@sbb-esta/lyne-elements-dev 4.13.1-dev.1781017607 → 5.0.0-dev.1781076451

package/date-input/date-input.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../date-input.component-kYGldhkg.js";
+import { t as e } from "../date-input.component-CKdDrnEj.js";
 export { e as SbbDateInputElement };

package/date-input.component-CKdDrnEj.js

@@ -0,0 +1,202 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { isServer as n, unsafeCSS as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { SbbElement as a, SbbFormAssociatedInputMixin as o, defaultDateAdapter as s, i18nDateInvalid as c, i18nDateMax as l, i18nDateMin as u, i18nDatePickerPlaceholder as d, plainDate as f, plainDateConverter as p, readConfig as m } from "./core.js";
+//#region src/elements/date-input/date-input.scss?inline
+var h = ":host{display:inline-flex;min-width:9.375rem;max-width:100%;cursor:text;align-items:center;font-weight:400}@media(forced-colors:active){:host{color:FieldText}}:host(:disabled){cursor:var(--sbb-cursor-default)}:host(:focus){text-overflow:initial!important}:host(:empty):after{content:attr(placeholder);color:var(--sbb-color-5);-webkit-text-fill-color:var(--sbb-color-5);opacity:1}@media(forced-colors:active){:host(:empty):after{color:GrayText}}";
+//#endregion
+//#region src/elements/date-input/date-input.component.ts
+Object.assign(ValidityState.prototype, { get sbbDateFilter() {
+	return !1;
+} });
+var g = (() => {
+	let g = o(a), _ = [], v, y, b = [], x = [], S, C = [], w = [], T, E, D = [], O = [];
+	return class extends g {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
+			v = [i({ attribute: !1 })], y = [f(), i({
+				converter: p,
+				reflect: !0
+			})], S = [f(), i({
+				converter: p,
+				reflect: !0
+			})], T = [i({ attribute: !1 })], E = [i({ attribute: "weekday-style" })], e(this, null, v, {
+				kind: "setter",
+				name: "valueAsDate",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "valueAsDate" in e,
+					set: (e, t) => {
+						e.valueAsDate = t;
+					}
+				},
+				metadata: t
+			}, null, _), e(this, null, y, {
+				kind: "accessor",
+				name: "min",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "min" in e,
+					get: (e) => e.min,
+					set: (e, t) => {
+						e.min = t;
+					}
+				},
+				metadata: t
+			}, b, x), e(this, null, S, {
+				kind: "accessor",
+				name: "max",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "max" in e,
+					get: (e) => e.max,
+					set: (e, t) => {
+						e.max = t;
+					}
+				},
+				metadata: t
+			}, C, w), e(this, null, T, {
+				kind: "setter",
+				name: "dateFilter",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "dateFilter" in e,
+					set: (e, t) => {
+						e.dateFilter = t;
+					}
+				},
+				metadata: t
+			}, null, _), e(this, null, E, {
+				kind: "accessor",
+				name: "weekdayStyle",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "weekdayStyle" in e,
+					get: (e) => e.weekdayStyle,
+					set: (e, t) => {
+						e.weekdayStyle = t;
+					}
+				},
+				metadata: t
+			}, D, O), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-date-input";
+		}
+		static {
+			this.styles = [r(h)];
+		}
+		set value(e) {
+			this._tryParseValue(e), !n && !this.isSelected() && this.valueAsDate !== null && (e = this._formatDate()), super.value = e;
+		}
+		get value() {
+			return super.value ?? "";
+		}
+		set valueAsDate(e) {
+			if (e = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e)), !(this.isSelected() && (e === null || this._dateAdapter.sameDate(e, this._dateAdapter.parse(this.value))))) {
+				if (!e) this._valueAsDate = null, this._valueCache = ["", null], this.value = "";
+				else if (!this._dateAdapter.isDateInstance(this._valueAsDate) || this._dateAdapter.compareDate(this._valueAsDate, e) !== 0) {
+					this._valueAsDate = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), this._dateAdapter.getDate(e));
+					let t = this._formatDate();
+					this._valueCache = [t, this._valueAsDate], this.value = t;
+				}
+			}
+		}
+		get valueAsDate() {
+			return this._valueAsDate ? this._dateAdapter.clone(this._valueAsDate) : null;
+		}
+		#e;
+		get min() {
+			return this.#e;
+		}
+		set min(e) {
+			this.#e = e;
+		}
+		#t;
+		get max() {
+			return this.#t;
+		}
+		set max(e) {
+			this.#t = e;
+		}
+		set dateFilter(e) {
+			this._dateFilter = e;
+		}
+		get dateFilter() {
+			return this._dateFilter;
+		}
+		#n;
+		get weekdayStyle() {
+			return this.#n;
+		}
+		set weekdayStyle(e) {
+			this.#n = e;
+		}
+		get datepicker() {
+			return this.parentElement.querySelector("sbb-datepicker");
+		}
+		constructor() {
+			super(), this._valueAsDate = t(this, _), this.#e = t(this, b, null), this.#t = (t(this, x), t(this, C, null)), this.#n = (t(this, w), t(this, D, "short")), this._valueCache = t(this, O), this._dateAdapter = m().datetime?.dateAdapter ?? s, this._placeholderMutable = !1, this._dateFilter = () => !0, this.addEventListener?.("change", () => this._updateValueDateFormat(), { capture: !0 });
+		}
+		static resolveAssociation(e) {
+			if (e.hasAttribute("input") || e.input) return;
+			let t = e.closest("sbb-form-field")?.querySelector("sbb-date-input");
+			t && (e.input = t);
+		}
+		connectedCallback() {
+			super.connectedCallback(), this.placeholder ||= (this._placeholderMutable = !0, d[this.language.current]);
+			for (let e of Array.from(this.closest("sbb-form-field")?.children ?? [])) customElements.upgrade?.(e), e.constructor.sbbDateInputAssociated && !e.hasAttribute("input") && !e.input && (e.input = this);
+		}
+		requestUpdate(e, t, n) {
+			super.requestUpdate(e, t, n), this.hasUpdated && !e ? (this._updateValueDateFormat(), this._placeholderMutable && (this.placeholder = d[this.language.current])) : e === "weekdayStyle" && this._updateValueDateFormat(), this.isConnected && this.dispatchEvent(new Event("ɵchange"));
+		}
+		updateFormValue() {
+			this._tryParseValue();
+			let e = this.valueAsDate === null ? null : this._dateAdapter.toIso8601(this.valueAsDate);
+			this.internals.setFormValue(e, this.value);
+		}
+		_tryParseValue(e = this.value) {
+			this._valueCache?.[0] !== e && (this._valueAsDate = this._dateAdapter.parse(e), this._valueCache = [e, this._valueAsDate]);
+		}
+		_updateValueDateFormat() {
+			if (this.valueAsDate) {
+				let e = this._formatDate();
+				this.value !== e && (super.value = e);
+			}
+		}
+		_formatDate() {
+			return this._dateAdapter.format(this.valueAsDate, { weekdayStyle: this.weekdayStyle });
+		}
+		shouldValidate(e) {
+			return super.shouldValidate(e) || [
+				"valueAsDate",
+				"min",
+				"max",
+				"dateFilter"
+			].includes(e);
+		}
+		validate() {
+			super.validate(), this.value ? this._dateAdapter.isValid(this.valueAsDate) ? this._dateAdapter.isValid(this.min) && this._dateAdapter.compareDate(this.min, this.valueAsDate) > 0 ? this.setValidityFlag("rangeUnderflow", u(this._dateAdapter.format(this.min, { weekdayStyle: "none" }))[this.language.current]) : this._dateAdapter.isValid(this.max) && this._dateAdapter.compareDate(this.valueAsDate, this.max) > 0 ? this.setValidityFlag("rangeOverflow", l(this._dateAdapter.format(this.max, { weekdayStyle: "none" }))[this.language.current]) : this.dateFilter && !this.dateFilter(this.valueAsDate) ? this.setValidityFlag("sbbDateFilter", c[this.language.current]) : this._removeValidityErrors() : this.setValidityFlag("badInput", c[this.language.current]) : this._removeValidityErrors();
+		}
+		_removeValidityErrors() {
+			[
+				"badInput",
+				"rangeUnderflow",
+				"rangeOverflow",
+				"sbbDateFilter"
+			].forEach((e) => this.removeValidityFlag(e));
+		}
+	};
+})();
+//#endregion
+export { g as t };

package/date-input.js

@@ -1,4 +1,4 @@
-import { t as e } from "./date-input.component-kYGldhkg.js";
+import { t as e } from "./date-input.component-CKdDrnEj.js";
 import "./date-input.pure.js";
 //#region src/elements/date-input.ts
 e.define();

package/date-input.pure.js

@@ -1,2 +1,2 @@
-import { t as e } from "./date-input.component-kYGldhkg.js";
+import { t as e } from "./date-input.component-CKdDrnEj.js";
 export { e as SbbDateInputElement };

package/datepicker/common/datepicker-button.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "../../datepicker-button-SUUQkrOL.js";
-export { n as SbbDatepickerButton, e as SbbDatepickerButtonBase, t as datepickerButtonStyle };
+import { n as e, t } from "../../datepicker-button-D8t6_DBS.js";
+export { t as SbbDatepickerButton, e as SbbDatepickerButtonBase };

package/datepicker/datepicker/datepicker.component.js

@@ -1,2 +1,172 @@
-import { t as e } from "../../datepicker.component-BKR_413s.js";
-export { e as SbbDatepickerElement };
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { html as n, isServer as r, nothing as i } from "lit";
+import { property as a, state as o } from "lit/decorators.js";
+import { SbbLanguageController as s, SbbMediaMatcherController as c, SbbMediaQueryBreakpointLargeAndAbove as l, SbbUpdateSchedulerMixin as u, defaultDateAdapter as d, forceType as f, i18nDateChangedTo as p, idReference as m, readConfig as h, screenReaderOnlyStyles as g } from "../../core.js";
+import { SbbDateInputElement as _ } from "../../date-input.pure.js";
+import { SbbCalendarElement as v } from "../../calendar.pure.js";
+import { SbbPopoverBaseElement as y } from "../../popover.pure.js";
+//#region src/elements/datepicker/datepicker/datepicker.component.ts
+var b = (() => {
+	let b = u(y), x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [];
+	return class extends b {
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
+			x = [f(), a({ type: Boolean })], w = [m(), a()], D = [a()], A = [o()], e(this, null, x, {
+				kind: "accessor",
+				name: "wide",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "wide" in e,
+					get: (e) => e.wide,
+					set: (e, t) => {
+						e.wide = t;
+					}
+				},
+				metadata: t
+			}, S, C), e(this, null, w, {
+				kind: "accessor",
+				name: "input",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "input" in e,
+					get: (e) => e.input,
+					set: (e, t) => {
+						e.input = t;
+					}
+				},
+				metadata: t
+			}, T, E), e(this, null, D, {
+				kind: "accessor",
+				name: "view",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "view" in e,
+					get: (e) => e.view,
+					set: (e, t) => {
+						e.view = t;
+					}
+				},
+				metadata: t
+			}, O, k), e(this, null, A, {
+				kind: "accessor",
+				name: "_isBreakpointLargeOrAbove",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "_isBreakpointLargeOrAbove" in e,
+					get: (e) => e._isBreakpointLargeOrAbove,
+					set: (e, t) => {
+						e._isBreakpointLargeOrAbove = t;
+					}
+				},
+				metadata: t
+			}, j, M), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-datepicker";
+		}
+		static {
+			this.elementDependencies = [v];
+		}
+		static {
+			this.styles = [g];
+		}
+		static {
+			this.sbbDateInputAssociated = !0;
+		}
+		#e;
+		get wide() {
+			return this.#e;
+		}
+		set wide(e) {
+			this.#e = e;
+		}
+		#t;
+		get input() {
+			return this.#t;
+		}
+		set input(e) {
+			this.#t = e;
+		}
+		#n;
+		get view() {
+			return this.#n;
+		}
+		set view(e) {
+			this.#n = e;
+		}
+		#r;
+		get _isBreakpointLargeOrAbove() {
+			return this.#r;
+		}
+		set _isBreakpointLargeOrAbove(e) {
+			this.#r = e;
+		}
+		constructor() {
+			super(), this.#e = t(this, S, !1), this.#t = (t(this, C), t(this, T, null)), this.#n = (t(this, E), t(this, O, "day")), this._inputAbortController = t(this, k), this._dateAdapter = h().datetime?.dateAdapter ?? d, this._language = new s(this), this._ready = !1, this._mediaMatcher = new c(this, { [l]: (e) => this._isBreakpointLargeOrAbove = e }), this.#r = t(this, j, this._mediaMatcher.matches(l) ?? !1), t(this, M), this.startUpdate(), this.addEventListener(y.events.beforeopen, () => {
+				this.shadowRoot?.querySelector("sbb-calendar")?.resetPosition?.();
+			}), !r && this.hydrationRequired && this.hydrationComplete.then(() => this.requestUpdate());
+		}
+		connectedCallback() {
+			super.connectedCallback();
+			let e = this.closest?.("sbb-form-field");
+			if (e) {
+				_.resolveAssociation(this);
+				let t = e.querySelector("sbb-datepicker-toggle");
+				t && !t.hasAttribute("datepicker") && (t.datepicker ??= this);
+			}
+		}
+		requestUpdate(e, t, n) {
+			if (super.requestUpdate(e, t, n), e === "input" && this.input !== t && (this._inputAbortController?.abort(), this.input)) {
+				let { signal: e } = this._inputAbortController = new AbortController();
+				this.input?.addEventListener("ɵchange", () => {
+					super.requestUpdate(), this._updateStatus();
+				}, { signal: e });
+			}
+		}
+		firstUpdated(e) {
+			super.firstUpdated(e), setTimeout(() => {
+				this._ready = !0, this.requestUpdate(), this.completeUpdate();
+			});
+		}
+		_updateStatus() {
+			let e = this.shadowRoot?.getElementById("status-container");
+			if (!e) return;
+			let t = this._dateAdapter.isValid(this.input?.valueAsDate) ? `${p[this._language.current]} ${this._dateAdapter.format(this.input.valueAsDate, { weekdayStyle: "long" })}` : "";
+			e.textContent !== t && (e.textContent = t);
+		}
+		renderContent() {
+			return n`
+      <p id="status-container" class="sbb-screen-reader-only" role="status"></p>
+      <sbb-calendar
+        .view=${this.view}
+        .min=${this.input?.min ?? null}
+        .max=${this.input?.max ?? null}
+        .dateFilter=${this.input?.dateFilter ?? null}
+        .value=${this.input?.valueAsDate ?? null}
+        .amount=${this.wide && this._isBreakpointLargeOrAbove ? 2 : 1}
+        @change=${(e) => {
+				let t = e.target.value;
+				this.input && (this.input.valueAsDate = t, this.input.dispatchEvent(new InputEvent("input", {
+					bubbles: !0,
+					composed: !0
+				})), this.input.dispatchEvent(new Event("change", { bubbles: !0 })), this.input.dispatchEvent(new Event("blur", { composed: !0 })), this.close());
+			}}
+      ></sbb-calendar>
+    `;
+		}
+		render() {
+			return r || this.hydrationRequired || !this._ready ? n`${i}` : super.render();
+		}
+	};
+})();
+//#endregion
+export { b as SbbDatepickerElement };

package/datepicker/datepicker-next-day/datepicker-next-day.component.js

@@ -1,22 +1,13 @@
-import { boxSizingStyles as e } from "../../core/styles.js";
-import { miniButtonStyle as t } from "../../button.pure.js";
-import { i18nNextDay as n, i18nSelectNextDay as r } from "../../core/i18n.js";
-import { SbbDatepickerButton as i, datepickerButtonStyle as a } from "../common/datepicker-button.js";
+import { i18nNextDay as e, i18nSelectNextDay as t } from "../../core.js";
+import { SbbDatepickerButton as n } from "../common/datepicker-button.js";
 //#region src/elements/datepicker/datepicker-next-day/datepicker-next-day.component.ts
-var o = class extends i {
+var r = class extends n {
 	constructor() {
-		super(...arguments), this.iconName = "chevron-small-right-small", this.i18nOffBoundaryDay = n, this.i18nSelectOffBoundaryDay = r;
+		super(...arguments), this.iconName = "chevron-small-right-small", this.i18nOffBoundaryDay = e, this.i18nSelectOffBoundaryDay = t;
 	}
 	static {
 		this.elementName = "sbb-datepicker-next-day";
 	}
-	static {
-		this.styles = [
-			e,
-			t,
-			a
-		];
-	}
 	getFollowingDate(e) {
 		let t = this.dateAdapter.addCalendarDays(e, 1);
 		return this._isAfterMaxDate(t) ? null : t;
@@ -26,4 +17,4 @@ var o = class extends i {
 	}
 };
 //#endregion
-export { o as SbbDatepickerNextDayElement };
+export { r as SbbDatepickerNextDayElement };

package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js

@@ -1,22 +1,13 @@
-import { boxSizingStyles as e } from "../../core/styles.js";
-import { miniButtonStyle as t } from "../../button.pure.js";
-import { i18nPreviousDay as n, i18nSelectPreviousDay as r } from "../../core/i18n.js";
-import { SbbDatepickerButton as i, datepickerButtonStyle as a } from "../common/datepicker-button.js";
+import { i18nPreviousDay as e, i18nSelectPreviousDay as t } from "../../core.js";
+import { SbbDatepickerButton as n } from "../common/datepicker-button.js";
 //#region src/elements/datepicker/datepicker-previous-day/datepicker-previous-day.component.ts
-var o = class extends i {
+var r = class extends n {
 	constructor() {
-		super(...arguments), this.iconName = "chevron-small-left-small", this.i18nOffBoundaryDay = n, this.i18nSelectOffBoundaryDay = r;
+		super(...arguments), this.iconName = "chevron-small-left-small", this.i18nOffBoundaryDay = e, this.i18nSelectOffBoundaryDay = t;
 	}
 	static {
 		this.elementName = "sbb-datepicker-previous-day";
 	}
-	static {
-		this.styles = [
-			e,
-			t,
-			a
-		];
-	}
 	getFollowingDate(e) {
 		let t = this.dateAdapter.addCalendarDays(e, -1);
 		return this._isBeforeMinDate(t) ? null : t;
@@ -26,4 +17,4 @@ var o = class extends i {
 	}
 };
 //#endregion
-export { o as SbbDatepickerPreviousDayElement };
+export { r as SbbDatepickerPreviousDayElement };

package/datepicker/datepicker-toggle/datepicker-toggle.component.js

@@ -1,17 +1,14 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { property as n } from "lit/decorators.js";
-import { idReference as r } from "../../core/decorators.js";
-import { boxSizingStyles as i } from "../../core/styles.js";
-import { miniButtonStyle as a } from "../../button.pure.js";
-import { i18nShowCalendar as o } from "../../core/i18n.js";
-import { SbbDatepickerButtonBase as s, datepickerButtonStyle as c } from "../common/datepicker-button.js";
+import { i18nShowCalendar as r, idReference as i } from "../../core.js";
+import { SbbDatepickerButtonBase as a } from "../common/datepicker-button.js";
 //#region src/elements/datepicker/datepicker-toggle/datepicker-toggle.component.ts
-var l = (() => {
-	let l = s, u, d = [], f = [];
-	return class extends l {
+var o = (() => {
+	let o = a, s, c = [], l = [];
+	return class extends o {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
-			u = [r(), n()], e(this, null, u, {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
+			s = [i(), n()], e(this, null, s, {
 				kind: "accessor",
 				name: "datepicker",
 				static: !1,
@@ -24,7 +21,7 @@ var l = (() => {
 					}
 				},
 				metadata: t
-			}, d, f), t && Object.defineProperty(this, Symbol.metadata, {
+			}, c, l), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -34,13 +31,6 @@ var l = (() => {
 		static {
 			this.elementName = "sbb-datepicker-toggle";
 		}
-		static {
-			this.styles = [
-				i,
-				a,
-				c
-			];
-		}
 		#e;
 		get datepicker() {
 			return this.#e;
@@ -49,19 +39,19 @@ var l = (() => {
 			this.#e = e;
 		}
 		constructor() {
-			super(), this.iconName = "calendar-small", this.#e = t(this, d, null), t(this, f), this.addEventListener?.("click", () => {
+			super(), this.iconName = "calendar-small", this.#e = t(this, c, null), t(this, l), this.addEventListener?.("click", () => {
 				this.datepicker?.isOpen || this.datepicker?.open();
 			});
 		}
 		connectedCallback() {
-			super.connectedCallback(), this.internals.ariaLabel = o[this.language.current];
+			super.connectedCallback(), this.internals.ariaLabel = r[this.language.current];
 			let e = this.closest?.("sbb-form-field");
 			e && !this.hasAttribute("datepicker") && (this.datepicker ??= e.querySelector("sbb-datepicker"));
 		}
 		requestUpdate(e, t, n) {
-			super.requestUpdate(e, t, n), e === "datepicker" && this.datepicker && this.datepicker.trigger !== this ? this.datepicker.trigger = this : !e && this.hasUpdated && (this.internals.ariaLabel = o[this.language.current]);
+			super.requestUpdate(e, t, n), e === "datepicker" && this.datepicker && this.datepicker.trigger !== this ? this.datepicker.trigger = this : !e && this.hasUpdated && (this.internals.ariaLabel = r[this.language.current]);
 		}
 	};
 })();
 //#endregion
-export { l as SbbDatepickerToggleElement };
+export { o as SbbDatepickerToggleElement };

package/datepicker-button-D8t6_DBS.js

@@ -0,0 +1,107 @@
+import { __esDecorate as e, __runInitializers as t } from "tslib";
+import { html as n, unsafeCSS as r } from "lit";
+import { property as i } from "lit/decorators.js";
+import { SbbButtonBaseElement as a, SbbLanguageController as o, SbbNegativeMixin as s, defaultDateAdapter as c, i18nToday as l, idReference as u, readConfig as d } from "./core.js";
+import { SbbIconElement as f } from "./icon.pure.js";
+import { miniButtonStyle as p } from "./button/common/button-common.js";
+import { SbbDateInputElement as m } from "./date-input.pure.js";
+//#region src/elements/datepicker/common/datepicker-button.scss?inline
+var h = ".sbb-action-base{margin:auto;-webkit-tap-highlight-color:transparent}", g = (() => {
+	let l = s(a), g, _ = [], v = [];
+	return class extends l {
+		constructor() {
+			super(...arguments), this.#e = t(this, _, null), this._inputDisabled = (t(this, v), !0), this.dateAdapter = d().datetime?.dateAdapter ?? c, this.language = new o(this);
+		}
+		static {
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(l[Symbol.metadata] ?? null) : void 0;
+			g = [u(), i()], e(this, null, g, {
+				kind: "accessor",
+				name: "input",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "input" in e,
+					get: (e) => e.input,
+					set: (e, t) => {
+						e.input = t;
+					}
+				},
+				metadata: t
+			}, _, v), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementDependencies = [f];
+		}
+		static {
+			this.sbbDateInputAssociated = !0;
+		}
+		static {
+			this.styles = [p, r(h)];
+		}
+		#e;
+		get input() {
+			return this.#e;
+		}
+		set input(e) {
+			this.#e = e;
+		}
+		get disabled() {
+			return !!this._inputDisabled;
+		}
+		connectedCallback() {
+			super.connectedCallback(), this.toggleAttribute("disabled", this.disabled);
+			let e = this.closest?.("sbb-form-field");
+			e && (customElements.upgrade?.(e), this.negative = e.negative, m.resolveAssociation(this), this.slot ||= this._findSlotPosition());
+		}
+		requestUpdate(e, t, n) {
+			super.requestUpdate(e, t, n), e === "input" && this.input !== t ? (this._inputAbortController?.abort(), this._inputDisabled = !0, this.input && (this._inputAbortController = new AbortController(), this.slot = this._findSlotPosition(), customElements.upgrade?.(this.input), this._sync(), this.input.addEventListener("ɵchange", () => this._sync())), this.hasUpdated && this.toggleAttribute("disabled", this.disabled)) : !e && this.hasUpdated && this.input && this._sync();
+		}
+		_findSlotPosition() {
+			return !this.input || this.compareDocumentPosition(this.input) & Node.DOCUMENT_POSITION_FOLLOWING ? "prefix" : "suffix";
+		}
+		_sync() {
+			this.syncDateInputState(), this.toggleAttribute("disabled", this.disabled), this.disabled ? this.removeAttribute("tabindex") : this.setAttribute("tabindex", "0");
+		}
+		syncDateInputState() {
+			this._inputDisabled = this.input.disabled || this.input.readOnly;
+		}
+		renderTemplate() {
+			return n`<sbb-icon name=${this.iconName}></sbb-icon>`;
+		}
+	};
+})(), _ = class extends g {
+	get disabled() {
+		return this._disabled || super.disabled;
+	}
+	constructor() {
+		super(), this._disabled = !0, this.addEventListener?.("click", () => this._handleClick());
+	}
+	_handleClick() {
+		if (!this.input || this.disabled) return;
+		let e = this.input.valueAsDate ?? this.dateAdapter.today(), t = this.getFollowingDate(e);
+		this.dateAdapter.isValid(t) && this.dateAdapter.compareDate(t, e) !== 0 && (this.input.valueAsDate = t, this.input.dispatchEvent(new InputEvent("input", {
+			bubbles: !0,
+			composed: !0
+		})), this.input.dispatchEvent(new Event("change", {
+			bubbles: !0,
+			composed: !0
+		})), this.input.dispatchEvent(new Event("blur", { composed: !0 })));
+	}
+	syncDateInputState() {
+		if (super.syncDateInputState(), !this.dateAdapter.isValid(this.input.valueAsDate)) {
+			this._disabled = !0, this.internals.ariaLabel = this.i18nOffBoundaryDay[this.language.current];
+			return;
+		}
+		let e = this.getFollowingDate(this.input.valueAsDate);
+		this._disabled = !this.dateAdapter.isValid(e) || this.dateAdapter.compareDate(e, this.input.valueAsDate) === 0;
+		let t = this.dateAdapter.compareDate(this.dateAdapter.today(), this.input.valueAsDate) === 0 ? l[this.language.current].toLowerCase() : this.dateAdapter.getAccessibilityFormatDate(this.input.valueAsDate);
+		this.internals.ariaLabel = this.i18nSelectOffBoundaryDay(t)[this.language.current];
+	}
+};
+//#endregion
+export { g as n, _ as t };

package/datepicker.js

@@ -1,9 +1,9 @@
-import { n as e, r as t, t as n } from "./datepicker-button-SUUQkrOL.js";
-import { SbbDatepickerNextDayElement as r } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
-import { SbbDatepickerPreviousDayElement as i } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
-import { SbbDatepickerToggleElement as a } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
-import { t as o } from "./datepicker.component-BKR_413s.js";
+import { n as e, t } from "./datepicker-button-D8t6_DBS.js";
+import { SbbDatepickerNextDayElement as n } from "./datepicker/datepicker-next-day/datepicker-next-day.component.js";
+import { SbbDatepickerPreviousDayElement as r } from "./datepicker/datepicker-previous-day/datepicker-previous-day.component.js";
+import { SbbDatepickerToggleElement as i } from "./datepicker/datepicker-toggle/datepicker-toggle.component.js";
+import { SbbDatepickerElement as a } from "./datepicker/datepicker/datepicker.component.js";
 import "./datepicker.pure.js";
-o.define(), r.define(), i.define(), a.define();
+a.define(), n.define(), r.define(), i.define();
 //#endregion
-export { n as SbbDatepickerButton, e as SbbDatepickerButtonBase, o as SbbDatepickerElement, r as SbbDatepickerNextDayElement, i as SbbDatepickerPreviousDayElement, a as SbbDatepickerToggleElement, t as datepickerButtonStyle };
+export { t as SbbDatepickerButton, e as SbbDatepickerButtonBase, a as SbbDatepickerElement, n as SbbDatepickerNextDayElement, r as SbbDatepickerPreviousDayElement, i as SbbDatepickerToggleElement };