@sbb-esta/lyne-elements-dev 4.7.0-dev.1773648082 → 4.7.0-dev.1773648656

package/calendar.component-BgZDy-rX.js

@@ -0,0 +1,1246 @@
+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 { 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 u, plainDate as d } from "./core/decorators.js";
+import { boxSizingStyles as ee } from "./core/styles.js";
+import { SbbLanguageController as te, SbbMediaMatcherController as ne, SbbMediaQueryBreakpointLargeAndAbove as f } from "./core/controllers.js";
+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 "./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");
+//#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);
+}
+//#endregion
+//#region node_modules/date-fns/toDate.js
+function E(e, t) {
+	return T(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);
+}
+//#endregion
+//#region node_modules/date-fns/_lib/defaultOptions.js
+var O = {};
+function k() {
+	return O;
+}
+//#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;
+	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"));
+	return t.map(n);
+}
+//#endregion
+//#region node_modules/date-fns/addWeeks.js
+function M(e, t, n) {
+	return D(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();
+	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);
+	return {
+		start: n,
+		end: r
+	};
+}
+//#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);
+	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);
+	return i ? u.reverse() : u;
+}
+//#endregion
+//#region node_modules/date-fns/startOfMonth.js
+function ge(e, t) {
+	let n = E(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);
+	o.setFullYear(r + 1, 0, a), o.setHours(0, 0, 0, 0);
+	let s = A(o, t), c = T(t?.in || e, 0);
+	c.setFullYear(r, 0, a), c.setHours(0, 0, 0, 0);
+	let l = A(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);
+}
+//#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;
+}
+//#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 ve = class extends Event {
+	get range() {
+		return this._range;
+	}
+	constructor(e) {
+		super("monthchange", {
+			bubbles: !0,
+			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 = [];
+	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 = [
+				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({
+				attribute: "week-numbers",
+				type: Boolean
+			})], X = [s()], $ = [s()], ye = [s()], Se = [s()], e(this, null, x, {
+				kind: "accessor",
+				name: "wide",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "wide" in e,
+					get: (e) => e.wide,
+					set: (e, t) => {
+						e.wide = t;
+					}
+				},
+				metadata: t
+			}, S, C), e(this, null, w, {
+				kind: "accessor",
+				name: "view",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "view" in e,
+					get: (e) => e.view,
+					set: (e, t) => {
+						e.view = t;
+					}
+				},
+				metadata: t
+			}, T, E), e(this, null, D, {
+				kind: "accessor",
+				name: "min",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "min" in e,
+					get: (e) => e.min,
+					set: (e, t) => {
+						e.min = t;
+					}
+				},
+				metadata: t
+			}, O, k), e(this, null, A, {
+				kind: "accessor",
+				name: "max",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "max" in e,
+					get: (e) => e.max,
+					set: (e, t) => {
+						e.max = t;
+					}
+				},
+				metadata: t
+			}, j, M), e(this, null, N, {
+				kind: "accessor",
+				name: "multiple",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "multiple" in e,
+					get: (e) => e.multiple,
+					set: (e, t) => {
+						e.multiple = t;
+					}
+				},
+				metadata: t
+			}, P, F), e(this, null, L, {
+				kind: "setter",
+				name: "selected",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "selected" in e,
+					set: (e, t) => {
+						e.selected = t;
+					}
+				},
+				metadata: t
+			}, null, b), e(this, null, R, {
+				kind: "accessor",
+				name: "_selected",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "_selected" in e,
+					get: (e) => e._selected,
+					set: (e, t) => {
+						e._selected = t;
+					}
+				},
+				metadata: t
+			}, z, B), e(this, null, V, {
+				kind: "accessor",
+				name: "dateFilter",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "dateFilter" in e,
+					get: (e) => e.dateFilter,
+					set: (e, t) => {
+						e.dateFilter = t;
+					}
+				},
+				metadata: t
+			}, H, U), e(this, null, W, {
+				kind: "accessor",
+				name: "orientation",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "orientation" in e,
+					get: (e) => e.orientation,
+					set: (e, t) => {
+						e.orientation = t;
+					}
+				},
+				metadata: t
+			}, G, K), e(this, null, q, {
+				kind: "accessor",
+				name: "weekNumbers",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "weekNumbers" in e,
+					get: (e) => e.weekNumbers,
+					set: (e, t) => {
+						e.weekNumbers = t;
+					}
+				},
+				metadata: t
+			}, J, Y), e(this, null, X, {
+				kind: "accessor",
+				name: "_activeDate",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "_activeDate" in e,
+					get: (e) => e._activeDate,
+					set: (e, t) => {
+						e._activeDate = t;
+					}
+				},
+				metadata: t
+			}, Z, Q), e(this, null, $, {
+				kind: "setter",
+				name: "_wide",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "_wide" in e,
+					set: (e, t) => {
+						e._wide = t;
+					}
+				},
+				metadata: t
+			}, null, b), e(this, null, ye, {
+				kind: "accessor",
+				name: "_calendarView",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "_calendarView" in e,
+					get: (e) => e._calendarView,
+					set: (e, t) => {
+						e._calendarView = t;
+					}
+				},
+				metadata: t
+			}, be, xe), e(this, null, Se, {
+				kind: "accessor",
+				name: "_initialized",
+				static: !1,
+				private: !1,
+				access: {
+					has: (e) => "_initialized" in e,
+					get: (e) => e._initialized,
+					set: (e, t) => {
+						e._initialized = t;
+					}
+				},
+				metadata: t
+			}, Ce, we), t && Object.defineProperty(this, Symbol.metadata, {
+				enumerable: !0,
+				configurable: !0,
+				writable: !0,
+				value: t
+			});
+		}
+		static {
+			this.elementName = "sbb-calendar";
+		}
+		static {
+			this.styles = [ee, _e];
+		}
+		static {
+			this.events = {
+				dateselected: "dateselected",
+				monthchange: "monthchange"
+			};
+		}
+		#e;
+		get wide() {
+			return this.#e;
+		}
+		set wide(e) {
+			this.#e = e;
+		}
+		#t;
+		get view() {
+			return this.#t;
+		}
+		set view(e) {
+			this.#t = e;
+		}
+		#n;
+		get min() {
+			return this.#n;
+		}
+		set min(e) {
+			this.#n = e;
+		}
+		#r;
+		get max() {
+			return this.#r;
+		}
+		set max(e) {
+			this.#r = e;
+		}
+		#i;
+		get multiple() {
+			return this.#i;
+		}
+		set multiple(e) {
+			this.#i = e;
+		}
+		set selected(e) {
+			if (Array.isArray(e)) this._selected = e.map((e) => this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e))).filter((e) => e !== null).filter((e) => !this._isDayInRange(this._dateAdapter.toIso8601(e)) || this._dateFilter(e));
+			else {
+				let t = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e));
+				t && (!this._isDayInRange(this._dateAdapter.toIso8601(t)) || this._dateFilter(t)) ? this._selected = t : this._selected = null;
+			}
+		}
+		get selected() {
+			return this._selected;
+		}
+		#a;
+		get _selected() {
+			return this.#a;
+		}
+		set _selected(e) {
+			this.#a = e;
+		}
+		#o;
+		get dateFilter() {
+			return this.#o;
+		}
+		set dateFilter(e) {
+			this.#o = e;
+		}
+		#s;
+		get orientation() {
+			return this.#s;
+		}
+		set orientation(e) {
+			this.#s = e;
+		}
+		#c;
+		get weekNumbers() {
+			return this.#c;
+		}
+		set weekNumbers(e) {
+			this.#c = e;
+		}
+		#l;
+		get _activeDate() {
+			return this.#l;
+		}
+		set _activeDate(e) {
+			this.#l = e;
+		}
+		set _wide(e) {
+			this.toggleState("wide", e), this._wideInternal = e;
+		}
+		get _wide() {
+			return this._wideInternal;
+		}
+		#u;
+		get _calendarView() {
+			return this.#u;
+		}
+		set _calendarView(e) {
+			this.#u = e;
+		}
+		get _cells() {
+			return Array.from((this._calendarView === "day" ? this._getRootForQuerySelector()?.querySelectorAll("sbb-calendar-day") : this.shadowRoot?.querySelectorAll(".sbb-calendar__cell")) ?? []);
+		}
+		#d;
+		get _initialized() {
+			return this.#d;
+		}
+		set _initialized(e) {
+			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 = {
+				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._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();
+			}, this._createMonthRows(), this._setWeekdays(), this.addEventListener("focusin", () => this._containingFocus = !0), this.addEventListener("focusout", () => this._containingFocus = !1), this.addEventListener("click", (e) => {
+				let t = e.target.closest("sbb-calendar-day");
+				t && this._selectDate(t.value);
+			}), this.addEventListener("keydown", (e) => {
+				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;
+		}
+		resetPosition() {
+			this._resetCalendarView(), this._init();
+		}
+		connectedCallback() {
+			super.connectedCallback(), this.resetPosition(), this.shadowRoot?.addEventListener("slotchange", this._onSlotChange, { capture: !0 });
+		}
+		disconnectedCallback() {
+			super.disconnectedCallback(), this.shadowRoot?.removeEventListener("slotchange", this._onSlotChange, { capture: !0 });
+		}
+		focus() {
+			this._resetFocus = !0, this._focusCell();
+		}
+		willUpdate(e) {
+			super.willUpdate(e), this._initialized && ((e.has("wide") || e.has("orientation")) && this.resetPosition(), e.has("view") && (this._setChosenYear(), this._chosenMonth = void 0, this._nextCalendarView = this._calendarView = this.view));
+		}
+		updated(e) {
+			super.updated(e), this._setTabIndex(), this._focusCell();
+		}
+		_onMultipleChanged(e) {
+			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 (this.hydrationRequired) {
+					this.hydrationComplete.then(() => this._init());
+					return;
+				}
+				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._initialized = !0;
+			}
+		}
+		_focusCell() {
+			this._resetFocus &&= (this._getFirstFocusable()?.focus(), !1);
+		}
+		_setWeekdays() {
+			let e = this._dateAdapter.getDayOfWeekNames("narrow"), t = this._dateAdapter.getDayOfWeekNames("long").map((t, n) => ({
+				long: t,
+				narrow: e[n]
+			})), n = this._dateAdapter.getFirstDayOfWeek();
+			this._weekdays = t.slice(n).concat(t.slice(0, n));
+		}
+		_createWeekNumbers(e) {
+			return he({
+				start: ge(e),
+				end: me(e)
+			}, { weekStartsOn: 1 }).map((e) => I(e, {
+				weekStartsOn: 1,
+				firstWeekContainsDate: 4
+			}));
+		}
+		_createWeekRows(e, t = !1) {
+			let n = this._dateAdapter.getNumDaysInMonth(e), r = this._dateAdapter.getFirstWeekOffset(e);
+			return t ? (this._keyboardNavigationDayViewParameters.secondMonthOffset = r, this._keyboardNavigationDayViewParameters.lastDayInView = this._dateAdapter.toIso8601(this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), n))) : (this._keyboardNavigationDayViewParameters.firstMonthLength = n, this._keyboardNavigationDayViewParameters.firstMonthOffset = r, this._keyboardNavigationDayViewParameters.firstDayInView = this._dateAdapter.toIso8601(this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), 1)), this._keyboardNavigationDayViewParameters.lastDayInView = this._dateAdapter.toIso8601(this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), n))), this.orientation === "horizontal" ? this._createWeekRowsHorizontal(e, n, r) : this._createWeekRowsVertical(e, n, r);
+		}
+		_createWeekRowsHorizontal(e, t, n) {
+			let r = [[]];
+			for (let i = 0, a = n; i < t; i++, a++) {
+				a === g && (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 }, () => []);
+			for (let i = 0, a = n; i < t; i++, a++) {
+				a === g && (a = 0);
+				let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), i + 1);
+				r[a].push(this._mapDateToDay(t));
+			}
+			return r;
+		}
+		_mapDateToDay(e) {
+			let t = this._dateAdapter.toIso8601(e);
+			return {
+				value: t,
+				dateValue: e,
+				dayValue: String(this._dateAdapter.getDate(e)),
+				monthValue: String(this._dateAdapter.getMonth(e)),
+				yearValue: String(this._dateAdapter.getYear(e)),
+				weekValue: I(t, {
+					weekStartsOn: 1,
+					firstWeekContainsDate: 4
+				}),
+				weekDayValue: this._dateAdapter.getDayOfWeek(e)
+			};
+		}
+		_mapValueToISODate(e) {
+			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;
+		}
+		_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)));
+			return i;
+		}
+		_getStartValueYearView() {
+			let e = 0;
+			this.max ? e = this._dateAdapter.getYear(this.max) - v + 1 : this.min && (e = this._dateAdapter.getYear(this.min));
+			let t = this._dateAdapter.getYear(this._activeDate);
+			return t - ((t - e) % v + v) % v;
+		}
+		_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) {
+					let t = this._selected.findIndex((t) => this._dateAdapter.compareDate(t, e) === 0);
+					t === -1 ? this._selected = [...this._selected, e] : this._selected = this._selected.filter((e, n) => n !== t);
+				} else this._selected = [e];
+				this._emitDateSelectedEvent(this._selected.map((e) => this._dateAdapter.deserialize(e)));
+			} else (!this._selected || this._dateAdapter.compareDate(this._selected, e) !== 0) && (this._selected = e, this._emitDateSelectedEvent(this._dateAdapter.deserialize(e)));
+		}
+		_selectMultipleDates(e) {
+			let t = this._cells.filter((e) => !e.disabled).map((e) => this._mapValueToISODate(e.value)), n = e.map((e) => e.value).filter((e) => t.includes(e)), r = new Set(n), i = new Set(this._selected.map((e) => this._dateAdapter.toIso8601(e)));
+			this._selected = this._updateSelectedWithMultipleDates(n, r, i).map((e) => this._dateAdapter.deserialize(e)), this._emitDateSelectedEvent(this._selected.map((e) => this._dateAdapter.deserialize(e)));
+		}
+		_emitDateSelectedEvent(e) {
+			this.dispatchEvent(new CustomEvent("dateselected", {
+				detail: e,
+				composed: !0,
+				bubbles: !0
+			}));
+		}
+		_emitMonthChange() {
+			let e = (this.wide ? [...this._weeks, ...this._nextMonthWeeks] : this._weeks).flat().sort((e, t) => e.value.localeCompare(t.value));
+			this.dispatchEvent(new ve(e));
+		}
+		_updateSelectedWithMultipleDates(e, t, n) {
+			return e.every((e) => n.has(e)) ? t.forEach((e) => n.delete(e)) : t.forEach((e) => n.add(e)), Array.from(n);
+		}
+		_setChosenYear() {
+			if (this.view === "month") {
+				let e;
+				e = this.multiple ? this.selected.at(-1) : this.selected, this._chosenYear = this._dateAdapter.getYear(e ?? this._dateAdapter.today());
+			} else this._chosenYear = void 0;
+		}
+		_assignActiveDate(e) {
+			if (this.min && this._dateAdapter.compareDate(this.min, e) > 0) {
+				this._activeDate = this.min;
+				return;
+			}
+			if (this.max && this._dateAdapter.compareDate(this.max, e) < 0) {
+				this._activeDate = this.max;
+				return;
+			}
+			this._activeDate = e;
+		}
+		_goToDifferentMonth(e) {
+			this._init(this._dateAdapter.addCalendarMonths(this._activeDate, e)), this._emitMonthChange();
+		}
+		_goToDifferentYear(e) {
+			this._chosenYear += e, this._activeDate = this._dateAdapter.createDate(this._chosenYear, this._dateAdapter.getMonth(this._activeDate), this._dateAdapter.getDate(this._activeDate)), this._init();
+		}
+		_goToDifferentYearRange(e) {
+			this._init(this._dateAdapter.addCalendarYears(this._activeDate, e));
+		}
+		_prevDisabled(e) {
+			return this.min ? this._dateAdapter.compareDate(e, this.min) < 0 : !1;
+		}
+		_nextDisabled(e) {
+			return this.max ? this._dateAdapter.compareDate(e, this.max) > 0 : !1;
+		}
+		_previousMonthDisabled() {
+			let e = this._dateAdapter.addCalendarDays(this._activeDate, this._dateAdapter.getDate(this._activeDate) * -1);
+			return this._prevDisabled(e);
+		}
+		_nextMonthDisabled() {
+			let e = this._dateAdapter.addCalendarMonths(this._activeDate, this._wide ? 2 : 1);
+			return e = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), 1), this._nextDisabled(e);
+		}
+		_previousYearDisabled() {
+			let e = this._dateAdapter.createDate(this._dateAdapter.getYear(this._activeDate) - 1, 12, 31);
+			return this._prevDisabled(e);
+		}
+		_nextYearDisabled() {
+			let e = this._dateAdapter.createDate(this._dateAdapter.getYear(this._activeDate) + (this._wide ? 2 : 1), 1, 1);
+			return this._nextDisabled(e);
+		}
+		_previousYearRangeDisabled() {
+			let e = this._dateAdapter.createDate(this._years[0][0] - 1, 12, 31);
+			return this._prevDisabled(e);
+		}
+		_nextYearRangeDisabled() {
+			let e = this._wide ? this._nextMonthYears : this._years, t = e[e.length - 1], n = t[t.length - 1], r = this._dateAdapter.createDate(n + 1, 1, 1);
+			return this._nextDisabled(r);
+		}
+		_handleTableBlur(e) {
+			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);
+		}
+		_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();
+			} else {
+				let e = this.shadowRoot?.querySelector(".sbb-calendar__cell-current");
+				return e && !e.disabled ? e : this.shadowRoot.querySelector(".sbb-calendar__cell:not([disabled])");
+			}
+		}
+		_getFirstFocusableDay() {
+			let e = Array.from(this._getRootForQuerySelector().querySelectorAll("sbb-calendar-day:not([disabled])"));
+			if (!e || e.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}"]`);
+			}
+		}
+		_handleKeyboardEvent(e, t) {
+			ue(e) && e.preventDefault();
+			let n = this._cells, r = n.findIndex((t) => t === e.target), i;
+			i = t ? this._navigateByKeyboardDayView(e, r, n, t) : this._navigateByKeyboard(e, r, n);
+			let a = (this._enhancedVariant ? document : this.shadowRoot).activeElement;
+			i !== a && (i.tabIndex = 0, i?.focus(), a.tabIndex = -1);
+		}
+		_navigateByKeyboardDayView(e, t, n, r) {
+			let i = this.orientation === "horizontal" ? {
+				leftRight: 1,
+				upDown: g
+			} : {
+				leftRight: g,
+				upDown: 1
+			}, a = t < this._keyboardNavigationDayViewParameters.firstMonthLength ? this._keyboardNavigationDayViewParameters.firstMonthOffset : this._keyboardNavigationDayViewParameters.secondMonthOffset;
+			switch (e.key) {
+				case "ArrowUp": return this._findDayArrows(n, t, r.dateValue, -i.upDown);
+				case "ArrowDown": return this._findDayArrows(n, t, r.dateValue, i.upDown);
+				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;
+					return this._findDayPageUpDown(n, t, r, e, i.upDown);
+				} else {
+					let e = (Math.ceil((+r.dayValue + a) / g) - 1) * g - 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;
+					return this._findDayPageUpDown(n, t, r, c, -i.upDown);
+				} else {
+					let e = Math.ceil((+r.dayValue + a) / g) * g - a - +r.dayValue;
+					return this._findDayPageUpDown(n, t, r, e, -i.upDown);
+				}
+				case "Home": return this._findDayFirst(n, t, r, 1);
+				case "End": {
+					let e = +r.monthValue + 1 > 12 ? 1 : +r.monthValue + 1, i = +r.monthValue + 1 > 12 ? +r.yearValue + 1 : +r.yearValue, a = this._dateAdapter.createDate(i, e, 1);
+					return this._findDayLast(n, t, a);
+				}
+				default: return n[t];
+			}
+		}
+		_isDayOutOfView(e) {
+			return e < this._keyboardNavigationDayViewParameters.firstDayInView || e > this._keyboardNavigationDayViewParameters.lastDayInView;
+		}
+		_findDayArrows(e, t, n, r) {
+			let i = this._dateAdapter.toIso8601(this._dateAdapter.addCalendarDays(n, r));
+			if (this._isDayOutOfView(i)) return e[t];
+			let a = e.find((e) => this._mapValueToISODate(e.value) === i);
+			return !a || a.disabled ? this._findDayArrows(e, t, this._dateAdapter.deserialize(i), r) : a;
+		}
+		_findDayPageUpDown(e, t, n, r, i) {
+			let a = this._dateAdapter.toIso8601(this._dateAdapter.addCalendarDays(n.dateValue, r));
+			if (this._isDayOutOfView(a)) return e[t];
+			let o = e.find((e) => this._mapValueToISODate(e.value) === a);
+			return !o || o.disabled ? this._findDayPageUpDown(e, t, n, r + i, i) : o;
+		}
+		_findDayFirst(e, t, n, r) {
+			let i = this._dateAdapter.toIso8601(this._dateAdapter.createDate(+n.yearValue, +n.monthValue, r));
+			if (this._isDayOutOfView(i)) return e[t];
+			let a = e.find((e) => this._mapValueToISODate(e.value) === i);
+			return !a || a.disabled ? this._findDayFirst(e, t, n, r + 1) : a;
+		}
+		_findDayLast(e, t, n) {
+			let r = this._dateAdapter.toIso8601(this._dateAdapter.addCalendarDays(n, -1));
+			if (this._isDayOutOfView(r)) return e[t];
+			let i = e.find((e) => this._mapValueToISODate(e.value) === r);
+			return !i || i.disabled ? this._findDayLast(e, t, this._dateAdapter.deserialize(r)) : i;
+		}
+		_navigateByKeyboard(e, t, n) {
+			let { elementIndexForWideMode: r, offsetForWideMode: i, lastElementIndexForWideMode: a, verticalOffset: o } = this._calculateParametersForKeyboardNavigation(t, this._calendarView === "year");
+			switch (e.key) {
+				case "ArrowUp": return this._findNext(n, t, -o);
+				case "ArrowDown": return this._findNext(n, t, o);
+				case "ArrowLeft": return this._findNext(n, t, -1);
+				case "ArrowRight": return this._findNext(n, t, 1);
+				case "Home": return this._findFirst(n, i);
+				case "PageUp": return this._findFirstOnColumn(n, r, i, o);
+				case "PageDown": return this._findLastOnColumn(n, t, a, o);
+				case "End": return this._findLast(n, a - 1);
+				default: return n[t];
+			}
+		}
+		_calculateParametersForKeyboardNavigation(e, t) {
+			let n = t ? v : fe, r = Math.trunc(e / n) * n, i = r === 0 ? e : e - n;
+			return {
+				verticalOffset: t ? y : _,
+				elementIndexForWideMode: i,
+				offsetForWideMode: e - i,
+				lastElementIndexForWideMode: r === 0 ? n : n * 2
+			};
+		}
+		_findNext(e, t, n) {
+			let r = t + n;
+			for (; r < e.length && e[r]?.disabled;) r += n;
+			return e[r] ?? e[t];
+		}
+		_findFirst(e, t) {
+			return e[t].disabled ? this._findNext(e, t, 1) : e[t];
+		}
+		_findLast(e, t) {
+			return e[t].disabled ? this._findNext(e, t, -1) : e[t];
+		}
+		_findFirstOnColumn(e, t, n, r) {
+			let i = t % r + n;
+			return e[i].disabled ? this._findNext(e, i, r) : e[i];
+		}
+		_findLastOnColumn(e, t, n, r) {
+			let i = t + Math.trunc((n - t - 1) / r) * r;
+			return e[i].disabled ? this._findNext(e, i, -r) : e[i];
+		}
+		_resetCalendarViewAndEmitMonthChange(e = !1) {
+			this._resetCalendarView(e), this._emitMonthChange();
+		}
+		_resetCalendarView(e = !1) {
+			this._containingFocus && (this._resetFocus = !0), this._activeDate = (this.multiple ? this._selected.at(-1) : this._selected) ?? this._dateAdapter.today(), this._setChosenYear(), this._chosenMonth = void 0, this._init(), this._nextCalendarView = this._calendarView = this.view, e && this._startTableTransition();
+		}
+		_renderDayView() {
+			let e = this._wide ? this._dateAdapter.addCalendarMonths(this._activeDate, 1) : void 0;
+			return r`
+      <div class="sbb-calendar__controls">
+        ${this._getArrow("left", () => this._goToDifferentMonth(-1), oe[this._language.current], this._previousMonthDisabled())}
+        <div class="sbb-calendar__controls-month">
+          ${this._createLabelForDayView(this._activeDate)}
+          ${this._wide ? this._createLabelForDayView(e) : a}
+          <sbb-screen-reader-only role="status">
+            ${this._createAriaLabelForDayView(this._activeDate, e)}
+          </sbb-screen-reader-only>
+        </div>
+        ${this._getArrow("right", () => this._goToDifferentMonth(1), re[this._language.current], this._nextMonthDisabled())}
+      </div>
+      <div class="sbb-calendar__table-overflow-break">
+        <div class="sbb-calendar__table-container sbb-calendar__table-day-view">
+          ${this.orientation === "horizontal" ? r`
+                ${this._createDayTable(this._weeks, this._weekNumbers)}
+                ${this._wide ? this._createDayTable(this._nextMonthWeeks, this._nextMonthWeekNumbers, !0) : a}
+              ` : r`
+                ${this._createDayTableVertical(this._weeks, this._weekNumbers)}
+                ${this._wide ? this._createDayTableVertical(this._nextMonthWeeks, this._nextMonthWeekNumbers, e) : a}
+              `}
+        </div>
+      </div>
+    `;
+		}
+		_createLabelForDayView(e) {
+			let t = `${this._monthNames[this._dateAdapter.getMonth(e) - 1]} ${this._dateAdapter.getYear(e)}`;
+			return r`
+      <button
+        type="button"
+        class="sbb-calendar__date-selection sbb-calendar__controls-change-date"
+        aria-label="${le[this._language.current]} ${t}"
+        @click=${() => {
+				this._resetFocus = !0, this._nextCalendarView = "year", this._startTableTransition();
+			}}
+      >
+        ${t}
+        <sbb-icon name="chevron-small-down-small"></sbb-icon>
+      </button>
+    `;
+		}
+		_createAriaLabelForDayView(...e) {
+			let t = "";
+			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`
+      <table
+        class="sbb-calendar__table"
+        @focusout=${(e) => this._handleTableBlur(e.relatedTarget)}
+        @animationend=${(e) => this._tableAnimationEnd(e)}
+      >
+        <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`
+                <th class="sbb-calendar__table-header-cell">
+                  ${this.multiple ? r`
+                        <button
+                          class="sbb-calendar__header-cell sbb-calendar__weekday"
+                          aria-label=${e.long}
+                          @click=${() => {
+				let e = o.filter((e) => e.weekDayValue === (t + 1) % 7);
+				this._selectMultipleDates(e);
+			}}
+                        >
+                          ${e.narrow}
+                        </button>
+                      ` : r`
+                        <sbb-screen-reader-only>${e.long}</sbb-screen-reader-only>
+                        <span aria-hidden="true">${e.narrow}</span>
+                      `}
+                </th>
+              `)}
+          </tr>
+        </thead>
+        <tbody class="sbb-calendar__table-body">
+          ${e.map((e, n) => {
+				let o = g - 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]}`}
+                                  @click=${() => {
+					let e = i.filter((e) => e.weekValue === t[0]);
+					this._selectMultipleDates(e);
+				}}
+                                >
+                                  ${t[0]}
+                                </button>
+                              ` : r`
+                                <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>`)}
+                  ${this._createDayCells(e)}
+                </tr>
+              ` : 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[n]}`}
+                                @click=${() => {
+					let e = i.filter((e) => e.weekValue === t[n]);
+					this._selectMultipleDates(e);
+				}}
+                              >
+                                ${t[n]}
+                              </button>
+                            ` : r`
+                              <sbb-screen-reader-only
+                                >${`${m[this._language.current]} ${t[n]}`}</sbb-screen-reader-only
+                              >
+                              <span aria-hidden="true">${t[n]}</span>
+                            `}
+                      </td>
+                    ` : a}
+                ${this._createDayCells(e)}
+              </tr>
+            `;
+			})}
+        </tbody>
+      </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`
+      <table
+        class="sbb-calendar__table"
+        @focusout=${(e) => this._handleTableBlur(e.relatedTarget)}
+        @animationend=${(e) => this._tableAnimationEnd(e)}
+      >
+        ${this.weekNumbers ? r`
+              <thead class="sbb-calendar__table-header">
+                <tr>
+                  ${n ? a : r`<th class="sbb-calendar__table-data"></th>`}
+                  ${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}`}
+                                @click=${() => {
+				let t = o.filter((t) => t.weekValue === e);
+				this._selectMultipleDates(t);
+			}}
+                              >
+                                ${e}
+                              </button>
+                            ` : r`
+                              <sbb-screen-reader-only
+                                >${`${m[this._language.current]} ${e}`}</sbb-screen-reader-only
+                              >
+                              <span aria-hidden="true">${e}</span>
+                            `}
+                      </th>
+                    `)}
+                </tr>
+              </thead>
+            ` : a}
+        <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`
+              <tr>
+                ${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}
+                                @click=${() => this._selectMultipleDates(s)}
+                              >
+                                ${o.narrow}
+                              </button>
+                            ` : r`
+                              <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}
+                ${this._createDayCells(e)}
+              </tr>
+            `;
+			})}
+        </tbody>
+      </table>
+    `;
+		}
+		_createDayCells(e) {
+			return e.map((e) => r`
+        <td class=" sbb-calendar__table-data sbb-calendar__day-cell">
+          <slot name=${e.value}>
+            <sbb-calendar-day
+              slot=${e.value}
+              @click=${() => this._selectDate(e.dateValue)}
+              @keydown=${(t) => this._handleKeyboardEvent(t, e)}
+            ></sbb-calendar-day>
+          </slot>
+        </td>
+      `);
+		}
+		_renderMonthView() {
+			return r`
+      <div class="sbb-calendar__controls">
+        ${this._getArrow("left", () => this._goToDifferentYear(-1), se[this._language.current], this._previousYearDisabled())}
+        <div class="sbb-calendar__controls-month">${this._createLabelForMonthView()}</div>
+        ${this._getArrow("right", () => this._goToDifferentYear(1), ie[this._language.current], this._nextYearDisabled())}
+      </div>
+      <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}
+        </div>
+      </div>
+    `;
+		}
+		_createLabelForMonthView() {
+			return r` <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}
+        <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`
+      <table
+        class="sbb-calendar__table"
+        @animationend=${(e) => this._tableAnimationEnd(e)}
+      >
+        ${this._wide ? r`<thead class="sbb-calendar__table-header" aria-hidden="true">
+              <tr>
+                <th class="sbb-calendar__table-header-cell" colspan=${_}>${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>`;
+			})}
+              </tr>
+            `)}
+        </tbody>
+      </table>
+    `;
+		}
+		_onMonthSelection(e, t) {
+			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`
+      <div class="sbb-calendar__controls">
+        ${this._getArrow("left", () => this._goToDifferentYearRange(-v), ce(v)[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())}
+      </div>
+      <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}
+        </div>
+      </div>
+    `;
+		}
+		_getArrow(e, t, n, i) {
+			return r`<sbb-secondary-button
+      size="m"
+      icon-name="chevron-small-${e}-small"
+      aria-label=${n}
+      @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`
+      <button
+        type="button"
+        id="sbb-calendar__year-selection"
+        class="sbb-calendar__controls-change-date"
+        aria-label="${p[this._language.current]} ${n}"
+        @click=${() => this._resetCalendarViewAndEmitMonthChange(!0)}
+      >
+        ${n}
+        <sbb-icon name="chevron-small-up-small"></sbb-icon>
+      </button>
+      <sbb-screen-reader-only role="status"> ${n} </sbb-screen-reader-only>
+    `;
+		}
+		_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>`;
+			})}
+            </tr>`)}
+      </tbody>
+    </table>`;
+		}
+		_onYearSelection(e, t) {
+			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}`;
+			switch (this._calendarView) {
+				case "year": return this._renderYearView();
+				case "month": return this._renderMonthView();
+				default: return this._renderDayView();
+			}
+		}
+		_tableAnimationEnd(e) {
+			let t = e.target;
+			e.animationName === "hide" ? (t.classList.remove("sbb-calendar__table-hide"), this._containingFocus && (this._resetFocus = !0), this._calendarView = this._nextCalendarView) : e.animationName === "show" && this.internals.states.delete("transition");
+		}
+		_startTableTransition() {
+			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>`;
+		}
+	};
+})();
+//#endregion
+export { ve as n, L as t };