npm - @sbb-esta/lyne-elements - Versions diffs - 3.0.0-next.0 → 3.0.0-next.2 - Mend

@sbb-esta/lyne-elements 3.0.0-next.0 → 3.0.0-next.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (567) hide show

package/calendar/calendar.component.js CHANGED Viewed

@@ -1,52 +1,50 @@
-var ke = (b) => {
+var ye = (b) => {
   throw TypeError(b);
 };
-var $e = (b, _, g) => _.has(b) || ke("Cannot " + g);
-var w = (b, _, g) => ($e(b, _, "read from private field"), g ? g.call(b) : _.get(b)), v = (b, _, g) => _.has(b) ? ke("Cannot add the same private member more than once") : _ instanceof WeakSet ? _.add(b) : _.set(b, g), c = (b, _, g, D) => ($e(b, _, "write to private field"), D ? D.call(b, g) : _.set(b, g), g);
-import { __esDecorate as u, __runInitializers as d } from "tslib";
-import { css as Fe, LitElement as Ie, isServer as Me, nothing as m, html as l } from "lit";
-import { customElement as Re, property as A, state as S } from "lit/decorators.js";
-import { classMap as T } from "lit/directives/class-map.js";
-import { sbbInputModalityDetector as Oe, isArrowKeyOrPageKeysPressed as Ne } from "../core/a11y.js";
-import { readConfig as Ce } from "../core/config.js";
-import { SbbLanguageController as Se, SbbMediaMatcherController as Te, SbbMediaQueryBreakpointMediumAndAbove as Ye } from "../core/controllers.js";
-import { defaultDateAdapter as Pe, YEARS_PER_PAGE as y, DAYS_PER_ROW as f, MONTHS_PER_ROW as P, YEARS_PER_ROW as W, MONTHS_PER_PAGE as We } from "../core/datetime.js";
-import { forceType as Ee, plainDate as B } from "../core/decorators.js";
-import { EventEmitter as Le } from "../core/eventing.js";
-import { i18nPreviousMonth as Be, i18nNextMonth as qe, i18nYearMonthSelection as Ke, i18nPreviousYear as Ue, i18nNextYear as He, i18nCalendarDateSelection as ze, i18nPreviousYearRange as je, i18nNextYearRange as Ge } from "../core/i18n.js";
-import { SbbHydrationMixin as Qe } from "../core/mixins.js";
+var De = (b, _, f) => _.has(b) || ye("Cannot " + f);
+var w = (b, _, f) => (De(b, _, "read from private field"), f ? f.call(b) : _.get(b)), y = (b, _, f) => _.has(b) ? ye("Cannot add the same private member more than once") : _ instanceof WeakSet ? _.add(b) : _.set(b, f), c = (b, _, f, D) => (De(b, _, "write to private field"), D ? D.call(b, f) : _.set(b, f), f);
+import { __esDecorate as p, __runInitializers as d } from "tslib";
+import { css as $e, LitElement as Me, isServer as Ae, nothing as m, html as l } from "lit";
+import { customElement as Ye, property as A, state as C } from "lit/decorators.js";
+import { classMap as S } from "lit/directives/class-map.js";
+import { sbbInputModalityDetector as ze, isArrowKeyOrPageKeysPressed as Fe } from "../core/a11y.js";
+import { readConfig as Re } from "../core/config.js";
+import { SbbLanguageController as Ie, SbbMediaMatcherController as Oe, SbbMediaQueryBreakpointMediumAndAbove as xe } from "../core/controllers.js";
+import { defaultDateAdapter as Ne, YEARS_PER_PAGE as v, DAYS_PER_ROW as u, MONTHS_PER_ROW as T, YEARS_PER_ROW as P, MONTHS_PER_PAGE as Ce } from "../core/datetime.js";
+import { forceType as Se, plainDate as Ve } from "../core/decorators.js";
+import { EventEmitter as Te } from "../core/eventing.js";
+import { i18nPreviousMonth as Pe, i18nNextMonth as We, i18nYearMonthSelection as Ee, i18nPreviousYear as Le, i18nNextYear as Be, i18nCalendarDateSelection as ke, i18nPreviousYearRange as qe, i18nNextYearRange as Ke } from "../core/i18n.js";
+import { SbbHydrationMixin as Ue } from "../core/mixins.js";
 import "../button/secondary-button.js";
 import "../icon.js";
 import "../screen-reader-only.js";
-const Je = Fe`*,: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-cell-disabled-color: var(--sbb-color-granite);--sbb-calendar-header-color: var(--sbb-color-granite);--sbb-calendar-cell-background-color: transparent;--sbb-calendar-cell-padding: .125rem;--sbb-calendar-cell-color: var(--sbb-color-charcoal);--sbb-calendar-cell-selected-color: var(--sbb-color-white);--sbb-calendar-cell-selected-background-color: var(--sbb-color-charcoal);--sbb-calendar-cell-disabled-height: .09375rem;--sbb-calendar-cell-disabled-width: 1.59375rem;--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-charcoal);--sbb-calendar-control-view-change-background: var(--sbb-color-white)}@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-color: var(--sbb-calendar-cell-disabled-color);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-color-milk)}.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=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-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);width:var(--sbb-calendar-cell-size);padding:0;text-align:center}:host([orientation=horizontal]) .sbb-calendar__table-header{padding-block-end:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical]) .sbb-calendar__table-header{padding-inline-end:var(--sbb-spacing-fixed-1x)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.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__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__cell:not(.sbb-calendar__selected,:active,:disabled):hover{--sbb-calendar-cell-background-color: var(--sbb-color-milk);padding-block-end:var(--sbb-calendar-hover-shift)}}@media (any-hover: hover) and (forced-colors: active){.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__cell:disabled{--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);cursor:unset}.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__cell:not(.sbb-calendar__selected,:disabled):active{--sbb-calendar-cell-background-color: var(--sbb-color-cloud)}@media (forced-colors: active){.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__day{border-radius:50%;width:var(--sbb-calendar-cell-size)}.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 ft = (() => {
-  var x, V, k, $, M, Y, z, F, I, R, O, h;
-  let b = [Re("sbb-calendar")], _, g = [], D, q = Qe(Ie), E = [], K, U = [], H = [], j, G = [], Q = [], J, X = [], Z = [], ee, te = [], ae = [], se, ie = [], re = [], ne, le, oe = [], de = [], ce, he = [], be = [], _e, ue = [], fe = [], ge, pe = [], me = [], we, ve, ye = [], De = [], Ae, xe = [], Ve = [];
-  var L = (h = class extends q {
+const He = $e`*,: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-cell-disabled-color: var(--sbb-color-granite);--sbb-calendar-header-color: var(--sbb-color-granite);--sbb-calendar-cell-background-color: transparent;--sbb-calendar-cell-padding: .125rem;--sbb-calendar-cell-color: var(--sbb-color-charcoal);--sbb-calendar-cell-selected-color: var(--sbb-color-white);--sbb-calendar-cell-selected-background-color: var(--sbb-color-charcoal);--sbb-calendar-cell-disabled-height: .09375rem;--sbb-calendar-cell-disabled-width: 1.59375rem;--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-charcoal);--sbb-calendar-control-view-change-background: var(--sbb-color-white)}@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-color: var(--sbb-calendar-cell-disabled-color);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-color-milk)}.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=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-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);width:var(--sbb-calendar-cell-size);padding:0;text-align:center}:host([orientation=horizontal]) .sbb-calendar__table-header{padding-block-end:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical]) .sbb-calendar__table-header{padding-inline-end:var(--sbb-spacing-fixed-1x)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.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__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__cell:not(.sbb-calendar__selected,:active,:disabled):hover{--sbb-calendar-cell-background-color: var(--sbb-color-milk);padding-block-end:var(--sbb-calendar-hover-shift)}}@media (any-hover: hover) and (forced-colors: active){.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__cell:disabled{--sbb-calendar-cell-color: var(--sbb-calendar-cell-disabled-color);cursor:unset}.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__cell:not(.sbb-calendar__selected,:disabled):active{--sbb-calendar-cell-background-color: var(--sbb-color-cloud)}@media (forced-colors: active){.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__day{border-radius:50%;width:var(--sbb-calendar-cell-size)}.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 ht = (() => {
+  var x, V, k, $, M, Y, z, F, R, I, h;
+  let b = [Ye("sbb-calendar")], _, f = [], D, L = Ue(Me), W = [], B, q = [], K = [], U, H = [], j = [], G, Q = [], J = [], X, Z = [], ee = [], te, ae, se = [], ie = [], re, ne = [], le = [], oe, de = [], ce = [], he, be = [], _e = [], ue, fe, ge = [], pe = [], me, ve = [], we = [];
+  var E = (h = class extends L {
     constructor() {
-      var e;
       super();
-      v(this, x);
-      v(this, V);
-      v(this, k);
-      v(this, $);
-      v(this, M);
-      v(this, Y);
-      v(this, z);
-      v(this, F);
-      v(this, I);
-      v(this, R);
-      v(this, O);
-      c(this, x, (d(this, E), d(this, U, !1))), c(this, V, (d(this, H), d(this, G, "day"))), c(this, k, (d(this, Q), d(this, X, null))), c(this, $, (d(this, Z), d(this, te, null))), c(this, M, (d(this, ae), d(this, ie, null))), this._selectedDate = d(this, re), c(this, Y, d(this, oe, null)), c(this, z, (d(this, de), d(this, he, "horizontal"))), this._dateAdapter = (d(this, be), ((e = Ce().datetime) == null ? void 0 : e.dateAdapter) ?? Pe), this._dateSelected = new Le(this, L.events.dateSelected), c(this, F, d(this, ue, this.now)), c(this, I, (d(this, fe), d(this, pe, void 0))), c(this, R, (d(this, me), d(this, ye, "day"))), this._nextCalendarView = (d(this, De), "day"), this._keyboardNavigationDayViewParameters = {
+      y(this, x);
+      y(this, V);
+      y(this, k);
+      y(this, $);
+      y(this, M);
+      y(this, Y);
+      y(this, z);
+      y(this, F);
+      y(this, R);
+      y(this, I);
+      c(this, x, (d(this, W), d(this, q, !1))), c(this, V, (d(this, K), d(this, H, "day"))), c(this, k, (d(this, j), d(this, Q, null))), c(this, $, (d(this, J), d(this, Z, null))), this._selectedDate = d(this, ee), c(this, M, d(this, se, null)), c(this, Y, (d(this, ie), d(this, ne, "horizontal"))), this._dateAdapter = (d(this, le), Re().datetime?.dateAdapter ?? Ne), this._dateSelected = new Te(this, E.events.dateSelected), c(this, z, d(this, de, this._dateAdapter.today())), c(this, F, (d(this, ce), d(this, be, void 0))), c(this, R, (d(this, _e), d(this, ge, "day"))), this._nextCalendarView = (d(this, pe), "day"), this._keyboardNavigationDayViewParameters = {
         firstDayInView: null,
         lastDayInView: null,
         firstMonthOffset: 0,
         firstMonthLength: 0,
         secondMonthOffset: 0
-      }, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._resetFocus = !1, c(this, O, d(this, xe, !1)), this._language = (d(this, Ve), new Se(this).withHandler(() => {
+      }, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._resetFocus = !1, c(this, I, d(this, ve, !1)), this._language = (d(this, we), new Ie(this).withHandler(() => {
         this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
-      })), this._mediaMatcher = new Te(this, {
-        [Ye]: () => this._init()
+      })), this._mediaMatcher = new Oe(this, {
+        [xe]: () => this._init()
       }), this._createMonthRows(), this._setWeekdays();
     }
     /** If set to true, two months are displayed */
@@ -83,16 +81,6 @@ let ft = (() => {
     set max(e) {
       c(this, $, e);
     }
-    /**
-     * A configured date which acts as the current date instead of the real current date.
-     * Only recommended for testing purposes.
-     */
-    get now() {
-      return w(this, M);
-    }
-    set now(e) {
-      c(this, M, e);
-    }
     /** The selected date. Takes T Object, ISOString, and Unix Timestamp (number of seconds since Jan 1, 1970). */
     set selected(e) {
       this._selectedDate = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e)), this._selectedDate && (!this._isDayInRange(this._dateAdapter.toIso8601(this._selectedDate)) || this._dateFilter(this._selectedDate)) ? this._selected = this._dateAdapter.toIso8601(this._selectedDate) : this._selected = void 0;
@@ -102,31 +90,31 @@ let ft = (() => {
     }
     /** A function used to filter out dates. */
     get dateFilter() {
-      return w(this, Y);
+      return w(this, M);
     }
     set dateFilter(e) {
-      c(this, Y, e);
+      c(this, M, e);
     }
     /** The orientation of days in the calendar. */
     get orientation() {
-      return w(this, z);
+      return w(this, Y);
     }
     set orientation(e) {
-      c(this, z, e);
+      c(this, Y, e);
     }
     /** The currently active date. */
     get _activeDate() {
-      return w(this, F);
+      return w(this, z);
     }
     set _activeDate(e) {
-      c(this, F, e);
+      c(this, z, e);
     }
     /** The selected date as ISOString. */
     get _selected() {
-      return w(this, I);
+      return w(this, F);
     }
     set _selected(e) {
-      c(this, I, e);
+      c(this, F, e);
     }
     /** The current wide property considering property value and breakpoints. From zero to small `wide` has always to be false. */
     set _wide(e) {
@@ -146,14 +134,13 @@ let ft = (() => {
       return Array.from(this.shadowRoot.querySelectorAll(".sbb-calendar__cell") ?? []);
     }
     get _initialized() {
-      return w(this, O);
+      return w(this, I);
     }
     set _initialized(e) {
-      c(this, O, e);
+      c(this, I, e);
     }
     _dateFilter(e) {
-      var t;
-      return ((t = this.dateFilter) == null ? void 0 : t.call(this, e)) ?? !0;
+      return this.dateFilter?.(e) ?? !0;
     }
     /** Resets the active month according to the new state of the calendar. */
     resetPosition() {
@@ -170,26 +157,25 @@ let ft = (() => {
       super.willUpdate(e), this._initialized && ((e.has("wide") || e.has("orientation")) && this.resetPosition(), e.has("view") && (this._setChosenYear(), this._chosenMonth = void 0, this._nextCalendarView = this._calendarView = this.view));
     }
     updated(e) {
-      super.updated(e), this._setTabIndex(), Oe.mostRecentModality === "keyboard" && this._focusCell();
+      super.updated(e), this._setTabIndex(), ze.mostRecentModality === "keyboard" && this._focusCell();
     }
     /** Initializes the component. */
     _init(e) {
-      if (!Me) {
+      if (!Ae) {
         if (this.hydrationRequired) {
           this.hydrationComplete.then(() => this._init());
           return;
         }
-        if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(Ye) ?? !1) && this.wide, this._weeks = this._createWeekRows(this._activeDate), this._years = this._createYearRows(), this._nextMonthWeeks = [[]], this._nextMonthYears = [[]], this._wide) {
+        if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(xe) ?? !1) && this.wide, this._weeks = this._createWeekRows(this._activeDate), this._years = this._createYearRows(), this._nextMonthWeeks = [[]], this._nextMonthYears = [[]], this._wide) {
           const t = this._dateAdapter.addCalendarMonths(this._activeDate, 1);
-          this._nextMonthWeeks = this._createWeekRows(t, !0), this._nextMonthYears = this._createYearRows(y);
+          this._nextMonthWeeks = this._createWeekRows(t, !0), this._nextMonthYears = this._createYearRows(v);
         }
         this._initialized = !0;
       }
     }
     /** Focuses on a day cell prioritizing the selected day, the current day, and lastly, the first selectable day. */
     _focusCell() {
-      var e;
-      this._resetFocus && ((e = this._getFirstFocusable()) == null || e.focus(), this._resetFocus = !1);
+      this._resetFocus && (this._getFirstFocusable()?.focus(), this._resetFocus = !1);
     }
     /** Creates the array of weekdays. */
     _setWeekdays() {
@@ -215,7 +201,7 @@ let ft = (() => {
     _createWeekRowsHorizontal(e, t, a, s) {
       const i = [[]];
       for (let r = 0, n = s; r < a; r++, n++) {
-        n === f && (i.push([]), n = 0);
+        n === u && (i.push([]), n = 0);
         const o = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), r + 1);
         i[i.length - 1].push({
           value: this._dateAdapter.toIso8601(o),
@@ -242,9 +228,9 @@ let ft = (() => {
      * - row 7: all the Sundays.
      */
     _createWeekRowsVertical(e, t, a, s) {
-      const i = Array.from({ length: f }, () => []);
+      const i = Array.from({ length: u }, () => []);
       for (let r = 0, n = s; r < a; r++, n++) {
-        n === f && (n = 0);
+        n === u && (n = 0);
         const o = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), r + 1);
         i[n].push({
           value: this._dateAdapter.toIso8601(o),
@@ -262,16 +248,16 @@ let ft = (() => {
         value: e[r],
         longValue: this._monthNames[r],
         monthValue: r + 1
-      })), a = 12 / P, s = [];
+      })), a = 12 / T, s = [];
       for (let i = 0; i < a; i++)
-        s.push(t.slice(P * i, P * (i + 1)));
+        s.push(t.slice(T * i, T * (i + 1)));
       this._months = s;
     }
     /** Creates the rows for the year selection view. */
     _createYearRows(e = 0) {
-      const t = this._getStartValueYearView(), a = new Array(y).fill(0).map((r, n) => t + e + n), s = y / W, i = [];
+      const t = this._getStartValueYearView(), a = new Array(v).fill(0).map((r, n) => t + e + n), s = v / P, i = [];
       for (let r = 0; r < s; r++)
-        i.push(a.slice(W * r, W * (r + 1)));
+        i.push(a.slice(P * r, P * (r + 1)));
       return i;
     }
     /**
@@ -286,9 +272,9 @@ let ft = (() => {
      */
     _getStartValueYearView() {
       let e = 0;
-      this.max ? e = this._dateAdapter.getYear(this.max) - y + 1 : this.min && (e = this._dateAdapter.getYear(this.min));
+      this.max ? e = this._dateAdapter.getYear(this.max) - v + 1 : this.min && (e = this._dateAdapter.getYear(this.min));
       const t = this._dateAdapter.getYear(this._activeDate);
-      return t - ((t - e) % y + y) % y;
+      return t - ((t - e) % v + v) % v;
     }
     /** Checks if date is within the min-max range. */
     _isDayInRange(e) {
@@ -336,7 +322,7 @@ let ft = (() => {
       this._chosenMonth = void 0, this._setChosenYear(), this._selected !== e && (this._selected = e, this._dateSelected.emit(this._dateAdapter.deserialize(e)));
     }
     _setChosenYear() {
-      this.view === "month" ? this._chosenYear = this._dateAdapter.getYear(this._dateAdapter.deserialize(this._selected) ?? this.selected ?? this.now) : this._chosenYear = void 0;
+      this.view === "month" ? this._chosenYear = this._dateAdapter.getYear(this._dateAdapter.deserialize(this._selected) ?? this.selected ?? this._dateAdapter.today()) : this._chosenYear = void 0;
     }
     _assignActiveDate(e) {
       if (this.min && this._dateAdapter.compareDate(this.min, e) > 0) {
@@ -396,7 +382,7 @@ let ft = (() => {
       return this._nextDisabled(s);
     }
     _handleTableBlur(e) {
-      (e == null ? void 0 : e.localName) !== "button" && this._setTabIndex();
+      e?.localName !== "button" && this._setTabIndex();
     }
     _setTabIndex() {
       Array.from(this.shadowRoot.querySelectorAll('.sbb-calendar__cell[tabindex="0"]') ?? []).forEach((t) => t.tabIndex = -1);
@@ -405,9 +391,9 @@ let ft = (() => {
     }
     /** Get the element in the calendar to assign focus. */
     _getFirstFocusable() {
-      const e = this._selected ? this._dateAdapter.deserialize(this._selected) : this.now;
+      const e = this._selected ? this._dateAdapter.deserialize(this._selected) : this._dateAdapter.today();
       let t = this.shadowRoot.querySelector(".sbb-calendar__selected") ?? this.shadowRoot.querySelector(`[value="${this._dateAdapter.toIso8601(e)}"]`) ?? this.shadowRoot.querySelector(`[data-month="${this._dateAdapter.getMonth(e)}"]`) ?? this.shadowRoot.querySelector(`[data-year="${this._dateAdapter.getYear(e)}"]`);
-      return (!t || t != null && t.disabled) && (t = this._calendarView === "day" ? this._getFirstFocusableDay() : this.shadowRoot.querySelector(".sbb-calendar__cell:not([disabled])")), t || null;
+      return (!t || t?.disabled) && (t = this._calendarView === "day" ? this._getFirstFocusableDay() : this.shadowRoot.querySelector(".sbb-calendar__cell:not([disabled])")), t || null;
     }
     /**
      * In `day` view in `vertical` orientation,
@@ -426,15 +412,15 @@ let ft = (() => {
       }
     }
     _handleKeyboardEvent(e, t) {
-      Ne(e) && e.preventDefault();
+      Fe(e) && e.preventDefault();
       const a = this._cells, s = a.findIndex((n) => n === e.target);
       let i;
       t ? i = this._navigateByKeyboardDayView(e, s, a, t) : i = this._navigateByKeyboard(e, s, a);
       const r = this.shadowRoot.activeElement;
-      i !== r && (i.tabIndex = 0, i == null || i.focus(), r.tabIndex = -1);
+      i !== r && (i.tabIndex = 0, i?.focus(), r.tabIndex = -1);
     }
     _navigateByKeyboardDayView(e, t, a, s) {
-      const i = this.orientation === "horizontal" ? { leftRight: 1, upDown: f } : { leftRight: f, upDown: 1 }, r = t < this._keyboardNavigationDayViewParameters.firstMonthLength ? this._keyboardNavigationDayViewParameters.firstMonthOffset : this._keyboardNavigationDayViewParameters.secondMonthOffset;
+      const i = this.orientation === "horizontal" ? { leftRight: 1, upDown: u } : { leftRight: u, upDown: 1 }, r = t < this._keyboardNavigationDayViewParameters.firstMonthLength ? this._keyboardNavigationDayViewParameters.firstMonthOffset : this._keyboardNavigationDayViewParameters.secondMonthOffset;
       switch (e.key) {
         case "ArrowUp":
           return this._findDayArrows(a, t, s.dateValue, -i.upDown);
@@ -446,25 +432,25 @@ let ft = (() => {
           return this._findDayArrows(a, t, s.dateValue, i.leftRight);
         case "PageUp":
           if (this.orientation === "horizontal") {
-            const o = (+s.dayValue % f || f) - +s.dayValue;
+            const o = (+s.dayValue % u || u) - +s.dayValue;
             return this._findDayPageUpDown(a, t, s, o, i.upDown);
           } else {
-            const p = (Math.ceil((+s.dayValue + r) / f) - 1) * f - r + 1 - +s.dayValue;
-            return this._findDayPageUpDown(a, t, s, p, i.upDown);
+            const g = (Math.ceil((+s.dayValue + r) / u) - 1) * u - r + 1 - +s.dayValue;
+            return this._findDayPageUpDown(a, t, s, g, i.upDown);
           }
         case "PageDown":
           if (this.orientation === "horizontal") {
-            const n = +s.monthValue + 1 > 12 ? 1 : +s.monthValue + 1, o = +s.monthValue + 1 > 12 ? +s.yearValue + 1 : +s.yearValue, p = this._dateAdapter.createDate(o, n, 1), N = this._dateAdapter.getDate(this._dateAdapter.addCalendarDays(p, -1)), C = Math.trunc((N - +s.dayValue) / f) * f;
-            return this._findDayPageUpDown(a, t, s, C, -i.upDown);
+            const n = +s.monthValue + 1 > 12 ? 1 : +s.monthValue + 1, o = +s.monthValue + 1 > 12 ? +s.yearValue + 1 : +s.yearValue, g = this._dateAdapter.createDate(o, n, 1), O = this._dateAdapter.getDate(this._dateAdapter.addCalendarDays(g, -1)), N = Math.trunc((O - +s.dayValue) / u) * u;
+            return this._findDayPageUpDown(a, t, s, N, -i.upDown);
           } else {
-            const p = Math.ceil((+s.dayValue + r) / f) * f - r - +s.dayValue;
-            return this._findDayPageUpDown(a, t, s, p, -i.upDown);
+            const g = Math.ceil((+s.dayValue + r) / u) * u - r - +s.dayValue;
+            return this._findDayPageUpDown(a, t, s, g, -i.upDown);
           }
         case "Home":
           return this._findDayFirst(a, t, s, 1);
         case "End": {
-          const n = +s.monthValue + 1 > 12 ? 1 : +s.monthValue + 1, o = +s.monthValue + 1 > 12 ? +s.yearValue + 1 : +s.yearValue, p = this._dateAdapter.createDate(o, n, 1);
-          return this._findDayLast(a, t, p);
+          const n = +s.monthValue + 1 > 12 ? 1 : +s.monthValue + 1, o = +s.monthValue + 1 > 12 ? +s.yearValue + 1 : +s.yearValue, g = this._dateAdapter.createDate(o, n, 1);
+          return this._findDayLast(a, t, g);
         }
         default:
           return a[t];
@@ -536,9 +522,9 @@ let ft = (() => {
      * @param isYearView Whether the displayed `view` is the year one.
      */
     _calculateParametersForKeyboardNavigation(e, t) {
-      const a = t ? y : We, s = Math.trunc(e / a) * a, i = s === 0 ? e : e - a;
+      const a = t ? v : Ce, s = Math.trunc(e / a) * a, i = s === 0 ? e : e - a;
       return {
-        verticalOffset: t ? W : P,
+        verticalOffset: t ? P : T,
         elementIndexForWideMode: i,
         offsetForWideMode: e - i,
         lastElementIndexForWideMode: s === 0 ? a : a * 2
@@ -549,9 +535,8 @@ let ft = (() => {
      * If the found element is disabled, it continues adding `delta` until it finds an enabled one in the array bounds.
      */
     _findNext(e, t, a) {
-      var i;
       let s = t + a;
-      for (; s < e.length && ((i = e[s]) != null && i.disabled); )
+      for (; s < e.length && e[s]?.disabled; )
         s += a;
       return e[s] ?? e[t];
     }
@@ -574,14 +559,14 @@ let ft = (() => {
       return e[i].disabled ? this._findNext(e, i, -s) : e[i];
     }
     _resetCalendarView(e = !1) {
-      this._resetFocus = !0, this._activeDate = this.selected ?? this.now, this._setChosenYear(), this._chosenMonth = void 0, this._nextCalendarView = this._calendarView = this.view, e && this._startTableTransition();
+      this._resetFocus = !0, this._activeDate = this.selected ?? this._dateAdapter.today(), this._setChosenYear(), this._chosenMonth = void 0, this._nextCalendarView = this._calendarView = this.view, e && this._startTableTransition();
     }
     /** Render the view for the day selection. */
     _renderDayView() {
       const e = this._wide ? this._dateAdapter.addCalendarMonths(this._activeDate, 1) : void 0;
       return l`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentMonth(-1), Be[this._language.current], this._previousMonthDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentMonth(-1), Pe[this._language.current], this._previousMonthDisabled())}
         <div class="sbb-calendar__controls-month">
           ${this._createLabelForDayView(this._activeDate)}
           ${this._wide ? this._createLabelForDayView(e) : m}
@@ -589,7 +574,7 @@ let ft = (() => {
             ${this._createAriaLabelForDayView(this._activeDate, e)}
           </sbb-screen-reader-only>
         </div>
-        ${this._getArrow("right", () => this._goToDifferentMonth(1), qe[this._language.current], this._nextMonthDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentMonth(1), We[this._language.current], this._nextMonthDisabled())}
       </div>
       <div class="sbb-calendar__table-container sbb-calendar__table-day-view">
         ${this.orientation === "horizontal" ? l`
@@ -609,7 +594,7 @@ let ft = (() => {
       <button
         type="button"
         class="sbb-calendar__date-selection sbb-calendar__controls-change-date"
-        aria-label="${Ke[this._language.current]} ${t}"
+        aria-label="${Ee[this._language.current]} ${t}"
         @click=${() => {
         this._resetFocus = !0, this._nextCalendarView = "year", this._startTableTransition();
       }}
@@ -628,7 +613,7 @@ let ft = (() => {
     }
     /** Creates the calendar table for the daily view. */
     _createDayTable(e) {
-      const t = this._dateAdapter.toIso8601(this.now);
+      const t = this._dateAdapter.toIso8601(this._dateAdapter.today());
       return l`
       <table
         class="sbb-calendar__table"
@@ -647,7 +632,7 @@ let ft = (() => {
         </thead>
         <tbody class="sbb-calendar__table-body">
           ${e.map((a, s) => {
-        const i = f - a.length;
+        const i = u - a.length;
         return s === 0 && i ? l`
                 <tr>
                   ${[...Array(i).keys()].map(() => l`<td class="sbb-calendar__table-data"></td>`)}
@@ -663,7 +648,7 @@ let ft = (() => {
     }
     /* Creates the table in orientation='vertical'. */
     _createDayTableVertical(e, t) {
-      const a = this._dateAdapter.toIso8601(this.now), s = this._dateAdapter.getFirstWeekOffset(t ?? this._activeDate);
+      const a = this._dateAdapter.toIso8601(this._dateAdapter.today()), s = this._dateAdapter.getFirstWeekOffset(t ?? this._activeDate);
       return l`
       <table
         class="sbb-calendar__table"
@@ -694,13 +679,13 @@ let ft = (() => {
         const s = !this._isDayInRange(a.value), i = !this._dateFilter(this._dateAdapter.deserialize(a.value)), r = !!this._selected && a.value === this._selected, n = a.value === t;
         return l`
         <td
-          class=${T({
+          class=${S({
           "sbb-calendar__table-data": !0,
           "sbb-calendar__table-data-selected": r
         })}
         >
           <button
-            class=${T({
+            class=${S({
           "sbb-calendar__cell": !0,
           "sbb-calendar__day": !0,
           "sbb-calendar__cell-current": n,
@@ -729,9 +714,9 @@ let ft = (() => {
     _renderMonthView() {
       return l`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentYear(-1), Ue[this._language.current], this._previousYearDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentYear(-1), Le[this._language.current], this._previousYearDisabled())}
         <div class="sbb-calendar__controls-month">${this._createLabelForMonthView()}</div>
-        ${this._getArrow("right", () => this._goToDifferentYear(1), He[this._language.current], this._nextYearDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentYear(1), Be[this._language.current], this._nextYearDisabled())}
       </div>
       <div class="sbb-calendar__table-container sbb-calendar__table-month-view">
         ${this._createMonthTable(this._months, this._chosenYear)}
@@ -745,7 +730,7 @@ let ft = (() => {
         type="button"
         id="sbb-calendar__month-selection"
         class="sbb-calendar__controls-change-date"
-        aria-label=${`${ze[this._language.current]} ${this._chosenYear}`}
+        aria-label=${`${ke[this._language.current]} ${this._chosenYear}`}
         @click=${() => this._resetCalendarView(!0)}
       >
         ${this._chosenYear} ${this._wide ? ` - ${this._chosenYear + 1}` : m}
@@ -762,36 +747,36 @@ let ft = (() => {
       >
         ${this._wide ? l`<thead class="sbb-calendar__table-header" aria-hidden="true">
               <tr class="sbb-calendar__table-header-row">
-                <th class="sbb-calendar__table-header" colspan=${P}>${t}</th>
+                <th class="sbb-calendar__table-header" colspan=${T}>${t}</th>
               </tr>
             </thead>` : m}
         <tbody class="sbb-calendar__table-body">
           ${e.map((a) => l`
               <tr>
                 ${a.map((s) => {
-        const i = !this._isMonthInRange(s.monthValue, t), r = !this._isMonthFilteredOut(s.monthValue, t), n = this._selected ? this._dateAdapter.getMonth(this._dateAdapter.deserialize(this._selected)) : void 0, o = this._selected ? this._dateAdapter.getYear(this._dateAdapter.deserialize(this._selected)) : void 0, p = !!this._selected && t === o && s.monthValue === n, N = t === this._dateAdapter.getYear(this.now) && this._dateAdapter.getMonth(this.now) === s.monthValue;
+        const i = !this._isMonthInRange(s.monthValue, t), r = !this._isMonthFilteredOut(s.monthValue, t), n = this._selected ? this._dateAdapter.getMonth(this._dateAdapter.deserialize(this._selected)) : void 0, o = this._selected ? this._dateAdapter.getYear(this._dateAdapter.deserialize(this._selected)) : void 0, g = !!this._selected && t === o && s.monthValue === n, O = t === this._dateAdapter.getYear(this._dateAdapter.today()) && this._dateAdapter.getMonth(this._dateAdapter.today()) === s.monthValue;
         return l` <td
-                    class=${T({
+                    class=${S({
           "sbb-calendar__table-data": !0,
           "sbb-calendar__table-month": !0
         })}
                   >
                     <button
-                      class=${T({
+                      class=${S({
           "sbb-calendar__cell": !0,
           "sbb-calendar__pill": !0,
-          "sbb-calendar__cell-current": N,
+          "sbb-calendar__cell-current": O,
           "sbb-calendar__crossed-out": !i && r,
-          "sbb-calendar__selected": p
+          "sbb-calendar__selected": g
         })}
                       @click=${() => this._onMonthSelection(s.monthValue, t)}
                       ?disabled=${i || r}
                       aria-label=${`${s.longValue} ${t}`}
-                      aria-pressed=${p}
+                      aria-pressed=${g}
                       aria-disabled=${String(i || r)}
                       tabindex="-1"
                       data-month=${s.monthValue || m}
-                      @keydown=${(C) => this._handleKeyboardEvent(C)}
+                      @keydown=${(N) => this._handleKeyboardEvent(N)}
                     >
                       ${s.value}
                     </button>
@@ -811,9 +796,9 @@ let ft = (() => {
     _renderYearView() {
       return l`
       <div class="sbb-calendar__controls">
-        ${this._getArrow("left", () => this._goToDifferentYearRange(-y), je(y)[this._language.current], this._previousYearRangeDisabled())}
+        ${this._getArrow("left", () => this._goToDifferentYearRange(-v), qe(v)[this._language.current], this._previousYearRangeDisabled())}
         <div class="sbb-calendar__controls-month">${this._createLabelForYearView()}</div>
-        ${this._getArrow("right", () => this._goToDifferentYearRange(y), Ge(y)[this._language.current], this._nextYearRangeDisabled())}
+        ${this._getArrow("right", () => this._goToDifferentYearRange(v), Ke(v)[this._language.current], this._nextYearRangeDisabled())}
       </div>
       <div class="sbb-calendar__table-container sbb-calendar__table-year-view">
         ${this._createYearTable(this._years)}
@@ -840,7 +825,7 @@ let ft = (() => {
         type="button"
         id="sbb-calendar__year-selection"
         class="sbb-calendar__controls-change-date"
-        aria-label="${ze[this._language.current]} ${s}"
+        aria-label="${ke[this._language.current]} ${s}"
         @click=${() => this._resetCalendarView(!0)}
       >
         ${s}
@@ -851,7 +836,7 @@ let ft = (() => {
     }
     /** Creates the table for the year selection view. */
     _createYearTable(e, t = !1) {
-      const a = this.now;
+      const a = this._dateAdapter.today();
       return l` <table
       class="sbb-calendar__table"
       @animationend=${(s) => this._tableAnimationEnd(s)}
@@ -859,24 +844,24 @@ let ft = (() => {
       <tbody class="sbb-calendar__table-body">
         ${e.map((s) => l` <tr>
               ${s.map((i) => {
-        const r = !this._isYearInRange(i), n = !this._isYearFilteredOut(i), o = this._selected ? this._dateAdapter.getYear(this._dateAdapter.deserialize(this._selected)) : void 0, p = !!this._selected && i === o, N = this._dateAdapter.getYear(a) === i;
+        const r = !this._isYearInRange(i), n = !this._isYearFilteredOut(i), o = this._selected ? this._dateAdapter.getYear(this._dateAdapter.deserialize(this._selected)) : void 0, g = !!this._selected && i === o, O = this._dateAdapter.getYear(a) === i;
         return l` <td class="sbb-calendar__table-data sbb-calendar__table-year">
                   <button
-                    class=${T({
+                    class=${S({
           "sbb-calendar__cell": !0,
           "sbb-calendar__pill": !0,
-          "sbb-calendar__cell-current": N,
+          "sbb-calendar__cell-current": O,
           "sbb-calendar__crossed-out": !r && n,
-          "sbb-calendar__selected": p
+          "sbb-calendar__selected": g
         })}
                     @click=${() => this._onYearSelection(i, t)}
                     ?disabled=${r || n}
                     aria-label=${i}
-                    aria-pressed=${p}
+                    aria-pressed=${g}
                     aria-disabled=${String(r || n)}
                     tabindex="-1"
                     data-year=${i || m}
-                    @keydown=${(C) => this._handleKeyboardEvent(C)}
+                    @keydown=${(N) => this._handleKeyboardEvent(N)}
                   >
                     ${i}
                   </button>
@@ -891,7 +876,7 @@ let ft = (() => {
       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 (Me || this.hydrationRequired)
+      if (Ae || this.hydrationRequired)
         return l`${m}`;
       switch (this._calendarView) {
         case "year":
@@ -908,46 +893,43 @@ let ft = (() => {
       e.animationName === "hide" ? (t.classList.remove("sbb-calendar__table-hide"), this._resetFocus = !0, this._calendarView = this._nextCalendarView) : e.animationName === "show" && this.removeAttribute("data-transition");
     }
     _startTableTransition() {
-      var e, t;
-      this.toggleAttribute("data-transition", !0), (t = (e = this.shadowRoot) == null ? void 0 : e.querySelectorAll("table")) == null || t.forEach((a) => a.classList.toggle("sbb-calendar__table-hide"));
+      this.toggleAttribute("data-transition", !0), this.shadowRoot?.querySelectorAll("table")?.forEach((e) => e.classList.toggle("sbb-calendar__table-hide"));
     }
     render() {
       return l`<div class="sbb-calendar__wrapper">${this._getView()}</div>`;
     }
-  }, x = new WeakMap(), V = new WeakMap(), k = new WeakMap(), $ = new WeakMap(), M = new WeakMap(), Y = new WeakMap(), z = new WeakMap(), F = new WeakMap(), I = new WeakMap(), R = new WeakMap(), O = new WeakMap(), D = h, (() => {
-    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(q[Symbol.metadata] ?? null) : void 0;
-    K = [Ee(), A({ type: Boolean })], j = [A()], J = [B(), A()], ee = [B(), A()], se = [B({ fallback: (t) => t.today() }), A()], ne = [A()], le = [A({ attribute: "date-filter" })], ce = [A({ reflect: !0 })], _e = [S()], ge = [S()], we = [S()], ve = [S()], Ae = [S()], u(h, null, K, { kind: "accessor", name: "wide", static: !1, private: !1, access: { has: (t) => "wide" in t, get: (t) => t.wide, set: (t, a) => {
+  }, x = new WeakMap(), V = new WeakMap(), k = new WeakMap(), $ = new WeakMap(), M = new WeakMap(), Y = new WeakMap(), z = new WeakMap(), F = new WeakMap(), R = new WeakMap(), I = new WeakMap(), D = h, (() => {
+    const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(L[Symbol.metadata] ?? null) : void 0;
+    B = [Se(), A({ type: Boolean })], U = [A()], G = [Ve(), A()], X = [Ve(), A()], te = [A()], ae = [A({ attribute: "date-filter" })], re = [A({ reflect: !0 })], oe = [C()], he = [C()], ue = [C()], fe = [C()], me = [C()], p(h, null, B, { 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 }, U, H), u(h, null, j, { kind: "accessor", name: "view", static: !1, private: !1, access: { has: (t) => "view" in t, get: (t) => t.view, set: (t, a) => {
+    } }, metadata: e }, q, K), p(h, null, U, { 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 }, G, Q), u(h, null, J, { kind: "accessor", name: "min", static: !1, private: !1, access: { has: (t) => "min" in t, get: (t) => t.min, set: (t, a) => {
+    } }, metadata: e }, H, j), p(h, null, G, { 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 }, X, Z), u(h, null, ee, { kind: "accessor", name: "max", static: !1, private: !1, access: { has: (t) => "max" in t, get: (t) => t.max, set: (t, a) => {
+    } }, metadata: e }, Q, J), p(h, null, X, { 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 }, te, ae), u(h, null, se, { kind: "accessor", name: "now", static: !1, private: !1, access: { has: (t) => "now" in t, get: (t) => t.now, set: (t, a) => {
-      t.now = a;
-    } }, metadata: e }, ie, re), u(h, null, ne, { kind: "setter", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, set: (t, a) => {
+    } }, metadata: e }, Z, ee), p(h, null, te, { kind: "setter", name: "selected", static: !1, private: !1, access: { has: (t) => "selected" in t, set: (t, a) => {
       t.selected = a;
-    } }, metadata: e }, null, E), u(h, null, le, { kind: "accessor", name: "dateFilter", static: !1, private: !1, access: { has: (t) => "dateFilter" in t, get: (t) => t.dateFilter, set: (t, a) => {
+    } }, metadata: e }, null, W), p(h, null, ae, { 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 }, oe, de), u(h, null, ce, { kind: "accessor", name: "orientation", static: !1, private: !1, access: { has: (t) => "orientation" in t, get: (t) => t.orientation, set: (t, a) => {
+    } }, metadata: e }, se, ie), p(h, null, re, { 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 }, he, be), u(h, 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 }, ne, le), p(h, null, oe, { 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 }, ue, fe), u(h, null, ge, { kind: "accessor", name: "_selected", static: !1, private: !1, access: { has: (t) => "_selected" in t, get: (t) => t._selected, set: (t, a) => {
+    } }, metadata: e }, de, ce), p(h, null, he, { 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 }, pe, me), u(h, null, we, { kind: "setter", name: "_wide", static: !1, private: !1, access: { has: (t) => "_wide" in t, set: (t, a) => {
+    } }, metadata: e }, be, _e), p(h, null, ue, { kind: "setter", name: "_wide", static: !1, private: !1, access: { has: (t) => "_wide" in t, set: (t, a) => {
       t._wide = a;
-    } }, metadata: e }, null, E), u(h, null, ve, { kind: "accessor", name: "_calendarView", static: !1, private: !1, access: { has: (t) => "_calendarView" in t, get: (t) => t._calendarView, set: (t, a) => {
+    } }, metadata: e }, null, W), p(h, null, fe, { 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 }, ye, De), u(h, null, Ae, { kind: "accessor", name: "_initialized", static: !1, private: !1, access: { has: (t) => "_initialized" in t, get: (t) => t._initialized, set: (t, a) => {
+    } }, metadata: e }, ge, pe), p(h, null, me, { 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 }, xe, Ve), u(null, _ = { value: D }, b, { kind: "class", name: D.name, metadata: e }, null, g), L = D = _.value, e && Object.defineProperty(D, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
-  })(), h.styles = Je, h.events = {
+    } }, metadata: e }, ve, we), p(null, _ = { value: D }, b, { kind: "class", name: D.name, metadata: e }, null, f), E = D = _.value, e && Object.defineProperty(D, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
+  })(), h.styles = He, h.events = {
     dateSelected: "dateSelected"
-  }, d(D, g), h);
-  return L = D;
+  }, d(D, f), h);
+  return E = D;
 })();
 export {
-  ft as SbbCalendarElement
+  ht as SbbCalendarElement
 };