@cupra/ui-kit 2.0.0-canary.87 → 2.0.0-canary.89

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

@@ -1,35 +1,83 @@
-const 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: "400", file: "SeatBcn-Regular" },
-      { name: "seat", weight: "500", file: "SeatBcn-Medium" },
-      { name: "seat", weight: "700", file: "SeatBcn-Bold" }
-    ]
-  },
-  "seat-legacy": {
-    fonts: [
-      { name: "seat", weight: "400", file: "SeatBcn-Regular" },
-      { name: "seat", weight: "500", file: "SeatBcn-Medium" },
-      { name: "seat", weight: "700", file: "SeatBcn-Bold" }
-    ]
-  }
-};
-export {
-  e as fontsConfig
+//#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: "400",
+			file: "SeatBcn-Regular"
+		},
+		{
+			name: "seat",
+			weight: "500",
+			file: "SeatBcn-Medium"
+		},
+		{
+			name: "seat",
+			weight: "700",
+			file: "SeatBcn-Bold"
+		}
+	] },
+	"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.87"), 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.89"), 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.87"), 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.89"), 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,35 +1,30 @@
-import { concurrencyLimit as o } from "../concurrencyLimit.js";
-const h = o(20);
-class s {
-  constructor() {
-    this.stylePromises = /* @__PURE__ */ new Map(), this.getStyles = async ({
-      componentName: e,
-      theme: t
-    }) => {
-      if (!t || !e) return;
-      const c = `https://ds-assets.cupra.com/2.0.0-canary.87/styles/${t}/components/${e}.css`, r = this.getCachedStyleSheetPromise({ url: c });
-      if (r) return r;
-      const i = h(() => this.fetchStyle({ url: c })).then((n) => (n || this.stylePromises.delete(c), n));
-      return this.stylePromises.set(c, i), this.stylePromises.get(c);
-    };
-  }
-  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 y = s.getInstance();
-export {
-  y 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.89/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,18 @@
-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);
+			if (Array.isArray(t)) return t;
+			throw Error();
+		} catch {
+			return e.split(",");
+		}
+	},
+	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 };