@gomusdev/web-components 0.0.21 → 0.0.23

package/dist-js/gomus-webcomponents.js

@@ -9,7 +9,7 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
 var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-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, _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;
+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);
@@ -260,9 +260,9 @@ function safe_equals(value) {
 }
 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;
@@ -286,7 +286,7 @@ function clone(value, cloned, path, paths, original = null) {
       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;
@@ -298,7 +298,7 @@ function clone(value, cloned, path, paths, original = null) {
         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;
     }
@@ -310,7 +310,7 @@ function clone(value, cloned, path, paths, original = null) {
     }
     if (typeof /** @type {T & { toJSON?: any } } */
     value.toJSON === "function") {
-      return clone(
+      return clone$1(
         /** @type {T & { toJSON(): any } } */
         value.toJSON(),
         cloned,
@@ -755,6 +755,7 @@ function unset_context() {
 }
 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 = [];
@@ -862,6 +863,7 @@ const _Batch = class _Batch {
   process(root_effects) {
     var _a2;
     queued_root_effects = [];
+    previous_batch = null;
     var current_values = null;
     if (batches.size > 1) {
       current_values = /* @__PURE__ */ new Map();
@@ -890,6 +892,7 @@ const _Batch = class _Batch {
       __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);
@@ -938,6 +941,7 @@ const _Batch = class _Batch {
   }
   deactivate() {
     current_batch = null;
+    previous_batch = null;
     for (const update of effect_pending_updates) {
       effect_pending_updates.delete(update);
       update();
@@ -2572,7 +2576,7 @@ function from_html(content, flags) {
     return clone2;
   };
 }
-function text(value = "") {
+function text$1(value = "") {
   if (!hydrating) {
     var t = create_text(value + "");
     assign_nodes(t, t);
@@ -3412,7 +3416,7 @@ function link(state2, prev, next2) {
     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(() => {
@@ -3452,10 +3456,10 @@ function html(node, get_value, svg = false, mathml = false, skip_warning = false
       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);
     }
@@ -3465,7 +3469,7 @@ function html(node, get_value, svg = false, mathml = false, skip_warning = false
       /** @type {TemplateNode} */
       node2.lastChild
     );
-    if (svg || mathml) {
+    if (svg2 || mathml) {
       while (/* @__PURE__ */ get_first_child(node2)) {
         anchor.before(
           /** @type {Node} */
@@ -3477,6 +3481,22 @@ function html(node, get_value, svg = false, mathml = false, skip_warning = false
     }
   });
 }
+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();
@@ -3566,6 +3586,9 @@ function clsx(value) {
 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]) {
@@ -3780,6 +3803,35 @@ function init_select(select) {
     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;
@@ -3841,6 +3893,36 @@ function set_attribute(element, attribute, value, skip_warning) {
     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];
@@ -4053,6 +4135,60 @@ function get_setters(element) {
   }
   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";
@@ -4116,6 +4252,24 @@ function bind_group(inputs, group_index, input, get2, set2 = get2) {
     }
   });
 }
+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) {
@@ -4128,6 +4282,13 @@ function get_binding_group_value(group, __value, checked) {
   }
   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;
 }
@@ -4603,9 +4764,9 @@ if (typeof HTMLElement === "function") {
       if (!this.$$c) {
         let create_slot2 = 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);
           };
         };
         var create_slot = create_slot2;
@@ -9410,13 +9571,13 @@ class ZodPipeline extends ZodType {
 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;
@@ -11311,11 +11472,11 @@ function formatCurrency(priceCents) {
   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();
@@ -11323,10 +11484,10 @@ function Cart($$anchor, $$props) {
   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);
@@ -11334,14 +11495,14 @@ function Cart($$anchor, $$props) {
         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)]);
@@ -11501,13 +11662,263 @@ customElements.define("go-init", create_custom_element(
   [],
   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) {
@@ -11530,83 +11941,1653 @@ function createGetDetails(KEY2) {
     }
   };
 }
-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));
+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 filters() {
-    return get(__privateGet(this, _filters));
-  }
-  set filters(value) {
-    set(__privateGet(this, _filters), value, true);
+  get form() {
+    return get(__privateGet(this, _form));
   }
-  get eventId() {
-    return get(__privateGet(this, _eventId));
+  set form(value) {
+    set(__privateGet(this, _form), value, true);
   }
-  set eventId(value) {
-    set(__privateGet(this, _eventId), value, true);
+  get fields() {
+    return get(__privateGet(this, _fields));
   }
-  get museumIds() {
-    return get(__privateGet(this, _museumIds));
+  getField(id) {
+    return get(__privateGet(this, _fields)).find((f) => f.id == id);
   }
-  set museumIds(value) {
-    set(__privateGet(this, _museumIds), 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 exhibitionIds() {
-    return get(__privateGet(this, _exhibitionIds));
+  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 exhibitionIds(value) {
-    set(__privateGet(this, _exhibitionIds), 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 ticketIds() {
-    return get(__privateGet(this, _ticketIds));
+  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 ticketIds(value) {
-    set(__privateGet(this, _ticketIds), 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 selectedDate() {
-    return get(__privateGet(this, _selectedDate));
+  return set2;
+}
+function cleanArray(array) {
+  for (let index2 = 0; index2 < array.length; index2++) {
+    const isPropertyExist = objectHasOwnProperty(array, index2);
+    if (!isPropertyExist) {
+      array[index2] = null;
+    }
   }
-  set selectedDate(value) {
-    set(__privateGet(this, _selectedDate), 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 selectedTimeslot() {
-    return get(__privateGet(this, _selectedTimeslot));
+  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 selectedTimeslot(value) {
-    set(__privateGet(this, _selectedTimeslot), value, true);
+  function fallbackValue() {
+    return null;
   }
-  get ticketGroups() {
-    return get(__privateGet(this, _ticketGroups));
+  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 ticketGroups(value) {
-    set(__privateGet(this, _ticketGroups), value, true);
+  let suffix = null;
+  const ATTR_NAME = "data-tt-policy-suffix";
+  if (purifyHostElement && purifyHostElement.hasAttribute(ATTR_NAME)) {
+    suffix = purifyHostElement.getAttribute(ATTR_NAME);
   }
-  get preCarts() {
-    return get(__privateGet(this, _preCarts));
+  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 preCarts(value) {
-    set(__privateGet(this, _preCarts), value);
+};
+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;
   }
-  addTicketGroup(ticketGroup) {
+  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);
+  }
+  addTicketGroup(ticketGroup) {
     this.ticketGroups.push(ticketGroup);
   }
   addPreCart(precart) {
@@ -11874,9 +13855,9 @@ function TicketsSum($$anchor, $$props) {
   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));
@@ -12089,7 +14070,7 @@ function GroupBody($$anchor, $$props) {
         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);
@@ -12125,9 +14106,9 @@ function GroupSum($$anchor, $$props) {
   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));
@@ -12144,10 +14125,10 @@ function createTimeSlotEntriesFromTicket(ticket) {
   });
 }
 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) {
@@ -12160,19 +14141,19 @@ function filterSlots(allTimeSlots, quotas) {
 }
 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);
@@ -12198,7 +14179,7 @@ let Details$1 = (_b = class {
       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
@@ -15275,9 +17256,9 @@ function Calendar_day($$anchor, $$props) {
           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);
@@ -15920,9 +17901,9 @@ function Calendar_heading($$anchor, $$props) {
           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);
@@ -16174,7 +18155,7 @@ class TicketsCalendar extends Calendar$1 {
         "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()
       };
     }));
   }
@@ -16231,8 +18212,8 @@ function CalendarUI($$anchor, $$props) {
               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 }
               });
@@ -16246,7 +18227,7 @@ function CalendarUI($$anchor, $$props) {
               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 }