@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779265349 → 5.0.0-next.3-dev.1779279790

package/{calendar.component-CiT0mE7S.js → calendar.component-BhUyyFtR.js}

@@ -1,7 +1,7 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
 import { html as n, isServer as r, nothing as i, unsafeCSS as a } from "lit";
 import { property as o, state as s } from "lit/decorators.js";
-import { DAYS_PER_ROW as c, MONDAY as l, MONTHS_PER_PAGE as ee, MONTHS_PER_ROW as u, SbbElement as te, SbbLanguageController as ne, SbbMediaMatcherController as re, SbbMediaQueryBreakpointLargeAndAbove as d, THURSDAY as ie, TUESDAY as ae, WEDNESDAY as oe, YEARS_PER_PAGE as f, YEARS_PER_ROW as p, defaultDateAdapter as se, forceType as m, handleDistinctChange as ce, i18nCalendarDateSelection as h, i18nCalendarWeekNumber as g, i18nNextMonth as le, i18nNextYear as ue, i18nNextYearRange as de, i18nPreviousMonth as fe, i18nPreviousYear as pe, i18nPreviousYearRange as me, i18nYearMonthSelection as he, isArrowKeyOrPageKeysPressed as ge, plainDate as _, readConfig as _e, screenReaderOnlyStyles as ve } from "./core.js";
+import { MONDAY as c, SbbElement as ee, SbbLanguageController as te, SbbMediaMatcherController as ne, SbbMediaQueryBreakpointLargeAndAbove as l, THURSDAY as re, TUESDAY as ie, WEDNESDAY as ae, buttonResetStyles as oe, defaultDateAdapter as se, forceType as u, handleDistinctChange as ce, i18nCalendarDateSelection as d, i18nCalendarWeekNumber as f, i18nNextMonth as le, i18nNextYear as ue, i18nNextYearRange as de, i18nPreviousMonth as fe, i18nPreviousYear as pe, i18nPreviousYearRange as me, i18nYearMonthSelection as he, isArrowKeyOrPageKeysPressed as ge, plainDate as p, readConfig as _e, screenReaderOnlyStyles as ve } from "./core.js";
 import { SbbSecondaryButtonElement as ye } from "./button.pure.js";
 import { SbbIconElement as be } from "./icon.pure.js";
 import { SbbCalendarDayElement as xe } from "./calendar/calendar-day/calendar-day.component.js";
@@ -10,7 +10,7 @@ import { SbbCalendarWeekdayElement as Ce } from "./calendar/calendar-weekday/cal
 import { SbbCalendarWeeknumberElement as we } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
 import { SbbCalendarYearElement as Te } from "./calendar/calendar-year/calendar-year.component.js";
 //#region src/elements/calendar/calendar/calendar.scss?inline
-var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-height-text);--sbb-calendar-cell-size: 2.75rem;--sbb-calendar-cell-border-radius: calc( var(--sbb-border-radius-4x) + var(--sbb-calendar-cell-border-width) );--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) )}@media(min-width:37.5rem){:host{--sbb-calendar-control-view-change-height: 3rem}}:host(:is(:state(enhanced),[state--enhanced])){--sbb-calendar-cell-padding-block-end: var(--sbb-spacing-fixed-3x)}.sbb-calendar__wrapper{width:100%;display:block;transition-duration:var(--sbb-calendar-cell-transition-duration)}.sbb-calendar__controls{width:100%;display:inline-flex;align-items:center;gap:var(--sbb-calendar-control-gap);margin-block-end:var(--sbb-calendar-control-margin-block-end)}.sbb-calendar__controls-month{width:100%;display:flex;gap:var(--sbb-calendar-tables-gap)}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{appearance:none;box-sizing:border-box;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;display:flex;align-items:center;margin:auto;height:var(--sbb-calendar-control-view-change-height);font-size:var(--sbb-text-font-size-s);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-letter-spacing-text);text-transform:capitalize;cursor:var(--sbb-cursor-pointer);padding-inline:var(--sbb-calendar-control-view-change-padding-inline);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-calendar-control-view-change-background);color:var(--sbb-calendar-control-view-change-color);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color,padding-block-end}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background: var(--sbb-color-milk);--sbb-calendar-control-view-change-background: light-dark( var(--sbb-color-milk), var(--sbb-color-anthracite) );--sbb-calendar-control-view-change-color: var(--sbb-color-granite);--sbb-calendar-control-view-change-color: light-dark( var(--sbb-color-granite), var(--sbb-color-aluminium) );cursor:unset}.sbb-calendar__controls-change-date:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x)}@media(any-hover:hover){.sbb-calendar__controls-change-date:not(:active,:disabled):hover{padding-block-end:var(--sbb-calendar-cell-hover-shift)}}.sbb-calendar__controls-change-date:not(:disabled):active{--sbb-calendar-control-view-change-background: var(--sbb-background-color-3)}.sbb-calendar__table-month-view,.sbb-calendar__table-year-view{--sbb-calendar-table-column-spaces: 6}.sbb-calendar__table-overflow-break{contain:layout}.sbb-calendar__table-container{display:flex;gap:var(--sbb-calendar-tables-gap);margin-inline:var(--sbb-calendar-margin);--sbb-calendar-min-width: calc(7 * var(--sbb-calendar-cell-size));--sbb-calendar-overflow: calc(100% - var(--sbb-calendar-min-width));--sbb-calendar-start-offset: min( 0px, -1 * (var(--sbb-calendar-overflow) / var(--sbb-calendar-table-column-spaces)) );--sbb-calendar-margin: var(--sbb-calendar-start-offset)}:host(:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 7 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) );--sbb-calendar-margin: calc(.5 * var(--sbb-calendar-start-offset))}:host([orientation=horizontal][week-numbers]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc(8 * var(--sbb-calendar-cell-size))}:host([orientation=horizontal][week-numbers]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 8 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}:host([orientation=vertical]) .sbb-calendar__table-container{min-width:var(--sbb-calendar-min-width);--sbb-calendar-start-offset: 0}:host([orientation=vertical]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 13 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}.sbb-calendar__table{width:100%;border-collapse:collapse;height:max-content;animation-name:show;animation-duration:var(--sbb-calendar-table-animation-duration)}.sbb-calendar__table.sbb-calendar__table-hide{--sbb-calendar-cell-transition-duration: 0ms;animation-name:hide;animation-duration:var(--sbb-calendar-table-animation-duration)}:host(:not(:is(:state(wide),[state--wide]))) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header,.sbb-calendar__table-body{text-align:center}.sbb-calendar__table-header-cell,.sbb-calendar__table-header-cell-vertical{width:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-header-color);padding:0;font-size:var(--sbb-text-font-size-xs);font-weight:400;letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:not([multiple])) .sbb-calendar__table-header-cell,:host(:not([multiple])) .sbb-calendar__table-header-cell-vertical{height:var(--sbb-calendar-cell-size)}.sbb-calendar__table-header-cell-vertical{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__day-cell{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}:host(:not(:is(:state(enhanced),[state--enhanced]))) sbb-calendar-day{--sbb-calendar-cell-justify-content: center;--sbb-calendar-day-height: 2.75rem;--sbb-calendar-day-extra-display: none;--sbb-calendar-day-value-height: unset;--sbb-calendar-day-crossed-out-top: 50%;--sbb-calendar-day-crossed-out-translate: translate(-50%, -50%) rotate(-45deg)}@keyframes show{0%{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}to{opacity:1;transform:translateY(0)}}@keyframes hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}}", v = class extends Event {
+var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-height-text);--sbb-calendar-cell-size: 2.75rem;--sbb-calendar-cell-border-radius: calc( var(--sbb-border-radius-4x) + var(--sbb-calendar-cell-border-width) );--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) )}@media(min-width:37.5rem){:host{--sbb-calendar-control-view-change-height: 3rem}}:host(:is(:state(enhanced),[state--enhanced])){--sbb-calendar-cell-padding-block-end: var(--sbb-spacing-fixed-3x)}.sbb-calendar__wrapper{width:100%;display:block;transition-duration:var(--sbb-calendar-cell-transition-duration)}.sbb-calendar__controls{width:100%;display:inline-flex;align-items:center;gap:var(--sbb-calendar-control-gap);margin-block-end:var(--sbb-calendar-control-margin-block-end)}.sbb-calendar__controls-month{width:100%;display:flex;gap:var(--sbb-calendar-tables-gap)}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{display:flex;align-items:center;margin:auto;height:var(--sbb-calendar-control-view-change-height);font-size:var(--sbb-text-font-size-s);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-letter-spacing-text);text-transform:capitalize;cursor:var(--sbb-cursor-pointer);padding-inline:var(--sbb-calendar-control-view-change-padding-inline);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-calendar-control-view-change-background);color:var(--sbb-calendar-control-view-change-color);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color,padding-block-end}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background: var(--sbb-color-milk);--sbb-calendar-control-view-change-background: light-dark( var(--sbb-color-milk), var(--sbb-color-anthracite) );--sbb-calendar-control-view-change-color: var(--sbb-color-granite);--sbb-calendar-control-view-change-color: light-dark( var(--sbb-color-granite), var(--sbb-color-aluminium) );cursor:unset}.sbb-calendar__controls-change-date:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x)}@media(any-hover:hover){.sbb-calendar__controls-change-date:not(:active,:disabled):hover{padding-block-end:var(--sbb-calendar-cell-hover-shift)}}.sbb-calendar__controls-change-date:not(:disabled):active{--sbb-calendar-control-view-change-background: var(--sbb-background-color-3)}.sbb-calendar__table-month-view,.sbb-calendar__table-year-view{--sbb-calendar-table-column-spaces: 6}.sbb-calendar__table-overflow-break{contain:layout}.sbb-calendar__table-container{display:flex;gap:var(--sbb-calendar-tables-gap);margin-inline:var(--sbb-calendar-margin);--sbb-calendar-min-width: calc(7 * var(--sbb-calendar-cell-size));--sbb-calendar-overflow: calc(100% - var(--sbb-calendar-min-width));--sbb-calendar-start-offset: min( 0px, -1 * (var(--sbb-calendar-overflow) / var(--sbb-calendar-table-column-spaces)) );--sbb-calendar-margin: var(--sbb-calendar-start-offset)}:host(:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 7 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) );--sbb-calendar-margin: calc(.5 * var(--sbb-calendar-start-offset))}:host([orientation=horizontal][week-numbers]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc(8 * var(--sbb-calendar-cell-size))}:host([orientation=horizontal][week-numbers]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 8 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}:host([orientation=vertical]) .sbb-calendar__table-container{min-width:var(--sbb-calendar-min-width);--sbb-calendar-start-offset: 0}:host([orientation=vertical]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 13 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}.sbb-calendar__table{width:100%;border-collapse:collapse;height:max-content;animation-name:show;animation-duration:var(--sbb-calendar-table-animation-duration)}.sbb-calendar__table.sbb-calendar__table-hide{--sbb-calendar-cell-transition-duration: 0ms;animation-name:hide;animation-duration:var(--sbb-calendar-table-animation-duration)}:host(:not(:is(:state(wide),[state--wide]))) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header,.sbb-calendar__table-body{text-align:center}.sbb-calendar__table-header-cell,.sbb-calendar__table-header-cell-vertical{width:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-header-color);padding:0;font-size:var(--sbb-text-font-size-xs);font-weight:400;letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:not([multiple])) .sbb-calendar__table-header-cell,:host(:not([multiple])) .sbb-calendar__table-header-cell-vertical{height:var(--sbb-calendar-cell-size)}.sbb-calendar__table-header-cell-vertical{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__day-cell{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}:host(:not(:is(:state(enhanced),[state--enhanced]))) sbb-calendar-day{--sbb-calendar-cell-justify-content: center;--sbb-calendar-day-height: 2.75rem;--sbb-calendar-day-extra-display: none;--sbb-calendar-day-value-height: unset;--sbb-calendar-day-crossed-out-top: 50%;--sbb-calendar-day-crossed-out-translate: translate(-50%, -50%) rotate(-45deg)}@keyframes show{0%{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}to{opacity:1;transform:translateY(0)}}@keyframes hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}}", m = 7, h = 4, g = 4, De = 12, _ = 24, v = class extends Event {
 	get range() {
 		return this._range;
 	}
@@ -31,18 +31,18 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 		}), this._dateSelected = Object.freeze(e);
 	}
 }, b = (() => {
-	let b = te, x = [], S, C = [], w = [], T, De = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L, R = [], z = [], B, V = [], H = [], U, W = [], G = [], K, q = [], J = [], Y, X = [], Z = [], Q, Oe, ke = [], Ae = [], je, Me = [], $ = [];
+	let b = ee, x = [], S, C = [], w = [], Oe, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L, R = [], z = [], B, V = [], H = [], U, W = [], G = [], K, q = [], J = [], Y, X = [], Z = [], Q, $, ke = [], Ae = [], je, Me = [], Ne = [];
 	return class extends b {
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-			S = [m(), o({ type: Boolean })], T = [o()], D = [_(), o()], A = [_(), o()], N = [
-				m(),
+			S = [u(), o({ type: Boolean })], Oe = [o()], D = [p(), o()], A = [p(), o()], N = [
+				u(),
 				ce((e, t) => e._onMultipleChanged(t)),
 				o({ type: Boolean })
-			], I = [o()], L = [s()], B = [o({ attribute: "date-filter" })], U = [o({ reflect: !0 })], K = [m(), o({
+			], I = [o()], L = [s()], B = [o({ attribute: "date-filter" })], U = [o({ reflect: !0 })], K = [u(), o({
 				attribute: "week-numbers",
 				type: Boolean
-			})], Y = [s()], Q = [s()], Oe = [s()], je = [s()], e(this, null, S, {
+			})], Y = [s()], Q = [s()], $ = [s()], je = [s()], e(this, null, S, {
 				kind: "accessor",
 				name: "wide",
 				static: !1,
@@ -55,7 +55,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, C, w), e(this, null, T, {
+			}, C, w), e(this, null, Oe, {
 				kind: "accessor",
 				name: "view",
 				static: !1,
@@ -68,7 +68,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, De, E), e(this, null, D, {
+			}, T, E), e(this, null, D, {
 				kind: "accessor",
 				name: "min",
 				static: !1,
@@ -196,7 +196,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, null, x), e(this, null, Oe, {
+			}, null, x), e(this, null, $, {
 				kind: "accessor",
 				name: "_calendarView",
 				static: !1,
@@ -222,7 +222,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					}
 				},
 				metadata: t
-			}, Me, $), t && Object.defineProperty(this, Symbol.metadata, {
+			}, Me, Ne), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -244,7 +244,11 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 			];
 		}
 		static {
-			this.styles = [ve, a(Ee)];
+			this.styles = [
+				oe,
+				ve,
+				a(Ee)
+			];
 		}
 		static {
 			this.events = {
@@ -356,15 +360,15 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 			this.#d = e;
 		}
 		constructor() {
-			super(), this.#e = (t(this, x), t(this, C, !1)), this.#t = (t(this, w), t(this, De, "day")), this.#n = (t(this, E), t(this, O, null)), this.#r = (t(this, k), t(this, j, null)), this.#i = (t(this, M), t(this, P, !1)), this.#a = (t(this, F), t(this, R, null)), this.#o = (t(this, z), t(this, V, null)), this.#s = (t(this, H), t(this, W, "horizontal")), this.#c = (t(this, G), t(this, q, !1)), this._dateAdapter = (t(this, J), _e().datetime?.dateAdapter ?? se), this.#l = t(this, X, this._dateAdapter.today()), this._wideInternal = (t(this, Z), !1), this.#u = t(this, ke, "day"), this._nextCalendarView = (t(this, Ae), "day"), this._keyboardNavigationDayViewParameters = {
+			super(), this.#e = (t(this, x), t(this, C, !1)), this.#t = (t(this, w), t(this, T, "day")), this.#n = (t(this, E), t(this, O, null)), this.#r = (t(this, k), t(this, j, null)), this.#i = (t(this, M), t(this, P, !1)), this.#a = (t(this, F), t(this, R, null)), this.#o = (t(this, z), t(this, V, null)), this.#s = (t(this, H), t(this, W, "horizontal")), this.#c = (t(this, G), t(this, q, !1)), this._dateAdapter = (t(this, J), _e().datetime?.dateAdapter ?? se), this.#l = t(this, X, this._dateAdapter.today()), this._wideInternal = (t(this, Z), !1), this.#u = t(this, ke, "day"), this._nextCalendarView = (t(this, Ae), "day"), this._keyboardNavigationDayViewParameters = {
 				firstDayInView: null,
 				lastDayInView: null,
 				firstMonthOffset: 0,
 				firstMonthLength: 0,
 				secondMonthOffset: 0
-			}, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._enhancedVariant = !1, this._resetFocus = !1, this._containingFocus = !1, this._lastSelection = null, this.#d = t(this, Me, !1), this._language = (t(this, $), new ne(this).withHandler(() => {
+			}, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._enhancedVariant = !1, this._resetFocus = !1, this._containingFocus = !1, this._lastSelection = null, this.#d = t(this, Me, !1), this._language = (t(this, Ne), new te(this).withHandler(() => {
 				this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
-			})), this._mediaMatcher = new re(this, { [d]: () => this._init() }), this._sortDate = (e, t) => this._dateAdapter.compareDate(e, t), this._onSlotChange = () => {
+			})), this._mediaMatcher = new ne(this, { [l]: () => this._init() }), this._sortDate = (e, t) => this._dateAdapter.compareDate(e, t), this._onSlotChange = () => {
 				this._enhancedVariant = Array.from(this.children).some((e) => e.localName === "sbb-calendar-day"), this.toggleState("enhanced", this._enhancedVariant), this._setTabIndex();
 			}, this._createMonthRows(), this._setWeekdays(), this.addEventListener("focusin", () => this._containingFocus = !0), this.addEventListener("focusout", () => this._containingFocus = !1);
 			let e = (e) => e.target.closest("sbb-calendar-day") ?? e.composedPath().find((e) => e.localName === "sbb-calendar-day") ?? null;
@@ -406,9 +410,9 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 					this.hydrationComplete.then(() => this._init());
 					return;
 				}
-				if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(d) ?? !1) && this.wide, this._weeks = this._createWeekRows(this._activeDate), this._years = this._createYearRows(), this._weekNumbers = this._weeks.flat().sort((e, t) => e.value.localeCompare(t.value)).map((e) => e.weekValue).filter((e, t, n) => n.indexOf(e) === t), this._nextMonthWeeks = [[]], this._nextMonthYears = [[]], this._wide) {
+				if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(l) ?? !1) && this.wide, this._weeks = this._createWeekRows(this._activeDate), this._years = this._createYearRows(), this._weekNumbers = this._weeks.flat().sort((e, t) => e.value.localeCompare(t.value)).map((e) => e.weekValue).filter((e, t, n) => n.indexOf(e) === t), this._nextMonthWeeks = [[]], this._nextMonthYears = [[]], this._wide) {
 					let e = this._dateAdapter.addCalendarMonths(this._activeDate, 1);
-					this._nextMonthWeeks = this._createWeekRows(e, !0), this._nextMonthYears = this._createYearRows(f), this._nextMonthWeekNumbers = this._nextMonthWeeks.flat().sort((e, t) => e.value.localeCompare(t.value)).map((e) => e.weekValue).filter((e, t, n) => n.indexOf(e) === t);
+					this._nextMonthWeeks = this._createWeekRows(e, !0), this._nextMonthYears = this._createYearRows(_), this._nextMonthWeekNumbers = this._nextMonthWeeks.flat().sort((e, t) => e.value.localeCompare(t.value)).map((e) => e.weekValue).filter((e, t, n) => n.indexOf(e) === t);
 				}
 				this._initialized = !0;
 			}
@@ -430,16 +434,16 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 		_createWeekRowsHorizontal(e, t, n) {
 			let r = [[]];
 			for (let i = 0, a = n; i < t; i++, a++) {
-				a === c && (r.push([]), a = 0);
+				a === m && (r.push([]), a = 0);
 				let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), i + 1);
 				r[r.length - 1].push(this._mapDateToDay(t));
 			}
 			return r;
 		}
 		_createWeekRowsVertical(e, t, n) {
-			let r = Array.from({ length: c }, () => []);
+			let r = Array.from({ length: m }, () => []);
 			for (let i = 0, a = n; i < t; i++, a++) {
-				a === c && (a = 0);
+				a === m && (a = 0);
 				let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), i + 1);
 				r[a].push(this._mapDateToDay(t));
 			}
@@ -458,15 +462,15 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 		}
 		_getWeek(e) {
 			let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), 1, 1), n = this._dateAdapter.getDayOfWeek(t), r = +!![
-				l,
+				c,
+				ie,
 				ae,
-				oe,
-				ie
+				re
 			].includes(n), i = this._dateAdapter.addCalendarDays(t, this._dateAdapter.getFirstWeekOffset(t) * -1);
 			for (; this._dateAdapter.compareDate(i, e) <= 0;) {
 				let n = this._dateAdapter.addCalendarDays(i, 6);
 				if (this._dateAdapter.compareDate(e, n) <= 0) return r > 0 ? r : this._getWeek(this._dateAdapter.addCalendarDays(t, -1));
-				i = this._dateAdapter.addCalendarDays(i, c), r++;
+				i = this._dateAdapter.addCalendarDays(i, m), r++;
 			}
 			throw Error("The provided date is invalid");
 		}
@@ -477,20 +481,20 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 			let e = Array(12).fill(null).map((e, t) => ({
 				value: String(t + 1).padStart(2, "0"),
 				monthValue: t + 1
-			})), t = 12 / u, n = [];
-			for (let r = 0; r < t; r++) n.push(e.slice(u * r, u * (r + 1)));
+			})), t = 12 / h, n = [];
+			for (let r = 0; r < t; r++) n.push(e.slice(h * r, h * (r + 1)));
 			this._months = n;
 		}
 		_createYearRows(e = 0) {
-			let t = this._getStartValueYearView(), n = Array(f).fill(0).map((n, r) => t + e + r), r = f / p, i = [];
-			for (let e = 0; e < r; e++) i.push(n.slice(p * e, p * (e + 1)));
+			let t = this._getStartValueYearView(), n = Array(_).fill(0).map((n, r) => t + e + r), r = _ / g, i = [];
+			for (let e = 0; e < r; e++) i.push(n.slice(g * e, g * (e + 1)));
 			return i;
 		}
 		_getStartValueYearView() {
 			let e = 0;
-			this.max ? e = this._dateAdapter.getYear(this.max) - f + 1 : this.min && (e = this._dateAdapter.getYear(this.min));
+			this.max ? e = this._dateAdapter.getYear(this.max) - _ + 1 : this.min && (e = this._dateAdapter.getYear(this.min));
 			let t = this._dateAdapter.getYear(this._activeDate);
-			return t - ((t - e) % f + f) % f;
+			return t - ((t - e) % _ + _) % _;
 		}
 		_isDayInRange(e) {
 			if (!this.min && !this.max) return !0;
@@ -619,9 +623,9 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 		_navigateByKeyboardDayView(e, t, n, r) {
 			let i = this.orientation === "horizontal" ? {
 				leftRight: 1,
-				upDown: c
+				upDown: m
 			} : {
-				leftRight: c,
+				leftRight: m,
 				upDown: 1
 			}, a = t < this._keyboardNavigationDayViewParameters.firstMonthLength ? this._keyboardNavigationDayViewParameters.firstMonthOffset : this._keyboardNavigationDayViewParameters.secondMonthOffset;
 			switch (e.key) {
@@ -630,17 +634,17 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 				case "ArrowLeft": return this._findDayArrows(n, t, r.dateValue, -i.leftRight);
 				case "ArrowRight": return this._findDayArrows(n, t, r.dateValue, i.leftRight);
 				case "PageUp": if (this.orientation === "horizontal") {
-					let e = (+r.dayValue % c || c) - +r.dayValue;
+					let e = (+r.dayValue % m || m) - +r.dayValue;
 					return this._findDayPageUpDown(n, t, r, e, i.upDown);
 				} else {
-					let e = (Math.ceil((+r.dayValue + a) / c) - 1) * c - a + 1 - r.dayValue;
+					let e = (Math.ceil((+r.dayValue + a) / m) - 1) * m - a + 1 - r.dayValue;
 					return this._findDayPageUpDown(n, t, r, e, i.upDown);
 				}
 				case "PageDown": if (this.orientation === "horizontal") {
-					let e = +r.monthValue + 1 > 12 ? 1 : +r.monthValue + 1, a = +r.monthValue + 1 > 12 ? +r.yearValue + 1 : +r.yearValue, o = this._dateAdapter.createDate(a, e, 1), s = this._dateAdapter.getDate(this._dateAdapter.addCalendarDays(o, -1)), l = Math.trunc((s - +r.dayValue) / c) * c;
-					return this._findDayPageUpDown(n, t, r, l, -i.upDown);
+					let e = +r.monthValue + 1 > 12 ? 1 : +r.monthValue + 1, a = +r.monthValue + 1 > 12 ? +r.yearValue + 1 : +r.yearValue, o = this._dateAdapter.createDate(a, e, 1), s = this._dateAdapter.getDate(this._dateAdapter.addCalendarDays(o, -1)), c = Math.trunc((s - +r.dayValue) / m) * m;
+					return this._findDayPageUpDown(n, t, r, c, -i.upDown);
 				} else {
-					let e = Math.ceil((+r.dayValue + a) / c) * c - a - +r.dayValue;
+					let e = Math.ceil((+r.dayValue + a) / m) * m - a - +r.dayValue;
 					return this._findDayPageUpDown(n, t, r, e, -i.upDown);
 				}
 				case "Home": return this._findDayFirst(n, t, r, 1);
@@ -693,9 +697,9 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 			}
 		}
 		_calculateParametersForKeyboardNavigation(e, t) {
-			let n = t ? f : ee, r = Math.trunc(e / n) * n, i = r === 0 ? e : e - n;
+			let n = t ? _ : De, r = Math.trunc(e / n) * n, i = r === 0 ? e : e - n;
 			return {
-				verticalOffset: t ? p : u,
+				verticalOffset: t ? g : h,
 				elementIndexForWideMode: i,
 				offsetForWideMode: e - i,
 				lastElementIndexForWideMode: r === 0 ? n : n * 2
@@ -805,7 +809,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
         </thead>
         <tbody class="sbb-calendar__table-body">
           ${e.map((e, r) => {
-				let o = c - e.length;
+				let o = m - e.length;
 				return r === 0 && o ? n`
                 <tr>
                   ${this.weekNumbers ? n`
@@ -820,7 +824,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
                                 ></sbb-calendar-weeknumber>
                               ` : n`
                                 <span class="sbb-screen-reader-only"
-                                  >${`${g[this._language.current]} ${t[0]}`}</span
+                                  >${`${f[this._language.current]} ${t[0]}`}</span
                                 >
                                 <span aria-hidden="true">${t[0]}</span>
                               `}
@@ -843,7 +847,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
                               ></sbb-calendar-weeknumber>
                             ` : n`
                               <span class="sbb-screen-reader-only"
-                                >${`${g[this._language.current]} ${t[r]}`}</span
+                                >${`${f[this._language.current]} ${t[r]}`}</span
                               >
                               <span aria-hidden="true">${t[r]}</span>
                             `}
@@ -881,7 +885,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
                               ></sbb-calendar-weeknumber>
                             ` : n`
                               <span class="sbb-screen-reader-only"
-                                >${`${g[this._language.current]} ${e}`}</span
+                                >${`${f[this._language.current]} ${e}`}</span
                               >
                               <span aria-hidden="true">${e}</span>
                             `}
@@ -944,11 +948,11 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
     `;
 		}
 		_createLabelForMonthView() {
-			return n` <button
+			return n`<button
         type="button"
         id="sbb-calendar__month-selection"
         class="sbb-calendar__controls-change-date"
-        aria-label=${`${h[this._language.current]} ${this._chosenYear}`}
+        aria-label=${`${d[this._language.current]} ${this._chosenYear}`}
         @click=${() => this._resetCalendarViewAndEmitMonthChange(!0)}
       >
         ${this._chosenYear} ${this._wide ? ` - ${this._chosenYear + 1}` : i}
@@ -964,7 +968,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
       >
         ${this._wide ? n`<thead class="sbb-calendar__table-header" aria-hidden="true">
               <tr>
-                <th class="sbb-calendar__table-header-cell" colspan=${u}>${t}</th>
+                <th class="sbb-calendar__table-header-cell" colspan=${h}>${t}</th>
               </tr>
             </thead>` : i}
         <tbody class="sbb-calendar__table-body">
@@ -992,9 +996,9 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
 		_renderYearView() {
 			return n`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentYearRange(-f), me(f)[this._language.current], this._previousYearRangeDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentYearRange(-_), me(_)[this._language.current], this._previousYearRangeDisabled())}
         <div class="sbb-calendar__controls-month">${this._createLabelForYearView()}</div>
-        ${this._getArrow("right", () => this._goToDifferentYearRange(f), de(f)[this._language.current], this._nextYearRangeDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentYearRange(_), de(_)[this._language.current], this._nextYearRangeDisabled())}
       </div>
       <div class="sbb-calendar__table-overflow-break">
         <div class="sbb-calendar__table-container sbb-calendar__table-year-view">
@@ -1021,7 +1025,7 @@ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
         type="button"
         id="sbb-calendar__year-selection"
         class="sbb-calendar__controls-change-date"
-        aria-label="${h[this._language.current]} ${r}"
+        aria-label="${d[this._language.current]} ${r}"
         @click=${() => this._resetCalendarViewAndEmitMonthChange(!0)}
       >
         ${r}

package/calendar.js

@@ -3,7 +3,7 @@ import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar
 import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
 import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
 import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
-import { n as a, r as o, t as s } from "./calendar.component-CiT0mE7S.js";
+import { n as a, r as o, t as s } from "./calendar.component-BhUyyFtR.js";
 import { t as c } from "./calendar-cell-base-element-CUG1qYFb.js";
 import "./calendar.pure.js";
 s.define(), e.define(), t.define(), n.define(), r.define(), i.define();

package/calendar.pure.js

@@ -3,6 +3,6 @@ import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar
 import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
 import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
 import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
-import { n as a, r as o, t as s } from "./calendar.component-CiT0mE7S.js";
+import { n as a, r as o, t as s } from "./calendar.component-BhUyyFtR.js";
 import { t as c } from "./calendar-cell-base-element-CUG1qYFb.js";
 export { c as SbbCalendarCellBaseElement, e as SbbCalendarDayElement, s as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbDateSelectedEvent, o as SbbMonthChangeEvent };

package/container/sticky-bar/sticky-bar.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../sticky-bar.component-dmlGAZLW.js";
+import { t as e } from "../../sticky-bar.component-DtXeRUqi.js";
 export { e as SbbStickyBarElement };

package/container.js

@@ -1,5 +1,5 @@
 import { t as e } from "./container.component-sQtiqWxT.js";
-import { t } from "./sticky-bar.component-dmlGAZLW.js";
+import { t } from "./sticky-bar.component-DtXeRUqi.js";
 import "./container.pure.js";
 e.define(), t.define();
 //#endregion

package/container.pure.js

@@ -1,3 +1,3 @@
 import { t as e } from "./container.component-sQtiqWxT.js";
-import { t } from "./sticky-bar.component-dmlGAZLW.js";
+import { t } from "./sticky-bar.component-DtXeRUqi.js";
 export { e as SbbContainerElement, t as SbbStickyBarElement };

package/core/base-elements/button-base-element.js

@@ -3,74 +3,53 @@ import { __esDecorate as t, __runInitializers as n } from "tslib";
 import { isServer as r } from "lit";
 import { property as i } from "lit/decorators.js";
 import { forceType as a } from "../decorators/force-type.js";
-import { hostAttributes as o } from "../decorators/host-attributes.js";
-import { isEventPrevented as s } from "../eventing/is-event-prevented.js";
-import { SbbFormAssociatedMixin as c } from "../mixins/form-associated-mixin.js";
+import { isEventPrevented as o } from "../eventing/is-event-prevented.js";
+import { SbbFormAssociatedMixin as s } from "../mixins/form-associated-mixin.js";
 //#region src/elements/core/base-elements/button-base-element.ts
-var l = (() => {
-	let i = [o({ tabindex: "0" })], a, s = [], l, u = c(e);
-	var d = class extends u {
-		static {
-			l = this;
-		}
-		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
-			t(null, a = { value: l }, i, {
-				kind: "class",
-				name: l.name,
-				metadata: e
-			}, null, s), d = l = a.value, e && Object.defineProperty(l, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: e
-			});
-		}
-		static {
-			this.role = "button";
-		}
-		constructor() {
-			if (super(), this._preventScrollOnSpaceKeydown = (e) => {
-				e.key === " " && (e.preventDefault(), this.internals.states.add("active"));
-			}, this._removeActiveMarker = () => {
-				this.internals.states.delete("active");
-			}, this._dispatchClickEventOnSpaceKeyup = (e) => {
-				e.key === " " && (this._removeActiveMarker(), this._dispatchClickEvent(e));
-			}, this._dispatchClickEvent = (e) => {
-				let { altKey: t, ctrlKey: n, metaKey: r, shiftKey: i } = e;
-				e.target.dispatchEvent(new PointerEvent("click", {
-					bubbles: !0,
-					cancelable: !0,
-					composed: !0,
-					pointerId: -1,
-					pointerType: "",
-					altKey: t,
-					ctrlKey: n,
-					metaKey: r,
-					shiftKey: i
-				}));
-			}, this.internals.states.add("button"), !r) {
-				this.setupBaseEventHandlers();
-				let e = { passive: !0 };
-				this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (e) => {
-					(e.key === "Enter" || e.key === "\n") && this._dispatchClickEvent(e);
-				}, e);
-			}
-		}
-		attributeChangedCallback(e, t, n) {
-			(!["name", "value"].includes(e) || t !== n) && super.attributeChangedCallback(e, t, n);
-		}
-		static {
-			n(l, s);
-		}
-	};
-	return l;
-})(), u = (() => {
-	let e = l, r = [], o, c = [], u = [], d, f;
+var c = class extends s(e) {
+	static {
+		this.role = "button";
+	}
+	constructor() {
+		if (super(), this._preventScrollOnSpaceKeydown = (e) => {
+			e.key === " " && (e.preventDefault(), this.internals.states.add("active"));
+		}, this._removeActiveMarker = () => {
+			this.internals.states.delete("active");
+		}, this._dispatchClickEventOnSpaceKeyup = (e) => {
+			e.key === " " && (this._removeActiveMarker(), this._dispatchClickEvent(e));
+		}, this._dispatchClickEvent = (e) => {
+			let { altKey: t, ctrlKey: n, metaKey: r, shiftKey: i } = e;
+			e.target.dispatchEvent(new PointerEvent("click", {
+				bubbles: !0,
+				cancelable: !0,
+				composed: !0,
+				pointerId: -1,
+				pointerType: "",
+				altKey: t,
+				ctrlKey: n,
+				metaKey: r,
+				shiftKey: i
+			}));
+		}, this.internals.states.add("button"), !r) {
+			this.setupBaseEventHandlers();
+			let e = { passive: !0 };
+			this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (e) => {
+				(e.key === "Enter" || e.key === "\n") && this._dispatchClickEvent(e);
+			}, e);
+		}
+	}
+	connectedCallback() {
+		super.connectedCallback(), this.tabIndex = 0;
+	}
+	attributeChangedCallback(e, t, n) {
+		(!["name", "value"].includes(e) || t !== n) && super.attributeChangedCallback(e, t, n);
+	}
+}, l = (() => {
+	let e = c, r = [], s, l = [], u = [], d, f;
 	return class extends e {
 		static {
 			let n = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
-			o = [a(), i()], d = [i()], f = [i()], t(this, null, o, {
+			s = [a(), i()], d = [i()], f = [i()], t(this, null, s, {
 				kind: "accessor",
 				name: "value",
 				static: !1,
@@ -83,7 +62,7 @@ var l = (() => {
 					}
 				},
 				metadata: n
-			}, c, u), t(this, null, d, {
+			}, l, u), t(this, null, d, {
 				kind: "setter",
 				name: "type",
 				static: !1,
@@ -138,8 +117,8 @@ var l = (() => {
 				"input",
 				"sbb-date-input",
 				"sbb-time-input"
-			]), this.#e = n(this, c, ""), this._formId = (n(this, u), ""), this._handleButtonClick = async (e) => {
-				if (this.type === "button" || await s(e)) return;
+			]), this.#e = n(this, l, ""), this._formId = (n(this, u), ""), this._handleButtonClick = async (e) => {
+				if (this.type === "button" || await o(e)) return;
 				let t = this.form;
 				if (t) this.type === "submit" ? this._requestSubmit(t) : this.type === "reset" && t.reset();
 				else return;
@@ -164,4 +143,4 @@ var l = (() => {
 	};
 })();
 //#endregion
-export { u as SbbButtonBaseElement, l as SbbButtonLikeBaseElement };
+export { l as SbbButtonBaseElement, c as SbbButtonLikeBaseElement };

package/core/datetime/date-adapter.js

@@ -1,5 +1,5 @@
 //#region src/elements/core/datetime/date-adapter.ts
-var e = /(0?[1-9]|[12][0-9]|3[01])[.,\\/\-\s](0?[1-9]|1[0-2])[.,\\/\-\s]([0-9]{1,4}$)?/, t = /^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-3][0-9])$/, n = 1, r = 2, i = 3, a = 4, o = 5, s = 6, c = 0, l = 7, u = 4, d = 4, f = 12, p = 24, m = class {
+var e = /(0?[1-9]|[12][0-9]|3[01])[.,\\/\-\s](0?[1-9]|1[0-2])[.,\\/\-\s]([0-9]{1,4}$)?/, t = /^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-3][0-9])$/, n = 1, r = 2, i = 3, a = 4, o = 5, s = 6, c = 0, l = class {
 	constructor(e = 15) {
 		this._cutoffYearOffset = e;
 	}
@@ -59,4 +59,4 @@ var e = /(0?[1-9]|[12][0-9]|3[01])[.,\\/\-\s](0?[1-9]|1[0-2])[.,\\/\-\s]([0-9]{1
 	}
 };
 //#endregion
-export { l as DAYS_PER_ROW, m as DateAdapter, e as FORMAT_DATE, o as FRIDAY, t as ISO8601_FORMAT_DATE, n as MONDAY, f as MONTHS_PER_PAGE, u as MONTHS_PER_ROW, s as SATURDAY, c as SUNDAY, a as THURSDAY, r as TUESDAY, i as WEDNESDAY, p as YEARS_PER_PAGE, d as YEARS_PER_ROW };
+export { l as DateAdapter, e as FORMAT_DATE, o as FRIDAY, t as ISO8601_FORMAT_DATE, n as MONDAY, s as SATURDAY, c as SUNDAY, a as THURSDAY, r as TUESDAY, i as WEDNESDAY };

package/core/mixins/form-associated-checkbox-mixin.js

@@ -4,20 +4,16 @@ import { SbbRequiredMixin as n } from "./required-mixin.js";
 import { __esDecorate as r, __runInitializers as i } from "tslib";
 import { defaultConverter as a } from "lit";
 import { property as o } from "lit/decorators.js";
-import { hostAttributes as s } from "../decorators/host-attributes.js";
-import { SbbLanguageController as c } from "../controllers/language-controller.js";
-import { i18nCheckboxRequired as l } from "../i18n/i18n.js";
-import { preventScrollOnSpacebarPress as u } from "../eventing/form-element-handlers.js";
+import { SbbLanguageController as s } from "../controllers/language-controller.js";
+import { i18nCheckboxRequired as c } from "../i18n/i18n.js";
+import { preventScrollOnSpacebarPress as l } from "../eventing/form-element-handlers.js";
 //#region src/elements/core/mixins/form-associated-checkbox-mixin.ts
-var d = (d) => (() => {
-	let f = [s({ tabindex: "0" })], p, m = [], h, g = e(n(t(d))), _ = [], v;
-	var y = class extends g {
+var u = (u) => (() => {
+	let d = e(n(t(u))), f = [], p;
+	return class extends d {
 		static {
-			h = this;
-		}
-		static {
-			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-			v = [o({
+			let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+			p = [o({
 				type: Boolean,
 				converter: {
 					...a,
@@ -26,7 +22,7 @@ var d = (d) => (() => {
 						attribute: !0
 					})
 				}
-			})], r(this, null, v, {
+			})], r(this, null, p, {
 				kind: "setter",
 				name: "checked",
 				static: !1,
@@ -38,11 +34,7 @@ var d = (d) => (() => {
 					}
 				},
 				metadata: e
-			}, null, _), r(null, p = { value: h }, f, {
-				kind: "class",
-				name: h.name,
-				metadata: e
-			}, null, m), y = h = p.value, e && Object.defineProperty(h, Symbol.metadata, {
+			}, null, f), e && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -63,14 +55,17 @@ var d = (d) => (() => {
 			return "checkbox";
 		}
 		constructor() {
-			super(), this._attributeMutationBlocked = (i(this, _), !1), this._languageController = new c(this), this._checked = !1, this._handleKeyboardInteraction = (e) => {
+			super(), this._attributeMutationBlocked = (i(this, f), !1), this._languageController = new s(this), this._checked = !1, this._handleKeyboardInteraction = (e) => {
 				e.key === " " && this._handleUserInteraction();
 			}, this._handleUserInteraction = () => {
 				this.disabled || (this.withUserInteraction?.(), this.checked = !this.checked, this._attributeMutationBlocked = !0, this.dispatchEvent(new InputEvent("input", {
 					composed: !0,
 					bubbles: !0
 				})), this.dispatchEvent(new Event("change", { bubbles: !0 })));
-			}, this.addEventListener?.("click", this._handleUserInteraction), this.addEventListener?.("keydown", u), this.addEventListener?.("keyup", this._handleKeyboardInteraction);
+			}, this.addEventListener?.("click", this._handleUserInteraction), this.addEventListener?.("keydown", l), this.addEventListener?.("keyup", this._handleKeyboardInteraction);
+		}
+		connectedCallback() {
+			super.connectedCallback(), this.tabIndex = 0;
 		}
 		attributeChangedCallback(e, t, n) {
 			(e !== "checked" || !this._attributeMutationBlocked) && super.attributeChangedCallback(e, t, n);
@@ -91,13 +86,9 @@ var d = (d) => (() => {
 			return super.shouldValidate(e) || e === "checked" || e === "required";
 		}
 		validate() {
-			super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", l[this._languageController.current]) : this.removeValidityFlag("valueMissing");
-		}
-		static {
-			i(h, m);
+			super.validate(), this.required && !this.checked ? this.setValidityFlag("valueMissing", c[this._languageController.current]) : this.removeValidityFlag("valueMissing");
 		}
 	};
-	return h;
 })();
 //#endregion
-export { d as SbbFormAssociatedCheckboxMixin };
+export { u as SbbFormAssociatedCheckboxMixin };