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

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

@@ -1,57 +1,49 @@
-import { UiKitElement as a } from "../base/UiKitElement.js";
-import { customUiKitElement as p } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as m } from "../../utils/booleanConverter.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as h } 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 d } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as u } from "./styles/common.styles.js";
-var v = Object.defineProperty, k = Object.getOwnPropertyDescriptor, l = (n, t, r, s) => {
-  for (var e = s > 1 ? void 0 : s ? k(t, r) : t, o = n.length - 1, i; o >= 0; o--)
-    (i = n[o]) && (e = (s ? i(t, r, e) : i(e)) || e);
-  return s && e && v(t, r, e), e;
-};
-let c = class extends a {
-  get iconTemplate() {
-    return this.componentFactory.createIcon({
-      class: "icon",
-      size: 40,
-      "icon-name": this.checked ? "check" : "plus"
-    });
-  }
-  get classes() {
-    return {
-      container: !0,
-      checked: this.checked
-    };
-  }
-  handleClick() {
-    this.checked = !this.checked, this.dispatchEvent(
-      new CustomEvent("change", {
-        bubbles: !0,
-        composed: !0,
-        detail: {
-          checked: this.checked
-        }
-      })
-    );
-  }
-  render() {
-    return h`
-            <span data-testid="ds-selection-container" class=${f(this.classes)} @click=${this.handleClick}>
+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 { n as t } 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 n } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as r } from "../base/UiKitElement.js";
+import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as a } from "../../utils/booleanConverter.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 { commonStyles as s } from "./styles/common.styles.js";
+//#region src/components/ds-selection/ds-selection.ts
+var c = class extends r {
+	static {
+		this.styles = [s];
+	}
+	get iconTemplate() {
+		return this.componentFactory.createIcon({
+			class: "icon",
+			size: 40,
+			"icon-name": this.checked ? "check" : "plus"
+		});
+	}
+	get classes() {
+		return {
+			container: !0,
+			checked: this.checked
+		};
+	}
+	handleClick() {
+		this.checked = !this.checked, this.dispatchEvent(new CustomEvent("change", {
+			bubbles: !0,
+			composed: !0,
+			detail: { checked: this.checked }
+		}));
+	}
+	render() {
+		return e`
+            <span data-testid="ds-selection-container" class=${o(this.classes)} @click=${this.handleClick}>
                 ${this.iconTemplate}
             </span>
         `;
-  }
-};
-c.styles = [u];
-l([
-  d({ type: Boolean, converter: m })
-], c.prototype, "checked", 2);
-c = l([
-  p("ds-selection")
-], c);
-export {
-  c as DsSelection
+	}
 };
+n([t({
+	type: Boolean,
+	converter: a
+})], c.prototype, "checked", void 0), c = n([i("ds-selection")], c);
+//#endregion

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

@@ -1,8 +1,7 @@
-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 s = 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-selection/styles/common.styles.ts
+var t = e`
     :host {
         display: inline-block;
     }
@@ -12,6 +11,5 @@ const s = o`
         cursor: pointer;
     }
 `;
-export {
-  s as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist/esm/components/ds-sidebar-navigation/ds-sidebar-navigation.js

@@ -1,82 +1,85 @@
-import { UiKitElement as d } from "../base/UiKitElement.js";
-import { customUiKitElement as c } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as m } from "../../utils/booleanConverter.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as p } 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 h } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { queryAssignedElements as u } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
-import { classMap as f } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { commonStyles as v } from "./styles/common.styles.js";
-var b = Object.defineProperty, g = Object.getOwnPropertyDescriptor, n = (t, s, o, a) => {
-  for (var e = a > 1 ? void 0 : a ? g(s, o) : s, i = t.length - 1, r; i >= 0; i--)
-    (r = t[i]) && (e = (a ? r(s, o, e) : r(e)) || e);
-  return a && e && b(s, o, e), e;
-};
-let l = class extends d {
-  constructor() {
-    super(...arguments), this.open = !1, this.scrollLocked = !1, this.savedBodyOverflow = "", this.toggleModal = () => {
-      this.open = !this.open, this.open ? this.dispatchEvent(new Event("ds-sidebar-navigation:open", { bubbles: !0, composed: !0 })) : this.dispatchEvent(new Event("ds-sidebar-navigation:close", { bubbles: !0, composed: !0 }));
-    }, this.handleModalClick = (t) => {
-      t.target === t.currentTarget && this.toggleModal();
-    }, this.handleSlotChange = (t) => {
-      const a = t.target.assignedElements().find((e) => e.tagName === "DS-BUTTON");
-      this.setMainCtaSize(a);
-    }, this.setMainCtaSize = (t) => {
-      t && t.setAttribute(
-        "size",
-        JSON.stringify({
-          xxl: "large",
-          xl: "large",
-          l: "medium",
-          m: "medium",
-          s: "small",
-          xs: "small",
-          xxs: "small"
-        })
-      );
-    };
-  }
-  firstUpdated(t) {
-    var o;
-    super.firstUpdated(t);
-    const s = (o = this.mainCtas) == null ? void 0 : o[0];
-    s && this.setMainCtaSize(s);
-  }
-  updated(t) {
-    super.updated(t), t.has("open") && (this.open ? (this.savedBodyOverflow = document.body.style.overflow, document.body.style.overflow = "hidden", this.scrollLocked = !0) : this.scrollLocked && (document.body.style.overflow = this.savedBodyOverflow, this.scrollLocked = !1));
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), this.scrollLocked && (document.body.style.overflow = this.savedBodyOverflow, this.scrollLocked = !1);
-  }
-  modalButtonTemplate() {
-    return this.componentFactory.createIconButton({
-      class: "modal-button",
-      "icon-name": this.open ? "cross" : "triple-dot-v",
-      "@click": this.toggleModal,
-      "data-testid": "modal-button",
-      "data-aria-label": "more actions",
-      variant: "tertiary",
-      size: JSON.stringify({
-        xxl: "large",
-        xl: "large",
-        l: "medium",
-        m: "medium",
-        s: "small",
-        xs: "small",
-        xxs: "small"
-      })
-    });
-  }
-  classes() {
-    return {
-      container: !0,
-      open: this.open
-    };
-  }
-  render() {
-    return p`
-            <div class=${f(this.classes())}>
+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 { n as t } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { o as n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/decorators.js";
+import { __decorate as r } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as i } from "../base/UiKitElement.js";
+import { customUiKitElement as a } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as o } from "../../utils/booleanConverter.js";
+import { e as s } 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 { commonStyles as c } from "./styles/common.styles.js";
+//#region src/components/ds-sidebar-navigation/ds-sidebar-navigation.ts
+var l = class extends i {
+	constructor(...e) {
+		super(...e), this.open = !1, this.scrollLocked = !1, this.savedBodyOverflow = "", this.toggleModal = () => {
+			this.open = !this.open, this.open ? this.dispatchEvent(new Event("ds-sidebar-navigation:open", {
+				bubbles: !0,
+				composed: !0
+			})) : this.dispatchEvent(new Event("ds-sidebar-navigation:close", {
+				bubbles: !0,
+				composed: !0
+			}));
+		}, this.handleModalClick = (e) => {
+			e.target === e.currentTarget && this.toggleModal();
+		}, this.handleSlotChange = (e) => {
+			let t = e.target.assignedElements().find((e) => e.tagName === "DS-BUTTON");
+			this.setMainCtaSize(t);
+		}, this.setMainCtaSize = (e) => {
+			e && e.setAttribute("size", JSON.stringify({
+				xxl: "large",
+				xl: "large",
+				l: "medium",
+				m: "medium",
+				s: "small",
+				xs: "small",
+				xxs: "small"
+			}));
+		};
+	}
+	static {
+		this.styles = [c];
+	}
+	firstUpdated(e) {
+		super.firstUpdated(e);
+		let t = this.mainCtas?.[0];
+		t && this.setMainCtaSize(t);
+	}
+	updated(e) {
+		super.updated(e), e.has("open") && (this.open ? (this.savedBodyOverflow = document.body.style.overflow, document.body.style.overflow = "hidden", this.scrollLocked = !0) : this.scrollLocked &&= (document.body.style.overflow = this.savedBodyOverflow, !1));
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.scrollLocked &&= (document.body.style.overflow = this.savedBodyOverflow, !1);
+	}
+	modalButtonTemplate() {
+		return this.componentFactory.createIconButton({
+			class: "modal-button",
+			"icon-name": this.open ? "cross" : "triple-dot-v",
+			"@click": this.toggleModal,
+			"data-testid": "modal-button",
+			"data-aria-label": "more actions",
+			variant: "tertiary",
+			size: JSON.stringify({
+				xxl: "large",
+				xl: "large",
+				l: "medium",
+				m: "medium",
+				s: "small",
+				xs: "small",
+				xxs: "small"
+			})
+		});
+	}
+	classes() {
+		return {
+			container: !0,
+			open: this.open
+		};
+	}
+	render() {
+		return e`
+            <div class=${s(this.classes())}>
                 <nav class="nav" part="bar">
                     <div class="aside" part="aside">
                         <slot name="aside-text"></slot>
@@ -95,18 +98,15 @@ let l = class extends d {
                 </div>
             </div>
         `;
-  }
-};
-l.styles = [v];
-n([
-  h({ type: Boolean, converter: m, reflect: !0 })
-], l.prototype, "open", 2);
-n([
-  u({ slot: "main-cta", selector: "ds-button", flatten: !0 })
-], l.prototype, "mainCtas", 2);
-l = n([
-  c("ds-sidebar-navigation")
-], l);
-export {
-  l as DsSidebarNavigation
+	}
 };
+r([t({
+	type: Boolean,
+	converter: o,
+	reflect: !0
+})], l.prototype, "open", void 0), r([n({
+	slot: "main-cta",
+	selector: "ds-button",
+	flatten: !0
+})], l.prototype, "mainCtas", void 0), l = r([a("ds-sidebar-navigation")], l);
+//#endregion

package/dist/esm/components/ds-sidebar-navigation/styles/common.styles.js

@@ -1,8 +1,7 @@
-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 r = 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-sidebar-navigation/styles/common.styles.ts
+var t = e`
     :host {
         display: contents;
     }
@@ -20,6 +19,5 @@ const r = o`
         box-sizing: border-box;
     }
 `;
-export {
-  r as commonStyles
-};
+//#endregion
+export { t as commonStyles };

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

@@ -1,61 +1,47 @@
-import { UiKitElement as l } from "../base/UiKitElement.js";
-import { customUiKitElement as h } from "../../decorators/customUiKitElement.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as y } 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 o } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as v } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
-import { styleMap as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.js";
-import { commonStyles as f } from "./styles/common.styles.js";
-var c = Object.defineProperty, d = Object.getOwnPropertyDescriptor, r = (m, i, n, s) => {
-  for (var t = s > 1 ? void 0 : s ? d(i, n) : i, p = m.length - 1, a; p >= 0; p--)
-    (a = m[p]) && (t = (s ? a(i, n, t) : a(t)) || t);
-  return s && t && c(i, n, t), t;
-};
-let e = class extends l {
-  constructor() {
-    super(...arguments), this.variant = "text", this.animation = "shimmer";
-  }
-  get classes() {
-    return {
-      skeleton: !0,
-      [`variant-${this.variant}`]: !0,
-      [`animation-${this.animation}`]: !0
-    };
-  }
-  get inlineStyles() {
-    return {
-      width: this.width ?? void 0,
-      height: this.height ?? void 0
-    };
-  }
-  render() {
-    return y`
+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 { n as t } 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 n } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as r } from "../base/UiKitElement.js";
+import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
+import { e as a } 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 } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/style-map.js";
+import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.js";
+import { commonStyles as s } from "./styles/common.styles.js";
+//#region src/components/ds-skeleton/ds-skeleton.ts
+var c = class extends r {
+	constructor(...e) {
+		super(...e), this.variant = "text", this.animation = "shimmer";
+	}
+	static {
+		this.styles = [s];
+	}
+	get classes() {
+		return {
+			skeleton: !0,
+			[`variant-${this.variant}`]: !0,
+			[`animation-${this.animation}`]: !0
+		};
+	}
+	get inlineStyles() {
+		return {
+			width: this.width ?? void 0,
+			height: this.height ?? void 0
+		};
+	}
+	render() {
+		return e`
             <div
-                class=${v(this.classes)}
-                style=${u(this.inlineStyles)}
+                class=${a(this.classes)}
+                style=${o(this.inlineStyles)}
                 role="presentation"
                 aria-hidden="true"
             ></div>
         `;
-  }
-};
-e.styles = [f];
-r([
-  o({ type: String })
-], e.prototype, "variant", 2);
-r([
-  o({ type: String })
-], e.prototype, "width", 2);
-r([
-  o({ type: String })
-], e.prototype, "height", 2);
-r([
-  o({ type: String })
-], e.prototype, "animation", 2);
-e = r([
-  h("ds-skeleton")
-], e);
-export {
-  e as DsSkeleton
+	}
 };
+n([t({ type: String })], c.prototype, "variant", void 0), n([t({ type: String })], c.prototype, "width", void 0), n([t({ type: String })], c.prototype, "height", void 0), n([t({ type: String })], c.prototype, "animation", void 0), c = n([i("ds-skeleton")], c);
+//#endregion
+export { c as DsSkeleton };

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

@@ -1,9 +1,9 @@
-import { cssWithTokens as o } from "../../../utils/cssWithTokens.js";
-const t = o`
+import { cssWithTokens as e } from "../../../utils/cssWithTokens.js";
+//#region src/components/ds-skeleton/styles/common.styles.ts
+var t = e`
     :host {
         display: block;
     }
 `;
-export {
-  t as commonStyles
-};
+//#endregion
+export { t as commonStyles };