@cupra/ui-kit 2.0.0-canary.167 → 2.0.0-canary.169

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

@@ -22,10 +22,7 @@ import { l as g } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/live.js";
 import { commonStyles as _, currentValueStyles as v, inputResetStyles as y, rangeValueStyles as b, thumbStyles as x, trackStyles as S } from "./styles/common.styles.js";
 //#region src/components/ds-slider/ds-slider.ts
-var C, w = class extends d(o) {
-	static {
-		C = this;
-	}
+var C, w, T = (C = class extends d(o) {
 	constructor(...e) {
 		super(...e), this.variant = "primary", this.min = 0, this.max = 100, this.minLabel = "", this.maxLabel = "", this.step = 1, this.initialValueMin = 0, this.mode = "light", this.locale = void 0, this.localeMatcher = "lookup", this.useGrouping = !0, this.minimumIntegerDigits = 1, this.minimumFractionDigits = 0, this.maximumFractionDigits = 3, this.size = "medium", this.disabled = !1, this.keyboardMode = !1, this._initialValuesApplied = !1, this.getNewValue = (e) => {
 			let { width: t, left: n } = this.track.getBoundingClientRect(), r = this.thumbRadius, i = e.type.indexOf("mouse") === -1 ? e.touches[0].clientX : e.clientX, a = t - r * 2, o = Math.min(Math.max(0, i - n - r), a), s = a > 0 ? o * 100 / a : 0;
@@ -45,9 +42,11 @@ var C, w = class extends d(o) {
 				});
 			});
 		}, this.handleMouseDown = (e) => {
-			this.disabled || (e?.preventDefault?.(), this.setActiveThumb(e), this.handleMouseMove(e), window?.addEventListener("mousemove", this.handleMouseMove), window?.addEventListener("touchmove", this.handleMouseMove), window?.addEventListener("pointerup", this.handlePointerUp));
+			var t, n, r, i;
+			this.disabled || (e == null || (t = e.preventDefault) == null || t.call(e), this.setActiveThumb(e), this.handleMouseMove(e), (n = window) == null || n.addEventListener("mousemove", this.handleMouseMove), (r = window) == null || r.addEventListener("touchmove", this.handleMouseMove), (i = window) == null || i.addEventListener("pointerup", this.handlePointerUp));
 		}, this.handlePointerUp = () => {
-			window?.removeEventListener("mousemove", this.handleMouseMove), window?.removeEventListener("touchmove", this.handleMouseMove), window?.removeEventListener("pointerup", this.handlePointerUp);
+			var e, t, n;
+			(e = window) == null || e.removeEventListener("mousemove", this.handleMouseMove), (t = window) == null || t.removeEventListener("touchmove", this.handleMouseMove), (n = window) == null || n.removeEventListener("pointerup", this.handlePointerUp);
 		}, this.handleKeydown = () => {
 			this.keyboardMode = !0;
 		}, this.handlePointerOrMouseDown = () => {
@@ -70,7 +69,10 @@ var C, w = class extends d(o) {
 				role: r
 			}), this.isControlled(r) || (n.value = String(a));
 		}, this.onInputBlur = (e) => {
-			this.editingField = void 0, e.currentTarget?.classList?.remove("focus-visible");
+			var t;
+			this.editingField = void 0;
+			let n = e.currentTarget;
+			n == null || (t = n.classList) == null || t.remove("focus-visible");
 		}, this.onInputKeyDown = (e, t) => {
 			e.key === "Enter" && (e.preventDefault(), this.commitInputValue(e, t));
 		}, this.onThumbKeyDown = (e, t) => {
@@ -87,21 +89,12 @@ var C, w = class extends d(o) {
 			}
 		};
 	}
-	static {
-		this.styles = [
-			_,
-			S,
-			x,
-			v,
-			b,
-			y
-		];
-	}
 	get isRange() {
 		return typeof this.initialValueMax == "number" || typeof this.valueMax == "number";
 	}
 	get sliderSizeToTextInputSize() {
-		return (typeof this.size == "string" ? this.size : this.size?.[this.viewport]) === "large" ? "large" : "medium";
+		var e;
+		return (typeof this.size == "string" ? this.size : (e = this.size) == null ? void 0 : e[this.viewport]) === "large" ? "large" : "medium";
 	}
 	isControlled(e) {
 		return typeof (e === "min" ? this.valueMin : this.valueMax) == "number";
@@ -129,10 +122,12 @@ var C, w = class extends d(o) {
 		super.willUpdate(e), typeof this.valueMin == "number" && (this._valueMin = this.valueMin), typeof this.valueMax == "number" && (this._valueMax = this.valueMax), this._initialValuesApplied || (this._initialValuesApplied = !0, this.applyInitialValues());
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), window?.removeEventListener("mousemove", this.handleMouseMove), window?.removeEventListener("touchmove", this.handleMouseMove), window?.removeEventListener("pointerup", this.handlePointerUp), window?.removeEventListener("keydown", this.handleKeydown), window?.removeEventListener("mousedown", this.handlePointerOrMouseDown), window?.removeEventListener("pointerdown", this.handlePointerOrMouseDown);
+		var e, t, n, r, i, a;
+		super.disconnectedCallback(), (e = window) == null || e.removeEventListener("mousemove", this.handleMouseMove), (t = window) == null || t.removeEventListener("touchmove", this.handleMouseMove), (n = window) == null || n.removeEventListener("pointerup", this.handlePointerUp), (r = window) == null || r.removeEventListener("keydown", this.handleKeydown), (i = window) == null || i.removeEventListener("mousedown", this.handlePointerOrMouseDown), (a = window) == null || a.removeEventListener("pointerdown", this.handlePointerOrMouseDown);
 	}
 	firstUpdated(e) {
-		super.firstUpdated(e), window?.addEventListener("keydown", this.handleKeydown), window?.addEventListener("mousedown", this.handlePointerOrMouseDown), window?.addEventListener("pointerdown", this.handlePointerOrMouseDown);
+		var t, n, r;
+		super.firstUpdated(e), (t = window) == null || t.addEventListener("keydown", this.handleKeydown), (n = window) == null || n.addEventListener("mousedown", this.handlePointerOrMouseDown), (r = window) == null || r.addEventListener("pointerdown", this.handlePointerOrMouseDown);
 	}
 	applyInitialValues() {
 		["min", "max"].forEach((e) => {
@@ -154,18 +149,16 @@ var C, w = class extends d(o) {
 		return t === 0 ? 0 : (e - this.min) / t * 100;
 	}
 	get thumbRadius() {
-		let e = this.renderRoot?.querySelector(".thumb");
-		return e ? e.offsetWidth / 2 : 0;
-	}
-	static {
-		this.THUMB_RADIUS_CSS_VAR = "var(--ui-kit-private-slider-thumb-radius, 0px)";
+		var e;
+		let t = (e = this.renderRoot) == null ? void 0 : e.querySelector(".thumb");
+		return t ? t.offsetWidth / 2 : 0;
 	}
 	trackPosition(e) {
-		let t = C.THUMB_RADIUS_CSS_VAR;
+		let t = w.THUMB_RADIUS_CSS_VAR;
 		return `calc(${t} + (100% - ${t} * 2) * ${e / 100})`;
 	}
 	trackWidth(e) {
-		return `calc((100% - ${C.THUMB_RADIUS_CSS_VAR} * 2) * ${e / 100})`;
+		return `calc((100% - ${w.THUMB_RADIUS_CSS_VAR} * 2) * ${e / 100})`;
 	}
 	handleChange({ value: e, role: t }) {
 		let n = h({
@@ -336,11 +329,12 @@ var C, w = class extends d(o) {
         `;
 	}
 	get containerClasses() {
-		let e = typeof this.size == "string" ? this.size : this.size?.[this.viewport];
+		var e;
+		let t = typeof this.size == "string" ? this.size : (e = this.size) == null ? void 0 : e[this.viewport];
 		return {
 			container: !0,
 			[this.mode]: !!this.mode,
-			[e]: !!e,
+			[t]: !!t,
 			disabled: !!this.disabled,
 			[`variant-${this.variant}`]: !!this.variant
 		};
@@ -369,79 +363,86 @@ var C, w = class extends d(o) {
             </div>
         `;
 	}
-};
-a([n({ type: String })], w.prototype, "variant", void 0), a([n({ type: Number })], w.prototype, "min", void 0), a([n({ type: Number })], w.prototype, "max", void 0), a([n({
+}, w = C, C.styles = [
+	_,
+	S,
+	x,
+	v,
+	b,
+	y
+], C.THUMB_RADIUS_CSS_VAR = "var(--ui-kit-private-slider-thumb-radius, 0px)", C);
+a([n({ type: String })], T.prototype, "variant", void 0), a([n({ type: Number })], T.prototype, "min", void 0), a([n({ type: Number })], T.prototype, "max", void 0), a([n({
 	type: String,
 	attribute: "min-label"
-})], w.prototype, "minLabel", void 0), a([n({
+})], T.prototype, "minLabel", void 0), a([n({
 	type: String,
 	attribute: "max-label"
-})], w.prototype, "maxLabel", void 0), a([n({ type: Number })], w.prototype, "step", void 0), a([n({
+})], T.prototype, "maxLabel", void 0), a([n({ type: Number })], T.prototype, "step", void 0), a([n({
 	type: Number,
 	attribute: "initial-value-min"
-})], w.prototype, "initialValueMin", void 0), a([n({
+})], T.prototype, "initialValueMin", void 0), a([n({
 	type: Number,
 	attribute: "initial-value-max"
-})], w.prototype, "initialValueMax", void 0), a([n({
+})], T.prototype, "initialValueMax", void 0), a([n({
 	type: Number,
 	attribute: "value-min"
-})], w.prototype, "valueMin", void 0), a([n({
+})], T.prototype, "valueMin", void 0), a([n({
 	type: Number,
 	attribute: "value-max"
-})], w.prototype, "valueMax", void 0), a([n({
+})], T.prototype, "valueMax", void 0), a([n({
 	type: String,
 	reflect: !0
-})], w.prototype, "mode", void 0), a([n({
+})], T.prototype, "mode", void 0), a([n({
 	type: String,
 	attribute: "locale"
-})], w.prototype, "locale", void 0), a([n({
+})], T.prototype, "locale", void 0), a([n({
 	type: String,
 	attribute: "locale-matcher"
-})], w.prototype, "localeMatcher", void 0), a([n({
+})], T.prototype, "localeMatcher", void 0), a([n({
 	type: String,
 	attribute: "unit-symbol"
-})], w.prototype, "unitSymbol", void 0), a([n({
+})], T.prototype, "unitSymbol", void 0), a([n({
 	type: String,
 	attribute: "unit-symbol-position"
-})], w.prototype, "unitSymbolPosition", void 0), a([n({
+})], T.prototype, "unitSymbolPosition", void 0), a([n({
 	type: String,
 	attribute: "unit-style"
-})], w.prototype, "unitStyle", void 0), a([n({
+})], T.prototype, "unitStyle", void 0), a([n({
 	type: String,
 	attribute: "currency"
-})], w.prototype, "currency", void 0), a([n({
+})], T.prototype, "currency", void 0), a([n({
 	type: String,
 	attribute: "unit"
-})], w.prototype, "unit", void 0), a([n({
+})], T.prototype, "unit", void 0), a([n({
 	type: String,
 	attribute: "use-grouping",
 	converter: (e) => e === "auto" ? "auto" : typeof e == "boolean" ? e : e === "true" || e === "" ? !0 : e !== "false"
-})], w.prototype, "useGrouping", void 0), a([n({
+})], T.prototype, "useGrouping", void 0), a([n({
 	type: Number,
 	attribute: "minimum-integer-digits"
-})], w.prototype, "minimumIntegerDigits", void 0), a([n({
+})], T.prototype, "minimumIntegerDigits", void 0), a([n({
 	type: Number,
 	attribute: "minimum-fraction-digits"
-})], w.prototype, "minimumFractionDigits", void 0), a([n({
+})], T.prototype, "minimumFractionDigits", void 0), a([n({
 	type: Number,
 	attribute: "maximum-fraction-digits"
-})], w.prototype, "maximumFractionDigits", void 0), a([n({
+})], T.prototype, "maximumFractionDigits", void 0), a([n({
 	type: String,
 	attribute: "thousand-separator"
-})], w.prototype, "thousandSeparator", void 0), a([n({
+})], T.prototype, "thousandSeparator", void 0), a([n({
 	type: String,
 	attribute: "fraction-separator"
-})], w.prototype, "fractionSeparator", void 0), a([n({
+})], T.prototype, "fractionSeparator", void 0), a([n({
 	type: String,
 	converter: f
-})], w.prototype, "size", void 0), a([n({
+})], T.prototype, "size", void 0), a([n({
 	type: Boolean,
 	converter: c
-})], w.prototype, "disabled", void 0), a([n({
+})], T.prototype, "disabled", void 0), a([n({
 	type: String,
 	attribute: "input-min-aria-label"
-})], w.prototype, "inputMinAriaLabel", void 0), a([n({
+})], T.prototype, "inputMinAriaLabel", void 0), a([n({
 	type: String,
 	attribute: "input-max-aria-label"
-})], w.prototype, "inputMaxAriaLabel", void 0), a([i(".track")], w.prototype, "track", void 0), a([r()], w.prototype, "_valueMin", void 0), a([r()], w.prototype, "_valueMax", void 0), a([r()], w.prototype, "editingField", void 0), w = C = a([s("ds-slider")], w);
+})], T.prototype, "inputMaxAriaLabel", void 0), a([i(".track")], T.prototype, "track", void 0), a([r()], T.prototype, "_valueMin", void 0), a([r()], T.prototype, "_valueMax", void 0), a([r()], T.prototype, "editingField", void 0), T = w = a([s("ds-slider")], T);
 //#endregion

package/dist/esm/components/ds-static-box/ds-static-box.js

@@ -15,13 +15,10 @@ import { objectConverter as u } from "../../utils/objectConverter.js";
 import { observeScroll as d } from "../../utils/observeScroll/observeScroll.js";
 import { commonStyles as f } from "./styles/common.styles.js";
 //#region src/components/ds-static-box/ds-static-box.ts
-var p = class extends l(o) {
+var p, m = (p = class extends l(o) {
 	constructor(...e) {
 		super(...e), this.size = "medium", this.showTopShadow = !1, this.showBottomShadow = !1;
 	}
-	static {
-		this.styles = [f];
-	}
 	get classes() {
 		let e = typeof this.size == "string" ? this.size : this.size[this.viewport];
 		return {
@@ -37,14 +34,15 @@ var p = class extends l(o) {
 		};
 	}
 	get styleTokens() {
+		var t, n;
 		return e`
             <style>
                 .header {
-                    display: ${this.headerItems?.length > 0 ? "block" : "none"};
+                    display: ${((t = this.headerItems) == null ? void 0 : t.length) > 0 ? "block" : "none"};
                 }
 
                 .footer {
-                    display: ${this.footerItems?.length > 0 ? "block" : "none"};
+                    display: ${((n = this.footerItems) == null ? void 0 : n.length) > 0 ? "block" : "none"};
                 }
             </style>
         `;
@@ -58,7 +56,8 @@ var p = class extends l(o) {
 		this.onSlotChange();
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.cleanupScrollObserver?.();
+		var e;
+		super.disconnectedCallback(), (e = this.cleanupScrollObserver) == null || e.call(this);
 	}
 	render() {
 		return e`
@@ -80,15 +79,15 @@ var p = class extends l(o) {
             </div>
         `;
 	}
-};
+}, p.styles = [f], p);
 a([t({
 	type: String,
 	converter: u
-})], p.prototype, "size", void 0), a([i({
+})], m.prototype, "size", void 0), a([i({
 	slot: "header",
 	flatten: !0
-})], p.prototype, "headerItems", void 0), a([i({
+})], m.prototype, "headerItems", void 0), a([i({
 	slot: "footer",
 	flatten: !0
-})], p.prototype, "footerItems", void 0), a([r(".main")], p.prototype, "mainElement", void 0), a([n()], p.prototype, "showTopShadow", void 0), a([n()], p.prototype, "showBottomShadow", void 0), p = a([s("ds-static-box")], p);
+})], m.prototype, "footerItems", void 0), a([r(".main")], m.prototype, "mainElement", void 0), a([n()], m.prototype, "showTopShadow", void 0), a([n()], m.prototype, "showBottomShadow", void 0), m = a([s("ds-static-box")], m);
 //#endregion

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

@@ -9,13 +9,10 @@ import { e as o } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 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-stepper/ds-stepper.ts
-var c = class extends i {
+var c, l = (c = class extends i {
 	constructor(...e) {
 		super(...e), this.steps = 0, this.currentStep = -1, this.sectionName = "";
 	}
-	static {
-		this.styles = [s];
-	}
 	get classes() {
 		return { container: !0 };
 	}
@@ -63,18 +60,18 @@ var c = class extends i {
             </div>
         ` : e;
 	}
-};
+}, c.styles = [s], c);
 r([n({
 	type: Number,
 	attribute: "steps",
 	reflect: !0
-})], c.prototype, "steps", void 0), r([n({
+})], l.prototype, "steps", void 0), r([n({
 	type: Number,
 	attribute: "current-step",
 	reflect: !0
-})], c.prototype, "currentStep", void 0), r([n({
+})], l.prototype, "currentStep", void 0), r([n({
 	type: String,
 	attribute: "section-name",
 	reflect: !0
-})], c.prototype, "sectionName", void 0), c = r([a("ds-stepper")], c);
+})], l.prototype, "sectionName", void 0), l = r([a("ds-stepper")], l);
 //#endregion

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

@@ -10,13 +10,10 @@ import { o as s } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/style-map.js";
 import { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-table/ds-table.ts
-var l = class extends a {
+var l, u = (l = class extends a {
 	constructor(...e) {
 		super(...e), this.emptyMessage = "", this.hasHeaderContent = !1, this.hasBodyContent = !1;
 	}
-	static {
-		this.styles = [c];
-	}
 	handleHeaderSlotChange(e) {
 		let t = e.target.assignedElements({ flatten: !0 });
 		this.hasHeaderContent = t.length > 0;
@@ -47,10 +44,10 @@ var l = class extends a {
             </div>
         `;
 	}
-};
+}, l.styles = [c], l);
 i([n({
 	type: String,
 	reflect: !0,
 	attribute: "empty-message"
-})], l.prototype, "emptyMessage", void 0), i([r()], l.prototype, "hasHeaderContent", void 0), i([r()], l.prototype, "hasBodyContent", void 0), l = i([o("ds-table")], l);
+})], u.prototype, "emptyMessage", void 0), i([r()], u.prototype, "hasHeaderContent", void 0), i([r()], u.prototype, "hasBodyContent", void 0), u = i([o("ds-table")], u);
 //#endregion

package/dist/esm/components/ds-table-cell/ds-table-cell.js

@@ -7,13 +7,10 @@ import { UiKitElement as r } from "../base/UiKitElement.js";
 import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
 import { commonStyles as a } from "./styles/common.styles.js";
 //#region src/components/ds-table-cell/ds-table-cell.ts
-var o = class extends r {
+var o, s = (o = class extends r {
 	constructor(...e) {
 		super(...e), this.variant = "default";
 	}
-	static {
-		this.styles = [a];
-	}
 	render() {
 		return e`
             <div class="cell" role="cell">
@@ -21,9 +18,9 @@ var o = class extends r {
             </div>
         `;
 	}
-};
+}, o.styles = [a], o);
 n([t({
 	type: String,
 	reflect: !0
-})], o.prototype, "variant", void 0), o = n([i("ds-table-cell")], o);
+})], s.prototype, "variant", void 0), s = n([i("ds-table-cell")], s);
 //#endregion

package/dist/esm/components/ds-table-row/ds-table-row.js

@@ -7,13 +7,10 @@ import { UiKitElement as r } from "../base/UiKitElement.js";
 import { customUiKitElement as i } from "../../decorators/customUiKitElement.js";
 import { commonStyles as a } from "./styles/common.styles.js";
 //#region src/components/ds-table-row/ds-table-row.ts
-var o = class extends r {
+var o, s = (o = class extends r {
 	constructor(...e) {
 		super(...e), this.columnCount = 0;
 	}
-	static {
-		this.styles = [a];
-	}
 	handleSlotChange(e) {
 		let t = e.target.assignedElements({ flatten: !0 });
 		this.columnCount = t.length;
@@ -25,10 +22,10 @@ var o = class extends r {
             </div>
         `;
 	}
-};
+}, o.styles = [a], o);
 n([t({
 	type: Number,
 	reflect: !0,
 	attribute: "data-column-count"
-})], o.prototype, "columnCount", void 0), o = n([i("ds-table-row")], o);
+})], s.prototype, "columnCount", void 0), s = n([i("ds-table-row")], s);
 //#endregion

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

@@ -17,29 +17,38 @@ import "../ds-icon-button/ds-icon-button.js";
 import { commonStyles as f, navigationStyles as p, panelsStyles as m, tabsStyles as h } from "./styles/common.styles.js";
 import { themeConfig as g } from "./theme-config.js";
 //#region src/components/ds-tabs/ds-tabs.ts
-var _ = class extends o {
+var _, v = (_ = class extends o {
 	constructor(...e) {
 		super(...e), this._selectedTab = void 0, this._selectedTabState = 0, this.mode = "light", this.variant = "primary", this.size = "large", this.disabled = !1, this.focusedTabIndex = -1, this.handleKeyDown = (e) => {
 			if (!(this.focusedTabIndex < 0)) switch (e.key) {
 				case "ArrowRight":
 				case "Right":
-					e.preventDefault(), this.focusedTabIndex + 1 < this.tabs?.length && (this.focusedTabIndex += 1, this.tabs[this.focusedTabIndex]?.focus());
+					var t;
+					if (e.preventDefault(), this.focusedTabIndex + 1 < ((t = this.tabs) == null ? void 0 : t.length)) {
+						var n;
+						this.focusedTabIndex += 1, (n = this.tabs[this.focusedTabIndex]) == null || n.focus();
+					}
 					break;
 				case "ArrowLeft":
 				case "Left":
-					e.preventDefault(), this.focusedTabIndex - 1 >= 0 && (--this.focusedTabIndex, this.tabs[this.focusedTabIndex]?.focus());
+					if (e.preventDefault(), this.focusedTabIndex - 1 >= 0) {
+						var r;
+						--this.focusedTabIndex, (r = this.tabs[this.focusedTabIndex]) == null || r.focus();
+					}
 					break;
 				case "Enter":
 				case " ":
-					e.preventDefault(), this.focusedTabIndex >= 0 && this.focusedTabIndex < this.tabs?.length && this.handleChangeSelectedTab(this.focusedTabIndex);
+					var i;
+					e.preventDefault(), this.focusedTabIndex >= 0 && this.focusedTabIndex < ((i = this.tabs) == null ? void 0 : i.length) && this.handleChangeSelectedTab(this.focusedTabIndex);
 					break;
 				default: break;
 			}
 		}, this.hasScrollLeft = !1, this.hasScrollRight = !1, this.resizeObserver = new ResizeObserver(() => {
 			this.handleScrollNav();
 		}), this.handleScrollNav = () => {
-			let e = this.nav?.scrollLeft + this.nav?.clientWidth;
-			this.hasScrollLeft = this.nav?.scrollLeft > 0, this.hasScrollRight = e < this.nav?.scrollWidth;
+			var e, t, n, r;
+			let i = ((e = this.nav) == null ? void 0 : e.scrollLeft) + ((t = this.nav) == null ? void 0 : t.clientWidth);
+			this.hasScrollLeft = ((n = this.nav) == null ? void 0 : n.scrollLeft) > 0, this.hasScrollRight = i < ((r = this.nav) == null ? void 0 : r.scrollWidth);
 		}, this.handleScrollLeft = () => {
 			this.nav.scrollBy({
 				left: -150,
@@ -51,24 +60,17 @@ var _ = class extends o {
 				behavior: "smooth"
 			});
 		}, this.handleFocus = (e) => {
-			let t = e.target, n = this.tabs?.findIndex((e) => e === t) ?? -1;
-			if (n < 0 || this.disabled) {
+			var t;
+			let n = e.target, r = ((t = this.tabs) == null ? void 0 : t.findIndex((e) => e === n)) ?? -1;
+			if (r < 0 || this.disabled) {
 				e.preventDefault();
 				return;
 			}
-			this.focusedTabIndex = n;
+			this.focusedTabIndex = r;
 		}, this.handleBlur = () => {
 			this.focusedTabIndex = -1;
 		};
 	}
-	static {
-		this.styles = [
-			f,
-			p,
-			h,
-			m
-		];
-	}
 	get selectedTab() {
 		return this._selectedTab ?? this._selectedTabState;
 	}
@@ -82,16 +84,17 @@ var _ = class extends o {
 		super.disconnectedCallback(), this.resizeObserver.disconnect(), window.removeEventListener("resize", this.handleScrollNav);
 	}
 	getScrollButtonTemplate(t, n) {
+		var r;
 		if (!this.theme || t === "left" && !this.hasScrollLeft || t === "right" && !this.hasScrollRight) return e;
-		let r = `arrow-${t}`, i = g[this.theme]?.["icon-button-variant"];
+		let i = `arrow-${t}`, a = (r = g[this.theme]) == null ? void 0 : r["icon-button-variant"];
 		return l`<ds-icon-button
             class=${`nav-arrow ${t}`}
             data-aria-label=${`nav-arrow-${t}`}
             @click=${n}
             size=${this.size === "medium" ? "medium" : "large"}
-            icon-name=${r}
+            icon-name=${i}
             mode=${d(this.mode)}
-            variant=${d(i)}
+            variant=${d(a)}
         ></ds-icon-button>`;
 	}
 	firstUpdated() {
@@ -111,19 +114,22 @@ var _ = class extends o {
 		this.panels = e.target.assignedNodes({ flatten: !0 }), this.setTabsFocusable();
 	}
 	setTabsFocusable() {
-		this.tabs?.forEach((e) => {
+		var e;
+		(e = this.tabs) == null || e.forEach((e) => {
 			e.setAttribute("tabindex", "0");
 		});
 	}
 	selectTab(e) {
-		this.tabs?.forEach((t, n) => {
+		var t, n, r, i, a;
+		(t = this.tabs) == null || t.forEach((t, n) => {
 			t.removeAttribute("selected"), t.setAttribute("aria-selected", n === e ? "true" : "false");
-		}), this.tabs[e]?.setAttribute("selected", ""), this.panels.forEach((e) => e.removeAttribute("selected")), this.panels[e]?.setAttribute("selected", "");
-		let t = this.tabs?.[this.selectedTab];
-		this.nav.scrollLeft = t?.offsetLeft - this.nav?.offsetWidth / 2;
+		}), (n = this.tabs[e]) == null || n.setAttribute("selected", ""), this.panels.forEach((e) => e.removeAttribute("selected")), (r = this.panels[e]) == null || r.setAttribute("selected", "");
+		let o = (i = this.tabs) == null ? void 0 : i[this.selectedTab];
+		this.nav.scrollLeft = (o == null ? void 0 : o.offsetLeft) - ((a = this.nav) == null ? void 0 : a.offsetWidth) / 2;
 	}
 	setupTabAccessibility() {
-		this.tabs?.forEach((e, t) => {
+		var e;
+		(e = this.tabs) == null || e.forEach((e, t) => {
 			e.setAttribute("role", "tab"), e.setAttribute("tabindex", t === this.selectedTab && !this.disabled ? "0" : "-1"), e.addEventListener("focus", this.handleFocus), e.addEventListener("blur", this.handleBlur);
 		});
 	}
@@ -171,19 +177,24 @@ var _ = class extends o {
             </div>
         `;
 	}
-};
+}, _.styles = [
+	f,
+	p,
+	h,
+	m
+], _);
 a([n({
 	type: Number,
 	attribute: "selected-tab",
 	reflect: !0
-})], _.prototype, "_selectedTab", void 0), a([r()], _.prototype, "_selectedTabState", void 0), a([n({
+})], v.prototype, "_selectedTab", void 0), a([r()], v.prototype, "_selectedTabState", void 0), a([n({
 	type: String,
 	reflect: !0
-})], _.prototype, "mode", void 0), a([n({
+})], v.prototype, "mode", void 0), a([n({
 	type: String,
 	reflect: !0
-})], _.prototype, "variant", void 0), a([n({ type: String })], _.prototype, "size", void 0), a([n({
+})], v.prototype, "variant", void 0), a([n({ type: String })], v.prototype, "size", void 0), a([n({
 	type: Boolean,
 	converter: c
-})], _.prototype, "disabled", void 0), a([r()], _.prototype, "focusedTabIndex", void 0), a([i("nav")], _.prototype, "nav", void 0), a([r()], _.prototype, "tabs", void 0), a([r()], _.prototype, "panels", void 0), a([r()], _.prototype, "hasScrollLeft", void 0), a([r()], _.prototype, "hasScrollRight", void 0), _ = a([s("ds-tabs")], _);
+})], v.prototype, "disabled", void 0), a([r()], v.prototype, "focusedTabIndex", void 0), a([i("nav")], v.prototype, "nav", void 0), a([r()], v.prototype, "tabs", void 0), a([r()], v.prototype, "panels", void 0), a([r()], v.prototype, "hasScrollLeft", void 0), a([r()], v.prototype, "hasScrollRight", void 0), v = a([s("ds-tabs")], v);
 //#endregion

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

@@ -16,13 +16,10 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-define
 import { n as d } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit-html/directives/when.js";
 import { commonStyles as f, iconStyles as p } from "./styles/common.styles.js";
 //#region src/components/ds-tag/ds-tag.ts
-var m = class extends a {
+var m, h = (m = class extends a {
 	constructor(...e) {
 		super(...e), this.show = !0, this.clickableIcon = !1, this.iconPosition = "left";
 	}
-	static {
-		this.styles = [f, p];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -55,25 +52,25 @@ var m = class extends a {
                 </div>
             ` : e;
 	}
-};
+}, m.styles = [f, p], m);
 i([n({
 	type: Boolean,
 	converter: s
-})], m.prototype, "show", void 0), i([n({
+})], h.prototype, "show", void 0), i([n({
 	type: Boolean,
 	converter: s,
 	attribute: "clickable-icon"
-})], m.prototype, "clickableIcon", void 0), i([n({
+})], h.prototype, "clickableIcon", void 0), i([n({
 	type: String,
 	attribute: "icon-name"
-})], m.prototype, "iconName", void 0), i([n({
+})], h.prototype, "iconName", void 0), i([n({
 	type: String,
 	attribute: "icon-position"
-})], m.prototype, "iconPosition", void 0), i([n({
+})], h.prototype, "iconPosition", void 0), i([n({
 	type: String,
 	attribute: "color"
-})], m.prototype, "color", void 0), i([n({
+})], h.prototype, "color", void 0), i([n({
 	type: String,
 	attribute: "variant"
-})], m.prototype, "variant", void 0), i([r()], m.prototype, "onClickHandler", void 0), m = i([o("ds-tag")], m);
+})], h.prototype, "variant", void 0), i([r()], h.prototype, "onClickHandler", void 0), h = i([o("ds-tag")], h);
 //#endregion