@cupra/ui-kit 2.0.0-canary.17 → 2.0.0-canary.171

package/dist/esm/components/ds-text-input/styles/common.styles.js

@@ -1,12 +1,10 @@
-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 { css as o } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const p = o`
+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";
+//#region src/components/ds-text-input/styles/common.styles.ts
+var t = e`
     :host {
         display: contents;
     }
 `;
-export {
-  p as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist/esm/components/ds-textarea/ds-textarea.js

@@ -1,48 +1,48 @@
-import { UiKitElement as m } from "../base/UiKitElement.js";
-import { customUiKitElement as u } from "../../decorators/customUiKitElement.js";
-import { ViewportMixin as c } from "../../mixins/ViewportMixin.js";
-import { inputStatesMixin as f } from "../../mixins/inputStatesMixin.js";
-import { objectConverter as v } from "../../utils/objectConverter.js";
-import { validateMaxLength as x } from "../../utils/validateMaxLength.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as a, nothing as l } from "../../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 { property as p } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as g } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as E } from "./styles/common.styles.js";
-var y = Object.defineProperty, S = Object.getOwnPropertyDescriptor, n = (t, e, o, i) => {
-  for (var s = i > 1 ? void 0 : i ? S(e, o) : e, h = t.length - 1, d; h >= 0; h--)
-    (d = t[h]) && (s = (i ? d(e, o, s) : d(s)) || s);
-  return i && s && y(e, o, s), s;
-};
-let r = class extends f(c(m)) {
-  constructor() {
-    super(...arguments), this.keyboardMode = !1, this.size = "medium", this.helperText = "", this.forcedError = "", this.invalidError = "", this.mode = "light";
-  }
-  onInputReady(t) {
-    t.classList.add("ds-scroll");
-  }
-  get classes() {
-    const t = typeof this.size == "string" ? this.size : this.size[this.viewport];
-    return {
-      container: !0,
-      error: !!this.forcedError,
-      [t]: !!t,
-      [this.mode]: !!this.mode,
-      disabled: this.inputStates.disabled,
-      filled: this.inputStates.filled,
-      invalid: this.inputStates.invalid,
-      focus: this.inputStates.focus,
-      "focus-visible": this.inputStates.focusVisible
-    };
-  }
-  render() {
-    return a`
-            <div class=${g(this.classes)}>
+import { E as e, x as t } 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 { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import { e as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { ViewportMixin as s } from "../../mixins/ViewportMixin.js";
+import { objectConverter as c } from "../../utils/objectConverter.js";
+import { inputStatesMixin as l } from "../../mixins/inputStatesMixin.js";
+import { validateMaxLength as u } from "../../utils/validateMaxLength.js";
+import { commonStyles as d } from "./styles/common.styles.js";
+//#region src/components/ds-textarea/ds-textarea.ts
+var f, p = (f = class extends l(s(i)) {
+	constructor(...e) {
+		super(...e), this.keyboardMode = !1, this.size = "large", this.helperText = "", this.forcedError = "", this.invalidError = "", this.readonlyText = "", this.mode = "light";
+	}
+	onInputReady(e) {
+		e.classList.add("ds-scroll");
+	}
+	get classes() {
+		let e = typeof this.size == "string" ? this.size : this.size[this.viewport];
+		return {
+			container: !0,
+			error: !!this.forcedError,
+			[e]: !!e,
+			[this.mode]: !!this.mode,
+			disabled: this.inputStates.disabled,
+			readonly: this.inputStates.readonly,
+			filled: this.inputStates.filled,
+			invalid: this.inputStates.invalid,
+			focus: this.inputStates.focus,
+			"focus-visible": this.inputStates.focusVisible
+		};
+	}
+	render() {
+		return t`
+            <div class=${o(this.classes)}>
                 <div class="input-container">
                     <slot></slot>
                 </div>
                 <div class="footer">
+                    ${this.readonlyTextTemplate}
                     ${this.helperTextTemplate}
                     ${this.forcedErrorTemplate}
                     ${this.invalidErrorTemplate}
@@ -50,41 +50,39 @@ let r = class extends f(c(m)) {
                 </div>
             </div>
         `;
-  }
-  get lengthTemplate() {
-    var e, o, i;
-    const t = (o = (e = this.nativeInput) == null ? void 0 : e.maxLength) == null ? void 0 : o.toString();
-    return x(t) ? a`<span class="char-counter">${((i = this.inputStates.currentValue) == null ? void 0 : i.length) || 0}/${t}</span>` : l;
-  }
-  get helperTextTemplate() {
-    return this.forcedError || this.inputStates.invalid && this.invalidError ? l : a`<span class="support-text helper-text">${this.helperText}</span>`;
-  }
-  get forcedErrorTemplate() {
-    return this.forcedError ? a`<span class="support-text error-text forced-error">${this.forcedError}</span>` : l;
-  }
-  get invalidErrorTemplate() {
-    return this.forcedError || !this.inputStates.invalid || !this.invalidError ? l : a`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
-  }
-};
-r.styles = [E];
-n([
-  p({ type: String, converter: v })
-], r.prototype, "size", 2);
-n([
-  p({ type: String, attribute: "helper-text" })
-], r.prototype, "helperText", 2);
-n([
-  p({ type: String, attribute: "forced-error" })
-], r.prototype, "forcedError", 2);
-n([
-  p({ type: String, attribute: "invalid-error" })
-], r.prototype, "invalidError", 2);
-n([
-  p({ type: String })
-], r.prototype, "mode", 2);
-r = n([
-  u("ds-textarea")
-], r);
-export {
-  r as DsTextarea
-};
+	}
+	get lengthTemplate() {
+		var n, r;
+		let i = (n = this.nativeInput) == null || (n = n.maxLength) == null ? void 0 : n.toString();
+		return u(i) ? t`<span class="char-counter">${((r = this.inputStates.currentValue) == null ? void 0 : r.length) || 0}/${i}</span>` : e;
+	}
+	get helperTextTemplate() {
+		return this.inputStates.readonly || this.forcedError || this.inputStates.invalid && this.invalidError ? e : t`<span class="support-text helper-text">${this.helperText}</span>`;
+	}
+	get forcedErrorTemplate() {
+		return this.inputStates.readonly || !this.forcedError ? e : t`<span class="support-text error-text forced-error">${this.forcedError}</span>`;
+	}
+	get readonlyTextTemplate() {
+		return !this.inputStates.readonly || !this.readonlyText ? e : t`<span class="support-text readonly-text">${this.readonlyText}</span>`;
+	}
+	get invalidErrorTemplate() {
+		return this.inputStates.readonly || this.forcedError || !this.inputStates.invalid || !this.invalidError ? e : t`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
+	}
+}, f.styles = [d], f);
+r([n({
+	type: String,
+	converter: c
+})], p.prototype, "size", void 0), r([n({
+	type: String,
+	attribute: "helper-text"
+})], p.prototype, "helperText", void 0), r([n({
+	type: String,
+	attribute: "forced-error"
+})], p.prototype, "forcedError", void 0), r([n({
+	type: String,
+	attribute: "invalid-error"
+})], p.prototype, "invalidError", void 0), r([n({
+	type: String,
+	attribute: "readonly-text"
+})], p.prototype, "readonlyText", void 0), r([n({ type: String })], p.prototype, "mode", void 0), p = r([a("ds-textarea")], p);
+//#endregion

package/dist/esm/components/ds-textarea/styles/common.styles.js

@@ -1,12 +1,10 @@
-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 { css as o } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const p = o`
+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";
+//#region src/components/ds-textarea/styles/common.styles.ts
+var t = e`
     :host {
         display: contents;
     }
 `;
-export {
-  p as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist/esm/components/ds-theme-provider/ds-theme-provider.js

@@ -1,93 +1,91 @@
-import { THEME_STORAGE_KEY as p } from "../../core/theme.constants.js";
-import { customUiKitElement as f } from "../../decorators/customUiKitElement.js";
-import { provide as c } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.js";
-import { pubSub as u } from "../../utils/PubSub.js";
-import { booleanConverter as h } from "../../utils/booleanConverter.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as y, html as $ } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import { LitElement as F } from "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
-import { property as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as l } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
-import { fontsConfig as v } from "../../styles/fonts-config.js";
-import { themeContext as S } from "./themeContext.js";
-var w = Object.defineProperty, E = Object.getOwnPropertyDescriptor, d = (t, o, s, r) => {
-  for (var e = r > 1 ? void 0 : r ? E(o, s) : o, a = t.length - 1, n; a >= 0; a--)
-    (n = t[a]) && (e = (r ? n(o, s, e) : n(e)) || e);
-  return r && e && w(o, s, e), e;
-};
-let m = class extends F {
-  constructor() {
-    super(...arguments), this.loadFonts = !0, this.loadStyles = !0, this.cssLoaded = !1, this.loadedFonts = /* @__PURE__ */ new Set();
-  }
-  updated(t) {
-    if (super.updated(t), t.has("theme")) {
-      if (u.publish("theme", this.theme), sessionStorage == null || sessionStorage.setItem(p, this.theme), typeof FontFace > "u" || !(document != null && document.fonts)) return;
-      this.loadThemeFonts(), this.loadThemeStyles().then(() => {
-        this.cssLoaded = !0;
-      });
-    }
-  }
-  loadThemeFonts() {
-    var t;
-    (t = v[this.theme]) == null || t.fonts.forEach((o) => {
-      this.loadThemeFont(o);
-    });
-  }
-  async loadThemeFont({ weight: t, name: o, file: s }) {
-    if (!this.loadFonts) return Promise.resolve();
-    const r = `${o}-${t}`;
-    if (this.loadedFonts.has(r)) return;
-    const e = new FontFace(
-      o,
-      `url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.woff2') format('woff2'),
-            url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.woff') format('woff'),
-            url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.ttf') format('truetype'),
-            url('https://ds-assets.cupra.com/fonts/${this.theme}/${s}.otf') format('opentype')`,
-      {
-        style: "normal",
-        weight: t,
-        display: "swap"
-      }
-    );
-    try {
-      await e.load(), document.fonts.add(e), this.loadedFonts.add(r);
-    } catch (a) {
-      console.error(`Error loading "${o}" font with "${t}" weight:`, a);
-    }
-  }
-  loadThemeStyles() {
-    return this.loadStyles ? new Promise((t, o) => {
-      const s = "/2.0.0-canary.17", r = `https://ds-assets.cupra.com${s}/styles/${this.theme}/theme.css`;
-      if (document.head.querySelector(`link[href="${r}"]`)) t();
-      else {
-        const e = `ui-kit-theme-${s}`, a = document.getElementById(e), n = document.createElement("link");
-        n.id = e, n.rel = "stylesheet", n.href = r, n.onload = () => t(), n.onerror = () => o(new Error(`Failed to load theme CSS: ${r}`)), document.head.appendChild(n), a == null || a.remove();
-      }
-    }) : Promise.resolve();
-  }
-  render() {
-    return this.cssLoaded ? $`<slot></slot>` : y;
-  }
-};
-d([
-  i({ type: Boolean, converter: h, attribute: "load-fonts" })
-], m.prototype, "loadFonts", 2);
-d([
-  i({ type: Boolean, converter: h, attribute: "load-styles" })
-], m.prototype, "loadStyles", 2);
-d([
-  c({ context: S }),
-  i({ type: String })
-], m.prototype, "theme", 2);
-d([
-  l()
-], m.prototype, "cssLoaded", 2);
-d([
-  l()
-], m.prototype, "loadedFonts", 2);
-m = d([
-  f("ds-theme-provider")
-], m);
-export {
-  m as DsThemeProvider
+import { e } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.js";
+import { themeContext as t } from "./themeContext.js";
+import "../../core/theme.constants.js";
+import { pubSub as n } from "../../utils/PubSub.js";
+import { E as r, x as i } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import { i as a } from "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n as o } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { r as s } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as c } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { customUiKitElement as l } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as u } from "../../utils/booleanConverter.js";
+import { fontsConfig as d } from "../../styles/source/shared/fonts-config.js";
+//#region src/components/ds-theme-provider/ds-theme-provider.ts
+var f = class extends a {
+	constructor(...e) {
+		super(...e), this.loadFonts = !0, this.loadStyles = !0, this.loadUnusedStyles = !0, this.cssLoaded = !1, this.loadedFonts = /* @__PURE__ */ new Set();
+	}
+	updated(e) {
+		if (super.updated(e), e.has("theme")) {
+			var t, r;
+			n.publish("theme", this.theme), (t = sessionStorage) == null || t.setItem("@cupra/ui-kit/theme", this.theme), typeof FontFace < "u" && (r = document) != null && r.fonts && this.loadThemeFonts(), this.loadThemeStyles().then(() => {
+				this.cssLoaded = !0, this.dispatchEvent(new CustomEvent("ui-kit:ready", {
+					bubbles: !0,
+					composed: !0
+				}));
+			});
+		}
+	}
+	loadThemeFonts() {
+		var e;
+		(e = d[this.theme]) == null || e.fonts.forEach((e) => {
+			this.loadThemeFont(e);
+		});
+	}
+	async loadThemeFont({ weight: e, name: t, file: n }) {
+		if (!this.loadFonts) return Promise.resolve();
+		let r = `${t}-${e}`;
+		if (this.loadedFonts.has(r)) return;
+		let i = new FontFace(t, `url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff2') format('woff2'),
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.woff') format('woff'),
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.ttf') format('truetype'),
+            url('https://ds-assets.cupra.com/fonts/${this.theme}/${n}.otf') format('opentype')`, {
+			style: "normal",
+			weight: e,
+			display: "optional"
+		});
+		try {
+			await i.load(), document.fonts.add(i), this.loadedFonts.add(r);
+		} catch (n) {
+			console.error(`Error loading "${t}" font with "${e}" weight:`, n);
+		}
+	}
+	loadThemeStyles() {
+		let e = "/2.0.0-canary.171";
+		return this.loadUnusedStyles && this.applyUnusedStyles(e), this.loadStyles ? new Promise((t, n) => {
+			let r = `https://ds-assets.cupra.com${e}/styles/${this.theme}/theme.css`;
+			if (document.head.querySelector(`link[href="${r}"]`)) t();
+			else {
+				let i = `ui-kit-theme-${e}`, a = document.getElementById(i), o = document.createElement("link");
+				o.id = i, o.rel = "stylesheet", o.href = r, o.onload = () => t(), o.onerror = () => n(/* @__PURE__ */ Error(`Failed to load theme CSS: ${r}`)), document.head.appendChild(o), a == null || a.remove();
+			}
+		}) : Promise.resolve();
+	}
+	applyUnusedStyles(e) {
+		let t = `https://ds-assets.cupra.com${e}/styles/${this.theme}/unused-styles.css`;
+		if (document.head.querySelector(`link[href="${t}"]`)) return;
+		let n = `ui-kit-unused-styles-${e}`, r = document.getElementById(n), i = document.createElement("link");
+		i.id = n, i.rel = "preload", i.as = "style", i.href = t, i.onload = () => {
+			i.rel = "stylesheet";
+		}, document.head.appendChild(i), r == null || r.remove();
+	}
+	render() {
+		return this.cssLoaded ? i`<slot></slot>` : r;
+	}
 };
+c([o({
+	type: Boolean,
+	converter: u,
+	attribute: "load-fonts"
+})], f.prototype, "loadFonts", void 0), c([o({
+	type: Boolean,
+	converter: u,
+	attribute: "load-styles"
+})], f.prototype, "loadStyles", void 0), c([o({
+	type: Boolean,
+	converter: u,
+	attribute: "load-unused-styles"
+})], f.prototype, "loadUnusedStyles", void 0), c([e({ context: t }), o({ type: String })], f.prototype, "theme", void 0), c([s()], f.prototype, "cssLoaded", void 0), c([s()], f.prototype, "loadedFonts", void 0), f = c([l("ds-theme-provider")], f);
+//#endregion

package/dist/esm/components/ds-theme-provider/themeContext.js

@@ -1,5 +1,5 @@
-import { createContext as t } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.js";
-const o = t("theme");
-export {
-  o as themeContext
-};
+import { n as e } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.js";
+//#region src/components/ds-theme-provider/themeContext.ts
+var t = e("theme");
+//#endregion
+export { t as themeContext };

package/dist/esm/components/ds-theme-switch/ds-theme-switch.js

@@ -0,0 +1,29 @@
+import { c as e } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/consume.js";
+import { themeContext as t } from "../ds-theme-provider/themeContext.js";
+import { E as n, x as r } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import { i } from "../../node_modules/.pnpm/lit-element@4.2.1/node_modules/lit-element/lit-element.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n as a } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as o } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { customUiKitElement as s } from "../../decorators/customUiKitElement.js";
+//#region src/components/ds-theme-switch/ds-theme-switch.ts
+var c = class extends i {
+	getMatchingTemplate() {
+		return this.activeTheme ? this.querySelector(`template[slot="${this.activeTheme}"]`) : null;
+	}
+	getDefaultTemplate() {
+		return this.querySelector("template[slot=\"default\"]");
+	}
+	render() {
+		let e = this.getMatchingTemplate();
+		if (e) return r`${e.content.cloneNode(!0)}`;
+		let t = this.getDefaultTemplate();
+		return t ? r`${t.content.cloneNode(!0)}` : n;
+	}
+};
+o([a({ attribute: !1 }), e({
+	context: t,
+	subscribe: !0
+})], c.prototype, "activeTheme", void 0), c = o([s("ds-theme-switch", { skipTagAsComponentName: !0 })], c);
+//#endregion

package/dist/esm/components/ds-toast/ds-toast.js

@@ -1,95 +1,82 @@
-import { UiKitElement as p } from "../base/UiKitElement.js";
-import { toastManager as l } from "./utils/ToastManager.js";
-import { customUiKitElement as d } from "../../decorators/customUiKitElement.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { nothing as f, html as m } from "../../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 { property as b } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as h } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
-import { classMap as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { repeat as g } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/repeat.js";
-import { unsafeHTML as v } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
-import { containerStyles as y, toastStyles as M } from "./styles/common.styles.js";
-var T = Object.defineProperty, x = Object.getOwnPropertyDescriptor, c = (t, i, s, a) => {
-  for (var e = a > 1 ? void 0 : a ? x(i, s) : i, o = t.length - 1, n; o >= 0; o--)
-    (n = t[o]) && (e = (a ? n(i, s, e) : n(e)) || e);
-  return a && e && T(i, s, e), e;
-};
-let r = class extends p {
-  constructor() {
-    super(...arguments), this.position = "top-right", this.toasts = [], this.unsubscribe = null;
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.unsubscribe = l.subscribe((t) => {
-      this.toasts = t;
-    });
-  }
-  disconnectedCallback() {
-    this.unsubscribe && (this.unsubscribe(), this.unsubscribe = null), super.disconnectedCallback();
-  }
-  handleAnimationEnd(t) {
-    const i = t.target;
-    if (i.classList.contains("exiting") && (t.animationName === "toast-out-left" || t.animationName === "toast-out-right")) {
-      const s = i.getAttribute("data-id");
-      s && l.removeToast(s);
-    }
-  }
-  getToastMessageTemplate(t) {
-    const i = {
-      toast: !0,
-      [t.status]: !0,
-      exiting: t.exiting
-    };
-    let s = f;
-    if (t.referenceId) {
-      const a = document.querySelector(`[data-id="${t.referenceId}"]`);
-      if (a) {
-        const e = a.cloneNode(!0);
-        e.setAttribute("data-template", "false"), e.setAttribute("data-id", t.id), s = v(e.outerHTML);
-      }
-    } else
-      s = this.componentFactory.createToastMessage({
-        "data-id": t.id,
-        "data-template": !1,
-        title: t.title,
-        text: t.text,
-        status: t.status
-      });
-    return m`<div class=${u(i)} data-id="${t.id}">${s}</div>`;
-  }
-  get containerClasses() {
-    return {
-      "toast-container": !0,
-      [this.position]: !0
-    };
-  }
-  render() {
-    return m`
+import { E as e, x as t } 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 { n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as i } from "../../_virtual/_@oxc-project_runtime@0.133.0/helpers/esm/decorate.js";
+import { UiKitElement as a } from "../base/UiKitElement.js";
+import { customUiKitElement as o } from "../../decorators/customUiKitElement.js";
+import { o as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/unsafe-html.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/unsafe-html.js";
+import { uiKitHtml as c } from "../../utils/uiKitHtml.js";
+import { e as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map.js";
+import { o as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/if-defined.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
+import { toastManager as d } from "./utils/ToastManager.js";
+import "../ds-toast-message/ds-toast-message.js";
+import { c as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/repeat.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/repeat.js";
+import { containerStyles as p, toastStyles as m } from "./styles/common.styles.js";
+//#region src/components/ds-toast/ds-toast.ts
+var h, g = (h = class extends a {
+	constructor(...e) {
+		super(...e), this.position = "top-right", this.toasts = [], this.unsubscribe = null;
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.unsubscribe = d.subscribe((e) => {
+			this.toasts = e;
+		});
+	}
+	disconnectedCallback() {
+		this.unsubscribe && (this.unsubscribe(), this.unsubscribe = null), super.disconnectedCallback();
+	}
+	handleAnimationEnd(e) {
+		let t = e.target;
+		if (t.classList.contains("exiting") && (e.animationName === "toast-out-left" || e.animationName === "toast-out-right")) {
+			let e = t.getAttribute("data-id");
+			e && d.removeToast(e);
+		}
+	}
+	getToastMessageTemplate(n) {
+		let r = {
+			toast: !0,
+			[n.status]: !0,
+			exiting: n.exiting
+		}, i = e;
+		if (n.referenceId) {
+			let e = document.querySelector(`[data-id="${n.referenceId}"]`);
+			if (e) {
+				let t = e.cloneNode(!0);
+				t.setAttribute("data-template", "false"), t.setAttribute("data-id", n.id), i = s(t.outerHTML);
+			}
+		} else i = c`<ds-toast-message
+                data-id=${n.id}
+                data-template="false"
+                title=${u(n.title)}
+                text=${u(n.text)}
+                status=${u(n.status)}
+            ></ds-toast-message>`;
+		return t`<div class=${l(r)} data-id="${n.id}">${i}</div>`;
+	}
+	get containerClasses() {
+		return {
+			"toast-container": !0,
+			[this.position]: !0
+		};
+	}
+	render() {
+		return t`
             <div
                 part="toast-container"
-                class=${u(this.containerClasses)}
+                class=${l(this.containerClasses)}
                 @animationend=${this.handleAnimationEnd}
                 aria-live="polite"
             >
-                ${g(
-      this.toasts,
-      (t) => t.id,
-      (t) => this.getToastMessageTemplate(t)
-    )}
+                ${f(this.toasts, (e) => e.id, (e) => this.getToastMessageTemplate(e))}
             </div>
         `;
-  }
-};
-r.styles = [y, M];
-c([
-  b({ type: String })
-], r.prototype, "position", 2);
-c([
-  h()
-], r.prototype, "toasts", 2);
-r = c([
-  d("ds-toast")
-], r);
-export {
-  r as DsToast
-};
+	}
+}, h.styles = [p, m], h);
+i([n({ type: String })], g.prototype, "position", void 0), i([r()], g.prototype, "toasts", void 0), g = i([o("ds-toast")], g);
+//#endregion