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

package/dist-react/esm/components/ds-radio-group/ds-radio-group.js

@@ -1,79 +1,68 @@
-import { customUiKitElement as n } from "../../decorators/customUiKitElement.js";
-import { FormAssociatedMixin as l } from "../../mixins/FormAssociatedMixin.js";
-import "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/reactive-element.js";
-import { html as u } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
-import { LitElement as h } from "../../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 { queryAssignedElements as c } 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 y } from "./ds-radio-group.styles.js";
-var g = Object.defineProperty, v = Object.getOwnPropertyDescriptor, a = (e, t, s, i) => {
-  for (var o = i > 1 ? void 0 : i ? v(t, s) : t, m = e.length - 1, d; m >= 0; m--)
-    (d = e[m]) && (o = (i ? d(t, s, o) : d(o)) || o);
-  return i && o && g(t, s, o), o;
-};
-let r = class extends l(h) {
-  constructor() {
-    super(...arguments), this.mode = "light", this.size = "large";
-  }
-  updateRadioChecked() {
-    requestAnimationFrame(() => {
-      this.radioElements.forEach((e) => {
-        e.checked = e.value === this.value;
-      });
-    });
-  }
-  setRadioProps(e) {
-    requestAnimationFrame(() => {
-      ["name", "size", "mode"].forEach((s) => {
-        e.has(s) && this.radioElements.forEach((i) => {
-          i[s] = this[s];
-        });
-      });
-    });
-  }
-  updated(e) {
-    super.updated(e), this.setRadioProps(e);
-  }
-  firstUpdated(e) {
-    super.firstUpdated(e), this.updateRadioChecked(), this.setRadioProps(e);
-  }
-  handleChangeRadio(e) {
-    var t;
-    this.value = (t = e.detail) == null ? void 0 : t.value;
-  }
-  get classes() {
-    return {
-      container: !0
-    };
-  }
-  render() {
-    return u`
-            <fieldset class=${f(this.classes)} @change=${this.handleChangeRadio}>
+import { x as e } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/lit-html.js";
+import { i as t } 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 } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { o as r } 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 i } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.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 { FormAssociatedMixin as s } from "../../mixins/FormAssociatedMixin.js";
+import { commonStyles as c } from "./ds-radio-group.styles.js";
+//#region src/components/ds-radio-group/ds-radio-group.ts
+var l = class extends s(t) {
+	constructor(...e) {
+		super(...e), this.mode = "light", this.size = "large";
+	}
+	static {
+		this.styles = [c];
+	}
+	updateRadioChecked() {
+		requestAnimationFrame(() => {
+			this.radioElements.forEach((e) => {
+				e.checked = e.value === this.value;
+			});
+		});
+	}
+	setRadioProps(e) {
+		requestAnimationFrame(() => {
+			[
+				"name",
+				"size",
+				"mode"
+			].forEach((t) => {
+				e.has(t) && this.radioElements.forEach((e) => {
+					e[t] = this[t];
+				});
+			});
+		});
+	}
+	updated(e) {
+		super.updated(e), this.setRadioProps(e);
+	}
+	firstUpdated(e) {
+		super.firstUpdated(e), this.updateRadioChecked(), this.setRadioProps(e);
+	}
+	handleChangeRadio(e) {
+		this.value = e.detail?.value;
+	}
+	get classes() {
+		return { container: !0 };
+	}
+	render() {
+		return e`
+            <fieldset class=${o(this.classes)} @change=${this.handleChangeRadio}>
                 <slot></slot>
             </fieldset>
         `;
-  }
-};
-r.styles = [y];
-a([
-  p({ type: String })
-], r.prototype, "name", 2);
-a([
-  p({ type: String, reflect: !0 })
-], r.prototype, "value", 2);
-a([
-  p({ type: String, reflect: !0 })
-], r.prototype, "mode", 2);
-a([
-  p({ type: String })
-], r.prototype, "size", 2);
-a([
-  c({ selector: "ds-radio" })
-], r.prototype, "radioElements", 2);
-r = a([
-  n("ds-radio-group", { skipTagAsComponentName: !0 })
-], r);
-export {
-  r as DsRadioGroup
+	}
 };
+i([n({ type: String })], l.prototype, "name", void 0), i([n({
+	type: String,
+	reflect: !0
+})], l.prototype, "value", void 0), i([n({
+	type: String,
+	reflect: !0
+})], l.prototype, "mode", void 0), i([n({ type: String })], l.prototype, "size", void 0), i([r({ selector: "ds-radio" })], l.prototype, "radioElements", void 0), l = i([a("ds-radio-group", { skipTagAsComponentName: !0 })], l);
+//#endregion

package/dist-react/esm/components/ds-radio-group/ds-radio-group.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-radio-group/ds-radio-group.styles.ts
+var t = e`
     :host {
         display: flex;
         flex-direction: column;
@@ -16,6 +15,5 @@ const r = o`
         display: contents;
     }
 `;
-export {
-  r as commonStyles
-};
+//#endregion
+export { t as commonStyles };

package/dist-react/esm/components/ds-rating/ds-rating.js

@@ -1,73 +1,66 @@
-import { UiKitElement as c } from "../base/UiKitElement.js";
-import { customUiKitElement as h } from "../../decorators/customUiKitElement.js";
-import { booleanConverter as u } 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 m } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { classMap as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+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 "../ds-icon/ds-icon.js";
-import { commonStyles as f } from "./styles/common.styles.js";
-var v = Object.defineProperty, g = Object.getOwnPropertyDescriptor, o = (e, t, r, a) => {
-  for (var s = a > 1 ? void 0 : a ? g(t, r) : t, l = e.length - 1, n; l >= 0; l--)
-    (n = e[l]) && (s = (a ? n(t, r, s) : n(s)) || s);
-  return a && s && v(t, r, s), s;
-};
-let i = class extends c {
-  constructor() {
-    super(...arguments), this.disabled = !1, this.hideRatingText = !1;
-  }
-  get displayValue() {
-    if (this.value === void 0 || this.value === null || this.value < 0) return 0;
-    const e = Math.max(0, Math.min(5, this.value)), t = Math.floor(e), r = Number((e - t).toFixed(2));
-    return t + Math.round(r / 0.5) * 0.5;
-  }
-  get classes() {
-    return {
-      container: !0,
-      disabled: this.disabled
-    };
-  }
-  getStarIconName(e, t) {
-    return t >= e ? "star-filled" : t >= e - 0.5 ? "half-star-filled" : "star";
-  }
-  get starsTemplate() {
-    const e = this.displayValue, t = [];
-    for (let r = 1; r <= 5; r++) {
-      const a = this.getStarIconName(r, e);
-      a && t.push(
-        this.componentFactory.createIcon({
-          class: "star-icon",
-          "icon-name": a,
-          size: 16
-        })
-      );
-    }
-    return t;
-  }
-  render() {
-    const e = this.value !== void 0 && this.value >= 0 ? this.value : 0, r = Math.max(0, Math.min(5, e)).toString();
-    return p`
-            <div class=${d(this.classes)} aria-label=${`Rating: ${r} out of 5`} role="img">
+import { commonStyles as s } from "./styles/common.styles.js";
+//#region src/components/ds-rating/ds-rating.ts
+var c = class extends r {
+	constructor(...e) {
+		super(...e), this.disabled = !1, this.hideRatingText = !1;
+	}
+	static {
+		this.styles = [s];
+	}
+	get displayValue() {
+		if (this.value === void 0 || this.value === null || this.value < 0) return 0;
+		let e = Math.max(0, Math.min(5, this.value)), t = Math.floor(e), n = Number((e - t).toFixed(2));
+		return t + Math.round(n / .5) * .5;
+	}
+	get classes() {
+		return {
+			container: !0,
+			disabled: this.disabled
+		};
+	}
+	getStarIconName(e, t) {
+		return t >= e ? "star-filled" : t >= e - .5 ? "half-star-filled" : "star";
+	}
+	get starsTemplate() {
+		let e = this.displayValue, t = [];
+		for (let n = 1; n <= 5; n++) {
+			let r = this.getStarIconName(n, e);
+			r && t.push(this.componentFactory.createIcon({
+				class: "star-icon",
+				"icon-name": r,
+				size: 16
+			}));
+		}
+		return t;
+	}
+	render() {
+		let t = this.value !== void 0 && this.value >= 0 ? this.value : 0, n = Math.max(0, Math.min(5, t)).toString();
+		return e`
+            <div class=${o(this.classes)} aria-label=${`Rating: ${n} out of 5`} role="img">
                 <div class="stars-wrapper">${this.starsTemplate}</div>
-                ${this.hideRatingText ? "" : p`<span class="rating-text">${r}</span>`}
+                ${this.hideRatingText ? "" : e`<span class="rating-text">${n}</span>`}
             </div>
         `;
-  }
-};
-i.styles = [f];
-o([
-  m({ type: Number })
-], i.prototype, "value", 2);
-o([
-  m({ type: Boolean, converter: u, reflect: !0 })
-], i.prototype, "disabled", 2);
-o([
-  m({ type: Boolean, converter: u, attribute: "hide-rating-text" })
-], i.prototype, "hideRatingText", 2);
-i = o([
-  h("ds-rating")
-], i);
-export {
-  i as DsRating
+	}
 };
+n([t({ type: Number })], c.prototype, "value", void 0), n([t({
+	type: Boolean,
+	converter: a,
+	reflect: !0
+})], c.prototype, "disabled", void 0), n([t({
+	type: Boolean,
+	converter: a,
+	attribute: "hide-rating-text"
+})], c.prototype, "hideRatingText", void 0), c = n([i("ds-rating")], c);
+//#endregion

package/dist-react/esm/components/ds-rating/styles/common.styles.js

@@ -1,14 +1,12 @@
-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 r } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const e = r`
+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-rating/styles/common.styles.ts
+var t = e`
     .container,
     .stars-wrapper {
         display: flex;
         align-items: center;
     }
 `;
-export {
-  e as commonStyles
-};
+//#endregion
+export { t as commonStyles };