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

package/dist/esm/components/ds-radio-button/ds-radio-button.js

@@ -1,185 +1,157 @@
-import { UiKitElement as d } from "../base/UiKitElement.js";
-import { radioGroupErrorContext as b, radioGroupErrorTextContext as m, radioGroupDisabledContext as x, radioGroupHelperTextContext as v, radioGroupSizeContext as f } from "../ds-radio-button-group/ds-radio-button-group.js";
-import { customUiKitElement as y } from "../../decorators/customUiKitElement.js";
-import { ContextConsumer as C } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.js";
-import { booleanConverter as G } 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 c, 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 n } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
-import { state as p } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
-import { queryAssignedElements as T } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/query-assigned-elements.js";
-import { classMap as _ } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/class-map.js";
+import { s as e } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/controllers/context-consumer.js";
+import { E as t, x as n } 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 r } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/property.js";
+import { r as i } from "../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/decorators/state.js";
+import { o as a } 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 o } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as s } from "../base/UiKitElement.js";
+import { customUiKitElement as c } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as l } from "../../utils/booleanConverter.js";
+import { e as u } 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 { radioGroupDisabledContext as d, radioGroupErrorContext as f, radioGroupErrorTextContext as p, radioGroupHelperTextContext as m, radioGroupSizeContext as h } from "../ds-radio-button-group/ds-radio-button-group.js";
 import { commonStyles as g } from "./styles/common.styles.js";
-var k = Object.defineProperty, A = Object.getOwnPropertyDescriptor, i = (t, e, s, o) => {
-  for (var a = o > 1 ? void 0 : o ? A(e, s) : e, u = t.length - 1, l; u >= 0; u--)
-    (l = t[u]) && (a = (o ? l(e, s, a) : l(a)) || a);
-  return o && a && k(e, s, a), a;
-};
-let r = class extends d {
-  constructor() {
-    super(...arguments), this.inputPlacement = "left", this._size = "medium", this.errorText = "", this.helperText = "", this._disabled = !1, this.handleChange = (t) => {
-      this.checkInputState(t.target);
-    }, this.handleClick = () => {
-      var t;
-      (t = this.input[0]) == null || t.click();
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), queueMicrotask(() => {
-      this.createContextConsumers([
-        {
-          context: b,
-          callback: (t) => {
-            this.errorGroup = t;
-          }
-        },
-        {
-          context: m,
-          callback: (t) => {
-            this.errorTextGroup = t;
-          }
-        },
-        {
-          context: x,
-          callback: (t) => {
-            this.disabledGroup = t;
-          }
-        },
-        {
-          context: v,
-          callback: (t) => {
-            this.helperTextGroup = t;
-          }
-        },
-        {
-          context: f,
-          callback: (t) => {
-            this.sizeGroup = t;
-          }
-        }
-      ]);
-    });
-  }
-  firstUpdated(t) {
-    var s;
-    super.firstUpdated(t);
-    const e = (s = this.input) == null ? void 0 : s[0];
-    e && (e.addEventListener("change", this.handleChange), this.observeInputAttributes(), this.checkInputState(e), this.applyAriaAttributes());
-  }
-  createContextConsumers(t) {
-    t.forEach(({ context: e, callback: s }) => {
-      new C(this, {
-        context: e,
-        callback: s,
-        subscribe: !0
-      });
-    });
-  }
-  disconnectedCallback() {
-    var e;
-    super.disconnectedCallback();
-    const t = (e = this.input) == null ? void 0 : e[0];
-    t && (t.removeEventListener("change", this.handleChange), this.inputMutationObserver.disconnect());
-  }
-  checkInputState(t) {
-    this._disabled = this.disabledGroup ?? (t == null ? void 0 : t.disabled);
-  }
-  observeInputAttributes() {
-    const t = new MutationObserver(() => {
-      this.checkInputState(this.input[0]);
-    });
-    t.observe(this.input[0], {
-      attributes: !0,
-      attributeFilter: ["required", "disabled"]
-    }), this.inputMutationObserver = t;
-  }
-  updated(t) {
-    super.updated(t), (t.has("error") || t.has("errorText") || t.has("helperText")) && this.applyAriaAttributes();
-  }
-  applyAriaAttributes() {
-    var o;
-    const t = (o = this.input) == null ? void 0 : o[0];
-    if (!t) return;
-    const e = !!this.error, s = e ? this.errorText || this.errorTextGroup : this.helperText || this.helperTextGroup || null;
-    t.setAttribute("aria-disabled", this.disabled ? "true" : "false"), t.setAttribute("aria-invalid", e ? "true" : "false"), s ? t.setAttribute("aria-description", s) : t.removeAttribute("aria-description");
-  }
-  get containerClasses() {
-    return {
-      container: !0,
-      error: this.error,
-      disabled: this.disabled,
-      [this.size]: !0,
-      [this.inputPlacement]: !0
-    };
-  }
-  get error() {
-    return this._error ?? this.errorGroup;
-  }
-  get disabled() {
-    return this.disabledGroup ?? this._disabled;
-  }
-  get size() {
-    return this.sizeGroup || this._size;
-  }
-  render() {
-    return h`
-            <div @click=${this.handleClick} class=${_(this.containerClasses)}>
+//#region src/components/ds-radio-button/ds-radio-button.ts
+var _ = class extends s {
+	constructor(...e) {
+		super(...e), this.inputPlacement = "left", this._size = "medium", this.errorText = "", this.helperText = "", this._disabled = !1, this.handleChange = (e) => {
+			this.checkInputState(e.target);
+		}, this.handleClick = () => {
+			this.input[0]?.click();
+		};
+	}
+	static {
+		this.styles = [g];
+	}
+	connectedCallback() {
+		super.connectedCallback(), queueMicrotask(() => {
+			this.createContextConsumers([
+				{
+					context: f,
+					callback: (e) => {
+						this.errorGroup = e;
+					}
+				},
+				{
+					context: p,
+					callback: (e) => {
+						this.errorTextGroup = e;
+					}
+				},
+				{
+					context: d,
+					callback: (e) => {
+						this.disabledGroup = e;
+					}
+				},
+				{
+					context: m,
+					callback: (e) => {
+						this.helperTextGroup = e;
+					}
+				},
+				{
+					context: h,
+					callback: (e) => {
+						this.sizeGroup = e;
+					}
+				}
+			]);
+		});
+	}
+	firstUpdated(e) {
+		super.firstUpdated(e);
+		let t = this.input?.[0];
+		t && (t.addEventListener("change", this.handleChange), this.observeInputAttributes(), this.checkInputState(t), this.applyAriaAttributes());
+	}
+	createContextConsumers(t) {
+		t.forEach(({ context: t, callback: n }) => {
+			new e(this, {
+				context: t,
+				callback: n,
+				subscribe: !0
+			});
+		});
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback();
+		let e = this.input?.[0];
+		e && (e.removeEventListener("change", this.handleChange), this.inputMutationObserver.disconnect());
+	}
+	checkInputState(e) {
+		this._disabled = this.disabledGroup ?? e?.disabled;
+	}
+	observeInputAttributes() {
+		let e = new MutationObserver(() => {
+			this.checkInputState(this.input[0]);
+		});
+		e.observe(this.input[0], {
+			attributes: !0,
+			attributeFilter: ["required", "disabled"]
+		}), this.inputMutationObserver = e;
+	}
+	updated(e) {
+		super.updated(e), (e.has("error") || e.has("errorText") || e.has("helperText")) && this.applyAriaAttributes();
+	}
+	applyAriaAttributes() {
+		let e = this.input?.[0];
+		if (!e) return;
+		let t = !!this.error, n = t ? this.errorText || this.errorTextGroup : this.helperText || this.helperTextGroup || null;
+		e.setAttribute("aria-disabled", this.disabled ? "true" : "false"), e.setAttribute("aria-invalid", t ? "true" : "false"), n ? e.setAttribute("aria-description", n) : e.removeAttribute("aria-description");
+	}
+	get containerClasses() {
+		return {
+			container: !0,
+			error: this.error,
+			disabled: this.disabled,
+			[this.size]: !0,
+			[this.inputPlacement]: !0
+		};
+	}
+	get error() {
+		return this._error ?? this.errorGroup;
+	}
+	get disabled() {
+		return this.disabledGroup ?? this._disabled;
+	}
+	get size() {
+		return this.sizeGroup || this._size;
+	}
+	render() {
+		return n`
+            <div @click=${this.handleClick} class=${u(this.containerClasses)}>
                 <span class="input-container">
                     <slot name="input"></slot>
                 </span>
                 <div class="text-container">
                     <slot name="label"></slot>
-                    ${!(this.error && this.errorText) && this.helperText ? h`<div class="helper-text" > ${this.helperText}</div>` : c}
-                    ${this.error && this.errorText ? h`<div class="error-text">${this.errorText}</div>` : c}
+                    ${!(this.error && this.errorText) && this.helperText ? n`<div class="helper-text" > ${this.helperText}</div>` : t}
+                    ${this.error && this.errorText ? n`<div class="error-text">${this.errorText}</div>` : t}
                 </div>
             </div>
         `;
-  }
-};
-r.styles = [g];
-i([
-  n({ type: String, attribute: "input-placement" })
-], r.prototype, "inputPlacement", 2);
-i([
-  n({ type: String, attribute: "size" })
-], r.prototype, "_size", 2);
-i([
-  n({ type: Boolean, attribute: "error", converter: G })
-], r.prototype, "_error", 2);
-i([
-  n({ type: String, attribute: "error-text" })
-], r.prototype, "errorText", 2);
-i([
-  n({ type: String, attribute: "helper-text" })
-], r.prototype, "helperText", 2);
-i([
-  p()
-], r.prototype, "errorGroup", 2);
-i([
-  p()
-], r.prototype, "errorTextGroup", 2);
-i([
-  p()
-], r.prototype, "disabledGroup", 2);
-i([
-  p()
-], r.prototype, "helperTextGroup", 2);
-i([
-  p()
-], r.prototype, "sizeGroup", 2);
-i([
-  p()
-], r.prototype, "_disabled", 2);
-i([
-  p()
-], r.prototype, "inputMutationObserver", 2);
-i([
-  T({ slot: "input", selector: "input" })
-], r.prototype, "input", 2);
-r = i([
-  y("ds-radio-button")
-], r);
-export {
-  r as DsRadioButton
+	}
 };
+o([r({
+	type: String,
+	attribute: "input-placement"
+})], _.prototype, "inputPlacement", void 0), o([r({
+	type: String,
+	attribute: "size"
+})], _.prototype, "_size", void 0), o([r({
+	type: Boolean,
+	attribute: "error",
+	converter: l
+})], _.prototype, "_error", void 0), o([r({
+	type: String,
+	attribute: "error-text"
+})], _.prototype, "errorText", void 0), o([r({
+	type: String,
+	attribute: "helper-text"
+})], _.prototype, "helperText", void 0), o([i()], _.prototype, "errorGroup", void 0), o([i()], _.prototype, "errorTextGroup", void 0), o([i()], _.prototype, "disabledGroup", void 0), o([i()], _.prototype, "helperTextGroup", void 0), o([i()], _.prototype, "sizeGroup", void 0), o([i()], _.prototype, "_disabled", void 0), o([i()], _.prototype, "inputMutationObserver", void 0), o([a({
+	slot: "input",
+	selector: "input"
+})], _.prototype, "input", void 0), _ = o([c("ds-radio-button")], _);
+//#endregion

package/dist/esm/components/ds-radio-button/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 t } from "../../../node_modules/.pnpm/@lit_reactive-element@2.1.1/node_modules/@lit/reactive-element/css-tag.js";
-const n = t`
+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-button/styles/common.styles.ts
+var t = e`
     :host {
         display: block;
     }
@@ -46,6 +45,5 @@ const n = t`
         cursor: pointer;
     }
 `;
-export {
-  n as commonStyles
-};
+//#endregion
+export { t as commonStyles };

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

@@ -1,38 +1,38 @@
-import { UiKitElement as h } from "../base/UiKitElement.js";
-import { customUiKitElement as b } from "../../decorators/customUiKitElement.js";
-import { createContext as i } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.js";
-import { provide as s } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.js";
-import { booleanConverter as x } 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 c, html as u } 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 { commonStyles as y } from "./styles/common.styles.js";
-var f = Object.defineProperty, g = Object.getOwnPropertyDescriptor, e = (m, n, a, p) => {
-  for (var r = p > 1 ? void 0 : p ? g(n, a) : n, l = m.length - 1, d; l >= 0; l--)
-    (d = m[l]) && (r = (p ? d(n, a, r) : d(r)) || r);
-  return p && r && f(n, a, r), r;
-};
-const S = i(Symbol("ds-radio-button-group:disabled")), T = i(Symbol("ds-radio-button-group:error")), C = i(Symbol("ds-radio-button-group:error-text")), $ = i(Symbol("ds-radio-button-group:helper-text")), G = i(Symbol("ds-radio-button-group:size"));
-let t = class extends h {
-  constructor() {
-    super(...arguments), this.error = !1, this.errorText = "", this.helperText = "", this.disabled = !1, this.size = "medium", this.orientation = "vertical";
-  }
-  get classes() {
-    return {
-      container: !0,
-      error: this.error,
-      disabled: !!this.disabled,
-      [this.size]: !0,
-      [this.orientation]: !0
-    };
-  }
-  render() {
-    return u`
+import { n as e } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/create-context.js";
+import { e as t } from "../../node_modules/.pnpm/@lit_context@1.1.6/node_modules/@lit/context/lib/decorators/provide.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 "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/index.js";
+import { n as i } 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 a } from "../../_virtual/_@oxc-project_runtime@0.122.0/helpers/decorate.js";
+import { UiKitElement as o } from "../base/UiKitElement.js";
+import { customUiKitElement as s } from "../../decorators/customUiKitElement.js";
+import { booleanConverter as c } from "../../utils/booleanConverter.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 { commonStyles as u } from "./styles/common.styles.js";
+//#region src/components/ds-radio-button-group/ds-radio-button-group.ts
+var d = e(Symbol("ds-radio-button-group:disabled")), f = e(Symbol("ds-radio-button-group:error")), p = e(Symbol("ds-radio-button-group:error-text")), m = e(Symbol("ds-radio-button-group:helper-text")), h = e(Symbol("ds-radio-button-group:size")), g = class extends o {
+	constructor(...e) {
+		super(...e), this.error = !1, this.errorText = "", this.helperText = "", this.disabled = !1, this.size = "medium", this.orientation = "vertical";
+	}
+	static {
+		this.styles = [u];
+	}
+	get classes() {
+		return {
+			container: !0,
+			error: this.error,
+			disabled: !!this.disabled,
+			[this.size]: !0,
+			[this.orientation]: !0
+		};
+	}
+	render() {
+		return r`
             <div
                 data-testid="ds-radio-button-group-container"
-                class=${v(this.classes)}
+                class=${l(this.classes)}
                 .aria-invalid=${this.error}
             >   
                 <slot name="title"></slot>
@@ -40,44 +40,27 @@ let t = class extends h {
                 <div class="radio-buttons-container">
                     <slot></slot>
                 </div>
-                ${!this.error && this.helperText ? u`<div class = 'helper-text' > ${this.helperText}</div>` : c}
-                ${this.error && this.errorText ? u`<div class="error-text">${this.errorText}</div>` : c}
+                ${!this.error && this.helperText ? r`<div class = 'helper-text' > ${this.helperText}</div>` : n}
+                ${this.error && this.errorText ? r`<div class="error-text">${this.errorText}</div>` : n}
             </div>
         `;
-  }
-};
-t.styles = [y];
-e([
-  s({ context: T }),
-  o({ type: Boolean, converter: x })
-], t.prototype, "error", 2);
-e([
-  s({ context: C }),
-  o({ type: String, attribute: "error-text" })
-], t.prototype, "errorText", 2);
-e([
-  s({ context: $ }),
-  o({ type: String, attribute: "helper-text" })
-], t.prototype, "helperText", 2);
-e([
-  s({ context: S }),
-  o({ type: Boolean, converter: x })
-], t.prototype, "disabled", 2);
-e([
-  s({ context: G }),
-  o({ type: String })
-], t.prototype, "size", 2);
-e([
-  o({ type: String, reflect: !0 })
-], t.prototype, "orientation", 2);
-t = e([
-  b("ds-radio-button-group")
-], t);
-export {
-  t as DsRadioButtonGroup,
-  S as radioGroupDisabledContext,
-  T as radioGroupErrorContext,
-  C as radioGroupErrorTextContext,
-  $ as radioGroupHelperTextContext,
-  G as radioGroupSizeContext
+	}
 };
+a([t({ context: f }), i({
+	type: Boolean,
+	converter: c
+})], g.prototype, "error", void 0), a([t({ context: p }), i({
+	type: String,
+	attribute: "error-text"
+})], g.prototype, "errorText", void 0), a([t({ context: m }), i({
+	type: String,
+	attribute: "helper-text"
+})], g.prototype, "helperText", void 0), a([t({ context: d }), i({
+	type: Boolean,
+	converter: c
+})], g.prototype, "disabled", void 0), a([t({ context: h }), i({ type: String })], g.prototype, "size", void 0), a([i({
+	type: String,
+	reflect: !0
+})], g.prototype, "orientation", void 0), g = a([s("ds-radio-button-group")], g);
+//#endregion
+export { d as radioGroupDisabledContext, f as radioGroupErrorContext, p as radioGroupErrorTextContext, m as radioGroupHelperTextContext, h as radioGroupSizeContext };

package/dist/esm/components/ds-radio-button-group/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-radio-button-group/styles/common.styles.ts
+var t = e`
     :host {
         display: contents;
     }
@@ -20,6 +19,5 @@ const s = o`
         vertical-align: top;
     }
 `;
-export {
-  s as commonStyles
-};
+//#endregion
+export { t as commonStyles };