@gomusdev/web-components 1.20.1 → 1.22.0

package/dist-js/gomus-webcomponents.js

@@ -5484,6 +5484,12 @@ class DetailsWrapper {
   }
   #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 @@ function toursGroupUrl(id) {
   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
 };
@@ -6315,316 +6569,69 @@ function defaultPathSerializer(pathname, pathParams) {
   }
   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;
-    }
+function defaultBodySerializer(body) {
+  if (body instanceof FormData) {
+    return body;
   }
+  return JSON.stringify(body);
 }
-class JMBUser extends User {
-  get isGuest() {
-    throw new Error("Not implemented.");
+function createFinalURL(pathname, options) {
+  let finalURL = `${options.baseUrl}${pathname}`;
+  if (options.params?.path) {
+    finalURL = defaultPathSerializer(finalURL, options.params.path);
   }
-  get isLoggedIn() {
-    throw new Error("Not implemented");
+  let search = options.querySerializer(options.params.query ?? {});
+  if (search.startsWith("?")) {
+    search = search.substring(1);
   }
-}
-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);
+  if (search) {
+    finalURL += `?${search}`;
   }
-};
-function isEmpty(value) {
-  return value === null || value === void 0 || typeof value === "string" && value.trim() === "";
+  return finalURL;
 }
-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`];
+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 @@ class Shop {
   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 @@ class Shop {
     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 @@ class Shop {
     }
     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 @@ class Shop {
   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 @@ const ksuid = /^[A-Za-z0-9]{27}$/;
 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 @@ const $ZodUUID = /* @__PURE__ */ $constructor("$ZodUUID", (inst, def) => {
     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 @@ class FormDetails {
    * @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 @@ const KEY$3 = "go-form-details";
 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 @@ function Form($$anchor, $$props) {
   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 @@ customElements.define("go-sign-up", create_custom_element(
   [],
   false
 ));
-function dispathCartEvents() {
+function dispatchCartEvents() {
   let lastLength = 0;
   effect_root(() => {
     user_effect(() => {
@@ -15304,7 +15325,37 @@ function dispathCartEvents() {
     });
   });
 }
-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 @@ function createCartItem(ticket, options) {
   };
   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 @@ function createCartItem(ticket, options) {
   };
 }
 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 @@ function generateCartItem(cartItem) {
   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 @@ function loadFromLocalStorage(cart2) {
       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 @@ const inTheFuture = (time2) => {
 };
 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 @@ function createCart(tickets, options) {
     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 @@ function createCart(tickets, options) {
       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 @@ function Cart($$anchor, $$props) {
                 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 @@ function Cart($$anchor, $$props) {
         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 @@ function CheckoutForm($$anchor, $$props) {
         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 @@ class CalendarHeaderState {
   }
 }
 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 @@ function Calendar$2($$anchor, $$props) {
   return pop($$exports);
 }
 create_custom_element(
-  Calendar$2,
+  Calendar$1,
   {
     child: {},
     children: {},
@@ -30237,7 +30296,7 @@ function ErrorsFeedback($$anchor, $$props) {
   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 @@ function evaluateExpression(expression, data) {
     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 @@ class TicketSelectionDetails {
   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 @@ class TicketSelectionDetails {
   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 @@ class TicketSelectionDetails {
           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 @@ function Breakdown($$anchor, $$props) {
       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,16 +31146,19 @@ function Wrapper($$anchor, $$props) {
 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), selectedDate = prop($$props, "selectedDate", 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());
     details.ticketGroupIds = parseIds(ticketGroupIds());
+    if (selectedDate()) {
+      details.selectedDate = $fae977aafc393c5c$export$6b862160d295c8e(selectedDate());
+    }
   });
   setTicketSelectionDetails($$props.$$host, details);
   var $$exports = {
@@ -31107,11 +31177,11 @@ function TicketSelection($$anchor, $$props) {
       filters($$value);
       flushSync();
     },
-    get eventId() {
-      return eventId();
+    get eventIds() {
+      return eventIds();
     },
-    set eventId($$value) {
-      eventId($$value);
+    set eventIds($$value) {
+      eventIds($$value);
       flushSync();
     },
     get museumIds() {
@@ -31128,6 +31198,13 @@ function TicketSelection($$anchor, $$props) {
       exhibitionIds($$value);
       flushSync();
     },
+    get selectedDate() {
+      return selectedDate();
+    },
+    set selectedDate($$value) {
+      selectedDate($$value);
+      flushSync();
+    },
     get ticketIds() {
       return ticketIds();
     },
@@ -31149,11 +31226,12 @@ customElements.define("go-ticket-selection", create_custom_element(
   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" },
     exhibitionIds: { attribute: "exhibition-ids", reflect: true, type: "String" },
+    selectedDate: { attribute: "selected-date", reflect: true, type: "String" },
     filters: {}
   },
   [],
@@ -31186,7 +31264,7 @@ function TicketsSum($$anchor, $$props) {
   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 +31279,19 @@ class TicketGroupDetails {
   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 +31300,13 @@ class TicketGroupDetails {
   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 +31314,19 @@ class TicketGroupDetails {
       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 +31339,8 @@ class TicketGroupDetails {
         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 +31392,61 @@ class TicketGroupDetails {
     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 +31456,27 @@ function TicketSegment($$anchor, $$props) {
     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 +31484,34 @@ function updateSelectedTickets(ci, target, tsd) {
   }
   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 +31525,70 @@ function dayTicketSelectedTime(tsd) {
   }
   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 +31599,7 @@ function Body($$anchor, $$props) {
     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 +31617,21 @@ function Body($$anchor, $$props) {
         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 +31650,7 @@ delegate(["change"]);
 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 +31811,14 @@ function Timeslots($$anchor, $$props) {
 }
 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 +31833,26 @@ let Calendar$1 = class Calendar {
   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 +31862,40 @@ let Calendar$1 = class Calendar {
     }
     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 +32082,7 @@ function CalendarUI($$anchor, $$props) {
       });
       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 +32118,18 @@ function CalendarUI($$anchor, $$props) {
 }
 create_custom_element(CalendarUI, { calendarClass: {} }, [], ["details"], true);
 var root$1 = /* @__PURE__ */ from_html(`<div data-calendar-wrapper=""><!></div>`);
-function Calendar2($$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 +32149,7 @@ function Calendar2($$anchor, $$props) {
       });
     };
     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 +32157,7 @@ function Calendar2($$anchor, $$props) {
   append($$anchor, div);
   return pop($$exports);
 }
-customElements.define("go-calendar", create_custom_element(Calendar2, {}, [], ["details"], false));
+customElements.define("go-calendar", create_custom_element(Calendar_1, {}, [], ["details"], false));
 class Details2 {
   #ticketSelectionDetails;
   get ticketSelectionDetails() {
@@ -31935,7 +32181,7 @@ class Details2 {
     }
     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,3 +32218,32 @@ function AddToCartButton($$anchor, $$props) {
 }
 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));