@gomusdev/web-components 1.56.1 → 2.0.0

package/dist-js/gomus-webcomponents.js

@@ -12635,6 +12635,14 @@ class Shop {
   finalizePersonalizations(token, params) {
     return this.apiPost("/api/v4/annual/personalization/finalize", { body: params, params: { query: { token } } });
   }
+  uploadPersonalizationPhoto(token, personalizationId, file) {
+    const fd = new FormData();
+    fd.append("file", file);
+    return this.apiUpload("/api/v4/annual/personalizations/{id}/upload", {
+      body: fd,
+      params: { path: { id: personalizationId }, query: { token } }
+    });
+  }
   /**
    * Returns a reactive value that will contain the fetched data, no need to await.
    *
@@ -12742,6 +12750,16 @@ class Shop {
   async apiDELETE(path, options) {
     return this.apiCall(path, { method: "DELETE", ...options });
   }
+  async apiUpload(path, options) {
+    this.#ensureApi();
+    const { body, params = {} } = options;
+    const ret = await this.client.POST(path, {
+      body,
+      params: assign(this.#defaultApiParams, { params }).params,
+      bodySerializer: (b) => b
+    });
+    return ret;
+  }
   async apiCall(path, options) {
     this.#ensureApi();
     const { body, params = {}, requiredFields } = options;
@@ -16023,6 +16041,28 @@ function refine(fn, _params = {}) {
 function superRefine(fn) {
   return /* @__PURE__ */ _superRefine(fn);
 }
+function _instanceof(cls, params = {}) {
+  const inst = new ZodCustom({
+    type: "custom",
+    check: "custom",
+    fn: (data) => data instanceof cls,
+    abort: true,
+    ...normalizeParams(params)
+  });
+  inst._zod.bag.Class = cls;
+  inst._zod.check = (payload) => {
+    if (!(payload.value instanceof cls)) {
+      payload.issues.push({
+        code: "invalid_type",
+        expected: cls.name,
+        input: payload.value,
+        inst,
+        path: [...inst._zod.def.path ?? []]
+      });
+    }
+  };
+  return inst;
+}
 var allFields = {
   salutation: {
     key: "salutation",
@@ -16209,6 +16249,16 @@ var allFields = {
     description: "",
     autocomplete: "off"
   },
+  photo: {
+    key: "photo",
+    apiKey: "file",
+    type: "file",
+    label: "ticket.annual.personalization.form.photo",
+    placeholder: "",
+    description: "",
+    autocomplete: "off",
+    validator: _instanceof(File)
+  },
   paymentMode: {
     key: "paymentMode",
     apiKey: "payment_mode_id",
@@ -16244,6 +16294,8 @@ function createField(data, required) {
 function defaultValue(fieldType) {
   if (fieldType === "checkbox") {
     return false;
+  } else if (fieldType === "file") {
+    return null;
   } else {
     return "";
   }
@@ -16252,7 +16304,8 @@ function validateField(field) {
   field.errors = [];
   if (!field.validator) {
     if (field.required) {
-      if (field.value === false || field.value === "") field.errors = field.value ? [] : [`common.fieldErrors.required`];
+      const empty2 = field.value === false || field.value === "" || field.value === null || field.value === void 0;
+      if (empty2) field.errors = [`common.fieldErrors.required`];
     }
     return;
   }
@@ -16359,6 +16412,33 @@ function AnnualTicketPersonalizationForm($$anchor, $$props) {
     if (!isValid2) {
       return;
     }
+    if (details.ticketSale?.photo_mandatory === "mandatory") {
+      const uploads = personalizationForms.map(async (detail, index2) => {
+        const personalizationId = details.ticketSale.personalizations[index2].id;
+        const photoField = detail.fields.find((f) => f.key === "photo");
+        const file = photoField?.value;
+        if (!(file instanceof File)) {
+          return {
+            ok: false,
+            error: "ticket.annual.personalization.photo.missing"
+          };
+        }
+        const result2 = await shop.uploadPersonalizationPhoto(token(), personalizationId, file);
+        if (result2.error) {
+          return {
+            ok: false,
+            error: result2.error.error ?? "ticket.annual.personalization.photo.upload_failed"
+          };
+        }
+        return { ok: true, error: "" };
+      });
+      const results = await Promise.all(uploads);
+      const firstFailure = results.find((r2) => !r2.ok);
+      if (firstFailure) {
+        form.details.apiErrors = [firstFailure.error];
+        return;
+      }
+    }
     const body = {
       personalization: {
         ticket_sale_id: details.ticketSaleId,
@@ -16495,7 +16575,7 @@ class FormDetails {
       if (!Number.isNaN(+x) && x.trim() !== "") return +x;
       return x;
     }
-    const validFields = this.fields.filter((f) => f !== void 0).filter((f) => f.value !== "");
+    const validFields = this.fields.filter((f) => f !== void 0).filter((f) => f.type !== "file").filter((f) => f.value !== "");
     const ret = Object.fromEntries(validFields.map((f) => [f.apiKey, coerce2(f.value)]));
     return ret;
   }
@@ -16955,8 +17035,8 @@ var root_5$2 = /* @__PURE__ */ from_html(`<s class="go-cart-item-price-original"
 var root_6$3 = /* @__PURE__ */ from_html(`<span class="go-cart-item-price-discounted"> </span>`);
 var root_7$4 = /* @__PURE__ */ from_html(`<span> </span>`);
 var root_9$4 = /* @__PURE__ */ from_html(`<option> </option>`);
-var root_8$2 = /* @__PURE__ */ from_html(`<select class="go-cart-item-select"></select>`);
-var root_10$2 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove"><button>⨉</button></li>`);
+var root_8$3 = /* @__PURE__ */ from_html(`<select class="go-cart-item-select"></select>`);
+var root_10$1 = /* @__PURE__ */ from_html(`<li class="go-cart-item-remove"><button>⨉</button></li>`);
 var root_1$i = /* @__PURE__ */ from_html(`<article class="go-cart-item-content"><ul><li class="go-cart-item-title-container"><!></li> <li class="go-cart-item-price"><!></li> <li class="go-cart-item-count"><!></li> <!> <li class="go-cart-item-sum"> </li></ul></article>`);
 function Item$1($$anchor, $$props) {
   push($$props, true);
@@ -17111,7 +17191,7 @@ function Item$1($$anchor, $$props) {
           append($$anchor3, span_2);
         };
         var alternate_2 = ($$anchor3) => {
-          var select = root_8$2();
+          var select = root_8$3();
           select.__change = (e) => update(e.target);
           each(select, 21, () => generateQuantityOptions(get$2(capacity).min, get$2(capacity).max, { floor: 1 }), (q) => q.value, ($$anchor4, q) => {
             var option2 = root_9$4();
@@ -17140,7 +17220,7 @@ function Item$1($$anchor, $$props) {
       var node_5 = sibling(li_2, 2);
       {
         var consequent_4 = ($$anchor3) => {
-          var li_3 = root_10$2();
+          var li_3 = root_10$1();
           var button = child(li_3);
           button.__click = del;
           reset(li_3);
@@ -17679,18 +17759,6 @@ function parseIds(ids) {
   const parsed = ids.split(",").map((id) => id.trim()).map(Number).filter((num) => !isNaN(num) && num > 0);
   return parsed.length > 0 ? parsed : void 0;
 }
-function parseTokens(tokens, possibleTokens) {
-  if (!tokens) {
-    return void 0;
-  }
-  const parsed = tokens.split(",").map((token) => token.trim()).map(String).filter((token) => token.length > 0);
-  parsed.forEach((token) => {
-    if (!possibleTokens.includes(token)) {
-      throw new Error("(parseTokens) Invalid token: " + token);
-    }
-  });
-  return parsed.length > 0 ? parsed : void 0;
-}
 var root_1$f = /* @__PURE__ */ from_html(`<button> </button>`);
 var root_2$o = /* @__PURE__ */ from_html(`<form id="donationForm" action="" novalidate=""><div class="donation-custom form-group"><label for="donation-custom-amount"> </label> <input class="form-control" id="donation-custom-amount" type="number" min="1"/></div></form>`);
 var root$8 = /* @__PURE__ */ from_html(`<div class="donation-selection"><h3> </h3> <div class="donation-options"></div> <!></div>`);
@@ -19166,7 +19234,7 @@ var isContentEditable = function isContentEditable2(node) {
   var attValue = node === null || node === void 0 ? void 0 : (_node$getAttribute2 = node.getAttribute) === null || _node$getAttribute2 === void 0 ? void 0 : _node$getAttribute2.call(node, "contenteditable");
   return attValue === "" || attValue === "true";
 };
-var getCandidates = function getCandidates2(el, includeContainer, filter) {
+var getCandidates = function getCandidates2(el, includeContainer, filter2) {
   if (_isInert(el)) {
     return [];
   }
@@ -19174,7 +19242,7 @@ var getCandidates = function getCandidates2(el, includeContainer, filter) {
   if (includeContainer && matches.call(el, candidateSelector)) {
     candidates.unshift(el);
   }
-  candidates = candidates.filter(filter);
+  candidates = candidates.filter(filter2);
   return candidates;
 };
 var _getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {
@@ -31150,7 +31218,7 @@ create_custom_element(Date_picker_trigger, { ref: {}, onkeydown: {} }, [], [], {
 var root_4$4 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_9$2 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 var root_11$3 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
-var root_8$1 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
+var root_8$2 = /* @__PURE__ */ from_html(`<!> <!>`, 1);
 var root_1$b = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
 function DatePicker_1($$anchor, $$props) {
   push($$props, true);
@@ -31295,7 +31363,7 @@ function DatePicker_1($$anchor, $$props) {
                   const children = ($$anchor6, $$arg0) => {
                     let months = () => $$arg0?.().months;
                     let weekdays = () => $$arg0?.().weekdays;
-                    var fragment_8 = root_8$1();
+                    var fragment_8 = root_8$2();
                     var node_10 = first_child(fragment_8);
                     component(node_10, () => Calendar_header, ($$anchor7, DatePicker_Header) => {
                       DatePicker_Header($$anchor7, {
@@ -31455,17 +31523,19 @@ create_custom_element(
 var root_2$6 = /* @__PURE__ */ from_html(`<span class="go-field-star" aria-hidden="true">*</span>`);
 var root_1$a = /* @__PURE__ */ from_html(` <!>`, 1);
 var root_3$6 = /* @__PURE__ */ from_html(`<label><!></label> <input/>`, 1);
-var root_4$3 = /* @__PURE__ */ from_html(`<label><input/> <span class="go-checkbox-label"><!></span></label>`);
-var root_7$2 = /* @__PURE__ */ from_html(`<img src="" alt=""/> <option> </option>`, 1);
-var root_6$1 = /* @__PURE__ */ from_html(`<option disabled hidden="" selected> </option> <!>`, 1);
+var root_5 = /* @__PURE__ */ from_html(`<figure role="status" aria-live="polite"><img class="go-file-preview"/> <figcaption class="go-file-preview-caption"> </figcaption></figure>`);
+var root_4$3 = /* @__PURE__ */ from_html(`<label><!></label> <input/> <!>`, 1);
+var root_6$1 = /* @__PURE__ */ from_html(`<label><input/> <span class="go-checkbox-label"><!></span></label>`);
+var root_9$1 = /* @__PURE__ */ from_html(`<img src="" alt=""/> <option> </option>`, 1);
+var root_8$1 = /* @__PURE__ */ from_html(`<option disabled hidden="" selected> </option> <!>`, 1);
 var select_content = /* @__PURE__ */ from_html(`<!>`, 1);
-var root_5 = /* @__PURE__ */ from_html(`<label><!></label> <select><!></select>`, 1);
-var root_12$1 = /* @__PURE__ */ from_html(`<img style="width: 60px" aria-hidden="true"/>`);
-var root_11$2 = /* @__PURE__ */ from_html(`<span class="go-payment-mode-icons"></span>`);
-var root_10$1 = /* @__PURE__ */ from_html(`<label><input type="radio"/> <!></label>`);
-var root_9$1 = /* @__PURE__ */ from_html(`<fieldset role="radiogroup"><legend><!></legend> <!></fieldset>`);
-var root_15 = /* @__PURE__ */ from_html(`<label> <input/></label>`);
-var root_13 = /* @__PURE__ */ from_html(`<fieldset><legend><!></legend> <!></fieldset>`);
+var root_7$2 = /* @__PURE__ */ from_html(`<label><!></label> <select><!></select>`, 1);
+var root_14 = /* @__PURE__ */ from_html(`<img style="width: 60px" aria-hidden="true"/>`);
+var root_13 = /* @__PURE__ */ from_html(`<span class="go-payment-mode-icons"></span>`);
+var root_12$1 = /* @__PURE__ */ from_html(`<label><input type="radio"/> <!></label>`);
+var root_11$2 = /* @__PURE__ */ from_html(`<fieldset role="radiogroup"><legend><!></legend> <!></fieldset>`);
+var root_17 = /* @__PURE__ */ from_html(`<label> <input/></label>`);
+var root_15 = /* @__PURE__ */ from_html(`<fieldset><legend><!></legend> <!></fieldset>`);
 function InputAndLabel($$anchor, $$props) {
   push($$props, true);
   const labelText = ($$anchor2) => {
@@ -31515,11 +31585,73 @@ function InputAndLabel($$anchor, $$props) {
     bind_value(input_1, () => field().value, ($$value) => field(field().value = $$value, true));
     append($$anchor2, fragment_1);
   };
-  const checkbox = ($$anchor2) => {
-    var label_2 = root_4$3();
-    var input_2 = child(label_2);
+  const file = ($$anchor2) => {
+    var fragment_2 = root_4$3();
+    var label_2 = first_child(fragment_2);
+    var node_2 = child(label_2);
+    labelText(node_2);
+    reset(label_2);
+    var input_2 = sibling(label_2, 2);
+    var event_handler = (e) => {
+      const files = e.currentTarget.files;
+      field(field().value = files && files[0] ? files[0] : null, true);
+      if (get$2(details)) get$2(details).validateField(field());
+      else field().validate();
+    };
     attribute_effect(
       input_2,
+      () => ({
+        ...get$2(fieldAttributes),
+        ...restProps,
+        class: inputClass(),
+        type: "file",
+        accept: "image/*",
+        name: field().key,
+        onchange: event_handler
+      }),
+      void 0,
+      void 0,
+      void 0,
+      void 0,
+      true
+    );
+    var node_3 = sibling(input_2, 2);
+    {
+      var consequent_1 = ($$anchor3) => {
+        var figure = root_5();
+        var img = child(figure);
+        var figcaption = sibling(img, 2);
+        var text_1 = child(figcaption, true);
+        reset(figcaption);
+        reset(figure);
+        template_effect(
+          ($0) => {
+            set_attribute(figure, "data-field-preview", field().key);
+            set_attribute(img, "src", get$2(filePreviewUrl));
+            set_attribute(img, "alt", $0);
+            set_text(text_1, field().value.name);
+          },
+          [
+            () => shop.t("forms.file.preview_alt") || "User uploaded photo"
+          ]
+        );
+        append($$anchor3, figure);
+      };
+      if_block(node_3, ($$render) => {
+        if (get$2(filePreviewUrl) && field().value instanceof File) $$render(consequent_1);
+      });
+    }
+    template_effect(() => {
+      set_class(label_2, 1, clsx(labelClass()));
+      set_attribute(label_2, "for", get$2(inputId));
+    });
+    append($$anchor2, fragment_2);
+  };
+  const checkbox = ($$anchor2) => {
+    var label_3 = root_6$1();
+    var input_3 = child(label_3);
+    attribute_effect(
+      input_3,
       () => ({
         ...get$2(fieldAttributes),
         ...restProps,
@@ -31533,17 +31665,17 @@ function InputAndLabel($$anchor, $$props) {
       void 0,
       true
     );
-    var span_1 = sibling(input_2, 2);
-    var node_2 = child(span_1);
-    labelText(node_2);
+    var span_1 = sibling(input_3, 2);
+    var node_4 = child(span_1);
+    labelText(node_4);
     reset(span_1);
-    reset(label_2);
+    reset(label_3);
     template_effect(() => {
-      set_class(label_2, 1, clsx(labelClass()));
-      set_attribute(label_2, "for", get$2(inputId));
+      set_class(label_3, 1, clsx(labelClass()));
+      set_attribute(label_3, "for", get$2(inputId));
     });
     bind_checked(
-      input_2,
+      input_3,
       () => {
         return field().value === true;
       },
@@ -31551,15 +31683,15 @@ function InputAndLabel($$anchor, $$props) {
         field(field().value = value, true);
       }
     );
-    append($$anchor2, label_2);
+    append($$anchor2, label_3);
   };
   const select = ($$anchor2) => {
-    var fragment_2 = root_5();
-    var label_3 = first_child(fragment_2);
-    var node_3 = child(label_3);
-    labelText(node_3);
-    reset(label_3);
-    var select_1 = sibling(label_3, 2);
+    var fragment_3 = root_7$2();
+    var label_4 = first_child(fragment_3);
+    var node_5 = child(label_4);
+    labelText(node_5);
+    reset(label_4);
+    var select_1 = sibling(label_4, 2);
     attribute_effect(select_1, () => ({
       ...get$2(fieldAttributes),
       ...restProps,
@@ -31568,45 +31700,45 @@ function InputAndLabel($$anchor, $$props) {
     }));
     customizable_select(select_1, () => {
       var anchor = child(select_1);
-      var fragment_3 = select_content();
-      var node_4 = first_child(fragment_3);
+      var fragment_4 = select_content();
+      var node_6 = first_child(fragment_4);
       {
-        var consequent_1 = ($$anchor3) => {
-          var fragment_4 = root_6$1();
-          var option_1 = first_child(fragment_4);
-          var text_1 = child(option_1, true);
+        var consequent_2 = ($$anchor3) => {
+          var fragment_5 = root_8$1();
+          var option_1 = first_child(fragment_5);
+          var text_2 = child(option_1, true);
           reset(option_1);
           option_1.value = option_1.__value = "";
-          var node_5 = sibling(option_1, 2);
-          each(node_5, 17, () => field().options(), (option2) => option2.value, ($$anchor4, option2) => {
-            var fragment_5 = root_7$2();
-            var option_2 = sibling(first_child(fragment_5), 2);
-            var text_2 = child(option_2, true);
+          var node_7 = sibling(option_1, 2);
+          each(node_7, 17, () => field().options(), (option2) => option2.value, ($$anchor4, option2) => {
+            var fragment_6 = root_9$1();
+            var option_2 = sibling(first_child(fragment_6), 2);
+            var text_3 = child(option_2, true);
             reset(option_2);
             var option_2_value = {};
             template_effect(() => {
-              set_text(text_2, get$2(option2).label);
+              set_text(text_3, get$2(option2).label);
               if (option_2_value !== (option_2_value = get$2(option2).value)) {
                 option_2.value = (option_2.__value = get$2(option2).value) ?? "";
               }
             });
-            append($$anchor4, fragment_5);
+            append($$anchor4, fragment_6);
           });
-          template_effect(($0) => set_text(text_1, $0), [() => shop.t("common.choose")]);
-          append($$anchor3, fragment_4);
+          template_effect(($0) => set_text(text_2, $0), [() => shop.t("common.choose")]);
+          append($$anchor3, fragment_5);
         };
-        if_block(node_4, ($$render) => {
-          if (field().options) $$render(consequent_1);
+        if_block(node_6, ($$render) => {
+          if (field().options) $$render(consequent_2);
         });
       }
-      append(anchor, fragment_3);
+      append(anchor, fragment_4);
     });
     template_effect(() => {
-      set_class(label_3, 1, clsx(labelClass()));
-      set_attribute(label_3, "for", get$2(inputId));
+      set_class(label_4, 1, clsx(labelClass()));
+      set_attribute(label_4, "for", get$2(inputId));
     });
     bind_select_value(select_1, () => field().value, ($$value) => field(field().value = $$value, true));
-    append($$anchor2, fragment_2);
+    append($$anchor2, fragment_3);
   };
   const date2 = ($$anchor2) => {
     DatePicker_1($$anchor2, {
@@ -31629,48 +31761,48 @@ function InputAndLabel($$anchor, $$props) {
   };
   const paymentMode = ($$anchor2) => {
     const modes = /* @__PURE__ */ user_derived(() => shop.payment_modes ? Object.values(shop.payment_modes) : []);
-    var fieldset = root_9$1();
+    var fieldset = root_11$2();
     var legend = child(fieldset);
-    var node_6 = child(legend);
-    labelText(node_6);
+    var node_8 = child(legend);
+    labelText(node_8);
     reset(legend);
-    var node_7 = sibling(legend, 2);
-    each(node_7, 17, () => get$2(modes), (mode) => mode.id, ($$anchor3, mode) => {
-      var label_4 = root_10$1();
-      var input_3 = child(label_4);
-      remove_input_defaults(input_3);
-      input_3.__change = () => {
+    var node_9 = sibling(legend, 2);
+    each(node_9, 17, () => get$2(modes), (mode) => mode.id, ($$anchor3, mode) => {
+      var label_5 = root_12$1();
+      var input_4 = child(label_5);
+      remove_input_defaults(input_4);
+      input_4.__change = () => {
         field(field().value = String(get$2(mode).id), true);
       };
-      var node_8 = sibling(input_3, 2);
+      var node_10 = sibling(input_4, 2);
       {
-        var consequent_2 = ($$anchor4) => {
-          var span_2 = root_11$2();
+        var consequent_3 = ($$anchor4) => {
+          var span_2 = root_13();
           each(span_2, 20, () => get$2(mode).icons, (icon) => icon, ($$anchor5, icon) => {
             const url = /* @__PURE__ */ user_derived(() => CDN_PATH + icon + ".svg");
-            var img = root_12$1();
+            var img_1 = root_14();
             template_effect(() => {
-              set_class(img, 1, clsx(icon));
-              set_attribute(img, "src", get$2(url));
-              set_attribute(img, "alt", icon + " icon");
+              set_class(img_1, 1, clsx(icon));
+              set_attribute(img_1, "src", get$2(url));
+              set_attribute(img_1, "alt", icon + " icon");
             });
-            append($$anchor5, img);
+            append($$anchor5, img_1);
           });
           reset(span_2);
           append($$anchor4, span_2);
         };
-        if_block(node_8, ($$render) => {
-          if (get$2(mode).icons.length > 0) $$render(consequent_2);
+        if_block(node_10, ($$render) => {
+          if (get$2(mode).icons.length > 0) $$render(consequent_3);
         });
       }
-      reset(label_4);
+      reset(label_5);
       template_effect(
         ($0, $1, $2) => {
-          set_attribute(input_3, "name", field().key);
-          set_value(input_3, $0);
-          set_checked(input_3, $1);
-          set_attribute(input_3, "hidden", get$2(modes).length === 1);
-          set_attribute(input_3, "aria-label", $2);
+          set_attribute(input_4, "name", field().key);
+          set_value(input_4, $0);
+          set_checked(input_4, $1);
+          set_attribute(input_4, "hidden", get$2(modes).length === 1);
+          set_attribute(input_4, "aria-label", $2);
         },
         [
           () => String(get$2(mode).id),
@@ -31678,7 +31810,7 @@ function InputAndLabel($$anchor, $$props) {
           () => shop.t(`cart.paymentMode.ariaLabel.${get$2(mode).name.toLowerCase()}`)
         ]
       );
-      append($$anchor3, label_4);
+      append($$anchor3, label_5);
     });
     reset(fieldset);
     template_effect(() => {
@@ -31688,22 +31820,22 @@ function InputAndLabel($$anchor, $$props) {
     append($$anchor2, fieldset);
   };
   const radio = ($$anchor2) => {
-    var fieldset_1 = root_13();
+    var fieldset_1 = root_15();
     var legend_1 = child(fieldset_1);
-    var node_9 = child(legend_1);
-    labelText(node_9);
+    var node_11 = child(legend_1);
+    labelText(node_11);
     reset(legend_1);
-    var node_10 = sibling(legend_1, 2);
+    var node_12 = sibling(legend_1, 2);
     {
-      var consequent_3 = ($$anchor3) => {
-        var fragment_7 = comment();
-        var node_11 = first_child(fragment_7);
-        each(node_11, 17, () => field().options, index$1, ($$anchor4, option2) => {
-          var label_5 = root_15();
-          var text_3 = child(label_5);
-          var input_4 = sibling(text_3);
+      var consequent_4 = ($$anchor3) => {
+        var fragment_8 = comment();
+        var node_13 = first_child(fragment_8);
+        each(node_13, 17, () => field().options, index$1, ($$anchor4, option2) => {
+          var label_6 = root_17();
+          var text_4 = child(label_6);
+          var input_5 = sibling(text_4);
           attribute_effect(
-            input_4,
+            input_5,
             () => ({
               ...get$2(fieldAttributes),
               ...restProps,
@@ -31716,19 +31848,19 @@ function InputAndLabel($$anchor, $$props) {
             void 0,
             true
           );
-          reset(label_5);
+          reset(label_6);
           template_effect(() => {
-            set_class(label_5, 1, clsx(labelClass()));
-            set_attribute(label_5, "for", get$2(inputId) + get$2(option2));
-            set_text(text_3, `${get$2(option2) ?? ""} `);
+            set_class(label_6, 1, clsx(labelClass()));
+            set_attribute(label_6, "for", get$2(inputId) + get$2(option2));
+            set_text(text_4, `${get$2(option2) ?? ""} `);
           });
-          bind_value(input_4, () => field().value, ($$value) => field(field().value = $$value, true));
-          append($$anchor4, label_5);
+          bind_value(input_5, () => field().value, ($$value) => field(field().value = $$value, true));
+          append($$anchor4, label_6);
         });
-        append($$anchor3, fragment_7);
+        append($$anchor3, fragment_8);
       };
-      if_block(node_10, ($$render) => {
-        if (field().options) $$render(consequent_3);
+      if_block(node_12, ($$render) => {
+        if (field().options) $$render(consequent_4);
       });
     }
     reset(fieldset_1);
@@ -31760,6 +31892,7 @@ function InputAndLabel($$anchor, $$props) {
     select,
     radio,
     date: date2,
+    file,
     textarea: null,
     paymentMode
   };
@@ -31781,6 +31914,19 @@ function InputAndLabel($$anchor, $$props) {
   }));
   let label = /* @__PURE__ */ user_derived(() => shop.t(field().label) || field().label);
   const CDN_PATH = `https://cdn.shop.platform.gomus.de/`;
+  let filePreviewUrl = /* @__PURE__ */ state(null);
+  user_effect(() => {
+    const value = field().value;
+    if (value instanceof File && value.type.startsWith("image/")) {
+      const url = URL.createObjectURL(value);
+      set(filePreviewUrl, url, true);
+      return () => {
+        URL.revokeObjectURL(url);
+        set(filePreviewUrl, null);
+      };
+    }
+    set(filePreviewUrl, null);
+  });
   var $$exports = {
     get field() {
       return field();
@@ -31818,20 +31964,20 @@ function InputAndLabel($$anchor, $$props) {
       flushSync();
     }
   };
-  var fragment_8 = comment();
-  var node_12 = first_child(fragment_8);
+  var fragment_9 = comment();
+  var node_14 = first_child(fragment_9);
   {
-    var consequent_4 = ($$anchor2) => {
-      var fragment_9 = comment();
-      var node_13 = first_child(fragment_9);
-      snippet(node_13, () => get$2(snippet$1));
-      append($$anchor2, fragment_9);
+    var consequent_5 = ($$anchor2) => {
+      var fragment_10 = comment();
+      var node_15 = first_child(fragment_10);
+      snippet(node_15, () => get$2(snippet$1));
+      append($$anchor2, fragment_10);
     };
-    if_block(node_12, ($$render) => {
-      if (get$2(snippet$1)) $$render(consequent_4);
+    if_block(node_14, ($$render) => {
+      if (get$2(snippet$1)) $$render(consequent_5);
     });
   }
-  append($$anchor, fragment_8);
+  append($$anchor, fragment_9);
   return pop($$exports);
 }
 delegate(["change"]);
@@ -33826,24 +33972,507 @@ function evaluateExpression(expression, data) {
     console.error(`Error while evaluating when (${expression}) in go-if: ${error.message}`);
   }
 }
-const validTicketSelectionFilters = [
-  "timeslot",
-  "day",
-  "annual",
-  "event:scaled-price",
-  "event:ticket",
-  "events:scaled-price"
+const FILTER_NAMES = [
+  "ticket:timeslot",
+  "ticket:day",
+  "ticket:annual",
+  "event:admission",
+  "event:admission:day",
+  "event:admission:timeslot",
+  "event:price",
+  "events:admission",
+  "events:admission:day",
+  "events:admission:timeslot",
+  "events:price"
 ];
+const filter$a = {
+  name: "ticket:timeslot",
+  calendarEndpoint: "tickets",
+  apiToken: "time_slot",
+  requires: [
+    { kind: "tsd", field: "selectedDate" },
+    { kind: "tsd", field: "selectedTimeslot" }
+  ],
+  isCalendarVisible: () => true,
+  isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
+  isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
+  async loadTimeslots(tsd) {
+    if (!tsd?.selectedDate) return;
+    const { quotas } = await shop.asyncFetch(
+      () => shop.ticketsAndQuotas({
+        by_bookable: true,
+        valid_at: tsd.selectedDate.toString(),
+        // @ts-ignore
+        by_ticket_type: "time_slot",
+        "by_museum_ids[]": tsd.museumIds,
+        "by_exhibition_ids[]": tsd.exhibitionIds,
+        "by_ticket_ids[]": tsd.ticketIds,
+        "by_ticket_group_ids[]": tsd.ticketGroupIds
+      })
+    );
+    shop.capacityManager.addQuotas(quotas);
+  },
+  async loadProducts(segment) {
+    const tsd = segment.ticketSelectionDetails;
+    if (!tsd?.selectedDate || !tsd.selectedTimeslot) return;
+    const { tickets, quotas } = await shop.asyncFetch(
+      () => shop.ticketsAndQuotas({
+        by_bookable: true,
+        valid_at: tsd.selectedDate.toString(),
+        // @ts-ignore
+        by_ticket_type: "time_slot",
+        "by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
+        "by_exhibition_ids[]": tsd.exhibitionIds,
+        "by_ticket_ids[]": tsd.ticketIds,
+        "by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
+      })
+    );
+    shop.capacityManager.addQuotas(quotas);
+    const available = filterAvailabletickets(tickets, tsd.selectedTime);
+    const uiTickets = initUITimeslotTickets(available, tsd.selectedTime);
+    for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: tsd.selectedTime }));
+  }
+};
+const filter$9 = {
+  name: "ticket:day",
+  calendarEndpoint: "tickets",
+  apiToken: "normal",
+  requires: [{ kind: "tsd", field: "selectedDate" }],
+  isCalendarVisible: () => true,
+  isTimeslotsVisible: () => false,
+  isTicketsVisible: (tsd) => Boolean(tsd.selectedDate),
+  async loadTimeslots() {
+  },
+  async loadProducts(segment) {
+    const tsd = segment.ticketSelectionDetails;
+    if (!tsd?.selectedDate) return;
+    const { tickets, quotas } = await shop.asyncFetch(
+      () => shop.ticketsAndQuotas({
+        by_bookable: true,
+        valid_at: tsd.selectedDate.toString(),
+        // @ts-ignore
+        "by_ticket_types[]": ["normal"],
+        "by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
+        "by_exhibition_ids[]": tsd.exhibitionIds,
+        "by_ticket_ids[]": tsd.ticketIds,
+        "by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
+      })
+    );
+    shop.capacityManager.addQuotas(quotas);
+    const firstQuota = Object.values(quotas)[0];
+    const timeslot = firstQuota ? Object.keys(firstQuota.capacities)[0] : void 0;
+    const available = filterAvailabletickets(tickets, timeslot);
+    const uiTickets = initUITimeslotTickets(available, timeslot);
+    for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: timeslot }));
+  }
+};
+const filter$8 = {
+  name: "ticket:annual",
+  calendarEndpoint: null,
+  apiToken: "annual",
+  requires: [],
+  isCalendarVisible: () => false,
+  isTimeslotsVisible: () => false,
+  isTicketsVisible: () => true,
+  async loadTimeslots() {
+  },
+  async loadProducts(segment) {
+    const tsd = segment.ticketSelectionDetails;
+    if (!tsd) return;
+    const tickets = await shop.asyncFetch(
+      () => shop.tickets({
+        by_bookable: true,
+        // @ts-ignore
+        "by_ticket_types[]": ["annual"],
+        "by_ticket_ids[]": tsd.ticketIds,
+        "by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
+      })
+    );
+    for (const t of Object.values(tickets)) {
+      segment.preCart.addItem(createCartItem(createUITicket(t)));
+    }
+  }
+};
+const filter$7 = {
+  name: "event:admission",
+  calendarEndpoint: "events",
+  requires: [
+    { kind: "tsd", field: "eventIds" },
+    { kind: "tsd", field: "selectedDate" }
+  ],
+  isCalendarVisible: () => true,
+  isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
+  isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
+  async loadTimeslots(tsd) {
+    if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
+    const event2 = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+    if (!event2.tickets?.length) return;
+    const { quotas } = await shop.asyncFetch(
+      () => shop.ticketsAndQuotas({
+        "by_ticket_ids[]": event2.tickets,
+        by_bookable: true,
+        valid_at: tsd.selectedDate.toString()
+      })
+    );
+    shop.capacityManager.addQuotas(quotas);
+  },
+  async loadProducts(segment) {
+    const tsd = segment.ticketSelectionDetails;
+    if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
+    const event2 = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+    if (!event2.tickets?.length) return;
+    const { tickets, quotas } = await shop.asyncFetch(
+      () => shop.ticketsAndQuotas({
+        by_bookable: true,
+        valid_at: tsd.selectedDate.toString(),
+        date_id: segment.dateId
+      })
+    );
+    shop.capacityManager.addQuotas(quotas);
+    const available = filterAvailabletickets(tickets, tsd.selectedTime);
+    const uiTickets = initUITimeslotTickets(available, tsd.selectedTime);
+    for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: tsd.selectedTime }));
+  }
+};
+const filter$6 = {
+  name: "event:admission:day",
+  calendarEndpoint: "events",
+  requires: [
+    { kind: "tsd", field: "eventIds" },
+    { kind: "tsd", field: "selectedDate" }
+  ],
+  isCalendarVisible: () => true,
+  isTimeslotsVisible: () => false,
+  isTicketsVisible: (tsd) => Boolean(tsd.selectedDate),
+  async loadTimeslots() {
+  },
+  async loadProducts(segment) {
+    const tsd = segment.ticketSelectionDetails;
+    if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
+    const event2 = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+    if (!event2.tickets?.length) return;
+    const { tickets, quotas } = await shop.asyncFetch(
+      () => shop.ticketsAndQuotas({
+        "by_ticket_ids[]": event2.tickets,
+        // @ts-ignore — backend has_scope :by_ticket_types accepts ('normal' | 'time_slot' | 'annual')[]
+        "by_ticket_types[]": ["normal"],
+        by_bookable: true,
+        valid_at: tsd.selectedDate.toString()
+      })
+    );
+    shop.capacityManager.addQuotas(quotas);
+    const firstQuota = Object.values(quotas)[0];
+    const time2 = firstQuota ? Object.keys(firstQuota.capacities)[0] : void 0;
+    const available = filterAvailabletickets(tickets, time2);
+    const uiTickets = initUITimeslotTickets(available, time2);
+    for (const t of uiTickets) segment.preCart.addItem(createCartItem(t, { time: time2 }));
+  }
+};
+const filter$5 = {
+  name: "event:admission:timeslot",
+  calendarEndpoint: "events",
+  requires: [
+    { kind: "tsd", field: "eventIds" },
+    { kind: "tsd", field: "selectedDate" },
+    { kind: "tsd", field: "selectedTimeslot" }
+  ],
+  isCalendarVisible: () => true,
+  isTimeslotsVisible: (tsd) => Boolean(tsd.selectedDate),
+  isTicketsVisible: (tsd) => Boolean(tsd.selectedDate && tsd.selectedTimeslot),
+  async loadTimeslots(tsd) {
+    if (!tsd?.eventIds?.length || !tsd.selectedDate) return;
+    const event2 = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+    if (!event2.tickets?.length) return;
+    const { quotas } = await shop.asyncFetch(
+      () => shop.ticketsAndQuotas({
+        "by_ticket_ids[]": event2.tickets,
+        // @ts-ignore — backend has_scope :by_ticket_type accepts 'time_slot' | 'normal' | 'annual'
+        by_ticket_type: "time_slot",
+        by_bookable: true,
+        valid_at: tsd.selectedDate.toString()
+      })
+    );
+    shop.capacityManager.addQuotas(quotas);
+  },
+  async loadProducts(segment) {
+    const tsd = segment.ticketSelectionDetails;
+    if (!tsd?.eventIds?.length || !tsd.selectedDate || !tsd.selectedTimeslot) return;
+    const event2 = await shop.asyncFetch(() => shop.getEvent(tsd.eventIds[0]));
+    if (!event2.tickets?.length) return;
+    const { tickets, quotas } = await shop.asyncFetch(
+      () => shop.ticketsAndQuotas({
+        "by_ticket_ids[]": event2.tickets,
+        // @ts-ignore
+        by_ticket_type: "time_slot",
+        by_bookable: true,
+        valid_at: tsd.selectedDate.toString()
+      })
+    );
+    shop.capacityManager.addQuotas(quotas);
+    const available = filterAvailabletickets(tickets, tsd.selectedTime);
+    const uiTickets = initUITimeslotTickets(available, tsd.selectedTime);
+    for (const t of uiTickets) segment.preCart.addItem(createCartItem(t, { time: tsd.selectedTime }));
+  }
+};
+const filter$4 = {
+  name: "event:price",
+  calendarEndpoint: "events",
+  requires: [
+    { kind: "tsd", field: "eventIds" },
+    { kind: "segment", field: "dateId" }
+  ],
+  isCalendarVisible: () => false,
+  isTimeslotsVisible: () => false,
+  isTicketsVisible: (tsd) => Boolean(tsd.eventIds?.length),
+  loadTimeslots: async () => {
+  },
+  async loadProducts(segment) {
+    const tsd = segment.ticketSelectionDetails;
+    if (!tsd?.eventIds?.length || segment.dateId === void 0) return;
+    const date2 = await shop.asyncFetch(() => shop.getEventDetailsOnDate(tsd.eventIds[0], segment.dateId));
+    if (!date2.prices?.length) return;
+    for (const price of date2.prices) {
+      const ticket = createUIEventTicket(price, date2.id, { event_title: date2.event_title });
+      segment.preCart.addItem(createCartItem(ticket, { time: date2.start_time }));
+    }
+    if (date2.seats) shop.capacityManager.addSeats(date2.id, date2.seats);
+  }
+};
+const TWO_HOURS_MS = 2 * 60 * 60 * 1e3;
+function filterDatesInWindow(dates, selectedDate, selectedTime) {
+  const selectedMs = Date.parse(selectedTime);
+  return dates.filter((d) => {
+    const datePart = d.start_time.slice(0, 10);
+    const startMs = Date.parse(d.start_time);
+    return datePart === selectedDate && startMs >= selectedMs && startMs <= selectedMs + TWO_HOURS_MS && (d.seats?.available ?? 0) > 0;
+  });
+}
+async function loadEventsTimeslots(tsd) {
+  if (!tsd?.selectedDate) return;
+  const { quotas } = await shop.asyncFetch(
+    () => shop.ticketsAndQuotas({
+      by_bookable: true,
+      valid_at: tsd.selectedDate.toString(),
+      // @ts-ignore
+      "by_ticket_types[]": ["time_slot"],
+      "by_museum_ids[]": tsd.museumIds,
+      "by_exhibition_ids[]": tsd.exhibitionIds,
+      "by_ticket_ids[]": tsd.ticketIds,
+      "by_ticket_group_ids[]": tsd.ticketGroupIds
+    })
+  );
+  shop.capacityManager.addQuotas(quotas);
+}
+const filter$3 = {
+  name: "events:admission",
+  calendarEndpoint: "events",
+  requires: [
+    { kind: "tsd", field: "selectedDate" },
+    { kind: "tsd", field: "selectedTimeslot" }
+  ],
+  isCalendarVisible: () => true,
+  isTimeslotsVisible: () => true,
+  isTicketsVisible: () => true,
+  loadTimeslots: (tsd) => loadEventsTimeslots(tsd),
+  async loadProducts(segment) {
+    const tsd = segment.ticketSelectionDetails;
+    if (!tsd?.selectedDate || !tsd.selectedTime) return;
+    const all = await shop.asyncFetch(
+      () => shop.getDates({
+        by_bookable: true,
+        // @ts-ignore — bracketed array params are accepted by API
+        "by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
+        "by_exhibition_ids[]": tsd.exhibitionIds,
+        "by_event_ids[]": tsd.eventIds,
+        "by_language_ids[]": segment.languageIds,
+        "by_catch_word_ids[]": segment.catchWordIds,
+        start_at: tsd.selectedDate.toString(),
+        per_page: segment.limit || 30
+      })
+    );
+    const dates = filterDatesInWindow(all, tsd.selectedDate.toString(), tsd.selectedTime);
+    for (const date2 of dates) {
+      if (!date2.event_id || !date2.start_time) continue;
+      const event2 = await shop.asyncFetch(() => shop.getEvent(date2.event_id));
+      if (!event2?.tickets?.length) continue;
+      const { tickets, quotas } = await shop.asyncFetch(
+        () => shop.ticketsAndQuotas({
+          "by_ticket_ids[]": event2.tickets,
+          by_bookable: true,
+          valid_at: date2.start_time.slice(0, 10)
+        })
+      );
+      shop.capacityManager.addQuotas(quotas);
+      const available = filterAvailabletickets(tickets, date2.start_time);
+      const uiTickets = initUITimeslotTickets(available, date2.start_time);
+      for (const ticket of uiTickets) segment.preCart.addItem(createCartItem(ticket, { time: date2.start_time }));
+    }
+  }
+};
+const filter$2 = {
+  name: "events:admission:day",
+  calendarEndpoint: "events",
+  requires: [
+    { kind: "tsd", field: "selectedDate" },
+    { kind: "tsd", field: "selectedTimeslot" }
+  ],
+  isCalendarVisible: () => true,
+  isTimeslotsVisible: () => true,
+  isTicketsVisible: () => true,
+  loadTimeslots: (tsd) => loadEventsTimeslots(tsd),
+  async loadProducts(segment) {
+    const tsd = segment.ticketSelectionDetails;
+    if (!tsd?.selectedDate || !tsd.selectedTime) return;
+    const all = await shop.asyncFetch(
+      () => shop.getDates({
+        by_bookable: true,
+        // @ts-ignore — bracketed array params are accepted by API
+        "by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
+        "by_exhibition_ids[]": tsd.exhibitionIds,
+        "by_event_ids[]": tsd.eventIds,
+        "by_language_ids[]": segment.languageIds,
+        "by_catch_word_ids[]": segment.catchWordIds,
+        start_at: tsd.selectedDate.toString(),
+        per_page: segment.limit || 30
+      })
+    );
+    const dates = filterDatesInWindow(all, tsd.selectedDate.toString(), tsd.selectedTime);
+    for (const date2 of dates) {
+      if (!date2.event_id || !date2.start_time) continue;
+      const event2 = await shop.asyncFetch(() => shop.getEvent(date2.event_id));
+      if (!event2?.tickets?.length) continue;
+      const { tickets, quotas } = await shop.asyncFetch(
+        () => shop.ticketsAndQuotas({
+          "by_ticket_ids[]": event2.tickets,
+          // @ts-ignore
+          "by_ticket_types[]": ["normal"],
+          by_bookable: true,
+          valid_at: date2.start_time.slice(0, 10)
+        })
+      );
+      shop.capacityManager.addQuotas(quotas);
+      const firstQuota = Object.values(quotas)[0];
+      const time2 = firstQuota ? Object.keys(firstQuota.capacities)[0] : date2.start_time;
+      const available = filterAvailabletickets(tickets, time2);
+      const uiTickets = initUITimeslotTickets(available, time2);
+      for (const t of uiTickets) segment.preCart.addItem(createCartItem(t, { time: time2 }));
+    }
+  }
+};
+const filter$1 = {
+  name: "events:admission:timeslot",
+  calendarEndpoint: "events",
+  requires: [
+    { kind: "tsd", field: "selectedDate" },
+    { kind: "tsd", field: "selectedTimeslot" }
+  ],
+  isCalendarVisible: () => true,
+  isTimeslotsVisible: () => true,
+  isTicketsVisible: () => true,
+  loadTimeslots: (tsd) => loadEventsTimeslots(tsd),
+  async loadProducts(segment) {
+    const tsd = segment.ticketSelectionDetails;
+    if (!tsd?.selectedDate || !tsd.selectedTime) return;
+    const all = await shop.asyncFetch(
+      () => shop.getDates({
+        by_bookable: true,
+        // @ts-ignore — bracketed array params are accepted by API
+        "by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
+        "by_exhibition_ids[]": tsd.exhibitionIds,
+        "by_event_ids[]": tsd.eventIds,
+        "by_language_ids[]": segment.languageIds,
+        "by_catch_word_ids[]": segment.catchWordIds,
+        start_at: tsd.selectedDate.toString(),
+        per_page: segment.limit || 30
+      })
+    );
+    const dates = filterDatesInWindow(all, tsd.selectedDate.toString(), tsd.selectedTime);
+    for (const date2 of dates) {
+      if (!date2.event_id || !date2.start_time) continue;
+      const event2 = await shop.asyncFetch(() => shop.getEvent(date2.event_id));
+      if (!event2?.tickets?.length) continue;
+      const { tickets, quotas } = await shop.asyncFetch(
+        () => shop.ticketsAndQuotas({
+          "by_ticket_ids[]": event2.tickets,
+          // @ts-ignore
+          by_ticket_type: "time_slot",
+          by_bookable: true,
+          valid_at: date2.start_time.slice(0, 10)
+        })
+      );
+      shop.capacityManager.addQuotas(quotas);
+      const available = filterAvailabletickets(tickets, date2.start_time);
+      const uiTickets = initUITimeslotTickets(available, date2.start_time);
+      for (const t of uiTickets) segment.preCart.addItem(createCartItem(t, { time: date2.start_time }));
+    }
+  }
+};
+const filter = {
+  name: "events:price",
+  calendarEndpoint: "events",
+  requires: [
+    { kind: "tsd", field: "selectedDate" },
+    { kind: "tsd", field: "selectedTimeslot" }
+  ],
+  isCalendarVisible: () => true,
+  isTimeslotsVisible: () => true,
+  isTicketsVisible: () => true,
+  loadTimeslots: (tsd) => loadEventsTimeslots(tsd),
+  async loadProducts(segment) {
+    const tsd = segment.ticketSelectionDetails;
+    if (!tsd?.selectedDate || !tsd.selectedTime) return;
+    const all = await shop.asyncFetch(
+      () => shop.getDates({
+        by_bookable: true,
+        // @ts-ignore — bracketed array params are accepted by API
+        "by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
+        "by_exhibition_ids[]": tsd.exhibitionIds,
+        "by_event_ids[]": tsd.eventIds,
+        "by_language_ids[]": segment.languageIds,
+        "by_catch_word_ids[]": segment.catchWordIds,
+        start_at: tsd.selectedDate.toString(),
+        per_page: segment.limit || 30
+      })
+    );
+    const dates = filterDatesInWindow(all, tsd.selectedDate.toString(), tsd.selectedTime);
+    const query = segment.query;
+    for (const date2 of dates) {
+      if (!date2.prices?.length) continue;
+      const prices = query ? date2.prices.filter((p2) => p2.title?.includes(query)) : date2.prices;
+      for (const price of prices) {
+        const ticket = createUIEventTicket(price, date2.id, { event_title: date2.event_title });
+        segment.preCart.addItem(createCartItem(ticket, { time: date2.start_time }));
+      }
+      if (date2.seats) shop.capacityManager.addSeats(date2.id, date2.seats);
+    }
+  }
+};
+const REGISTRY = {
+  "ticket:timeslot": filter$a,
+  "ticket:day": filter$9,
+  "ticket:annual": filter$8,
+  "event:admission": filter$7,
+  "event:admission:day": filter$6,
+  "event:admission:timeslot": filter$5,
+  "event:price": filter$4,
+  "events:admission": filter$3,
+  "events:admission:day": filter$2,
+  "events:admission:timeslot": filter$1,
+  "events:price": filter
+};
+function getFilter(name) {
+  const filter2 = REGISTRY[name];
+  if (!filter2) {
+    console.warn(
+      `[ticket-selection] Unknown filter "${name}". Valid filters: ${FILTER_NAMES.join(", ")}`
+    );
+  }
+  return filter2;
+}
+const validFilterNames = FILTER_NAMES;
 let lastUId = 0;
 class TicketSelectionDetails {
   uid = lastUId++;
-  #mode = /* @__PURE__ */ state();
-  get mode() {
-    return get$2(this.#mode);
-  }
-  set mode(value) {
-    set(this.#mode, value, true);
-  }
   #filters = /* @__PURE__ */ state();
   get filters() {
     return get$2(this.#filters);
@@ -33931,48 +34560,14 @@ class TicketSelectionDetails {
   addTicketSegment(ticketGroup) {
     this.ticketSegments.push(ticketGroup);
   }
+  get isCalendarVisible() {
+    return Boolean(this.filters?.some((f) => getFilter(f).isCalendarVisible(this)));
+  }
   get isTimeslotsVisible() {
-    if (this.filters?.includes("events:scaled-price")) return true;
-    if (this.mode === "event") return false;
-    return Boolean(this.filters?.includes("timeslot") && this.selectedDate);
+    return Boolean(this.filters?.some((f) => getFilter(f).isTimeslotsVisible(this)));
   }
   get isTicketsVisible() {
-    const byFilter = (filter) => {
-      switch (filter) {
-        case "day":
-          return Boolean(this.selectedDate);
-        case "annual":
-          return true;
-        case "event:scaled-price":
-          return Boolean(this.selectedDate);
-        case "events:scaled-price":
-          return true;
-        case "event:ticket":
-          return Boolean(this.selectedDate);
-        case "timeslot":
-          switch (this.mode) {
-            case "event":
-              return Boolean(this.selectedDate);
-            case "ticket":
-              return Boolean(this.selectedDate && this.selectedTimeslot);
-            case "tour":
-              return true;
-            case void 0:
-              return false;
-            default:
-              const exhaustedChecking2 = this.mode;
-              throw new Error(`(isTicketsVisible) Unhandled case: ${exhaustedChecking2}`);
-          }
-        default:
-          const exhaustedChecking = filter;
-          throw new Error(`(isTicketsVisible) Unhandled case: ${exhaustedChecking}`);
-      }
-    };
-    return this.filters?.some(byFilter);
-  }
-  get isCalendarVisible() {
-    if (this.filters?.includes("events:scaled-price")) return true;
-    return Boolean(this.filters?.includes("timeslot") || this.filters?.includes("day"));
+    return Boolean(this.filters?.some((f) => getFilter(f).isTicketsVisible(this)));
   }
 }
 const KEY$2 = "go-ticket-selection";
@@ -34839,11 +35434,29 @@ function Overview($$anchor, $$props) {
 customElements.define("go-profile-overview", create_custom_element(Overview, {}, [], []));
 function TicketSelection($$anchor, $$props) {
   push($$props, true);
-  let mode = prop($$props, "mode", 7), filters = prop($$props, "filters", 7), eventIds = prop($$props, "eventIds", 7), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), selectedDate = prop($$props, "selectedDate", 7), selectedTimeslot = prop($$props, "selectedTimeslot", 7), ticketIds = prop($$props, "ticketIds", 7), ticketGroupIds = prop($$props, "ticketGroupIds", 7);
+  function parseFilters(value) {
+    if (!value) return void 0;
+    const out = [];
+    for (const raw of value.split(",")) {
+      const t = raw.trim();
+      if (!t) continue;
+      if (validFilterNames.includes(t)) {
+        out.push(t);
+      } else {
+        console.warn(`[go-ticket-selection] Unknown filter "${t}". Valid filters: ${validFilterNames.join(", ")}`);
+      }
+    }
+    return out.length ? out : void 0;
+  }
+  let filters = prop($$props, "filters", 7), eventIds = prop($$props, "eventIds", 7), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), selectedDate = prop($$props, "selectedDate", 7), selectedTimeslot = prop($$props, "selectedTimeslot", 7), ticketIds = prop($$props, "ticketIds", 7), ticketGroupIds = prop($$props, "ticketGroupIds", 7);
   const details = new TicketSelectionDetails();
   user_effect(() => {
-    details.mode = mode();
-    details.filters = parseTokens(filters(), validTicketSelectionFilters);
+    if ($$props.$$host.hasAttribute("mode")) {
+      console.warn('[go-ticket-selection] `mode` attribute is deprecated and ignored. Use `filters` instead, e.g. filters="ticket:timeslot".');
+    }
+  });
+  user_effect(() => {
+    details.filters = parseFilters(filters());
     details.eventIds = parseIds(eventIds());
     details.museumIds = parseIds(museumIds());
     details.exhibitionIds = parseIds(exhibitionIds());
@@ -34862,13 +35475,6 @@ function TicketSelection($$anchor, $$props) {
   setTicketSelectionDetails($$props.$$host, details);
   var $$exports = {
     details,
-    get mode() {
-      return mode();
-    },
-    set mode($$value) {
-      mode($$value);
-      flushSync();
-    },
     get filters() {
       return filters();
     },
@@ -34931,7 +35537,6 @@ function TicketSelection($$anchor, $$props) {
 customElements.define("go-ticket-selection", create_custom_element(
   TicketSelection,
   {
-    mode: { attribute: "mode", reflect: true, type: "String" },
     filters: { attribute: "filters", reflect: true, type: "String" },
     eventIds: { attribute: "event-ids", reflect: true, type: "String" },
     ticketIds: { attribute: "ticket-ids", reflect: true, type: "String" },
@@ -34986,232 +35591,6 @@ function TicketsSum($$anchor, $$props) {
   pop();
 }
 customElements.define("go-tickets-sum", create_custom_element(TicketsSum, {}, [], []));
-async function loadAnnualTickets(segment) {
-  const tsd = segment.ticketSelectionDetails;
-  if (!tsd || !tsd.filters?.includes("annual")) {
-    segment.clear();
-    return;
-  }
-  const tickets = await shop.asyncFetch(() => shop.tickets({
-    by_bookable: true,
-    // @ts-ignore
-    "by_ticket_types[]": ["annual"],
-    "by_ticket_ids[]": tsd.ticketIds,
-    "by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
-  }));
-  const uiTickets = Object.values(tickets).map((t) => createUITicket(t));
-  segment.preCart = createCart(uiTickets);
-}
-async function loadDayTickets(segment) {
-  const tsd = segment.ticketSelectionDetails;
-  if (!tsd) {
-    console.warn("(loadDayTickets) tsd is undefined");
-    segment.clear();
-    return;
-  }
-  if (!tsd.selectedDate) {
-    console.warn("(loadDayTickets) selected-date is not given to the go-ticket-selection");
-    segment.clear();
-    return;
-  }
-  const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-    by_bookable: true,
-    valid_at: tsd.selectedDate?.toString(),
-    // @ts-ignore
-    "by_ticket_types[]": ["normal"],
-    "by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
-    "by_exhibition_ids[]": tsd.exhibitionIds,
-    "by_ticket_ids[]": tsd.ticketIds,
-    "by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
-  }));
-  let timeslot;
-  if (quotas && Object.values(quotas).length > 0 && Object.keys(Object.values(quotas)[0].capacities).length > 0) {
-    timeslot = Object.keys(Object.values(quotas)[0].capacities)[0];
-  }
-  shop.capacityManager.addQuotas(quotas);
-  const available = filterAvailabletickets(tickets, timeslot);
-  const uiTickets = initUITimeslotTickets(available, timeslot);
-  segment.preCart = createCart();
-  for (const ticket of uiTickets) {
-    segment.preCart.addItem(createCartItem(ticket, { time: timeslot }));
-  }
-}
-async function load_Event_ScaledPricesTickets(segment) {
-  const tsd = segment.ticketSelectionDetails;
-  if (!tsd) {
-    console.warn("(loadEventScaledPricesTickets) tsd is undefined");
-    segment.clear();
-    return;
-  }
-  if (!tsd.eventIds?.length) {
-    console.warn("(loadEventScaledPricesTickets) eventIds is undefined");
-    segment.clear();
-    return;
-  }
-  if (!segment.filters?.includes("event:scaled-price")) {
-    console.warn("(loadEventScaledPricesTickets) filters should include event:scaled-price");
-    segment.clear();
-    return;
-  }
-  if (segment.dateId === void 0) {
-    console.warn("(loadEventScaledPricesTickets) date-id is not given to the go-ticket-segment");
-    segment.clear();
-    return;
-  }
-  if (tsd.eventIds.length > 1) throw new Error("(loadEventScaledPricesTickets) currently we support only one eventId in go-ticket-selection");
-  const eid = tsd.eventIds[0];
-  const eventDate = await shop.asyncFetch(() => shop.getEventDetailsOnDate(eid, segment.dateId));
-  if (eventDate.prices) {
-    segment.preCart = createCart();
-    for (const price of eventDate.prices) {
-      const ticket = createUIEventTicket(price, segment.dateId, { event_title: eventDate.event_title });
-      segment.preCart.addItem(createCartItem(ticket, { time: eventDate.start_time }));
-    }
-  } else console.warn("(loadEventScaledPricesTickets) event.prices is undefined");
-  if (eventDate.seats) shop.capacityManager.addSeats(segment.dateId, eventDate.seats);
-  else console.warn("(loadEventScaledPricesTickets) event.seats is undefined");
-}
-async function loadEventTickets(segment) {
-  const tsd = segment.ticketSelectionDetails;
-  if (!tsd) {
-    console.warn("(loadEventTickets) tsd is undefined");
-    segment.clear();
-    return;
-  }
-  if (!tsd.eventIds?.length) {
-    console.warn("(loadEventTickets) eventIds is undefined");
-    segment.clear();
-    return;
-  }
-  if (!segment.filters?.includes("event:ticket")) {
-    console.warn("(loadEventTickets) filters should include event:tickets");
-    segment.clear();
-    return;
-  }
-  if (!tsd.selectedDate) {
-    console.warn("(loadEventTickets) selected-date is not given to the go-ticket-selection");
-    segment.clear();
-    return;
-  }
-  if (tsd.eventIds.length > 1) throw new Error("(loadEventTickets) currently we support only one eventId in go-ticket-selection");
-  const eid = tsd.eventIds[0];
-  const event2 = await shop.asyncFetch(() => shop.getEvent(eid));
-  const ticketIds = event2.tickets;
-  if (ticketIds.length === 0) {
-    segment.clear();
-    return;
-  }
-  const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-    "by_ticket_ids[]": ticketIds,
-    by_bookable: true,
-    valid_at: tsd.selectedDate?.toString(),
-    date_id: segment.dateId
-  }));
-  shop.capacityManager.addQuotas(quotas);
-  const available = filterAvailabletickets(tickets, tsd.selectedTime);
-  const uiTickets = initUITimeslotTickets(available, tsd.selectedTime);
-  segment.preCart = createCart();
-  for (const ticket of uiTickets) {
-    segment.preCart.addItem(createCartItem(ticket, { time: tsd.selectedTime }));
-  }
-}
-const TWO_HOURS_IN_MILLISECONDS = 2 * 60 * 60 * 1e3;
-async function load_Events_ScaledPricesTickets(segment) {
-  const tsd = segment.ticketSelectionDetails;
-  if (!tsd) {
-    console.warn("(load_Events_ScaledPricesTickets) tsd is undefined");
-    segment.clear();
-    return;
-  }
-  if (!segment.filters?.includes("events:scaled-price")) {
-    console.warn("(load_Events_ScaledPricesTickets) filters should include events:scaled-price");
-    segment.clear();
-    return;
-  }
-  if (!tsd.selectedDate) {
-    console.warn("(load_Events_ScaledPricesTickets) go-ticket-selection does not have a selected date");
-    segment.clear();
-    return;
-  }
-  if (!tsd.selectedTime) {
-    console.warn("(load_Events_ScaledPricesTickets) go-ticket-selection does not have a selected time");
-    segment.clear();
-    return;
-  }
-  let dates = await shop.asyncFetch(() => shop.getDates({
-    // q?: string
-    by_bookable: true,
-    "by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
-    "by_exhibition_ids[]": tsd.exhibitionIds,
-    "by_event_ids[]": tsd.eventIds,
-    "by_language_ids[]": segment.languageIds,
-    "by_catch_word_ids[]": segment.catchWordIds,
-    // by_category_ids?: number[]
-    start_at: tsd.selectedDate?.toString(),
-    //YYYY-MM-DD format
-    // end_at?: string // YYYY-MM-DD format
-    per_page: segment.limit || 30
-    // page?: number
-  }));
-  segment.preCart = createCart();
-  dates = dates.filter((d) => {
-    const datePart = d.start_time.slice(0, 10);
-    const sameDay = tsd.selectedDate?.toString() == datePart;
-    const selectedMs = Date.parse(tsd.selectedTime);
-    const startMs = Date.parse(d.start_time);
-    const after = startMs >= selectedMs && startMs <= selectedMs + TWO_HOURS_IN_MILLISECONDS;
-    const availableSeats = (d.seats?.available ?? 0) > 0;
-    return sameDay && after && availableSeats;
-  });
-  for (const date2 of dates) {
-    if (date2.prices) {
-      let prices = date2.prices;
-      if (segment.query) prices = prices.filter((p2) => p2.title.includes(segment.query));
-      for (const price of prices) {
-        const ticket = createUIEventTicket(price, date2.id, { event_title: date2.event_title });
-        segment.preCart.addItem(createCartItem(ticket, { time: date2.start_time }));
-      }
-    } else console.warn("(load_Events_ScaledPricesTickets) event.prices is undefined");
-    if (date2.seats) {
-      shop.capacityManager.addSeats(date2.id, date2.seats);
-    } else console.warn("(load_Events_ScaledPricesTickets) event.seats is undefined");
-  }
-}
-async function loadTimeslotTickets(segment) {
-  const tsd = segment.ticketSelectionDetails;
-  if (!tsd) {
-    console.warn("(loadTimeslotTickets) tsd is undefined");
-    segment.clear();
-    return;
-  }
-  if (!tsd.selectedDate) {
-    console.warn("(loadTimeslotTickets) selectedDate is not given to the go-ticket-selection");
-    segment.clear();
-    return;
-  }
-  if (!tsd.selectedTimeslot) {
-    console.warn("(loadTimeslotTickets) selectedTimeslot is not given to the go-ticket-selection");
-    segment.clear();
-    return;
-  }
-  const { tickets, quotas } = await shop.asyncFetch(() => shop.ticketsAndQuotas({
-    by_bookable: true,
-    valid_at: tsd.selectedDate?.toString(),
-    // @ts-ignore
-    by_ticket_type: "time_slot",
-    "by_museum_ids[]": segment.museumIds ?? tsd.museumIds,
-    "by_exhibition_ids[]": tsd.exhibitionIds,
-    "by_ticket_ids[]": tsd.ticketIds,
-    "by_ticket_group_ids[]": segment.ticketGroupIds ?? tsd.ticketGroupIds
-  }));
-  shop.capacityManager.addQuotas(quotas);
-  const available = filterAvailabletickets(tickets, tsd.selectedTime);
-  const uiTickets = initUITimeslotTickets(available, tsd.selectedTime);
-  segment.preCart = createCart();
-  for (const ticket of uiTickets) {
-    segment.preCart.addItem(createCartItem(ticket, { time: tsd.selectedTime }));
-  }
-}
 class SegmentDetails {
   #ticketSelectionDetails;
   get ticketSelectionDetails() {
@@ -35227,7 +35606,7 @@ class SegmentDetails {
   set preCart(value) {
     set(this.#preCart, value, true);
   }
-  #filters = /* @__PURE__ */ state("timeslot");
+  #filters = /* @__PURE__ */ state();
   get filters() {
     return get$2(this.#filters);
   }
@@ -35283,28 +35662,27 @@ class SegmentDetails {
   set museumIds(value) {
     set(this.#museumIds, value, true);
   }
-  constructor(type, tsdWrapper) {
-    this.filters = type;
+  constructor(filters, tsdWrapper) {
+    this.filters = filters === void 0 ? void 0 : Array.isArray(filters) ? filters : [filters];
     this.#ticketSelectionDetails = /* @__PURE__ */ user_derived(() => tsdWrapper.value);
   }
+  get effectiveFilters() {
+    if (this.filters?.length) return this.filters;
+    return this.ticketSelectionDetails?.filters ?? [];
+  }
   clear() {
     this.preCart = createCart([]);
   }
   toString() {
-    return JSON.stringify({ filters: this.filters, preCart: this.preCart.toString() });
-  }
-  loadTickets() {
-    const method = {
-      timeslot: loadTimeslotTickets,
-      annual: loadAnnualTickets,
-      day: loadDayTickets,
-      custom: () => {
-      },
-      "event:scaled-price": load_Event_ScaledPricesTickets,
-      "events:scaled-price": load_Events_ScaledPricesTickets,
-      "event:ticket": loadEventTickets
-    }[this.filters];
-    method(this);
+    return JSON.stringify({
+      filters: this.effectiveFilters,
+      preCart: this.preCart.toString()
+    });
+  }
+  async loadTickets() {
+    this.preCart = createCart();
+    const filters = this.effectiveFilters.filter((f) => f !== "custom");
+    await Promise.all(filters.map((f) => getFilter(f).loadProducts(this)));
   }
 }
 const KEY = "go-ticket-segment";
@@ -35313,13 +35691,17 @@ const getSegmentDetails = createGetDetails(KEY);
 function TicketSegment($$anchor, $$props) {
   push($$props, true);
   const filters = prop($$props, "filters", 7), dateId = prop($$props, "dateId", 7), query = prop($$props, "query", 7), limit = prop($$props, "limit", 7), ticketGroupIds = prop($$props, "ticketGroupIds", 7), languageIds = prop($$props, "languageIds", 7), catchWordIds = prop($$props, "catchWordIds", 7), museumIds = prop($$props, "museumIds", 7);
-  if (!filters()) throw new Error("filters is required");
+  function parseFilters(value) {
+    if (!value) return void 0;
+    const out = value.split(",").map((s) => s.trim()).filter(Boolean);
+    return out.length ? out : void 0;
+  }
   const tsdWrapper = getTicketSelectionDetails($$props.$$host);
   const tsd = tsdWrapper.value;
-  const details = new SegmentDetails(filters(), tsdWrapper);
+  const details = new SegmentDetails(parseFilters(filters()), tsdWrapper);
   setSegmentDetails($$props.$$host, details);
   user_effect(() => {
-    details.filters = filters();
+    details.filters = parseFilters(filters());
     details.dateId = dateId();
     details.query = query();
     details.limit = limit();
@@ -35331,13 +35713,13 @@ function TicketSegment($$anchor, $$props) {
   user_effect(() => {
     details.dateId;
     details.filters;
-    details.dateId;
     details.ticketGroupIds;
     details.museumIds;
     details.languageIds;
     details.catchWordIds;
     details.query;
     details.limit;
+    tsd?.filters;
     tsd?.selectedTimeslot;
     tsd?.selectedTime;
     tsd?.selectedDate;
@@ -35649,6 +36031,13 @@ let Details$1 = class Details {
   set tsd(value) {
     set(this.#tsd, value);
   }
+  #timeslots = /* @__PURE__ */ state(proxy([]));
+  get timeslots() {
+    return get$2(this.#timeslots);
+  }
+  set timeslots(value) {
+    set(this.#timeslots, value, true);
+  }
   constructor(tsdWrapper) {
     if (!tsdWrapper) return;
     this.#tsd = /* @__PURE__ */ user_derived(() => tsdWrapper.value);
@@ -35657,33 +36046,18 @@ let Details$1 = class Details {
   get boockedOutCount() {
     return this.timeslots.filter((t) => t.capacity == 0).length;
   }
-  get timeslots() {
-    const tsd = this.tsd;
-    if (!tsd) return [];
-    const date2 = tsd.selectedDate;
-    if (!date2) return [];
-    const result = snapshot(shop.ticketsAndQuotas({
-      by_bookable: true,
-      valid_at: date2.toString(),
-      // @ts-ignore
-      "by_ticket_types[]": ["time_slot"],
-      "by_museum_ids[]": tsd.museumIds,
-      "by_exhibition_ids[]": tsd.exhibitionIds,
-      "by_ticket_ids[]": tsd.ticketIds,
-      "by_ticket_group_ids[]": tsd.ticketGroupIds
+  recalculateCapacities() {
+    const date2 = this.tsd?.selectedDate;
+    if (!date2) {
+      this.timeslots = [];
+      return;
+    }
+    this.timeslots = shop.capacityManager.quotaManager.timeslotsOn(date2).map((x) => ({
+      ...x,
+      startAt: x.timeSlot,
+      timeFormatted: x.timeSlot.substring(11, 16),
+      available: x.capacity > 0
     }));
-    if (!result) return [];
-    let ret = [];
-    untrack(() => {
-      shop.capacityManager.addQuotas(result.quotas);
-      ret = shop.capacityManager.quotaManager.timeslotsOn(tsd.selectedDate).map((x) => ({
-        ...x,
-        startAt: x.timeSlot,
-        timeFormatted: x.timeSlot.substring(11, 16),
-        available: x.capacity > 0
-      }));
-    });
-    return ret;
   }
 };
 var root_2$1 = /* @__PURE__ */ from_html(`<li><label> <input type="radio" name="timeslot"/></label></li>`);
@@ -35693,6 +36067,18 @@ function Timeslots($$anchor, $$props) {
   const binding_group = [];
   const _tsd = getTicketSelectionDetails($$props.$$host);
   const details = new Details$1(_tsd);
+  user_effect(() => {
+    const tsd = details.tsd;
+    if (!tsd) return;
+    const filters = tsd.filters;
+    const date2 = tsd.selectedDate;
+    untrack(async () => {
+      if (filters?.length && date2) {
+        await Promise.all(filters.map((f) => getFilter(f).loadTimeslots(tsd)));
+      }
+      details.recalculateCapacities();
+    });
+  });
   const dispatchTimeslotSelect = (target, selected) => {
     if (!target || !("dispatchEvent" in target)) return;
     target.dispatchEvent(new CustomEvent("go-timeslot-select", { detail: { selected }, bubbles: true, composed: true }));
@@ -35760,7 +36146,7 @@ function Timeslots($$anchor, $$props) {
       append($$anchor2, ul);
     };
     if_block(node, ($$render) => {
-      if (details.tsd && details.tsd.filters?.includes("timeslot")) $$render(consequent);
+      if (details.tsd?.isTimeslotsVisible) $$render(consequent);
     });
   }
   append($$anchor, fragment);
@@ -35790,55 +36176,37 @@ class Calendar {
   set selected(value) {
     set(this.#selected, value, true);
   }
+  get endpoint() {
+    const endpoints = this.details?.filters?.map((f) => getFilter(f).calendarEndpoint).filter(Boolean) ?? [];
+    return endpoints[0] ?? null;
+  }
   get dates() {
-    if (!this.details) {
-      return void 0;
-    }
-    switch (this.details.mode) {
-      case "ticket":
+    if (!this.details) return void 0;
+    switch (this.endpoint) {
+      case "tickets":
         return this.ticketsDates();
-      case "event":
+      case "events":
         return this.eventsDates();
-      case "tour":
-        throw new Error("(Calendar) Tour mode not supported");
-      case void 0:
-        console.error("(Calendar) Mode is undefined");
-        return void 0;
       default:
-        const exhaustedChecking = this.details.mode;
-        throw new Error(`(Calendar) Unhandled case: ${exhaustedChecking}`);
+        return void 0;
     }
   }
   isDateDisabled(date2) {
     if (this.dates) {
       return date2.compare($ad063034c8620db8$export$d0bdf45af03a6ea3($ad063034c8620db8$export$aa8b41735afcabd2())) < 0 || this.dates[date2.toString()] == "unavailable";
-    } else {
-      return date2.compare($ad063034c8620db8$export$d0bdf45af03a6ea3($ad063034c8620db8$export$aa8b41735afcabd2())) < 0;
     }
+    return date2.compare($ad063034c8620db8$export$d0bdf45af03a6ea3($ad063034c8620db8$export$aa8b41735afcabd2())) < 0;
   }
   isDateUnavailable(date2) {
-    if (this.dates) {
-      return this.dates[date2.toString()] == "fully_booked";
-    }
-    return false;
+    return this.dates?.[date2.toString()] == "fully_booked";
   }
-  // @ts-ignore
   get apiFilters() {
-    return this.details?.filters?.map((f) => ({
-      day: "normal",
-      timeslot: "time_slot",
-      annual: "annual",
-      "event:scaled-price": "scaled_price",
-      "events:scaled-price": "not implemented",
-      "event:ticket": "not implemented"
-    })[f]);
+    return this.details?.filters?.map((f) => getFilter(f).apiToken).filter(Boolean);
   }
   params(startAt) {
     if (!this.details) return {};
     const params = {
       by_bookable: true,
-      // This should give a type error, but it doesn't because we are using by_ticket_types[] which the type doesn't know
-      // we filter out undefined values
       //@ts-ignore
       "by_ticket_types[]": this.apiFilters,
       "by_ticket_ids[]": this.details.ticketIds,
@@ -35847,7 +36215,6 @@ class Calendar {
       "by_exhibition_ids[]": this.details.exhibitionIds,
       "by_event_ids[]": this.details.eventIds,
       depth: "availability_status",
-      // these logic are there to minimize fetches
       start_at: startAt.toString(),
       end_at: startAt.add({ months: 1 }).toString()
     };
@@ -35864,13 +36231,11 @@ class Calendar {
   }
   eventsDates() {
     const method = shop.calendar.bind(shop);
-    const ret = this.fetchPeriod().reduce((prev, startAt) => assign(prev, method(this.params(startAt))), {});
-    return ret;
+    return this.fetchPeriod().reduce((prev, startAt) => assign(prev, method(this.params(startAt))), {});
   }
   ticketsDates() {
     const method = shop.ticketsCalendar.bind(shop);
-    const ret = this.fetchPeriod().reduce((prev, startAt) => assign(prev, method(this.params(startAt))), {});
-    return ret;
+    return this.fetchPeriod().reduce((prev, startAt) => assign(prev, method(this.params(startAt))), {});
   }
 }
 var root_3 = /* @__PURE__ */ from_html(`<!> <!> <!>`, 1);
@@ -36118,10 +36483,6 @@ function Calendar_1($$anchor, $$props) {
   const ticketSelectionDetails = /* @__PURE__ */ user_derived(() => _ticketSelectionDetails.value);
   user_effect(() => {
     ticketsCalendar.details = get$2(ticketSelectionDetails);
-    if (get$2(ticketSelectionDetails)) {
-      get$2(ticketSelectionDetails).mode;
-      get$2(ticketSelectionDetails).selectedDate = void 0;
-    }
   });
   $$props.$$host.addEventListener("go-date-select", (e) => {
     if (get$2(ticketSelectionDetails)) {