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

package/dist-react/esm/decorators/customUiKitElement.js

@@ -1,23 +1,20 @@
-import { reactFactory as u } from "../utils/componentFactory.js";
-function o(a, e) {
-  return function(m) {
-    var s, n, t, l;
-    if (!(m != null && m.prototype))
-      throw new TypeError("@customUiKitElement requires a class that extends HTMLElement.");
-    const c = `${a}-react`;
-    if ((s = globalThis == null ? void 0 : globalThis.customElements) != null && s.get(c)) return;
-    let r = e != null && e.skipTagAsComponentName ? [] : [a];
-    Array.isArray(e == null ? void 0 : e.extendComponentNames) && (r = [...e.extendComponentNames, ...r]), (l = (n = globalThis == null ? void 0 : globalThis.customElements) == null ? void 0 : n.define) == null || l.call(
-      n,
-      c,
-      (t = class extends m {
-        constructor() {
-          super(...arguments), this.componentFactory = u;
-        }
-      }, t.componentName = r, t)
-    );
-  };
+import { reactFactory as e } from "../utils/componentFactory.js";
+//#region src/decorators/customUiKitElement.ts
+function t(t, n) {
+	return function(r) {
+		if (!r?.prototype) throw TypeError("@customUiKitElement requires a class that extends HTMLElement.");
+		let i = `${t}-react`;
+		if (globalThis?.customElements?.get(i)) return;
+		let a = n?.skipTagAsComponentName ? [] : [t];
+		Array.isArray(n?.extendComponentNames) && (a = [...n.extendComponentNames, ...a]), globalThis?.customElements?.define?.(i, class extends r {
+			constructor(...t) {
+				super(...t), this.componentFactory = e;
+			}
+			static {
+				this.componentName = a;
+			}
+		});
+	};
 }
-export {
-  o as customUiKitElement
-};
+//#endregion
+export { t as customUiKitElement };

package/dist-react/esm/index.js

@@ -1,87 +1,3 @@
-import "./components/ds-accordion/ds-accordion.js";
-import "./components/ds-avatar/ds-avatar.js";
-import "./components/ds-badge/ds-badge.js";
-import "./components/ds-basic-card/ds-basic-card.js";
-import "./components/ds-basic-card-image/ds-basic-card-image.js";
-import "./components/ds-basic-card-header/ds-basic-card-header.js";
-import "./components/ds-basic-card-section/ds-basic-card-section.js";
-import "./components/ds-breadcrumbs/ds-breadcrumbs.js";
-import "./components/ds-breadcrumbs-item/ds-breadcrumbs-item.js";
-import "./components/ds-bullets/ds-bullets.js";
-import "./components/ds-button/ds-button.js";
-import "./components/ds-calendar/ds-calendar.js";
-import "./components/ds-calendar-day/ds-calendar-day.js";
-import "./components/ds-carousel-indicator/ds-carousel-indicator.js";
-import "./components/ds-checkbox/ds-checkbox.js";
-import "./components/ds-checkbox-group/ds-checkbox-group.js";
-import "./components/ds-chip/ds-chip.js";
-import "./components/ds-chips/ds-chips.js";
-import "./components/ds-currency/ds-currency.js";
-import "./components/ds-date-picker/ds-date-picker.js";
-import "./components/ds-dialog/ds-dialog.js";
-import "./components/ds-dialog-body/ds-dialog-body.js";
-import "./components/ds-dialog-footer/ds-dialog-footer.js";
-import "./components/ds-dialog-fullscreen/ds-dialog-fullscreen.js";
-import "./components/ds-dialog-header/ds-dialog-header.js";
-import "./components/ds-divider/ds-divider.js";
-import "./components/ds-drawer/ds-drawer.js";
-import "./components/ds-favourite-action/ds-favourite-action.js";
-import "./components/ds-hyperlink/ds-hyperlink.js";
-import "./components/ds-icon/ds-icon.js";
-import "./components/ds-icon-button/ds-icon-button.js";
-import "./components/ds-input/ds-input.js";
-import "./components/ds-interactive-card/ds-interactive-card.js";
-import "./components/ds-link-button/ds-link-button.js";
-import "./components/ds-loader-bar/ds-loader-bar.js";
-import "./components/ds-loader-dots/ds-loader-dots.js";
-import "./components/ds-loader-logo/ds-loader-logo.js";
-import "./components/ds-loader-spinner/ds-loader-spinner.js";
-import "./components/ds-logo/ds-logo.js";
-import "./components/ds-main-title/ds-main-title.js";
-import "./components/ds-map-pin/ds-map-pin.js";
-import "./components/ds-modal/ds-modal.js";
-import "./components/ds-password-input/ds-password-input.js";
-import "./components/ds-picker-item/ds-picker-item.js";
-import "./components/ds-portal/ds-portal.js";
-import "./components/ds-progress-bar/ds-progress-bar.js";
-import "./components/ds-radio/ds-radio.js";
-import "./components/ds-radio-button/ds-radio-button.js";
-import "./components/ds-radio-button-group/ds-radio-button-group.js";
-import "./components/ds-radio-group/ds-radio-group.js";
-import "./components/ds-rating/ds-rating.js";
-import "./components/ds-search/ds-search.js";
-import "./components/ds-search-input/ds-search-input.js";
-import "./components/ds-secondary-navigation/ds-secondary-navigation.js";
-import "./components/ds-segmented-control/ds-segmented-control.js";
-import "./components/ds-select/ds-select.js";
-import "./components/ds-selection/ds-selection.js";
-import "./components/ds-skeleton/ds-skeleton.js";
-import "./components/ds-sidebar-navigation/ds-sidebar-navigation.js";
-import "./components/ds-slider/ds-slider.js";
-import "./components/ds-static-box/ds-static-box.js";
-import "./components/ds-stepper/ds-stepper.js";
-import "./components/ds-tabs/ds-tabs.js";
-import "./components/ds-tag/ds-tag.js";
-import "./components/ds-text/ds-text.js";
-import "./components/ds-text-input/ds-text-input.js";
-import "./components/ds-textarea/ds-textarea.js";
-import "./components/ds-theme-provider/ds-theme-provider.js";
-import "./components/ds-toast/ds-toast.js";
-import "./components/ds-toast-message/ds-toast-message.js";
-import "./components/ds-inline-alert/ds-inline-alert.js";
-import "./components/ds-toggle-button/ds-toggle-button.js";
-import "./components/ds-toggle-switch/ds-toggle-switch.js";
-import "./components/ds-tooltip/ds-tooltip.js";
-import "./components/ds-value-unit/ds-value-unit.js";
-import "./components/ds-media-control/ds-media-control.js";
-import "./components/ds-list-item/ds-list-item.js";
-import "./components/ds-list/ds-list.js";
-import "./components/ds-icon-button-group/ds-icon-button-group.js";
-import "./components/ds-navigation-controls/ds-navigation-controls.js";
-import "./components/ds-table/ds-table.js";
-import "./components/ds-table-row/ds-table-row.js";
-import "./components/ds-table-cell/ds-table-cell.js";
-import { iconNames as Fo } from "./components/ds-icon/iconNames.js";
-export {
-  Fo as iconNames
-};
+import "./components/index.js";
+import { iconNames as e } from "./components/ds-icon/iconNames.js";
+export { e as iconNames };

package/dist-react/esm/mixins/FormAssociatedMixin.js

@@ -1,14 +1,14 @@
-const i = (e) => {
-  const n = class n extends e {
-    constructor(...s) {
-      var r;
-      super(s), this._internals = (r = this.attachInternals) == null ? void 0 : r.call(this);
-    }
-  };
-  n.formAssociated = !0;
-  let t = n;
-  return t;
-};
-export {
-  i as FormAssociatedMixin
+//#region src/mixins/FormAssociatedMixin.ts
+var e = (e) => {
+	class t extends e {
+		constructor(...e) {
+			super(e), this._internals = this.attachInternals?.();
+		}
+		static {
+			this.formAssociated = !0;
+		}
+	}
+	return t;
 };
+//#endregion
+export { e as FormAssociatedMixin };

package/dist-react/esm/mixins/ViewportMixin.js

@@ -1,32 +1,34 @@
-import { breakpoints as n } from "../utils/breakpoints.js";
-import { debounce as o } from "../utils/debounce.js";
-const c = (i) => class extends i {
-  constructor() {
-    super(...arguments), this.handleResize = () => {
-      this.updateViewportWithDebounce();
-    }, this.updateViewport = () => {
-      let e = "xs";
-      const r = ["xxl", "xl", "l", "m", "s"];
-      for (const t of r)
-        if ((window == null ? void 0 : window.innerWidth) >= n[t]) {
-          e = t;
-          break;
-        }
-      e !== this.currentViewport && (this.currentViewport = e, this.requestUpdate("viewport", null));
-    };
-  }
-  connectedCallback() {
-    super.connectedCallback(), this.updateViewportWithDebounce = o({
-      func: this.updateViewport
-    }), this.updateViewport(), window == null || window.addEventListener("resize", this.handleResize);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback(), window == null || window.removeEventListener("resize", this.handleResize);
-  }
-  get viewport() {
-    return this.currentViewport;
-  }
-};
-export {
-  c as ViewportMixin
+import { breakpoints as e } from "../utils/breakpoints.js";
+import { debounce as t } from "../utils/debounce.js";
+//#region src/mixins/ViewportMixin.ts
+var n = (n) => class extends n {
+	constructor(...t) {
+		super(...t), this.handleResize = () => {
+			this.updateViewportWithDebounce();
+		}, this.updateViewport = () => {
+			let t = "xs";
+			for (let n of [
+				"xxl",
+				"xl",
+				"l",
+				"m",
+				"s"
+			]) if (window?.innerWidth >= e[n]) {
+				t = n;
+				break;
+			}
+			t !== this.currentViewport && (this.currentViewport = t, this.requestUpdate("viewport", null));
+		};
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.updateViewportWithDebounce = t({ func: this.updateViewport }), this.updateViewport(), window?.addEventListener("resize", this.handleResize);
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), window?.removeEventListener("resize", this.handleResize);
+	}
+	get viewport() {
+		return this.currentViewport;
+	}
 };
+//#endregion
+export { n as ViewportMixin };

package/dist-react/esm/mixins/inputStatesMixin.js

@@ -1,47 +1,47 @@
-const o = (u) => class extends u {
-  constructor() {
-    super(...arguments), this.inputStates = {
-      currentValue: "",
-      focus: !1,
-      focusVisible: !1,
-      invalid: !1,
-      filled: !1,
-      disabled: !1,
-      readonly: !1
-    }, this.keyboardMode = !1, this._updateStates = () => {
-      var t, e, s, i, n, a;
-      this.inputStates.currentValue = (t = this.nativeInput) == null ? void 0 : t.value, this.inputStates.invalid = !((e = this.nativeInput) != null && e.validity.valid), this.inputStates.focus = document.activeElement === this.nativeInput, this.inputStates.disabled = (s = this.nativeInput) == null ? void 0 : s.disabled, this.inputStates.readonly = ((i = this.nativeInput) == null ? void 0 : i.readOnly) ?? !1, this.inputStates.filled = ((a = (n = this.nativeInput) == null ? void 0 : n.value) == null ? void 0 : a.length) > 0, this.requestUpdate();
-    }, this._handleKeydown = () => {
-      this.keyboardMode = !0;
-    }, this._handleMousedown = () => {
-      this.keyboardMode = !1;
-    }, this._handlePointerdown = () => {
-      this.keyboardMode = !1;
-    }, this._handleFocusIn = (t) => {
-      t.target === this.nativeInput && (this.inputStates.focus = !0, this.inputStates.focusVisible = !!this.keyboardMode, this.requestUpdate());
-    }, this._handleFocusOut = () => {
-      this.inputStates.focus = !1, this.inputStates.focusVisible = !1, this.requestUpdate();
-    };
-  }
-  onInputReady(t) {
-  }
-  firstUpdated(t) {
-    super.firstUpdated(t), window == null || window.addEventListener("keydown", this._handleKeydown), window == null || window.addEventListener("mousedown", this._handleMousedown), window == null || window.addEventListener("pointerdown", this._handlePointerdown);
-    const e = () => {
-      var i, n, a;
-      const s = this.querySelector("input") || this.querySelector("textarea") || ((i = this.shadowRoot) == null ? void 0 : i.querySelector("input")) || ((n = this.shadowRoot) == null ? void 0 : n.querySelector("textarea"));
-      s && (this.nativeInput = s, this._setupInputObservers(), this.onInputReady(s), (a = this.hostMutationObserver) == null || a.disconnect());
-    };
-    e(), this.hostMutationObserver = new MutationObserver(e), this.hostMutationObserver.observe(this, { childList: !0, subtree: !0, attributes: !0 });
-  }
-  _setupInputObservers() {
-    this.nativeInput.addEventListener("input", this._updateStates), this.nativeInput.addEventListener("focusin", this._handleFocusIn), this.nativeInput.addEventListener("focusout", this._handleFocusOut), this.inputMutationObserver = new MutationObserver(this._updateStates), this.inputMutationObserver.observe(this.nativeInput, { attributes: !0 }), this._updateStates();
-  }
-  disconnectedCallback() {
-    var t, e;
-    super.disconnectedCallback(), window == null || window.removeEventListener("keydown", this._handleKeydown), window == null || window.removeEventListener("mousedown", this._handleMousedown), window == null || window.removeEventListener("pointerdown", this._handlePointerdown), (t = this.hostMutationObserver) == null || t.disconnect(), (e = this.inputMutationObserver) == null || e.disconnect(), this.nativeInput && (this.nativeInput.removeEventListener("input", this._updateStates), this.nativeInput.removeEventListener("focusin", this._handleFocusIn), this.nativeInput.removeEventListener("focusout", this._handleFocusOut));
-  }
-};
-export {
-  o as inputStatesMixin
+//#region src/mixins/inputStatesMixin.ts
+var e = (e) => class extends e {
+	constructor(...e) {
+		super(...e), this.inputStates = {
+			currentValue: "",
+			focus: !1,
+			focusVisible: !1,
+			invalid: !1,
+			filled: !1,
+			disabled: !1,
+			readonly: !1
+		}, this.keyboardMode = !1, this._updateStates = () => {
+			this.inputStates.currentValue = this.nativeInput?.value, this.inputStates.invalid = !this.nativeInput?.validity.valid, this.inputStates.focus = document.activeElement === this.nativeInput, this.inputStates.disabled = this.nativeInput?.disabled, this.inputStates.readonly = this.nativeInput?.readOnly ?? !1, this.inputStates.filled = this.nativeInput?.value?.length > 0, this.requestUpdate();
+		}, this._handleKeydown = () => {
+			this.keyboardMode = !0;
+		}, this._handleMousedown = () => {
+			this.keyboardMode = !1;
+		}, this._handlePointerdown = () => {
+			this.keyboardMode = !1;
+		}, this._handleFocusIn = (e) => {
+			e.target === this.nativeInput && (this.inputStates.focus = !0, this.inputStates.focusVisible = !!this.keyboardMode, this.requestUpdate());
+		}, this._handleFocusOut = () => {
+			this.inputStates.focus = !1, this.inputStates.focusVisible = !1, this.requestUpdate();
+		};
+	}
+	onInputReady(e) {}
+	firstUpdated(e) {
+		super.firstUpdated(e), window?.addEventListener("keydown", this._handleKeydown), window?.addEventListener("mousedown", this._handleMousedown), window?.addEventListener("pointerdown", this._handlePointerdown);
+		let t = () => {
+			let e = this.querySelector("input") || this.querySelector("textarea") || this.shadowRoot?.querySelector("input") || this.shadowRoot?.querySelector("textarea");
+			e && (this.nativeInput = e, this._setupInputObservers(), this.onInputReady(e), this.hostMutationObserver?.disconnect());
+		};
+		t(), this.hostMutationObserver = new MutationObserver(t), this.hostMutationObserver.observe(this, {
+			childList: !0,
+			subtree: !0,
+			attributes: !0
+		});
+	}
+	_setupInputObservers() {
+		this.nativeInput.addEventListener("input", this._updateStates), this.nativeInput.addEventListener("focusin", this._handleFocusIn), this.nativeInput.addEventListener("focusout", this._handleFocusOut), this.inputMutationObserver = new MutationObserver(this._updateStates), this.inputMutationObserver.observe(this.nativeInput, { attributes: !0 }), this._updateStates();
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), window?.removeEventListener("keydown", this._handleKeydown), window?.removeEventListener("mousedown", this._handleMousedown), window?.removeEventListener("pointerdown", this._handlePointerdown), this.hostMutationObserver?.disconnect(), this.inputMutationObserver?.disconnect(), this.nativeInput && (this.nativeInput.removeEventListener("input", this._updateStates), this.nativeInput.removeEventListener("focusin", this._handleFocusIn), this.nativeInput.removeEventListener("focusout", this._handleFocusOut));
+	}
 };
+//#endregion
+export { e as inputStatesMixin };