@sbb-esta/lyne-elements 5.0.1 → 5.1.0

package/calendar.component-RVAHcJf6.js

@@ -1,1010 +0,0 @@
-import { __esDecorate as e, __runInitializers as t } from "tslib";
-import { html as n, isServer as r, nothing as i, unsafeCSS as a } from "lit";
-import { property as o, state as s } from "lit/decorators.js";
-import { MONDAY as c, SbbElement as l, SbbFormAssociatedMixin as ee, SbbLanguageController as te, THURSDAY as ne, TUESDAY as re, WEDNESDAY as ie, buttonResetStyles as ae, defaultDateAdapter as oe, forceType as u, handleDistinctChange as se, i18nCalendarDateSelection as d, i18nCalendarWeekNumber as f, i18nNextMonth as ce, i18nNextYear as le, i18nNextYearRange as ue, i18nPreviousMonth as de, i18nPreviousYear as fe, i18nPreviousYearRange as pe, i18nYearMonthSelection as me, isArrowKeyOrPageKeysPressed as he, plainDate as p, readConfig as ge, screenReaderOnlyStyles as _e } from "./core.js";
-import { SbbSecondaryButtonElement as ve } from "./button.pure.js";
-import { SbbIconElement as ye } from "./icon.pure.js";
-import { SbbCalendarDayElement as be } from "./calendar/calendar-day/calendar-day.component.js";
-import { SbbCalendarMonthElement as xe } from "./calendar/calendar-month/calendar-month.component.js";
-import { SbbCalendarWeekdayElement as Se } from "./calendar/calendar-weekday/calendar-weekday.component.js";
-import { SbbCalendarWeeknumberElement as Ce } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
-import { SbbCalendarYearElement as we } from "./calendar/calendar-year/calendar-year.component.js";
-//#region src/elements/calendar/calendar/calendar.scss?inline
-var Te = ":host{display:block;width:max-content;max-width:100%;line-height:var(--sbb-typo-line-height-text)}:host(:is(:state(enhanced),[state--enhanced])){--sbb-calendar-cell-padding-block-end: var(--sbb-spacing-fixed-3x)}.sbb-calendar__wrapper{width:100%;display:flex;flex-wrap:wrap;gap:var(--sbb-calendar-tables-gap);position:relative}:is(.sbb-calendar__year-view,.sbb-calendar__month-view){position:absolute;inset-block-start:0;inset-inline-start:0}:host(:not(:is(:state(view-day),[state--view-day]))) .sbb-calendar__day-view{visibility:hidden}.sbb-calendar__table-header{display:flex;align-items:center;gap:var(--sbb-calendar-control-gap);height:var(--sbb-size-element-xs);margin-block-end:var(--sbb-spacing-fixed-4x)}.sbb-calendar__table-header span{flex:1 1 auto;padding-inline-start:var(--sbb-spacing-fixed-3x);color:var(--sbb-calendar-control-view-change-color)}.sbb-calendar__control{-webkit-tap-highlight-color:transparent}.sbb-calendar__table{width:100%;border-collapse:collapse;height:max-content;flex:0 0}.sbb-calendar__table :is(thead,tbody){text-align:center}.sbb-calendar__table-header-cell,.sbb-calendar__table-header-cell-vertical{width:var(--sbb-calendar-cell-size);min-width:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-header-color);padding:0;font-size:var(--sbb-text-font-size-xs);font-weight:400;letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:not([multiple])) .sbb-calendar__table-header-cell,:host(:not([multiple])) .sbb-calendar__table-header-cell-vertical{height:var(--sbb-calendar-cell-size)}.sbb-calendar__table-header-cell-vertical{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__day-cell{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}:host(:not(:is(:state(enhanced),[state--enhanced]))) sbb-calendar-day{--sbb-calendar-day-justify-content: center;--sbb-calendar-day-height: var(--sbb-calendar-day-size);--sbb-calendar-day-extra-display: none;--sbb-calendar-day-value-height: unset}", m = 7, h = 4, g = 4, Ee = 12, _ = 24, v = class extends Event {
-	get range() {
-		return this._range;
-	}
-	constructor(e) {
-		super("monthchange", {
-			bubbles: !0,
-			composed: !0
-		}), this._range = Object.freeze(e || []);
-	}
-}, y = class extends Event {
-	get dateSelected() {
-		return this._dateSelected;
-	}
-	constructor(e) {
-		super("dateselected", {
-			bubbles: !0,
-			composed: !0
-		}), this._dateSelected = Object.freeze(e);
-	}
-}, b = (() => {
-	let b = ee(l), x = [], S, C = [], w = [], T, E = [], De = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L, R = [], z = [], B, V = [], H = [], U, W, G = [], K = [], q, J = [], Y = [], X, Z = [], Q = [], $, Oe = [], ke = [], Ae, je = [], Me = [];
-	return class extends b {
-		static {
-			let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
-			S = [u(), o({ type: Number })], T = [o()], D = [p(), o()], A = [p(), o()], N = [
-				u(),
-				se((e, t) => e._onMultipleChanged(t)),
-				o({ type: Boolean })
-			], I = [o()], L = [s()], B = [o({ attribute: "date-filter" })], U = [u(), o({ attribute: "fixed-month" })], W = [o({ reflect: !0 })], q = [u(), o({
-				attribute: "week-numbers",
-				type: Boolean
-			})], X = [s()], $ = [s()], Ae = [s()], e(this, null, S, {
-				kind: "accessor",
-				name: "amount",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "amount" in e,
-					get: (e) => e.amount,
-					set: (e, t) => {
-						e.amount = t;
-					}
-				},
-				metadata: t
-			}, C, w), e(this, null, T, {
-				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
-			}, E, De), 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, I, {
-				kind: "setter",
-				name: "value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "value" in e,
-					set: (e, t) => {
-						e.value = t;
-					}
-				},
-				metadata: t
-			}, null, x), e(this, null, L, {
-				kind: "accessor",
-				name: "_value",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "_value" in e,
-					get: (e) => e._value,
-					set: (e, t) => {
-						e._value = t;
-					}
-				},
-				metadata: t
-			}, R, z), e(this, null, B, {
-				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
-			}, V, H), e(this, null, U, {
-				kind: "setter",
-				name: "fixedMonth",
-				static: !1,
-				private: !1,
-				access: {
-					has: (e) => "fixedMonth" in e,
-					set: (e, t) => {
-						e.fixedMonth = t;
-					}
-				},
-				metadata: t
-			}, null, x), 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: "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
-			}, Oe, ke), e(this, null, Ae, {
-				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
-			}, je, Me), t && Object.defineProperty(this, Symbol.metadata, {
-				enumerable: !0,
-				configurable: !0,
-				writable: !0,
-				value: t
-			});
-		}
-		static {
-			this.elementName = "sbb-calendar";
-		}
-		static {
-			this.elementDependencies = [
-				be,
-				xe,
-				Se,
-				Ce,
-				we,
-				ye,
-				ve
-			];
-		}
-		static {
-			this.styles = [
-				ae,
-				_e,
-				a(Te)
-			];
-		}
-		static {
-			this.events = {
-				dateselected: "dateselected",
-				monthchange: "monthchange"
-			};
-		}
-		#e;
-		get amount() {
-			return this.#e;
-		}
-		set amount(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 value(e) {
-			if (Array.isArray(e)) this._value = 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)).sort(this._sortDate);
-			else {
-				let t = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e));
-				t && (!this._isDayInRange(this._dateAdapter.toIso8601(t)) || this._dateFilter(t)) ? this._value = t : this._value = null;
-			}
-		}
-		get value() {
-			return this._value;
-		}
-		#a;
-		get _value() {
-			return this.#a;
-		}
-		set _value(e) {
-			this.#a = e;
-		}
-		#o;
-		get dateFilter() {
-			return this.#o;
-		}
-		set dateFilter(e) {
-			this.#o = e;
-		}
-		set fixedMonth(e) {
-			let t = e ? e.match(/^(\d{4})-(\d{2})$/) : null;
-			this._fixedMonth = t ? this._dateAdapter.createDate(Number(t[1]), Number(t[2]), 1) : null;
-		}
-		get fixedMonth() {
-			return this._fixedMonth ? this._dateAdapter.toIso8601(this._fixedMonth).split("-").slice(0, 2).join("-") : "";
-		}
-		#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;
-		}
-		#u;
-		get _calendarView() {
-			return this.#u;
-		}
-		set _calendarView(e) {
-			this.#u = e;
-		}
-		get _cells() {
-			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() {
-			return this.#d;
-		}
-		set _initialized(e) {
-			this.#d = e;
-		}
-		constructor() {
-			super(), this.#e = (t(this, x), t(this, C, 1)), this.#t = (t(this, w), t(this, E, "day")), this.#n = (t(this, De), t(this, O, null)), this.#r = (t(this, k), t(this, j, null)), this.#i = (t(this, M), t(this, P, !1)), this.#a = (t(this, F), t(this, R, null)), this.#o = (t(this, z), t(this, V, null)), this._fixedMonth = (t(this, H), null), this.#s = t(this, G, "horizontal"), this.#c = (t(this, K), t(this, J, !1)), this._dateAdapter = (t(this, Y), ge().datetime?.dateAdapter ?? oe), this.#l = t(this, Z, this._dateAdapter.today()), this.#u = (t(this, Q), t(this, Oe, "day")), this._weekdays = t(this, ke), this._weeks = [], this._firstVisibleDay = "", this._lastVisibleDay = "", this._monthNames = this._dateAdapter.getMonthNames("long"), this._enhancedVariant = !1, this._resetFocus = !1, this._containingFocus = !1, this._lastSelection = null, this.#d = t(this, je, !1), this._language = (t(this, Me), new te(this).withHandler(() => {
-				this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
-			})), this._sortDate = (e, t) => this._dateAdapter.compareDate(e, t), this._onSlotChange = () => {
-				this._enhancedVariant = Array.from(this.children).some((e) => e.localName === "sbb-calendar-day"), this.toggleState("enhanced", this._enhancedVariant), this._setTabIndex();
-			}, this._createMonthRows(), this._setWeekdays(), this.addEventListener("focusin", () => this._containingFocus = !0), this.addEventListener("focusout", () => this._containingFocus = !1);
-			let e = (e) => e.target.closest("sbb-calendar-day") ?? e.composedPath().find((e) => e.localName === "sbb-calendar-day") ?? null;
-			this.addEventListener("click", (t) => {
-				let n = e(t);
-				n && this._selectDate(n.value, t);
-			}), this.addEventListener("keydown", (t) => {
-				let n = e(t);
-				n && this._handleKeyboardEvent(t, n);
-			}), this.addEventListener("blur", () => this._lastSelection = null);
-		}
-		_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 });
-		}
-		formResetCallback() {}
-		formStateRestoreCallback(e, t) {
-			if (t === "autocomplete" || e == null) return;
-			let n = (e) => this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e));
-			if (typeof e == "string") this.value = n(e);
-			else if (e instanceof FormData) {
-				if (this.multiple) {
-					this._readFormData(e).then((e) => this.value = e.map(n).filter((e) => e != null));
-					return;
-				}
-				let t = e.get(this.name);
-				t instanceof Blob ? t.text().then((e) => this.value = n(JSON.parse(e))) : this.value = n(t);
-			}
-		}
-		async _readFormData(e) {
-			return Promise.all(e.getAll(this.name).map(async (e) => e instanceof Blob ? JSON.parse(await e.text()) : e));
-		}
-		focus() {
-			this._resetFocus = !0, this._focusCell();
-		}
-		willUpdate(e) {
-			super.willUpdate(e), this._initialized && ((e.has("amount") || e.has("orientation") || e.has("fixedMonth")) && this.resetPosition(), e.has("view") && (this._setChosenYear(), this._chosenMonth = void 0, this._calendarView = this.view));
-		}
-		requestUpdate(e, t, n) {
-			super.requestUpdate(e, t, n), e === "_calendarView" && (this.internals.states.delete(`view-${t}`), this.internals.states.add(`view-${this._calendarView}`), this._containingFocus && (this._resetFocus = !0));
-		}
-		updated(e) {
-			super.updated(e), this._setTabIndex(), this._focusCell();
-		}
-		_onMultipleChanged(e) {
-			e && !Array.isArray(this._value) && (this._value = this._value ? [this._value] : []), !e && Array.isArray(this._value) && (this._value = this._value.length ? this._value[0] : null);
-		}
-		_init(e) {
-			if (r) return;
-			if (this.hydrationRequired) {
-				this.hydrationComplete.then(() => this._init());
-				return;
-			}
-			e && this._assignActiveDate(e);
-			let t = this._fixedMonth ?? this._activeDate, n = this.amount < 1 ? 1 : this.amount;
-			this._weeks = Array.from({ length: n }, (e, n) => this._createWeekRows(this._dateAdapter.addCalendarMonths(t, n)));
-			let i = this._weeks[0][0][0].dateValue;
-			this._firstVisibleDay = this._dateAdapter.toIso8601(this._dateAdapter.createDate(this._dateAdapter.getYear(i), this._dateAdapter.getMonth(i), 1));
-			let a = this._weeks[n - 1][0][0].dateValue;
-			this._lastVisibleDay = this._dateAdapter.toIso8601(this._dateAdapter.createDate(this._dateAdapter.getYear(a), this._dateAdapter.getMonth(a), this._dateAdapter.getNumDaysInMonth(a))), this._years = this._createYearRows(), this._weekNumbers = this._weeks.map((e) => e.flat().sort((e, t) => e.value.localeCompare(t.value)).map((e) => e.weekValue).filter((e, t, n) => n.indexOf(e) === t)), 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));
-		}
-		_createWeekRows(e) {
-			let t = this._dateAdapter.getNumDaysInMonth(e), n = this._dateAdapter.getFirstWeekOffset(e);
-			return this.orientation === "horizontal" ? this._createWeekRowsHorizontal(e, t, n) : this._createWeekRowsVertical(e, t, n);
-		}
-		_createWeekRowsHorizontal(e, t, n) {
-			let r = [[]];
-			for (let i = 0, a = n; i < t; i++, a++) {
-				a === m && (r.push([]), a = 0);
-				let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), i + 1);
-				r[r.length - 1].push(this._mapDateToDay(t));
-			}
-			return r;
-		}
-		_createWeekRowsVertical(e, t, n) {
-			let r = Array.from({ length: m }, () => []);
-			for (let i = 0, a = n; i < t; i++, a++) {
-				a === m && (a = 0);
-				let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), i + 1);
-				r[a].push(this._mapDateToDay(t));
-			}
-			return r;
-		}
-		_mapDateToDay(e) {
-			return {
-				value: this._dateAdapter.toIso8601(e),
-				dateValue: e,
-				dayValue: String(this._dateAdapter.getDate(e)),
-				monthValue: String(this._dateAdapter.getMonth(e)),
-				yearValue: String(this._dateAdapter.getYear(e)),
-				weekValue: this._getWeek(e),
-				weekDayValue: this._dateAdapter.getDayOfWeek(e)
-			};
-		}
-		_getWeek(e) {
-			let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), 1, 1), n = this._dateAdapter.getDayOfWeek(t), r = +!![
-				c,
-				re,
-				ie,
-				ne
-			].includes(n), i = this._dateAdapter.addCalendarDays(t, this._dateAdapter.getFirstWeekOffset(t) * -1);
-			for (; this._dateAdapter.compareDate(i, e) <= 0;) {
-				let n = this._dateAdapter.addCalendarDays(i, 6);
-				if (this._dateAdapter.compareDate(e, n) <= 0) return r > 0 ? r : this._getWeek(this._dateAdapter.addCalendarDays(t, -1));
-				i = this._dateAdapter.addCalendarDays(i, m), r++;
-			}
-			throw Error("The provided date is invalid");
-		}
-		_mapValueToISODate(e) {
-			return typeof e == "string" ? e : this._dateAdapter.toIso8601(e);
-		}
-		_createMonthRows() {
-			let e = Array(12).fill(null).map((e, t) => ({
-				value: String(t + 1).padStart(2, "0"),
-				monthValue: t + 1
-			})), t = 12 / h, n = [];
-			for (let r = 0; r < t; r++) n.push(e.slice(h * r, h * (r + 1)));
-			this._months = n;
-		}
-		_createYearRows() {
-			let e = this._getStartValueYearView(), t = Array(_).fill(0).map((t, n) => e + n), n = _ / g, r = [];
-			for (let e = 0; e < n; e++) r.push(t.slice(g * e, g * (e + 1)));
-			return r;
-		}
-		_getStartValueYearView() {
-			let e = 0;
-			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) % _ + _) % _;
-		}
-		_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));
-		}
-		_selectDate(e, t) {
-			if (this._chosenMonth = void 0, this._setChosenYear(), this.multiple) {
-				window.getSelection()?.removeAllRanges();
-				let n = this._value ? Array.isArray(this._value) ? this._value : [this._value] : [], r = n.map((e) => this._dateAdapter.toIso8601(e));
-				if (t.shiftKey && this._lastSelection && r.includes(this._dateAdapter.toIso8601(this._lastSelection)) && !r.includes(this._dateAdapter.toIso8601(e))) {
-					let t = this._dateAdapter.compareDate(this._lastSelection, e) < 0 ? 1 : -1, i = [], a = this._lastSelection;
-					for (; !this._dateAdapter.sameDate(a, e);) {
-						a = this._dateAdapter.addCalendarDays(a, t);
-						let e = this._dateAdapter.toIso8601(a);
-						r.includes(e) || i.push(e);
-					}
-					n = this._mergeDates(i, r);
-				} else n = n.some((t) => this._dateAdapter.sameDate(t, e)) ? n.filter((t) => !this._dateAdapter.sameDate(t, e)) : [...n, e].sort(this._sortDate);
-				this._lastSelection = e, this._value = n, this._emitDateSelectedEvent(this._value.map((e) => this._dateAdapter.deserialize(e)));
-			} else (!this._value || this._dateAdapter.compareDate(this._value, e) !== 0) && (this._value = e, this._emitDateSelectedEvent(this._dateAdapter.deserialize(e)));
-		}
-		_selectMultipleDates(e) {
-			this._value = this._mergeDates(e.map((e) => e.value)), this._emitDateSelectedEvent(this._value.map((e) => this._dateAdapter.deserialize(e)));
-		}
-		_mergeDates(e, t) {
-			t ??= this._value.map((e) => this._dateAdapter.toIso8601(e));
-			let n = this._cells.filter((e) => !e.disabled).map((e) => this._mapValueToISODate(e.value)), r = e.filter((e) => n.includes(e));
-			return t = r.every((e) => t.includes(e)) ? t.filter((e) => !r.includes(e)) : [...t, ...r].filter((e, t, n) => n.indexOf(e) === t), t.map((e) => this._dateAdapter.deserialize(e)).sort(this._sortDate);
-		}
-		_emitDateSelectedEvent(e) {
-			this.dispatchEvent(new y(e)), this.dispatchEvent(new InputEvent("input", {
-				bubbles: !0,
-				composed: !0
-			})), this.dispatchEvent(new Event("change", { bubbles: !0 }));
-		}
-		_emitMonthChange() {
-			let e = this._weeks.flat(2).sort((e, t) => e.value.localeCompare(t.value));
-			this.dispatchEvent(new v(e));
-		}
-		_setChosenYear() {
-			if (this.view === "month") {
-				let e;
-				e = this.multiple ? this.value.at(-1) : this.value, this._chosenYear = this._dateAdapter.getYear(e ?? this._dateAdapter.today());
-			} else this._chosenYear = void 0;
-		}
-		_assignActiveDate(e) {
-			this._activeDate = this._dateAdapter.clampDate(e, this.min, this.max);
-		}
-		_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.amount < 1 ? 1 : this.amount);
-			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.amount < 1 ? 1 : this.amount), 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._years.flat(2).at(-1), t = this._dateAdapter.createDate(e + 1, 1, 1);
-			return this._nextDisabled(t);
-		}
-		_handleTableBlur(e) {
-			e?.localName !== "sbb-calendar-day" && this._setTabIndex();
-		}
-		_setTabIndex() {
-			Array.from(this._cells.filter((e) => e.tabIndex === 0) ?? []).forEach((e) => e.tabIndex = -1);
-			let e = this._getFirstFocusable();
-			e && (e.tabIndex = 0);
-		}
-		_getFirstFocusable() {
-			if (this._calendarView === "day") {
-				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-${this._calendarView}:is(:state(selected),[state--selected])`) ?? this.shadowRoot?.querySelector(`sbb-calendar-${this._calendarView}:is(:state(current),[state--current])`);
-				return e && !e.disabled ? e : this.shadowRoot.querySelector(`sbb-calendar-${this._calendarView}:not([disabled])`);
-			}
-		}
-		_getFirstFocusableDay() {
-			let e = this._cells, t = e.filter((e) => !e.disabled);
-			if (!t || t.length === 0) return null;
-			{
-				let n = t.map((e) => this._dateAdapter.toIso8601(e.value)).sort()[0];
-				return e.find((e) => e.matches(`[slot="${n}"]`)) ?? null;
-			}
-		}
-		_handleKeyboardEvent(e, t) {
-			he(e) && e.preventDefault();
-			let n = t ?? e.target, r = this._cells, i = r.indexOf(n), a;
-			a = t ? this._navigateByKeyboardDayView(e, i, r, this._mapDateToDay(t.value)) : this._navigateByKeyboard(e, i, r);
-			let o = (this._enhancedVariant ? document : this.shadowRoot).activeElement;
-			a !== o && (a.tabIndex = 0, a.focus(), r.includes(o) && (o.tabIndex = -1));
-		}
-		_navigateByKeyboardDayView(e, t, n, r) {
-			let i = this.orientation === "horizontal" ? {
-				leftRight: 1,
-				upDown: m
-			} : {
-				leftRight: m,
-				upDown: 1
-			};
-			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 % m || m) - +r.dayValue;
-					return this._findDayPageUpDown(n, t, r, e, i.upDown);
-				} else {
-					let e = this._dateAdapter.getFirstWeekOffset(r.dateValue), a = (Math.ceil((+r.dayValue + e) / m) - 1) * m - e + 1 - r.dayValue;
-					return this._findDayPageUpDown(n, t, r, a, 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) / m) * m;
-					return this._findDayPageUpDown(n, t, r, c, -i.upDown);
-				} else {
-					let e = this._dateAdapter.getFirstWeekOffset(r.dateValue), a = Math.ceil((+r.dayValue + e) / m) * m - e - +r.dayValue;
-					return this._findDayPageUpDown(n, t, r, a, -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._firstVisibleDay || e > this._lastVisibleDay;
-		}
-		_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 ? _ : Ee, r = Math.trunc(e / n) * n, i = r === 0 ? e : e - n;
-			return {
-				verticalOffset: t ? g : h,
-				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() {
-			this._resetCalendarView(), this._emitMonthChange();
-		}
-		_resetCalendarView() {
-			this._containingFocus && (this._resetFocus = !0), this._activeDate = (this.multiple ? this._value.at(-1) : this._value) ?? this._dateAdapter.today(), this._setChosenYear(), this._chosenMonth = void 0, this._init(), this._calendarView = this.view;
-		}
-		_createDayTable(e, t, r) {
-			let a = e[0][0].dateValue, o = `${this._monthNames[this._dateAdapter.getMonth(a) - 1]} ${this._dateAdapter.getYear(a)}`, s = e.flat(), c = e.flat();
-			return n`
-      <div class="sbb-calendar__table-wrapper sbb-calendar__day-view">
-        <div class="sbb-calendar__table-header">
-          <span>${o}</span> ${r ? this._createDayTableControls(o) : i}
-        </div>
-        <table
-          class="sbb-calendar__table"
-          @focusout=${(e) => this._handleTableBlur(e.relatedTarget)}
-        >
-          <thead>
-            <tr>
-              ${this.weekNumbers ? n`<th class="sbb-calendar__table-header-cell"></th>` : i}
-              ${this._weekdays.map((e, t) => n`
-                  <th class="sbb-calendar__table-header-cell">
-                    ${this.multiple ? n`
-                          <sbb-calendar-weekday
-                            .value=${e}
-                            @click=${() => {
-				let e = c.filter((e) => e.weekDayValue === (t + 1) % 7);
-				this._selectMultipleDates(e);
-			}}
-                          ></sbb-calendar-weekday>
-                        ` : n`
-                          <span class="sbb-screen-reader-only">${e.long}</span>
-                          <span aria-hidden="true">${e.narrow}</span>
-                        `}
-                  </th>
-                `)}
-            </tr>
-          </thead>
-          <tbody>
-            ${e.map((e, r) => {
-				let a = m - e.length;
-				return r === 0 && a ? n`
-                  <tr>
-                    ${this.weekNumbers ? n`
-                          <td class="sbb-calendar__table-header-cell-vertical">
-                            ${this.multiple ? n`
-                                  <sbb-calendar-weeknumber
-                                    .value=${t[0]}
-                                    @click=${() => {
-					let e = s.filter((e) => e.weekValue === t[0]);
-					this._selectMultipleDates(e);
-				}}
-                                  ></sbb-calendar-weeknumber>
-                                ` : n`
-                                  <span class="sbb-screen-reader-only"
-                                    >${`${f[this._language.current]} ${t[0]}`}</span
-                                  >
-                                  <span aria-hidden="true">${t[0]}</span>
-                                `}
-                          </td>
-                        ` : i}
-                    ${[...Array(a).keys()].map(() => n`<td class="sbb-calendar__table-data"></td>`)}
-                    ${this._createDayCells(e)}
-                  </tr>
-                ` : n`
-                <tr>
-                  ${this.weekNumbers ? n`
-                        <td class="sbb-calendar__table-header-cell-vertical">
-                          ${this.multiple ? n`
-                                <sbb-calendar-weeknumber
-                                  .value=${t[r]}
-                                  @click=${() => {
-					let e = s.filter((e) => e.weekValue === t[r]);
-					this._selectMultipleDates(e);
-				}}
-                                ></sbb-calendar-weeknumber>
-                              ` : n`
-                                <span class="sbb-screen-reader-only"
-                                  >${`${f[this._language.current]} ${t[r]}`}</span
-                                >
-                                <span aria-hidden="true">${t[r]}</span>
-                              `}
-                        </td>
-                      ` : i}
-                  ${this._createDayCells(e)}
-                </tr>
-              `;
-			})}
-          </tbody>
-        </table>
-      </div>
-    `;
-		}
-		_createDayTableVertical(e, t, r) {
-			let a = e[0][0].dateValue, o = `${this._monthNames[this._dateAdapter.getMonth(a) - 1]} ${this._dateAdapter.getYear(a)}`, s = e[0][0].dateValue, c = this._dateAdapter.getFirstWeekOffset(s ?? this._activeDate), l = e.flat();
-			return n`
-      <div class="sbb-calendar__table-wrapper sbb-calendar__day-view">
-        <div class="sbb-calendar__table-header">
-          <span>${o}</span> ${r ? this._createDayTableControls(o) : i}
-        </div>
-        <table
-          class="sbb-calendar__table"
-          @focusout=${(e) => this._handleTableBlur(e.relatedTarget)}
-        >
-          ${this.weekNumbers ? n`
-                <thead>
-                  <tr>
-                    <th class="sbb-calendar__table-data"></th>
-                    ${t.map((e) => n`
-                        <th class="sbb-calendar__table-header-cell">
-                          ${this.multiple ? n`
-                                <sbb-calendar-weeknumber
-                                  .value=${e}
-                                  @click=${() => {
-				let t = l.filter((t) => t.weekValue === e);
-				this._selectMultipleDates(t);
-			}}
-                                ></sbb-calendar-weeknumber>
-                              ` : n`
-                                <span class="sbb-screen-reader-only"
-                                  >${`${f[this._language.current]} ${e}`}</span
-                                >
-                                <span aria-hidden="true">${e}</span>
-                              `}
-                        </th>
-                      `)}
-                  </tr>
-                </thead>
-              ` : i}
-          <tbody>
-            ${e.map((e, t) => {
-				let r = this._weekdays[t];
-				return n`
-                <tr>
-                  <td class="sbb-calendar__table-header-cell-vertical">
-                    ${this.multiple ? n`
-                          <sbb-calendar-weekday
-                            .value=${r}
-                            @click=${() => this._selectMultipleDates(e)}
-                          >
-                            ${r.narrow}
-                          </sbb-calendar-weekday>
-                        ` : n`
-                          <span class="sbb-screen-reader-only">${r.long}</span>
-                          <span aria-hidden="true">${r.narrow}</span>
-                        `}
-                  </td>
-                  ${t < c ? n`<td class="sbb-calendar__table-data"></td>` : i}
-                  ${this._createDayCells(e)}
-                </tr>
-              `;
-			})}
-          </tbody>
-        </table>
-      </div>
-    `;
-		}
-		_createDayTableControls(e) {
-			return this._fixedMonth ? [] : [
-				this._getArrow("left", () => this._goToDifferentMonth(-1), de[this._language.current], this._previousMonthDisabled()),
-				this._getArrow("right", () => this._goToDifferentMonth(1), ce[this._language.current], this._nextMonthDisabled()),
-				this._getArrow("up", () => {
-					this._resetFocus = !0, this._calendarView = "year";
-				}, `${me[this._language.current]} ${e}`)
-			];
-		}
-		_createDayCells(e) {
-			return e.map((e) => n`
-        <td class="sbb-calendar__table-data sbb-calendar__day-cell">
-          <slot name=${e.value}>
-            <sbb-calendar-day slot=${e.value}></sbb-calendar-day>
-          </slot>
-        </td>
-      `);
-		}
-		_renderMonthView() {
-			return n`
-      <div class="sbb-calendar__table-wrapper sbb-calendar__month-view">
-        <div class="sbb-calendar__table-header">
-          <span>${this._chosenYear}</span>
-          ${this._fixedMonth ? [] : [
-				this._getArrow("left", () => this._goToDifferentYear(-1), fe[this._language.current], this._previousYearDisabled()),
-				this._getArrow("right", () => this._goToDifferentYear(1), le[this._language.current], this._nextYearDisabled()),
-				this._getArrow("down", () => this._resetCalendarViewAndEmitMonthChange(), d[this._language.current])
-			]}
-          <span class="sbb-screen-reader-only" role="status">${this._chosenYear}</span>
-        </div>
-        <table class="sbb-calendar__table">
-          <tbody>
-            ${this._months.map((e) => n`
-                <tr>
-                  ${e.map((e) => n`
-                      <td class="sbb-calendar__table-data">
-                        <sbb-calendar-month
-                          .value="${this._chosenYear}-${e.value}"
-                          @click=${() => this._onMonthSelection(e.monthValue, this._chosenYear)}
-                          @keydown=${(e) => this._handleKeyboardEvent(e)}
-                        >
-                        </sbb-calendar-month>
-                      </td>
-                    `)}
-                </tr>
-              `)}
-          </tbody>
-        </table>
-      </div>
-    `;
-		}
-		_onMonthSelection(e, t) {
-			this._chosenMonth = e, this._calendarView = "day", this._init(this._dateAdapter.createDate(t, this._chosenMonth, this._dateAdapter.getDate(this._activeDate))), this._emitMonthChange();
-		}
-		_renderYearView() {
-			let e = this._years.flat(2)[0], t = this._years.at(-1).flat(), r = `${e} - ${t[t.length - 1]}`;
-			return n`
-      <div class="sbb-calendar__table-wrapper sbb-calendar__year-view">
-        <div class="sbb-calendar__table-header">
-          <span>${r}</span>
-          ${this._fixedMonth ? [] : [
-				this._getArrow("left", () => this._goToDifferentYearRange(-24), pe(_)[this._language.current], this._previousYearRangeDisabled()),
-				this._getArrow("right", () => this._goToDifferentYearRange(_), ue(_)[this._language.current], this._nextYearRangeDisabled()),
-				this._getArrow("down", () => this._resetCalendarViewAndEmitMonthChange(), d[this._language.current])
-			]}
-          <span class="sbb-screen-reader-only" role="status">${r}</span>
-        </div>
-        <table class="sbb-calendar__table">
-          <tbody>
-            ${this._years.map((e) => n` <tr>
-                  ${e.map((e) => n`
-                      <td class="sbb-calendar__table-data">
-                        <sbb-calendar-year
-                          .value=${String(e)}
-                          @keydown=${(e) => this._handleKeyboardEvent(e)}
-                          @click=${() => this._onYearSelection(e)}
-                        >
-                        </sbb-calendar-year>
-                      </td>
-                    `)}
-                </tr>`)}
-          </tbody>
-        </table>
-      </div>
-    `;
-		}
-		_onYearSelection(e) {
-			this._chosenYear = e, this._calendarView = "month", this._assignActiveDate(this._dateAdapter.createDate(this._chosenYear, this._dateAdapter.getMonth(this._activeDate), this._dateAdapter.getDate(this._activeDate)));
-		}
-		_getArrow(e, t, r, i = !1) {
-			return n`<sbb-secondary-button
-      class="sbb-calendar__control"
-      size="s"
-      icon-name="chevron-small-${e}-small"
-      aria-label=${r}
-      @click=${t}
-      ?disabled=${i}
-    ></sbb-secondary-button>`;
-		}
-		_getView() {
-			switch (this._calendarView) {
-				case "year": return this._renderYearView();
-				case "month": return this._renderMonthView();
-				default: return i;
-			}
-		}
-		render() {
-			return r || this.hydrationRequired ? n`${i}` : n`<div class="sbb-calendar__wrapper">
-      ${this.orientation === "horizontal" ? this._weeks.map((e, t) => this._createDayTable(e, this._weekNumbers[t], t === 0)) : this._weeks.map((e, t) => this._createDayTableVertical(e, this._weekNumbers[t], t === 0))}
-      ${this._getView()}
-    </div>`;
-		}
-	};
-})();
-//#endregion
-export { y as n, v as r, b as t };