@gomusdev/web-components 0.0.20 → 0.0.22

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

@@ -11,7 +11,7 @@ var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
 (function() {
   "use strict";
-  var _a, _previous, _callbacks, _pending, _deferred, _neutered, _async_effects, _boundary_async_effects, _render_effects, _effects, _block_effects, _dirty_effects, _maybe_dirty_effects, _Batch_instances, traverse_effect_tree_fn, defer_effects_fn, commit_fn, _events, _instance, _data, _fetchStatus, _Shop_instances, defaultApiParams_get, _canFetch, _ensureFetch, _mode, _filters, _eventId, _museumIds, _exhibitionIds, _ticketIds, _selectedDate, _selectedTimeslot, _ticketGroups, _preCarts, _tickets, _preCart, _type, _ticketSelectionDetails, _ticketSelectionDetails2, _b, _document, _subscribe, _name, _key, _root, _variant, _prefix, _visibleMonths, _months, _weekdays, _initialPlaceholderYear, _defaultYears, _CalendarRootState_instances, setupInitialFocusEffect_fn, setupAccessibleHeadingEffect_fn, setupFormatterEffect_fn, _isNextButtonDisabled, _isPrevButtonDisabled, _isInvalid, _headingValue, _fullCalendarLabel, isMultipleSelectionValid_fn, _snippetProps, _props, _props2, _cellDate, _isUnavailable, _isDateToday, _isOutsideMonth, _isOutsideVisibleMonths, _isDisabled, _isFocusedDate, _isSelectedDate, _labelText, _snippetProps2, _ariaDisabled, _sharedDataAttrs, _props3, _tabindex, _snippetProps3, _props4, _isDisabled2, _props5, _isDisabled3, _props6, _props7, _props8, _props9, _props10, _props11, _props12, _startAt, _selected, _c, _details, _params, _ticketSelectionDetails3;
+  var _a, _previous, _callbacks, _pending, _deferred, _neutered, _async_effects, _boundary_async_effects, _render_effects, _effects, _block_effects, _dirty_effects, _maybe_dirty_effects, _Batch_instances, traverse_effect_tree_fn, defer_effects_fn, commit_fn, _events, _instance, _data, _fetchStatus, _Shop_instances, defaultApiParams_get, _canFetch, _ensureFetch, _fields, _form, _mode, _filters, _eventId, _museumIds, _exhibitionIds, _ticketIds, _selectedDate, _selectedTimeslot, _ticketGroups, _preCarts, _tickets, _preCart, _filters2, _ticketSelectionDetails, _ticketSelectionDetails2, _b, _document, _subscribe, _name, _key, _root, _variant, _prefix, _visibleMonths, _months, _weekdays, _initialPlaceholderYear, _defaultYears, _CalendarRootState_instances, setupInitialFocusEffect_fn, setupAccessibleHeadingEffect_fn, setupFormatterEffect_fn, _isNextButtonDisabled, _isPrevButtonDisabled, _isInvalid, _headingValue, _fullCalendarLabel, isMultipleSelectionValid_fn, _snippetProps, _props, _props2, _cellDate, _isUnavailable, _isDateToday, _isOutsideMonth, _isOutsideVisibleMonths, _isDisabled, _isFocusedDate, _isSelectedDate, _labelText, _snippetProps2, _ariaDisabled, _sharedDataAttrs, _props3, _tabindex, _snippetProps3, _props4, _isDisabled2, _props5, _isDisabled3, _props6, _props7, _props8, _props9, _props10, _props11, _props12, _startAt, _selected, _c, _details, _params, _ticketSelectionDetails3;
   const PUBLIC_VERSION = "5";
   if (typeof window !== "undefined") {
     ((_a = window.__svelte ?? (window.__svelte = {})).v ?? (_a.v = /* @__PURE__ */ new Set())).add(PUBLIC_VERSION);
@@ -262,9 +262,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   const empty = [];
   function snapshot(value, skip_warning = false) {
-    return clone(value, /* @__PURE__ */ new Map(), "", empty);
+    return clone$1(value, /* @__PURE__ */ new Map(), "", empty);
   }
-  function clone(value, cloned, path, paths, original = null) {
+  function clone$1(value, cloned, path, paths, original = null) {
     if (typeof value === "object" && value !== null) {
       var unwrapped = cloned.get(value);
       if (unwrapped !== void 0) return unwrapped;
@@ -288,7 +288,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         for (var i = 0; i < value.length; i += 1) {
           var element = value[i];
           if (i in value) {
-            copy[i] = clone(element, cloned, path, paths);
+            copy[i] = clone$1(element, cloned, path, paths);
           }
         }
         return copy;
@@ -300,7 +300,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           cloned.set(original, copy);
         }
         for (var key in value) {
-          copy[key] = clone(value[key], cloned, path, paths);
+          copy[key] = clone$1(value[key], cloned, path, paths);
         }
         return copy;
       }
@@ -312,7 +312,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
       if (typeof /** @type {T & { toJSON?: any } } */
       value.toJSON === "function") {
-        return clone(
+        return clone$1(
           /** @type {T & { toJSON(): any } } */
           value.toJSON(),
           cloned,
@@ -757,6 +757,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   const batches = /* @__PURE__ */ new Set();
   let current_batch = null;
+  let previous_batch = null;
   let batch_deriveds = null;
   let effect_pending_updates = /* @__PURE__ */ new Set();
   let tasks = [];
@@ -864,6 +865,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     process(root_effects) {
       var _a2;
       queued_root_effects = [];
+      previous_batch = null;
       var current_values = null;
       if (batches.size > 1) {
         current_values = /* @__PURE__ */ new Map();
@@ -892,6 +894,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         __privateSet(this, _render_effects, []);
         __privateSet(this, _effects, []);
         __privateSet(this, _block_effects, []);
+        previous_batch = current_batch;
         current_batch = null;
         flush_queued_effects(render_effects);
         flush_queued_effects(effects);
@@ -940,6 +943,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     deactivate() {
       current_batch = null;
+      previous_batch = null;
       for (const update of effect_pending_updates) {
         effect_pending_updates.delete(update);
         update();
@@ -2574,7 +2578,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       return clone2;
     };
   }
-  function text(value = "") {
+  function text$1(value = "") {
     if (!hydrating) {
       var t = create_text(value + "");
       assign_nodes(t, t);
@@ -3414,7 +3418,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       next2.e.prev = prev && prev.e;
     }
   }
-  function html(node, get_value, svg = false, mathml = false, skip_warning = false) {
+  function html$2(node, get_value, svg2 = false, mathml = false, skip_warning = false) {
     var anchor = node;
     var value = "";
     template_effect(() => {
@@ -3454,10 +3458,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         return;
       }
       var html2 = value + "";
-      if (svg) html2 = `<svg>${html2}</svg>`;
+      if (svg2) html2 = `<svg>${html2}</svg>`;
       else if (mathml) html2 = `<math>${html2}</math>`;
       var node2 = create_fragment_from_html(html2);
-      if (svg || mathml) {
+      if (svg2 || mathml) {
         node2 = /** @type {Element} */
         /* @__PURE__ */ get_first_child(node2);
       }
@@ -3467,7 +3471,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         /** @type {TemplateNode} */
         node2.lastChild
       );
-      if (svg || mathml) {
+      if (svg2 || mathml) {
         while (/* @__PURE__ */ get_first_child(node2)) {
           anchor.before(
             /** @type {Node} */
@@ -3479,6 +3483,22 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     });
   }
+  function slot(anchor, $$props, name, slot_props, fallback_fn) {
+    var _a2;
+    if (hydrating) {
+      hydrate_next();
+    }
+    var slot_fn = (_a2 = $$props.$$slots) == null ? void 0 : _a2[name];
+    var is_interop = false;
+    if (slot_fn === true) {
+      slot_fn = $$props["children"];
+      is_interop = true;
+    }
+    if (slot_fn === void 0) ;
+    else {
+      slot_fn(anchor, is_interop ? () => slot_props : slot_props);
+    }
+  }
   function component(node, get_component, render_fn) {
     if (hydrating) {
       hydrate_next();
@@ -3568,6 +3588,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   const whitespace = [..." 	\n\r\f \v\uFEFF"];
   function to_class(value, hash, directives) {
     var classname = value == null ? "" : "" + value;
+    if (hash) {
+      classname = classname ? classname + " " + hash : hash;
+    }
     if (directives) {
       for (var key in directives) {
         if (directives[key]) {
@@ -3782,6 +3805,35 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       observer.disconnect();
     });
   }
+  function bind_select_value(select, get2, set2 = get2) {
+    var mounting = true;
+    listen_to_event_and_reset_event(select, "change", (is_reset) => {
+      var query = is_reset ? "[selected]" : ":checked";
+      var value;
+      if (select.multiple) {
+        value = [].map.call(select.querySelectorAll(query), get_option_value);
+      } else {
+        var selected_option = select.querySelector(query) ?? // will fall back to first non-disabled option if no option is selected
+        select.querySelector("option:not([disabled])");
+        value = selected_option && get_option_value(selected_option);
+      }
+      set2(value);
+    });
+    effect(() => {
+      var value = get2();
+      select_option(select, value, mounting);
+      if (mounting && value === void 0) {
+        var selected_option = select.querySelector(":checked");
+        if (selected_option !== null) {
+          value = get_option_value(selected_option);
+          set2(value);
+        }
+      }
+      select.__value = value;
+      mounting = false;
+    });
+    init_select(select);
+  }
   function get_option_value(option) {
     if ("__value" in option) {
       return option.__value;
@@ -3843,6 +3895,36 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       element.setAttribute(attribute, value);
     }
   }
+  function set_custom_element_data(node, prop2, value) {
+    var previous_reaction = active_reaction;
+    var previous_effect = active_effect;
+    let was_hydrating = hydrating;
+    if (hydrating) {
+      set_hydrating(false);
+    }
+    set_active_reaction(null);
+    set_active_effect(null);
+    try {
+      if (
+        // `style` should use `set_attribute` rather than the setter
+        prop2 !== "style" && // Don't compute setters for custom elements while they aren't registered yet,
+        // because during their upgrade/instantiation they might add more setters.
+        // Instead, fall back to a simple "an object, then set as property" heuristic.
+        (setters_cache.has(node.nodeName) || // customElements may not be available in browser extension contexts
+        !customElements || customElements.get(node.tagName.toLowerCase()) ? get_setters(node).includes(prop2) : value && typeof value === "object")
+      ) {
+        node[prop2] = value;
+      } else {
+        set_attribute(node, prop2, value == null ? value : String(value));
+      }
+    } finally {
+      set_active_reaction(previous_reaction);
+      set_active_effect(previous_effect);
+      if (was_hydrating) {
+        set_hydrating(true);
+      }
+    }
+  }
   function set_attributes(element, prev, next2, css_hash, skip_warning = false) {
     var attributes = get_attributes(element);
     var is_custom_element = attributes[IS_CUSTOM_ELEMENT];
@@ -4054,6 +4136,60 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     return setters;
   }
+  function bind_value(input, get2, set2 = get2) {
+    var runes = is_runes();
+    var batches2 = /* @__PURE__ */ new WeakSet();
+    listen_to_event_and_reset_event(input, "input", (is_reset) => {
+      var value = is_reset ? input.defaultValue : input.value;
+      value = is_numberlike_input(input) ? to_number(value) : value;
+      set2(value);
+      if (current_batch !== null) {
+        batches2.add(current_batch);
+      }
+      if (runes && value !== (value = get2())) {
+        var start = input.selectionStart;
+        var end = input.selectionEnd;
+        input.value = value ?? "";
+        if (end !== null) {
+          input.selectionStart = start;
+          input.selectionEnd = Math.min(end, input.value.length);
+        }
+      }
+    });
+    if (
+      // If we are hydrating and the value has since changed,
+      // then use the updated value from the input instead.
+      hydrating && input.defaultValue !== input.value || // If defaultValue is set, then value == defaultValue
+      // TODO Svelte 6: remove input.value check and set to empty string?
+      untrack(get2) == null && input.value
+    ) {
+      set2(is_numberlike_input(input) ? to_number(input.value) : input.value);
+      if (current_batch !== null) {
+        batches2.add(current_batch);
+      }
+    }
+    render_effect(() => {
+      var value = get2();
+      if (input === document.activeElement) {
+        var batch = (
+          /** @type {Batch} */
+          previous_batch ?? current_batch
+        );
+        if (batches2.has(batch)) {
+          return;
+        }
+      }
+      if (is_numberlike_input(input) && value === to_number(input.value)) {
+        return;
+      }
+      if (input.type === "date" && !value && !input.value) {
+        return;
+      }
+      if (value !== input.value) {
+        input.value = value ?? "";
+      }
+    });
+  }
   const pending = /* @__PURE__ */ new Set();
   function bind_group(inputs, group_index, input, get2, set2 = get2) {
     var is_checkbox = input.getAttribute("type") === "checkbox";
@@ -4117,6 +4253,24 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     });
   }
+  function bind_checked(input, get2, set2 = get2) {
+    listen_to_event_and_reset_event(input, "change", (is_reset) => {
+      var value = is_reset ? input.defaultChecked : input.checked;
+      set2(value);
+    });
+    if (
+      // If we are hydrating and the value has since changed,
+      // then use the update value from the input instead.
+      hydrating && input.defaultChecked !== input.checked || // If defaultChecked is set, then checked == defaultChecked
+      untrack(get2) == null
+    ) {
+      set2(input.checked);
+    }
+    render_effect(() => {
+      var value = get2();
+      input.checked = Boolean(value);
+    });
+  }
   function get_binding_group_value(group, __value, checked) {
     var value = /* @__PURE__ */ new Set();
     for (var i = 0; i < group.length; i += 1) {
@@ -4129,6 +4283,13 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     }
     return Array.from(value);
   }
+  function is_numberlike_input(input) {
+    var type = input.type;
+    return type === "number" || type === "range";
+  }
+  function to_number(value) {
+    return value === "" ? null : +value;
+  }
   function is_bound_this(bound_value, element_or_component) {
     return bound_value === element_or_component || (bound_value == null ? void 0 : bound_value[STATE_SYMBOL]) === element_or_component;
   }
@@ -4604,9 +4765,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         if (!this.$$c) {
           let create_slot = function(name) {
             return (anchor) => {
-              const slot = document.createElement("slot");
-              if (name !== "default") slot.name = name;
-              append(anchor, slot);
+              const slot2 = document.createElement("slot");
+              if (name !== "default") slot2.name = name;
+              append(anchor, slot2);
             };
           };
           await Promise.resolve();
@@ -4867,6 +5028,18 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     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;
+  }
   class User {
     get isAuthenticated() {
       return this.isLoggedIn || this.isGuest;
@@ -9398,13 +9571,13 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   class ZodReadonly extends ZodType {
     _parse(input) {
       const result = this._def.innerType._parse(input);
-      const freeze = (data) => {
+      const freeze2 = (data) => {
         if (isValid(data)) {
           data.value = Object.freeze(data.value);
         }
         return data;
       };
-      return isAsync(result) ? result.then((data) => freeze(data)) : freeze(result);
+      return isAsync(result) ? result.then((data) => freeze2(data)) : freeze2(result);
     }
     unwrap() {
       return this._def.innerType;
@@ -11299,11 +11472,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     priceCents = priceCents ?? 0;
     return new Intl.NumberFormat("de-DE", { style: "currency", currency: "EUR" }).format(priceCents / 100);
   }
-  var root_4$1 = /* @__PURE__ */ from_html(`<span> </span>`);
-  var root_3$2 = /* @__PURE__ */ from_html(`<span> </span> <!>`, 1);
+  var root_4$2 = /* @__PURE__ */ from_html(`<span> </span>`);
+  var root_3$4 = /* @__PURE__ */ from_html(`<span> </span> <!>`, 1);
   var on_click = (_, cartItem) => cart.deleteItem(get(cartItem));
-  var root_2$g = /* @__PURE__ */ from_html(`<li data-go-cart-item=""><article><ul><li data-go-cart-item-title=""> <!></li> <li data-go-cart-item-price=""> </li> <li data-go-cart-item-count=""> </li> <li data-go-cart-item-remove=""><button>⨉</button></li> <li data-go-cart-item-sum=""> </li></ul></article></li>`);
-  var root_1$3 = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li data-go-cart-header="" data-testid="cart-header"><ul><li data-go-cart-item-title="">Product</li> <li data-go-cart-item-price="">Price</li> <li data-go-cart-item-count="">Count</li> <li data-go-cart-item-remove="">remove</li> <li data-go-cart-item-sum="">Sum</li></ul></li> <!> <li data-go-cart-footer="" data-testid="cart-footer"><ul><li data-go-cart-item-title=""></li> <li data-go-cart-item-price=""></li> <li data-go-cart-item-count=""></li> <li data-go-cart-item-remove=""></li> <li data-go-cart-item-sum="" data-go-cart-sum=""> </li></ul></li></ol>`);
+  var root_2$j = /* @__PURE__ */ from_html(`<li data-go-cart-item=""><article><ul><li data-go-cart-item-title=""> <!></li> <li data-go-cart-item-price=""> </li> <li data-go-cart-item-count=""> </li> <li data-go-cart-item-remove=""><button>⨉</button></li> <li data-go-cart-item-sum=""> </li></ul></article></li>`);
+  var root_1$9 = /* @__PURE__ */ from_html(`<ol data-testid="cart"><li data-go-cart-header="" data-testid="cart-header"><ul><li data-go-cart-item-title="">Product</li> <li data-go-cart-item-price="">Price</li> <li data-go-cart-item-count="">Count</li> <li data-go-cart-item-remove="">remove</li> <li data-go-cart-item-sum="">Sum</li></ul></li> <!> <li data-go-cart-footer="" data-testid="cart-footer"><ul><li data-go-cart-item-title=""></li> <li data-go-cart-item-price=""></li> <li data-go-cart-item-count=""></li> <li data-go-cart-item-remove=""></li> <li data-go-cart-item-sum="" data-go-cart-sum=""> </li></ul></li></ol>`);
   function Cart($$anchor, $$props) {
     push($$props, false);
     init();
@@ -11311,10 +11484,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     var node = first_child(fragment);
     {
       var consequent_2 = ($$anchor2) => {
-        var ol = root_1$3();
+        var ol = root_1$9();
         var node_1 = sibling(child(ol), 2);
         each(node_1, 1, () => cart.items, (cartItem) => cartItem.uuid, ($$anchor3, cartItem) => {
-          var li = root_2$g();
+          var li = root_2$j();
           var article = child(li);
           var ul = child(article);
           var li_1 = child(ul);
@@ -11322,14 +11495,14 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           var node_2 = sibling(text2);
           {
             var consequent_1 = ($$anchor4) => {
-              var fragment_1 = root_3$2();
+              var fragment_1 = root_3$4();
               var span = first_child(fragment_1);
               var text_1 = child(span, true);
               reset(span);
               var node_3 = sibling(span, 2);
               {
                 var consequent = ($$anchor5) => {
-                  var span_1 = root_4$1();
+                  var span_1 = root_4$2();
                   var text_2 = child(span_1, true);
                   reset(span_1);
                   template_effect(($0) => set_text(text_2, $0), [() => formatTime(get(cartItem).attributes.time)]);
@@ -11489,13 +11662,263 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     [],
     false
   ));
-  function evaluateExpression(expression, data) {
-    try {
-      const func = new Function("data", `return ${expression};`);
-      return func(data);
-    } catch (error) {
-      console.log(`Error while evaluating when in go-if: ${error.message}`);
+  function createField(data) {
+    const field = proxy({
+      ...data,
+      errors: data.errors || [],
+      value: data.value ?? "",
+      options: data.options ?? [],
+      autocomplete: data.autocomplete ?? "",
+      checked: data.checked ?? false,
+      placeholder: data.placeholder ?? "",
+      description: data.description ?? "",
+      mounted: data.mounted ?? false,
+      validate: () => {
+        validateField(field);
+      }
+    });
+    if (field.type === "checkbox") {
+      user_effect(() => {
+        field.value = "" + field.checked;
+      });
+    }
+    return field;
+  }
+  function validateField(field) {
+    if (!field.validator) return;
+    const validation = field.validator.safeParse(field.value);
+    if (!validation.success) {
+      field.errors = validation.error.format()._errors;
+    } else {
+      field.errors = [];
+    }
+  }
+  var allFields = {
+    salutation: {
+      id: "salutation",
+      type: "select",
+      label: "Please choose",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "honorific-prefix",
+      options: [
+        { value: "mr", label: "Mr." },
+        { value: "ms", label: "Ms." },
+        { value: "other", label: "Other" }
+      ],
+      validator: z.string().min(1, "Salutation is required")
+    },
+    firstName: {
+      id: "firstName",
+      type: "text",
+      label: "First name",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "given-name",
+      validator: z.string().min(1, "First name is required")
+    },
+    lastName: {
+      id: "lastName",
+      type: "text",
+      label: "Last name",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "family-name",
+      validator: z.string().min(1, "Last name is required")
+    },
+    email: {
+      id: "email",
+      type: "email",
+      label: "E-mail",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "email",
+      validator: z.string().email("Invalid email")
+    },
+    confirmEmail: {
+      id: "confirmEmail",
+      type: "email",
+      label: "Confirm E-mail",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "email",
+      validator: z.string().email("Invalid email").min(1, "Please confirm your email")
+    },
+    password: {
+      id: "password",
+      type: "password",
+      label: "Password",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "new-password",
+      validator: z.string().min(6, "Password must be at least 6 characters")
+    },
+    confirmPassword: {
+      id: "confirmPassword",
+      type: "password",
+      label: "Confirm password",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "new-password",
+      validator: z.string().min(6, "Please confirm your password")
+    },
+    addressee: {
+      id: "addressee",
+      type: "text",
+      label: "Addressee",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "name",
+      validator: z.string().min(1, "Addressee is required")
+    },
+    street: {
+      id: "street",
+      type: "text",
+      label: "Street",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "street-address",
+      validator: z.string().min(1, "Street is required")
+    },
+    postcode: {
+      id: "postcode",
+      type: "text",
+      label: "Postcode",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "postal-code",
+      validator: z.string().min(1, "Postcode is required")
+    },
+    city: {
+      id: "city",
+      type: "text",
+      label: "City",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "address-level2",
+      validator: z.string().min(1, "City is required")
+    },
+    country: {
+      id: "country",
+      type: "select",
+      label: "Country",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "country",
+      options: [
+        { value: "de", label: "Germany" },
+        { value: "at", label: "Austria" },
+        { value: "ch", label: "Switzerland" }
+      ],
+      validator: z.string().min(1, "Country is required")
+    },
+    gender: {
+      id: "gender",
+      type: "select",
+      label: "Gender",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "sex",
+      options: [
+        { value: "female", label: "Female" },
+        { value: "male", label: "Male" },
+        { value: "third", label: "Third Gender" },
+        { value: "unspecified", label: "Not Specified" }
+      ],
+      validator: z.string().min(1, "Gender is required")
+    },
+    forWhom: {
+      id: "forWhom",
+      type: "select",
+      label: "For Whom",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "",
+      options: [
+        { value: "for_me", label: "For Me" },
+        { value: "as_a_gift", label: "As a Gift" }
+      ]
+    },
+    language: {
+      id: "language",
+      type: "select",
+      label: "Language",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "language",
+      options: [
+        { value: "de", label: "German" },
+        { value: "en", label: "English" }
+      ],
+      validator: z.string().min(1, "Language is required")
+    },
+    acceptTerms: {
+      id: "acceptTerms",
+      type: "checkbox",
+      label: "I agree to the Terms",
+      placeholder: "",
+      required: true,
+      description: "",
+      autocomplete: "off",
+      validator: z.string().refine((val) => val === "true", {
+        message: "Accepting the terms and conditions is mandatory"
+      })
+    },
+    rememberMe: {
+      id: "rememberMe",
+      type: "checkbox",
+      label: "Remember me",
+      placeholder: "",
+      required: false,
+      description: "",
+      autocomplete: "off",
+      validator: z.boolean()
+    }
+  };
+  const formsSvelte = {
+    signup: ["firstName", "lastName", "email", "password", "acceptTerms"],
+    login: ["email", "password", "rememberMe"],
+    ticketPersonalization: [
+      "forWhom",
+      "email",
+      "gender",
+      "firstName",
+      "lastName",
+      "country",
+      "postcode",
+      "city",
+      "street"
+    ],
+    custom: Object.keys(allFields)
+  };
+  function formFields(formId) {
+    if (!formsSvelte[formId]) {
+      throw new Error(`Form ${formId} not found`);
     }
+    return formsSvelte[formId].map((fid) => createField(allFields[fid]));
+  }
+  function errors(fields) {
+    if (!fields) return 0;
+    const ret = fields.filter((f) => {
+      var _a2;
+      return f.mounted && ((_a2 = f.errors) == null ? void 0 : _a2.length);
+    }).length;
+    return ret;
   }
   function createSetDetails(KEY2) {
     return function(host, details) {
@@ -11518,77 +11941,1648 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       }
     };
   }
-  let lastUId = 0;
-  class TicketSelectionDetails {
-    constructor() {
-      __publicField(this, "uid", lastUId++);
-      __privateAdd(this, _mode, /* @__PURE__ */ state());
-      __privateAdd(this, _filters, /* @__PURE__ */ state());
-      __privateAdd(this, _eventId, /* @__PURE__ */ state());
-      __privateAdd(this, _museumIds, /* @__PURE__ */ state());
-      __privateAdd(this, _exhibitionIds, /* @__PURE__ */ state());
-      __privateAdd(this, _ticketIds, /* @__PURE__ */ state());
-      __privateAdd(this, _selectedDate, /* @__PURE__ */ state());
-      __privateAdd(this, _selectedTimeslot, /* @__PURE__ */ state());
-      __privateAdd(this, _ticketGroups, /* @__PURE__ */ state(proxy([])));
-      __privateAdd(this, _preCarts, /* @__PURE__ */ user_derived(() => this.ticketGroups.map((tg) => tg.preCart)));
-    }
-    get mode() {
-      return get(__privateGet(this, _mode));
+  class DetailsSvelte {
+    constructor(formId) {
+      __privateAdd(this, _fields, /* @__PURE__ */ state(proxy([])));
+      __privateAdd(this, _form, /* @__PURE__ */ state());
+      const _fields2 = /* @__PURE__ */ user_derived(() => formFields(formId));
+      set(__privateGet(this, _fields), get(_fields2), true);
     }
-    set mode(value) {
-      set(__privateGet(this, _mode), value, true);
+    get form() {
+      return get(__privateGet(this, _form));
     }
-    get filters() {
-      return get(__privateGet(this, _filters));
+    set form(value) {
+      set(__privateGet(this, _form), value, true);
     }
-    set filters(value) {
-      set(__privateGet(this, _filters), value, true);
+    get fields() {
+      return get(__privateGet(this, _fields));
     }
-    get eventId() {
-      return get(__privateGet(this, _eventId));
+    getField(id) {
+      return get(__privateGet(this, _fields)).find((f) => f.id == id);
     }
-    set eventId(value) {
-      set(__privateGet(this, _eventId), value, true);
+  }
+  _fields = new WeakMap();
+  _form = new WeakMap();
+  const KEY$2 = "go-request-form";
+  const setDetails = createSetDetails(KEY$2);
+  const getDetails = createGetDetails(KEY$2);
+  function wrapInElement(host, tag, props) {
+    var _a2;
+    const first = host.firstElementChild;
+    if (((_a2 = host.children) == null ? void 0 : _a2.length) === 1 && (first == null ? void 0 : first.tagName.toLowerCase()) === tag) {
+      return first;
     }
-    get museumIds() {
-      return get(__privateGet(this, _museumIds));
+    const element = document.createElement(tag);
+    if (props) {
+      Object.entries(props).forEach(([key, value]) => {
+        if (typeof value === "boolean") {
+          if (value) {
+            element.setAttribute(key, "");
+          }
+        } else {
+          element.setAttribute(key, value);
+        }
+      });
     }
-    set museumIds(value) {
-      set(__privateGet(this, _museumIds), value, true);
+    const frag = document.createDocumentFragment();
+    while (host.firstChild) frag.appendChild(host.firstChild);
+    element.appendChild(frag);
+    host.replaceChildren(element);
+    return element;
+  }
+  var root_1$8 = /* @__PURE__ */ from_html(`<go-all-fields></go-all-fields> <go-form-feedback><go-errors-feedback></go-errors-feedback> <go-success-feedback></go-success-feedback></go-form-feedback> <go-submit>Submit</go-submit>`, 3);
+  function Form($$anchor, $$props) {
+    push($$props, true);
+    let formId = prop($$props, "formId", 7), custom2 = prop($$props, "custom", 7);
+    const details = new DetailsSvelte(formId());
+    setDetails($$props.$$host, details);
+    function handleSubmit(event) {
+      var _a2, _b2;
+      event.preventDefault();
+      details.fields.forEach((f) => {
+        f.validate();
+      });
+      (_a2 = details == null ? void 0 : details.form) == null ? void 0 : _a2.dispatchEvent(new Event("after-validation", event));
+      if (errors(details.fields) === 0) {
+        (_b2 = details == null ? void 0 : details.form) == null ? void 0 : _b2.dispatchEvent(new Event("success", event));
+      }
     }
-    get exhibitionIds() {
-      return get(__privateGet(this, _exhibitionIds));
+    onMount(() => {
+      const form = wrapInElement($$props.$$host, "form", { novalidate: true });
+      form.addEventListener("submit", handleSubmit);
+      details.form = form;
+    });
+    var fragment = comment();
+    var node = first_child(fragment);
+    {
+      var consequent = ($$anchor2) => {
+        var fragment_1 = root_1$8();
+        var go_all_fields = first_child(fragment_1);
+        var go_form_feedback = sibling(go_all_fields, 2);
+        sibling(go_form_feedback, 2);
+        append($$anchor2, fragment_1);
+      };
+      if_block(node, ($$render) => {
+        if (!custom2()) $$render(consequent);
+      });
     }
-    set exhibitionIds(value) {
-      set(__privateGet(this, _exhibitionIds), value, true);
+    append($$anchor, fragment);
+    return pop({
+      details,
+      get formId() {
+        return formId();
+      },
+      set formId($$value) {
+        formId($$value);
+        flushSync();
+      },
+      get custom() {
+        return custom2();
+      },
+      set custom($$value) {
+        custom2($$value);
+        flushSync();
+      }
+    });
+  }
+  customElements.define("go-form", create_custom_element(
+    Form,
+    {
+      formId: { attribute: "form-id", reflect: true, type: "String" },
+      custom: { attribute: "custom", reflect: true, type: "Boolean" }
+    },
+    [],
+    ["details"],
+    false
+  ));
+  var root$5 = /* @__PURE__ */ from_html(`<go-form><!></go-form>`, 2);
+  function Signup($$anchor, $$props) {
+    push($$props, true);
+    let custom2 = prop($$props, "custom", 7, false);
+    var go_form = root$5();
+    set_custom_element_data(go_form, "formId", "signup");
+    template_effect(() => set_custom_element_data(go_form, "custom", custom2()));
+    var node = child(go_form);
+    slot(node, $$props, "default", {});
+    reset(go_form);
+    append($$anchor, go_form);
+    return pop({
+      get custom() {
+        return custom2();
+      },
+      set custom($$value = false) {
+        custom2($$value);
+        flushSync();
+      }
+    });
+  }
+  customElements.define("go-signup-form", create_custom_element(
+    Signup,
+    {
+      custom: { attribute: "custom", reflect: true, type: "Boolean" }
+    },
+    ["default"],
+    [],
+    true
+  ));
+  /*! @license DOMPurify 3.2.6 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.2.6/LICENSE */
+  const {
+    entries,
+    setPrototypeOf,
+    isFrozen,
+    getPrototypeOf,
+    getOwnPropertyDescriptor
+  } = Object;
+  let {
+    freeze,
+    seal,
+    create
+  } = Object;
+  let {
+    apply,
+    construct
+  } = typeof Reflect !== "undefined" && Reflect;
+  if (!freeze) {
+    freeze = function freeze2(x) {
+      return x;
+    };
+  }
+  if (!seal) {
+    seal = function seal2(x) {
+      return x;
+    };
+  }
+  if (!apply) {
+    apply = function apply2(fun, thisValue, args) {
+      return fun.apply(thisValue, args);
+    };
+  }
+  if (!construct) {
+    construct = function construct2(Func, args) {
+      return new Func(...args);
+    };
+  }
+  const arrayForEach = unapply(Array.prototype.forEach);
+  const arrayLastIndexOf = unapply(Array.prototype.lastIndexOf);
+  const arrayPop = unapply(Array.prototype.pop);
+  const arrayPush = unapply(Array.prototype.push);
+  const arraySplice = unapply(Array.prototype.splice);
+  const stringToLowerCase = unapply(String.prototype.toLowerCase);
+  const stringToString = unapply(String.prototype.toString);
+  const stringMatch = unapply(String.prototype.match);
+  const stringReplace = unapply(String.prototype.replace);
+  const stringIndexOf = unapply(String.prototype.indexOf);
+  const stringTrim = unapply(String.prototype.trim);
+  const objectHasOwnProperty = unapply(Object.prototype.hasOwnProperty);
+  const regExpTest = unapply(RegExp.prototype.test);
+  const typeErrorCreate = unconstruct(TypeError);
+  function unapply(func) {
+    return function(thisArg) {
+      if (thisArg instanceof RegExp) {
+        thisArg.lastIndex = 0;
+      }
+      for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key2 = 1; _key2 < _len; _key2++) {
+        args[_key2 - 1] = arguments[_key2];
+      }
+      return apply(func, thisArg, args);
+    };
+  }
+  function unconstruct(func) {
+    return function() {
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return construct(func, args);
+    };
+  }
+  function addToSet(set2, array) {
+    let transformCaseFunc = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : stringToLowerCase;
+    if (setPrototypeOf) {
+      setPrototypeOf(set2, null);
+    }
+    let l = array.length;
+    while (l--) {
+      let element = array[l];
+      if (typeof element === "string") {
+        const lcElement = transformCaseFunc(element);
+        if (lcElement !== element) {
+          if (!isFrozen(array)) {
+            array[l] = lcElement;
+          }
+          element = lcElement;
+        }
+      }
+      set2[element] = true;
     }
-    get ticketIds() {
-      return get(__privateGet(this, _ticketIds));
+    return set2;
+  }
+  function cleanArray(array) {
+    for (let index2 = 0; index2 < array.length; index2++) {
+      const isPropertyExist = objectHasOwnProperty(array, index2);
+      if (!isPropertyExist) {
+        array[index2] = null;
+      }
     }
-    set ticketIds(value) {
-      set(__privateGet(this, _ticketIds), value, true);
+    return array;
+  }
+  function clone(object) {
+    const newObject = create(null);
+    for (const [property, value] of entries(object)) {
+      const isPropertyExist = objectHasOwnProperty(object, property);
+      if (isPropertyExist) {
+        if (Array.isArray(value)) {
+          newObject[property] = cleanArray(value);
+        } else if (value && typeof value === "object" && value.constructor === Object) {
+          newObject[property] = clone(value);
+        } else {
+          newObject[property] = value;
+        }
+      }
     }
-    get selectedDate() {
-      return get(__privateGet(this, _selectedDate));
+    return newObject;
+  }
+  function lookupGetter(object, prop2) {
+    while (object !== null) {
+      const desc = getOwnPropertyDescriptor(object, prop2);
+      if (desc) {
+        if (desc.get) {
+          return unapply(desc.get);
+        }
+        if (typeof desc.value === "function") {
+          return unapply(desc.value);
+        }
+      }
+      object = getPrototypeOf(object);
     }
-    set selectedDate(value) {
-      set(__privateGet(this, _selectedDate), value, true);
+    function fallbackValue() {
+      return null;
     }
-    get selectedTimeslot() {
-      return get(__privateGet(this, _selectedTimeslot));
+    return fallbackValue;
+  }
+  const html$1 = freeze(["a", "abbr", "acronym", "address", "area", "article", "aside", "audio", "b", "bdi", "bdo", "big", "blink", "blockquote", "body", "br", "button", "canvas", "caption", "center", "cite", "code", "col", "colgroup", "content", "data", "datalist", "dd", "decorator", "del", "details", "dfn", "dialog", "dir", "div", "dl", "dt", "element", "em", "fieldset", "figcaption", "figure", "font", "footer", "form", "h1", "h2", "h3", "h4", "h5", "h6", "head", "header", "hgroup", "hr", "html", "i", "img", "input", "ins", "kbd", "label", "legend", "li", "main", "map", "mark", "marquee", "menu", "menuitem", "meter", "nav", "nobr", "ol", "optgroup", "option", "output", "p", "picture", "pre", "progress", "q", "rp", "rt", "ruby", "s", "samp", "section", "select", "shadow", "small", "source", "spacer", "span", "strike", "strong", "style", "sub", "summary", "sup", "table", "tbody", "td", "template", "textarea", "tfoot", "th", "thead", "time", "tr", "track", "tt", "u", "ul", "var", "video", "wbr"]);
+  const svg$1 = freeze(["svg", "a", "altglyph", "altglyphdef", "altglyphitem", "animatecolor", "animatemotion", "animatetransform", "circle", "clippath", "defs", "desc", "ellipse", "filter", "font", "g", "glyph", "glyphref", "hkern", "image", "line", "lineargradient", "marker", "mask", "metadata", "mpath", "path", "pattern", "polygon", "polyline", "radialgradient", "rect", "stop", "style", "switch", "symbol", "text", "textpath", "title", "tref", "tspan", "view", "vkern"]);
+  const svgFilters = freeze(["feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence"]);
+  const svgDisallowed = freeze(["animate", "color-profile", "cursor", "discard", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"]);
+  const mathMl$1 = freeze(["math", "menclose", "merror", "mfenced", "mfrac", "mglyph", "mi", "mlabeledtr", "mmultiscripts", "mn", "mo", "mover", "mpadded", "mphantom", "mroot", "mrow", "ms", "mspace", "msqrt", "mstyle", "msub", "msup", "msubsup", "mtable", "mtd", "mtext", "mtr", "munder", "munderover", "mprescripts"]);
+  const mathMlDisallowed = freeze(["maction", "maligngroup", "malignmark", "mlongdiv", "mscarries", "mscarry", "msgroup", "mstack", "msline", "msrow", "semantics", "annotation", "annotation-xml", "mprescripts", "none"]);
+  const text = freeze(["#text"]);
+  const html = freeze(["accept", "action", "align", "alt", "autocapitalize", "autocomplete", "autopictureinpicture", "autoplay", "background", "bgcolor", "border", "capture", "cellpadding", "cellspacing", "checked", "cite", "class", "clear", "color", "cols", "colspan", "controls", "controlslist", "coords", "crossorigin", "datetime", "decoding", "default", "dir", "disabled", "disablepictureinpicture", "disableremoteplayback", "download", "draggable", "enctype", "enterkeyhint", "face", "for", "headers", "height", "hidden", "high", "href", "hreflang", "id", "inputmode", "integrity", "ismap", "kind", "label", "lang", "list", "loading", "loop", "low", "max", "maxlength", "media", "method", "min", "minlength", "multiple", "muted", "name", "nonce", "noshade", "novalidate", "nowrap", "open", "optimum", "pattern", "placeholder", "playsinline", "popover", "popovertarget", "popovertargetaction", "poster", "preload", "pubdate", "radiogroup", "readonly", "rel", "required", "rev", "reversed", "role", "rows", "rowspan", "spellcheck", "scope", "selected", "shape", "size", "sizes", "span", "srclang", "start", "src", "srcset", "step", "style", "summary", "tabindex", "title", "translate", "type", "usemap", "valign", "value", "width", "wrap", "xmlns", "slot"]);
+  const svg = freeze(["accent-height", "accumulate", "additive", "alignment-baseline", "amplitude", "ascent", "attributename", "attributetype", "azimuth", "basefrequency", "baseline-shift", "begin", "bias", "by", "class", "clip", "clippathunits", "clip-path", "clip-rule", "color", "color-interpolation", "color-interpolation-filters", "color-profile", "color-rendering", "cx", "cy", "d", "dx", "dy", "diffuseconstant", "direction", "display", "divisor", "dur", "edgemode", "elevation", "end", "exponent", "fill", "fill-opacity", "fill-rule", "filter", "filterunits", "flood-color", "flood-opacity", "font-family", "font-size", "font-size-adjust", "font-stretch", "font-style", "font-variant", "font-weight", "fx", "fy", "g1", "g2", "glyph-name", "glyphref", "gradientunits", "gradienttransform", "height", "href", "id", "image-rendering", "in", "in2", "intercept", "k", "k1", "k2", "k3", "k4", "kerning", "keypoints", "keysplines", "keytimes", "lang", "lengthadjust", "letter-spacing", "kernelmatrix", "kernelunitlength", "lighting-color", "local", "marker-end", "marker-mid", "marker-start", "markerheight", "markerunits", "markerwidth", "maskcontentunits", "maskunits", "max", "mask", "media", "method", "mode", "min", "name", "numoctaves", "offset", "operator", "opacity", "order", "orient", "orientation", "origin", "overflow", "paint-order", "path", "pathlength", "patterncontentunits", "patterntransform", "patternunits", "points", "preservealpha", "preserveaspectratio", "primitiveunits", "r", "rx", "ry", "radius", "refx", "refy", "repeatcount", "repeatdur", "restart", "result", "rotate", "scale", "seed", "shape-rendering", "slope", "specularconstant", "specularexponent", "spreadmethod", "startoffset", "stddeviation", "stitchtiles", "stop-color", "stop-opacity", "stroke-dasharray", "stroke-dashoffset", "stroke-linecap", "stroke-linejoin", "stroke-miterlimit", "stroke-opacity", "stroke", "stroke-width", "style", "surfacescale", "systemlanguage", "tabindex", "tablevalues", "targetx", "targety", "transform", "transform-origin", "text-anchor", "text-decoration", "text-rendering", "textlength", "type", "u1", "u2", "unicode", "values", "viewbox", "visibility", "version", "vert-adv-y", "vert-origin-x", "vert-origin-y", "width", "word-spacing", "wrap", "writing-mode", "xchannelselector", "ychannelselector", "x", "x1", "x2", "xmlns", "y", "y1", "y2", "z", "zoomandpan"]);
+  const mathMl = freeze(["accent", "accentunder", "align", "bevelled", "close", "columnsalign", "columnlines", "columnspan", "denomalign", "depth", "dir", "display", "displaystyle", "encoding", "fence", "frame", "height", "href", "id", "largeop", "length", "linethickness", "lspace", "lquote", "mathbackground", "mathcolor", "mathsize", "mathvariant", "maxsize", "minsize", "movablelimits", "notation", "numalign", "open", "rowalign", "rowlines", "rowspacing", "rowspan", "rspace", "rquote", "scriptlevel", "scriptminsize", "scriptsizemultiplier", "selection", "separator", "separators", "stretchy", "subscriptshift", "supscriptshift", "symmetric", "voffset", "width", "xmlns"]);
+  const xml = freeze(["xlink:href", "xml:id", "xlink:title", "xml:space", "xmlns:xlink"]);
+  const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm);
+  const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
+  const TMPLIT_EXPR = seal(/\$\{[\w\W]*/gm);
+  const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]+$/);
+  const ARIA_ATTR = seal(/^aria-[\-\w]+$/);
+  const IS_ALLOWED_URI = seal(
+    /^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp|matrix):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i
+    // eslint-disable-line no-useless-escape
+  );
+  const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+  const ATTR_WHITESPACE = seal(
+    /[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g
+    // eslint-disable-line no-control-regex
+  );
+  const DOCTYPE_NAME = seal(/^html$/i);
+  const CUSTOM_ELEMENT = seal(/^[a-z][.\w]*(-[.\w]+)+$/i);
+  var EXPRESSIONS = /* @__PURE__ */ Object.freeze({
+    __proto__: null,
+    ARIA_ATTR,
+    ATTR_WHITESPACE,
+    CUSTOM_ELEMENT,
+    DATA_ATTR,
+    DOCTYPE_NAME,
+    ERB_EXPR,
+    IS_ALLOWED_URI,
+    IS_SCRIPT_OR_DATA,
+    MUSTACHE_EXPR,
+    TMPLIT_EXPR
+  });
+  const NODE_TYPE = {
+    element: 1,
+    text: 3,
+    // Deprecated
+    progressingInstruction: 7,
+    comment: 8,
+    document: 9
+  };
+  const getGlobal = function getGlobal2() {
+    return typeof window === "undefined" ? null : window;
+  };
+  const _createTrustedTypesPolicy = function _createTrustedTypesPolicy2(trustedTypes, purifyHostElement) {
+    if (typeof trustedTypes !== "object" || typeof trustedTypes.createPolicy !== "function") {
+      return null;
     }
-    set selectedTimeslot(value) {
-      set(__privateGet(this, _selectedTimeslot), value, true);
+    let suffix = null;
+    const ATTR_NAME = "data-tt-policy-suffix";
+    if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+      suffix = purifyHostElement.getAttribute(ATTR_NAME);
     }
-    get ticketGroups() {
-      return get(__privateGet(this, _ticketGroups));
+    const policyName = "dompurify" + (suffix ? "#" + suffix : "");
+    try {
+      return trustedTypes.createPolicy(policyName, {
+        createHTML(html2) {
+          return html2;
+        },
+        createScriptURL(scriptUrl) {
+          return scriptUrl;
+        }
+      });
+    } catch (_) {
+      console.warn("TrustedTypes policy " + policyName + " could not be created.");
+      return null;
     }
-    set ticketGroups(value) {
-      set(__privateGet(this, _ticketGroups), value, true);
+  };
+  const _createHooksMap = function _createHooksMap2() {
+    return {
+      afterSanitizeAttributes: [],
+      afterSanitizeElements: [],
+      afterSanitizeShadowDOM: [],
+      beforeSanitizeAttributes: [],
+      beforeSanitizeElements: [],
+      beforeSanitizeShadowDOM: [],
+      uponSanitizeAttribute: [],
+      uponSanitizeElement: [],
+      uponSanitizeShadowNode: []
+    };
+  };
+  function createDOMPurify() {
+    let window2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : getGlobal();
+    const DOMPurify = (root2) => createDOMPurify(root2);
+    DOMPurify.version = "3.2.6";
+    DOMPurify.removed = [];
+    if (!window2 || !window2.document || window2.document.nodeType !== NODE_TYPE.document || !window2.Element) {
+      DOMPurify.isSupported = false;
+      return DOMPurify;
     }
-    get preCarts() {
-      return get(__privateGet(this, _preCarts));
+    let {
+      document: document2
+    } = window2;
+    const originalDocument = document2;
+    const currentScript = originalDocument.currentScript;
+    const {
+      DocumentFragment,
+      HTMLTemplateElement,
+      Node: Node2,
+      Element: Element2,
+      NodeFilter,
+      NamedNodeMap = window2.NamedNodeMap || window2.MozNamedAttrMap,
+      HTMLFormElement,
+      DOMParser,
+      trustedTypes
+    } = window2;
+    const ElementPrototype = Element2.prototype;
+    const cloneNode = lookupGetter(ElementPrototype, "cloneNode");
+    const remove = lookupGetter(ElementPrototype, "remove");
+    const getNextSibling = lookupGetter(ElementPrototype, "nextSibling");
+    const getChildNodes = lookupGetter(ElementPrototype, "childNodes");
+    const getParentNode = lookupGetter(ElementPrototype, "parentNode");
+    if (typeof HTMLTemplateElement === "function") {
+      const template = document2.createElement("template");
+      if (template.content && template.content.ownerDocument) {
+        document2 = template.content.ownerDocument;
+      }
+    }
+    let trustedTypesPolicy;
+    let emptyHTML = "";
+    const {
+      implementation,
+      createNodeIterator,
+      createDocumentFragment,
+      getElementsByTagName
+    } = document2;
+    const {
+      importNode
+    } = originalDocument;
+    let hooks = _createHooksMap();
+    DOMPurify.isSupported = typeof entries === "function" && typeof getParentNode === "function" && implementation && implementation.createHTMLDocument !== void 0;
+    const {
+      MUSTACHE_EXPR: MUSTACHE_EXPR2,
+      ERB_EXPR: ERB_EXPR2,
+      TMPLIT_EXPR: TMPLIT_EXPR2,
+      DATA_ATTR: DATA_ATTR2,
+      ARIA_ATTR: ARIA_ATTR2,
+      IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA2,
+      ATTR_WHITESPACE: ATTR_WHITESPACE2,
+      CUSTOM_ELEMENT: CUSTOM_ELEMENT2
+    } = EXPRESSIONS;
+    let {
+      IS_ALLOWED_URI: IS_ALLOWED_URI$1
+    } = EXPRESSIONS;
+    let ALLOWED_TAGS = null;
+    const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
+    let ALLOWED_ATTR = null;
+    const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
+    let CUSTOM_ELEMENT_HANDLING = Object.seal(create(null, {
+      tagNameCheck: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: null
+      },
+      attributeNameCheck: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: null
+      },
+      allowCustomizedBuiltInElements: {
+        writable: true,
+        configurable: false,
+        enumerable: true,
+        value: false
+      }
+    }));
+    let FORBID_TAGS = null;
+    let FORBID_ATTR = null;
+    let ALLOW_ARIA_ATTR = true;
+    let ALLOW_DATA_ATTR = true;
+    let ALLOW_UNKNOWN_PROTOCOLS = false;
+    let ALLOW_SELF_CLOSE_IN_ATTR = true;
+    let SAFE_FOR_TEMPLATES = false;
+    let SAFE_FOR_XML = true;
+    let WHOLE_DOCUMENT = false;
+    let SET_CONFIG = false;
+    let FORCE_BODY = false;
+    let RETURN_DOM = false;
+    let RETURN_DOM_FRAGMENT = false;
+    let RETURN_TRUSTED_TYPE = false;
+    let SANITIZE_DOM = true;
+    let SANITIZE_NAMED_PROPS = false;
+    const SANITIZE_NAMED_PROPS_PREFIX = "user-content-";
+    let KEEP_CONTENT = true;
+    let IN_PLACE = false;
+    let USE_PROFILES = {};
+    let FORBID_CONTENTS = null;
+    const DEFAULT_FORBID_CONTENTS = addToSet({}, ["annotation-xml", "audio", "colgroup", "desc", "foreignobject", "head", "iframe", "math", "mi", "mn", "mo", "ms", "mtext", "noembed", "noframes", "noscript", "plaintext", "script", "style", "svg", "template", "thead", "title", "video", "xmp"]);
+    let DATA_URI_TAGS = null;
+    const DEFAULT_DATA_URI_TAGS = addToSet({}, ["audio", "video", "img", "source", "image", "track"]);
+    let URI_SAFE_ATTRIBUTES = null;
+    const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ["alt", "class", "for", "id", "label", "name", "pattern", "placeholder", "role", "summary", "title", "value", "style", "xmlns"]);
+    const MATHML_NAMESPACE = "http://www.w3.org/1998/Math/MathML";
+    const SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+    const HTML_NAMESPACE = "http://www.w3.org/1999/xhtml";
+    let NAMESPACE = HTML_NAMESPACE;
+    let IS_EMPTY_INPUT = false;
+    let ALLOWED_NAMESPACES = null;
+    const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+    let MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ["mi", "mo", "mn", "ms", "mtext"]);
+    let HTML_INTEGRATION_POINTS = addToSet({}, ["annotation-xml"]);
+    const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ["title", "style", "font", "a", "script"]);
+    let PARSER_MEDIA_TYPE = null;
+    const SUPPORTED_PARSER_MEDIA_TYPES = ["application/xhtml+xml", "text/html"];
+    const DEFAULT_PARSER_MEDIA_TYPE = "text/html";
+    let transformCaseFunc = null;
+    let CONFIG = null;
+    const formElement = document2.createElement("form");
+    const isRegexOrFunction = function isRegexOrFunction2(testValue) {
+      return testValue instanceof RegExp || testValue instanceof Function;
+    };
+    const _parseConfig = function _parseConfig2() {
+      let cfg = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      if (CONFIG && CONFIG === cfg) {
+        return;
+      }
+      if (!cfg || typeof cfg !== "object") {
+        cfg = {};
+      }
+      cfg = clone(cfg);
+      PARSER_MEDIA_TYPE = // eslint-disable-next-line unicorn/prefer-includes
+      SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? DEFAULT_PARSER_MEDIA_TYPE : cfg.PARSER_MEDIA_TYPE;
+      transformCaseFunc = PARSER_MEDIA_TYPE === "application/xhtml+xml" ? stringToString : stringToLowerCase;
+      ALLOWED_TAGS = objectHasOwnProperty(cfg, "ALLOWED_TAGS") ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
+      ALLOWED_ATTR = objectHasOwnProperty(cfg, "ALLOWED_ATTR") ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
+      ALLOWED_NAMESPACES = objectHasOwnProperty(cfg, "ALLOWED_NAMESPACES") ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
+      URI_SAFE_ATTRIBUTES = objectHasOwnProperty(cfg, "ADD_URI_SAFE_ATTR") ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), cfg.ADD_URI_SAFE_ATTR, transformCaseFunc) : DEFAULT_URI_SAFE_ATTRIBUTES;
+      DATA_URI_TAGS = objectHasOwnProperty(cfg, "ADD_DATA_URI_TAGS") ? addToSet(clone(DEFAULT_DATA_URI_TAGS), cfg.ADD_DATA_URI_TAGS, transformCaseFunc) : DEFAULT_DATA_URI_TAGS;
+      FORBID_CONTENTS = objectHasOwnProperty(cfg, "FORBID_CONTENTS") ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
+      FORBID_TAGS = objectHasOwnProperty(cfg, "FORBID_TAGS") ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : clone({});
+      FORBID_ATTR = objectHasOwnProperty(cfg, "FORBID_ATTR") ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : clone({});
+      USE_PROFILES = objectHasOwnProperty(cfg, "USE_PROFILES") ? cfg.USE_PROFILES : false;
+      ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false;
+      ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false;
+      ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false;
+      ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false;
+      SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false;
+      SAFE_FOR_XML = cfg.SAFE_FOR_XML !== false;
+      WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false;
+      RETURN_DOM = cfg.RETURN_DOM || false;
+      RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false;
+      RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false;
+      FORCE_BODY = cfg.FORCE_BODY || false;
+      SANITIZE_DOM = cfg.SANITIZE_DOM !== false;
+      SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false;
+      KEEP_CONTENT = cfg.KEEP_CONTENT !== false;
+      IN_PLACE = cfg.IN_PLACE || false;
+      IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
+      NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+      MATHML_TEXT_INTEGRATION_POINTS = cfg.MATHML_TEXT_INTEGRATION_POINTS || MATHML_TEXT_INTEGRATION_POINTS;
+      HTML_INTEGRATION_POINTS = cfg.HTML_INTEGRATION_POINTS || HTML_INTEGRATION_POINTS;
+      CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
+      if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
+        CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
+      }
+      if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
+        CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
+      }
+      if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === "boolean") {
+        CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
+      }
+      if (SAFE_FOR_TEMPLATES) {
+        ALLOW_DATA_ATTR = false;
+      }
+      if (RETURN_DOM_FRAGMENT) {
+        RETURN_DOM = true;
+      }
+      if (USE_PROFILES) {
+        ALLOWED_TAGS = addToSet({}, text);
+        ALLOWED_ATTR = [];
+        if (USE_PROFILES.html === true) {
+          addToSet(ALLOWED_TAGS, html$1);
+          addToSet(ALLOWED_ATTR, html);
+        }
+        if (USE_PROFILES.svg === true) {
+          addToSet(ALLOWED_TAGS, svg$1);
+          addToSet(ALLOWED_ATTR, svg);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+        if (USE_PROFILES.svgFilters === true) {
+          addToSet(ALLOWED_TAGS, svgFilters);
+          addToSet(ALLOWED_ATTR, svg);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+        if (USE_PROFILES.mathMl === true) {
+          addToSet(ALLOWED_TAGS, mathMl$1);
+          addToSet(ALLOWED_ATTR, mathMl);
+          addToSet(ALLOWED_ATTR, xml);
+        }
+      }
+      if (cfg.ADD_TAGS) {
+        if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+          ALLOWED_TAGS = clone(ALLOWED_TAGS);
+        }
+        addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
+      }
+      if (cfg.ADD_ATTR) {
+        if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+          ALLOWED_ATTR = clone(ALLOWED_ATTR);
+        }
+        addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
+      }
+      if (cfg.ADD_URI_SAFE_ATTR) {
+        addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
+      }
+      if (cfg.FORBID_CONTENTS) {
+        if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+          FORBID_CONTENTS = clone(FORBID_CONTENTS);
+        }
+        addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
+      }
+      if (KEEP_CONTENT) {
+        ALLOWED_TAGS["#text"] = true;
+      }
+      if (WHOLE_DOCUMENT) {
+        addToSet(ALLOWED_TAGS, ["html", "head", "body"]);
+      }
+      if (ALLOWED_TAGS.table) {
+        addToSet(ALLOWED_TAGS, ["tbody"]);
+        delete FORBID_TAGS.tbody;
+      }
+      if (cfg.TRUSTED_TYPES_POLICY) {
+        if (typeof cfg.TRUSTED_TYPES_POLICY.createHTML !== "function") {
+          throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');
+        }
+        if (typeof cfg.TRUSTED_TYPES_POLICY.createScriptURL !== "function") {
+          throw typeErrorCreate('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');
+        }
+        trustedTypesPolicy = cfg.TRUSTED_TYPES_POLICY;
+        emptyHTML = trustedTypesPolicy.createHTML("");
+      } else {
+        if (trustedTypesPolicy === void 0) {
+          trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, currentScript);
+        }
+        if (trustedTypesPolicy !== null && typeof emptyHTML === "string") {
+          emptyHTML = trustedTypesPolicy.createHTML("");
+        }
+      }
+      if (freeze) {
+        freeze(cfg);
+      }
+      CONFIG = cfg;
+    };
+    const ALL_SVG_TAGS = addToSet({}, [...svg$1, ...svgFilters, ...svgDisallowed]);
+    const ALL_MATHML_TAGS = addToSet({}, [...mathMl$1, ...mathMlDisallowed]);
+    const _checkValidNamespace = function _checkValidNamespace2(element) {
+      let parent = getParentNode(element);
+      if (!parent || !parent.tagName) {
+        parent = {
+          namespaceURI: NAMESPACE,
+          tagName: "template"
+        };
+      }
+      const tagName = stringToLowerCase(element.tagName);
+      const parentTagName = stringToLowerCase(parent.tagName);
+      if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
+        return false;
+      }
+      if (element.namespaceURI === SVG_NAMESPACE) {
+        if (parent.namespaceURI === HTML_NAMESPACE) {
+          return tagName === "svg";
+        }
+        if (parent.namespaceURI === MATHML_NAMESPACE) {
+          return tagName === "svg" && (parentTagName === "annotation-xml" || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+        }
+        return Boolean(ALL_SVG_TAGS[tagName]);
+      }
+      if (element.namespaceURI === MATHML_NAMESPACE) {
+        if (parent.namespaceURI === HTML_NAMESPACE) {
+          return tagName === "math";
+        }
+        if (parent.namespaceURI === SVG_NAMESPACE) {
+          return tagName === "math" && HTML_INTEGRATION_POINTS[parentTagName];
+        }
+        return Boolean(ALL_MATHML_TAGS[tagName]);
+      }
+      if (element.namespaceURI === HTML_NAMESPACE) {
+        if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+          return false;
+        }
+        if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+          return false;
+        }
+        return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
+      }
+      if (PARSER_MEDIA_TYPE === "application/xhtml+xml" && ALLOWED_NAMESPACES[element.namespaceURI]) {
+        return true;
+      }
+      return false;
+    };
+    const _forceRemove = function _forceRemove2(node) {
+      arrayPush(DOMPurify.removed, {
+        element: node
+      });
+      try {
+        getParentNode(node).removeChild(node);
+      } catch (_) {
+        remove(node);
+      }
+    };
+    const _removeAttribute = function _removeAttribute2(name, element) {
+      try {
+        arrayPush(DOMPurify.removed, {
+          attribute: element.getAttributeNode(name),
+          from: element
+        });
+      } catch (_) {
+        arrayPush(DOMPurify.removed, {
+          attribute: null,
+          from: element
+        });
+      }
+      element.removeAttribute(name);
+      if (name === "is") {
+        if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+          try {
+            _forceRemove(element);
+          } catch (_) {
+          }
+        } else {
+          try {
+            element.setAttribute(name, "");
+          } catch (_) {
+          }
+        }
+      }
+    };
+    const _initDocument = function _initDocument2(dirty) {
+      let doc = null;
+      let leadingWhitespace = null;
+      if (FORCE_BODY) {
+        dirty = "<remove></remove>" + dirty;
+      } else {
+        const matches = stringMatch(dirty, /^[\r\n\t ]+/);
+        leadingWhitespace = matches && matches[0];
+      }
+      if (PARSER_MEDIA_TYPE === "application/xhtml+xml" && NAMESPACE === HTML_NAMESPACE) {
+        dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + "</body></html>";
+      }
+      const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+      if (NAMESPACE === HTML_NAMESPACE) {
+        try {
+          doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+        } catch (_) {
+        }
+      }
+      if (!doc || !doc.documentElement) {
+        doc = implementation.createDocument(NAMESPACE, "template", null);
+        try {
+          doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
+        } catch (_) {
+        }
+      }
+      const body = doc.body || doc.documentElement;
+      if (dirty && leadingWhitespace) {
+        body.insertBefore(document2.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+      }
+      if (NAMESPACE === HTML_NAMESPACE) {
+        return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? "html" : "body")[0];
+      }
+      return WHOLE_DOCUMENT ? doc.documentElement : body;
+    };
+    const _createNodeIterator = function _createNodeIterator2(root2) {
+      return createNodeIterator.call(
+        root2.ownerDocument || root2,
+        root2,
+        // eslint-disable-next-line no-bitwise
+        NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT | NodeFilter.SHOW_PROCESSING_INSTRUCTION | NodeFilter.SHOW_CDATA_SECTION,
+        null
+      );
+    };
+    const _isClobbered = function _isClobbered2(element) {
+      return element instanceof HTMLFormElement && (typeof element.nodeName !== "string" || typeof element.textContent !== "string" || typeof element.removeChild !== "function" || !(element.attributes instanceof NamedNodeMap) || typeof element.removeAttribute !== "function" || typeof element.setAttribute !== "function" || typeof element.namespaceURI !== "string" || typeof element.insertBefore !== "function" || typeof element.hasChildNodes !== "function");
+    };
+    const _isNode = function _isNode2(value) {
+      return typeof Node2 === "function" && value instanceof Node2;
+    };
+    function _executeHooks(hooks2, currentNode, data) {
+      arrayForEach(hooks2, (hook) => {
+        hook.call(DOMPurify, currentNode, data, CONFIG);
+      });
+    }
+    const _sanitizeElements = function _sanitizeElements2(currentNode) {
+      let content = null;
+      _executeHooks(hooks.beforeSanitizeElements, currentNode, null);
+      if (_isClobbered(currentNode)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      const tagName = transformCaseFunc(currentNode.nodeName);
+      _executeHooks(hooks.uponSanitizeElement, currentNode, {
+        tagName,
+        allowedTags: ALLOWED_TAGS
+      });
+      if (SAFE_FOR_XML && currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && regExpTest(/<[/\w!]/g, currentNode.innerHTML) && regExpTest(/<[/\w!]/g, currentNode.textContent)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      if (currentNode.nodeType === NODE_TYPE.progressingInstruction) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      if (SAFE_FOR_XML && currentNode.nodeType === NODE_TYPE.comment && regExpTest(/<[/\w]/g, currentNode.data)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+        if (!FORBID_TAGS[tagName] && _isBasicCustomElement(tagName)) {
+          if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) {
+            return false;
+          }
+          if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) {
+            return false;
+          }
+        }
+        if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+          const parentNode = getParentNode(currentNode) || currentNode.parentNode;
+          const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+          if (childNodes && parentNode) {
+            const childCount = childNodes.length;
+            for (let i = childCount - 1; i >= 0; --i) {
+              const childClone = cloneNode(childNodes[i], true);
+              childClone.__removalCount = (currentNode.__removalCount || 0) + 1;
+              parentNode.insertBefore(childClone, getNextSibling(currentNode));
+            }
+          }
+        }
+        _forceRemove(currentNode);
+        return true;
+      }
+      if (currentNode instanceof Element2 && !_checkValidNamespace(currentNode)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      if ((tagName === "noscript" || tagName === "noembed" || tagName === "noframes") && regExpTest(/<\/no(script|embed|frames)/i, currentNode.innerHTML)) {
+        _forceRemove(currentNode);
+        return true;
+      }
+      if (SAFE_FOR_TEMPLATES && currentNode.nodeType === NODE_TYPE.text) {
+        content = currentNode.textContent;
+        arrayForEach([MUSTACHE_EXPR2, ERB_EXPR2, TMPLIT_EXPR2], (expr) => {
+          content = stringReplace(content, expr, " ");
+        });
+        if (currentNode.textContent !== content) {
+          arrayPush(DOMPurify.removed, {
+            element: currentNode.cloneNode()
+          });
+          currentNode.textContent = content;
+        }
+      }
+      _executeHooks(hooks.afterSanitizeElements, currentNode, null);
+      return false;
+    };
+    const _isValidAttribute = function _isValidAttribute2(lcTag, lcName, value) {
+      if (SANITIZE_DOM && (lcName === "id" || lcName === "name") && (value in document2 || value in formElement)) {
+        return false;
+      }
+      if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR2, lcName)) ;
+      else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR2, lcName)) ;
+      else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+        if (
+          // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+          // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+          // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+          _isBasicCustomElement(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) || // Alternative, second condition checks if it's an `is`-attribute, AND
+          // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+          lcName === "is" && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))
+        ) ;
+        else {
+          return false;
+        }
+      } else if (URI_SAFE_ATTRIBUTES[lcName]) ;
+      else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE2, ""))) ;
+      else if ((lcName === "src" || lcName === "xlink:href" || lcName === "href") && lcTag !== "script" && stringIndexOf(value, "data:") === 0 && DATA_URI_TAGS[lcTag]) ;
+      else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA2, stringReplace(value, ATTR_WHITESPACE2, ""))) ;
+      else if (value) {
+        return false;
+      } else ;
+      return true;
+    };
+    const _isBasicCustomElement = function _isBasicCustomElement2(tagName) {
+      return tagName !== "annotation-xml" && stringMatch(tagName, CUSTOM_ELEMENT2);
+    };
+    const _sanitizeAttributes = function _sanitizeAttributes2(currentNode) {
+      _executeHooks(hooks.beforeSanitizeAttributes, currentNode, null);
+      const {
+        attributes
+      } = currentNode;
+      if (!attributes || _isClobbered(currentNode)) {
+        return;
+      }
+      const hookEvent = {
+        attrName: "",
+        attrValue: "",
+        keepAttr: true,
+        allowedAttributes: ALLOWED_ATTR,
+        forceKeepAttr: void 0
+      };
+      let l = attributes.length;
+      while (l--) {
+        const attr = attributes[l];
+        const {
+          name,
+          namespaceURI,
+          value: attrValue
+        } = attr;
+        const lcName = transformCaseFunc(name);
+        const initValue = attrValue;
+        let value = name === "value" ? initValue : stringTrim(initValue);
+        hookEvent.attrName = lcName;
+        hookEvent.attrValue = value;
+        hookEvent.keepAttr = true;
+        hookEvent.forceKeepAttr = void 0;
+        _executeHooks(hooks.uponSanitizeAttribute, currentNode, hookEvent);
+        value = hookEvent.attrValue;
+        if (SANITIZE_NAMED_PROPS && (lcName === "id" || lcName === "name")) {
+          _removeAttribute(name, currentNode);
+          value = SANITIZE_NAMED_PROPS_PREFIX + value;
+        }
+        if (SAFE_FOR_XML && regExpTest(/((--!?|])>)|<\/(style|title)/i, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        if (hookEvent.forceKeepAttr) {
+          continue;
+        }
+        if (!hookEvent.keepAttr) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        if (SAFE_FOR_TEMPLATES) {
+          arrayForEach([MUSTACHE_EXPR2, ERB_EXPR2, TMPLIT_EXPR2], (expr) => {
+            value = stringReplace(value, expr, " ");
+          });
+        }
+        const lcTag = transformCaseFunc(currentNode.nodeName);
+        if (!_isValidAttribute(lcTag, lcName, value)) {
+          _removeAttribute(name, currentNode);
+          continue;
+        }
+        if (trustedTypesPolicy && typeof trustedTypes === "object" && typeof trustedTypes.getAttributeType === "function") {
+          if (namespaceURI) ;
+          else {
+            switch (trustedTypes.getAttributeType(lcTag, lcName)) {
+              case "TrustedHTML": {
+                value = trustedTypesPolicy.createHTML(value);
+                break;
+              }
+              case "TrustedScriptURL": {
+                value = trustedTypesPolicy.createScriptURL(value);
+                break;
+              }
+            }
+          }
+        }
+        if (value !== initValue) {
+          try {
+            if (namespaceURI) {
+              currentNode.setAttributeNS(namespaceURI, name, value);
+            } else {
+              currentNode.setAttribute(name, value);
+            }
+            if (_isClobbered(currentNode)) {
+              _forceRemove(currentNode);
+            } else {
+              arrayPop(DOMPurify.removed);
+            }
+          } catch (_) {
+            _removeAttribute(name, currentNode);
+          }
+        }
+      }
+      _executeHooks(hooks.afterSanitizeAttributes, currentNode, null);
+    };
+    const _sanitizeShadowDOM = function _sanitizeShadowDOM2(fragment) {
+      let shadowNode = null;
+      const shadowIterator = _createNodeIterator(fragment);
+      _executeHooks(hooks.beforeSanitizeShadowDOM, fragment, null);
+      while (shadowNode = shadowIterator.nextNode()) {
+        _executeHooks(hooks.uponSanitizeShadowNode, shadowNode, null);
+        _sanitizeElements(shadowNode);
+        _sanitizeAttributes(shadowNode);
+        if (shadowNode.content instanceof DocumentFragment) {
+          _sanitizeShadowDOM2(shadowNode.content);
+        }
+      }
+      _executeHooks(hooks.afterSanitizeShadowDOM, fragment, null);
+    };
+    DOMPurify.sanitize = function(dirty) {
+      let cfg = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
+      let body = null;
+      let importedNode = null;
+      let currentNode = null;
+      let returnNode = null;
+      IS_EMPTY_INPUT = !dirty;
+      if (IS_EMPTY_INPUT) {
+        dirty = "<!-->";
+      }
+      if (typeof dirty !== "string" && !_isNode(dirty)) {
+        if (typeof dirty.toString === "function") {
+          dirty = dirty.toString();
+          if (typeof dirty !== "string") {
+            throw typeErrorCreate("dirty is not a string, aborting");
+          }
+        } else {
+          throw typeErrorCreate("toString is not a function");
+        }
+      }
+      if (!DOMPurify.isSupported) {
+        return dirty;
+      }
+      if (!SET_CONFIG) {
+        _parseConfig(cfg);
+      }
+      DOMPurify.removed = [];
+      if (typeof dirty === "string") {
+        IN_PLACE = false;
+      }
+      if (IN_PLACE) {
+        if (dirty.nodeName) {
+          const tagName = transformCaseFunc(dirty.nodeName);
+          if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+            throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
+          }
+        }
+      } else if (dirty instanceof Node2) {
+        body = _initDocument("<!---->");
+        importedNode = body.ownerDocument.importNode(dirty, true);
+        if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === "BODY") {
+          body = importedNode;
+        } else if (importedNode.nodeName === "HTML") {
+          body = importedNode;
+        } else {
+          body.appendChild(importedNode);
+        }
+      } else {
+        if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && // eslint-disable-next-line unicorn/prefer-includes
+        dirty.indexOf("<") === -1) {
+          return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+        }
+        body = _initDocument(dirty);
+        if (!body) {
+          return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : "";
+        }
+      }
+      if (body && FORCE_BODY) {
+        _forceRemove(body.firstChild);
+      }
+      const nodeIterator = _createNodeIterator(IN_PLACE ? dirty : body);
+      while (currentNode = nodeIterator.nextNode()) {
+        _sanitizeElements(currentNode);
+        _sanitizeAttributes(currentNode);
+        if (currentNode.content instanceof DocumentFragment) {
+          _sanitizeShadowDOM(currentNode.content);
+        }
+      }
+      if (IN_PLACE) {
+        return dirty;
+      }
+      if (RETURN_DOM) {
+        if (RETURN_DOM_FRAGMENT) {
+          returnNode = createDocumentFragment.call(body.ownerDocument);
+          while (body.firstChild) {
+            returnNode.appendChild(body.firstChild);
+          }
+        } else {
+          returnNode = body;
+        }
+        if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmode) {
+          returnNode = importNode.call(originalDocument, returnNode, true);
+        }
+        return returnNode;
+      }
+      let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+      if (WHOLE_DOCUMENT && ALLOWED_TAGS["!doctype"] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+        serializedHTML = "<!DOCTYPE " + body.ownerDocument.doctype.name + ">\n" + serializedHTML;
+      }
+      if (SAFE_FOR_TEMPLATES) {
+        arrayForEach([MUSTACHE_EXPR2, ERB_EXPR2, TMPLIT_EXPR2], (expr) => {
+          serializedHTML = stringReplace(serializedHTML, expr, " ");
+        });
+      }
+      return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+    };
+    DOMPurify.setConfig = function() {
+      let cfg = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+      _parseConfig(cfg);
+      SET_CONFIG = true;
+    };
+    DOMPurify.clearConfig = function() {
+      CONFIG = null;
+      SET_CONFIG = false;
+    };
+    DOMPurify.isValidAttribute = function(tag, attr, value) {
+      if (!CONFIG) {
+        _parseConfig({});
+      }
+      const lcTag = transformCaseFunc(tag);
+      const lcName = transformCaseFunc(attr);
+      return _isValidAttribute(lcTag, lcName, value);
+    };
+    DOMPurify.addHook = function(entryPoint, hookFunction) {
+      if (typeof hookFunction !== "function") {
+        return;
+      }
+      arrayPush(hooks[entryPoint], hookFunction);
+    };
+    DOMPurify.removeHook = function(entryPoint, hookFunction) {
+      if (hookFunction !== void 0) {
+        const index2 = arrayLastIndexOf(hooks[entryPoint], hookFunction);
+        return index2 === -1 ? void 0 : arraySplice(hooks[entryPoint], index2, 1)[0];
+      }
+      return arrayPop(hooks[entryPoint]);
+    };
+    DOMPurify.removeHooks = function(entryPoint) {
+      hooks[entryPoint] = [];
+    };
+    DOMPurify.removeAllHooks = function() {
+      hooks = _createHooksMap();
+    };
+    return DOMPurify;
+  }
+  var purify = createDOMPurify();
+  var root_2$i = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
+  var root_1$7 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+  var root_3$3 = /* @__PURE__ */ from_html(`<label><!></label> <input/>`, 1);
+  var root_4$1 = /* @__PURE__ */ from_html(`<label><input/> <span class="go-checkbox-label"><!></span></label>`);
+  var root_7$1 = /* @__PURE__ */ from_html(`<option> </option>`);
+  var root_5 = /* @__PURE__ */ from_html(`<label><!></label> <select><!></select>`, 1);
+  var root_10 = /* @__PURE__ */ from_html(`<label> <input/></label>`);
+  var root_8 = /* @__PURE__ */ from_html(`<fieldset><legend><!></legend> <!></fieldset>`);
+  function InputAndLabel($$anchor, $$props) {
+    push($$props, true);
+    const labelText = ($$anchor2) => {
+      var fragment = root_1$7();
+      var node = first_child(fragment);
+      html$2(node, () => purify.sanitize(field().label));
+      var node_1 = sibling(node, 2);
+      {
+        var consequent = ($$anchor3) => {
+          var span = root_2$i();
+          append($$anchor3, span);
+        };
+        if_block(node_1, ($$render) => {
+          if (field().required) $$render(consequent);
+        });
+      }
+      append($$anchor2, fragment);
+    };
+    const input = ($$anchor2) => {
+      var fragment_1 = root_3$3();
+      var label = first_child(fragment_1);
+      var node_2 = child(label);
+      labelText(node_2);
+      reset(label);
+      var input_1 = sibling(label, 2);
+      remove_input_defaults(input_1);
+      attribute_effect(input_1, () => ({ ...get(fieldAttributes), ...restProps, type: field().type }));
+      template_effect(() => set_attribute(label, "for", get(inputId)));
+      bind_value(input_1, () => field().value, ($$value) => field().value = $$value);
+      append($$anchor2, fragment_1);
+    };
+    const checkbox = ($$anchor2) => {
+      var label_1 = root_4$1();
+      var input_2 = child(label_1);
+      remove_input_defaults(input_2);
+      attribute_effect(input_2, () => ({ ...get(fieldAttributes), ...restProps, type: "checkbox" }));
+      var span_1 = sibling(input_2, 2);
+      var node_3 = child(span_1);
+      labelText(node_3);
+      reset(span_1);
+      reset(label_1);
+      template_effect(() => set_attribute(label_1, "for", get(inputId)));
+      bind_checked(input_2, () => field().checked, ($$value) => field().checked = $$value);
+      append($$anchor2, label_1);
+    };
+    const select = ($$anchor2) => {
+      var fragment_2 = root_5();
+      var label_2 = first_child(fragment_2);
+      var node_4 = child(label_2);
+      labelText(node_4);
+      reset(label_2);
+      var select_1 = sibling(label_2, 2);
+      attribute_effect(select_1, () => ({ ...get(fieldAttributes), ...restProps }));
+      var node_5 = child(select_1);
+      {
+        var consequent_1 = ($$anchor3) => {
+          var fragment_3 = comment();
+          var node_6 = first_child(fragment_3);
+          each(node_6, 17, () => field().options, index, ($$anchor4, option) => {
+            var option_1 = root_7$1();
+            var text2 = child(option_1, true);
+            reset(option_1);
+            var option_1_value = {};
+            template_effect(() => {
+              set_text(text2, get(option).label);
+              if (option_1_value !== (option_1_value = get(option).value)) {
+                option_1.value = (option_1.__value = get(option).value) ?? "";
+              }
+            });
+            append($$anchor4, option_1);
+          });
+          append($$anchor3, fragment_3);
+        };
+        if_block(node_5, ($$render) => {
+          if (field().options) $$render(consequent_1);
+        });
+      }
+      reset(select_1);
+      template_effect(() => set_attribute(label_2, "for", get(inputId)));
+      bind_select_value(select_1, () => field().value, ($$value) => field().value = $$value);
+      append($$anchor2, fragment_2);
+    };
+    const radio = ($$anchor2) => {
+      var fieldset = root_8();
+      var legend = child(fieldset);
+      var node_7 = child(legend);
+      labelText(node_7);
+      reset(legend);
+      var node_8 = sibling(legend, 2);
+      {
+        var consequent_2 = ($$anchor3) => {
+          var fragment_4 = comment();
+          var node_9 = first_child(fragment_4);
+          each(node_9, 17, () => field().options, index, ($$anchor4, option) => {
+            var label_3 = root_10();
+            var text_1 = child(label_3);
+            var input_3 = sibling(text_1);
+            remove_input_defaults(input_3);
+            attribute_effect(input_3, () => ({ ...get(fieldAttributes), ...restProps, type: "radio" }));
+            reset(label_3);
+            template_effect(() => {
+              set_attribute(label_3, "for", get(inputId) + get(option));
+              set_text(text_1, `${get(option) ?? ""} `);
+            });
+            bind_value(input_3, () => field().value, ($$value) => field().value = $$value);
+            append($$anchor4, label_3);
+          });
+          append($$anchor3, fragment_4);
+        };
+        if_block(node_8, ($$render) => {
+          if (field().options) $$render(consequent_2);
+        });
+      }
+      reset(fieldset);
+      append($$anchor2, fieldset);
+    };
+    let field = prop($$props, "field", 7), describedById = prop($$props, "describedById", 7), restProps = /* @__PURE__ */ rest_props($$props, [
+      "$$slots",
+      "$$events",
+      "$$legacy",
+      "$$host",
+      "field",
+      "describedById"
+    ]);
+    const map = {
+      input,
+      text: input,
+      email: input,
+      password: input,
+      search: input,
+      tel: input,
+      url: input,
+      number: input,
+      checkbox,
+      select,
+      radio,
+      textarea: null
+    };
+    const snippet$1 = /* @__PURE__ */ user_derived(() => map[field().type]);
+    let inputId = /* @__PURE__ */ user_derived(() => $$props.id || `go-field-${Math.random().toString(36).substring(2, 9)}`);
+    function onblur() {
+      if (field().type == "checkbox") return;
+      if (field().value) field().validate();
+    }
+    const fieldAttributes = /* @__PURE__ */ user_derived(() => ({
+      id: get(inputId),
+      "aria-describedby": describedById(),
+      "aria-required": field().required,
+      "aria-invalid": field().errors.length > 0,
+      autocomplete: field().autocomplete,
+      onblur
+    }));
+    var fragment_5 = comment();
+    var node_10 = first_child(fragment_5);
+    {
+      var consequent_3 = ($$anchor2) => {
+        var fragment_6 = comment();
+        var node_11 = first_child(fragment_6);
+        snippet(node_11, () => get(snippet$1));
+        append($$anchor2, fragment_6);
+      };
+      if_block(node_10, ($$render) => {
+        if (get(snippet$1)) $$render(consequent_3);
+      });
+    }
+    append($$anchor, fragment_5);
+    return pop({
+      get field() {
+        return field();
+      },
+      set field($$value) {
+        field($$value);
+        flushSync();
+      },
+      get describedById() {
+        return describedById();
+      },
+      set describedById($$value) {
+        describedById($$value);
+        flushSync();
+      }
+    });
+  }
+  create_custom_element(InputAndLabel, { field: {}, describedById: {} }, [], [], true);
+  var root_2$h = /* @__PURE__ */ from_html(`<span> </span>`);
+  var root_1$6 = /* @__PURE__ */ from_html(`<div><!> <!> <span class="go-error" role="alert"> </span></div>`);
+  function FieldGroup($$anchor, $$props) {
+    push($$props, true);
+    let fieldId = prop($$props, "fieldId", 7), restProps = /* @__PURE__ */ rest_props($$props, ["$$slots", "$$events", "$$legacy", "$$host", "fieldId"]);
+    let details = /* @__PURE__ */ state(void 0);
+    let field = /* @__PURE__ */ state(void 0);
+    onMount(async () => {
+      var _a2;
+      await tick();
+      set(details, getDetails($$props.$$host), true);
+      set(field, (_a2 = get(details)) == null ? void 0 : _a2.getField(fieldId()), true);
+    });
+    let descriptionId = /* @__PURE__ */ user_derived(() => $$props.id || `go-description-${Math.random().toString(36).substring(2, 9)}`);
+    let errorsId = /* @__PURE__ */ user_derived(() => $$props.id || `go-errors-${Math.random().toString(36).substring(2, 9)}`);
+    let describedById = /* @__PURE__ */ user_derived(() => get(descriptionId) + " " + get(errorsId));
+    user_effect(() => {
+      if (!get(field)) return;
+      get(field).mounted = true;
+      get(
+        field
+        // Track the value
+      ).value;
+      untrack(() => {
+        var _a2;
+        if ((_a2 = get(field)) == null ? void 0 : _a2.errors.length) get(field).validate();
+      });
+    });
+    var fragment = comment();
+    var node = first_child(fragment);
+    {
+      var consequent_1 = ($$anchor2) => {
+        var div = root_1$6();
+        let classes;
+        var node_1 = child(div);
+        InputAndLabel(node_1, {
+          get restProps() {
+            return restProps;
+          },
+          get describedById() {
+            return get(describedById);
+          },
+          get field() {
+            return get(field);
+          },
+          set field($$value) {
+            set(field, $$value, true);
+          }
+        });
+        var node_2 = sibling(node_1, 2);
+        {
+          var consequent = ($$anchor3) => {
+            var span = root_2$h();
+            var text2 = child(span, true);
+            reset(span);
+            template_effect(() => {
+              set_attribute(span, "id", get(descriptionId));
+              set_text(text2, get(field).description);
+            });
+            append($$anchor3, span);
+          };
+          if_block(node_2, ($$render) => {
+            if (get(field).description) $$render(consequent);
+          });
+        }
+        var span_1 = sibling(node_2, 2);
+        var text_1 = child(span_1, true);
+        reset(span_1);
+        reset(div);
+        template_effect(
+          ($0, $1) => {
+            classes = set_class(div, 1, "go-field", null, classes, $0);
+            set_attribute(span_1, "id", get(errorsId));
+            set_text(text_1, $1);
+          },
+          [
+            () => ({ "is-invalid": get(field).errors.length > 0 }),
+            () => get(field).errors.join(", ")
+          ]
+        );
+        append($$anchor2, div);
+      };
+      if_block(node, ($$render) => {
+        if (get(field)) $$render(consequent_1);
+      });
+    }
+    append($$anchor, fragment);
+    return pop({
+      get fieldId() {
+        return fieldId();
+      },
+      set fieldId($$value) {
+        fieldId($$value);
+        flushSync();
+      }
+    });
+  }
+  customElements.define("go-input", create_custom_element(
+    FieldGroup,
+    {
+      fieldId: { attribute: "field", reflect: true, type: "String" }
+    },
+    [],
+    [],
+    false
+  ));
+  var root_2$g = /* @__PURE__ */ from_html(`<p aria-live="assertive" class="sr-only"> </p>`);
+  var root_3$2 = /* @__PURE__ */ from_html(`<p aria-hidden="true"> </p>`);
+  var root_1$5 = /* @__PURE__ */ from_html(`<div><!> <!></div>`);
+  function ErrorsFeedback($$anchor, $$props) {
+    push($$props, true);
+    let details = /* @__PURE__ */ state(void 0);
+    onMount(() => {
+      set(details, getDetails($$props.$$host), true);
+    });
+    user_effect(() => {
+      var _a2, _b2;
+      (_b2 = (_a2 = get(details)) == null ? void 0 : _a2.form) == null ? void 0 : _b2.addEventListener("after-validation", () => {
+        var _a3;
+        set(errorsOnSubmit, errors((_a3 = get(details)) == null ? void 0 : _a3.fields), true);
+      });
+    });
+    let errorsRealtime = /* @__PURE__ */ user_derived(() => {
+      var _a2;
+      return errors((_a2 = get(details)) == null ? void 0 : _a2.fields);
+    });
+    let errorsOnSubmit = /* @__PURE__ */ state(-1);
+    var fragment = comment();
+    var node = first_child(fragment);
+    {
+      var consequent_2 = ($$anchor2) => {
+        var div = root_1$5();
+        let classes;
+        var node_1 = child(div);
+        {
+          var consequent = ($$anchor3) => {
+            var p = root_2$g();
+            var text2 = child(p);
+            reset(p);
+            template_effect(() => set_text(text2, `Failed to save because ${get(errorsOnSubmit) ?? ""} fields are invalid.`));
+            append($$anchor3, p);
+          };
+          if_block(node_1, ($$render) => {
+            if (get(errorsOnSubmit) > 0) $$render(consequent);
+          });
+        }
+        var node_2 = sibling(node_1, 2);
+        {
+          var consequent_1 = ($$anchor3) => {
+            var p_1 = root_3$2();
+            var text_1 = child(p_1);
+            reset(p_1);
+            template_effect(() => set_text(text_1, `Failed to save because ${get(errorsRealtime) ?? ""} fields are invalid.`));
+            append($$anchor3, p_1);
+          };
+          if_block(node_2, ($$render) => {
+            if (get(errorsRealtime) > 0) $$render(consequent_1);
+          });
+        }
+        reset(div);
+        template_effect(($0) => classes = set_class(div, 1, "go-error-feedback go-feedback", null, classes, $0), [() => ({ "is-invalid": get(errorsRealtime) })]);
+        append($$anchor2, div);
+      };
+      if_block(node, ($$render) => {
+        if (get(errorsRealtime) > 0 || get(errorsOnSubmit) > 0) $$render(consequent_2);
+      });
+    }
+    append($$anchor, fragment);
+    pop();
+  }
+  customElements.define("go-errors-feedback", create_custom_element(ErrorsFeedback, {}, [], [], false));
+  var root_1$4 = /* @__PURE__ */ from_html(`<p>Form submitted successfully!</p>`);
+  var root$4 = /* @__PURE__ */ from_html(`<div aria-live="assertive"><!></div>`);
+  function SuccessFeedback($$anchor, $$props) {
+    push($$props, true);
+    let details = /* @__PURE__ */ state(void 0);
+    onMount(() => {
+      set(details, getDetails($$props.$$host), true);
+    });
+    let show = /* @__PURE__ */ state(false);
+    user_effect(() => {
+      var _a2;
+      if (!((_a2 = get(details)) == null ? void 0 : _a2.form)) return;
+      untrack(() => {
+        var _a3, _b2;
+        (_b2 = (_a3 = get(details)) == null ? void 0 : _a3.form) == null ? void 0 : _b2.addEventListener("success", () => {
+          var _a4;
+          set(show, errors((_a4 = get(details)) == null ? void 0 : _a4.fields) === 0);
+        });
+      });
+    });
+    var div = root$4();
+    let classes;
+    var node = child(div);
+    {
+      var consequent = ($$anchor2) => {
+        var p = root_1$4();
+        append($$anchor2, p);
+      };
+      if_block(node, ($$render) => {
+        if (get(show)) $$render(consequent);
+      });
+    }
+    reset(div);
+    template_effect(($0) => classes = set_class(div, 1, "go-success-feedback go-feedback", null, classes, $0), [() => ({ "is-successful": get(show) })]);
+    append($$anchor, div);
+    pop();
+  }
+  customElements.define("go-success-feedback", create_custom_element(SuccessFeedback, {}, [], [], false));
+  var root$3 = /* @__PURE__ */ from_html(`<div class="go-form-feedback"><!></div>`);
+  function FormFeedback($$anchor, $$props) {
+    var div = root$3();
+    var node = child(div);
+    slot(node, $$props, "default", {});
+    reset(div);
+    append($$anchor, div);
+  }
+  customElements.define("go-form-feedback", create_custom_element(FormFeedback, {}, ["default"], [], false));
+  function Submit($$anchor, $$props) {
+    push($$props, true);
+    let details = /* @__PURE__ */ state(void 0);
+    onMount(() => {
+      set(details, getDetails($$props.$$host), true);
+    });
+    function submit() {
+      var _a2, _b2;
+      (_b2 = (_a2 = get(details)) == null ? void 0 : _a2.form) == null ? void 0 : _b2.dispatchEvent(new SubmitEvent("submit", { bubbles: true, cancelable: true }));
+    }
+    onMount(() => {
+      const btn = wrapInElement($$props.$$host, "button", { type: "submit" });
+      btn.addEventListener("click", submit);
+    });
+    pop();
+  }
+  customElements.define("go-submit", create_custom_element(Submit, {}, [], [], false));
+  var root_1$3 = /* @__PURE__ */ from_html(`<go-input></go-input>`, 2);
+  function AllFields($$anchor, $$props) {
+    push($$props, true);
+    let details = /* @__PURE__ */ state(void 0);
+    onMount(async () => {
+      set(details, getDetails($$props.$$host), true);
+    });
+    var fragment = comment();
+    var node = first_child(fragment);
+    each(node, 17, () => {
+      var _a2;
+      return ((_a2 = get(details)) == null ? void 0 : _a2.fields) || [];
+    }, index, ($$anchor2, field) => {
+      var go_input = root_1$3();
+      template_effect(() => set_custom_element_data(go_input, "field", get(field).id));
+      append($$anchor2, go_input);
+    });
+    append($$anchor, fragment);
+    pop();
+  }
+  customElements.define("go-all-fields", create_custom_element(AllFields, {}, [], [], false));
+  function evaluateExpression(expression, data) {
+    try {
+      const func = new Function("data", `return ${expression};`);
+      return func(data);
+    } catch (error) {
+      console.log(`Error while evaluating when in go-if: ${error.message}`);
+    }
+  }
+  const validTicketSelectionFilters = ["timeslot", "normal", "annual"];
+  let lastUId = 0;
+  class TicketSelectionDetails {
+    constructor() {
+      __publicField(this, "uid", lastUId++);
+      __privateAdd(this, _mode, /* @__PURE__ */ state());
+      __privateAdd(this, _filters, /* @__PURE__ */ state());
+      __privateAdd(this, _eventId, /* @__PURE__ */ state());
+      __privateAdd(this, _museumIds, /* @__PURE__ */ state());
+      __privateAdd(this, _exhibitionIds, /* @__PURE__ */ state());
+      __privateAdd(this, _ticketIds, /* @__PURE__ */ state());
+      __privateAdd(this, _selectedDate, /* @__PURE__ */ state());
+      __privateAdd(this, _selectedTimeslot, /* @__PURE__ */ state());
+      __privateAdd(this, _ticketGroups, /* @__PURE__ */ state(proxy([])));
+      __privateAdd(this, _preCarts, /* @__PURE__ */ user_derived(() => this.ticketGroups.map((tg) => tg.preCart)));
+    }
+    get mode() {
+      return get(__privateGet(this, _mode));
+    }
+    set mode(value) {
+      set(__privateGet(this, _mode), value, true);
+    }
+    get filters() {
+      return get(__privateGet(this, _filters));
+    }
+    set filters(value) {
+      set(__privateGet(this, _filters), value, true);
+    }
+    get eventId() {
+      return get(__privateGet(this, _eventId));
+    }
+    set eventId(value) {
+      set(__privateGet(this, _eventId), value, true);
+    }
+    get museumIds() {
+      return get(__privateGet(this, _museumIds));
+    }
+    set museumIds(value) {
+      set(__privateGet(this, _museumIds), value, true);
+    }
+    get exhibitionIds() {
+      return get(__privateGet(this, _exhibitionIds));
+    }
+    set exhibitionIds(value) {
+      set(__privateGet(this, _exhibitionIds), value, true);
+    }
+    get ticketIds() {
+      return get(__privateGet(this, _ticketIds));
+    }
+    set ticketIds(value) {
+      set(__privateGet(this, _ticketIds), value, true);
+    }
+    get selectedDate() {
+      return get(__privateGet(this, _selectedDate));
+    }
+    set selectedDate(value) {
+      set(__privateGet(this, _selectedDate), value, true);
+    }
+    get selectedTimeslot() {
+      return get(__privateGet(this, _selectedTimeslot));
+    }
+    set selectedTimeslot(value) {
+      set(__privateGet(this, _selectedTimeslot), value, true);
+    }
+    get ticketGroups() {
+      return get(__privateGet(this, _ticketGroups));
+    }
+    set ticketGroups(value) {
+      set(__privateGet(this, _ticketGroups), value, true);
+    }
+    get preCarts() {
+      return get(__privateGet(this, _preCarts));
     }
     set preCarts(value) {
       set(__privateGet(this, _preCarts), value);
@@ -11742,13 +13736,13 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   create_custom_element(Wrapper, { host: {}, children: {} }, [], [], true);
   function TicketSelection($$anchor, $$props) {
     push($$props, true);
-    let mode = prop($$props, "mode", 7), filter = prop($$props, "filter", 7), eventId = prop($$props, "eventId", 7), children = prop($$props, "children", 7), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), ticketIds = prop($$props, "ticketIds", 7), restProps = /* @__PURE__ */ rest_props($$props, [
+    let mode = prop($$props, "mode", 7), filters = prop($$props, "filters", 7), eventId = prop($$props, "eventId", 7), children = prop($$props, "children", 7), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), ticketIds = prop($$props, "ticketIds", 7), restProps = /* @__PURE__ */ rest_props($$props, [
       "$$slots",
       "$$events",
       "$$legacy",
       "$$host",
       "mode",
-      "filter",
+      "filters",
       "eventId",
       "children",
       "museumIds",
@@ -11758,7 +13752,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const details = new TicketSelectionDetails();
     user_effect(() => {
       details.mode = mode();
-      details.filters = [filter()];
+      details.filters = parseTokens(filters(), validTicketSelectionFilters);
       details.eventId = eventId();
       details.museumIds = parseIds(museumIds());
       details.exhibitionIds = parseIds(exhibitionIds());
@@ -11783,11 +13777,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         mode($$value);
         flushSync();
       },
-      get filter() {
-        return filter();
+      get filters() {
+        return filters();
       },
-      set filter($$value) {
-        filter($$value);
+      set filters($$value) {
+        filters($$value);
         flushSync();
       },
       get eventId() {
@@ -11835,7 +13829,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       ticketIds: { attribute: "ticket-ids", reflect: true, type: "String" },
       museumIds: { attribute: "museum-ids", reflect: true, type: "String" },
       exhibitionIds: { attribute: "exhibition-ids", reflect: true, type: "String" },
-      filter: {},
+      filters: {},
       children: {}
     },
     [],
@@ -11861,9 +13855,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     if (!tsd) console.error("Ticket Sum must be inside a Ticket Selection Details");
     let val = /* @__PURE__ */ user_derived(() => sum((tsd == null ? void 0 : tsd.preCarts) || [], (c) => c.totalPriceCents));
     next();
-    var text$1 = text();
-    template_effect(($0) => set_text(text$1, $0), [() => formatCurrency(get(val))]);
-    append($$anchor, text$1);
+    var text2 = text$1();
+    template_effect(($0) => set_text(text2, $0), [() => formatCurrency(get(val))]);
+    append($$anchor, text2);
     return pop({ tsd });
   }
   customElements.define("go-tickets-sum", create_custom_element(TicketsSum, {}, [], ["tsd"], false));
@@ -11871,9 +13865,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     constructor(type, ticketSelectionDetails) {
       __privateAdd(this, _tickets, /* @__PURE__ */ state(proxy([])));
       __privateAdd(this, _preCart, /* @__PURE__ */ user_derived(() => createCart(this.preCartTickets())));
-      __privateAdd(this, _type, /* @__PURE__ */ state("timeslot"));
+      __privateAdd(this, _filters2, /* @__PURE__ */ state("timeslot"));
       __privateAdd(this, _ticketSelectionDetails, /* @__PURE__ */ state());
-      this.type = type;
+      this.filters = type;
       this.ticketSelectionDetails = ticketSelectionDetails;
       this.ticketSelectionDetails.addTicketGroup(this);
     }
@@ -11889,11 +13883,11 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     set preCart(value) {
       set(__privateGet(this, _preCart), value);
     }
-    get type() {
-      return get(__privateGet(this, _type));
+    get filters() {
+      return get(__privateGet(this, _filters2));
     }
-    set type(value) {
-      set(__privateGet(this, _type), value, true);
+    set filters(value) {
+      set(__privateGet(this, _filters2), value, true);
     }
     get ticketSelectionDetails() {
       return get(__privateGet(this, _ticketSelectionDetails));
@@ -11902,7 +13896,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
       set(__privateGet(this, _ticketSelectionDetails), value, true);
     }
     preCartTickets() {
-      switch (this.type) {
+      switch (this.filters) {
         case "timeslot":
           return this.timeslotTickets;
         case "annual":
@@ -11910,7 +13904,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         case "custom":
           return this.tickets;
         default:
-          const exhaustiveCheck = this.type;
+          const exhaustiveCheck = this.filters;
           if (exhaustiveCheck) throw new Error(`(TicketGroup) Unhandled case: ${exhaustiveCheck}`);
       }
       return [];
@@ -11949,37 +13943,37 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   _tickets = new WeakMap();
   _preCart = new WeakMap();
-  _type = new WeakMap();
+  _filters2 = new WeakMap();
   _ticketSelectionDetails = new WeakMap();
   const KEY = "go-ticket-group";
   const setTicketGroupDetails = createSetDetails(KEY);
   const getTicketGroupDetails = createGetDetails(KEY);
   function TicketGroup($$anchor, $$props) {
     push($$props, true);
-    const type = prop($$props, "type", 7);
+    const filters = prop($$props, "filters", 7);
     const ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
-    if (!type()) {
-      throw new Error("type is required");
+    if (!filters()) {
+      debugger;
+      throw new Error("filters is required");
     }
     if (!ticketSelectionDetails) throw new Error("Ticket Group should be an ancestor of a Ticket Selection Details element");
-    const details = new TicketGroupDetails(type(), ticketSelectionDetails);
+    const details = new TicketGroupDetails(filters(), ticketSelectionDetails);
     setTicketGroupDetails($$props.$$host, details);
     user_effect(() => {
-      console.log("setting type");
-      details.type = type();
+      details.filters = filters();
     });
     return pop({
       details,
-      get type() {
-        return type();
+      get filters() {
+        return filters();
       },
-      set type($$value) {
-        type($$value);
+      set filters($$value) {
+        filters($$value);
         flushSync();
       }
     });
   }
-  customElements.define("go-ticket-group", create_custom_element(TicketGroup, { type: { reflect: true } }, [], ["details"], false));
+  customElements.define("go-ticket-group", create_custom_element(TicketGroup, { filters: {} }, [], ["details"], false));
   function updateSelectedTickets(ci, target, tsd) {
     if (!tsd) {
       console.warn("tsd is undefined");
@@ -12076,7 +14070,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           reset(li_1);
           var li_2 = sibling(li_1, 2);
           var node_2 = child(li_2);
-          html(node_2, () => get(ci).item.description);
+          html$2(node_2, () => get(ci).item.description);
           reset(li_2);
           var li_3 = sibling(li_2, 2);
           var text_2 = child(li_3, true);
@@ -12112,9 +14106,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     const details = getTicketGroupDetails($$props.$$host);
     if (!details) console.warn("TicketGroupSum: details not found");
     next();
-    var text$1 = text();
-    template_effect(() => set_text(text$1, details == null ? void 0 : details.preCart.totalFormatted));
-    append($$anchor, text$1);
+    var text2 = text$1();
+    template_effect(() => set_text(text2, details == null ? void 0 : details.preCart.totalFormatted));
+    append($$anchor, text2);
     return pop({ details });
   }
   customElements.define("go-ticket-group-sum", create_custom_element(GroupSum, {}, [], ["details"], false));
@@ -12131,10 +14125,10 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
     });
   }
   function flattenTicketsIntoSlots(tickets) {
-    return alphabetical(Object.values(tickets).flatMap(createTimeSlotEntriesFromTicket), (slot) => slot.startAt);
+    return alphabetical(Object.values(tickets).flatMap(createTimeSlotEntriesFromTicket), (slot2) => slot2.startAt);
   }
   function filterSlotsByQuota(allTimeSlots, quotaId) {
-    const slotsForThisQuota = allTimeSlots.filter((slot) => slot.quotaIds.includes(quotaId));
+    const slotsForThisQuota = allTimeSlots.filter((slot2) => slot2.quotaIds.includes(quotaId));
     return slotsForThisQuota;
   }
   function filterSlots(allTimeSlots, quotas) {
@@ -12147,19 +14141,19 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
   }
   function combineSlots(timeSlots) {
     const slotMap = {};
-    for (const slot of timeSlots) {
-      const existing = slotMap[slot.startAt];
+    for (const slot2 of timeSlots) {
+      const existing = slotMap[slot2.startAt];
       if (existing) {
-        existing.capacity += slot.capacity;
-        existing.totalCapacity += slot.totalCapacity;
-        const newQuotaIds = slot.quotaIds.filter((id) => !existing.quotaIds.includes(id));
+        existing.capacity += slot2.capacity;
+        existing.totalCapacity += slot2.totalCapacity;
+        const newQuotaIds = slot2.quotaIds.filter((id) => !existing.quotaIds.includes(id));
         existing.quotaIds.push(...newQuotaIds);
         existing.available = existing.capacity > 0;
       } else {
-        slotMap[slot.startAt] = { ...slot };
+        slotMap[slot2.startAt] = { ...slot2 };
       }
     }
-    return alphabetical(Object.values(slotMap), (slot) => slot.startAt);
+    return alphabetical(Object.values(slotMap), (slot2) => slot2.startAt);
   }
   function generateAvailableTimeSlots(tickets, quotas) {
     const ticketSlots = flattenTicketsIntoSlots(tickets);
@@ -12185,7 +14179,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
         by_bookable: true,
         valid_at: date.toString(),
         // @ts-ignore
-        "by_ticket_types[]": tsd.filters,
+        "by_ticket_types[]": ["time_slot"],
         "by_museum_ids[]": tsd.museumIds,
         "by_exhibition_ids[]": tsd.exhibitionIds,
         "by_ticket_ids[]": tsd.ticketIds
@@ -15262,9 +17256,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
             append($$anchor3, fragment_2);
           };
           var alternate = ($$anchor3) => {
-            var text$1 = text();
-            template_effect(() => set_text(text$1, dayState.cell.opts.date.current.day));
-            append($$anchor3, text$1);
+            var text2 = text$1();
+            template_effect(() => set_text(text2, dayState.cell.opts.date.current.day));
+            append($$anchor3, text2);
           };
           if_block(node_2, ($$render) => {
             if (children()) $$render(consequent_1);
@@ -15907,9 +17901,9 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
             append($$anchor3, fragment_2);
           };
           var alternate = ($$anchor3) => {
-            var text$1 = text();
-            template_effect(() => set_text(text$1, headingState.root.headingValue));
-            append($$anchor3, text$1);
+            var text2 = text$1();
+            template_effect(() => set_text(text2, headingState.root.headingValue));
+            append($$anchor3, text2);
           };
           if_block(node_2, ($$render) => {
             if (children()) $$render(consequent_1);
@@ -16161,7 +18155,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
           "by_museum_ids[]": (_c2 = this.details) == null ? void 0 : _c2.museumIds,
           "by_exhibition_ids[]": (_d = this.details) == null ? void 0 : _d.exhibitionIds,
           start_at: this.startAt.set({ day: 1 }).toString(),
-          end_at: this.startAt.add({ months: 1 }).set({ day: 7 }).toString()
+          end_at: this.startAt.add({ months: 1 }).set({ day: 14 }).toString()
         };
       }));
     }
@@ -16218,8 +18212,8 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
                 Calendar_PrevButton($$anchor5, {
                   children: ($$anchor6, $$slotProps2) => {
                     next();
-                    var text$1 = text("Prev");
-                    append($$anchor6, text$1);
+                    var text2 = text$1("Prev");
+                    append($$anchor6, text2);
                   },
                   $$slots: { default: true }
                 });
@@ -16233,7 +18227,7 @@ var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "acce
                 Calendar_NextButton($$anchor5, {
                   children: ($$anchor6, $$slotProps2) => {
                     next();
-                    var text_1 = text("Next");
+                    var text_1 = text$1("Next");
                     append($$anchor6, text_1);
                   },
                   $$slots: { default: true }