@sbb-esta/lyne-elements 3.8.0 → 3.10.0

package/calendar/calendar.component.js

@@ -1,100 +1,101 @@
-var Ie = (o) => {
+var Ce = (o) => {
   throw TypeError(o);
 };
-var Re = (o, n, c) => n.has(o) || Ie("Cannot " + c);
-var k = (o, n, c) => (Re(o, n, "read from private field"), c ? c.call(o) : n.get(o)), x = (o, n, c) => n.has(o) ? Ie("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, c), f = (o, n, c, b) => (Re(o, n, "write to private field"), b ? b.call(o, c) : n.set(o, c), c);
+var Ie = (o, n, d) => n.has(o) || Ce("Cannot " + d);
+var k = (o, n, d) => (Ie(o, n, "read from private field"), d ? d.call(o) : n.get(o)), x = (o, n, d) => n.has(o) ? Ce("Cannot add the same private member more than once") : n instanceof WeakSet ? n.add(o) : n.set(o, d), f = (o, n, d, b) => (Ie(o, n, "write to private field"), b ? b.call(o, d) : n.set(o, d), d);
 import { __esDecorate as y, __runInitializers as u } from "tslib";
-import { css as Be, LitElement as He, isServer as Se, nothing as w, html as h } from "lit";
-import { customElement as Ke, property as z, state as G } from "lit/decorators.js";
+import { css as Le, LitElement as Be, isServer as Re, nothing as m, html as h } from "lit";
+import { customElement as He, property as Y, state as G } from "lit/decorators.js";
 import { classMap as Q } from "lit/directives/class-map.js";
-import { sbbInputModalityDetector as qe, isArrowKeyOrPageKeysPressed as Ue } from "../core/a11y.js";
-import { readConfig as je } from "../core/config.js";
-import { SbbLanguageController as Ge, SbbMediaMatcherController as Qe, SbbMediaQueryBreakpointMediumAndAbove as Te } from "../core/controllers.js";
-import { defaultDateAdapter as Je, YEARS_PER_PAGE as V, DAYS_PER_ROW as D, MONTHS_PER_ROW as J, YEARS_PER_ROW as X, MONTHS_PER_PAGE as Xe } from "../core/datetime.js";
-import { forceType as ee, plainDate as Ee, handleDistinctChange as Ze } from "../core/decorators.js";
-import { i18nPreviousMonth as et, i18nNextMonth as tt, i18nYearMonthSelection as at, i18nCalendarWeekNumber as U, i18nPreviousYear as st, i18nNextYear as it, i18nCalendarDateSelection as Pe, i18nPreviousYearRange as rt, i18nNextYearRange as nt } from "../core/i18n.js";
-import { SbbHydrationMixin as lt } from "../core/mixins.js";
+import { sbbInputModalityDetector as qe, isArrowKeyOrPageKeysPressed as Ke } from "../core/a11y.js";
+import { readConfig as Ue } from "../core/config.js";
+import { SbbLanguageController as je, SbbMediaMatcherController as Ge, SbbMediaQueryBreakpointMediumAndAbove as Se } from "../core/controllers.js";
+import { defaultDateAdapter as Qe, YEARS_PER_PAGE as V, DAYS_PER_ROW as D, MONTHS_PER_ROW as J, YEARS_PER_ROW as X, MONTHS_PER_PAGE as Je } from "../core/datetime.js";
+import { forceType as Z, plainDate as Te, handleDistinctChange as Xe } from "../core/decorators.js";
+import { i18nPreviousMonth as Ze, i18nNextMonth as et, i18nYearMonthSelection as tt, i18nCalendarWeekNumber as K, i18nPreviousYear as at, i18nNextYear as st, i18nCalendarDateSelection as Ee, i18nPreviousYearRange as it, i18nNextYearRange as rt } from "../core/i18n.js";
+import { SbbHydrationMixin as nt } from "../core/mixins.js";
 import "../button/secondary-button.js";
 import "../icon.js";
 import "../screen-reader-only.js";
-const ot = 6048e5, Le = Symbol.for("constructDateFrom");
-function O(o, n) {
-  return typeof o == "function" ? o(n) : o && typeof o == "object" && Le in o ? o[Le](n) : o instanceof Date ? new o.constructor(n) : new Date(n);
+const lt = 6048e5, Pe = Symbol.for("constructDateFrom");
+function F(o, n) {
+  return typeof o == "function" ? o(n) : o && typeof o == "object" && Pe in o ? o[Pe](n) : o instanceof Date ? new o.constructor(n) : new Date(n);
 }
-function j(o, n) {
-  return O(n || o, o);
+function U(o, n) {
+  return F(n || o, o);
 }
-function dt(o, n, c) {
-  const b = j(o, c?.in);
-  return isNaN(n) ? O(o, NaN) : (n && b.setDate(b.getDate() + n), b);
+function ot(o, n, d) {
+  const b = U(o, d?.in);
+  return isNaN(n) ? F(o, NaN) : (n && b.setDate(b.getDate() + n), b);
 }
-let ct = {};
-function ae() {
-  return ct;
+let dt = {};
+function te() {
+  return dt;
 }
-function F(o, n) {
-  const c = ae(), b = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? c.weekStartsOn ?? c.locale?.options?.weekStartsOn ?? 0, g = j(o, n?.in), v = g.getDay(), $ = (v < b ? 7 : 0) + v - b;
+function z(o, n) {
+  const d = te(), b = n?.weekStartsOn ?? n?.locale?.options?.weekStartsOn ?? d.weekStartsOn ?? d.locale?.options?.weekStartsOn ?? 0, g = U(o, n?.in), v = g.getDay(), $ = (v < b ? 7 : 0) + v - b;
   return g.setDate(g.getDate() - $), g.setHours(0, 0, 0, 0), g;
 }
-function ht(o, ...n) {
-  const c = O.bind(
+function ct(o, ...n) {
+  const d = F.bind(
     null,
     o || n.find((b) => typeof b == "object")
   );
-  return n.map(c);
+  return n.map(d);
 }
-function bt(o, n, c) {
-  return dt(o, n * 7, c);
+function ht(o, n, d) {
+  return ot(o, n * 7, d);
+}
+function bt(o, n) {
+  const d = U(o, n?.in), b = d.getMonth();
+  return d.setFullYear(d.getFullYear(), b + 1, 0), d.setHours(23, 59, 59, 999), d;
 }
 function _t(o, n) {
-  const c = j(o, n?.in), b = c.getMonth();
-  return c.setFullYear(c.getFullYear(), b + 1, 0), c.setHours(23, 59, 59, 999), c;
+  const [d, b] = ct(o, n.start, n.end);
+  return { start: d, end: b };
 }
 function ut(o, n) {
-  const [c, b] = ht(o, n.start, n.end);
-  return { start: c, end: b };
-}
-function ft(o, n) {
-  const { start: c, end: b } = ut(n?.in, o);
-  let g = +c > +b;
-  const v = F(g ? b : c, n), $ = F(g ? c : b, n);
+  const { start: d, end: b } = _t(n?.in, o);
+  let g = +d > +b;
+  const v = z(g ? b : d, n), $ = z(g ? d : b, n);
   v.setHours(15), $.setHours(15);
-  const W = +$.getTime();
+  const O = +$.getTime();
   let A = v, M = n?.step ?? 1;
   if (!M) return [];
   M < 0 && (M = -M, g = !g);
-  const N = [];
-  for (; +A <= W; )
-    A.setHours(0), N.push(O(c, A)), A = bt(A, M), A.setHours(15);
-  return g ? N.reverse() : N;
+  const W = [];
+  for (; +A <= O; )
+    A.setHours(0), W.push(F(d, A)), A = ht(A, M), A.setHours(15);
+  return g ? W.reverse() : W;
 }
-function pt(o, n) {
-  const c = j(o, n?.in);
-  return c.setDate(1), c.setHours(0, 0, 0, 0), c;
+function ft(o, n) {
+  const d = U(o, n?.in);
+  return d.setDate(1), d.setHours(0, 0, 0, 0), d;
 }
-function gt(o, n) {
-  const c = j(o, n?.in), b = c.getFullYear(), g = ae(), v = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? g.firstWeekContainsDate ?? g.locale?.options?.firstWeekContainsDate ?? 1, $ = O(n?.in || o, 0);
+function pt(o, n) {
+  const d = U(o, n?.in), b = d.getFullYear(), g = te(), v = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? g.firstWeekContainsDate ?? g.locale?.options?.firstWeekContainsDate ?? 1, $ = F(n?.in || o, 0);
   $.setFullYear(b + 1, 0, v), $.setHours(0, 0, 0, 0);
-  const W = F($, n), A = O(n?.in || o, 0);
+  const O = z($, n), A = F(n?.in || o, 0);
   A.setFullYear(b, 0, v), A.setHours(0, 0, 0, 0);
-  const M = F(A, n);
-  return +c >= +W ? b + 1 : +c >= +M ? b : b - 1;
+  const M = z(A, n);
+  return +d >= +O ? b + 1 : +d >= +M ? b : b - 1;
 }
-function mt(o, n) {
-  const c = ae(), b = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? c.firstWeekContainsDate ?? c.locale?.options?.firstWeekContainsDate ?? 1, g = gt(o, n), v = O(n?.in || o, 0);
-  return v.setFullYear(g, 0, b), v.setHours(0, 0, 0, 0), F(v, n);
+function gt(o, n) {
+  const d = te(), b = n?.firstWeekContainsDate ?? n?.locale?.options?.firstWeekContainsDate ?? d.firstWeekContainsDate ?? d.locale?.options?.firstWeekContainsDate ?? 1, g = pt(o, n), v = F(n?.in || o, 0);
+  return v.setFullYear(g, 0, b), v.setHours(0, 0, 0, 0), z(v, n);
 }
-function te(o, n) {
-  const c = j(o, n?.in), b = +F(c, n) - +mt(c, n);
-  return Math.round(b / ot) + 1;
+function ee(o, n) {
+  const d = U(o, n?.in), b = +z(d, n) - +gt(d, n);
+  return Math.round(b / lt) + 1;
 }
-const wt = Be`*,:before,:after{box-sizing:border-box}:host{display:block;width:max-content;--sbb-calendar-cell-size: 2.5rem;--sbb-calendar-hover-shift: .0625rem;--sbb-calendar-wide-cell-size: 4.375rem;--sbb-calendar-header-color: var(--sbb-color-granite);--sbb-calendar-header-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-calendar-cell-background-color: transparent;--sbb-calendar-cell-padding: .125rem;--sbb-calendar-cell-color: var(--sbb-color-2);--sbb-calendar-cell-selected-color: var(--sbb-color-1-inverted);--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(--sbb-color-granite);--sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), 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)}@media (min-width: 22.5rem){:host{--sbb-calendar-cell-size: 2.75rem;--sbb-calendar-wide-cell-size: 4.8125rem;--sbb-calendar-control-view-change-height: 3rem}}.sbb-calendar__wrapper{width:100%;display:block;transition-duration:var(--sbb-calendar-cell-transition-duration)}.sbb-calendar__controls{width:100%;display:inline-flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);margin-block-end:var(--sbb-spacing-fixed-4x)}.sbb-calendar__controls-month{width:100%;display:flex;gap:var(--sbb-calendar-tables-gap)}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;align-items:center;margin:auto;height:var(--sbb-calendar-control-view-change-height);text-transform:capitalize;cursor:pointer;padding-inline:var(--sbb-spacing-fixed-5x) var(--sbb-spacing-fixed-2x);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-calendar-control-view-change-background);color:var(--sbb-calendar-control-view-change-color);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color,padding-block-end}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background: var(--sbb-color-milk);--sbb-calendar-control-view-change-background: light-dark( var(--sbb-color-milk), var(--sbb-color-anthracite) );--sbb-calendar-control-view-change-color: var(--sbb-color-granite);--sbb-calendar-control-view-change-color: light-dark( var(--sbb-color-granite), var(--sbb-color-aluminium) );cursor:unset}.sbb-calendar__controls-change-date:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x)}@media (any-hover: hover){.sbb-calendar__controls-change-date:not(:active,:disabled):hover{padding-block-end:var(--sbb-calendar-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-container{display:flex;gap:var(--sbb-calendar-tables-gap);margin-inline:var(--sbb-calendar-margin);--sbb-calendar-min-width: calc(7 * var(--sbb-calendar-cell-size));--sbb-calendar-overflow: calc(100% - var(--sbb-calendar-min-width));--sbb-calendar-start-offset: min( 0px, -1 * (var(--sbb-calendar-overflow) / var(--sbb-calendar-table-column-spaces)) );--sbb-calendar-margin: var(--sbb-calendar-start-offset)}:host([data-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][data-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][data-wide]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 13 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}.sbb-calendar__table{width:100%;border-collapse:collapse;height:max-content;animation-name:show;animation-duration:var(--sbb-calendar-table-animation-duration)}.sbb-calendar__table.sbb-calendar__table-hide{--sbb-calendar-cell-transition-duration: 0ms;animation-name:hide;animation-duration:var(--sbb-calendar-table-animation-duration)}:host(:not([data-wide])) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header,.sbb-calendar__table-body{text-align:center}.sbb-calendar__table-header-cell{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-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{height:var(--sbb-calendar-cell-size)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__header-cell,.sbb-calendar__cell{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);height:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-cell-color);cursor:pointer;position:relative;z-index:0}.sbb-calendar__header-cell:before,.sbb-calendar__cell:before{content:"";position:absolute;inset:var(--sbb-calendar-cell-padding);background-color:var(--sbb-calendar-cell-background-color);border-radius:50%;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}@media (any-hover: hover){.sbb-calendar__header-cell:not(.sbb-calendar__selected,:active,:disabled):hover,.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover{--sbb-calendar-cell-background-color: var(--sbb-background-color-3);padding-block-end:var(--sbb-calendar-hover-shift)}}@media (any-hover: hover) and (forced-colors: active){.sbb-calendar__header-cell:not(.sbb-calendar__selected,:active,:disabled):hover:before,.sbb-calendar__cell:not(.sbb-calendar__selected,: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(.sbb-calendar__selected,:disabled):active,.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active{--sbb-calendar-cell-background-color: var(--sbb-background-color-4)}@media (forced-colors: active){.sbb-calendar__header-cell:not(.sbb-calendar__selected,:disabled):active:before,.sbb-calendar__cell:not(.sbb-calendar__selected,: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-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-calendar-header-color)}.sbb-calendar__weekday,.sbb-calendar__day{border-radius:50%;width:var(--sbb-calendar-cell-size)}.sbb-calendar__weekday:before,.sbb-calendar__day:before{border-radius:50%}.sbb-calendar__pill{width:var(--sbb-calendar-wide-cell-size);border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__pill:before{border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__crossed-out:after{content:"";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.sbb-calendar__cell-current{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-calendar__selected{--sbb-calendar-cell-color: var(--sbb-calendar-cell-selected-color);--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-selected-background-color)}@media (forced-colors: active){.sbb-calendar__selected{--sbb-calendar-cell-background-color: ButtonText !important}}@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))}}`;
-let It = (() => {
-  var C, I, R, S, T, E, P, L, B, H, K, q, p;
-  let o = [Ke("sbb-calendar")], n, c = [], b, g = lt(He), v = [], $, W = [], A = [], M, N = [], se = [], ie, re = [], ne = [], le, oe = [], de = [], ce, he = [], be = [], _e, ue, fe = [], pe = [], ge, me = [], we = [], ve, ye = [], De = [], Ae, ke = [], xe = [], $e, Ve = [], Me = [], Ye, ze, Fe = [], Oe = [], We, Ne = [], Ce = [];
+const mt = Le`*,:before,:after{box-sizing:border-box}:host{display:block;width:max-content;--sbb-calendar-cell-size: 2.5rem;--sbb-calendar-hover-shift: .0625rem;--sbb-calendar-wide-cell-size: 4.375rem;--sbb-calendar-header-color: var(--sbb-color-granite);--sbb-calendar-header-color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));--sbb-calendar-cell-background-color: transparent;--sbb-calendar-cell-padding: .125rem;--sbb-calendar-cell-color: var(--sbb-color-2);--sbb-calendar-cell-selected-color: var(--sbb-color-1-inverted);--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(--sbb-color-granite);--sbb-calendar-cell-disabled-color: light-dark(var(--sbb-color-granite), 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)}@media (min-width: 22.5rem){:host{--sbb-calendar-cell-size: 2.75rem;--sbb-calendar-wide-cell-size: 4.8125rem;--sbb-calendar-control-view-change-height: 3rem}}.sbb-calendar__wrapper{width:100%;display:block;transition-duration:var(--sbb-calendar-cell-transition-duration)}.sbb-calendar__controls{width:100%;display:inline-flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);margin-block-end:var(--sbb-spacing-fixed-4x)}.sbb-calendar__controls-month{width:100%;display:flex;gap:var(--sbb-calendar-tables-gap)}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;align-items:center;margin:auto;height:var(--sbb-calendar-control-view-change-height);text-transform:capitalize;cursor:pointer;padding-inline:var(--sbb-spacing-fixed-5x) var(--sbb-spacing-fixed-2x);border-radius:var(--sbb-border-radius-infinity);background-color:var(--sbb-calendar-control-view-change-background);color:var(--sbb-calendar-control-view-change-color);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color,padding-block-end}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background: var(--sbb-color-milk);--sbb-calendar-control-view-change-background: light-dark( var(--sbb-color-milk), var(--sbb-color-anthracite) );--sbb-calendar-control-view-change-color: var(--sbb-color-granite);--sbb-calendar-control-view-change-color: light-dark( var(--sbb-color-granite), var(--sbb-color-aluminium) );cursor:unset}.sbb-calendar__controls-change-date:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x)}@media (any-hover: hover){.sbb-calendar__controls-change-date:not(:active,:disabled):hover{padding-block-end:var(--sbb-calendar-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-container{display:flex;gap:var(--sbb-calendar-tables-gap);margin-inline:var(--sbb-calendar-margin);--sbb-calendar-min-width: calc(7 * var(--sbb-calendar-cell-size));--sbb-calendar-overflow: calc(100% - var(--sbb-calendar-min-width));--sbb-calendar-start-offset: min( 0px, -1 * (var(--sbb-calendar-overflow) / var(--sbb-calendar-table-column-spaces)) );--sbb-calendar-margin: var(--sbb-calendar-start-offset)}:host([data-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][data-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][data-wide]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 13 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}.sbb-calendar__table{width:100%;border-collapse:collapse;height:max-content;animation-name:show;animation-duration:var(--sbb-calendar-table-animation-duration)}.sbb-calendar__table.sbb-calendar__table-hide{--sbb-calendar-cell-transition-duration: 0ms;animation-name:hide;animation-duration:var(--sbb-calendar-table-animation-duration)}:host(:not([data-wide])) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header,.sbb-calendar__table-body{text-align:center}.sbb-calendar__table-header-cell{--sbb-text-font-size: var(--sbb-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-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{height:var(--sbb-calendar-cell-size)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__header-cell,.sbb-calendar__cell{-webkit-appearance:none;-moz-appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);height:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-cell-color);cursor:pointer;position:relative;z-index:0}.sbb-calendar__header-cell:before,.sbb-calendar__cell:before{content:"";position:absolute;inset:var(--sbb-calendar-cell-padding);background-color:var(--sbb-calendar-cell-background-color);border-radius:50%;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}@media (any-hover: hover){.sbb-calendar__header-cell:not(.sbb-calendar__selected,:active,:disabled):hover,.sbb-calendar__cell:not(.sbb-calendar__selected,:active,:disabled):hover{--sbb-calendar-cell-background-color: var(--sbb-background-color-3);padding-block-end:var(--sbb-calendar-hover-shift)}}@media (any-hover: hover) and (forced-colors: active){.sbb-calendar__header-cell:not(.sbb-calendar__selected,:active,:disabled):hover:before,.sbb-calendar__cell:not(.sbb-calendar__selected,: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(.sbb-calendar__selected,:disabled):active,.sbb-calendar__cell:not(.sbb-calendar__selected,:disabled):active{--sbb-calendar-cell-background-color: var(--sbb-background-color-4)}@media (forced-colors: active){.sbb-calendar__header-cell:not(.sbb-calendar__selected,:disabled):active:before,.sbb-calendar__cell:not(.sbb-calendar__selected,: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-font-size-text-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-calendar-header-color)}.sbb-calendar__weekday,.sbb-calendar__day{border-radius:50%;width:var(--sbb-calendar-cell-size)}.sbb-calendar__weekday:before,.sbb-calendar__day:before{border-radius:50%}.sbb-calendar__pill{width:var(--sbb-calendar-wide-cell-size);border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__pill:before{border-radius:var(--sbb-border-radius-infinity)}.sbb-calendar__crossed-out:after{content:"";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);position:absolute;background-color:var(--sbb-calendar-cell-disabled-color);top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg)}.sbb-calendar__cell-current{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-calendar__selected{--sbb-calendar-cell-color: var(--sbb-calendar-cell-selected-color);--sbb-calendar-cell-background-color: var(--sbb-calendar-cell-selected-background-color)}@media (forced-colors: active){.sbb-calendar__selected{--sbb-calendar-cell-background-color: ButtonText !important}}@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))}}`;
+let Ct = (() => {
+  var N, C, I, R, S, T, E, P, L, B, H, q, p;
+  let o = [He("sbb-calendar")], n, d = [], b, g = nt(Be), v = [], $, O = [], A = [], M, W = [], ae = [], se, ie = [], re = [], ne, le = [], oe = [], de, ce = [], he = [], be, _e, ue = [], fe = [], pe, ge = [], me = [], we, ve = [], ye = [], De, Ae = [], ke = [], xe, $e = [], Ve = [], Me, Ye, ze = [], Fe = [], Oe, We = [], Ne = [];
   return p = class extends g {
     constructor() {
       super();
+      x(this, N);
       x(this, C);
       x(this, I);
       x(this, R);
@@ -105,60 +106,59 @@ let It = (() => {
       x(this, L);
       x(this, B);
       x(this, H);
-      x(this, K);
       x(this, q);
-      f(this, C, (u(this, v), u(this, W, !1))), f(this, I, (u(this, A), u(this, N, "day"))), f(this, R, (u(this, se), u(this, re, null))), f(this, S, (u(this, ne), u(this, oe, null))), f(this, T, (u(this, de), u(this, he, !1))), f(this, E, (u(this, be), u(this, fe, null))), f(this, P, (u(this, pe), u(this, me, null))), f(this, L, (u(this, we), u(this, ye, "horizontal"))), f(this, B, (u(this, De), u(this, ke, !1))), this._dateAdapter = (u(this, xe), je().datetime?.dateAdapter ?? Je), f(this, H, u(this, Ve, this._dateAdapter.today())), f(this, K, (u(this, Me), u(this, Fe, "day"))), this._nextCalendarView = (u(this, Oe), "day"), this._keyboardNavigationDayViewParameters = {
+      f(this, N, (u(this, v), u(this, O, !1))), f(this, C, (u(this, A), u(this, W, "day"))), f(this, I, (u(this, ae), u(this, ie, null))), f(this, R, (u(this, re), u(this, le, null))), f(this, S, (u(this, oe), u(this, ce, !1))), f(this, T, (u(this, he), u(this, ue, null))), f(this, E, (u(this, fe), u(this, ge, null))), f(this, P, (u(this, me), u(this, ve, "horizontal"))), f(this, L, (u(this, ye), u(this, Ae, !1))), this._dateAdapter = (u(this, ke), Ue().datetime?.dateAdapter ?? Qe), f(this, B, u(this, $e, this._dateAdapter.today())), f(this, H, (u(this, Ve), u(this, ze, "day"))), this._nextCalendarView = (u(this, Fe), "day"), this._keyboardNavigationDayViewParameters = {
         firstDayInView: null,
         lastDayInView: null,
         firstMonthOffset: 0,
         firstMonthLength: 0,
         secondMonthOffset: 0
-      }, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._resetFocus = !1, f(this, q, u(this, Ne, !1)), this._language = (u(this, Ce), new Ge(this).withHandler(() => {
+      }, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._resetFocus = !1, f(this, q, u(this, We, !1)), this._language = (u(this, Ne), new je(this).withHandler(() => {
         this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
-      })), this._mediaMatcher = new Qe(this, {
-        [Te]: () => this._init()
+      })), this._mediaMatcher = new Ge(this, {
+        [Se]: () => this._init()
       }), this._createMonthRows(), this._setWeekdays();
     }
     /** If set to true, two months are displayed */
     get wide() {
-      return k(this, C);
+      return k(this, N);
     }
     set wide(e) {
-      f(this, C, e);
+      f(this, N, e);
     }
     /** The initial view of the calendar which should be displayed on opening. */
     get view() {
-      return k(this, I);
+      return k(this, C);
     }
     set view(e) {
-      f(this, I, e);
+      f(this, C, e);
     }
     /**
      * The minimum valid date. Accepts a date object or null.
      * Accepts an ISO8601 formatted string (e.g. 2024-12-24) as attribute.
      */
     get min() {
-      return k(this, R);
+      return k(this, I);
     }
     set min(e) {
-      f(this, R, e);
+      f(this, I, e);
     }
     /**
      * The maximum valid date. Accepts a date object or null.
      * Accepts an ISO8601 formatted string (e.g. 2024-12-24) as attribute.
      */
     get max() {
-      return k(this, S);
+      return k(this, R);
     }
     set max(e) {
-      f(this, S, e);
+      f(this, R, e);
     }
     /** Whether the calendar allows for multiple date selection. */
     get multiple() {
-      return k(this, T);
+      return k(this, S);
     }
     set multiple(e) {
-      f(this, T, e);
+      f(this, S, e);
     }
     /**
      * The selected date: accepts a date object, or, if `multiple`, an array of dates.
@@ -175,38 +175,38 @@ let It = (() => {
       return this._selected;
     }
     get _selected() {
-      return k(this, E);
+      return k(this, T);
     }
     set _selected(e) {
-      f(this, E, e);
+      f(this, T, e);
     }
     /** A function used to filter out dates. */
     get dateFilter() {
-      return k(this, P);
+      return k(this, E);
     }
     set dateFilter(e) {
-      f(this, P, e);
+      f(this, E, e);
     }
     /** The orientation of days in the calendar. */
     get orientation() {
-      return k(this, L);
+      return k(this, P);
     }
     set orientation(e) {
-      f(this, L, e);
+      f(this, P, e);
     }
     /** Whether it has to display the week numbers in addition to week days. */
     get weekNumbers() {
-      return k(this, B);
+      return k(this, L);
     }
     set weekNumbers(e) {
-      f(this, B, e);
+      f(this, L, e);
     }
     /** The currently active date. */
     get _activeDate() {
-      return k(this, H);
+      return k(this, B);
     }
     set _activeDate(e) {
-      f(this, H, e);
+      f(this, B, e);
     }
     /** The current wide property considering property value and breakpoints. From zero to small `wide` has always to be false. */
     set _wide(e) {
@@ -216,10 +216,10 @@ let It = (() => {
       return this.hasAttribute("data-wide");
     }
     get _calendarView() {
-      return k(this, K);
+      return k(this, H);
     }
     set _calendarView(e) {
-      f(this, K, e);
+      f(this, H, e);
     }
     /** A list of buttons corresponding to days, months or years depending on the view. */
     get _cells() {
@@ -261,12 +261,12 @@ let It = (() => {
     }
     /** Initializes the component. */
     _init(e) {
-      if (!Se) {
+      if (!Re) {
         if (this.hydrationRequired) {
           this.hydrationComplete.then(() => this._init());
           return;
         }
-        if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(Te) ?? !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) {
+        if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(Se) ?? !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) {
           const t = this._dateAdapter.addCalendarMonths(this._activeDate, 1);
           this._nextMonthWeeks = this._createWeekRows(t, !0), this._nextMonthYears = this._createYearRows(V), this._nextMonthWeekNumbers = this._createWeekNumbers(t);
         }
@@ -297,7 +297,7 @@ let It = (() => {
      * Then, this array is mapped via the `getWeek` function, which returns the ISO week number for that date.
      */
     _createWeekNumbers(e) {
-      return ft({ start: pt(e), end: _t(e) }, { weekStartsOn: 1 }).map((t) => te(t, { weekStartsOn: 1, firstWeekContainsDate: 4 }));
+      return ut({ start: ft(e), end: bt(e) }, { weekStartsOn: 1 }).map((t) => ee(t, { weekStartsOn: 1, firstWeekContainsDate: 4 }));
     }
     /** Creates the rows along the horizontal direction and sets the parameters used in keyboard navigation. */
     _createWeekRows(e, t = !1) {
@@ -316,15 +316,15 @@ let It = (() => {
       const i = [[]];
       for (let l = 0, r = s; l < a; l++, r++) {
         r === D && (i.push([]), r = 0);
-        const d = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), l + 1), _ = this._dateAdapter.toIso8601(d);
+        const c = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), l + 1), _ = this._dateAdapter.toIso8601(c);
         i[i.length - 1].push({
           value: _,
-          dateValue: d,
+          dateValue: c,
           dayValue: t[l],
-          monthValue: String(this._dateAdapter.getMonth(d)),
-          yearValue: String(this._dateAdapter.getYear(d)),
-          weekValue: te(_, { weekStartsOn: 1, firstWeekContainsDate: 4 }),
-          weekDayValue: this._dateAdapter.getDayOfWeek(d)
+          monthValue: String(this._dateAdapter.getMonth(c)),
+          yearValue: String(this._dateAdapter.getYear(c)),
+          weekValue: ee(_, { weekStartsOn: 1, firstWeekContainsDate: 4 }),
+          weekDayValue: this._dateAdapter.getDayOfWeek(c)
         });
       }
       return i;
@@ -347,15 +347,15 @@ let It = (() => {
       const i = Array.from({ length: D }, () => []);
       for (let l = 0, r = s; l < a; l++, r++) {
         r === D && (r = 0);
-        const d = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), l + 1), _ = this._dateAdapter.toIso8601(d);
+        const c = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), l + 1), _ = this._dateAdapter.toIso8601(c);
         i[r].push({
           value: _,
-          dateValue: d,
+          dateValue: c,
           dayValue: t[l],
-          monthValue: String(this._dateAdapter.getMonth(d)),
-          yearValue: String(this._dateAdapter.getYear(d)),
-          weekValue: te(_, { weekStartsOn: 1, firstWeekContainsDate: 4 }),
-          weekDayValue: this._dateAdapter.getDayOfWeek(d)
+          monthValue: String(this._dateAdapter.getMonth(c)),
+          yearValue: String(this._dateAdapter.getYear(c)),
+          weekValue: ee(_, { weekStartsOn: 1, firstWeekContainsDate: 4 }),
+          weekDayValue: this._dateAdapter.getDayOfWeek(c)
         });
       }
       return i;
@@ -436,22 +436,16 @@ let It = (() => {
       return !1;
     }
     /** Emits the selected date and sets it internally. */
-    _selectDate(e, t) {
+    _selectDate(e) {
       if (this._chosenMonth = void 0, this._setChosenYear(), this.multiple) {
-        if (e.ctrlKey || e.metaKey)
-          if (this._selected && this._selected.length > 0) {
-            const a = this._selected.findIndex((s) => this._dateAdapter.compareDate(s, t) === 0);
-            a !== -1 ? (this._selected.splice(a, 1), this._selected = [...this._selected]) : this._selected = [...this._selected, t];
-          } else
-            this._selected = [t];
-        else {
-          if (this._selected?.length === 1 && this._dateAdapter.compareDate(this._selected[0], t) === 0)
-            return;
-          this._selected = [t];
-        }
-        this._emitDateSelectedEvent(this._selected.map((a) => this._dateAdapter.deserialize(a)));
+        if (this._selected && this._selected.length > 0) {
+          const t = this._selected.findIndex((a) => this._dateAdapter.compareDate(a, e) === 0);
+          t !== -1 ? this._selected = this._selected.filter((a, s) => s !== t) : this._selected = [...this._selected, e];
+        } else
+          this._selected = [e];
+        this._emitDateSelectedEvent(this._selected.map((t) => this._dateAdapter.deserialize(t)));
       } else
-        (!this._selected || this._dateAdapter.compareDate(this._selected, t) !== 0) && (this._selected = t, this._emitDateSelectedEvent(this._dateAdapter.deserialize(t)));
+        (!this._selected || this._dateAdapter.compareDate(this._selected, e) !== 0) && (this._selected = e, this._emitDateSelectedEvent(this._dateAdapter.deserialize(e)));
     }
     /**
      * Handle multiple dates selection via weekNumber / weekDay buttons:
@@ -460,17 +454,9 @@ let It = (() => {
      *     - if the new dates are the same of the current ones, it means that the same button has been clicked twice, so do nothing;
      *     - if not, the selected dates are the new ones.
      */
-    _selectMultipleDates(e, t) {
-      const a = this._cells.filter((r) => !r.disabled).map((r) => r.value), s = t.map((r) => r.value).filter((r) => a.includes(r)), i = new Set(s), l = new Set(this._selected.map((r) => this._dateAdapter.toIso8601(r)));
-      if (e.ctrlKey || e.metaKey) {
-        const r = this._updateSelectedWithMultipleDates(s, i, l);
-        this._selected = r.map((d) => this._dateAdapter.deserialize(d));
-      } else {
-        if (i.size === l.size && [...i].every((r) => l.has(r)))
-          return;
-        this._selected = s.map((r) => this._dateAdapter.deserialize(r));
-      }
-      this._emitDateSelectedEvent(this._selected.map((r) => this._dateAdapter.deserialize(r)));
+    _selectMultipleDates(e) {
+      const t = this._cells.filter((r) => !r.disabled).map((r) => r.value), a = e.map((r) => r.value).filter((r) => t.includes(r)), s = new Set(a), i = new Set(this._selected.map((r) => this._dateAdapter.toIso8601(r))), l = this._updateSelectedWithMultipleDates(a, s, i);
+      this._selected = l.map((r) => this._dateAdapter.deserialize(r)), this._emitDateSelectedEvent(this._selected.map((r) => this._dateAdapter.deserialize(r)));
     }
     /**
      * Emits the dateselected event given the detail (as T or T[] based on the value of the multiple flag).
@@ -585,7 +571,7 @@ let It = (() => {
       }
     }
     _handleKeyboardEvent(e, t) {
-      Ue(e) && e.preventDefault();
+      Ke(e) && e.preventDefault();
       const a = this._cells, s = a.findIndex((r) => r === e.target);
       let i;
       t ? i = this._navigateByKeyboardDayView(e, s, a, t) : i = this._navigateByKeyboard(e, s, a);
@@ -605,16 +591,16 @@ let It = (() => {
           return this._findDayArrows(a, t, s.dateValue, i.leftRight);
         case "PageUp":
           if (this.orientation === "horizontal") {
-            const d = (+s.dayValue % D || D) - +s.dayValue;
-            return this._findDayPageUpDown(a, t, s, d, i.upDown);
+            const c = (+s.dayValue % D || D) - +s.dayValue;
+            return this._findDayPageUpDown(a, t, s, c, i.upDown);
           } else {
             const _ = (Math.ceil((+s.dayValue + l) / D) - 1) * D - l + 1 - +s.dayValue;
             return this._findDayPageUpDown(a, t, s, _, i.upDown);
           }
         case "PageDown":
           if (this.orientation === "horizontal") {
-            const r = +s.monthValue + 1 > 12 ? 1 : +s.monthValue + 1, d = +s.monthValue + 1 > 12 ? +s.yearValue + 1 : +s.yearValue, _ = this._dateAdapter.createDate(d, r, 1), m = this._dateAdapter.getDate(this._dateAdapter.addCalendarDays(_, -1)), Y = Math.trunc((m - +s.dayValue) / D) * D;
-            return this._findDayPageUpDown(a, t, s, Y, -i.upDown);
+            const r = +s.monthValue + 1 > 12 ? 1 : +s.monthValue + 1, c = +s.monthValue + 1 > 12 ? +s.yearValue + 1 : +s.yearValue, _ = this._dateAdapter.createDate(c, r, 1), w = this._dateAdapter.getDate(this._dateAdapter.addCalendarDays(_, -1)), j = Math.trunc((w - +s.dayValue) / D) * D;
+            return this._findDayPageUpDown(a, t, s, j, -i.upDown);
           } else {
             const _ = Math.ceil((+s.dayValue + l) / D) * D - l - +s.dayValue;
             return this._findDayPageUpDown(a, t, s, _, -i.upDown);
@@ -622,7 +608,7 @@ let It = (() => {
         case "Home":
           return this._findDayFirst(a, t, s, 1);
         case "End": {
-          const r = +s.monthValue + 1 > 12 ? 1 : +s.monthValue + 1, d = +s.monthValue + 1 > 12 ? +s.yearValue + 1 : +s.yearValue, _ = this._dateAdapter.createDate(d, r, 1);
+          const r = +s.monthValue + 1 > 12 ? 1 : +s.monthValue + 1, c = +s.monthValue + 1 > 12 ? +s.yearValue + 1 : +s.yearValue, _ = this._dateAdapter.createDate(c, r, 1);
           return this._findDayLast(a, t, _);
         }
         default:
@@ -643,7 +629,7 @@ let It = (() => {
       const l = this._dateAdapter.toIso8601(this._dateAdapter.addCalendarDays(a.dateValue, s));
       if (this._isDayOutOfView(l))
         return e[t];
-      const r = e.find((d) => d.value === l);
+      const r = e.find((c) => c.value === l);
       return !r || r.disabled ? this._findDayPageUpDown(e, t, a, s + i, i) : r;
     }
     _findDayFirst(e, t, a, s) {
@@ -695,7 +681,7 @@ let It = (() => {
      * @param isYearView Whether the displayed `view` is the year one.
      */
     _calculateParametersForKeyboardNavigation(e, t) {
-      const a = t ? V : Xe, s = Math.trunc(e / a) * a, i = s === 0 ? e : e - a;
+      const a = t ? V : Je, s = Math.trunc(e / a) * a, i = s === 0 ? e : e - a;
       return {
         verticalOffset: t ? X : J,
         elementIndexForWideMode: i,
@@ -739,23 +725,23 @@ let It = (() => {
       const e = this._wide ? this._dateAdapter.addCalendarMonths(this._activeDate, 1) : void 0;
       return h`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentMonth(-1), et[this._language.current], this._previousMonthDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentMonth(-1), Ze[this._language.current], this._previousMonthDisabled())}
         <div class="sbb-calendar__controls-month">
           ${this._createLabelForDayView(this._activeDate)}
-          ${this._wide ? this._createLabelForDayView(e) : w}
+          ${this._wide ? this._createLabelForDayView(e) : m}
           <sbb-screen-reader-only role="status">
             ${this._createAriaLabelForDayView(this._activeDate, e)}
           </sbb-screen-reader-only>
         </div>
-        ${this._getArrow("right", () => this._goToDifferentMonth(1), tt[this._language.current], this._nextMonthDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentMonth(1), et[this._language.current], this._nextMonthDisabled())}
       </div>
       <div class="sbb-calendar__table-container sbb-calendar__table-day-view">
         ${this.orientation === "horizontal" ? h`
               ${this._createDayTable(this._weeks, this._weekNumbers)}
-              ${this._wide ? this._createDayTable(this._nextMonthWeeks, this._nextMonthWeekNumbers, !0) : w}
+              ${this._wide ? this._createDayTable(this._nextMonthWeeks, this._nextMonthWeekNumbers, !0) : m}
             ` : h`
               ${this._createDayTableVertical(this._weeks, this._weekNumbers)}
-              ${this._wide ? this._createDayTableVertical(this._nextMonthWeeks, this._nextMonthWeekNumbers, e) : w}
+              ${this._wide ? this._createDayTableVertical(this._nextMonthWeeks, this._nextMonthWeekNumbers, e) : m}
             `}
       </div>
     `;
@@ -767,7 +753,7 @@ let It = (() => {
       <button
         type="button"
         class="sbb-calendar__date-selection sbb-calendar__controls-change-date"
-        aria-label="${at[this._language.current]} ${t}"
+        aria-label="${tt[this._language.current]} ${t}"
         @click=${() => {
         this._resetFocus = !0, this._nextCalendarView = "year", this._startTableTransition();
       }}
@@ -795,16 +781,16 @@ let It = (() => {
       >
         <thead class="sbb-calendar__table-header">
           <tr>
-            ${this.weekNumbers ? h`<th class="sbb-calendar__table-header-cell"></th>` : w}
-            ${this._weekdays.map((r, d) => h`
+            ${this.weekNumbers ? h`<th class="sbb-calendar__table-header-cell"></th>` : m}
+            ${this._weekdays.map((r, c) => h`
                 <th class="sbb-calendar__table-header-cell">
                   ${this.multiple ? h`
                         <button
                           class="sbb-calendar__header-cell sbb-calendar__weekday"
                           aria-label=${r.long}
-                          @click=${(_) => {
-        const m = l.filter((Y) => Y.weekDayValue === (d + 1) % 7);
-        this._selectMultipleDates(_, m);
+                          @click=${() => {
+        const _ = l.filter((w) => w.weekDayValue === (c + 1) % 7);
+        this._selectMultipleDates(_);
       }}
                         >
                           ${r.narrow}
@@ -818,31 +804,31 @@ let It = (() => {
           </tr>
         </thead>
         <tbody class="sbb-calendar__table-body">
-          ${e.map((r, d) => {
+          ${e.map((r, c) => {
         const _ = D - r.length;
-        return d === 0 && _ ? h`
+        return c === 0 && _ ? h`
                 <tr>
                   ${this.weekNumbers ? h`
                         <td class="sbb-calendar__table-header-cell">
                           ${this.multiple ? h`
                                 <button
                                   class="sbb-calendar__header-cell sbb-calendar__weekday"
-                                  aria-label=${`${U[this._language.current]} ${t[0]}`}
-                                  @click=${(m) => {
-          const Y = i.filter((Z) => Z.weekValue === t[0]);
-          this._selectMultipleDates(m, Y);
+                                  aria-label=${`${K[this._language.current]} ${t[0]}`}
+                                  @click=${() => {
+          const w = i.filter((j) => j.weekValue === t[0]);
+          this._selectMultipleDates(w);
         }}
                                 >
                                   ${t[0]}
                                 </button>
                               ` : h`
                                 <sbb-screen-reader-only
-                                  >${`${U[this._language.current]} ${t[0]}`}</sbb-screen-reader-only
+                                  >${`${K[this._language.current]} ${t[0]}`}</sbb-screen-reader-only
                                 >
                                 <span aria-hidden="true">${t[0]}</span>
                               `}
                         </td>
-                      ` : w}
+                      ` : m}
                   ${[...Array(_).keys()].map(() => h`<td class="sbb-calendar__table-data"></td>`)}
                   ${this._createDayCells(r, s)}
                 </tr>
@@ -853,22 +839,22 @@ let It = (() => {
                         ${this.multiple ? h`
                               <button
                                 class="sbb-calendar__header-cell sbb-calendar__weekday"
-                                aria-label=${`${U[this._language.current]} ${t[d]}`}
-                                @click=${(m) => {
-          const Y = i.filter((Z) => Z.weekValue === t[d]);
-          this._selectMultipleDates(m, Y);
+                                aria-label=${`${K[this._language.current]} ${t[c]}`}
+                                @click=${() => {
+          const w = i.filter((j) => j.weekValue === t[c]);
+          this._selectMultipleDates(w);
         }}
                               >
-                                ${t[d]}
+                                ${t[c]}
                               </button>
                             ` : h`
                               <sbb-screen-reader-only
-                                >${`${U[this._language.current]} ${t[d]}`}</sbb-screen-reader-only
+                                >${`${K[this._language.current]} ${t[c]}`}</sbb-screen-reader-only
                               >
-                              <span aria-hidden="true">${t[d]}</span>
+                              <span aria-hidden="true">${t[c]}</span>
                             `}
                       </td>
-                    ` : w}
+                    ` : m}
                 ${this._createDayCells(r, s)}
               </tr>
             `;
@@ -889,23 +875,23 @@ let It = (() => {
         ${this.weekNumbers ? h`
               <thead class="sbb-calendar__table-header">
                 <tr>
-                  ${a ? w : h`<th class="sbb-calendar__table-data"></th>`}
+                  ${a ? m : h`<th class="sbb-calendar__table-data"></th>`}
                   ${t.map((r) => h`
                       <th class="sbb-calendar__table-header-cell">
                         ${this.multiple ? h`
                               <button
                                 class="sbb-calendar__header-cell sbb-calendar__weekday"
-                                aria-label=${`${U[this._language.current]} ${r}`}
-                                @click=${(d) => {
-        const _ = l.filter((m) => m.weekValue === r);
-        this._selectMultipleDates(d, _);
+                                aria-label=${`${K[this._language.current]} ${r}`}
+                                @click=${() => {
+        const c = l.filter((_) => _.weekValue === r);
+        this._selectMultipleDates(c);
       }}
                               >
                                 ${r}
                               </button>
                             ` : h`
                               <sbb-screen-reader-only
-                                >${`${U[this._language.current]} ${r}`}</sbb-screen-reader-only
+                                >${`${K[this._language.current]} ${r}`}</sbb-screen-reader-only
                               >
                               <span aria-hidden="true">${r}</span>
                             `}
@@ -913,19 +899,19 @@ let It = (() => {
                     `)}
                 </tr>
               </thead>
-            ` : w}
+            ` : m}
         <tbody class="sbb-calendar__table-body">
-          ${e.map((r, d) => {
-        const _ = this._weekdays[d], m = this._wide ? [...r, ...this._nextMonthWeeks[d]] : r;
+          ${e.map((r, c) => {
+        const _ = this._weekdays[c], w = this._wide ? [...r, ...this._nextMonthWeeks[c]] : r;
         return h`
               <tr>
-                ${a ? w : h`
+                ${a ? m : h`
                       <td class="sbb-calendar__table-header-cell">
                         ${this.multiple ? h`
                               <button
                                 class="sbb-calendar__header-cell sbb-calendar__weekday"
                                 aria-label=${_.long}
-                                @click=${(Y) => this._selectMultipleDates(Y, m)}
+                                @click=${() => this._selectMultipleDates(w)}
                               >
                                 ${_.narrow}
                               </button>
@@ -935,7 +921,7 @@ let It = (() => {
                             `}
                       </td>
                     `}
-                ${d < i ? h`<td class="sbb-calendar__table-data"></td>` : w}
+                ${c < i ? h`<td class="sbb-calendar__table-data"></td>` : m}
                 ${this._createDayCells(r, s)}
               </tr>
             `;
@@ -949,7 +935,7 @@ let It = (() => {
       return e.map((a) => {
         const s = !this._isDayInRange(a.value), i = !this._dateFilter(this._dateAdapter.deserialize(a.value)), l = a.value === t;
         let r;
-        return this.multiple ? r = this._selected.find((d) => this._dateAdapter.compareDate(a.dateValue, d) === 0) !== void 0 : r = !!this._selected && this._dateAdapter.compareDate(a.dateValue, this._selected) === 0, h`
+        return this.multiple ? r = this._selected.find((c) => this._dateAdapter.compareDate(a.dateValue, c) === 0) !== void 0 : r = !!this._selected && this._dateAdapter.compareDate(a.dateValue, this._selected) === 0, h`
         <td
           class=${Q({
           "sbb-calendar__table-data": !0,
@@ -964,16 +950,16 @@ let It = (() => {
           "sbb-calendar__selected": r,
           "sbb-calendar__crossed-out": !s && i
         })}
-            @click=${(d) => this._selectDate(d, a.dateValue)}
+            @click=${() => this._selectDate(a.dateValue)}
             ?disabled=${s || i}
             value=${a.value}
             type="button"
             aria-label=${this._dateAdapter.getAccessibilityFormatDate(a.value)}
             aria-pressed=${r}
             aria-disabled=${s || i}
-            aria-current=${l ? "date" : w}
+            aria-current=${l ? "date" : m}
             tabindex="-1"
-            @keydown=${(d) => this._handleKeyboardEvent(d, a)}
+            @keydown=${(c) => this._handleKeyboardEvent(c, a)}
             sbb-popover-close
           >
             ${a.dayValue}
@@ -986,13 +972,13 @@ let It = (() => {
     _renderMonthView() {
       return h`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentYear(-1), st[this._language.current], this._previousYearDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentYear(-1), at[this._language.current], this._previousYearDisabled())}
         <div class="sbb-calendar__controls-month">${this._createLabelForMonthView()}</div>
-        ${this._getArrow("right", () => this._goToDifferentYear(1), it[this._language.current], this._nextYearDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentYear(1), st[this._language.current], this._nextYearDisabled())}
       </div>
       <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) : w}
+        ${this._wide ? this._createMonthTable(this._months, this._chosenYear + 1) : m}
       </div>
     `;
     }
@@ -1002,10 +988,10 @@ let It = (() => {
         type="button"
         id="sbb-calendar__month-selection"
         class="sbb-calendar__controls-change-date"
-        aria-label=${`${Pe[this._language.current]} ${this._chosenYear}`}
+        aria-label=${`${Ee[this._language.current]} ${this._chosenYear}`}
         @click=${() => this._resetCalendarView(!0)}
       >
-        ${this._chosenYear} ${this._wide ? ` - ${this._chosenYear + 1}` : w}
+        ${this._chosenYear} ${this._wide ? ` - ${this._chosenYear + 1}` : m}
         <sbb-icon name="chevron-small-up-small"></sbb-icon>
       </button>
       <sbb-screen-reader-only role="status"> ${this._chosenYear} </sbb-screen-reader-only>`;
@@ -1021,7 +1007,7 @@ let It = (() => {
               <tr>
                 <th class="sbb-calendar__table-header-cell" colspan=${J}>${t}</th>
               </tr>
-            </thead>` : w}
+            </thead>` : m}
         <tbody class="sbb-calendar__table-body">
           ${e.map((a) => h`
               <tr>
@@ -1030,10 +1016,10 @@ let It = (() => {
         if (this.multiple)
           i = this._selected.find((_) => t === this._dateAdapter.getYear(_) && s.monthValue === this._dateAdapter.getMonth(_)) !== void 0;
         else {
-          const _ = this._selected ? this._dateAdapter.getMonth(this._selected) : void 0, m = this._selected ? this._dateAdapter.getYear(this._selected) : void 0;
-          i = !!this._selected && t === m && s.monthValue === _;
+          const _ = this._selected ? this._dateAdapter.getMonth(this._selected) : void 0, w = this._selected ? this._dateAdapter.getYear(this._selected) : void 0;
+          i = !!this._selected && t === w && s.monthValue === _;
         }
-        const l = !this._isMonthInRange(s.monthValue, t), r = !this._isMonthFilteredOut(s.monthValue, t), d = t === this._dateAdapter.getYear(this._dateAdapter.today()) && this._dateAdapter.getMonth(this._dateAdapter.today()) === s.monthValue;
+        const l = !this._isMonthInRange(s.monthValue, t), r = !this._isMonthFilteredOut(s.monthValue, t), c = t === this._dateAdapter.getYear(this._dateAdapter.today()) && this._dateAdapter.getMonth(this._dateAdapter.today()) === s.monthValue;
         return h` <td
                     class=${Q({
           "sbb-calendar__table-data": !0,
@@ -1044,7 +1030,7 @@ let It = (() => {
                       class=${Q({
           "sbb-calendar__cell": !0,
           "sbb-calendar__pill": !0,
-          "sbb-calendar__cell-current": d,
+          "sbb-calendar__cell-current": c,
           "sbb-calendar__crossed-out": !l && r,
           "sbb-calendar__selected": i
         })}
@@ -1054,7 +1040,7 @@ let It = (() => {
                       aria-pressed=${i}
                       aria-disabled=${String(l || r)}
                       tabindex="-1"
-                      data-month=${s.monthValue || w}
+                      data-month=${s.monthValue || m}
                       @keydown=${(_) => this._handleKeyboardEvent(_)}
                     >
                       ${s.value}
@@ -1075,13 +1061,13 @@ let It = (() => {
     _renderYearView() {
       return h`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentYearRange(-V), rt(V)[this._language.current], this._previousYearRangeDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentYearRange(-V), it(V)[this._language.current], this._previousYearRangeDisabled())}
         <div class="sbb-calendar__controls-month">${this._createLabelForYearView()}</div>
-        ${this._getArrow("right", () => this._goToDifferentYearRange(V), nt(V)[this._language.current], this._nextYearRangeDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentYearRange(V), rt(V)[this._language.current], this._nextYearRangeDisabled())}
       </div>
       <div class="sbb-calendar__table-container sbb-calendar__table-year-view">
         ${this._createYearTable(this._years)}
-        ${this._wide ? this._createYearTable(this._nextMonthYears, !0) : w}
+        ${this._wide ? this._createYearTable(this._nextMonthYears, !0) : m}
       </div>
     `;
     }
@@ -1104,7 +1090,7 @@ let It = (() => {
         type="button"
         id="sbb-calendar__year-selection"
         class="sbb-calendar__controls-change-date"
-        aria-label="${Pe[this._language.current]} ${s}"
+        aria-label="${Ee[this._language.current]} ${s}"
         @click=${() => this._resetCalendarView(!0)}
       >
         ${s}
@@ -1125,29 +1111,29 @@ let It = (() => {
               ${s.map((i) => {
         let l;
         if (this.multiple)
-          l = this._selected.find((m) => i === this._dateAdapter.getYear(m)) !== void 0;
+          l = this._selected.find((w) => i === this._dateAdapter.getYear(w)) !== void 0;
         else {
-          const m = this._selected ? this._dateAdapter.getYear(this._selected) : void 0;
-          l = !!this._selected && i === m;
+          const w = this._selected ? this._dateAdapter.getYear(this._selected) : void 0;
+          l = !!this._selected && i === w;
         }
-        const r = !this._isYearInRange(i), d = !this._isYearFilteredOut(i), _ = this._dateAdapter.getYear(a) === i;
+        const r = !this._isYearInRange(i), c = !this._isYearFilteredOut(i), _ = this._dateAdapter.getYear(a) === i;
         return h` <td class="sbb-calendar__table-data sbb-calendar__table-year">
                   <button
                     class=${Q({
           "sbb-calendar__cell": !0,
           "sbb-calendar__pill": !0,
           "sbb-calendar__cell-current": _,
-          "sbb-calendar__crossed-out": !r && d,
+          "sbb-calendar__crossed-out": !r && c,
           "sbb-calendar__selected": l
         })}
                     @click=${() => this._onYearSelection(i, t)}
-                    ?disabled=${r || d}
+                    ?disabled=${r || c}
                     aria-label=${i}
                     aria-pressed=${l}
-                    aria-disabled=${String(r || d)}
+                    aria-disabled=${String(r || c)}
                     tabindex="-1"
-                    data-year=${i || w}
-                    @keydown=${(m) => this._handleKeyboardEvent(m)}
+                    data-year=${i || m}
+                    @keydown=${(w) => this._handleKeyboardEvent(w)}
                   >
                     ${i}
                   </button>
@@ -1162,8 +1148,8 @@ let It = (() => {
       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 (Se || this.hydrationRequired)
-        return h`${w}`;
+      if (Re || this.hydrationRequired)
+        return h`${m}`;
       switch (this._calendarView) {
         case "year":
           return this._renderYearView();
@@ -1184,41 +1170,41 @@ let It = (() => {
     render() {
       return h`<div class="sbb-calendar__wrapper">${this._getView()}</div>`;
     }
-  }, C = new WeakMap(), I = new WeakMap(), R = new WeakMap(), S = new WeakMap(), T = new WeakMap(), E = new WeakMap(), P = new WeakMap(), L = new WeakMap(), B = new WeakMap(), H = new WeakMap(), K = new WeakMap(), q = new WeakMap(), b = p, (() => {
+  }, N = new WeakMap(), C = new WeakMap(), I = new WeakMap(), R = new WeakMap(), S = new WeakMap(), T = new WeakMap(), E = new WeakMap(), P = new WeakMap(), L = new WeakMap(), B = new WeakMap(), H = new WeakMap(), q = new WeakMap(), b = p, (() => {
     const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
-    $ = [ee(), z({ type: Boolean })], M = [z()], ie = [Ee(), z()], le = [Ee(), z()], ce = [ee(), Ze((t, a) => t._onMultipleChanged(a)), z({ type: Boolean })], _e = [z()], ue = [G()], ge = [z({ attribute: "date-filter" })], ve = [z({ reflect: !0 })], Ae = [ee(), z({ attribute: "week-numbers", type: Boolean })], $e = [G()], Ye = [G()], ze = [G()], We = [G()], y(p, null, $, { kind: "accessor", name: "wide", static: !1, private: !1, access: { has: (t) => "wide" in t, get: (t) => t.wide, set: (t, a) => {
+    $ = [Z(), Y({ type: Boolean })], M = [Y()], se = [Te(), Y()], ne = [Te(), Y()], de = [Z(), Xe((t, a) => t._onMultipleChanged(a)), Y({ type: Boolean })], be = [Y()], _e = [G()], pe = [Y({ attribute: "date-filter" })], we = [Y({ reflect: !0 })], De = [Z(), Y({ attribute: "week-numbers", type: Boolean })], xe = [G()], Me = [G()], Ye = [G()], Oe = [G()], y(p, null, $, { kind: "accessor", name: "wide", static: !1, private: !1, access: { has: (t) => "wide" in t, get: (t) => t.wide, set: (t, a) => {
       t.wide = a;
-    } }, metadata: e }, W, A), y(p, null, M, { kind: "accessor", name: "view", static: !1, private: !1, access: { has: (t) => "view" in t, get: (t) => t.view, set: (t, a) => {
+    } }, metadata: e }, O, A), y(p, null, M, { kind: "accessor", name: "view", static: !1, private: !1, access: { has: (t) => "view" in t, get: (t) => t.view, set: (t, a) => {
       t.view = a;
-    } }, metadata: e }, N, se), y(p, null, ie, { kind: "accessor", name: "min", static: !1, private: !1, access: { has: (t) => "min" in t, get: (t) => t.min, set: (t, a) => {
+    } }, metadata: e }, W, ae), y(p, null, se, { kind: "accessor", name: "min", static: !1, private: !1, access: { has: (t) => "min" in t, get: (t) => t.min, set: (t, a) => {
       t.min = a;
-    } }, metadata: e }, re, ne), y(p, null, le, { kind: "accessor", name: "max", static: !1, private: !1, access: { has: (t) => "max" in t, get: (t) => t.max, set: (t, a) => {
+    } }, metadata: e }, ie, re), y(p, null, ne, { kind: "accessor", name: "max", static: !1, private: !1, access: { has: (t) => "max" in t, get: (t) => t.max, set: (t, a) => {
       t.max = a;
-    } }, metadata: e }, oe, de), y(p, null, ce, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (t) => "multiple" in t, get: (t) => t.multiple, set: (t, a) => {
+    } }, metadata: e }, le, oe), y(p, null, de, { kind: "accessor", name: "multiple", static: !1, private: !1, access: { has: (t) => "multiple" in t, get: (t) => t.multiple, set: (t, a) => {
       t.multiple = a;
-    } }, metadata: e }, he, be), y(p, null, _e, { kind: "setter", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, set: (t, a) => {
+    } }, metadata: e }, ce, he), y(p, null, be, { kind: "setter", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, set: (t, a) => {
       t.selected = a;
-    } }, metadata: e }, null, v), y(p, null, ue, { kind: "accessor", name: "_selected", static: !1, private: !1, access: { has: (t) => "_selected" in t, get: (t) => t._selected, set: (t, a) => {
+    } }, metadata: e }, null, v), y(p, null, _e, { kind: "accessor", name: "_selected", static: !1, private: !1, access: { has: (t) => "_selected" in t, get: (t) => t._selected, set: (t, a) => {
       t._selected = a;
-    } }, metadata: e }, fe, pe), y(p, null, ge, { kind: "accessor", name: "dateFilter", static: !1, private: !1, access: { has: (t) => "dateFilter" in t, get: (t) => t.dateFilter, set: (t, a) => {
+    } }, metadata: e }, ue, fe), y(p, null, pe, { kind: "accessor", name: "dateFilter", static: !1, private: !1, access: { has: (t) => "dateFilter" in t, get: (t) => t.dateFilter, set: (t, a) => {
       t.dateFilter = a;
-    } }, metadata: e }, me, we), y(p, null, ve, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, a) => {
+    } }, metadata: e }, ge, me), y(p, null, we, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, a) => {
       t.orientation = a;
-    } }, metadata: e }, ye, De), y(p, null, Ae, { kind: "accessor", name: "weekNumbers", static: !1, private: !1, access: { has: (t) => "weekNumbers" in t, get: (t) => t.weekNumbers, set: (t, a) => {
+    } }, metadata: e }, ve, ye), y(p, null, De, { kind: "accessor", name: "weekNumbers", static: !1, private: !1, access: { has: (t) => "weekNumbers" in t, get: (t) => t.weekNumbers, set: (t, a) => {
       t.weekNumbers = a;
-    } }, metadata: e }, ke, xe), y(p, null, $e, { kind: "accessor", name: "_activeDate", static: !1, private: !1, access: { has: (t) => "_activeDate" in t, get: (t) => t._activeDate, set: (t, a) => {
+    } }, metadata: e }, Ae, ke), y(p, null, xe, { kind: "accessor", name: "_activeDate", static: !1, private: !1, access: { has: (t) => "_activeDate" in t, get: (t) => t._activeDate, set: (t, a) => {
       t._activeDate = a;
-    } }, metadata: e }, Ve, Me), y(p, null, Ye, { kind: "setter", name: "_wide", static: !1, private: !1, access: { has: (t) => "_wide" in t, set: (t, a) => {
+    } }, metadata: e }, $e, Ve), y(p, null, Me, { kind: "setter", name: "_wide", static: !1, private: !1, access: { has: (t) => "_wide" in t, set: (t, a) => {
       t._wide = a;
-    } }, metadata: e }, null, v), y(p, null, ze, { kind: "accessor", name: "_calendarView", static: !1, private: !1, access: { has: (t) => "_calendarView" in t, get: (t) => t._calendarView, set: (t, a) => {
+    } }, metadata: e }, null, v), y(p, null, Ye, { kind: "accessor", name: "_calendarView", static: !1, private: !1, access: { has: (t) => "_calendarView" in t, get: (t) => t._calendarView, set: (t, a) => {
       t._calendarView = a;
-    } }, metadata: e }, Fe, Oe), y(p, null, We, { kind: "accessor", name: "_initialized", static: !1, private: !1, access: { has: (t) => "_initialized" in t, get: (t) => t._initialized, set: (t, a) => {
+    } }, metadata: e }, ze, Fe), y(p, null, Oe, { kind: "accessor", name: "_initialized", static: !1, private: !1, access: { has: (t) => "_initialized" in t, get: (t) => t._initialized, set: (t, a) => {
       t._initialized = a;
-    } }, metadata: e }, Ne, Ce), y(null, n = { value: b }, o, { kind: "class", name: b.name, metadata: e }, null, c), b = n.value, e && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), p.styles = wt, p.events = {
+    } }, metadata: e }, We, Ne), y(null, n = { value: b }, o, { kind: "class", name: b.name, metadata: e }, null, d), b = n.value, e && Object.defineProperty(b, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), p.styles = mt, p.events = {
     dateselected: "dateselected"
-  }, u(b, c), b;
+  }, u(b, d), b;
 })();
 export {
-  It as SbbCalendarElement
+  Ct as SbbCalendarElement
 };