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

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

@@ -16,13 +16,10 @@ import "../ds-icon-button/ds-icon-button.js";
 import { arrayConverter as l } from "../../utils/arrayConverter.js";
 import { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-calendar/ds-calendar.ts
-var d = class extends i {
+var d, f = (d = class extends i {
 	constructor(...e) {
 		super(...e), this.variant = "plane", this.size = "large", this.locale = "en-US", this.firstDayOfWeek = 1, this.disabledDates = [], this.disabledWeekdays = [], this._viewDate = /* @__PURE__ */ new Date(), this._value = null, this._initialValueApplied = !1, this._viewDateInitialized = !1;
 	}
-	static {
-		this.styles = [u];
-	}
 	get selectedDate() {
 		if (this.value) {
 			let e = this.parseDate(this.value);
@@ -155,21 +152,22 @@ var d = class extends i {
 		e.setMonth(e.getMonth() + 1), this._viewDate = e;
 	}
 	handleDayChange(e) {
+		var t;
 		e.stopPropagation();
-		let t = e.target;
-		if (!t || !t.tagName.toLowerCase().startsWith("ds-calendar-day")) return;
-		let n = t.tagName.toLowerCase(), r = Array.from(this.shadowRoot?.querySelectorAll(n) || []).indexOf(t);
-		if (r === -1) return;
-		let i = this.calendarDays[r];
-		if (!i || i.isDisabled) return;
-		this._value = i.date, this._viewDate = new Date(i.date);
-		let a = `${i.date.getFullYear()}-${String(i.date.getMonth() + 1).padStart(2, "0")}-${String(i.date.getDate()).padStart(2, "0")}`;
+		let n = e.target;
+		if (!n || !n.tagName.toLowerCase().startsWith("ds-calendar-day")) return;
+		let r = n.tagName.toLowerCase(), i = Array.from(((t = this.shadowRoot) == null ? void 0 : t.querySelectorAll(r)) || []).indexOf(n);
+		if (i === -1) return;
+		let a = this.calendarDays[i];
+		if (!a || a.isDisabled) return;
+		this._value = a.date, this._viewDate = new Date(a.date);
+		let o = `${a.date.getFullYear()}-${String(a.date.getMonth() + 1).padStart(2, "0")}-${String(a.date.getDate()).padStart(2, "0")}`;
 		this.dispatchEvent(new CustomEvent("ds-calendar-change", {
 			bubbles: !0,
 			composed: !0,
 			detail: {
-				value: a,
-				date: i.date
+				value: o,
+				date: a.date
 			}
 		}));
 	}
@@ -235,43 +233,43 @@ var d = class extends i {
             </div>
         `;
 	}
-};
+}, d.styles = [u], d);
 r([t({
 	type: String,
 	reflect: !0
-})], d.prototype, "value", void 0), r([t({
+})], f.prototype, "value", void 0), r([t({
 	type: String,
 	reflect: !0
-})], d.prototype, "variant", void 0), r([t({
+})], f.prototype, "variant", void 0), r([t({
 	type: String,
 	reflect: !0
-})], d.prototype, "size", void 0), r([t({
+})], f.prototype, "size", void 0), r([t({
 	type: String,
 	reflect: !0
-})], d.prototype, "locale", void 0), r([t({
+})], f.prototype, "locale", void 0), r([t({
 	type: Number,
 	reflect: !0,
 	attribute: "first-day-of-week"
-})], d.prototype, "firstDayOfWeek", void 0), r([t({
+})], f.prototype, "firstDayOfWeek", void 0), r([t({
 	type: String,
 	reflect: !0,
 	attribute: "min-date"
-})], d.prototype, "minDate", void 0), r([t({
+})], f.prototype, "minDate", void 0), r([t({
 	type: String,
 	reflect: !0,
 	attribute: "max-date"
-})], d.prototype, "maxDate", void 0), r([t({
+})], f.prototype, "maxDate", void 0), r([t({
 	attribute: "disabled-dates",
 	converter: l
-})], d.prototype, "disabledDates", void 0), r([t({
+})], f.prototype, "disabledDates", void 0), r([t({
 	attribute: "disabled-weekdays",
 	converter: l
-})], d.prototype, "disabledWeekdays", void 0), r([t({
+})], f.prototype, "disabledWeekdays", void 0), r([t({
 	type: String,
 	reflect: !0,
 	attribute: "view-date"
-})], d.prototype, "viewDateAttr", void 0), r([t({
+})], f.prototype, "viewDateAttr", void 0), r([t({
 	type: String,
 	attribute: "initial-value"
-})], d.prototype, "initialValue", void 0), r([n()], d.prototype, "_viewDate", void 0), r([n()], d.prototype, "_value", void 0), d = r([a("ds-calendar")], d);
+})], f.prototype, "initialValue", void 0), r([n()], f.prototype, "_viewDate", void 0), r([n()], f.prototype, "_value", void 0), f = r([a("ds-calendar")], f);
 //#endregion

package/dist/esm/components/ds-calendar-day/ds-calendar-day.js

@@ -10,13 +10,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-calendar-day/ds-calendar-day.ts
-var c = class extends r {
+var c, l = (c = class extends r {
 	constructor(...e) {
 		super(...e), this.size = "large", this.disabled = !1, this.selected = !1, this.today = !1, this.outsideMonth = !1;
 	}
-	static {
-		this.styles = [s];
-	}
 	get classes() {
 		return {
 			day: !0,
@@ -58,29 +55,29 @@ var c = class extends r {
             </button>
         `;
 	}
-};
+}, c.styles = [s], c);
 n([t({
 	type: Number,
 	reflect: !0
-})], c.prototype, "day", void 0), n([t({
+})], l.prototype, "day", void 0), n([t({
 	type: String,
 	reflect: !0
-})], c.prototype, "size", void 0), n([t({
+})], l.prototype, "size", void 0), n([t({
 	type: Boolean,
 	converter: a,
 	reflect: !0
-})], c.prototype, "disabled", void 0), n([t({
+})], l.prototype, "disabled", void 0), n([t({
 	type: Boolean,
 	converter: a,
 	reflect: !0
-})], c.prototype, "selected", void 0), n([t({
+})], l.prototype, "selected", void 0), n([t({
 	type: Boolean,
 	converter: a,
 	reflect: !0
-})], c.prototype, "today", void 0), n([t({
+})], l.prototype, "today", void 0), n([t({
 	type: Boolean,
 	converter: a,
 	reflect: !0,
 	attribute: "outside-month"
-})], c.prototype, "outsideMonth", void 0), c = n([i("ds-calendar-day")], c);
+})], l.prototype, "outsideMonth", void 0), l = n([i("ds-calendar-day")], l);
 //#endregion

package/dist/esm/components/ds-carousel-indicator/ds-carousel-indicator.js

@@ -10,13 +10,10 @@ import { e 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/class-map.js";
 import { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-carousel-indicator/ds-carousel-indicator.ts
-var l = class extends a {
+var l, u = (l = class extends a {
 	constructor(...e) {
 		super(...e), this.maxSelectorsShown = 6;
 	}
-	static {
-		this.styles = [c];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -44,12 +41,12 @@ var l = class extends a {
                   </div>
               ` : e;
 	}
-};
+}, l.styles = [c], l);
 i([n({
 	type: Number,
 	attribute: "selectors-number"
-})], l.prototype, "selectorsNumber", void 0), i([n({
+})], u.prototype, "selectorsNumber", void 0), i([n({
 	type: Number,
 	attribute: "selected-index"
-})], l.prototype, "selectedIndex", void 0), i([r()], l.prototype, "maxSelectorsShown", void 0), l = i([o("ds-carousel-indicator")], l);
+})], u.prototype, "selectedIndex", void 0), i([r()], u.prototype, "maxSelectorsShown", void 0), u = i([o("ds-carousel-indicator")], u);
 //#endregion

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

@@ -16,7 +16,7 @@ import { checkboxGroupDisabledContext as d, checkboxGroupErrorContext as f, chec
 import { FormAssociatedMixin as m } from "../../mixins/FormAssociatedMixin.js";
 import { commonStyles as h } from "./styles/common.styles.js";
 //#region src/components/ds-checkbox/ds-checkbox.ts
-var g = class extends m(o) {
+var g, _ = (g = class extends m(o) {
 	constructor(...e) {
 		super(...e), this.inputPlacement = "left", this._checked = void 0, this._checkedState = !1, this.required = !1, this._disabled = !1, this.mode = "light", this._size = "medium", this.helperText = "", this.infoText = "", this._forcedError = "", this.invalidError = "", this.indeterminate = !1, this.dataAriaLabel = "";
 	}
@@ -26,9 +26,6 @@ var g = class extends m(o) {
 	set checked(e) {
 		this._checked = e;
 	}
-	static {
-		this.styles = [h];
-	}
 	connectedCallback() {
 		super.connectedCallback(), queueMicrotask(() => {
 			this.createContextConsumers([
@@ -152,45 +149,45 @@ var g = class extends m(o) {
             </div>
         `;
 	}
-};
-a([r({ type: String })], g.prototype, "name", void 0), a([r({ type: String })], g.prototype, "value", void 0), a([r({
+}, g.styles = [h], g);
+a([r({ type: String })], _.prototype, "name", void 0), a([r({ type: String })], _.prototype, "value", void 0), a([r({
 	type: String,
 	attribute: "input-placement"
-})], g.prototype, "inputPlacement", void 0), a([r({
+})], _.prototype, "inputPlacement", void 0), a([r({
 	type: Boolean,
 	attribute: "checked",
 	converter: c,
 	reflect: !0
-})], g.prototype, "_checked", void 0), a([i()], g.prototype, "_checkedState", void 0), a([r({
+})], _.prototype, "_checked", void 0), a([i()], _.prototype, "_checkedState", void 0), a([r({
 	type: Boolean,
 	converter: c
-})], g.prototype, "required", void 0), a([r({
+})], _.prototype, "required", void 0), a([r({
 	type: Boolean,
 	converter: c,
 	attribute: "disabled"
-})], g.prototype, "_disabled", void 0), a([r({
+})], _.prototype, "_disabled", void 0), a([r({
 	type: String,
 	reflect: !0
-})], g.prototype, "mode", void 0), a([r({
+})], _.prototype, "mode", void 0), a([r({
 	type: String,
 	attribute: "size"
-})], g.prototype, "_size", void 0), a([r({
+})], _.prototype, "_size", void 0), a([r({
 	type: String,
 	attribute: "helper-text"
-})], g.prototype, "helperText", void 0), a([r({
+})], _.prototype, "helperText", void 0), a([r({
 	type: String,
 	attribute: "info-text"
-})], g.prototype, "infoText", void 0), a([r({
+})], _.prototype, "infoText", void 0), a([r({
 	type: String,
 	attribute: "forced-error"
-})], g.prototype, "_forcedError", void 0), a([r({
+})], _.prototype, "_forcedError", void 0), a([r({
 	type: String,
 	attribute: "invalid-error"
-})], g.prototype, "invalidError", void 0), a([r({
+})], _.prototype, "invalidError", void 0), a([r({
 	type: Boolean,
 	converter: c
-})], g.prototype, "indeterminate", void 0), a([r({
+})], _.prototype, "indeterminate", void 0), a([r({
 	type: String,
 	attribute: "data-aria-label"
-})], g.prototype, "dataAriaLabel", void 0), a([i()], g.prototype, "disabledGroup", void 0), a([i()], g.prototype, "errorGroup", void 0), a([i()], g.prototype, "sizeGroup", void 0), g = a([s("ds-checkbox")], g);
+})], _.prototype, "dataAriaLabel", void 0), a([i()], _.prototype, "disabledGroup", void 0), a([i()], _.prototype, "errorGroup", void 0), a([i()], _.prototype, "sizeGroup", void 0), _ = a([s("ds-checkbox")], _);
 //#endregion

package/dist/esm/components/ds-checkbox-group/ds-checkbox-group.js

@@ -12,13 +12,10 @@ import { e as l } 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 u } from "./styles/common.styles.js";
 //#region src/components/ds-checkbox-group/ds-checkbox-group.ts
-var d = e(Symbol("ds-checkbox-group:disabled")), f = e(Symbol("ds-checkbox-group:error")), p = e(Symbol("ds-checkbox-group:error-text")), m = e(Symbol("ds-checkbox-group:helper-text")), h = e(Symbol("ds-checkbox-group:size")), g = class extends o {
+var d, f = e(Symbol("ds-checkbox-group:disabled")), p = e(Symbol("ds-checkbox-group:error")), m = e(Symbol("ds-checkbox-group:error-text")), h = e(Symbol("ds-checkbox-group:helper-text")), g = e(Symbol("ds-checkbox-group:size")), _ = (d = 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,
@@ -45,22 +42,22 @@ var d = e(Symbol("ds-checkbox-group:disabled")), f = e(Symbol("ds-checkbox-group
             </div>
         `;
 	}
-};
-a([t({ context: f }), i({
+}, d.styles = [u], d);
+a([t({ context: p }), i({
 	type: Boolean,
 	converter: c
-})], g.prototype, "error", void 0), a([t({ context: p }), i({
+})], _.prototype, "error", void 0), a([t({ context: m }), i({
 	type: String,
 	attribute: "error-text"
-})], g.prototype, "errorText", void 0), a([t({ context: m }), i({
+})], _.prototype, "errorText", void 0), a([t({ context: h }), i({
 	type: String,
 	attribute: "helper-text"
-})], g.prototype, "helperText", void 0), a([t({ context: d }), i({
+})], _.prototype, "helperText", void 0), a([t({ context: f }), i({
 	type: Boolean,
 	converter: c
-})], g.prototype, "disabled", void 0), a([t({ context: h }), i({ type: String })], g.prototype, "size", void 0), a([i({
+})], _.prototype, "disabled", void 0), a([t({ context: g }), i({ type: String })], _.prototype, "size", void 0), a([i({
 	type: String,
 	reflect: !0
-})], g.prototype, "orientation", void 0), g = a([s("ds-checkbox-group")], g);
+})], _.prototype, "orientation", void 0), _ = a([s("ds-checkbox-group")], _);
 //#endregion
-export { d as checkboxGroupDisabledContext, f as checkboxGroupErrorContext, h as checkboxGroupSizeContext };
+export { f as checkboxGroupDisabledContext, p as checkboxGroupErrorContext, g as checkboxGroupSizeContext };

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

@@ -14,16 +14,13 @@ import { o as l } from "../../node_modules/.pnpm/lit-html@3.3.1/node_modules/lit
 import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/if-defined.js";
 import { commonStyles as u } from "./styles/common.styles.js";
 //#region src/components/ds-chip/ds-chip.ts
-var d = class extends i {
+var d, f = (d = class extends i {
 	constructor(...e) {
 		super(...e), this.mode = "light", this.size = "large", this.selected = !1, this.deselectable = !1, this.slottedText = "", this.handleSlotChange = (e) => {
 			let t = e.target.assignedNodes({ flatten: !0 });
 			this.slottedText = t.filter((e) => e.nodeType === Node.TEXT_NODE).map((e) => e.textContent.trim()).join(" "), this.requestUpdate();
 		};
 	}
-	static {
-		this.styles = [u];
-	}
 	get classes() {
 		return {
 			container: !0,
@@ -98,22 +95,22 @@ var d = class extends i {
             </div>
         `;
 	}
-};
-r([n({ type: String })], d.prototype, "value", void 0), r([n({
+}, d.styles = [u], d);
+r([n({ type: String })], f.prototype, "value", void 0), r([n({
 	type: String,
 	reflect: !0
-})], d.prototype, "mode", void 0), r([n({
+})], f.prototype, "mode", void 0), r([n({
 	type: String,
 	reflect: !0
-})], d.prototype, "size", void 0), r([n({
+})], f.prototype, "size", void 0), r([n({
 	type: Boolean,
 	converter: o,
 	reflect: !0
-})], d.prototype, "selected", void 0), r([n({
+})], f.prototype, "selected", void 0), r([n({
 	type: Boolean,
 	converter: o
-})], d.prototype, "deselectable", void 0), r([n({
+})], f.prototype, "deselectable", void 0), r([n({
 	type: String,
 	attribute: "icon-name"
-})], d.prototype, "iconName", void 0), d = r([a("ds-chip")], d);
+})], f.prototype, "iconName", void 0), f = r([a("ds-chip")], f);
 //#endregion

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

@@ -18,13 +18,14 @@ import "../ds-icon-button/ds-icon-button.js";
 import { arrayConverter as p } from "../../utils/arrayConverter.js";
 import { commonStyles as m } from "./styles/common.styles.js";
 //#region src/components/ds-chips/ds-chips.ts
-var h = class extends s {
+var h, g = (h = class extends s {
 	constructor(...e) {
 		super(...e), this.multiChoice = null, this.size = "medium", this.mode = "light", this.hasScrollLeft = !1, this.hasScrollRight = !1, this.resizeObserver = new ResizeObserver(() => {
 			this.handleScrollNav();
 		}), this.handleScrollNav = () => {
-			let e = this.chipsContainer?.scrollLeft + this.chipsContainer?.clientWidth;
-			this.hasScrollLeft = this.chipsContainer?.scrollLeft > 0, this.hasScrollRight = e < this.chipsContainer?.scrollWidth;
+			var e, t, n, r;
+			let i = ((e = this.chipsContainer) == null ? void 0 : e.scrollLeft) + ((t = this.chipsContainer) == null ? void 0 : t.clientWidth);
+			this.hasScrollLeft = ((n = this.chipsContainer) == null ? void 0 : n.scrollLeft) > 0, this.hasScrollRight = i < ((r = this.chipsContainer) == null ? void 0 : r.scrollWidth);
 		}, this.handleScrollLeft = () => {
 			this.chipsContainer.scrollBy({
 				left: -150,
@@ -37,9 +38,6 @@ var h = class extends s {
 			});
 		};
 	}
-	static {
-		this.styles = [m];
-	}
 	firstUpdated() {
 		this.handleScrollNav(), this.resizeObserver.observe(this.chipsContainer), this.chips.forEach((e) => this.resizeObserver.observe(e)), window.addEventListener("resize", this.handleScrollNav), this.chipsContainer.addEventListener("scroll", this.handleScrollNav);
 	}
@@ -64,8 +62,10 @@ var h = class extends s {
 		super.updated(e), (e.has("selectedChips") || e.has("multiChoice") || e.has("size") || e.has("mode")) && this.updateChildChips();
 	}
 	updateChildChips() {
-		this.chips?.forEach((e) => {
-			e.size = this.size, e.selected = this.selectedChips?.includes?.(e.value), e.deselectable = !!this.multiChoice, e.mode = this.mode;
+		var e;
+		(e = this.chips) == null || e.forEach((e) => {
+			var t, n;
+			e.size = this.size, e.selected = (t = this.selectedChips) == null || (n = t.includes) == null ? void 0 : n.call(t, e.value), e.deselectable = !!this.multiChoice, e.mode = this.mode;
 		});
 	}
 	get chipsContainerClasses() {
@@ -76,11 +76,12 @@ var h = class extends s {
 		};
 	}
 	handleSelect(e) {
-		let t;
-		t = this.multiChoice && !this.selectedChips?.includes?.(e.detail.value) ? [...this.selectedChips || [], e.detail.value] : [e.detail.value], this.selectedChips = t, this.updateChildChips(), this.dispatchEvent(new CustomEvent("ds-chips:change", {
+		var t, n;
+		let r;
+		r = this.multiChoice && !(!((t = this.selectedChips) == null || (n = t.includes) == null) && n.call(t, e.detail.value)) ? [...this.selectedChips || [], e.detail.value] : [e.detail.value], this.selectedChips = r, this.updateChildChips(), this.dispatchEvent(new CustomEvent("ds-chips:change", {
 			bubbles: !0,
 			composed: !0,
-			detail: { selectedChips: t }
+			detail: { selectedChips: r }
 		}));
 	}
 	handleDeselect(e) {
@@ -107,18 +108,18 @@ var h = class extends s {
             </div>
         `;
 	}
-};
+}, h.styles = [m], h);
 o([n({
 	type: Array,
 	attribute: "selected-chips",
 	converter: p,
 	reflect: !0
-})], h.prototype, "selectedChips", void 0), o([n({
+})], g.prototype, "selectedChips", void 0), o([n({
 	type: Boolean,
 	attribute: "multi-choice",
 	converter: l
-})], h.prototype, "multiChoice", void 0), o([n({ type: String })], h.prototype, "size", void 0), o([n({
+})], g.prototype, "multiChoice", void 0), o([n({ type: String })], g.prototype, "size", void 0), o([n({
 	type: String,
 	reflect: !0
-})], h.prototype, "mode", void 0), o([r()], h.prototype, "hasScrollLeft", void 0), o([r()], h.prototype, "hasScrollRight", void 0), o([a({ slot: "" })], h.prototype, "chips", void 0), o([i(".chips-container")], h.prototype, "chipsContainer", void 0), h = o([c("ds-chips")], h);
+})], g.prototype, "mode", void 0), o([r()], g.prototype, "hasScrollLeft", void 0), o([r()], g.prototype, "hasScrollRight", void 0), o([a({ slot: "" })], g.prototype, "chips", void 0), o([i(".chips-container")], g.prototype, "chipsContainer", void 0), g = o([c("ds-chips")], g);
 //#endregion

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

@@ -10,13 +10,10 @@ import "../../node_modules/.pnpm/lit@3.3.1/node_modules/lit/directives/class-map
 import { formatNumber as s } from "../../utils/formatNumber/formatNumber.js";
 import { commonStyles as c } from "./styles/common.styles.js";
 //#region src/components/ds-currency/ds-currency.ts
-var l = class extends i {
+var l, u = (l = class extends i {
 	constructor(...e) {
 		super(...e), this.currencyDisplay = "symbol", this.minimumFractionDigits = 0, this.maximumFractionDigits = 20, this.amountSize = "medium", this.amountWeight = "medium", this.periodSize = "medium", this.periodWeight = "medium", this.noteSize = "medium", this.noteWeight = "medium", this.variant = "default";
 	}
-	static {
-		this.styles = [c];
-	}
 	get valueTemplate() {
 		let { formattedValue: e } = s({
 			value: this.amountNumber ?? 0,
@@ -63,48 +60,48 @@ var l = class extends i {
             ${this.valueTemplate}${this.periodTemplate}${this.noteTemplate}${r}
         </div>`;
 	}
-};
-r([n({ type: String })], l.prototype, "locale", void 0), r([n({
+}, l.styles = [c], l);
+r([n({ type: String })], u.prototype, "locale", void 0), r([n({
 	type: String,
 	attribute: "currency-code"
-})], l.prototype, "currencyCode", void 0), r([n({
+})], u.prototype, "currencyCode", void 0), r([n({
 	type: String,
 	attribute: "currency-display"
-})], l.prototype, "currencyDisplay", void 0), r([n({
+})], u.prototype, "currencyDisplay", void 0), r([n({
 	type: String,
 	attribute: "value-text"
-})], l.prototype, "valueText", void 0), r([n({
+})], u.prototype, "valueText", void 0), r([n({
 	type: Number,
 	attribute: "amount-number"
-})], l.prototype, "amountNumber", void 0), r([n({
+})], u.prototype, "amountNumber", void 0), r([n({
 	type: Number,
 	attribute: "minimum-fraction-digits"
-})], l.prototype, "minimumFractionDigits", void 0), r([n({
+})], u.prototype, "minimumFractionDigits", void 0), r([n({
 	type: Number,
 	attribute: "maximum-fraction-digits"
-})], l.prototype, "maximumFractionDigits", void 0), r([n({ type: String })], l.prototype, "period", void 0), r([n({ type: String })], l.prototype, "note", void 0), r([n({
+})], u.prototype, "maximumFractionDigits", void 0), r([n({ type: String })], u.prototype, "period", void 0), r([n({ type: String })], u.prototype, "note", void 0), r([n({
 	type: String,
 	attribute: "thousand-separator"
-})], l.prototype, "thousandSeparator", void 0), r([n({
+})], u.prototype, "thousandSeparator", void 0), r([n({
 	type: String,
 	attribute: "fraction-separator"
-})], l.prototype, "fractionSeparator", void 0), r([n({
+})], u.prototype, "fractionSeparator", void 0), r([n({
 	type: String,
 	attribute: "amount-size"
-})], l.prototype, "amountSize", void 0), r([n({
+})], u.prototype, "amountSize", void 0), r([n({
 	type: String,
 	attribute: "amount-weight"
-})], l.prototype, "amountWeight", void 0), r([n({
+})], u.prototype, "amountWeight", void 0), r([n({
 	type: String,
 	attribute: "period-size"
-})], l.prototype, "periodSize", void 0), r([n({
+})], u.prototype, "periodSize", void 0), r([n({
 	type: String,
 	attribute: "period-weight"
-})], l.prototype, "periodWeight", void 0), r([n({
+})], u.prototype, "periodWeight", void 0), r([n({
 	type: String,
 	attribute: "note-size"
-})], l.prototype, "noteSize", void 0), r([n({
+})], u.prototype, "noteSize", void 0), r([n({
 	type: String,
 	attribute: "note-weight"
-})], l.prototype, "noteWeight", void 0), r([n({ type: String })], l.prototype, "variant", void 0), l = r([a("ds-currency")], l);
+})], u.prototype, "noteWeight", void 0), r([n({ type: String })], u.prototype, "variant", void 0), u = r([a("ds-currency")], u);
 //#endregion

package/dist/esm/components/ds-date-picker/ds-date-picker.js

@@ -15,10 +15,7 @@ import "../ds-icon-button/ds-icon-button.js";
 import { inputStatesMixin as u } from "../../mixins/inputStatesMixin.js";
 import { commonStyles as d } from "./styles/common.styles.js";
 //#region src/components/ds-date-picker/ds-date-picker.ts
-var f, p = class extends u(a) {
-	static {
-		f = this;
-	}
+var f, p, m = (f = class extends u(a) {
 	constructor(...e) {
 		super(...e), this.size = "large", this.helperText = "", this.forcedError = "", this.invalidError = "", this.readonlyText = "", this.dataAriaLabelCalendarButton = "", this.isExpanded = !1, this.handleCalendarButtonClick = () => {
 			this.inputStates.disabled || this.inputStates.readonly || (this.isExpanded = !this.isExpanded);
@@ -30,18 +27,12 @@ var f, p = class extends u(a) {
 			this.isExpanded && !this.contains(e.target) && (this.isExpanded = !1);
 		};
 	}
-	static {
-		this.styles = [d];
-	}
-	static {
-		this.nativeStylesInjected = !1;
-	}
 	connectedCallback() {
-		super.connectedCallback(), this.classList.add("ds-date-picker"), document.addEventListener("click", this.handleDocumentClick), this.addEventListener("ds-calendar-change", this.handleCalendarChange), f.injectNativeInputStyles();
+		super.connectedCallback(), this.classList.add("ds-date-picker"), document.addEventListener("click", this.handleDocumentClick), this.addEventListener("ds-calendar-change", this.handleCalendarChange), p.injectNativeInputStyles();
 	}
 	static injectNativeInputStyles() {
-		if (f.nativeStylesInjected) return;
-		f.nativeStylesInjected = !0;
+		if (p.nativeStylesInjected) return;
+		p.nativeStylesInjected = !0;
 		let e = document.createElement("style");
 		e.textContent = [".ds-date-picker input[type=\"date\"]::-webkit-calendar-picker-indicator { display: none !important; }", ".ds-date-picker input[type=\"date\"]::-webkit-inner-spin-button { display: none !important; }"].join("\n"), document.head.appendChild(e);
 	}
@@ -87,11 +78,12 @@ var f, p = class extends u(a) {
         `;
 	}
 	get calendarButtonTemplate() {
+		var e;
 		return s`<ds-icon-button
             class="calendar-button"
             icon-name="calendar"
             size=${l(this.size)}
-            ?disabled=${!!this.nativeInput?.disabled}
+            ?disabled=${!!((e = this.nativeInput) != null && e.disabled)}
             variant="naked"
             @click=${this.handleCalendarButtonClick}
             data-aria-label=${this.dataAriaLabelCalendarButton || "open calendar"}
@@ -109,21 +101,21 @@ var f, p = class extends u(a) {
 	get invalidErrorTemplate() {
 		return this.inputStates.readonly || this.forcedError || !this.inputStates.invalid || !this.invalidError ? e : t`<span class="support-text error-text invalid-error">${this.invalidError}</span>`;
 	}
-};
-i([n({ type: String })], p.prototype, "size", void 0), i([n({
+}, p = f, f.styles = [d], f.nativeStylesInjected = !1, f);
+i([n({ type: String })], m.prototype, "size", void 0), i([n({
 	type: String,
 	attribute: "helper-text"
-})], p.prototype, "helperText", void 0), i([n({
+})], m.prototype, "helperText", void 0), i([n({
 	type: String,
 	attribute: "forced-error"
-})], p.prototype, "forcedError", void 0), i([n({
+})], m.prototype, "forcedError", void 0), i([n({
 	type: String,
 	attribute: "invalid-error"
-})], p.prototype, "invalidError", void 0), i([n({
+})], m.prototype, "invalidError", void 0), i([n({
 	type: String,
 	attribute: "readonly-text"
-})], p.prototype, "readonlyText", void 0), i([n({
+})], m.prototype, "readonlyText", void 0), i([n({
 	type: String,
 	attribute: "data-aria-label-calendar-button"
-})], p.prototype, "dataAriaLabelCalendarButton", void 0), i([r()], p.prototype, "isExpanded", void 0), p = f = i([o("ds-date-picker")], p);
+})], m.prototype, "dataAriaLabelCalendarButton", void 0), i([r()], m.prototype, "isExpanded", void 0), m = p = i([o("ds-date-picker")], m);
 //#endregion