@sbb-esta/lyne-elements-dev 4.9.0-dev.1775028444 → 4.9.0-dev.1775050914

package/{calendar.component-BRIW9HVu.js → calendar.component-DhmaJt2k.js}

@@ -1,5 +1,5 @@
 import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { css as n, html as r, isServer as i, nothing as a } from "lit";
+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 { SbbElement as c } from "./core/base-elements.js";
 import { forceType as l, handleDistinctChange as ee, plainDate as u } from "./core/decorators.js";
@@ -17,8 +17,8 @@ import { SbbCalendarWeekdayElement as x } from "./calendar/calendar-weekday/cale
 import { SbbCalendarWeeknumberElement as S } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
 import { SbbCalendarYearElement as C } from "./calendar/calendar-year/calendar-year.component.js";
 import "./screen-reader-only.js";
-//#region src/elements/calendar/calendar/calendar.scss?lit&inline
-var ye = n`:host{display:block;width:max-content;--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);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))}}`;
+//#region src/elements/calendar/calendar/calendar.scss?inline
+var ye = ":host{display:block;width:max-content;--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);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))}}";
 d.define(), y.define(), b.define(), C.define(), x.define(), S.define();
 var w = class extends Event {
 	get range() {
@@ -31,18 +31,18 @@ var w = class extends Event {
 		}), this._range = Object.freeze(e || []);
 	}
 }, T = (() => {
-	let n = c, d = [], y, b = [], x = [], S, C = [], T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I, be = [], L = [], R, z = [], B = [], V, H = [], U = [], W, G = [], K = [], q, J = [], Y = [], X, Z, Q = [], xe = [], Se, Ce = [], $ = [];
-	return class extends n {
+	let d = c, y = [], b, x = [], S = [], C, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, be, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q, xe = [], Se = [], Ce, we = [], $ = [];
+	return class extends d {
 		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			y = [l(), o({ type: Boolean })], S = [o()], E = [u(), o()], k = [u(), o()], M = [
+			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
+			b = [l(), o({ type: Boolean })], C = [o()], D = [u(), o()], A = [u(), o()], N = [
 				l(),
 				ee((e, t) => e._onMultipleChanged(t)),
 				o({ type: Boolean })
-			], F = [o()], I = [s()], R = [o({ attribute: "date-filter" })], V = [o({ reflect: !0 })], W = [l(), o({
+			], I = [o()], be = [s()], z = [o({ attribute: "date-filter" })], H = [o({ reflect: !0 })], G = [l(), o({
 				attribute: "week-numbers",
 				type: Boolean
-			})], q = [s()], X = [s()], Z = [s()], Se = [s()], e(this, null, y, {
+			})], J = [s()], Z = [s()], Q = [s()], Ce = [s()], e(this, null, b, {
 				kind: "accessor",
 				name: "wide",
 				static: !1,
@@ -55,7 +55,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, b, x), e(this, null, S, {
+			}, x, S), e(this, null, C, {
 				kind: "accessor",
 				name: "view",
 				static: !1,
@@ -68,7 +68,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, C, T), e(this, null, E, {
+			}, T, E), e(this, null, D, {
 				kind: "accessor",
 				name: "min",
 				static: !1,
@@ -81,7 +81,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, D, O), e(this, null, k, {
+			}, O, k), e(this, null, A, {
 				kind: "accessor",
 				name: "max",
 				static: !1,
@@ -94,7 +94,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, A, j), e(this, null, M, {
+			}, j, M), e(this, null, N, {
 				kind: "accessor",
 				name: "multiple",
 				static: !1,
@@ -107,7 +107,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, N, P), e(this, null, F, {
+			}, P, F), e(this, null, I, {
 				kind: "setter",
 				name: "selected",
 				static: !1,
@@ -119,7 +119,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, null, d), e(this, null, I, {
+			}, null, y), e(this, null, be, {
 				kind: "accessor",
 				name: "_selected",
 				static: !1,
@@ -132,7 +132,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, be, L), e(this, null, R, {
+			}, L, R), e(this, null, z, {
 				kind: "accessor",
 				name: "dateFilter",
 				static: !1,
@@ -145,7 +145,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, z, B), e(this, null, V, {
+			}, B, V), e(this, null, H, {
 				kind: "accessor",
 				name: "orientation",
 				static: !1,
@@ -158,7 +158,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, H, U), e(this, null, W, {
+			}, U, W), e(this, null, G, {
 				kind: "accessor",
 				name: "weekNumbers",
 				static: !1,
@@ -171,7 +171,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, G, K), e(this, null, q, {
+			}, K, q), e(this, null, J, {
 				kind: "accessor",
 				name: "_activeDate",
 				static: !1,
@@ -184,7 +184,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, J, Y), e(this, null, X, {
+			}, Y, X), e(this, null, Z, {
 				kind: "setter",
 				name: "_wide",
 				static: !1,
@@ -196,7 +196,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, null, d), e(this, null, Z, {
+			}, null, y), e(this, null, Q, {
 				kind: "accessor",
 				name: "_calendarView",
 				static: !1,
@@ -209,7 +209,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, Q, xe), e(this, null, Se, {
+			}, xe, Se), e(this, null, Ce, {
 				kind: "accessor",
 				name: "_initialized",
 				static: !1,
@@ -222,7 +222,7 @@ var w = class extends Event {
 					}
 				},
 				metadata: t
-			}, Ce, $), t && Object.defineProperty(this, Symbol.metadata, {
+			}, we, $), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -233,7 +233,7 @@ var w = class extends Event {
 			this.elementName = "sbb-calendar";
 		}
 		static {
-			this.styles = [te, ye];
+			this.styles = [te, a(ye)];
 		}
 		static {
 			this.events = {
@@ -345,13 +345,13 @@ var w = class extends Event {
 			this.#d = e;
 		}
 		constructor() {
-			super(), this.#e = (t(this, d), t(this, b, !1)), this.#t = (t(this, x), t(this, C, "day")), this.#n = (t(this, T), t(this, D, null)), this.#r = (t(this, O), t(this, A, null)), this.#i = (t(this, j), t(this, N, !1)), this.#a = (t(this, P), t(this, be, null)), this.#o = (t(this, L), t(this, z, null)), this.#s = (t(this, B), t(this, H, "horizontal")), this.#c = (t(this, U), t(this, G, !1)), this._dateAdapter = (t(this, K), fe().datetime?.dateAdapter ?? ve), this.#l = t(this, J, this._dateAdapter.today()), this._wideInternal = (t(this, Y), !1), this.#u = t(this, Q, "day"), this._nextCalendarView = (t(this, xe), "day"), this._keyboardNavigationDayViewParameters = {
+			super(), this.#e = (t(this, y), t(this, x, !1)), this.#t = (t(this, S), 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, L, null)), this.#o = (t(this, R), t(this, B, null)), this.#s = (t(this, V), t(this, U, "horizontal")), this.#c = (t(this, W), t(this, K, !1)), this._dateAdapter = (t(this, q), fe().datetime?.dateAdapter ?? ve), this.#l = t(this, Y, this._dateAdapter.today()), this._wideInternal = (t(this, X), !1), this.#u = t(this, xe, "day"), this._nextCalendarView = (t(this, Se), "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.#d = t(this, Ce, !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.#d = t(this, we, !1), this._language = (t(this, $), new ne(this).withHandler(() => {
 				this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
 			})), this._mediaMatcher = new re(this, { [f]: () => this._init() }), this._onSlotChange = () => {
 				this._enhancedVariant = Array.from(this.children).some((e) => e.localName === "sbb-calendar-day"), this.toggleState("enhanced", this._enhancedVariant), this._setTabIndex();
@@ -387,7 +387,7 @@ var w = class extends Event {
 			e && !Array.isArray(this._selected) && (this._selected = this._selected ? [this._selected] : []), !e && Array.isArray(this._selected) && (this._selected = this._selected.length ? this._selected[0] : null);
 		}
 		_init(e) {
-			if (!i) {
+			if (!r) {
 				if (this.hydrationRequired) {
 					this.hydrationComplete.then(() => this._init());
 					return;
@@ -710,12 +710,12 @@ var w = class extends Event {
 		}
 		_renderDayView() {
 			let e = this._wide ? this._dateAdapter.addCalendarMonths(this._activeDate, 1) : void 0;
-			return r`
+			return n`
       <div class="sbb-calendar__controls">
         ${this._getArrow("left", () => this._goToDifferentMonth(-1), se[this._language.current], this._previousMonthDisabled())}
         <div class="sbb-calendar__controls-month">
           ${this._createLabelForDayView(this._activeDate)}
-          ${this._wide ? this._createLabelForDayView(e) : a}
+          ${this._wide ? this._createLabelForDayView(e) : i}
           <sbb-screen-reader-only role="status">
             ${this._createAriaLabelForDayView(this._activeDate, e)}
           </sbb-screen-reader-only>
@@ -724,12 +724,12 @@ var w = class extends Event {
       </div>
       <div class="sbb-calendar__table-overflow-break">
         <div class="sbb-calendar__table-container sbb-calendar__table-day-view">
-          ${this.orientation === "horizontal" ? r`
+          ${this.orientation === "horizontal" ? n`
                 ${this._createDayTable(this._weeks, this._weekNumbers)}
-                ${this._wide ? this._createDayTable(this._nextMonthWeeks, this._nextMonthWeekNumbers, !0) : a}
-              ` : r`
+                ${this._wide ? this._createDayTable(this._nextMonthWeeks, this._nextMonthWeekNumbers, !0) : i}
+              ` : n`
                 ${this._createDayTableVertical(this._weeks, this._weekNumbers)}
-                ${this._wide ? this._createDayTableVertical(this._nextMonthWeeks, this._nextMonthWeekNumbers, e) : a}
+                ${this._wide ? this._createDayTableVertical(this._nextMonthWeeks, this._nextMonthWeekNumbers, e) : i}
               `}
         </div>
       </div>
@@ -737,7 +737,7 @@ var w = class extends Event {
 		}
 		_createLabelForDayView(e) {
 			let t = `${this._monthNames[this._dateAdapter.getMonth(e) - 1]} ${this._dateAdapter.getYear(e)}`;
-			return r`
+			return n`
       <button
         type="button"
         class="sbb-calendar__date-selection sbb-calendar__controls-change-date"
@@ -756,9 +756,9 @@ var w = class extends Event {
 			for (let n of e) n && (t += `${this._monthNames[this._dateAdapter.getMonth(n) - 1]} ${this._dateAdapter.getYear(n)} `);
 			return t;
 		}
-		_createDayTable(e, t, n = !1) {
-			let i = (this._wide ? [...this._weeks, ...this._nextMonthWeeks] : n ? this._nextMonthWeeks : this._weeks).flat(), o = (n ? this._nextMonthWeeks : this._weeks).flat();
-			return r`
+		_createDayTable(e, t, r = !1) {
+			let a = (this._wide ? [...this._weeks, ...this._nextMonthWeeks] : r ? this._nextMonthWeeks : this._weeks).flat(), o = (r ? this._nextMonthWeeks : this._weeks).flat();
+			return n`
       <table
         class="sbb-calendar__table"
         @focusout=${(e) => this._handleTableBlur(e.relatedTarget)}
@@ -766,10 +766,10 @@ var w = class extends Event {
       >
         <thead class="sbb-calendar__table-header">
           <tr>
-            ${this.weekNumbers ? r`<th class="sbb-calendar__table-header-cell"></th>` : a}
-            ${this._weekdays.map((e, t) => r`
+            ${this.weekNumbers ? n`<th class="sbb-calendar__table-header-cell"></th>` : i}
+            ${this._weekdays.map((e, t) => n`
                 <th class="sbb-calendar__table-header-cell">
-                  ${this.multiple ? r`
+                  ${this.multiple ? n`
                         <sbb-calendar-weekday
                           .value=${e}
                           @click=${() => {
@@ -777,7 +777,7 @@ var w = class extends Event {
 				this._selectMultipleDates(e);
 			}}
                         ></sbb-calendar-weekday>
-                      ` : r`
+                      ` : n`
                         <sbb-screen-reader-only>${e.long}</sbb-screen-reader-only>
                         <span aria-hidden="true">${e.narrow}</span>
                       `}
@@ -786,51 +786,51 @@ var w = class extends Event {
           </tr>
         </thead>
         <tbody class="sbb-calendar__table-body">
-          ${e.map((e, n) => {
+          ${e.map((e, r) => {
 				let o = h - e.length;
-				return n === 0 && o ? r`
+				return r === 0 && o ? n`
                 <tr>
-                  ${this.weekNumbers ? r`
+                  ${this.weekNumbers ? n`
                         <td class="sbb-calendar__table-header-cell-vertical">
-                          ${this.multiple ? r`
+                          ${this.multiple ? n`
                                 <sbb-calendar-weeknumber
                                   .value=${t[0]}
                                   @click=${() => {
-					let e = i.filter((e) => e.weekValue === t[0]);
+					let e = a.filter((e) => e.weekValue === t[0]);
 					this._selectMultipleDates(e);
 				}}
                                 ></sbb-calendar-weeknumber>
-                              ` : r`
+                              ` : n`
                                 <sbb-screen-reader-only
                                   >${`${m[this._language.current]} ${t[0]}`}</sbb-screen-reader-only
                                 >
                                 <span aria-hidden="true">${t[0]}</span>
                               `}
                         </td>
-                      ` : a}
-                  ${[...Array(o).keys()].map(() => r`<td class="sbb-calendar__table-data"></td>`)}
+                      ` : i}
+                  ${[...Array(o).keys()].map(() => n`<td class="sbb-calendar__table-data"></td>`)}
                   ${this._createDayCells(e)}
                 </tr>
-              ` : r`
+              ` : n`
               <tr>
-                ${this.weekNumbers ? r`
+                ${this.weekNumbers ? n`
                       <td class="sbb-calendar__table-header-cell-vertical">
-                        ${this.multiple ? r`
+                        ${this.multiple ? n`
                               <sbb-calendar-weeknumber
-                                .value=${t[n]}
+                                .value=${t[r]}
                                 @click=${() => {
-					let e = i.filter((e) => e.weekValue === t[n]);
+					let e = a.filter((e) => e.weekValue === t[r]);
 					this._selectMultipleDates(e);
 				}}
                               ></sbb-calendar-weeknumber>
-                            ` : r`
+                            ` : n`
                               <sbb-screen-reader-only
-                                >${`${m[this._language.current]} ${t[n]}`}</sbb-screen-reader-only
+                                >${`${m[this._language.current]} ${t[r]}`}</sbb-screen-reader-only
                               >
-                              <span aria-hidden="true">${t[n]}</span>
+                              <span aria-hidden="true">${t[r]}</span>
                             `}
                       </td>
-                    ` : a}
+                    ` : i}
                 ${this._createDayCells(e)}
               </tr>
             `;
@@ -839,21 +839,21 @@ var w = class extends Event {
       </table>
     `;
 		}
-		_createDayTableVertical(e, t, n) {
-			let i = this._dateAdapter.getFirstWeekOffset(n ?? this._activeDate), o = (this._wide ? [...this._weeks, ...this._nextMonthWeeks] : n ? this._nextMonthWeeks : this._weeks).flat();
-			return r`
+		_createDayTableVertical(e, t, r) {
+			let a = this._dateAdapter.getFirstWeekOffset(r ?? this._activeDate), o = (this._wide ? [...this._weeks, ...this._nextMonthWeeks] : r ? this._nextMonthWeeks : this._weeks).flat();
+			return n`
       <table
         class="sbb-calendar__table"
         @focusout=${(e) => this._handleTableBlur(e.relatedTarget)}
         @animationend=${(e) => this._tableAnimationEnd(e)}
       >
-        ${this.weekNumbers ? r`
+        ${this.weekNumbers ? n`
               <thead class="sbb-calendar__table-header">
                 <tr>
-                  ${n ? a : r`<th class="sbb-calendar__table-data"></th>`}
-                  ${t.map((e) => r`
+                  ${r ? i : n`<th class="sbb-calendar__table-data"></th>`}
+                  ${t.map((e) => n`
                       <th class="sbb-calendar__table-header-cell">
-                        ${this.multiple ? r`
+                        ${this.multiple ? n`
                               <sbb-calendar-weeknumber
                                 .value=${e}
                                 @click=${() => {
@@ -861,7 +861,7 @@ var w = class extends Event {
 				this._selectMultipleDates(t);
 			}}
                               ></sbb-calendar-weeknumber>
-                            ` : r`
+                            ` : n`
                               <sbb-screen-reader-only
                                 >${`${m[this._language.current]} ${e}`}</sbb-screen-reader-only
                               >
@@ -871,28 +871,28 @@ var w = class extends Event {
                     `)}
                 </tr>
               </thead>
-            ` : a}
+            ` : i}
         <tbody class="sbb-calendar__table-body">
           ${e.map((e, t) => {
 				let o = this._weekdays[t], s = this._wide ? [...e, ...this._nextMonthWeeks[t]] : e;
-				return r`
+				return n`
               <tr>
-                ${n ? a : r`
+                ${r ? i : n`
                       <td class="sbb-calendar__table-header-cell-vertical">
-                        ${this.multiple ? r`
+                        ${this.multiple ? n`
                               <sbb-calendar-weekday
                                 .value=${o}
                                 @click=${() => this._selectMultipleDates(s)}
                               >
                                 ${o.narrow}
                               </sbb-calendar-weekday>
-                            ` : r`
+                            ` : n`
                               <sbb-screen-reader-only>${o.long}</sbb-screen-reader-only>
                               <span aria-hidden="true">${o.narrow}</span>
                             `}
                       </td>
                     `}
-                ${t < i ? r`<td class="sbb-calendar__table-data"></td>` : a}
+                ${t < a ? n`<td class="sbb-calendar__table-data"></td>` : i}
                 ${this._createDayCells(e)}
               </tr>
             `;
@@ -902,7 +902,7 @@ var w = class extends Event {
     `;
 		}
 		_createDayCells(e) {
-			return e.map((e) => r`
+			return e.map((e) => n`
         <td class="sbb-calendar__table-data sbb-calendar__day-cell">
           <slot name=${e.value}>
             <sbb-calendar-day
@@ -915,7 +915,7 @@ var w = class extends Event {
       `);
 		}
 		_renderMonthView() {
-			return r`
+			return n`
       <div class="sbb-calendar__controls">
         ${this._getArrow("left", () => this._goToDifferentYear(-1), ce[this._language.current], this._previousYearDisabled())}
         <div class="sbb-calendar__controls-month">${this._createLabelForMonthView()}</div>
@@ -924,39 +924,39 @@ var w = class extends Event {
       <div class="sbb-calendar__table-overflow-break">
         <div class="sbb-calendar__table-container sbb-calendar__table-month-view">
           ${this._createMonthTable(this._months, this._chosenYear)}
-          ${this._wide ? this._createMonthTable(this._months, this._chosenYear + 1) : a}
+          ${this._wide ? this._createMonthTable(this._months, this._chosenYear + 1) : i}
         </div>
       </div>
     `;
 		}
 		_createLabelForMonthView() {
-			return r` <button
+			return n` <button
         type="button"
         id="sbb-calendar__month-selection"
         class="sbb-calendar__controls-change-date"
         aria-label=${`${p[this._language.current]} ${this._chosenYear}`}
         @click=${() => this._resetCalendarViewAndEmitMonthChange(!0)}
       >
-        ${this._chosenYear} ${this._wide ? ` - ${this._chosenYear + 1}` : a}
+        ${this._chosenYear} ${this._wide ? ` - ${this._chosenYear + 1}` : i}
         <sbb-icon name="chevron-small-up-small"></sbb-icon>
       </button>
       <sbb-screen-reader-only role="status"> ${this._chosenYear} </sbb-screen-reader-only>`;
 		}
 		_createMonthTable(e, t) {
-			return r`
+			return n`
       <table
         class="sbb-calendar__table"
         @animationend=${(e) => this._tableAnimationEnd(e)}
       >
-        ${this._wide ? r`<thead class="sbb-calendar__table-header" aria-hidden="true">
+        ${this._wide ? n`<thead class="sbb-calendar__table-header" aria-hidden="true">
               <tr>
                 <th class="sbb-calendar__table-header-cell" colspan=${g}>${t}</th>
               </tr>
-            </thead>` : a}
+            </thead>` : i}
         <tbody class="sbb-calendar__table-body">
-          ${e.map((e) => r`
+          ${e.map((e) => n`
               <tr>
-                ${e.map((e) => r`
+                ${e.map((e) => n`
                     <td class="sbb-calendar__table-data">
                       <sbb-calendar-month
                         .value="${t}-${e.value}"
@@ -976,7 +976,7 @@ var w = class extends Event {
 			this._chosenMonth = e, this._nextCalendarView = "day", this._init(this._dateAdapter.createDate(t, this._chosenMonth, this._dateAdapter.getDate(this._activeDate))), this._startTableTransition(), this._emitMonthChange();
 		}
 		_renderYearView() {
-			return r`
+			return n`
       <div class="sbb-calendar__controls">
         ${this._getArrow("left", () => this._goToDifferentYearRange(-_), le(_)[this._language.current], this._previousYearRangeDisabled())}
         <div class="sbb-calendar__controls-month">${this._createLabelForYearView()}</div>
@@ -985,45 +985,45 @@ var w = class extends Event {
       <div class="sbb-calendar__table-overflow-break">
         <div class="sbb-calendar__table-container sbb-calendar__table-year-view">
           ${this._createYearTable(this._years)}
-          ${this._wide ? this._createYearTable(this._nextMonthYears, !0) : a}
+          ${this._wide ? this._createYearTable(this._nextMonthYears, !0) : i}
         </div>
       </div>
     `;
 		}
-		_getArrow(e, t, n, i) {
-			return r`<sbb-secondary-button
+		_getArrow(e, t, r, i) {
+			return n`<sbb-secondary-button
       size="m"
       icon-name="chevron-small-${e}-small"
-      aria-label=${n}
+      aria-label=${r}
       @click=${t}
       ?disabled=${i}
       id="sbb-calendar__controls-${e === "left" ? "previous" : "next"}"
     ></sbb-secondary-button>`;
 		}
 		_createLabelForYearView() {
-			let e = this._years.flat()[0], t = (this._wide ? this._nextMonthYears : this._years).flat(), n = `${e} - ${t[t.length - 1]}`;
-			return r`
+			let e = this._years.flat()[0], t = (this._wide ? this._nextMonthYears : this._years).flat(), r = `${e} - ${t[t.length - 1]}`;
+			return n`
       <button
         type="button"
         id="sbb-calendar__year-selection"
         class="sbb-calendar__controls-change-date"
-        aria-label="${p[this._language.current]} ${n}"
+        aria-label="${p[this._language.current]} ${r}"
         @click=${() => this._resetCalendarViewAndEmitMonthChange(!0)}
       >
-        ${n}
+        ${r}
         <sbb-icon name="chevron-small-up-small"></sbb-icon>
       </button>
-      <sbb-screen-reader-only role="status"> ${n} </sbb-screen-reader-only>
+      <sbb-screen-reader-only role="status"> ${r} </sbb-screen-reader-only>
     `;
 		}
 		_createYearTable(e, t = !1) {
-			return r` <table
+			return n` <table
       class="sbb-calendar__table"
       @animationend=${(e) => this._tableAnimationEnd(e)}
     >
       <tbody class="sbb-calendar__table-body">
-        ${e.map((e) => r` <tr>
-              ${e.map((e) => r`
+        ${e.map((e) => n` <tr>
+              ${e.map((e) => n`
                   <td class="sbb-calendar__table-data">
                     <sbb-calendar-year
                       .value=${String(e)}
@@ -1041,7 +1041,7 @@ var w = class extends Event {
 			this._chosenYear = t ? e - 1 : e, this._nextCalendarView = "month", this._assignActiveDate(this._dateAdapter.createDate(this._chosenYear, this._dateAdapter.getMonth(this._activeDate), this._dateAdapter.getDate(this._activeDate))), this._startTableTransition();
 		}
 		_getView() {
-			if (i || this.hydrationRequired) return r`${a}`;
+			if (r || this.hydrationRequired) return n`${i}`;
 			switch (this._calendarView) {
 				case "year": return this._renderYearView();
 				case "month": return this._renderMonthView();
@@ -1056,7 +1056,7 @@ var w = class extends Event {
 			this.internals.states.add("transition"), this.shadowRoot?.querySelectorAll("table")?.forEach((e) => e.classList.toggle("sbb-calendar__table-hide"));
 		}
 		render() {
-			return r`<div class="sbb-calendar__wrapper">${this._getView()}</div>`;
+			return n`<div class="sbb-calendar__wrapper">${this._getView()}</div>`;
 		}
 	};
 })();

package/calendar.js

@@ -1,9 +1,9 @@
-import { t as e } from "./calendar-day.component-BZxPrp22.js";
+import { t as e } from "./calendar-day.component-BBszRsGw.js";
 import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar-month.component.js";
 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, t as o } from "./calendar.component-BRIW9HVu.js";
+import { n as a, t as o } from "./calendar.component-DhmaJt2k.js";
 import "./calendar.pure.js";
 o.define(), e.define(), t.define(), n.define(), r.define(), i.define();
 //#endregion

package/calendar.pure.js

@@ -1,7 +1,7 @@
-import { t as e } from "./calendar-day.component-BZxPrp22.js";
+import { t as e } from "./calendar-day.component-BBszRsGw.js";
 import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar-month.component.js";
 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, t as o } from "./calendar.component-BRIW9HVu.js";
+import { n as a, t as o } from "./calendar.component-DhmaJt2k.js";
 export { e as SbbCalendarDayElement, o as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbMonthChangeEvent };

package/card/card/card.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../card.component-Bd-2-dP3.js";
+import { t as e } from "../../card.component-D14GBu6y.js";
 export { e as SbbCardElement };

package/card/card-badge/card-badge.component.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../card-badge.component-CtpSWL9S.js";
+import { t as e } from "../../card-badge.component-BSOEYrN4.js";
 export { e as SbbCardBadgeElement };

package/card/card-badge.js

@@ -1,4 +1,4 @@
-import { t as e } from "../card-badge.component-CtpSWL9S.js";
+import { t as e } from "../card-badge.component-BSOEYrN4.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/card/card-badge.js' has been deprecated.\nUse either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.");
 //#endregion
 export { e as SbbCardBadgeElement };

package/card/card.js

@@ -1,4 +1,4 @@
-import { t as e } from "../card.component-Bd-2-dP3.js";
+import { t as e } from "../card.component-D14GBu6y.js";
 e.define(), console.warn("The entrypoint '@sbb-esta/elements/card/card.js' has been deprecated.\nUse either '@sbb-esta/elements/card.js' or '@sbb-esta/elements/card.pure.js' instead.");
 //#endregion
 export { e as SbbCardElement };

package/card/common/card-action-common.js

@@ -1,2 +1,2 @@
-import { t as e } from "../../card-action-common-BNe4LRHp.js";
+import { t as e } from "../../card-action-common-Ct0e9dtO.js";
 export { e as SbbCardActionCommonElementMixin };