@gomusdev/web-components 1.20.0 → 1.21.0

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

@@ -5484,6 +5484,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
     #data = /* @__PURE__ */ state(proxy({ value: void 0 }));
     error = false;
+    // creates a DetailsWrapper with a static value
+    static static(data) {
+      const ret = new DetailsWrapper(null, null);
+      ret.value = data;
+      return ret;
+    }
     load() {
       pollUntilTruthy(
         () => {
@@ -5565,6 +5571,254 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     const groups = shop.settings?.multipleToursMenuItems.tour_groups[id] || [];
     return `/#/products/tours?category_id=${groups.join("&category_id=")}`;
   }
+  const isArray = Array.isArray;
+  const isObject$2 = (value) => {
+    return !!value && value.constructor === Object;
+  };
+  const isString = (value) => {
+    return typeof value === "string" || value instanceof String;
+  };
+  const isNumber = (value) => {
+    try {
+      return Number(value) === value;
+    } catch {
+      return false;
+    }
+  };
+  function sum(array2, fn) {
+    return (array2 || []).reduce((acc, item) => acc + (fn ? fn(item) : item), 0);
+  }
+  const sort = (array2, getter, desc = false) => {
+    if (!array2)
+      return [];
+    const asc = (a2, b) => getter(a2) - getter(b);
+    const dsc = (a2, b) => getter(b) - getter(a2);
+    return array2.slice().sort(desc === true ? dsc : asc);
+  };
+  const alphabetical = (array2, getter, dir = "asc") => {
+    if (!array2)
+      return [];
+    const asc = (a2, b) => `${getter(a2)}`.localeCompare(getter(b));
+    const dsc = (a2, b) => `${getter(b)}`.localeCompare(getter(a2));
+    return array2.slice().sort(dir === "desc" ? dsc : asc);
+  };
+  const iterate = (count, func, initValue) => {
+    let value = initValue;
+    for (let i = 1; i <= count; i++) {
+      value = func(value, i);
+    }
+    return value;
+  };
+  const omit = (obj, keys2) => {
+    if (!obj)
+      return {};
+    if (!keys2 || keys2.length === 0)
+      return obj;
+    return keys2.reduce(
+      (acc, key) => {
+        delete acc[key];
+        return acc;
+      },
+      { ...obj }
+    );
+  };
+  const assign = (initial, override) => {
+    if (!initial || !override)
+      return initial ?? override ?? {};
+    return Object.entries({ ...initial, ...override }).reduce(
+      (acc, [key, value]) => {
+        return {
+          ...acc,
+          [key]: (() => {
+            if (isObject$2(initial[key]))
+              return assign(initial[key], value);
+            return value;
+          })()
+        };
+      },
+      {}
+    );
+  };
+  class Auth {
+    #data = {
+      uid: "",
+      client: "",
+      accessToken: "",
+      expiry: 0
+      // Unix time (seconds)
+    };
+    constructor() {
+      setInterval(() => this.load(), 1e3);
+    }
+    customerLevel() {
+      if (this.isGuest()) return 10;
+      if (this.isLoggedIn()) return 20;
+      return void 0;
+    }
+    isAuthenticated() {
+      return this.#data.uid !== "";
+    }
+    isLoggedIn() {
+      return Boolean(this.#data.uid && isEmail(this.#data.uid));
+    }
+    isGuest() {
+      return Boolean(this.#data.uid && !isEmail(this.#data.uid));
+    }
+    // This should be manually called whenever we are signing out
+    signOut() {
+      this.#data.uid = "";
+      this.#data.client = "";
+      this.#data.accessToken = "";
+      this.#data.expiry = 0;
+      this.save();
+    }
+    // This happens automatically via the AuthMiddleware
+    signIn(options) {
+      this.#data.uid = options.uid;
+      this.#data.client = options.client;
+      this.#data.accessToken = options.accessToken;
+      this.#data.expiry = options.expiry;
+      this.save();
+    }
+    get data() {
+      if (this.#data.expiry < Math.floor(Date.now() / 1e3)) {
+        this.signOut();
+      }
+      return this.#data;
+    }
+    toString() {
+      return JSON.stringify(this.#data);
+    }
+    save() {
+      localStorage.setItem("go-auth", this.toString());
+    }
+    load() {
+      const str = localStorage.getItem("go-auth");
+      if (!str) {
+        this.signOut();
+        return;
+      }
+      const d = JSON.parse(str);
+      if (!(isObject$2(d) && "uid" in d && "client" in d && "accessToken" in d && "expiry" in d)) {
+        throw new Error(`(Auth.loadFromString) invalid auth json ${str}`);
+      }
+      this.signIn(d);
+    }
+  }
+  const auth = new Auth();
+  class AuthMiddleware {
+    constructor(auth2) {
+      this.auth = auth2;
+    }
+    /**
+     * Intercepts and modifies outgoing HTTP requests by adding authentication headers.
+     */
+    onRequest({ request }) {
+      const { uid, client: client2, accessToken, expiry } = this.auth.data;
+      const h = request.headers;
+      if (uid && !h.has("uid")) h.set("uid", uid);
+      if (client2 && !h.has("client")) h.set("client", client2);
+      if (accessToken && !h.has("access-token")) h.set("access-token", accessToken);
+      if (expiry && !h.has("expiry")) h.set("expiry", String(expiry));
+      if (accessToken && !h.has("token-type")) h.set("token-type", "Bearer");
+    }
+    /**
+     * Intercepts HTTP responses and updates authentication state if new credentials are received.
+     */
+    onResponse({ response }) {
+      const accessToken = response.headers.get("access-token");
+      const client2 = response.headers.get("client");
+      const uid = response.headers.get("uid");
+      const expiry = parseInt(response.headers.get("expiry") || "");
+      if (accessToken && client2 && uid && expiry) {
+        this.auth.signIn({ uid, client: client2, accessToken, expiry });
+      }
+      return response;
+    }
+  }
+  function getCookie(name) {
+    if (typeof document === "undefined") {
+      return void 0;
+    }
+    const value = `; ${document.cookie}`;
+    const parts = value.split(`; ${name}=`);
+    if (parts.length === 2) {
+      const rawValue = parts.pop()?.split(";").shift();
+      return rawValue ? decodeURIComponent(rawValue) : void 0;
+    }
+    return void 0;
+  }
+  class User {
+    get isAuthenticated() {
+      return this.isLoggedIn || this.isGuest;
+    }
+  }
+  class AngularUser extends User {
+    constructor() {
+      super();
+    }
+    get isLoggedIn() {
+      try {
+        const raw = getCookie("auth_headers");
+        if (!raw) return false;
+        const auth2 = JSON.parse(raw);
+        const now = Math.floor(Date.now() / 1e3);
+        if (!auth2["access-token"]) return false;
+        if (parseInt(auth2["expiry"], 10) < now) return false;
+        return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(auth2["uid"]);
+      } catch {
+        return false;
+      }
+    }
+    get isGuest() {
+      if (this.isLoggedIn) return false;
+      try {
+        const raw = getCookie("auth_headers");
+        if (!raw) return true;
+        const auth2 = JSON.parse(raw);
+        return typeof auth2["uid"] === "string" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(auth2["uid"]);
+      } catch {
+        return true;
+      }
+    }
+  }
+  class JMBUser extends User {
+    get isGuest() {
+      throw new Error("Not implemented.");
+    }
+    get isLoggedIn() {
+      throw new Error("Not implemented");
+    }
+  }
+  const getUserProvider = (type) => {
+    switch (type) {
+      case "angular":
+        return new AngularUser();
+      case "jmb":
+        return new JMBUser();
+      default:
+        let never = type;
+        throw new Error("Unhandled shop type: " + never);
+    }
+  };
+  function isEmpty(value) {
+    return value === null || value === void 0 || typeof value === "string" && value.trim() === "";
+  }
+  function validateRequiredFields(body, requiredFields) {
+    const errors2 = {};
+    if (!requiredFields || requiredFields.length === 0) {
+      return errors2;
+    }
+    for (const field of requiredFields) {
+      if (!(field in body) || isEmpty(body[field])) {
+        errors2[field] = [`Field '${field}' is required and cannot be empty`];
+      }
+    }
+    return errors2;
+  }
+  function validateApiPostBody(body, requiredFields) {
+    return validateRequiredFields(body, requiredFields);
+  }
   const defaultErrorConfig = {
     withStackTrace: false
   };
@@ -6311,320 +6565,73 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         nextURL = nextURL.replace(match, `;${serializePrimitiveParam(name, value)}`);
         continue;
       }
-      nextURL = nextURL.replace(match, style === "label" ? `.${encodeURIComponent(value)}` : encodeURIComponent(value));
-    }
-    return nextURL;
-  }
-  function defaultBodySerializer(body) {
-    if (body instanceof FormData) {
-      return body;
-    }
-    return JSON.stringify(body);
-  }
-  function createFinalURL(pathname, options) {
-    let finalURL = `${options.baseUrl}${pathname}`;
-    if (options.params?.path) {
-      finalURL = defaultPathSerializer(finalURL, options.params.path);
-    }
-    let search = options.querySerializer(options.params.query ?? {});
-    if (search.startsWith("?")) {
-      search = search.substring(1);
-    }
-    if (search) {
-      finalURL += `?${search}`;
-    }
-    return finalURL;
-  }
-  function mergeHeaders(...allHeaders) {
-    const finalHeaders = new Headers();
-    for (const h of allHeaders) {
-      if (!h || typeof h !== "object") {
-        continue;
-      }
-      const iterator = h instanceof Headers ? h.entries() : Object.entries(h);
-      for (const [k, v] of iterator) {
-        if (v === null) {
-          finalHeaders.delete(k);
-        } else if (Array.isArray(v)) {
-          for (const v2 of v) {
-            finalHeaders.append(k, v2);
-          }
-        } else if (v !== void 0) {
-          finalHeaders.set(k, v);
-        }
-      }
-    }
-    return finalHeaders;
-  }
-  function removeTrailingSlash(url) {
-    if (url.endsWith("/")) {
-      return url.substring(0, url.length - 1);
-    }
-    return url;
-  }
-  function client(publicApiUrl, shopUrl) {
-    return createClient({ baseUrl: `${publicApiUrl}`, headers: { "X-Shop-Url": shopUrl } });
-  }
-  const TICKETS_CALENDAR_ENDPOINT = "/api/v4/tickets/calendar";
-  const TICKET_AND_QUOTAS_ENDPOINT = "/api/v4/tickets/list_and_quotas";
-  const TICKETS_ENDPOINT = "/api/v4/tickets";
-  const SIGN_IN_ENDPOINT = "/api/v4/auth/sign_in";
-  const SIGN_UP_ENDPOINT = "/api/v4/auth";
-  const CustomerLevels = {
-    // NORMAL: 0,
-    // WIDGET: 5,
-    SHOP_GUEST: 10,
-    SHOP: 20
-    // CASH_POINT: 30,
-  };
-  const isArray = Array.isArray;
-  const isObject$2 = (value) => {
-    return !!value && value.constructor === Object;
-  };
-  const isString = (value) => {
-    return typeof value === "string" || value instanceof String;
-  };
-  const isNumber = (value) => {
-    try {
-      return Number(value) === value;
-    } catch {
-      return false;
-    }
-  };
-  function sum(array2, fn) {
-    return (array2 || []).reduce((acc, item) => acc + (fn ? fn(item) : item), 0);
-  }
-  const sort = (array2, getter, desc = false) => {
-    if (!array2)
-      return [];
-    const asc = (a2, b) => getter(a2) - getter(b);
-    const dsc = (a2, b) => getter(b) - getter(a2);
-    return array2.slice().sort(desc === true ? dsc : asc);
-  };
-  const alphabetical = (array2, getter, dir = "asc") => {
-    if (!array2)
-      return [];
-    const asc = (a2, b) => `${getter(a2)}`.localeCompare(getter(b));
-    const dsc = (a2, b) => `${getter(b)}`.localeCompare(getter(a2));
-    return array2.slice().sort(dir === "desc" ? dsc : asc);
-  };
-  const iterate = (count, func, initValue) => {
-    let value = initValue;
-    for (let i = 1; i <= count; i++) {
-      value = func(value, i);
-    }
-    return value;
-  };
-  const omit = (obj, keys2) => {
-    if (!obj)
-      return {};
-    if (!keys2 || keys2.length === 0)
-      return obj;
-    return keys2.reduce(
-      (acc, key) => {
-        delete acc[key];
-        return acc;
-      },
-      { ...obj }
-    );
-  };
-  const assign = (initial, override) => {
-    if (!initial || !override)
-      return initial ?? override ?? {};
-    return Object.entries({ ...initial, ...override }).reduce(
-      (acc, [key, value]) => {
-        return {
-          ...acc,
-          [key]: (() => {
-            if (isObject$2(initial[key]))
-              return assign(initial[key], value);
-            return value;
-          })()
-        };
-      },
-      {}
-    );
-  };
-  class Auth {
-    #data = {
-      uid: "",
-      client: "",
-      accessToken: "",
-      expiry: 0
-      // Unix time (seconds)
-    };
-    constructor() {
-      setInterval(() => this.load(), 1e3);
-    }
-    customerLevel() {
-      if (this.isGuest()) return 10;
-      if (this.isLoggedIn()) return 20;
-      return void 0;
-    }
-    isAuthenticated() {
-      return this.#data.uid !== "";
-    }
-    isLoggedIn() {
-      return Boolean(this.#data.uid && isEmail(this.#data.uid));
-    }
-    isGuest() {
-      return Boolean(this.#data.uid && !isEmail(this.#data.uid));
-    }
-    // This should be manually called whenever we are signing out
-    signOut() {
-      this.#data.uid = "";
-      this.#data.client = "";
-      this.#data.accessToken = "";
-      this.#data.expiry = 0;
-      this.save();
-    }
-    // This happens automatically via the AuthMiddleware
-    signIn(options) {
-      this.#data.uid = options.uid;
-      this.#data.client = options.client;
-      this.#data.accessToken = options.accessToken;
-      this.#data.expiry = options.expiry;
-      this.save();
-    }
-    get data() {
-      if (this.#data.expiry < Math.floor(Date.now() / 1e3)) {
-        this.signOut();
-      }
-      return this.#data;
-    }
-    toString() {
-      return JSON.stringify(this.#data);
-    }
-    save() {
-      localStorage.setItem("go-auth", this.toString());
-    }
-    load() {
-      const str = localStorage.getItem("go-auth");
-      if (!str) {
-        this.signOut();
-        return;
-      }
-      const d = JSON.parse(str);
-      if (!(isObject$2(d) && "uid" in d && "client" in d && "accessToken" in d && "expiry" in d)) {
-        throw new Error(`(Auth.loadFromString) invalid auth json ${str}`);
-      }
-      this.signIn(d);
-    }
-  }
-  const auth = new Auth();
-  class AuthMiddleware {
-    constructor(auth2) {
-      this.auth = auth2;
-    }
-    /**
-     * Intercepts and modifies outgoing HTTP requests by adding authentication headers.
-     */
-    onRequest({ request }) {
-      const { uid, client: client2, accessToken, expiry } = this.auth.data;
-      const h = request.headers;
-      if (uid && !h.has("uid")) h.set("uid", uid);
-      if (client2 && !h.has("client")) h.set("client", client2);
-      if (accessToken && !h.has("access-token")) h.set("access-token", accessToken);
-      if (expiry && !h.has("expiry")) h.set("expiry", String(expiry));
-      if (accessToken && !h.has("token-type")) h.set("token-type", "Bearer");
-    }
-    /**
-     * Intercepts HTTP responses and updates authentication state if new credentials are received.
-     */
-    onResponse({ response }) {
-      const accessToken = response.headers.get("access-token");
-      const client2 = response.headers.get("client");
-      const uid = response.headers.get("uid");
-      const expiry = parseInt(response.headers.get("expiry") || "");
-      if (accessToken && client2 && uid && expiry) {
-        this.auth.signIn({ uid, client: client2, accessToken, expiry });
-      }
-      return response;
-    }
-  }
-  function getCookie(name) {
-    if (typeof document === "undefined") {
-      return void 0;
-    }
-    const value = `; ${document.cookie}`;
-    const parts = value.split(`; ${name}=`);
-    if (parts.length === 2) {
-      const rawValue = parts.pop()?.split(";").shift();
-      return rawValue ? decodeURIComponent(rawValue) : void 0;
-    }
-    return void 0;
-  }
-  class User {
-    get isAuthenticated() {
-      return this.isLoggedIn || this.isGuest;
-    }
-  }
-  class AngularUser extends User {
-    constructor() {
-      super();
-    }
-    get isLoggedIn() {
-      try {
-        const raw = getCookie("auth_headers");
-        if (!raw) return false;
-        const auth2 = JSON.parse(raw);
-        const now = Math.floor(Date.now() / 1e3);
-        if (!auth2["access-token"]) return false;
-        if (parseInt(auth2["expiry"], 10) < now) return false;
-        return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(auth2["uid"]);
-      } catch {
-        return false;
-      }
-    }
-    get isGuest() {
-      if (this.isLoggedIn) return false;
-      try {
-        const raw = getCookie("auth_headers");
-        if (!raw) return true;
-        const auth2 = JSON.parse(raw);
-        return typeof auth2["uid"] === "string" && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(auth2["uid"]);
-      } catch {
-        return true;
-      }
+      nextURL = nextURL.replace(match, style === "label" ? `.${encodeURIComponent(value)}` : encodeURIComponent(value));
     }
+    return nextURL;
   }
-  class JMBUser extends User {
-    get isGuest() {
-      throw new Error("Not implemented.");
-    }
-    get isLoggedIn() {
-      throw new Error("Not implemented");
+  function defaultBodySerializer(body) {
+    if (body instanceof FormData) {
+      return body;
     }
+    return JSON.stringify(body);
   }
-  const getUserProvider = (type) => {
-    switch (type) {
-      case "angular":
-        return new AngularUser();
-      case "jmb":
-        return new JMBUser();
-      default:
-        let never = type;
-        throw new Error("Unhandled shop type: " + never);
+  function createFinalURL(pathname, options) {
+    let finalURL = `${options.baseUrl}${pathname}`;
+    if (options.params?.path) {
+      finalURL = defaultPathSerializer(finalURL, options.params.path);
     }
-  };
-  function isEmpty(value) {
-    return value === null || value === void 0 || typeof value === "string" && value.trim() === "";
-  }
-  function validateRequiredFields(body, requiredFields) {
-    const errors2 = {};
-    if (!requiredFields || requiredFields.length === 0) {
-      return errors2;
+    let search = options.querySerializer(options.params.query ?? {});
+    if (search.startsWith("?")) {
+      search = search.substring(1);
     }
-    for (const field of requiredFields) {
-      if (!(field in body) || isEmpty(body[field])) {
-        errors2[field] = [`Field '${field}' is required and cannot be empty`];
+    if (search) {
+      finalURL += `?${search}`;
+    }
+    return finalURL;
+  }
+  function mergeHeaders(...allHeaders) {
+    const finalHeaders = new Headers();
+    for (const h of allHeaders) {
+      if (!h || typeof h !== "object") {
+        continue;
+      }
+      const iterator = h instanceof Headers ? h.entries() : Object.entries(h);
+      for (const [k, v] of iterator) {
+        if (v === null) {
+          finalHeaders.delete(k);
+        } else if (Array.isArray(v)) {
+          for (const v2 of v) {
+            finalHeaders.append(k, v2);
+          }
+        } else if (v !== void 0) {
+          finalHeaders.set(k, v);
+        }
       }
     }
-    return errors2;
+    return finalHeaders;
   }
-  function validateApiPostBody(body, requiredFields) {
-    return validateRequiredFields(body, requiredFields);
+  function removeTrailingSlash(url) {
+    if (url.endsWith("/")) {
+      return url.substring(0, url.length - 1);
+    }
+    return url;
+  }
+  function client(publicApiUrl, shopUrl) {
+    return createClient({ baseUrl: `${publicApiUrl}`, headers: { "X-Shop-Url": shopUrl } });
   }
+  const CALENDAR_ENDPOINT = "/api/v4/calendar";
+  const TICKETS_CALENDAR_ENDPOINT = "/api/v4/tickets/calendar";
+  const TICKET_AND_QUOTAS_ENDPOINT = "/api/v4/tickets/list_and_quotas";
+  const TICKETS_ENDPOINT = "/api/v4/tickets";
+  const SIGN_IN_ENDPOINT = "/api/v4/auth/sign_in";
+  const SIGN_UP_ENDPOINT = "/api/v4/auth";
+  const CustomerLevels = {
+    // NORMAL: 0,
+    // WIDGET: 5,
+    SHOP_GUEST: 10,
+    SHOP: 20
+    // CASH_POINT: 30,
+  };
   var util;
   (function(util2) {
     util2.assertEqual = (val) => val;
@@ -11902,6 +11909,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     ticketsCalendar(params) {
       return this.fetchAndCache(TICKETS_CALENDAR_ENDPOINT, `ticketsCalendar-${JSON.stringify(params)}`, "data", { cache: 60, query: params });
     }
+    calendar(params) {
+      return this.fetchAndCache(CALENDAR_ENDPOINT, `calendar-${JSON.stringify(params)}`, "data", { cache: 60, query: params });
+    }
     ticketsAndQuotas(params) {
       return this.fetchAndCache(TICKET_AND_QUOTAS_ENDPOINT, `ticketsAndQuotas-${JSON.stringify(params)}`, "", { cache: 60, query: params });
     }
@@ -11963,7 +11973,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       options.cache ??= 1e3;
       options.path ??= {};
       if (!this.#canFetch()) {
-        console.warn("(fetchAndCache) Shop not loaded!");
+        console.warn("(fetchAndCache) Couldn't fetch, Shop not loaded!");
         return get$2(this.#data)[dataKey];
       }
       const query = assign(options.query, { per_page: 1e3 });
@@ -11977,6 +11987,11 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
       return get$2(this.#data)[dataKey];
     }
+    clearCache() {
+      console.log("CLEAR CACHE");
+      this.#fetchStatus = {};
+      set(this.#data, {}, true);
+    }
     get museums() {
       return this.fetchAndCache("/api/v4/museums", "museums", "museums");
     }
@@ -11986,6 +12001,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     getEvent(id) {
       return this.fetchAndCache(`/api/v4/events/${id}`, `single_event_${id}`, "event");
     }
+    getEventDetailsOnDate(eventId, dateId) {
+      return this.fetchAndCache(`/api/v4/events/${eventId}/dates/${dateId}`, `/api/v4/events/${eventId}/dates/${dateId}`, "date");
+    }
     get events() {
       return this.fetchAndCache("/api/v4/events", "events", "events");
     }
@@ -12555,7 +12573,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   const nanoid = /^[a-zA-Z0-9_-]{21}$/;
   const duration$1 = /^P(?:(\d+W)|(?!.*W)(?=\d|T\d)(\d+Y)?(\d+M)?(\d+D)?(T(?=\d)(\d+H)?(\d+M)?(\d+([.,]\d+)?S)?)?)$/;
   const guid = /^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{4}-[0-9a-fA-F]{12})$/;
-  const uuid$1 = (version2) => {
+  const uuid$2 = (version2) => {
     if (!version2)
       return /^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-[1-8][0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12}|00000000-0000-0000-0000-000000000000|ffffffff-ffff-ffff-ffff-ffffffffffff)$/;
     return new RegExp(`^([0-9a-fA-F]{8}-[0-9a-fA-F]{4}-${version2}[0-9a-fA-F]{3}-[89abAB][0-9a-fA-F]{3}-[0-9a-fA-F]{12})$`);
@@ -12982,9 +13000,9 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       const v = versionMap[def.version];
       if (v === void 0)
         throw new Error(`Invalid UUID version: "${def.version}"`);
-      def.pattern ?? (def.pattern = uuid$1(v));
+      def.pattern ?? (def.pattern = uuid$2(v));
     } else
-      def.pattern ?? (def.pattern = uuid$1());
+      def.pattern ?? (def.pattern = uuid$2());
     $ZodStringFormat.init(inst, def);
   });
   const $ZodEmail = /* @__PURE__ */ $constructor("$ZodEmail", (inst, def) => {
@@ -15024,6 +15042,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
      * @param {string[] | Record<string, string[]>} errors - Errors passed as an array or an object where keys are API field keys and values are arrays of error messages. If an array is provided, it assigns the errors directly. If an object is provided, it maps the errors to the respective fields based on their API keys.
      */
     set apiErrors(errors2) {
+      get$2(this.#fields).forEach((f) => f.apiErrors = []);
       if (isArray(errors2)) {
         set(this.#apiErrors, errors2, true);
         return;
@@ -15072,7 +15091,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   const setDetails$1 = createSetDetails(KEY$3);
   const getDetails$1 = createGetDetails(KEY$3);
   function wrapInElement(host, tag, props) {
-    const first = host.firstElementChild;
+    const first = host.firstElementChild || void 0;
     if (host.children?.length === 1 && first?.tagName.toLowerCase() === tag) {
       return first;
     }
@@ -15103,8 +15122,10 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     async function handleSubmit(event) {
       event.preventDefault();
       details.validateForm();
-      details?.form?.dispatchEvent(new Event("after-validation", event));
+      details?.form?.dispatchEvent(new Event("go-after-validation", event));
       if (details.isValid) {
+        console.log("hoo");
+        details.apiErrors = {};
         details?.form?.dispatchEvent(new Event("go-submit", event));
       }
     }
@@ -15291,7 +15312,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     [],
     false
   ));
-  function dispathCartEvents() {
+  function dispatchCartEvents() {
     let lastLength = 0;
     effect_root(() => {
       user_effect(() => {
@@ -15304,7 +15325,37 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       });
     });
   }
-  function createCartItem(ticket, options) {
+  function isUIEventTicket(x) {
+    return x.product_type === "Event";
+  }
+  let uuid$1 = 1;
+  function createUIEventTicket(apiTicket, dateId, options) {
+    const finalOptions = { minAvailableCapacity: 0, selectedTime: "", ...{} };
+    const product = {
+      product_type: "Event",
+      id: dateId,
+      tax_included: true,
+      ...apiTicket
+    };
+    const uiTicket = {
+      uid: uuid$1++,
+      ...product,
+      ...apiTicket,
+      ...finalOptions,
+      type: "scale",
+      get max_capacity() {
+        return 18;
+      },
+      get min_quantity() {
+        return 0;
+      },
+      get max_quantity() {
+        return 18;
+      }
+    };
+    return uiTicket;
+  }
+  function createCartItem(product, options) {
     const finalOptions = {
       quantity: 0,
       time: "",
@@ -15312,26 +15363,56 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     };
     return {
       ...finalOptions,
-      type: "Ticket",
-      item: ticket,
-      get attributes() {
-        return {
-          id: this.item.id,
-          quantity: this.quantity,
-          time: this.time
+      type: product.product_type,
+      product,
+      /**
+       * is passed to the Order API
+       */
+      orderAttributes() {
+        const base = {
+          shipped_with_merchandise_id: null,
+          shipping_mode: "email"
         };
+        switch (this.type) {
+          case "Ticket":
+            return {
+              id: this.product.id,
+              time: this.time,
+              quantity: this.quantity,
+              ...base
+            };
+          case "Event":
+            if (!isUIEventTicket(this.product)) {
+              throw new Error("Event ticket is not a scale ticket");
+            }
+            const scaleTicket = this.product;
+            return {
+              id: this.product.id,
+              quantities: { [scaleTicket.scale_price_id]: this.quantity },
+              ...base
+            };
+          default:
+            const exhastedChecking = this.type;
+            throw new Error(`(orderAttributes) Unhandled case: ${exhastedChecking}`);
+        }
       },
       get uuid() {
-        return this.type + "-" + this.attributes.id;
+        return this.type + "-" + this.product.id + this.subId;
+      },
+      get subId() {
+        if (isUIEventTicket(this.product)) {
+          return ` (scale_price: ${this.product.scale_price_id})`;
+        }
+        return "";
       },
       get price_cents() {
-        return this.item.price_cents;
+        return this.product.price_cents;
       },
       get price_formatted() {
         return formatCurrency(this.price_cents);
       },
       get final_price_cents() {
-        const taxFactor = this.item.tax_included ? 1 : 1 + this.item.vat_pct / 100;
+        const taxFactor = this.product.tax_included ? 1 : 1 + this.product.vat_pct / 100;
         return this.price_cents * taxFactor;
       },
       get final_price_formatted() {
@@ -15346,49 +15427,26 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     };
   }
   let uuid = 1;
+  function isUITicket(x) {
+    return x.product_type === "Ticket";
+  }
   function createUITicket(apiTicket, options) {
-    const finalOptions = {
-      minAvailableCapacity: 0,
-      selectedTime: "",
-      quantity: 0,
-      ...options ?? {}
-    };
+    const finalOptions = { minAvailableCapacity: 0, selectedTime: "", ...options ?? {} };
+    const product = { product_type: "Ticket", ...apiTicket };
     const _ = { ...apiTicket, ...finalOptions };
     const uiTicket = {
       uid: uuid++,
+      ...product,
       ..._,
-      //include all from options and apiTicket
+      product_type: "Ticket",
       type: { time_slot: "timeslot", normal: "day", annual: "annual" }[_.ticket_type],
-      shop_order: _.shop_order ?? 0,
-      get max_capacity() {
-        return max_capacity(this);
-      },
-      get min_quantity() {
-        return this.min_persons;
-      },
-      get max_quantity() {
-        return Math.min(this.max_persons, this.max_capacity);
-      }
+      shop_order: _.shop_order ?? 0
     };
     return uiTicket;
   }
   function initUITimeslotTickets(tickets) {
     return sort(Object.values(tickets).map((ticket) => createUITicket(ticket)), (f) => f.shop_order);
   }
-  function max_capacity(ticket) {
-    switch (ticket.type) {
-      case "timeslot":
-        const timeslotTicket = ticket;
-        return (timeslotTicket.capacities ? Math.max(0, ...Object.values(timeslotTicket.capacities)) : timeslotTicket.max_persons) + ticket.quantity;
-      case "annual":
-        return ticket.max_persons;
-      case "day":
-        return ticket.max_persons;
-      default:
-        const exhastedChecking = ticket.type;
-        throw new Error(`(max_capacity) Unhandled case: ${exhastedChecking}`);
-    }
-  }
   function updateLocalStorage(cart2) {
     const content = JSON.stringify(cart2.items || []);
     localStorage.setItem("go-cart", content);
@@ -15398,12 +15456,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     const type = cartItem.type;
     switch (type) {
       case "Ticket":
-        if (cartItem.item.ticket_type === "timeslot" && !inTheFuture(cartItem.attributes.time)) return;
-        const ticket = createUITicket(cartItem.item, {
-          quantity: cartItem.attributes.quantity,
-          minAvailableCapacity: 0
-        });
-        return createCartItem(ticket, { time: cartItem.time, quantity: cartItem.attributes.quantity });
+        if (cartItem.product.ticket_type === "timeslot" && !inTheFuture(cartItem.attributes.time)) return;
+        const ticket = createUITicket(cartItem.product, { minAvailableCapacity: 0 });
+        return createCartItem(ticket, { time: cartItem.time, quantity: cartItem.quantity });
+      case "Event":
+        const event = createUIEventTicket(cartItem.product, cartItem.id);
+        return createCartItem(event, { time: cartItem.time, quantity: cartItem.quantity });
       default:
         const _exhaustiveCheck = type;
         throw new Error(`Unhandled case: ${_exhaustiveCheck}`);
@@ -15419,7 +15477,10 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         console.dir({ lsItems, content });
         throw new Error("go-cart is not an array");
       }
-      if (lsItems.length === 0) return [];
+      if (lsItems.length === 0) {
+        cart2.clearItems();
+        return [];
+      }
       cart2.items = lsItems.map(generateCartItem).filter(defined);
       return cart2.items;
     } catch (e) {
@@ -15459,10 +15520,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   };
   const defined = (x) => x !== void 0;
   let lastUuid = 0;
-  function createCart(tickets, options) {
+  function createCart(products, contingent = 20) {
     const items = proxy([]);
     const cart2 = {
       items,
+      // caps the total number of items in the cart
+      contingent,
       uid: `cart-${lastUuid++}`,
       get nonEmptyItems() {
         return this.items.filter((i) => i.quantity > 0);
@@ -15470,16 +15533,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       get totalPriceCents() {
         return Math.max(0, sum(this.items, (item) => item.total_price_cents));
       },
-      cartData() {
+      get totalQuantity() {
+        return sum(this.items, (item) => item.quantity);
+      },
+      orderData() {
         return {
-          items: this.items.map((item) => ({
-            type: item.type,
-            attributes: {
-              ...item.attributes,
-              shipped_with_merchandise_id: null,
-              shipping_mode: "email"
-            }
-          })),
+          items: this.items.map((item) => ({ type: item.type, attributes: item.orderAttributes() })),
           shipping_address_id: null,
           comment: null,
           reference: null,
@@ -15509,16 +15568,16 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         items2.forEach((item) => this.addItem(item));
       }
     };
-    if (tickets) tickets.forEach((t) => cart2.addItem(createCartItem(t)));
+    if (products) products.forEach((p2) => cart2.addItem(createCartItem(p2)));
     return cart2;
   }
   function formatCurrency(priceCents) {
     priceCents = priceCents ?? 0;
     return new Intl.NumberFormat("de-DE", { style: "currency", currency: "EUR" }).format(priceCents / 100);
   }
-  const cart = proxy(createCart([]));
+  const cart = proxy(createCart([], { syncLocalStorage: true }));
   syncCartToLocalStorage(cart);
-  dispathCartEvents();
+  dispatchCartEvents();
   var root_2$q = /* @__PURE__ */ from_html(`<li data-go-cart-header-remove="">remove</li>`);
   var root_5$2 = /* @__PURE__ */ from_html(`<span class="go-cart-item-time" data-testid="cart-item-time"> </span>`);
   var root_4$5 = /* @__PURE__ */ from_html(`<span class="go-cart-item-date" data-testid="cart-item-date"> </span> <!>`, 1);
@@ -15587,20 +15646,20 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
                   var span_2 = root_5$2();
                   var text_2 = child(span_2, true);
                   reset(span_2);
-                  template_effect(($0) => set_text(text_2, $0), [() => formatTime(get$2(cartItem).attributes.time)]);
+                  template_effect(($0) => set_text(text_2, $0), [() => formatTime(get$2(cartItem).time)]);
                   append($$anchor5, span_2);
                 };
                 if_block(node_4, ($$render) => {
-                  if (get$2(cartItem).item.type === "timeslot") $$render(consequent_1);
+                  if (get$2(cartItem).product.type === "timeslot") $$render(consequent_1);
                 });
               }
               template_effect(($0) => set_text(text_1, $0), [
-                () => formatDate(get$2(cartItem).attributes.time, { month: "numeric", day: "numeric" }, shop.locale)
+                () => formatDate(get$2(cartItem).time, { month: "numeric", day: "numeric" }, shop.locale)
               ]);
               append($$anchor4, fragment_2);
             };
             if_block(node_3, ($$render) => {
-              if (get$2(cartItem).item.type === "timeslot" && get$2(cartItem).attributes.time) $$render(consequent_2);
+              if (get$2(cartItem).product.type === "timeslot" && get$2(cartItem).time) $$render(consequent_2);
             });
           }
           reset(li_3);
@@ -15631,7 +15690,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           reset(li_2);
           template_effect(() => {
             set_attribute(article, "data-testid", get$2(cartItem).uuid);
-            set_text(text2, get$2(cartItem).item.title);
+            set_text(text2, get$2(cartItem).product.title);
             set_text(text_3, get$2(cartItem).final_price_formatted);
             set_text(text_4, get$2(cartItem).quantity);
             set_text(text_5, get$2(cartItem).total_price_formatted);
@@ -15718,7 +15777,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           form.details.apiErrors = auth2.error.errors;
           return;
         }
-        const checkout = await shop.checkout(cart.cartData());
+        const checkout = await shop.checkout(cart.orderData());
         if (checkout.error) {
           form.details.apiErrors = checkout.error;
           return;
@@ -21610,7 +21669,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
   }
   var root_2$p = /* @__PURE__ */ from_html(`<div><!></div>`);
-  function Calendar$2($$anchor, $$props) {
+  function Calendar$1($$anchor, $$props) {
     push($$props, true);
     let child$1 = prop($$props, "child", 7), children = prop($$props, "children", 7), id = prop($$props, "id", 23, useId), ref = prop($$props, "ref", 15, null), value = prop($$props, "value", 15), onValueChange = prop($$props, "onValueChange", 7, noop), placeholder = prop($$props, "placeholder", 15), onPlaceholderChange = prop($$props, "onPlaceholderChange", 7, noop), weekdayFormat = prop($$props, "weekdayFormat", 7, "narrow"), weekStartsOn = prop($$props, "weekStartsOn", 7), pagedNavigation = prop($$props, "pagedNavigation", 7, false), isDateDisabled = prop($$props, "isDateDisabled", 7, () => false), isDateUnavailable = prop($$props, "isDateUnavailable", 7, () => false), fixedWeeks = prop($$props, "fixedWeeks", 7, false), numberOfMonths = prop($$props, "numberOfMonths", 7, 1), locale = prop($$props, "locale", 7), calendarLabel = prop($$props, "calendarLabel", 7, "Event"), disabled = prop($$props, "disabled", 7, false), readonly2 = prop($$props, "readonly", 7, false), minValue = prop($$props, "minValue", 7, void 0), maxValue = prop($$props, "maxValue", 7, void 0), preventDeselect = prop($$props, "preventDeselect", 7, false), type = prop($$props, "type", 7), disableDaysOutsideMonth = prop($$props, "disableDaysOutsideMonth", 7, true), initialFocus = prop($$props, "initialFocus", 7, false), maxDays = prop($$props, "maxDays", 7), monthFormat = prop($$props, "monthFormat", 7, "long"), yearFormat = prop($$props, "yearFormat", 7, "numeric"), restProps = /* @__PURE__ */ rest_props($$props, [
       "$$slots",
@@ -21924,7 +21983,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     return pop($$exports);
   }
   create_custom_element(
-    Calendar$2,
+    Calendar$1,
     {
       child: {},
       children: {},
@@ -29566,7 +29625,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           component(node_1, () => Date_field_label, ($$anchor4, DatePicker_Label) => {
             DatePicker_Label($$anchor4, {
               get class() {
-                return `go-datepicker-label $${labelClass() ?? ""}`;
+                return `go-datepicker-label ${labelClass() ?? ""}`;
               }
             });
           });
@@ -29606,7 +29665,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
             component(node_2, () => Date_field_input, ($$anchor4, DatePicker_Input) => {
               DatePicker_Input($$anchor4, {
                 get class() {
-                  return `go-datepicker-input $${inputClass() ?? ""}`;
+                  return `go-datepicker-input ${inputClass() ?? ""}`;
                 },
                 children,
                 $$slots: { default: true }
@@ -30237,7 +30296,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     const _details = getDetails$1($$props.$$host);
     const details = /* @__PURE__ */ user_derived(() => _details.value);
     user_effect(() => {
-      get$2(details)?.form?.addEventListener("after-validation", () => {
+      get$2(details)?.form?.addEventListener("go-after-validation", () => {
         set(errorsOnSubmit, errors(get$2(details)?.fields), true);
       });
     });
@@ -30378,7 +30437,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       console.log(`Error while evaluating when (${expression}) in go-if: ${error.message}`);
     }
   }
-  const validTicketSelectionFilters = ["timeslot", "day", "annual"];
+  const validTicketSelectionFilters = ["timeslot", "day", "annual", "scaled-price"];
   let lastUId = 0;
   class TicketSelectionDetails {
     uid = lastUId++;
@@ -30396,19 +30455,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     set filters(value) {
       set(this.#filters, value, true);
     }
-    #apiFilters = /* @__PURE__ */ user_derived(() => this.filters?.map((f) => ({ day: "normal", timeslot: "timeslot", annual: "annual" })[f]));
-    get apiFilters() {
-      return get$2(this.#apiFilters);
+    #eventIds = /* @__PURE__ */ state();
+    get eventIds() {
+      return get$2(this.#eventIds);
     }
-    set apiFilters(value) {
-      set(this.#apiFilters, value);
-    }
-    #eventId = /* @__PURE__ */ state();
-    get eventId() {
-      return get$2(this.#eventId);
-    }
-    set eventId(value) {
-      set(this.#eventId, value, true);
+    set eventIds(value) {
+      set(this.#eventIds, value, true);
     }
     #museumIds = /* @__PURE__ */ state();
     get museumIds() {
@@ -30452,24 +30504,25 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     set selectedTimeslot(value) {
       set(this.#selectedTimeslot, value, true);
     }
-    #ticketGroups = /* @__PURE__ */ state(proxy([]));
-    get ticketGroups() {
-      return get$2(this.#ticketGroups);
+    #ticketSegments = /* @__PURE__ */ state(proxy([]));
+    get ticketSegments() {
+      return get$2(this.#ticketSegments);
     }
-    set ticketGroups(value) {
-      set(this.#ticketGroups, value, true);
+    set ticketSegments(value) {
+      set(this.#ticketSegments, value, true);
     }
-    #preCarts = /* @__PURE__ */ user_derived(() => this.ticketGroups.map((tg) => tg.preCart));
+    #preCarts = /* @__PURE__ */ user_derived(() => this.ticketSegments.map((tg) => tg.preCart));
     get preCarts() {
       return get$2(this.#preCarts);
     }
     set preCarts(value) {
       set(this.#preCarts, value);
     }
-    addTicketGroup(ticketGroup) {
-      this.ticketGroups.push(ticketGroup);
+    addTicketSegment(ticketGroup) {
+      this.ticketSegments.push(ticketGroup);
     }
     get isTimeslotsVisible() {
+      if (this.mode === "event") return false;
       return Boolean(this.filters?.includes("timeslot") && this.selectedDate);
     }
     get isTicketsVisible() {
@@ -30479,11 +30532,25 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
             return Boolean(this.selectedDate);
           case "annual":
             return true;
+          case "scaled-price":
+            return true;
           case "timeslot":
-            return Boolean(this.selectedDate && this.selectedTimeslot);
+            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;
-            console.error(`(TicketSelection) Unhandled case: ${exhaustedChecking}`);
+            throw new Error(`(isTicketsVisible) Unhandled case: ${exhaustedChecking}`);
         }
       };
       return this.filters?.some(byFilter);
@@ -30971,7 +31038,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         reset(ul);
         reset(li);
         reset(ol);
-        template_effect(($0) => set_text(text2, `Total: ${$0 ?? ""}`), [() => formatCurrency(get$2(order).total_price_cents)]);
+        template_effect(($0) => set_text(text2, `Total: ${$0 ?? ""}`), [() => formatCurrency$1(get$2(order).total_price_cents)]);
         append($$anchor2, ol);
       };
       if_block(node, ($$render) => {
@@ -31079,12 +31146,12 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   create_custom_element(Wrapper, { host: {}, children: {} }, [], [], true);
   function TicketSelection($$anchor, $$props) {
     push($$props, true);
-    let mode = prop($$props, "mode", 7), filters = prop($$props, "filters", 7), eventId = prop($$props, "eventId", 7), museumIds = prop($$props, "museumIds", 7), exhibitionIds = prop($$props, "exhibitionIds", 7), ticketIds = prop($$props, "ticketIds", 7), ticketGroupIds = prop($$props, "ticketGroupIds", 7);
+    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), ticketIds = prop($$props, "ticketIds", 7), ticketGroupIds = prop($$props, "ticketGroupIds", 7);
     const details = new TicketSelectionDetails();
     user_effect(() => {
       details.mode = mode();
       details.filters = parseTokens(filters(), validTicketSelectionFilters);
-      details.eventId = eventId();
+      details.eventIds = parseIds(eventIds());
       details.museumIds = parseIds(museumIds());
       details.exhibitionIds = parseIds(exhibitionIds());
       details.ticketIds = parseIds(ticketIds());
@@ -31107,11 +31174,11 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         filters($$value);
         flushSync();
       },
-      get eventId() {
-        return eventId();
+      get eventIds() {
+        return eventIds();
       },
-      set eventId($$value) {
-        eventId($$value);
+      set eventIds($$value) {
+        eventIds($$value);
         flushSync();
       },
       get museumIds() {
@@ -31149,7 +31216,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     TicketSelection,
     {
       mode: { attribute: "mode", reflect: true, type: "String" },
-      eventId: { attribute: "event-id", reflect: true, type: "Number" },
+      eventIds: { attribute: "event-ids", reflect: true, type: "String" },
       ticketIds: { attribute: "ticket-ids", reflect: true, type: "String" },
       ticketGroupIds: { attribute: "ticket-group-ids", reflect: true, type: "String" },
       museumIds: { attribute: "museum-ids", reflect: true, type: "String" },
@@ -31186,7 +31253,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     pop();
   }
   customElements.define("go-tickets-sum", create_custom_element(TicketsSum, {}, [], [], false));
-  class TicketGroupDetails {
+  class TicketSegmentDetails {
     #ticketSelectionDetails;
     get ticketSelectionDetails() {
       return get$2(this.#ticketSelectionDetails);
@@ -31201,12 +31268,19 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     set tickets(value) {
       set(this.#tickets, value, true);
     }
-    #preCart = /* @__PURE__ */ user_derived(() => createCart(this.preCartTickets()));
+    #contingent = /* @__PURE__ */ state(100);
+    get contingent() {
+      return get$2(this.#contingent);
+    }
+    set contingent(value) {
+      set(this.#contingent, value, true);
+    }
+    #preCart = /* @__PURE__ */ state(proxy(createCart()));
     get preCart() {
       return get$2(this.#preCart);
     }
     set preCart(value) {
-      set(this.#preCart, value);
+      set(this.#preCart, value, true);
     }
     #filters = /* @__PURE__ */ state("timeslot");
     get filters() {
@@ -31215,6 +31289,13 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     set filters(value) {
       set(this.#filters, value, true);
     }
+    #dateId = /* @__PURE__ */ state();
+    get dateId() {
+      return get$2(this.#dateId);
+    }
+    set dateId(value) {
+      set(this.#dateId, value, true);
+    }
     constructor(type, tsdWrapper) {
       this.filters = type;
       this.#ticketSelectionDetails = /* @__PURE__ */ user_derived(() => tsdWrapper.value);
@@ -31222,9 +31303,19 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         user_effect(() => {
           this.ticketSelectionDetails;
           untrack(() => {
-            this.ticketSelectionDetails?.addTicketGroup(this);
+            this.ticketSelectionDetails?.addTicketSegment(this);
           });
         });
+        user_effect(() => {
+          this.preCart = createCart(this.preCartTickets(), this.contingent);
+        });
+      });
+    }
+    toString() {
+      return JSON.stringify({
+        tickets: this.tickets,
+        filters: this.filters,
+        preCart: this.preCart
       });
     }
     preCartTickets() {
@@ -31237,6 +31328,8 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           return this.dayTickets;
         case "custom":
           return this.tickets;
+        case "scaled-price":
+          return this.scaledPricesTickets;
         default:
           const exhaustiveCheck = this.filters;
           if (exhaustiveCheck) throw new Error(`(TicketGroup) Unhandled case: ${exhaustiveCheck}`);
@@ -31288,19 +31381,61 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       if (!tickets) return [];
       return initUITimeslotTickets(tickets);
     }
+    get scaledPricesTickets() {
+      const tsd = this.ticketSelectionDetails;
+      if (!this.ensureScaledPrices()) return [];
+      const eid = tsd.eventIds[0];
+      const event = snapshot(shop.getEventDetailsOnDate(eid, this.dateId));
+      const ret = event?.prices.map((t) => createUIEventTicket(t, this.dateId)) || [];
+      const seats = {
+        max_per_registration: 2,
+        available: 100,
+        overbook: true,
+        ...event?.seats
+      };
+      const max_per_registration = seats.max_per_registration || seats.available;
+      this.contingent = seats.overbook ? max_per_registration : Math.min(seats.available, max_per_registration);
+      return ret;
+    }
+    ensureScaledPrices() {
+      const tsd = this.ticketSelectionDetails;
+      if (!tsd) {
+        console.warn("(scaledPricesTickets) tsd is undefined");
+        return false;
+      }
+      if (!tsd.eventIds?.length) {
+        console.warn("(scaledPricesTickets) eventIds is undefined");
+        return false;
+      }
+      if (!this.filters?.includes("scaled-price")) {
+        console.warn("(scaledPricesTickets) filters should include scaled-price");
+        return false;
+      }
+      if (!this.dateId) {
+        console.warn("(scaledPricesTickets) date-id is not given to the go-ticket-segment");
+        return false;
+      }
+      if (tsd.eventIds.length > 1) throw new Error("(scaledPricesTickets) currently we support only one eventId in go-ticket-selection");
+      return true;
+    }
   }
   const KEY = "go-ticket-segment";
-  const setTicketGroupDetails = createSetDetails(KEY);
-  const getTicketGroupDetails = createGetDetails(KEY);
+  const setTicketSegmentDetails = createSetDetails(KEY);
+  const getTicketSegmentDetails = createGetDetails(KEY);
   function TicketSegment($$anchor, $$props) {
     push($$props, true);
-    const filters = prop($$props, "filters", 7);
+    const filters = prop($$props, "filters", 7), dateId = prop($$props, "dateId", 7);
     if (!filters()) throw new Error("filters is required");
+    console.log("TicketSegment: ", filters(), "dateId: ", dateId());
     const tsdWrapper = getTicketSelectionDetails($$props.$$host);
-    const details = new TicketGroupDetails(filters(), tsdWrapper);
-    setTicketGroupDetails($$props.$$host, details);
+    const details = new TicketSegmentDetails(filters(), tsdWrapper);
+    setTicketSegmentDetails($$props.$$host, details);
+    details.filters = filters();
+    details.dateId = dateId();
     user_effect(() => {
       details.filters = filters();
+      details.dateId = dateId();
+      console.log("SET DATEID,", dateId());
     });
     var $$exports = {
       details,
@@ -31310,11 +31445,27 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       set filters($$value) {
         filters($$value);
         flushSync();
+      },
+      get dateId() {
+        return dateId();
+      },
+      set dateId($$value) {
+        dateId($$value);
+        flushSync();
       }
     };
     return pop($$exports);
   }
-  customElements.define("go-ticket-segment", create_custom_element(TicketSegment, { filters: {} }, [], ["details"], false));
+  customElements.define("go-ticket-segment", create_custom_element(
+    TicketSegment,
+    {
+      dateId: { attribute: "date-id", reflect: true, type: "Number" },
+      filters: {}
+    },
+    [],
+    ["details"],
+    false
+  ));
   function updateSelectedTickets(ci, target, tsd) {
     if (!tsd) {
       console.warn("tsd is undefined");
@@ -31322,22 +31473,34 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
     const el = target;
     ci.quantity = parseInt(el.value);
-    ci.time = selectedTime(ci.item, tsd);
+    ci.time = selectedTime(ci.product, tsd);
   }
-  function selectedTime(ticket, tsd) {
-    switch (ticket.type) {
-      case "timeslot":
-        if (!tsd.selectedTimeslot) {
-          throw new Error("(selectedTime) selected timeslot is undefined");
+  function selectedTime(product, tsd) {
+    switch (product.product_type) {
+      case "Ticket":
+        if (!isUITicket(product)) {
+          throw new Error("(selectedTime) this should not happen");
         }
-        return tsd.selectedTimeslot;
-      case "annual":
-        return berlinNowISO();
-      case "day":
-        return dayTicketSelectedTime(tsd);
+        const ticket = product;
+        switch (ticket.type) {
+          case "timeslot":
+            if (!tsd.selectedTimeslot) {
+              throw new Error("(selectedTime) selected timeslot is undefined");
+            }
+            return tsd.selectedTimeslot;
+          case "annual":
+            return berlinNowISO();
+          case "day":
+            return dayTicketSelectedTime(tsd);
+          default:
+            const exhaustedChecking2 = ticket.type;
+            throw new Error(`(selectedTime) Unhandled Ticket Type: ${exhaustedChecking2}`);
+        }
+      case "Event":
+        return "";
       default:
-        const exhaustedChecking = ticket.type;
-        throw new Error(`(selectedTime) Unhandled case: ${exhaustedChecking}`);
+        const exhaustedChecking = product.product_type;
+        throw new Error(`(selectedTime) Unhandled product type: ${exhaustedChecking}`);
     }
   }
   function berlinNowISO() {
@@ -31351,35 +31514,70 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     }
     return $11d87f3f76e88657$export$84c95a83c799e074(tsd.selectedDate, "Europe/Berlin").toString().slice(0, -15);
   }
-  function generateQuantityOptions(ticket) {
-    const minQuantity = ticket.min_quantity || 1;
-    const maxQuantity = ticket.max_quantity;
-    if (maxQuantity < minQuantity) {
-      return [{ value: 0, label: "0" }];
+  function selectOptions(cart2, item) {
+    let min2 = 0;
+    let max2 = cart2.contingent;
+    switch (item.type) {
+      case "Ticket":
+        if (!isUITicket(item.product)) {
+          throw new Error("(selectOptionsImpl) impossible");
+        }
+        min2 = Math.max(min2, 1, item.product.min_persons);
+        max2 = Math.min(max2, item.product.max_persons, ticketsMaxCapacity(item.product));
+        break;
+      case "Event":
+        break;
+      default:
+        const Unhandled = item.type;
+        throw new Error(`(selectOptionsImpl) Unhandled case: ${Unhandled}`);
+    }
+    return { min: min2, max: max2 };
+  }
+  function generateQuantityOptions(cart2, item) {
+    const { min: min2, max: max2 } = selectOptions(cart2, item);
+    if (max2 < min2) {
+      throw new Error("(generateQuantityOptions) max must be greater than min");
     }
     const options = [{ value: 0, label: "0" }];
-    for (let quantity = minQuantity; quantity <= maxQuantity; quantity++) {
-      options.push({ value: quantity, label: quantity.toString() });
+    for (let quantity = min2; quantity <= max2; quantity++) {
+      if (quantity == 0) continue;
+      options.push({
+        value: quantity,
+        label: quantity.toString()
+      });
     }
     return options;
   }
+  function ticketsMaxCapacity(ticket) {
+    switch (ticket.type) {
+      case "timeslot":
+        const timeslotTicket = ticket;
+        return timeslotTicket.capacities ? Math.max(0, ...Object.values(timeslotTicket.capacities)) : timeslotTicket.max_persons;
+      case "annual":
+        return ticket.max_persons;
+      case "day":
+        return ticket.max_persons;
+      default:
+        const exhastedChecking = ticket.type;
+        throw new Error(`(max_capacity) Unhandled case: ${exhastedChecking}`);
+    }
+  }
   var root_2$2 = /* @__PURE__ */ from_html(`<option> </option>`);
   var root_1$2 = /* @__PURE__ */ from_html(`<select></select>`);
   var root_4 = /* @__PURE__ */ from_html(`<li><article data-go-ticket=""><ul><li data-go-tickets-title=""> </li> <li data-go-tickets-description=""><!></li> <li data-go-tickets-price=""> </li> <li data-go-tickets-quality=""><!></li></ul></article></li>`);
   var root_3$1 = /* @__PURE__ */ from_html(`<ol data-testid="tickets"><li data-go-tickets-header="" data-testid="tickets-header"><ul><li data-go-tickets-title="">Title</li> <li data-go-tickets-description="">Description</li> <li data-go-tickets-price="">Price</li> <li data-go-tickets-quality="">Quantity</li></ul></li> <!></ol>`);
   function Body($$anchor, $$props) {
     push($$props, true);
-    const select = ($$anchor2, ci = noop$1) => {
-      const ticket = /* @__PURE__ */ user_derived(() => ci().item);
+    const select = ($$anchor2, cart2 = noop$1, item = noop$1) => {
       var select_1 = root_1$2();
-      select_1.__change = (e) => updateSelectedTickets(ci(), e.target, get$2(details)?.ticketSelectionDetails);
-      each(select_1, 21, () => generateQuantityOptions(get$2(ticket)), index$1, ($$anchor3, quantity) => {
+      select_1.__change = (e) => updateSelectedTickets(item(), e.target, get$2(details)?.ticketSelectionDetails);
+      each(select_1, 21, () => generateQuantityOptions(cart2(), item()), index$1, ($$anchor3, quantity) => {
         var option = root_2$2();
         var text2 = child(option, true);
         reset(option);
         var option_value = {};
         template_effect(() => {
-          set_selected(option, ci().quantity === get$2(quantity).value);
+          set_selected(option, item().quantity === get$2(quantity).value);
           set_text(text2, get$2(quantity).label);
           if (option_value !== (option_value = get$2(quantity).value)) {
             option.value = (option.__value = get$2(quantity).value) ?? "";
@@ -31390,7 +31588,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       reset(select_1);
       append($$anchor2, select_1);
     };
-    const _details = getTicketGroupDetails($$props.$$host);
+    const _details = getTicketSegmentDetails($$props.$$host);
     const details = /* @__PURE__ */ user_derived(() => _details.value);
     const anyItems = /* @__PURE__ */ user_derived(() => get$2(details)?.preCart?.items.length && get$2(details)?.preCart?.items.length > 0);
     var fragment = comment();
@@ -31408,21 +31606,21 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
           reset(li_1);
           var li_2 = sibling(li_1, 2);
           var node_2 = child(li_2);
-          html$2(node_2, () => get$2(ci).item.description);
+          html$2(node_2, () => get$2(ci).product.description);
           reset(li_2);
           var li_3 = sibling(li_2, 2);
           var text_2 = child(li_3, true);
           reset(li_3);
           var li_4 = sibling(li_3, 2);
           var node_3 = child(li_4);
-          select(node_3, () => get$2(ci));
+          select(node_3, () => get$2(details)?.preCart, () => get$2(ci));
           reset(li_4);
           reset(ul);
           reset(article);
           reset(li);
           template_effect(() => {
             set_attribute(article, "data-testid", get$2(ci).uuid);
-            set_text(text_1, get$2(ci).item.title);
+            set_text(text_1, get$2(ci).product.title);
             set_text(text_2, get$2(ci).price_formatted);
           });
           append($$anchor3, li);
@@ -31441,7 +31639,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   customElements.define("go-ticket-segment-body", create_custom_element(Body, {}, [], [], false));
   function Sum($$anchor, $$props) {
     push($$props, true);
-    const _details = getTicketGroupDetails($$props.$$host);
+    const _details = getTicketSegmentDetails($$props.$$host);
     const details = /* @__PURE__ */ user_derived(() => _details.value);
     next();
     var text2 = text$1();
@@ -31602,7 +31800,14 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   delegate(["change"]);
   customElements.define("go-timeslots", create_custom_element(Timeslots, {}, [], ["details"], false));
-  let Calendar$1 = class Calendar {
+  class Calendar {
+    #details = /* @__PURE__ */ state();
+    get details() {
+      return get$2(this.#details);
+    }
+    set details(value) {
+      set(this.#details, value, true);
+    }
     #startAt = /* @__PURE__ */ state(proxy($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2())));
     get startAt() {
       return get$2(this.#startAt);
@@ -31617,6 +31822,26 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     set selected(value) {
       set(this.#selected, value, true);
     }
+    get dates() {
+      if (!this.details) {
+        console.warn("(Calendar) details is undefined");
+        return void 0;
+      }
+      switch (this.details.mode) {
+        case "ticket":
+          return this.ticketsDates();
+        case "event":
+          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}`);
+      }
+    }
     isDateDisabled(date2) {
       return date2.compare($14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2())) < 0;
     }
@@ -31626,33 +31851,40 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
       return false;
     }
-  };
-  class TicketsCalendar extends Calendar$1 {
-    #details = /* @__PURE__ */ state();
-    get details() {
-      return get$2(this.#details);
-    }
-    set details(value) {
-      set(this.#details, value, true);
-    }
-    #params = /* @__PURE__ */ user_derived(() => ({
-      by_bookable: true,
-      "by_ticket_types[]": this.details?.apiFilters,
-      "by_ticket_ids[]": this.details?.ticketIds,
-      "by_ticket_group_ids[]": this.details?.ticketGroupIds,
-      "by_museum_ids[]": this.details?.museumIds,
-      "by_exhibition_ids[]": this.details?.exhibitionIds,
-      start_at: this.startAt.set({ day: 1 }).toString(),
-      end_at: this.startAt.add({ months: 1 }).set({ day: 14 }).toString()
-    }));
-    get params() {
-      return get$2(this.#params);
+    // @ts-ignore
+    apiFilters() {
+      return this.details?.filters?.map((f) => ({
+        day: "normal",
+        timeslot: "time_slot",
+        annual: "annual",
+        "scaled-price": "scaled_price"
+      })[f]);
+    }
+    params() {
+      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,
+        "by_ticket_group_ids[]": this.details.ticketGroupIds,
+        "by_museum_ids[]": this.details.museumIds,
+        "by_exhibition_ids[]": this.details.exhibitionIds,
+        "by_event_ids[]": this.details.eventIds,
+        // these logic are there to minimize fetches
+        start_at: this.startAt.set({ day: 1 }).toString(),
+        end_at: this.startAt.add({ months: 1 }).set({ day: 14 }).toString()
+      };
+      return params;
     }
-    set params(value) {
-      set(this.#params, value);
+    eventsDates() {
+      const ret = shop.calendar(this.params());
+      return ret;
     }
-    get dates() {
-      const ret = shop.ticketsCalendar(this.params);
+    ticketsDates() {
+      const ret = shop.ticketsCalendar(this.params());
       return ret;
     }
   }
@@ -31839,7 +32071,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         });
         append($$anchor2, fragment);
       };
-      component(node, () => Calendar$2, ($$anchor2, Calendar_Root) => {
+      component(node, () => Calendar$1, ($$anchor2, Calendar_Root) => {
         Calendar_Root($$anchor2, {
           weekdayFormat: "long",
           fixedWeeks: true,
@@ -31875,15 +32107,18 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   create_custom_element(CalendarUI, { calendarClass: {} }, [], ["details"], true);
   var root$1 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
-  function Calendar($$anchor, $$props) {
+  function Calendar_1($$anchor, $$props) {
     push($$props, true);
-    const ticketsCalendar = new TicketsCalendar();
+    const ticketsCalendar = new Calendar();
     const details = ticketsCalendar;
     const _ticketSelectionDetails = getTicketSelectionDetails($$props.$$host);
     const ticketSelectionDetails = /* @__PURE__ */ user_derived(() => _ticketSelectionDetails.value);
     user_effect(() => {
       ticketsCalendar.details = get$2(ticketSelectionDetails);
-      if (get$2(ticketSelectionDetails)) get$2(ticketSelectionDetails).selectedDate = void 0;
+      if (get$2(ticketSelectionDetails)) {
+        get$2(ticketSelectionDetails).mode;
+        get$2(ticketSelectionDetails).selectedDate = void 0;
+      }
     });
     let wrapper = /* @__PURE__ */ state(void 0);
     onMount(() => {
@@ -31903,7 +32138,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
         });
       };
       if_block(node, ($$render) => {
-        if (get$2(ticketSelectionDetails)?.mode === "ticket" && !get$2(ticketSelectionDetails).filters?.includes("annual")) $$render(consequent);
+        if (get$2(ticketSelectionDetails)?.isCalendarVisible) $$render(consequent);
       });
     }
     reset(div);
@@ -31911,7 +32146,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
     append($$anchor, div);
     return pop($$exports);
   }
-  customElements.define("go-calendar", create_custom_element(Calendar, {}, [], ["details"], false));
+  customElements.define("go-calendar", create_custom_element(Calendar_1, {}, [], ["details"], false));
   class Details {
     #ticketSelectionDetails;
     get ticketSelectionDetails() {
@@ -31935,7 +32170,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
       }
       const preCarts = this.ticketSelectionDetails.preCarts;
       const newItems = preCarts.flatMap((pc) => {
-        return pc.nonEmptyItems.map((i) => createCartItem(i.item, { quantity: i.quantity, time: i.time }));
+        return pc.nonEmptyItems.map((i) => createCartItem(i.product, { quantity: i.quantity, time: i.time }));
       });
       cart.addItems(newItems);
       preCarts.forEach((pc) => pc.items.forEach((i) => i.quantity = 0));
@@ -31972,4 +32207,33 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
   }
   delegate(["click"]);
   customElements.define("go-add-to-cart-button", create_custom_element(AddToCartButton, {}, [], ["details"], false));
+  function Link($$anchor, $$props) {
+    push($$props, true);
+    const to = prop($$props, "to", 7);
+    const href = /* @__PURE__ */ user_derived(() => go.config.urls[to()]);
+    const a2 = wrapInElement($$props.$$host, "a");
+    user_effect(() => {
+      if (!get$2(href)) {
+        console.warn(`[go-link] No URL found for route "${to()}".`);
+        a2.removeAttribute("href");
+        return;
+      }
+      a2.setAttribute("href", get$2(href)());
+    });
+    a2.addEventListener("click", (e) => {
+      e.preventDefault();
+      go.config.navigateTo(go.config.urls[to()]());
+    });
+    var $$exports = {
+      get to() {
+        return to();
+      },
+      set to($$value) {
+        to($$value);
+        flushSync();
+      }
+    };
+    return pop($$exports);
+  }
+  customElements.define("go-link", create_custom_element(Link, { to: { attribute: "to", reflect: true, type: "String" } }, [], [], false));
 })();