@cupra/ui-kit 2.0.0-canary.16 → 2.0.0-canary.161

package/dist/esm/styles/source/shared/fonts-config.js

@@ -0,0 +1,93 @@
+//#region src/styles/source/shared/fonts-config.ts
+var e = {
+	cupra: { fonts: [
+		{
+			name: "cupra-screen",
+			weight: "300",
+			file: "CupraScreen-Light"
+		},
+		{
+			name: "cupra-screen",
+			weight: "350",
+			file: "CupraScreen-Book"
+		},
+		{
+			name: "cupra-screen",
+			weight: "400",
+			file: "CupraScreen-Regular"
+		},
+		{
+			name: "cupra-screen",
+			weight: "500",
+			file: "CupraScreen-Medium"
+		}
+	] },
+	"cupra-diagonal": { fonts: [
+		{
+			name: "cupra-screen",
+			weight: "300",
+			file: "CupraScreen-Light"
+		},
+		{
+			name: "cupra-screen",
+			weight: "350",
+			file: "CupraScreen-Book"
+		},
+		{
+			name: "cupra-screen",
+			weight: "400",
+			file: "CupraScreen-Regular"
+		},
+		{
+			name: "cupra-screen",
+			weight: "500",
+			file: "CupraScreen-Medium"
+		}
+	] },
+	seat: { fonts: [
+		{
+			name: "seat",
+			weight: "350",
+			file: "SeatBcn-Book"
+		},
+		{
+			name: "seat",
+			weight: "400",
+			file: "SeatBcn-Regular"
+		},
+		{
+			name: "seat",
+			weight: "500",
+			file: "SeatBcn-Medium"
+		},
+		{
+			name: "seat",
+			weight: "700",
+			file: "SeatBcn-Bold"
+		},
+		{
+			name: "seat",
+			weight: "900",
+			file: "SeatBcn-Black"
+		}
+	] },
+	"seat-legacy": { fonts: [
+		{
+			name: "seat",
+			weight: "400",
+			file: "SeatBcn-Regular"
+		},
+		{
+			name: "seat",
+			weight: "500",
+			file: "SeatBcn-Medium"
+		},
+		{
+			name: "seat",
+			weight: "700",
+			file: "SeatBcn-Bold"
+		}
+	] }
+};
+//#endregion
+export { e as fontsConfig };

package/dist/esm/utils/IconsManager.js

@@ -1,39 +1,37 @@
-import { THEME_STORAGE_KEY as r } from "../core/theme.constants.js";
-import { pubSub as f } from "./PubSub.js";
-class l {
-  constructor() {
-    this.icons = {}, this.handleChangeTheme = (e) => {
-      if (this.theme === e) return;
-      this.theme = e;
-      const n = Object.keys(this.icons);
-      this.icons = {}, n.forEach((s) => this.fetchIcon(s));
-    }, this.fetchIcon = async (e, n = {}) => {
-      const s = typeof sessionStorage < "u" ? sessionStorage == null ? void 0 : sessionStorage.getItem(r) : null;
-      !this.theme && s && (this.theme = s);
-      const t = this.icons[e];
-      if (t) return await t;
-      const o = this.loadIcon(e, n).catch((a) => {
-        throw delete this.icons[e], a;
-      });
-      return this.icons[e] = o, o;
-    }, this.loadIcon = (e, { cache: n = "force-cache", ...s }) => !this.theme || typeof fetch > "u" ? Promise.resolve('<svg class="ds-icon"></svg>') : fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`, {
-      cache: n,
-      ...s
-    }).then((t) => t.text()).catch((t) => {
-      if ((t == null ? void 0 : t.name) === "AbortError") throw t;
-      return console.error(`Failed to fetch icon "${e}":`, t), "";
-    }), f.subscribe("theme", this.handleChangeTheme);
-  }
-}
-const c = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.16"), h = globalThis;
-let i = h[c];
-i || (i = new l(), Object.defineProperty(h, c, {
-  value: i,
-  writable: !1,
-  configurable: !1,
-  enumerable: !1
+import { THEME_STORAGE_KEY as e } from "../core/theme.constants.js";
+import { pubSub as t } from "./PubSub.js";
+//#region src/utils/IconsManager.ts
+var n = class {
+	constructor() {
+		this.icons = {}, this.handleChangeTheme = (e) => {
+			if (this.theme === e) return;
+			this.theme = e;
+			let t = Object.keys(this.icons);
+			this.icons = {}, t.forEach((e) => this.fetchIcon(e));
+		}, this.fetchIcon = async (t, n = {}) => {
+			let r = typeof sessionStorage < "u" ? sessionStorage?.getItem(e) : null;
+			!this.theme && r && (this.theme = r);
+			let i = this.icons[t];
+			if (i) return await i;
+			let a = this.loadIcon(t, n).catch((e) => {
+				throw delete this.icons[t], e;
+			});
+			return this.icons[t] = a, a;
+		}, this.loadIcon = (e, { cache: t = "force-cache", ...n }) => !this.theme || typeof fetch > "u" ? Promise.resolve("<svg class=\"ds-icon\"></svg>") : fetch(`https://ds-assets.cupra.com/icons/${this.theme}/${e}.svg`, {
+			cache: t,
+			...n
+		}).then((e) => e.text()).catch((t) => {
+			if (t?.name === "AbortError") throw t;
+			return console.error(`Failed to fetch icon "${e}":`, t), "";
+		}), t.subscribe("theme", this.handleChangeTheme);
+	}
+}, r = Symbol.for("@cupra/ui-kit/icons-manager/2.0.0-canary.161"), i = globalThis, a = i[r];
+a || (a = new n(), Object.defineProperty(i, r, {
+	value: a,
+	writable: !1,
+	configurable: !1,
+	enumerable: !1
 }));
-const g = i;
-export {
-  g as iconsManager
-};
+var o = a;
+//#endregion
+export { o as iconsManager };

package/dist/esm/utils/PubSub.js

@@ -1,33 +1,30 @@
-class e {
-  constructor() {
-    this.subscribers = {}, this.lastPublishedData = {};
-  }
-  subscribe(s, r) {
-    return this.subscribers[s] || (this.subscribers[s] = []), this.subscribers[s].push(r), this.lastPublishedData[s];
-  }
-  unsubscribe(s, r) {
-    this.subscribers[s] && (this.subscribers[s] = this.subscribers[s].filter((i) => i !== r));
-  }
-  publish(s, r) {
-    this.lastPublishedData[s] = r, this.subscribers[s] && this.subscribers[s].forEach((i) => {
-      try {
-        i(r);
-      } catch (c) {
-        console.error(`Error in subscriber for event "${s}":`, c);
-      }
-    });
-  }
-}
-const u = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.16"), t = globalThis;
-let b = t[u];
-b || (b = new e(), Object.defineProperty(t, u, {
-  value: b,
-  writable: !1,
-  configurable: !1,
-  enumerable: !1
+//#region src/utils/PubSub.ts
+var e = class {
+	constructor() {
+		this.subscribers = {}, this.lastPublishedData = {};
+	}
+	subscribe(e, t) {
+		return this.subscribers[e] || (this.subscribers[e] = []), this.subscribers[e].push(t), this.lastPublishedData[e];
+	}
+	unsubscribe(e, t) {
+		this.subscribers[e] && (this.subscribers[e] = this.subscribers[e].filter((e) => e !== t));
+	}
+	publish(e, t) {
+		this.lastPublishedData[e] = t, this.subscribers[e] && this.subscribers[e].forEach((n) => {
+			try {
+				n(t);
+			} catch (t) {
+				console.error(`Error in subscriber for event "${e}":`, t);
+			}
+		});
+	}
+}, t = Symbol.for("@cupra/ui-kit/pubsub/2.0.0-canary.161"), n = globalThis, r = n[t];
+r || (r = new e(), Object.defineProperty(n, t, {
+	value: r,
+	writable: !1,
+	configurable: !1,
+	enumerable: !1
 }));
-const a = b;
-export {
-  e as PubSub,
-  a as pubSub
-};
+var i = r;
+//#endregion
+export { i as pubSub };

package/dist/esm/utils/StylesRegistry/StylesRegistry.js

@@ -1,33 +1,30 @@
-class s {
-  constructor() {
-    this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({
-      componentName: e,
-      theme: t
-    }) => {
-      if (!t || !e) return;
-      const r = `https://ds-assets.cupra.com/2.0.0-canary.16/styles/${t}/components/${e}.css`, c = this.getCachedStyleSheetPromise({ url: r });
-      if (c) return c;
-      const i = this.fetchStyle({ url: r }).then((n) => (n || this.stylePromises.delete(r), n));
-      return this.stylePromises.set(r, i), this.stylePromises.get(r);
-    };
-  }
-  async fetchStyle({ url: e }) {
-    try {
-      if (typeof fetch > "u") return;
-      const t = await fetch(e, { cache: "force-cache" });
-      if (t.ok) return t.text();
-    } catch (t) {
-      console.error(`Failed to fetch Style Sheet "${e}":`, t);
-    }
-  }
-  getCachedStyleSheetPromise({ url: e }) {
-    return this.stylePromises.get(e);
-  }
-  static getInstance() {
-    return s.instance || (s.instance = new s()), s.instance;
-  }
-}
-const a = s.getInstance();
-export {
-  a as stylesRegistry
-};
+import { concurrencyLimit as e } from "../concurrencyLimit.js";
+//#region src/utils/StylesRegistry/StylesRegistry.ts
+var t = e(20), n = class e {
+	constructor() {
+		this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({ componentName: e, theme: n }) => {
+			if (!n || !e) return;
+			let r = `https://ds-assets.cupra.com/2.0.0-canary.161/styles/${n}/components/${e}.css`, i = this.getCachedStyleSheetPromise({ url: r });
+			if (i) return i;
+			let a = t(() => this.fetchStyle({ url: r })).then((e) => (e || this.stylePromises.delete(r), e));
+			return this.stylePromises.set(r, a), this.stylePromises.get(r);
+		};
+	}
+	async fetchStyle({ url: e }) {
+		try {
+			if (typeof fetch > "u") return;
+			let t = await fetch(e, { cache: "force-cache" });
+			if (t.ok) return t.text();
+		} catch (t) {
+			console.error(`Failed to fetch Style Sheet "${e}":`, t);
+		}
+	}
+	getCachedStyleSheetPromise({ url: e }) {
+		return this.stylePromises.get(e);
+	}
+	static getInstance() {
+		return e.instance ||= new e(), e.instance;
+	}
+}.getInstance();
+//#endregion
+export { n as stylesRegistry };

package/dist/esm/utils/arrayConverter.js

@@ -1,19 +1,17 @@
-const e = {
-  fromAttribute(r) {
-    if (!r) return [];
-    try {
-      const t = JSON.parse(r);
-      if (Array.isArray(t))
-        return t;
-      throw new Error();
-    } catch {
-      return r.split(",");
-    }
-  },
-  toAttribute(r) {
-    return JSON.stringify(r);
-  }
-};
-export {
-  e as arrayConverter
+//#region src/utils/arrayConverter.ts
+var e = {
+	fromAttribute(e) {
+		if (!e) return [];
+		try {
+			let t = JSON.parse(e);
+			return Array.isArray(t) ? t : [t];
+		} catch {
+			return e.split(",").map((e) => e.trim()).filter(Boolean);
+		}
+	},
+	toAttribute(e) {
+		return JSON.stringify(e);
+	}
 };
+//#endregion
+export { e as arrayConverter };

package/dist/esm/utils/booleanConverter.js

@@ -1,4 +1,4 @@
-const r = (e) => typeof e == "boolean" ? e : e === "true" || e === "" ? !0 : e === "false" ? !1 : !!e;
-export {
-  r as booleanConverter
-};
+//#region src/utils/booleanConverter.ts
+var e = (e) => typeof e == "boolean" ? e : e === "true" || e === "" ? !0 : e === "false" ? !1 : !!e;
+//#endregion
+export { e as booleanConverter };

package/dist/esm/utils/breakpoints.js

@@ -1,19 +1,18 @@
-const i = {
-  xs: 0,
-  s: 480,
-  m: 768,
-  l: 1024,
-  xl: 1440,
-  xxl: 1920
-}, x = {
-  xs: `@media(min-width: ${i.xs}px)`,
-  s: `@media(min-width: ${i.s}px)`,
-  m: `@media(min-width: ${i.m}px)`,
-  l: `@media(min-width: ${i.l}px)`,
-  xl: `@media(min-width: ${i.xl}px)`,
-  xxl: `@media(min-width: ${i.xxl}px)`
-};
-export {
-  i as breakpoints,
-  x as viewportQueries
+//#region src/utils/breakpoints.ts
+var e = {
+	xs: 0,
+	s: 480,
+	m: 768,
+	l: 1024,
+	xl: 1440,
+	xxl: 1920
+}, t = {
+	xs: `@media(min-width: ${e.xs}px)`,
+	s: `@media(min-width: ${e.s}px)`,
+	m: `@media(min-width: ${e.m}px)`,
+	l: `@media(min-width: ${e.l}px)`,
+	xl: `@media(min-width: ${e.xl}px)`,
+	xxl: `@media(min-width: ${e.xxl}px)`
 };
+//#endregion
+export { e as breakpoints, t as viewportQueries };

package/dist/esm/utils/concurrencyLimit.js

@@ -0,0 +1,31 @@
+//#region src/utils/concurrencyLimit.ts
+function e(e) {
+	let t = 0, n = [];
+	function r() {
+		if (t < e) {
+			t++;
+			return;
+		}
+		return new Promise((e) => {
+			n.push(() => {
+				t++, e();
+			});
+		});
+	}
+	function i() {
+		t--;
+		let e = n.shift();
+		e && e();
+	}
+	return async (e) => {
+		let t = r();
+		t && await t;
+		try {
+			return await e();
+		} finally {
+			i();
+		}
+	};
+}
+//#endregion
+export { e as concurrencyLimit };

package/dist/esm/utils/cssQueries.js

@@ -1,16 +1,14 @@
-import "../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import "../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { breakpoints as i } from "./breakpoints.js";
-import { css as m } from "../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const e = {
-  xs: m`@media(min-width: ${i.xs}px)`,
-  s: m`@media(min-width: ${i.s}px)`,
-  m: m`@media(min-width: ${i.m}px)`,
-  l: m`@media(min-width: ${i.l}px)`,
-  xl: m`@media(min-width: ${i.xl}px)`,
-  xxl: m`@media(min-width: ${i.xxl}px)`
-};
-export {
-  e as cssQueries
+import { i as e } from "../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
+import "../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { breakpoints as t } from "./breakpoints.js";
+//#region src/utils/cssQueries.ts
+var n = {
+	xs: e`@media(min-width: ${t.xs}px)`,
+	s: e`@media(min-width: ${t.s}px)`,
+	m: e`@media(min-width: ${t.m}px)`,
+	l: e`@media(min-width: ${t.l}px)`,
+	xl: e`@media(min-width: ${t.xl}px)`,
+	xxl: e`@media(min-width: ${t.xxl}px)`
 };
+//#endregion
+export { n as cssQueries };

package/dist/esm/utils/debounce.js

@@ -1,11 +1,11 @@
-function u({ func: t, milliseconds: n = 100 }) {
-  let e;
-  return function(o) {
-    clearTimeout(e), e = setTimeout(() => {
-      t(o);
-    }, n);
-  };
+//#region src/utils/debounce.ts
+function e({ func: e, milliseconds: t = 100 }) {
+	let n;
+	return function(r) {
+		clearTimeout(n), n = setTimeout(() => {
+			e(r);
+		}, t);
+	};
 }
-export {
-  u as debounce
-};
+//#endregion
+export { e as debounce };

package/dist/esm/utils/formatNumber/formatNumber.js

@@ -1,54 +1,49 @@
-function y({
-  value: i,
-  locale: l,
-  style: n,
-  unit: s,
-  currency: u,
-  localeMatcher: m = "lookup",
-  minimumIntegerDigits: f = 1,
-  minimumFractionDigits: b = 0,
-  maximumFractionDigits: g = 20,
-  thousandSeparator: S,
-  fractionSeparator: p,
-  useGrouping: k = "auto"
-}) {
-  let t = "", a, o;
-  const r = new Intl.NumberFormat(l, {
-    ...n && { style: n },
-    ...s && { unit: s },
-    ...u && { currency: u },
-    localeMatcher: m,
-    minimumIntegerDigits: f,
-    minimumFractionDigits: b,
-    maximumFractionDigits: g,
-    useGrouping: k
-  }).formatToParts(i ?? 0);
-  return r.forEach((e, c) => {
-    switch (e.type) {
-      case "unit":
-      case "currency":
-      case "percentSign":
-        a = e.value, o = c === 0 || (r[0].type === "minusSign" || r[0].type === "plusSign") && c === 1 ? "left" : "right";
-        break;
-      case "group":
-        t += S ?? e.value;
-        break;
-      case "decimal":
-        t += p ?? e.value;
-        break;
-      case "integer":
-      case "fraction":
-      case "plusSign":
-      case "minusSign":
-        t += e.value;
-        break;
-    }
-  }), {
-    formattedValue: t,
-    ...a && { unitSymbol: a },
-    ...o && { unitSymbolPosition: o }
-  };
+//#region src/utils/formatNumber/formatNumber.ts
+function e({ value: e, locale: t, style: n, unit: r, currency: i, localeMatcher: a = "lookup", minimumIntegerDigits: o = 1, minimumFractionDigits: s = 0, maximumFractionDigits: c = 20, thousandSeparator: l, fractionSeparator: u, useGrouping: d = "auto", currencyDisplay: f = "symbol" }) {
+	let p = "", m = "", h, g, _ = new Intl.NumberFormat(t, {
+		...n && { style: n },
+		...r && { unit: r },
+		...i && { currency: i },
+		currencyDisplay: f,
+		localeMatcher: a,
+		minimumIntegerDigits: o,
+		minimumFractionDigits: s,
+		maximumFractionDigits: c,
+		useGrouping: d
+	}).formatToParts(e ?? 0);
+	return _.forEach((e, t) => {
+		switch (e.type) {
+			case "unit":
+			case "currency":
+			case "percentSign":
+				h = e.value, g = t === 0 || (_[0].type === "minusSign" || _[0].type === "plusSign") && t === 1 ? "left" : "right", m += e.value;
+				break;
+			case "group": {
+				let t = l ?? e.value;
+				p += t, m += t;
+				break;
+			}
+			case "decimal": {
+				let t = u ?? e.value;
+				p += t, m += t;
+				break;
+			}
+			case "integer":
+			case "fraction":
+			case "plusSign":
+			case "minusSign":
+				p += e.value, m += e.value;
+				break;
+			case "literal":
+				m += e.value;
+				break;
+		}
+	}), {
+		formattedNumber: p,
+		formattedValue: m,
+		...h && { unitSymbol: h },
+		...g && { unitSymbolPosition: g }
+	};
 }
-export {
-  y as formatNumber
-};
+//#endregion
+export { e as formatNumber };

package/dist/esm/utils/objectConverter.js

@@ -1,11 +1,11 @@
-const t = (r) => {
-  if (typeof r != "string") return r;
-  try {
-    return JSON.parse(r);
-  } catch {
-    return r;
-  }
-};
-export {
-  t as objectConverter
+//#region src/utils/objectConverter.ts
+var e = (e) => {
+	if (typeof e != "string") return e;
+	try {
+		return JSON.parse(e);
+	} catch {
+		return e;
+	}
 };
+//#endregion
+export { e as objectConverter };

package/dist/esm/utils/observeScroll/observeScroll.js

@@ -0,0 +1,18 @@
+import { debounce as e } from "../debounce.js";
+//#region src/utils/observeScroll/observeScroll.ts
+function t(t, n) {
+	let r = () => ({
+		top: t.scrollTop > 0,
+		bottom: Math.ceil(t.scrollTop) < t.scrollHeight - t.clientHeight,
+		left: t.scrollLeft > 0,
+		right: Math.ceil(t.scrollLeft) < t.scrollWidth - t.clientWidth
+	}), i = e({
+		func: () => n(r()),
+		milliseconds: 16
+	}), a = new ResizeObserver(i);
+	return a.observe(t), t.addEventListener("scroll", i, { passive: !0 }), n(r()), () => {
+		a.disconnect(), t.removeEventListener("scroll", i);
+	};
+}
+//#endregion
+export { t as observeScroll };

package/dist/esm/utils/scrollLock.js

@@ -0,0 +1,12 @@
+var e = new class {
+	#e = 0;
+	#t = "";
+	lock() {
+		this.#e === 0 && (this.#t = document.body.style.overflow, document.body.style.overflow = "hidden"), this.#e++;
+	}
+	unlock() {
+		this.#e !== 0 && (this.#e--, this.#e === 0 && (document.body.style.overflow = this.#t, this.#t = ""));
+	}
+}();
+//#endregion
+export { e as scrollLock };

package/dist/esm/utils/uiKitHtml.js

@@ -0,0 +1,9 @@
+import { x as e } from "../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import "../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import "./version.js";
+//#region src/utils/uiKitHtml.ts
+function t(t, ...n) {
+	return e(t, ...n);
+}
+//#endregion
+export { t as uiKitHtml };