@sbb-esta/lyne-elements-dev 4.7.0-dev.1773737285 → 4.7.0-dev.1773741165

package/{calendar.component-BgZDy-rX.js → calendar.component-Cz-OGQu6.js}

@@ -8,65 +8,68 @@ import { SbbLanguageController as te, SbbMediaMatcherController as ne, SbbMediaQ
 import { i18nCalendarDateSelection as p, i18nCalendarWeekNumber as m, i18nNextMonth as re, i18nNextYear as ie, i18nNextYearRange as ae, i18nPreviousMonth as oe, i18nPreviousYear as se, i18nPreviousYearRange as ce, i18nYearMonthSelection as le } from "./core/i18n.js";
 import "./icon.js";
 import { isArrowKeyOrPageKeysPressed as ue } from "./core/a11y.js";
-import { classMap as h } from "lit/directives/class-map.js";
 import { readConfig as de } from "./core/config.js";
-import { DAYS_PER_ROW as g, MONTHS_PER_PAGE as fe, MONTHS_PER_ROW as _, YEARS_PER_PAGE as v, YEARS_PER_ROW as y, defaultDateAdapter as pe } from "./core/datetime.js";
-import { SbbCalendarDayElement as b } from "./calendar/calendar-day/calendar-day.component.js";
+import { DAYS_PER_ROW as h, MONTHS_PER_PAGE as fe, MONTHS_PER_ROW as g, YEARS_PER_PAGE as _, YEARS_PER_ROW as v, defaultDateAdapter as pe } from "./core/datetime.js";
+import { SbbCalendarDayElement as y } from "./calendar/calendar-day/calendar-day.component.js";
+import { SbbCalendarMonthElement as b } from "./calendar/calendar-month/calendar-month.component.js";
+import { SbbCalendarWeekdayElement as x } from "./calendar/calendar-weekday/calendar-weekday.component.js";
+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 "./button/secondary-button.js";
 import "./screen-reader-only.js";
 //#region node_modules/date-fns/constants.js
-var x = 365.2425, S = 6048e5, C = 3600 * 24;
-C * 7, C * x / 12 * 3;
-var w = Symbol.for("constructDateFrom");
+var w = 365.2425, T = 6048e5, E = 3600 * 24;
+E * 7, E * w / 12 * 3;
+var D = Symbol.for("constructDateFrom");
 //#endregion
 //#region node_modules/date-fns/constructFrom.js
-function T(e, t) {
-	return typeof e == "function" ? e(t) : e && typeof e == "object" && w in e ? e[w](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
+function O(e, t) {
+	return typeof e == "function" ? e(t) : e && typeof e == "object" && D in e ? e[D](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
 }
 //#endregion
 //#region node_modules/date-fns/toDate.js
-function E(e, t) {
-	return T(t || e, e);
+function k(e, t) {
+	return O(t || e, e);
 }
 //#endregion
 //#region node_modules/date-fns/addDays.js
-function D(e, t, n) {
-	let r = E(e, n?.in);
-	return isNaN(t) ? T(n?.in || e, NaN) : (t && r.setDate(r.getDate() + t), r);
+function A(e, t, n) {
+	let r = k(e, n?.in);
+	return isNaN(t) ? O(n?.in || e, NaN) : (t && r.setDate(r.getDate() + t), r);
 }
 //#endregion
 //#region node_modules/date-fns/_lib/defaultOptions.js
-var O = {};
-function k() {
-	return O;
+var j = {};
+function M() {
+	return j;
 }
 //#endregion
 //#region node_modules/date-fns/startOfWeek.js
-function A(e, t) {
-	let n = k(), r = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, i = E(e, t?.in), a = i.getDay(), o = (a < r ? 7 : 0) + a - r;
+function N(e, t) {
+	let n = M(), r = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, i = k(e, t?.in), a = i.getDay(), o = (a < r ? 7 : 0) + a - r;
 	return i.setDate(i.getDate() - o), i.setHours(0, 0, 0, 0), i;
 }
 //#endregion
 //#region node_modules/date-fns/_lib/normalizeDates.js
-function j(e, ...t) {
-	let n = T.bind(null, e || t.find((e) => typeof e == "object"));
+function P(e, ...t) {
+	let n = O.bind(null, e || t.find((e) => typeof e == "object"));
 	return t.map(n);
 }
 //#endregion
 //#region node_modules/date-fns/addWeeks.js
-function M(e, t, n) {
-	return D(e, t * 7, n);
+function F(e, t, n) {
+	return A(e, t * 7, n);
 }
 //#endregion
 //#region node_modules/date-fns/endOfMonth.js
 function me(e, t) {
-	let n = E(e, t?.in), r = n.getMonth();
+	let n = k(e, t?.in), r = n.getMonth();
 	return n.setFullYear(n.getFullYear(), r + 1, 0), n.setHours(23, 59, 59, 999), n;
 }
 //#endregion
 //#region node_modules/date-fns/_lib/normalizeInterval.js
-function N(e, t) {
-	let [n, r] = j(e, t.start, t.end);
+function I(e, t) {
+	let [n, r] = P(e, t.start, t.end);
 	return {
 		start: n,
 		end: r
@@ -75,49 +78,47 @@ function N(e, t) {
 //#endregion
 //#region node_modules/date-fns/eachWeekOfInterval.js
 function he(e, t) {
-	let { start: n, end: r } = N(t?.in, e), i = +n > +r, a = A(i ? r : n, t), o = A(i ? n : r, t);
+	let { start: n, end: r } = I(t?.in, e), i = +n > +r, a = N(i ? r : n, t), o = N(i ? n : r, t);
 	a.setHours(15), o.setHours(15);
 	let s = +o.getTime(), c = a, l = t?.step ?? 1;
 	if (!l) return [];
 	l < 0 && (l = -l, i = !i);
 	let u = [];
-	for (; +c <= s;) c.setHours(0), u.push(T(n, c)), c = M(c, l), c.setHours(15);
+	for (; +c <= s;) c.setHours(0), u.push(O(n, c)), c = F(c, l), c.setHours(15);
 	return i ? u.reverse() : u;
 }
 //#endregion
 //#region node_modules/date-fns/startOfMonth.js
 function ge(e, t) {
-	let n = E(e, t?.in);
+	let n = k(e, t?.in);
 	return n.setDate(1), n.setHours(0, 0, 0, 0), n;
 }
 //#endregion
 //#region node_modules/date-fns/getWeekYear.js
-function P(e, t) {
-	let n = E(e, t?.in), r = n.getFullYear(), i = k(), a = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? i.firstWeekContainsDate ?? i.locale?.options?.firstWeekContainsDate ?? 1, o = T(t?.in || e, 0);
+function L(e, t) {
+	let n = k(e, t?.in), r = n.getFullYear(), i = M(), a = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? i.firstWeekContainsDate ?? i.locale?.options?.firstWeekContainsDate ?? 1, o = O(t?.in || e, 0);
 	o.setFullYear(r + 1, 0, a), o.setHours(0, 0, 0, 0);
-	let s = A(o, t), c = T(t?.in || e, 0);
+	let s = N(o, t), c = O(t?.in || e, 0);
 	c.setFullYear(r, 0, a), c.setHours(0, 0, 0, 0);
-	let l = A(c, t);
+	let l = N(c, t);
 	return +n >= +s ? r + 1 : +n >= +l ? r : r - 1;
 }
 //#endregion
 //#region node_modules/date-fns/startOfWeekYear.js
-function F(e, t) {
-	let n = k(), r = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, i = P(e, t), a = T(t?.in || e, 0);
-	return a.setFullYear(i, 0, r), a.setHours(0, 0, 0, 0), A(a, t);
+function R(e, t) {
+	let n = M(), r = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, i = L(e, t), a = O(t?.in || e, 0);
+	return a.setFullYear(i, 0, r), a.setHours(0, 0, 0, 0), N(a, t);
 }
 //#endregion
 //#region node_modules/date-fns/getWeek.js
-function I(e, t) {
-	let n = E(e, t?.in), r = A(n, t) - +F(n, t);
-	return Math.round(r / S) + 1;
+function z(e, t) {
+	let n = k(e, t?.in), r = N(n, t) - +R(n, t);
+	return Math.round(r / T) + 1;
 }
 //#endregion
 //#region src/elements/calendar/calendar/calendar.scss?lit&inline
-var _e = n`:host{--sbb-calendar-cell-size:2.5rem;--sbb-calendar-hover-shift:.0625rem;--sbb-calendar-wide-cell-size:4.375rem;--sbb-calendar-header-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-smoke));--sbb-calendar-cell-background-color:transparent;--sbb-calendar-cell-background-color-hover:var(--sbb-background-color-3);--sbb-calendar-cell-background-color-active:var(--sbb-background-color-4);--sbb-calendar-cell-padding:.125rem;--sbb-calendar-cell-color:var(--sbb-color-2);--sbb-calendar-cell-border-radius:var(--sbb-border-radius-4x);--sbb-calendar-cell-selected-border:var(--sbb-border-width-2x) solid var(--sbb-border-color-2);--sbb-calendar-cell-selected-background-color:var(--sbb-background-color-2-inverted);--sbb-calendar-cell-disabled-height:.09375rem;--sbb-calendar-cell-disabled-width:1.59375rem;--sbb-calendar-cell-disabled-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-smoke));--sbb-calendar-cell-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-calendar-cell-transition-easing-function:var(--sbb-animation-easing);--sbb-calendar-tables-gap:var(--sbb-spacing-fixed-10x);--sbb-calendar-table-animation-shift:.00625rem;--sbb-calendar-table-animation-duration:.1ms;--sbb-calendar-table-column-spaces:12;--sbb-calendar-control-view-change-height:2.75rem;--sbb-calendar-control-view-change-color:var(--sbb-color-3);--sbb-calendar-control-view-change-background:var(--sbb-background-color-1);--sbb-calendar-cell-year-month-width:4.8125rem;--sbb-calendar-cell-year-month-height:2.75rem;width:max-content;display:block}@media (width>=37.5rem){:host{--sbb-calendar-cell-size:2.75rem;--sbb-calendar-wide-cell-size:4.8125rem;--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%;transition-duration:var(--sbb-calendar-cell-transition-duration);display:block}.sbb-calendar__controls{align-items:center;gap:var(--sbb-spacing-fixed-2x);width:100%;margin-block-end:var(--sbb-spacing-fixed-4x);display:inline-flex}.sbb-calendar__controls-month{gap:var(--sbb-calendar-tables-gap);width:100%;display:flex}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:var(--sbb-calendar-control-view-change-color);--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);margin:0;height:var(--sbb-calendar-control-view-change-height);text-transform:capitalize;cursor:var(--sbb-cursor-pointer);padding:0;padding-inline:var(--sbb-spacing-fixed-5x) var(--sbb-spacing-fixed-2x);border-radius:0;border-radius:var(--sbb-border-radius-infinity);background:0 0;background-color:var(--sbb-calendar-control-view-change-background);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);border:none;outline:none;align-items:center;margin:auto;transition-property:background-color,padding-block-end;display:flex}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background:var(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,var(--sbb-color-anthracite));--sbb-calendar-control-view-change-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,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-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{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);display:flex}: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{border-collapse:collapse;width:100%;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:0s;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{--sbb-text-font-size:var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);width:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-header-color);padding:0}: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{text-align:center;padding:0;position:relative}.sbb-calendar__header-cell,.sbb-calendar__cell{appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:var(--sbb-calendar-cell-color);--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);height:var(--sbb-calendar-cell-size);cursor:var(--sbb-cursor-pointer);z-index:0;background:0 0;border:none;border-radius:0;outline:none;margin:0;padding:0;position:relative}.sbb-calendar__header-cell:before,.sbb-calendar__cell:before{content:"";inset:var(--sbb-calendar-cell-padding);background-color:var(--sbb-calendar-cell-background-color);border-radius:var(--sbb-calendar-cell-border-radius);z-index:-1;transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color;position:absolute}@media (any-hover:hover){.sbb-calendar__header-cell:not(:active,:disabled):hover,.sbb-calendar__cell:not(:active,:disabled):hover{--sbb-calendar-cell-background-color:var(--sbb-calendar-cell-background-color-hover);padding-block-end:var(--sbb-calendar-hover-shift)}}@media (any-hover:hover) and (forced-colors:active){.sbb-calendar__header-cell:not(:active,:disabled):hover:before,.sbb-calendar__cell:not(:active,:disabled):hover:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style:initial}}.sbb-calendar__header-cell:disabled,.sbb-calendar__cell:disabled{--sbb-calendar-cell-color:var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__header-cell:focus-visible:before,.sbb-calendar__cell:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width)}.sbb-calendar__header-cell:not(:disabled):active,.sbb-calendar__cell:not(:disabled):active{--sbb-calendar-cell-background-color:var(--sbb-calendar-cell-background-color-active)}@media (forced-colors:active){.sbb-calendar__header-cell:not(:disabled):active:before,.sbb-calendar__cell:not(:disabled):active:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style:initial}}.sbb-calendar__header-cell{--sbb-text-font-size:var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-calendar-header-color)}.sbb-calendar__cell{height:var(--sbb-calendar-cell-year-month-height);width:var(--sbb-calendar-cell-year-month-width)}.sbb-calendar__weekday{width:var(--sbb-calendar-cell-size)}.sbb-calendar__day-cell{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}.sbb-calendar__crossed-out:after{content:"";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);background-color:var(--sbb-calendar-cell-disabled-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.sbb-calendar__cell-current{--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-calendar__selected:before{border:var(--sbb-calendar-cell-selected-border);border-radius:var(--sbb-calendar-cell-border-radius)}sbb-calendar-day{--sbb-calendar-day-flex-direction:row;--sbb-calendar-day-justify-content:center;--sbb-calendar-day-align-items:center;--sbb-calendar-day-extra-display:none;--sbb-calendar-day-crossed-out-top:50%;--sbb-calendar-day-crossed-out-translate:translate(-50%, -50%) rotate(-45deg);--sbb-calendar-day-height:2.75rem;--sbb-calendar-day-value-height:unset}@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))}}`;
-//#endregion
-//#region src/elements/calendar/calendar/calendar.component.ts
-b.define();
+var _e = n`:host{--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));width:max-content;display:block}@media (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%;transition-duration:var(--sbb-calendar-cell-transition-duration);display:block}.sbb-calendar__controls{align-items:center;gap:var(--sbb-calendar-control-gap);width:100%;margin-block-end:var(--sbb-calendar-control-margin-block-end);display:inline-flex}.sbb-calendar__controls-month{gap:var(--sbb-calendar-tables-gap);width:100%;display:flex}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:var(--sbb-calendar-control-view-change-color);margin:0;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:0;padding-inline:var(--sbb-calendar-control-view-change-padding-inline);border-radius:0;border-radius:var(--sbb-border-radius-infinity);background:0 0;background-color:var(--sbb-calendar-control-view-change-background);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);border:none;outline:none;align-items:center;margin:auto;transition-property:background-color,padding-block-end;display:flex}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background:var(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,var(--sbb-color-anthracite));--sbb-calendar-control-view-change-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,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{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);display:flex}: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{border-collapse:collapse;width:100%;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:0s;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);font-size:var(--sbb-text-font-size-xs);letter-spacing:var(--sbb-typo-letter-spacing-text);padding:0;font-weight:400}: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{text-align:center;padding:0;position:relative}.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))}}`;
+y.define(), b.define(), C.define(), x.define(), S.define();
 var ve = class extends Event {
 	get range() {
 		return this._range;
@@ -128,19 +129,19 @@ var ve = class extends Event {
 			composed: !0
 		}), this._range = Object.freeze(e || []);
 	}
-}, L = (() => {
-	let n = c, b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], L, R, z = [], B = [], V, H = [], U = [], W, G = [], K = [], q, J = [], Y = [], X, Z = [], Q = [], $, ye, be = [], xe = [], Se, Ce = [], we = [];
+}, B = (() => {
+	let n = c, y = [], b, x = [], S = [], C, w = [], T = [], E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I, L = [], R = [], B, V = [], H = [], U, W = [], G = [], K, q = [], J = [], Y, X = [], Z = [], Q, ye, be = [], xe = [], Se, Ce = [], $ = [];
 	return class extends n {
 		static {
 			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
-			x = [l(), o({ type: Boolean })], w = [o()], D = [d(), o()], A = [d(), o()], N = [
+			b = [l(), o({ type: Boolean })], C = [o()], E = [d(), o()], k = [d(), o()], M = [
 				l(),
 				u((e, t) => e._onMultipleChanged(t)),
 				o({ type: Boolean })
-			], L = [o()], R = [s()], V = [o({ attribute: "date-filter" })], W = [o({ reflect: !0 })], q = [l(), o({
+			], F = [o()], I = [s()], B = [o({ attribute: "date-filter" })], U = [o({ reflect: !0 })], K = [l(), o({
 				attribute: "week-numbers",
 				type: Boolean
-			})], X = [s()], $ = [s()], ye = [s()], Se = [s()], e(this, null, x, {
+			})], Y = [s()], Q = [s()], ye = [s()], Se = [s()], e(this, null, b, {
 				kind: "accessor",
 				name: "wide",
 				static: !1,
@@ -153,7 +154,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, S, C), e(this, null, w, {
+			}, x, S), e(this, null, C, {
 				kind: "accessor",
 				name: "view",
 				static: !1,
@@ -166,7 +167,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, T, E), e(this, null, D, {
+			}, w, T), e(this, null, E, {
 				kind: "accessor",
 				name: "min",
 				static: !1,
@@ -179,7 +180,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, O, k), e(this, null, A, {
+			}, D, O), e(this, null, k, {
 				kind: "accessor",
 				name: "max",
 				static: !1,
@@ -192,7 +193,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, j, M), e(this, null, N, {
+			}, A, j), e(this, null, M, {
 				kind: "accessor",
 				name: "multiple",
 				static: !1,
@@ -205,7 +206,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, P, F), e(this, null, L, {
+			}, N, P), e(this, null, F, {
 				kind: "setter",
 				name: "selected",
 				static: !1,
@@ -217,7 +218,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, null, b), e(this, null, R, {
+			}, null, y), e(this, null, I, {
 				kind: "accessor",
 				name: "_selected",
 				static: !1,
@@ -230,7 +231,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, z, B), e(this, null, V, {
+			}, L, R), e(this, null, B, {
 				kind: "accessor",
 				name: "dateFilter",
 				static: !1,
@@ -243,7 +244,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, H, U), e(this, null, W, {
+			}, V, H), e(this, null, U, {
 				kind: "accessor",
 				name: "orientation",
 				static: !1,
@@ -256,7 +257,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, G, K), e(this, null, q, {
+			}, W, G), e(this, null, K, {
 				kind: "accessor",
 				name: "weekNumbers",
 				static: !1,
@@ -269,7 +270,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, J, Y), e(this, null, X, {
+			}, q, J), e(this, null, Y, {
 				kind: "accessor",
 				name: "_activeDate",
 				static: !1,
@@ -282,7 +283,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, Z, Q), e(this, null, $, {
+			}, X, Z), e(this, null, Q, {
 				kind: "setter",
 				name: "_wide",
 				static: !1,
@@ -294,7 +295,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, null, b), e(this, null, ye, {
+			}, null, y), e(this, null, ye, {
 				kind: "accessor",
 				name: "_calendarView",
 				static: !1,
@@ -320,7 +321,7 @@ var ve = class extends Event {
 					}
 				},
 				metadata: t
-			}, Ce, we), t && Object.defineProperty(this, Symbol.metadata, {
+			}, Ce, $), t && Object.defineProperty(this, Symbol.metadata, {
 				enumerable: !0,
 				configurable: !0,
 				writable: !0,
@@ -433,7 +434,7 @@ var ve = class extends Event {
 			this.#u = e;
 		}
 		get _cells() {
-			return Array.from((this._calendarView === "day" ? this._getRootForQuerySelector()?.querySelectorAll("sbb-calendar-day") : this.shadowRoot?.querySelectorAll(".sbb-calendar__cell")) ?? []);
+			return Array.from((this._calendarView === "day" ? Array.from(this.shadowRoot.querySelectorAll("slot")).flatMap((e) => e.assignedElements({ flatten: !0 })) : this.shadowRoot?.querySelectorAll(`sbb-calendar-${this._calendarView}`)) ?? []);
 		}
 		#d;
 		get _initialized() {
@@ -443,13 +444,13 @@ var ve = class extends Event {
 			this.#d = e;
 		}
 		constructor() {
-			super(), this.#e = (t(this, b), t(this, S, !1)), this.#t = (t(this, C), 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, z, null)), this.#o = (t(this, B), t(this, H, null)), this.#s = (t(this, U), t(this, G, "horizontal")), this.#c = (t(this, K), t(this, J, !1)), this._dateAdapter = (t(this, Y), de().datetime?.dateAdapter ?? pe), this.#l = t(this, Z, this._dateAdapter.today()), this._wideInternal = (t(this, Q), !1), this.#u = t(this, be, "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, w, "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, L, null)), this.#o = (t(this, R), 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), de().datetime?.dateAdapter ?? pe), this.#l = t(this, X, this._dateAdapter.today()), this._wideInternal = (t(this, Z), !1), this.#u = t(this, be, "day"), this._nextCalendarView = (t(this, xe), "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, we), new te(this).withHandler(() => {
+			}, 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 te(this).withHandler(() => {
 				this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
 			})), this._mediaMatcher = new ne(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();
@@ -460,9 +461,6 @@ var ve = class extends Event {
 				e.target.localName === "sbb-calendar-day" && this._handleKeyboardEvent(e, this._mapDateToDay(e.target.value));
 			});
 		}
-		_getRootForQuerySelector() {
-			return this._enhancedVariant ? this : this.shadowRoot;
-		}
 		_dateFilter(e) {
 			return this.dateFilter?.(e) ?? !0;
 		}
@@ -495,7 +493,7 @@ var ve = class extends Event {
 				}
 				if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(f) ?? !1) && this.wide, this._weeks = this._createWeekRows(this._activeDate), this._years = this._createYearRows(), this._weekNumbers = this._createWeekNumbers(this._activeDate), this._nextMonthWeeks = [[]], this._nextMonthYears = [[]], this._wide) {
 					let e = this._dateAdapter.addCalendarMonths(this._activeDate, 1);
-					this._nextMonthWeeks = this._createWeekRows(e, !0), this._nextMonthYears = this._createYearRows(v), this._nextMonthWeekNumbers = this._createWeekNumbers(e);
+					this._nextMonthWeeks = this._createWeekRows(e, !0), this._nextMonthYears = this._createYearRows(_), this._nextMonthWeekNumbers = this._createWeekNumbers(e);
 				}
 				this._initialized = !0;
 			}
@@ -514,7 +512,7 @@ var ve = class extends Event {
 			return he({
 				start: ge(e),
 				end: me(e)
-			}, { weekStartsOn: 1 }).map((e) => I(e, {
+			}, { weekStartsOn: 1 }).map((e) => z(e, {
 				weekStartsOn: 1,
 				firstWeekContainsDate: 4
 			}));
@@ -526,16 +524,16 @@ var ve = class extends Event {
 		_createWeekRowsHorizontal(e, t, n) {
 			let r = [[]];
 			for (let i = 0, a = n; i < t; i++, a++) {
-				a === g && (r.push([]), a = 0);
+				a === h && (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: g }, () => []);
+			let r = Array.from({ length: h }, () => []);
 			for (let i = 0, a = n; i < t; i++, a++) {
-				a === g && (a = 0);
+				a === h && (a = 0);
 				let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), i + 1);
 				r[a].push(this._mapDateToDay(t));
 			}
@@ -549,7 +547,7 @@ var ve = class extends Event {
 				dayValue: String(this._dateAdapter.getDate(e)),
 				monthValue: String(this._dateAdapter.getMonth(e)),
 				yearValue: String(this._dateAdapter.getYear(e)),
-				weekValue: I(t, {
+				weekValue: z(t, {
 					weekStartsOn: 1,
 					firstWeekContainsDate: 4
 				}),
@@ -560,52 +558,29 @@ var ve = class extends Event {
 			return typeof e == "string" ? e : this._dateAdapter.toIso8601(e);
 		}
 		_createMonthRows() {
-			let e = this._dateAdapter.getMonthNames("short"), t = Array(12).fill(null).map((t, n) => ({
-				value: e[n],
-				longValue: this._monthNames[n],
-				monthValue: n + 1
-			})), n = 12 / _, r = [];
-			for (let e = 0; e < n; e++) r.push(t.slice(_ * e, _ * (e + 1)));
-			this._months = r;
+			let e = Array(12).fill(null).map((e, t) => ({
+				value: String(t + 1).padStart(2, "0"),
+				monthValue: t + 1
+			})), t = 12 / g, n = [];
+			for (let r = 0; r < t; r++) n.push(e.slice(g * r, g * (r + 1)));
+			this._months = n;
 		}
 		_createYearRows(e = 0) {
-			let t = this._getStartValueYearView(), n = Array(v).fill(0).map((n, r) => t + e + r), r = v / y, i = [];
-			for (let e = 0; e < r; e++) i.push(n.slice(y * e, y * (e + 1)));
+			let t = this._getStartValueYearView(), n = Array(_).fill(0).map((n, r) => t + e + r), r = _ / v, i = [];
+			for (let e = 0; e < r; e++) i.push(n.slice(v * e, v * (e + 1)));
 			return i;
 		}
 		_getStartValueYearView() {
 			let e = 0;
-			this.max ? e = this._dateAdapter.getYear(this.max) - v + 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) % v + v) % v;
+			return t - ((t - e) % _ + _) % _;
 		}
 		_isDayInRange(e) {
 			if (!this.min && !this.max) return !0;
 			let t = this._dateAdapter.deserialize(e);
 			return this._dateAdapter.sameDate(t, this._dateAdapter.clampDate(t, this.min, this.max));
 		}
-		_isMonthInRange(e, t) {
-			if (!this.min && !this.max) return !0;
-			let n = this._dateAdapter.isValid(this.min) && (t < this._dateAdapter.getYear(this.min) || t === this._dateAdapter.getYear(this.min) && e < this._dateAdapter.getMonth(this.min)), r = this._dateAdapter.isValid(this.max) && (t > this._dateAdapter.getYear(this.max) || t === this._dateAdapter.getYear(this.max) && e > this._dateAdapter.getMonth(this.max));
-			return !(n || r);
-		}
-		_isYearInRange(e) {
-			if (!this.min && !this.max) return !0;
-			let t = this._dateAdapter.isValid(this.min) && this._dateAdapter.getYear(this.min) > e, n = this._dateAdapter.isValid(this.max) && this._dateAdapter.getYear(this.max) < e;
-			return !(t || n);
-		}
-		_isMonthFilteredOut(e, t) {
-			if (!this.dateFilter) return !0;
-			let n = this._dateAdapter.createDate(t, e, 1);
-			for (let t = n; this._dateAdapter.getMonth(t) == e; t = this._dateAdapter.addCalendarDays(t, 1)) if (this.dateFilter(t)) return !0;
-			return !1;
-		}
-		_isYearFilteredOut(e) {
-			if (!this.dateFilter) return !0;
-			let t = this._dateAdapter.createDate(e, 1, 1);
-			for (let n = t; this._dateAdapter.getYear(n) == e; n = this._dateAdapter.addCalendarDays(n, 1)) if (this.dateFilter(n)) return !0;
-			return !1;
-		}
 		_selectDate(e) {
 			if (this._chosenMonth = void 0, this._setChosenYear(), this.multiple) {
 				if (this._selected && this._selected.length > 0) {
@@ -693,27 +668,25 @@ var ve = class extends Event {
 			e?.localName !== "sbb-calendar-day" && this._setTabIndex();
 		}
 		_setTabIndex() {
-			let e = this._calendarView === "day" ? "sbb-calendar-day" : ".sbb-calendar__cell";
-			Array.from(this._getRootForQuerySelector().querySelectorAll(`${e}[tabindex="0"]`) ?? []).forEach((e) => e.tabIndex = -1);
-			let t = this._getFirstFocusable();
-			t && (t.tabIndex = 0);
+			Array.from(this._cells.filter((e) => e.tabIndex === 0) ?? []).forEach((e) => e.tabIndex = -1);
+			let e = this._getFirstFocusable();
+			e && (e.tabIndex = 0);
 		}
 		_getFirstFocusable() {
-			let e = this._getRootForQuerySelector();
 			if (this._calendarView === "day") {
-				let t = e.querySelector(":is(:state(selected),[state--selected])") ?? e.querySelector(":is(:state(current),[state--current])");
-				return t && !t.disabled ? t : this._getFirstFocusableDay();
+				let e = this._cells.find((e) => e.matches(":is(:state(selected),[state--selected])")) ?? this._cells.find((e) => e.matches(":is(:state(current),[state--current])"));
+				return e && !e.disabled ? e : this._getFirstFocusableDay();
 			} else {
-				let e = this.shadowRoot?.querySelector(".sbb-calendar__cell-current");
-				return e && !e.disabled ? e : this.shadowRoot.querySelector(".sbb-calendar__cell:not([disabled])");
+				let e = this.shadowRoot?.querySelector(":is(:state(selected),[state--selected])") ?? this.shadowRoot?.querySelector(":is(:state(current),[state--current])");
+				return e && !e.disabled ? e : this.shadowRoot.querySelector(`sbb-calendar-${this._calendarView}:not([disabled])`);
 			}
 		}
 		_getFirstFocusableDay() {
-			let e = Array.from(this._getRootForQuerySelector().querySelectorAll("sbb-calendar-day:not([disabled])"));
-			if (!e || e.length === 0) return null;
+			let e = this._cells, t = e.filter((e) => !e.disabled);
+			if (!t || t.length === 0) return null;
 			{
-				let t = e.map((e) => this._dateAdapter.toIso8601(e.value)).sort()[0];
-				return this._getRootForQuerySelector().querySelector(`sbb-calendar-day[slot="${t}"]`);
+				let n = t.map((e) => this._dateAdapter.toIso8601(e.value)).sort()[0];
+				return e.find((e) => e.matches(`[slot="${n}"]`)) ?? null;
 			}
 		}
 		_handleKeyboardEvent(e, t) {
@@ -726,9 +699,9 @@ var ve = class extends Event {
 		_navigateByKeyboardDayView(e, t, n, r) {
 			let i = this.orientation === "horizontal" ? {
 				leftRight: 1,
-				upDown: g
+				upDown: h
 			} : {
-				leftRight: g,
+				leftRight: h,
 				upDown: 1
 			}, a = t < this._keyboardNavigationDayViewParameters.firstMonthLength ? this._keyboardNavigationDayViewParameters.firstMonthOffset : this._keyboardNavigationDayViewParameters.secondMonthOffset;
 			switch (e.key) {
@@ -737,17 +710,17 @@ var ve = class extends Event {
 				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 % g || g) - +r.dayValue;
+					let e = (+r.dayValue % h || h) - +r.dayValue;
 					return this._findDayPageUpDown(n, t, r, e, i.upDown);
 				} else {
-					let e = (Math.ceil((+r.dayValue + a) / g) - 1) * g - a + 1 - r.dayValue;
+					let e = (Math.ceil((+r.dayValue + a) / h) - 1) * h - 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)), c = Math.trunc((s - +r.dayValue) / g) * g;
+					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) / h) * h;
 					return this._findDayPageUpDown(n, t, r, c, -i.upDown);
 				} else {
-					let e = Math.ceil((+r.dayValue + a) / g) * g - a - +r.dayValue;
+					let e = Math.ceil((+r.dayValue + a) / h) * h - a - +r.dayValue;
 					return this._findDayPageUpDown(n, t, r, e, -i.upDown);
 				}
 				case "Home": return this._findDayFirst(n, t, r, 1);
@@ -800,9 +773,9 @@ var ve = class extends Event {
 			}
 		}
 		_calculateParametersForKeyboardNavigation(e, t) {
-			let n = t ? v : fe, r = Math.trunc(e / n) * n, i = r === 0 ? e : e - n;
+			let n = t ? _ : fe, r = Math.trunc(e / n) * n, i = r === 0 ? e : e - n;
 			return {
-				verticalOffset: t ? y : _,
+				verticalOffset: t ? v : g,
 				elementIndexForWideMode: i,
 				offsetForWideMode: e - i,
 				lastElementIndexForWideMode: r === 0 ? n : n * 2
@@ -895,16 +868,13 @@ var ve = class extends Event {
             ${this._weekdays.map((e, t) => r`
                 <th class="sbb-calendar__table-header-cell">
                   ${this.multiple ? r`
-                        <button
-                          class="sbb-calendar__header-cell sbb-calendar__weekday"
-                          aria-label=${e.long}
+                        <sbb-calendar-weekday
+                          .value=${e}
                           @click=${() => {
 				let e = o.filter((e) => e.weekDayValue === (t + 1) % 7);
 				this._selectMultipleDates(e);
 			}}
-                        >
-                          ${e.narrow}
-                        </button>
+                        ></sbb-calendar-weekday>
                       ` : r`
                         <sbb-screen-reader-only>${e.long}</sbb-screen-reader-only>
                         <span aria-hidden="true">${e.narrow}</span>
@@ -915,22 +885,19 @@ var ve = class extends Event {
         </thead>
         <tbody class="sbb-calendar__table-body">
           ${e.map((e, n) => {
-				let o = g - e.length;
+				let o = h - e.length;
 				return n === 0 && o ? r`
                 <tr>
                   ${this.weekNumbers ? r`
                         <td class="sbb-calendar__table-header-cell-vertical">
                           ${this.multiple ? r`
-                                <button
-                                  class="sbb-calendar__header-cell sbb-calendar__weekday"
-                                  aria-label=${`${m[this._language.current]} ${t[0]}`}
+                                <sbb-calendar-weeknumber
+                                  .value=${t[0]}
                                   @click=${() => {
 					let e = i.filter((e) => e.weekValue === t[0]);
 					this._selectMultipleDates(e);
 				}}
-                                >
-                                  ${t[0]}
-                                </button>
+                                ></sbb-calendar-weeknumber>
                               ` : r`
                                 <sbb-screen-reader-only
                                   >${`${m[this._language.current]} ${t[0]}`}</sbb-screen-reader-only
@@ -947,16 +914,13 @@ var ve = class extends Event {
                 ${this.weekNumbers ? r`
                       <td class="sbb-calendar__table-header-cell-vertical">
                         ${this.multiple ? r`
-                              <button
-                                class="sbb-calendar__header-cell sbb-calendar__weekday"
-                                aria-label=${`${m[this._language.current]} ${t[n]}`}
+                              <sbb-calendar-weeknumber
+                                .value=${t[n]}
                                 @click=${() => {
 					let e = i.filter((e) => e.weekValue === t[n]);
 					this._selectMultipleDates(e);
 				}}
-                              >
-                                ${t[n]}
-                              </button>
+                              ></sbb-calendar-weeknumber>
                             ` : r`
                               <sbb-screen-reader-only
                                 >${`${m[this._language.current]} ${t[n]}`}</sbb-screen-reader-only
@@ -988,16 +952,13 @@ var ve = class extends Event {
                   ${t.map((e) => r`
                       <th class="sbb-calendar__table-header-cell">
                         ${this.multiple ? r`
-                              <button
-                                class="sbb-calendar__header-cell sbb-calendar__weekday"
-                                aria-label=${`${m[this._language.current]} ${e}`}
+                              <sbb-calendar-weeknumber
+                                .value=${e}
                                 @click=${() => {
 				let t = o.filter((t) => t.weekValue === e);
 				this._selectMultipleDates(t);
 			}}
-                              >
-                                ${e}
-                              </button>
+                              ></sbb-calendar-weeknumber>
                             ` : r`
                               <sbb-screen-reader-only
                                 >${`${m[this._language.current]} ${e}`}</sbb-screen-reader-only
@@ -1017,13 +978,12 @@ var ve = class extends Event {
                 ${n ? a : r`
                       <td class="sbb-calendar__table-header-cell-vertical">
                         ${this.multiple ? r`
-                              <button
-                                class="sbb-calendar__header-cell sbb-calendar__weekday"
-                                aria-label=${o.long}
+                              <sbb-calendar-weekday
+                                .value=${o}
                                 @click=${() => this._selectMultipleDates(s)}
                               >
                                 ${o.narrow}
-                              </button>
+                              </sbb-calendar-weekday>
                             ` : r`
                               <sbb-screen-reader-only>${o.long}</sbb-screen-reader-only>
                               <span aria-hidden="true">${o.narrow}</span>
@@ -1041,7 +1001,7 @@ var ve = class extends Event {
 		}
 		_createDayCells(e) {
 			return e.map((e) => r`
-        <td class=" sbb-calendar__table-data sbb-calendar__day-cell">
+        <td class="sbb-calendar__table-data sbb-calendar__day-cell">
           <slot name=${e.value}>
             <sbb-calendar-day
               slot=${e.value}
@@ -1088,46 +1048,22 @@ var ve = class extends Event {
       >
         ${this._wide ? r`<thead class="sbb-calendar__table-header" aria-hidden="true">
               <tr>
-                <th class="sbb-calendar__table-header-cell" colspan=${_}>${t}</th>
+                <th class="sbb-calendar__table-header-cell" colspan=${g}>${t}</th>
               </tr>
             </thead>` : a}
         <tbody class="sbb-calendar__table-body">
           ${e.map((e) => r`
               <tr>
-                ${e.map((e) => {
-				let n;
-				if (this.multiple) n = this._selected.find((n) => t === this._dateAdapter.getYear(n) && e.monthValue === this._dateAdapter.getMonth(n)) !== void 0;
-				else {
-					let r = this._selected ? this._dateAdapter.getMonth(this._selected) : void 0, i = this._selected ? this._dateAdapter.getYear(this._selected) : void 0;
-					n = !!this._selected && t === i && e.monthValue === r;
-				}
-				let i = !this._isMonthInRange(e.monthValue, t), o = !this._isMonthFilteredOut(e.monthValue, t), s = t === this._dateAdapter.getYear(this._dateAdapter.today()) && this._dateAdapter.getMonth(this._dateAdapter.today()) === e.monthValue;
-				return r` <td
-                    class=${h({
-					"sbb-calendar__table-data": !0,
-					"sbb-calendar__table-month": !0
-				})}
-                  >
-                    <button
-                      class=${h({
-					"sbb-calendar__cell": !0,
-					"sbb-calendar__cell-current": s,
-					"sbb-calendar__crossed-out": !i && o,
-					"sbb-calendar__selected": n
-				})}
-                      @click=${() => this._onMonthSelection(e.monthValue, t)}
-                      ?disabled=${i || o}
-                      aria-label=${`${e.longValue} ${t}`}
-                      aria-pressed=${n}
-                      aria-disabled=${String(i || o)}
-                      tabindex="-1"
-                      data-month=${e.monthValue || a}
-                      @keydown=${(e) => this._handleKeyboardEvent(e)}
-                    >
-                      ${e.value}
-                    </button>
-                  </td>`;
-			})}
+                ${e.map((e) => r`
+                    <td class="sbb-calendar__table-data">
+                      <sbb-calendar-month
+                        .value="${t}-${e.value}"
+                        @click=${() => this._onMonthSelection(e.monthValue, t)}
+                        @keydown=${(e) => this._handleKeyboardEvent(e)}
+                      >
+                      </sbb-calendar-month>
+                    </td>
+                  `)}
               </tr>
             `)}
         </tbody>
@@ -1140,9 +1076,9 @@ var ve = class extends Event {
 		_renderYearView() {
 			return r`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentYearRange(-v), ce(v)[this._language.current], this._previousYearRangeDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentYearRange(-_), ce(_)[this._language.current], this._previousYearRangeDisabled())}
         <div class="sbb-calendar__controls-month">${this._createLabelForYearView()}</div>
-        ${this._getArrow("right", () => this._goToDifferentYearRange(v), ae(v)[this._language.current], this._nextYearRangeDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentYearRange(_), ae(_)[this._language.current], this._nextYearRangeDisabled())}
       </div>
       <div class="sbb-calendar__table-overflow-break">
         <div class="sbb-calendar__table-container sbb-calendar__table-year-view">
@@ -1179,42 +1115,22 @@ var ve = class extends Event {
     `;
 		}
 		_createYearTable(e, t = !1) {
-			let n = this._dateAdapter.today();
 			return r` <table
       class="sbb-calendar__table"
       @animationend=${(e) => this._tableAnimationEnd(e)}
     >
       <tbody class="sbb-calendar__table-body">
         ${e.map((e) => r` <tr>
-              ${e.map((e) => {
-				let i;
-				if (this.multiple) i = this._selected.find((t) => e === this._dateAdapter.getYear(t)) !== void 0;
-				else {
-					let t = this._selected ? this._dateAdapter.getYear(this._selected) : void 0;
-					i = !!this._selected && e === t;
-				}
-				let o = !this._isYearInRange(e), s = !this._isYearFilteredOut(e), c = this._dateAdapter.getYear(n) === e;
-				return r` <td class="sbb-calendar__table-data sbb-calendar__table-year">
-                  <button
-                    class=${h({
-					"sbb-calendar__cell": !0,
-					"sbb-calendar__cell-current": c,
-					"sbb-calendar__crossed-out": !o && s,
-					"sbb-calendar__selected": i
-				})}
-                    @click=${() => this._onYearSelection(e, t)}
-                    ?disabled=${o || s}
-                    aria-label=${e}
-                    aria-pressed=${i}
-                    aria-disabled=${String(o || s)}
-                    tabindex="-1"
-                    data-year=${e || a}
-                    @keydown=${(e) => this._handleKeyboardEvent(e)}
-                  >
-                    ${e}
-                  </button>
-                </td>`;
-			})}
+              ${e.map((e) => r`
+                  <td class="sbb-calendar__table-data">
+                    <sbb-calendar-year
+                      .value=${String(e)}
+                      @keydown=${(e) => this._handleKeyboardEvent(e)}
+                      @click=${() => this._onYearSelection(e, t)}
+                    >
+                    </sbb-calendar-year>
+                  </td>
+                `)}
             </tr>`)}
       </tbody>
     </table>`;
@@ -1243,4 +1159,4 @@ var ve = class extends Event {
 	};
 })();
 //#endregion
-export { ve as n, L as t };
+export { ve as n, B as t };