@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779268556 → 5.0.0-next.3-dev.1779279790

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 (137) hide show
  1. package/autocomplete/autocomplete-base-element.js +1 -1
  2. package/autocomplete/autocomplete.component.js +1 -1
  3. package/{autocomplete-base-element-jaXVQcA7.js → autocomplete-base-element-DjfmUS0W.js} +0 -1
  4. package/autocomplete.js +1 -1
  5. package/autocomplete.pure.js +1 -1
  6. package/calendar/calendar/calendar.component.js +1 -1
  7. package/{calendar.component-DKgkIocz.js → calendar.component-BhUyyFtR.js} +66 -66
  8. package/calendar.js +1 -1
  9. package/calendar.pure.js +1 -1
  10. package/core/base-elements/button-base-element.js +47 -68
  11. package/core/datetime/date-adapter.js +2 -2
  12. package/core/mixins/form-associated-checkbox-mixin.js +17 -26
  13. package/core.js +40 -42
  14. package/custom-elements.json +98 -362
  15. package/datepicker/common/datepicker-button.js +1 -1
  16. package/{datepicker-button-aYDFZ_3v.js → datepicker-button-CuoZoC6e.js} +0 -3
  17. package/datepicker.js +1 -1
  18. package/datepicker.pure.js +1 -1
  19. package/development/autocomplete/autocomplete-base-element.d.ts +0 -2
  20. package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
  21. package/development/autocomplete/autocomplete-base-element.js +1 -1
  22. package/development/autocomplete/autocomplete.component.js +1 -1
  23. package/development/{autocomplete-base-element-JxM7QbC4.js → autocomplete-base-element-CTZEg--s.js} +1 -3
  24. package/development/autocomplete.js +1 -1
  25. package/development/autocomplete.pure.js +1 -1
  26. package/development/calendar/calendar/calendar.component.d.ts +0 -6
  27. package/development/calendar/calendar/calendar.component.d.ts.map +1 -1
  28. package/development/calendar/calendar/calendar.component.js +1 -1
  29. package/development/calendar.component-DnC8Zkdk.js +1478 -0
  30. package/development/calendar.js +1 -1
  31. package/development/calendar.pure.js +1 -1
  32. package/development/core/base-elements/button-base-element.d.ts +1 -0
  33. package/development/core/base-elements/button-base-element.d.ts.map +1 -1
  34. package/development/core/base-elements/button-base-element.js +66 -92
  35. package/development/core/base-elements/element.d.ts.map +1 -1
  36. package/development/core/datetime/date-adapter.d.ts +0 -5
  37. package/development/core/datetime/date-adapter.d.ts.map +1 -1
  38. package/development/core/datetime/date-adapter.js +2 -7
  39. package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
  40. package/development/core/mixins/form-associated-checkbox-mixin.js +7 -21
  41. package/development/core/mixins/form-associated-mixin.d.ts +1 -1
  42. package/development/core/mixins/form-associated-mixin.d.ts.map +1 -1
  43. package/development/core/mixins/form-associated-mixin.js +1 -1
  44. package/development/core.d.ts +0 -2
  45. package/development/core.d.ts.map +1 -1
  46. package/development/core.js +2 -4
  47. package/development/datepicker/common/datepicker-button.d.ts +0 -2
  48. package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
  49. package/development/datepicker/common/datepicker-button.js +1 -1
  50. package/development/{datepicker-button-BAT1ebzJ.js → datepicker-button-Bb76EBYH.js} +1 -5
  51. package/development/datepicker.js +1 -1
  52. package/development/datepicker.pure.js +1 -1
  53. package/development/dialog/dialog/dialog.component.js +1 -1
  54. package/development/{dialog.component-D8B2dVck.js → dialog.component-cZ3SAujq.js} +5 -5
  55. package/development/dialog.js +1 -1
  56. package/development/dialog.pure.js +1 -1
  57. package/development/element-BAsBayf5.js +1 -1
  58. package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts.map +1 -1
  59. package/development/expansion-panel-header.component-gg5A_7Pz.js +1 -1
  60. package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
  61. package/development/form-field/form-field/form-field.component.js +1 -1
  62. package/development/form-field.component-Cb58q-Ty.js +702 -0
  63. package/development/form-field.js +1 -1
  64. package/development/form-field.pure.js +1 -1
  65. package/development/icon/icon.component.d.ts +1 -1
  66. package/development/icon/icon.component.d.ts.map +1 -1
  67. package/development/icon/icon.component.js +5 -7
  68. package/development/optgroup-base-element-BzfcJgxG.js +140 -0
  69. package/development/option/optgroup/optgroup-base-element.d.ts +1 -2
  70. package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
  71. package/development/option/optgroup/optgroup-base-element.js +1 -1
  72. package/development/option/optgroup/optgroup.component.js +1 -1
  73. package/development/option.js +1 -1
  74. package/development/option.pure.js +1 -1
  75. package/development/overlay/overlay-base-element.d.ts +2 -4
  76. package/development/overlay/overlay-base-element.d.ts.map +1 -1
  77. package/development/overlay/overlay-base-element.js +6 -5
  78. package/development/overlay/overlay.component.js +1 -1
  79. package/development/{overlay.component-BH-aue7w.js → overlay.component-DywhKxO1.js} +5 -5
  80. package/development/overlay.js +1 -1
  81. package/development/overlay.pure.js +1 -1
  82. package/development/panel-mixin-DPybe45K.js +1 -1
  83. package/development/slider/slider.component.d.ts +1 -0
  84. package/development/slider/slider.component.d.ts.map +1 -1
  85. package/development/slider/slider.component.js +1 -1
  86. package/development/{slider.component-BLptxiZ4.js → slider.component-Dz4Nl2ZL.js} +8 -21
  87. package/development/slider.js +1 -1
  88. package/development/slider.pure.js +1 -1
  89. package/development/{step.component-DpSJEkrK.js → step.component-CfA-kmt1.js} +1 -11
  90. package/development/stepper/step/step.component.d.ts +4 -14
  91. package/development/stepper/step/step.component.d.ts.map +1 -1
  92. package/development/stepper/step/step.component.js +1 -1
  93. package/development/stepper/stepper/stepper.component.js +1 -1
  94. package/development/{stepper.component-Bv6LCFU0.js → stepper.component-2yRFnnju.js} +5 -5
  95. package/development/stepper.js +2 -2
  96. package/development/stepper.pure.js +2 -2
  97. package/dialog/dialog/dialog.component.js +1 -1
  98. package/{dialog.component-CsBryhM-.js → dialog.component-D3G0AX4Y.js} +4 -4
  99. package/dialog.js +1 -1
  100. package/dialog.pure.js +1 -1
  101. package/form-field/form-field/form-field.component.js +1 -1
  102. package/{form-field.component-BdfK6r2v.js → form-field.component-BoLly8qP.js} +4 -4
  103. package/form-field.js +1 -1
  104. package/form-field.pure.js +1 -1
  105. package/icon/icon.component.js +2 -5
  106. package/lean-off-brand-theme.css +1 -0
  107. package/lean-safety-theme.css +1 -0
  108. package/lean-theme.css +1 -0
  109. package/off-brand-theme.css +1 -0
  110. package/{optgroup-base-element-Cxe8SIQh.js → optgroup-base-element-CBxsRPUF.js} +10 -17
  111. package/option/optgroup/optgroup-base-element.js +1 -1
  112. package/option/optgroup/optgroup.component.js +1 -1
  113. package/option.js +1 -1
  114. package/option.pure.js +1 -1
  115. package/overlay/overlay-base-element.js +3 -3
  116. package/overlay/overlay.component.js +1 -1
  117. package/{overlay.component-D7Z_vx1A.js → overlay.component-OSLtja0_.js} +4 -4
  118. package/overlay.js +1 -1
  119. package/overlay.pure.js +1 -1
  120. package/package.json +2 -2
  121. package/safety-theme.css +1 -0
  122. package/slider/slider.component.js +1 -1
  123. package/{slider.component-C8LKcM11.js → slider.component-BMkoF1l1.js} +23 -31
  124. package/slider.js +1 -1
  125. package/slider.pure.js +1 -1
  126. package/standard-theme.css +1 -0
  127. package/core/decorators/host-attributes.js +0 -17
  128. package/core/eventing/throttle.js +0 -11
  129. package/development/calendar.component-CgEXjBeQ.js +0 -1473
  130. package/development/core/decorators/host-attributes.d.ts +0 -22
  131. package/development/core/decorators/host-attributes.d.ts.map +0 -1
  132. package/development/core/decorators/host-attributes.js +0 -41
  133. package/development/core/eventing/throttle.d.ts +0 -3
  134. package/development/core/eventing/throttle.d.ts.map +0 -1
  135. package/development/core/eventing/throttle.js +0 -18
  136. package/development/form-field.component-CPWBCHer.js +0 -702
  137. package/development/optgroup-base-element-CLfE6pmz.js +0 -147
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../autocomplete-base-element-jaXVQcA7.js";
1
+ import { n as e, t } from "../autocomplete-base-element-DjfmUS0W.js";
2
2
  export { t as SbbAutocompleteBaseElement, e as SbbInputAutocompleteEvent };
@@ -1,4 +1,4 @@
1
- import { t as e } from "../autocomplete-base-element-jaXVQcA7.js";
1
+ import { t as e } from "../autocomplete-base-element-DjfmUS0W.js";
2
2
  import { getNextElementIndex as t, isSafari as n, setAriaComboBoxAttributes as r } from "../core.js";
3
3
  //#region src/elements/autocomplete/autocomplete.component.ts
4
4
  var i = 0, a = n, o = class extends e {
@@ -316,7 +316,6 @@ var x = ":host{display:none}:host(:is(:is(:state(state-opening),[state--state-op
316
316
  let t = e.target;
317
317
  this._setValueAndDispatchEvents(t), this.close();
318
318
  }
319
- onOptionArrowsSelected(e) {}
320
319
  setPendingSelection(e) {
321
320
  this.pendingAutoSelectedOption = e, this._setInputValue(e);
322
321
  }
package/autocomplete.js CHANGED
@@ -1,4 +1,4 @@
1
- import { n as e, t } from "./autocomplete-base-element-jaXVQcA7.js";
1
+ import { n as e, t } from "./autocomplete-base-element-DjfmUS0W.js";
2
2
  import { SbbAutocompleteElement as n } from "./autocomplete/autocomplete.component.js";
3
3
  import "./autocomplete.pure.js";
4
4
  //#region src/elements/autocomplete.ts
@@ -1,3 +1,3 @@
1
- import { n as e, t } from "./autocomplete-base-element-jaXVQcA7.js";
1
+ import { n as e, t } from "./autocomplete-base-element-DjfmUS0W.js";
2
2
  import { SbbAutocompleteElement as n } from "./autocomplete/autocomplete.component.js";
3
3
  export { t as SbbAutocompleteBaseElement, n as SbbAutocompleteElement, e as SbbInputAutocompleteEvent };
@@ -1,2 +1,2 @@
1
- import { n as e, r as t, t as n } from "../../calendar.component-DKgkIocz.js";
1
+ import { n as e, r as t, t as n } from "../../calendar.component-BhUyyFtR.js";
2
2
  export { n as SbbCalendarElement, e as SbbDateSelectedEvent, t as SbbMonthChangeEvent };
@@ -1,16 +1,16 @@
1
1
  import { __esDecorate as e, __runInitializers as t } from "tslib";
2
2
  import { html as n, isServer as r, nothing as i, unsafeCSS as a } from "lit";
3
3
  import { property as o, state as s } from "lit/decorators.js";
4
- import { DAYS_PER_ROW as c, MONDAY as l, MONTHS_PER_PAGE as ee, MONTHS_PER_ROW as u, SbbElement as te, SbbLanguageController as ne, SbbMediaMatcherController as re, SbbMediaQueryBreakpointLargeAndAbove as d, THURSDAY as ie, TUESDAY as ae, WEDNESDAY as oe, YEARS_PER_PAGE as f, YEARS_PER_ROW as p, buttonResetStyles as se, defaultDateAdapter as ce, forceType as m, handleDistinctChange as le, i18nCalendarDateSelection as h, i18nCalendarWeekNumber as g, i18nNextMonth as ue, i18nNextYear as de, i18nNextYearRange as fe, i18nPreviousMonth as pe, i18nPreviousYear as me, i18nPreviousYearRange as he, i18nYearMonthSelection as ge, isArrowKeyOrPageKeysPressed as _e, plainDate as _, readConfig as ve, screenReaderOnlyStyles as ye } from "./core.js";
5
- import { SbbSecondaryButtonElement as be } from "./button.pure.js";
6
- import { SbbIconElement as xe } from "./icon.pure.js";
7
- import { SbbCalendarDayElement as Se } from "./calendar/calendar-day/calendar-day.component.js";
8
- import { SbbCalendarMonthElement as Ce } from "./calendar/calendar-month/calendar-month.component.js";
9
- import { SbbCalendarWeekdayElement as we } from "./calendar/calendar-weekday/calendar-weekday.component.js";
10
- import { SbbCalendarWeeknumberElement as Te } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
11
- import { SbbCalendarYearElement as Ee } from "./calendar/calendar-year/calendar-year.component.js";
4
+ import { MONDAY as c, SbbElement as ee, SbbLanguageController as te, SbbMediaMatcherController as ne, SbbMediaQueryBreakpointLargeAndAbove as l, THURSDAY as re, TUESDAY as ie, WEDNESDAY as ae, buttonResetStyles as oe, defaultDateAdapter as se, forceType as u, handleDistinctChange as ce, i18nCalendarDateSelection as d, i18nCalendarWeekNumber as f, i18nNextMonth as le, i18nNextYear as ue, i18nNextYearRange as de, i18nPreviousMonth as fe, i18nPreviousYear as pe, i18nPreviousYearRange as me, i18nYearMonthSelection as he, isArrowKeyOrPageKeysPressed as ge, plainDate as p, readConfig as _e, screenReaderOnlyStyles as ve } from "./core.js";
5
+ import { SbbSecondaryButtonElement as ye } from "./button.pure.js";
6
+ import { SbbIconElement as be } from "./icon.pure.js";
7
+ import { SbbCalendarDayElement as xe } from "./calendar/calendar-day/calendar-day.component.js";
8
+ import { SbbCalendarMonthElement as Se } from "./calendar/calendar-month/calendar-month.component.js";
9
+ import { SbbCalendarWeekdayElement as Ce } from "./calendar/calendar-weekday/calendar-weekday.component.js";
10
+ import { SbbCalendarWeeknumberElement as we } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
11
+ import { SbbCalendarYearElement as Te } from "./calendar/calendar-year/calendar-year.component.js";
12
12
  //#region src/elements/calendar/calendar/calendar.scss?inline
13
- var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-height-text);--sbb-calendar-cell-size: 2.75rem;--sbb-calendar-cell-border-radius: calc( var(--sbb-border-radius-4x) + var(--sbb-calendar-cell-border-width) );--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) )}@media(min-width:37.5rem){:host{--sbb-calendar-control-view-change-height: 3rem}}:host(:is(:state(enhanced),[state--enhanced])){--sbb-calendar-cell-padding-block-end: var(--sbb-spacing-fixed-3x)}.sbb-calendar__wrapper{width:100%;display:block;transition-duration:var(--sbb-calendar-cell-transition-duration)}.sbb-calendar__controls{width:100%;display:inline-flex;align-items:center;gap:var(--sbb-calendar-control-gap);margin-block-end:var(--sbb-calendar-control-margin-block-end)}.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{display:flex;align-items:center;margin:auto;height:var(--sbb-calendar-control-view-change-height);font-size:var(--sbb-text-font-size-s);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-letter-spacing-text);text-transform:capitalize;cursor:var(--sbb-cursor-pointer);padding-inline:var(--sbb-calendar-control-view-change-padding-inline);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-cell-hover-shift)}}.sbb-calendar__controls-change-date:not(:disabled):active{--sbb-calendar-control-view-change-background: var(--sbb-background-color-3)}.sbb-calendar__table-month-view,.sbb-calendar__table-year-view{--sbb-calendar-table-column-spaces: 6}.sbb-calendar__table-overflow-break{contain:layout}.sbb-calendar__table-container{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(:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 7 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) );--sbb-calendar-margin: calc(.5 * var(--sbb-calendar-start-offset))}:host([orientation=horizontal][week-numbers]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc(8 * var(--sbb-calendar-cell-size))}:host([orientation=horizontal][week-numbers]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 8 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}:host([orientation=vertical]) .sbb-calendar__table-container{min-width:var(--sbb-calendar-min-width);--sbb-calendar-start-offset: 0}:host([orientation=vertical]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 13 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}.sbb-calendar__table{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(:is(:state(wide),[state--wide]))) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header,.sbb-calendar__table-body{text-align:center}.sbb-calendar__table-header-cell,.sbb-calendar__table-header-cell-vertical{width:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-header-color);padding:0;font-size:var(--sbb-text-font-size-xs);font-weight:400;letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:not([multiple])) .sbb-calendar__table-header-cell,:host(:not([multiple])) .sbb-calendar__table-header-cell-vertical{height:var(--sbb-calendar-cell-size)}.sbb-calendar__table-header-cell-vertical{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__day-cell{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}:host(:not(:is(:state(enhanced),[state--enhanced]))) sbb-calendar-day{--sbb-calendar-cell-justify-content: center;--sbb-calendar-day-height: 2.75rem;--sbb-calendar-day-extra-display: none;--sbb-calendar-day-value-height: unset;--sbb-calendar-day-crossed-out-top: 50%;--sbb-calendar-day-crossed-out-translate: translate(-50%, -50%) rotate(-45deg)}@keyframes show{0%{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}to{opacity:1;transform:translateY(0)}}@keyframes hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}}", v = class extends Event {
13
+ var Ee = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-height-text);--sbb-calendar-cell-size: 2.75rem;--sbb-calendar-cell-border-radius: calc( var(--sbb-border-radius-4x) + var(--sbb-calendar-cell-border-width) );--sbb-calendar-cell-transition-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) )}@media(min-width:37.5rem){:host{--sbb-calendar-control-view-change-height: 3rem}}:host(:is(:state(enhanced),[state--enhanced])){--sbb-calendar-cell-padding-block-end: var(--sbb-spacing-fixed-3x)}.sbb-calendar__wrapper{width:100%;display:block;transition-duration:var(--sbb-calendar-cell-transition-duration)}.sbb-calendar__controls{width:100%;display:inline-flex;align-items:center;gap:var(--sbb-calendar-control-gap);margin-block-end:var(--sbb-calendar-control-margin-block-end)}.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{display:flex;align-items:center;margin:auto;height:var(--sbb-calendar-control-view-change-height);font-size:var(--sbb-text-font-size-s);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-letter-spacing-text);text-transform:capitalize;cursor:var(--sbb-cursor-pointer);padding-inline:var(--sbb-calendar-control-view-change-padding-inline);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-cell-hover-shift)}}.sbb-calendar__controls-change-date:not(:disabled):active{--sbb-calendar-control-view-change-background: var(--sbb-background-color-3)}.sbb-calendar__table-month-view,.sbb-calendar__table-year-view{--sbb-calendar-table-column-spaces: 6}.sbb-calendar__table-overflow-break{contain:layout}.sbb-calendar__table-container{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(:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 7 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) );--sbb-calendar-margin: calc(.5 * var(--sbb-calendar-start-offset))}:host([orientation=horizontal][week-numbers]) .sbb-calendar__table-container{--sbb-calendar-min-width: calc(8 * var(--sbb-calendar-cell-size))}:host([orientation=horizontal][week-numbers]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 2 * 8 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}:host([orientation=vertical]) .sbb-calendar__table-container{min-width:var(--sbb-calendar-min-width);--sbb-calendar-start-offset: 0}:host([orientation=vertical]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width: calc( 13 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap) )}.sbb-calendar__table{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(:is(:state(wide),[state--wide]))) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header,.sbb-calendar__table-body{text-align:center}.sbb-calendar__table-header-cell,.sbb-calendar__table-header-cell-vertical{width:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-header-color);padding:0;font-size:var(--sbb-text-font-size-xs);font-weight:400;letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:not([multiple])) .sbb-calendar__table-header-cell,:host(:not([multiple])) .sbb-calendar__table-header-cell-vertical{height:var(--sbb-calendar-cell-size)}.sbb-calendar__table-header-cell-vertical{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}.sbb-calendar__table-data{position:relative;padding:0;text-align:center}.sbb-calendar__day-cell{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}:host(:not(:is(:state(enhanced),[state--enhanced]))) sbb-calendar-day{--sbb-calendar-cell-justify-content: center;--sbb-calendar-day-height: 2.75rem;--sbb-calendar-day-extra-display: none;--sbb-calendar-day-value-height: unset;--sbb-calendar-day-crossed-out-top: 50%;--sbb-calendar-day-crossed-out-translate: translate(-50%, -50%) rotate(-45deg)}@keyframes show{0%{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}to{opacity:1;transform:translateY(0)}}@keyframes hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}}", m = 7, h = 4, g = 4, De = 12, _ = 24, v = class extends Event {
14
14
  get range() {
15
15
  return this._range;
16
16
  }
@@ -31,18 +31,18 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
31
31
  }), this._dateSelected = Object.freeze(e);
32
32
  }
33
33
  }, b = (() => {
34
- let b = te, x = [], S, C = [], w = [], Oe, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L, R = [], z = [], B, V = [], H = [], U, W = [], G = [], K, q = [], J = [], Y, X = [], Z = [], Q, ke, Ae = [], je = [], Me, Ne = [], $ = [];
34
+ let b = ee, x = [], S, C = [], w = [], Oe, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L, R = [], z = [], B, V = [], H = [], U, W = [], G = [], K, q = [], J = [], Y, X = [], Z = [], Q, $, ke = [], Ae = [], je, Me = [], Ne = [];
35
35
  return class extends b {
36
36
  static {
37
37
  let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
38
- S = [m(), o({ type: Boolean })], Oe = [o()], D = [_(), o()], A = [_(), o()], N = [
39
- m(),
40
- le((e, t) => e._onMultipleChanged(t)),
38
+ S = [u(), o({ type: Boolean })], Oe = [o()], D = [p(), o()], A = [p(), o()], N = [
39
+ u(),
40
+ ce((e, t) => e._onMultipleChanged(t)),
41
41
  o({ type: Boolean })
42
- ], I = [o()], L = [s()], B = [o({ attribute: "date-filter" })], U = [o({ reflect: !0 })], K = [m(), o({
42
+ ], I = [o()], L = [s()], B = [o({ attribute: "date-filter" })], U = [o({ reflect: !0 })], K = [u(), o({
43
43
  attribute: "week-numbers",
44
44
  type: Boolean
45
- })], Y = [s()], Q = [s()], ke = [s()], Me = [s()], e(this, null, S, {
45
+ })], Y = [s()], Q = [s()], $ = [s()], je = [s()], e(this, null, S, {
46
46
  kind: "accessor",
47
47
  name: "wide",
48
48
  static: !1,
@@ -196,7 +196,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
196
196
  }
197
197
  },
198
198
  metadata: t
199
- }, null, x), e(this, null, ke, {
199
+ }, null, x), e(this, null, $, {
200
200
  kind: "accessor",
201
201
  name: "_calendarView",
202
202
  static: !1,
@@ -209,7 +209,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
209
209
  }
210
210
  },
211
211
  metadata: t
212
- }, Ae, je), e(this, null, Me, {
212
+ }, ke, Ae), e(this, null, je, {
213
213
  kind: "accessor",
214
214
  name: "_initialized",
215
215
  static: !1,
@@ -222,7 +222,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
222
222
  }
223
223
  },
224
224
  metadata: t
225
- }, Ne, $), t && Object.defineProperty(this, Symbol.metadata, {
225
+ }, Me, Ne), t && Object.defineProperty(this, Symbol.metadata, {
226
226
  enumerable: !0,
227
227
  configurable: !0,
228
228
  writable: !0,
@@ -234,20 +234,20 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
234
234
  }
235
235
  static {
236
236
  this.elementDependencies = [
237
+ xe,
237
238
  Se,
238
239
  Ce,
239
240
  we,
240
241
  Te,
241
- Ee,
242
- xe,
243
- be
242
+ be,
243
+ ye
244
244
  ];
245
245
  }
246
246
  static {
247
247
  this.styles = [
248
- se,
249
- ye,
250
- a(De)
248
+ oe,
249
+ ve,
250
+ a(Ee)
251
251
  ];
252
252
  }
253
253
  static {
@@ -360,15 +360,15 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
360
360
  this.#d = e;
361
361
  }
362
362
  constructor() {
363
- super(), this.#e = (t(this, x), t(this, C, !1)), this.#t = (t(this, w), t(this, T, "day")), this.#n = (t(this, E), t(this, O, null)), this.#r = (t(this, k), t(this, j, null)), this.#i = (t(this, M), t(this, P, !1)), this.#a = (t(this, F), t(this, R, null)), this.#o = (t(this, z), t(this, V, null)), this.#s = (t(this, H), t(this, W, "horizontal")), this.#c = (t(this, G), t(this, q, !1)), this._dateAdapter = (t(this, J), ve().datetime?.dateAdapter ?? ce), this.#l = t(this, X, this._dateAdapter.today()), this._wideInternal = (t(this, Z), !1), this.#u = t(this, Ae, "day"), this._nextCalendarView = (t(this, je), "day"), this._keyboardNavigationDayViewParameters = {
363
+ super(), this.#e = (t(this, x), t(this, C, !1)), this.#t = (t(this, w), t(this, T, "day")), this.#n = (t(this, E), t(this, O, null)), this.#r = (t(this, k), t(this, j, null)), this.#i = (t(this, M), t(this, P, !1)), this.#a = (t(this, F), t(this, R, null)), this.#o = (t(this, z), t(this, V, null)), this.#s = (t(this, H), t(this, W, "horizontal")), this.#c = (t(this, G), t(this, q, !1)), this._dateAdapter = (t(this, J), _e().datetime?.dateAdapter ?? se), this.#l = t(this, X, this._dateAdapter.today()), this._wideInternal = (t(this, Z), !1), this.#u = t(this, ke, "day"), this._nextCalendarView = (t(this, Ae), "day"), this._keyboardNavigationDayViewParameters = {
364
364
  firstDayInView: null,
365
365
  lastDayInView: null,
366
366
  firstMonthOffset: 0,
367
367
  firstMonthLength: 0,
368
368
  secondMonthOffset: 0
369
- }, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._enhancedVariant = !1, this._resetFocus = !1, this._containingFocus = !1, this._lastSelection = null, this.#d = t(this, Ne, !1), this._language = (t(this, $), new ne(this).withHandler(() => {
369
+ }, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._enhancedVariant = !1, this._resetFocus = !1, this._containingFocus = !1, this._lastSelection = null, this.#d = t(this, Me, !1), this._language = (t(this, Ne), new te(this).withHandler(() => {
370
370
  this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
371
- })), this._mediaMatcher = new re(this, { [d]: () => this._init() }), this._sortDate = (e, t) => this._dateAdapter.compareDate(e, t), this._onSlotChange = () => {
371
+ })), this._mediaMatcher = new ne(this, { [l]: () => this._init() }), this._sortDate = (e, t) => this._dateAdapter.compareDate(e, t), this._onSlotChange = () => {
372
372
  this._enhancedVariant = Array.from(this.children).some((e) => e.localName === "sbb-calendar-day"), this.toggleState("enhanced", this._enhancedVariant), this._setTabIndex();
373
373
  }, this._createMonthRows(), this._setWeekdays(), this.addEventListener("focusin", () => this._containingFocus = !0), this.addEventListener("focusout", () => this._containingFocus = !1);
374
374
  let e = (e) => e.target.closest("sbb-calendar-day") ?? e.composedPath().find((e) => e.localName === "sbb-calendar-day") ?? null;
@@ -410,9 +410,9 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
410
410
  this.hydrationComplete.then(() => this._init());
411
411
  return;
412
412
  }
413
- if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(d) ?? !1) && this.wide, this._weeks = this._createWeekRows(this._activeDate), this._years = this._createYearRows(), this._weekNumbers = this._weeks.flat().sort((e, t) => e.value.localeCompare(t.value)).map((e) => e.weekValue).filter((e, t, n) => n.indexOf(e) === t), this._nextMonthWeeks = [[]], this._nextMonthYears = [[]], this._wide) {
413
+ if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(l) ?? !1) && this.wide, this._weeks = this._createWeekRows(this._activeDate), this._years = this._createYearRows(), this._weekNumbers = this._weeks.flat().sort((e, t) => e.value.localeCompare(t.value)).map((e) => e.weekValue).filter((e, t, n) => n.indexOf(e) === t), this._nextMonthWeeks = [[]], this._nextMonthYears = [[]], this._wide) {
414
414
  let e = this._dateAdapter.addCalendarMonths(this._activeDate, 1);
415
- this._nextMonthWeeks = this._createWeekRows(e, !0), this._nextMonthYears = this._createYearRows(f), this._nextMonthWeekNumbers = this._nextMonthWeeks.flat().sort((e, t) => e.value.localeCompare(t.value)).map((e) => e.weekValue).filter((e, t, n) => n.indexOf(e) === t);
415
+ this._nextMonthWeeks = this._createWeekRows(e, !0), this._nextMonthYears = this._createYearRows(_), this._nextMonthWeekNumbers = this._nextMonthWeeks.flat().sort((e, t) => e.value.localeCompare(t.value)).map((e) => e.weekValue).filter((e, t, n) => n.indexOf(e) === t);
416
416
  }
417
417
  this._initialized = !0;
418
418
  }
@@ -434,16 +434,16 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
434
434
  _createWeekRowsHorizontal(e, t, n) {
435
435
  let r = [[]];
436
436
  for (let i = 0, a = n; i < t; i++, a++) {
437
- a === c && (r.push([]), a = 0);
437
+ a === m && (r.push([]), a = 0);
438
438
  let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), i + 1);
439
439
  r[r.length - 1].push(this._mapDateToDay(t));
440
440
  }
441
441
  return r;
442
442
  }
443
443
  _createWeekRowsVertical(e, t, n) {
444
- let r = Array.from({ length: c }, () => []);
444
+ let r = Array.from({ length: m }, () => []);
445
445
  for (let i = 0, a = n; i < t; i++, a++) {
446
- a === c && (a = 0);
446
+ a === m && (a = 0);
447
447
  let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), i + 1);
448
448
  r[a].push(this._mapDateToDay(t));
449
449
  }
@@ -462,15 +462,15 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
462
462
  }
463
463
  _getWeek(e) {
464
464
  let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), 1, 1), n = this._dateAdapter.getDayOfWeek(t), r = +!![
465
- l,
465
+ c,
466
+ ie,
466
467
  ae,
467
- oe,
468
- ie
468
+ re
469
469
  ].includes(n), i = this._dateAdapter.addCalendarDays(t, this._dateAdapter.getFirstWeekOffset(t) * -1);
470
470
  for (; this._dateAdapter.compareDate(i, e) <= 0;) {
471
471
  let n = this._dateAdapter.addCalendarDays(i, 6);
472
472
  if (this._dateAdapter.compareDate(e, n) <= 0) return r > 0 ? r : this._getWeek(this._dateAdapter.addCalendarDays(t, -1));
473
- i = this._dateAdapter.addCalendarDays(i, c), r++;
473
+ i = this._dateAdapter.addCalendarDays(i, m), r++;
474
474
  }
475
475
  throw Error("The provided date is invalid");
476
476
  }
@@ -481,20 +481,20 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
481
481
  let e = Array(12).fill(null).map((e, t) => ({
482
482
  value: String(t + 1).padStart(2, "0"),
483
483
  monthValue: t + 1
484
- })), t = 12 / u, n = [];
485
- for (let r = 0; r < t; r++) n.push(e.slice(u * r, u * (r + 1)));
484
+ })), t = 12 / h, n = [];
485
+ for (let r = 0; r < t; r++) n.push(e.slice(h * r, h * (r + 1)));
486
486
  this._months = n;
487
487
  }
488
488
  _createYearRows(e = 0) {
489
- let t = this._getStartValueYearView(), n = Array(f).fill(0).map((n, r) => t + e + r), r = f / p, i = [];
490
- for (let e = 0; e < r; e++) i.push(n.slice(p * e, p * (e + 1)));
489
+ let t = this._getStartValueYearView(), n = Array(_).fill(0).map((n, r) => t + e + r), r = _ / g, i = [];
490
+ for (let e = 0; e < r; e++) i.push(n.slice(g * e, g * (e + 1)));
491
491
  return i;
492
492
  }
493
493
  _getStartValueYearView() {
494
494
  let e = 0;
495
- this.max ? e = this._dateAdapter.getYear(this.max) - f + 1 : this.min && (e = this._dateAdapter.getYear(this.min));
495
+ this.max ? e = this._dateAdapter.getYear(this.max) - _ + 1 : this.min && (e = this._dateAdapter.getYear(this.min));
496
496
  let t = this._dateAdapter.getYear(this._activeDate);
497
- return t - ((t - e) % f + f) % f;
497
+ return t - ((t - e) % _ + _) % _;
498
498
  }
499
499
  _isDayInRange(e) {
500
500
  if (!this.min && !this.max) return !0;
@@ -614,7 +614,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
614
614
  }
615
615
  }
616
616
  _handleKeyboardEvent(e, t) {
617
- _e(e) && e.preventDefault();
617
+ ge(e) && e.preventDefault();
618
618
  let n = t ?? e.target, r = this._cells, i = r.indexOf(n), a;
619
619
  a = t ? this._navigateByKeyboardDayView(e, i, r, this._mapDateToDay(t.value)) : this._navigateByKeyboard(e, i, r);
620
620
  let o = (this._enhancedVariant ? document : this.shadowRoot).activeElement;
@@ -623,9 +623,9 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
623
623
  _navigateByKeyboardDayView(e, t, n, r) {
624
624
  let i = this.orientation === "horizontal" ? {
625
625
  leftRight: 1,
626
- upDown: c
626
+ upDown: m
627
627
  } : {
628
- leftRight: c,
628
+ leftRight: m,
629
629
  upDown: 1
630
630
  }, a = t < this._keyboardNavigationDayViewParameters.firstMonthLength ? this._keyboardNavigationDayViewParameters.firstMonthOffset : this._keyboardNavigationDayViewParameters.secondMonthOffset;
631
631
  switch (e.key) {
@@ -634,17 +634,17 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
634
634
  case "ArrowLeft": return this._findDayArrows(n, t, r.dateValue, -i.leftRight);
635
635
  case "ArrowRight": return this._findDayArrows(n, t, r.dateValue, i.leftRight);
636
636
  case "PageUp": if (this.orientation === "horizontal") {
637
- let e = (+r.dayValue % c || c) - +r.dayValue;
637
+ let e = (+r.dayValue % m || m) - +r.dayValue;
638
638
  return this._findDayPageUpDown(n, t, r, e, i.upDown);
639
639
  } else {
640
- let e = (Math.ceil((+r.dayValue + a) / c) - 1) * c - a + 1 - r.dayValue;
640
+ let e = (Math.ceil((+r.dayValue + a) / m) - 1) * m - a + 1 - r.dayValue;
641
641
  return this._findDayPageUpDown(n, t, r, e, i.upDown);
642
642
  }
643
643
  case "PageDown": if (this.orientation === "horizontal") {
644
- let e = +r.monthValue + 1 > 12 ? 1 : +r.monthValue + 1, a = +r.monthValue + 1 > 12 ? +r.yearValue + 1 : +r.yearValue, o = this._dateAdapter.createDate(a, e, 1), s = this._dateAdapter.getDate(this._dateAdapter.addCalendarDays(o, -1)), l = Math.trunc((s - +r.dayValue) / c) * c;
645
- return this._findDayPageUpDown(n, t, r, l, -i.upDown);
644
+ let e = +r.monthValue + 1 > 12 ? 1 : +r.monthValue + 1, a = +r.monthValue + 1 > 12 ? +r.yearValue + 1 : +r.yearValue, o = this._dateAdapter.createDate(a, e, 1), s = this._dateAdapter.getDate(this._dateAdapter.addCalendarDays(o, -1)), c = Math.trunc((s - +r.dayValue) / m) * m;
645
+ return this._findDayPageUpDown(n, t, r, c, -i.upDown);
646
646
  } else {
647
- let e = Math.ceil((+r.dayValue + a) / c) * c - a - +r.dayValue;
647
+ let e = Math.ceil((+r.dayValue + a) / m) * m - a - +r.dayValue;
648
648
  return this._findDayPageUpDown(n, t, r, e, -i.upDown);
649
649
  }
650
650
  case "Home": return this._findDayFirst(n, t, r, 1);
@@ -697,9 +697,9 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
697
697
  }
698
698
  }
699
699
  _calculateParametersForKeyboardNavigation(e, t) {
700
- let n = t ? f : ee, r = Math.trunc(e / n) * n, i = r === 0 ? e : e - n;
700
+ let n = t ? _ : De, r = Math.trunc(e / n) * n, i = r === 0 ? e : e - n;
701
701
  return {
702
- verticalOffset: t ? p : u,
702
+ verticalOffset: t ? g : h,
703
703
  elementIndexForWideMode: i,
704
704
  offsetForWideMode: e - i,
705
705
  lastElementIndexForWideMode: r === 0 ? n : n * 2
@@ -734,7 +734,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
734
734
  let e = this._wide ? this._dateAdapter.addCalendarMonths(this._activeDate, 1) : void 0;
735
735
  return n`
736
736
  <div class="sbb-calendar__controls">
737
- ${this._getArrow("left", () => this._goToDifferentMonth(-1), pe[this._language.current], this._previousMonthDisabled())}
737
+ ${this._getArrow("left", () => this._goToDifferentMonth(-1), fe[this._language.current], this._previousMonthDisabled())}
738
738
  <div class="sbb-calendar__controls-month">
739
739
  ${this._createLabelForDayView(this._activeDate)}
740
740
  ${this._wide ? this._createLabelForDayView(e) : i}
@@ -742,7 +742,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
742
742
  ${this._createAriaLabelForDayView(this._activeDate, e)}
743
743
  </span>
744
744
  </div>
745
- ${this._getArrow("right", () => this._goToDifferentMonth(1), ue[this._language.current], this._nextMonthDisabled())}
745
+ ${this._getArrow("right", () => this._goToDifferentMonth(1), le[this._language.current], this._nextMonthDisabled())}
746
746
  </div>
747
747
  <div class="sbb-calendar__table-overflow-break">
748
748
  <div class="sbb-calendar__table-container sbb-calendar__table-day-view">
@@ -763,7 +763,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
763
763
  <button
764
764
  type="button"
765
765
  class="sbb-calendar__date-selection sbb-calendar__controls-change-date"
766
- aria-label="${ge[this._language.current]} ${t}"
766
+ aria-label="${he[this._language.current]} ${t}"
767
767
  @click=${() => {
768
768
  this._resetFocus = !0, this._nextCalendarView = "year", this._startTableTransition();
769
769
  }}
@@ -809,7 +809,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
809
809
  </thead>
810
810
  <tbody class="sbb-calendar__table-body">
811
811
  ${e.map((e, r) => {
812
- let o = c - e.length;
812
+ let o = m - e.length;
813
813
  return r === 0 && o ? n`
814
814
  <tr>
815
815
  ${this.weekNumbers ? n`
@@ -824,7 +824,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
824
824
  ></sbb-calendar-weeknumber>
825
825
  ` : n`
826
826
  <span class="sbb-screen-reader-only"
827
- >${`${g[this._language.current]} ${t[0]}`}</span
827
+ >${`${f[this._language.current]} ${t[0]}`}</span
828
828
  >
829
829
  <span aria-hidden="true">${t[0]}</span>
830
830
  `}
@@ -847,7 +847,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
847
847
  ></sbb-calendar-weeknumber>
848
848
  ` : n`
849
849
  <span class="sbb-screen-reader-only"
850
- >${`${g[this._language.current]} ${t[r]}`}</span
850
+ >${`${f[this._language.current]} ${t[r]}`}</span
851
851
  >
852
852
  <span aria-hidden="true">${t[r]}</span>
853
853
  `}
@@ -885,7 +885,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
885
885
  ></sbb-calendar-weeknumber>
886
886
  ` : n`
887
887
  <span class="sbb-screen-reader-only"
888
- >${`${g[this._language.current]} ${e}`}</span
888
+ >${`${f[this._language.current]} ${e}`}</span
889
889
  >
890
890
  <span aria-hidden="true">${e}</span>
891
891
  `}
@@ -935,9 +935,9 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
935
935
  _renderMonthView() {
936
936
  return n`
937
937
  <div class="sbb-calendar__controls">
938
- ${this._getArrow("left", () => this._goToDifferentYear(-1), me[this._language.current], this._previousYearDisabled())}
938
+ ${this._getArrow("left", () => this._goToDifferentYear(-1), pe[this._language.current], this._previousYearDisabled())}
939
939
  <div class="sbb-calendar__controls-month">${this._createLabelForMonthView()}</div>
940
- ${this._getArrow("right", () => this._goToDifferentYear(1), de[this._language.current], this._nextYearDisabled())}
940
+ ${this._getArrow("right", () => this._goToDifferentYear(1), ue[this._language.current], this._nextYearDisabled())}
941
941
  </div>
942
942
  <div class="sbb-calendar__table-overflow-break">
943
943
  <div class="sbb-calendar__table-container sbb-calendar__table-month-view">
@@ -952,7 +952,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
952
952
  type="button"
953
953
  id="sbb-calendar__month-selection"
954
954
  class="sbb-calendar__controls-change-date"
955
- aria-label=${`${h[this._language.current]} ${this._chosenYear}`}
955
+ aria-label=${`${d[this._language.current]} ${this._chosenYear}`}
956
956
  @click=${() => this._resetCalendarViewAndEmitMonthChange(!0)}
957
957
  >
958
958
  ${this._chosenYear} ${this._wide ? ` - ${this._chosenYear + 1}` : i}
@@ -968,7 +968,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
968
968
  >
969
969
  ${this._wide ? n`<thead class="sbb-calendar__table-header" aria-hidden="true">
970
970
  <tr>
971
- <th class="sbb-calendar__table-header-cell" colspan=${u}>${t}</th>
971
+ <th class="sbb-calendar__table-header-cell" colspan=${h}>${t}</th>
972
972
  </tr>
973
973
  </thead>` : i}
974
974
  <tbody class="sbb-calendar__table-body">
@@ -996,9 +996,9 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
996
996
  _renderYearView() {
997
997
  return n`
998
998
  <div class="sbb-calendar__controls">
999
- ${this._getArrow("left", () => this._goToDifferentYearRange(-f), he(f)[this._language.current], this._previousYearRangeDisabled())}
999
+ ${this._getArrow("left", () => this._goToDifferentYearRange(-_), me(_)[this._language.current], this._previousYearRangeDisabled())}
1000
1000
  <div class="sbb-calendar__controls-month">${this._createLabelForYearView()}</div>
1001
- ${this._getArrow("right", () => this._goToDifferentYearRange(f), fe(f)[this._language.current], this._nextYearRangeDisabled())}
1001
+ ${this._getArrow("right", () => this._goToDifferentYearRange(_), de(_)[this._language.current], this._nextYearRangeDisabled())}
1002
1002
  </div>
1003
1003
  <div class="sbb-calendar__table-overflow-break">
1004
1004
  <div class="sbb-calendar__table-container sbb-calendar__table-year-view">
@@ -1025,7 +1025,7 @@ var De = ":host{display:block;width:max-content;line-height:var(--sbb-typo-line-
1025
1025
  type="button"
1026
1026
  id="sbb-calendar__year-selection"
1027
1027
  class="sbb-calendar__controls-change-date"
1028
- aria-label="${h[this._language.current]} ${r}"
1028
+ aria-label="${d[this._language.current]} ${r}"
1029
1029
  @click=${() => this._resetCalendarViewAndEmitMonthChange(!0)}
1030
1030
  >
1031
1031
  ${r}
package/calendar.js CHANGED
@@ -3,7 +3,7 @@ import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar
3
3
  import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
4
4
  import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
5
5
  import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
6
- import { n as a, r as o, t as s } from "./calendar.component-DKgkIocz.js";
6
+ import { n as a, r as o, t as s } from "./calendar.component-BhUyyFtR.js";
7
7
  import { t as c } from "./calendar-cell-base-element-CUG1qYFb.js";
8
8
  import "./calendar.pure.js";
9
9
  s.define(), e.define(), t.define(), n.define(), r.define(), i.define();
package/calendar.pure.js CHANGED
@@ -3,6 +3,6 @@ import { SbbCalendarMonthElement as t } from "./calendar/calendar-month/calendar
3
3
  import { SbbCalendarYearElement as n } from "./calendar/calendar-year/calendar-year.component.js";
4
4
  import { SbbCalendarWeekdayElement as r } from "./calendar/calendar-weekday/calendar-weekday.component.js";
5
5
  import { SbbCalendarWeeknumberElement as i } from "./calendar/calendar-weeknumber/calendar-weeknumber.component.js";
6
- import { n as a, r as o, t as s } from "./calendar.component-DKgkIocz.js";
6
+ import { n as a, r as o, t as s } from "./calendar.component-BhUyyFtR.js";
7
7
  import { t as c } from "./calendar-cell-base-element-CUG1qYFb.js";
8
8
  export { c as SbbCalendarCellBaseElement, e as SbbCalendarDayElement, s as SbbCalendarElement, t as SbbCalendarMonthElement, r as SbbCalendarWeekdayElement, i as SbbCalendarWeeknumberElement, n as SbbCalendarYearElement, a as SbbDateSelectedEvent, o as SbbMonthChangeEvent };
@@ -3,74 +3,53 @@ import { __esDecorate as t, __runInitializers as n } from "tslib";
3
3
  import { isServer as r } from "lit";
4
4
  import { property as i } from "lit/decorators.js";
5
5
  import { forceType as a } from "../decorators/force-type.js";
6
- import { hostAttributes as o } from "../decorators/host-attributes.js";
7
- import { isEventPrevented as s } from "../eventing/is-event-prevented.js";
8
- import { SbbFormAssociatedMixin as c } from "../mixins/form-associated-mixin.js";
6
+ import { isEventPrevented as o } from "../eventing/is-event-prevented.js";
7
+ import { SbbFormAssociatedMixin as s } from "../mixins/form-associated-mixin.js";
9
8
  //#region src/elements/core/base-elements/button-base-element.ts
10
- var l = (() => {
11
- let i = [o({ tabindex: "0" })], a, s = [], l, u = c(e);
12
- var d = class extends u {
13
- static {
14
- l = this;
15
- }
16
- static {
17
- let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
18
- t(null, a = { value: l }, i, {
19
- kind: "class",
20
- name: l.name,
21
- metadata: e
22
- }, null, s), d = l = a.value, e && Object.defineProperty(l, Symbol.metadata, {
23
- enumerable: !0,
24
- configurable: !0,
25
- writable: !0,
26
- value: e
27
- });
28
- }
29
- static {
30
- this.role = "button";
31
- }
32
- constructor() {
33
- if (super(), this._preventScrollOnSpaceKeydown = (e) => {
34
- e.key === " " && (e.preventDefault(), this.internals.states.add("active"));
35
- }, this._removeActiveMarker = () => {
36
- this.internals.states.delete("active");
37
- }, this._dispatchClickEventOnSpaceKeyup = (e) => {
38
- e.key === " " && (this._removeActiveMarker(), this._dispatchClickEvent(e));
39
- }, this._dispatchClickEvent = (e) => {
40
- let { altKey: t, ctrlKey: n, metaKey: r, shiftKey: i } = e;
41
- e.target.dispatchEvent(new PointerEvent("click", {
42
- bubbles: !0,
43
- cancelable: !0,
44
- composed: !0,
45
- pointerId: -1,
46
- pointerType: "",
47
- altKey: t,
48
- ctrlKey: n,
49
- metaKey: r,
50
- shiftKey: i
51
- }));
52
- }, this.internals.states.add("button"), !r) {
53
- this.setupBaseEventHandlers();
54
- let e = { passive: !0 };
55
- this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (e) => {
56
- (e.key === "Enter" || e.key === "\n") && this._dispatchClickEvent(e);
57
- }, e);
58
- }
59
- }
60
- attributeChangedCallback(e, t, n) {
61
- (!["name", "value"].includes(e) || t !== n) && super.attributeChangedCallback(e, t, n);
62
- }
63
- static {
64
- n(l, s);
65
- }
66
- };
67
- return l;
68
- })(), u = (() => {
69
- let e = l, r = [], o, c = [], u = [], d, f;
9
+ var c = class extends s(e) {
10
+ static {
11
+ this.role = "button";
12
+ }
13
+ constructor() {
14
+ if (super(), this._preventScrollOnSpaceKeydown = (e) => {
15
+ e.key === " " && (e.preventDefault(), this.internals.states.add("active"));
16
+ }, this._removeActiveMarker = () => {
17
+ this.internals.states.delete("active");
18
+ }, this._dispatchClickEventOnSpaceKeyup = (e) => {
19
+ e.key === " " && (this._removeActiveMarker(), this._dispatchClickEvent(e));
20
+ }, this._dispatchClickEvent = (e) => {
21
+ let { altKey: t, ctrlKey: n, metaKey: r, shiftKey: i } = e;
22
+ e.target.dispatchEvent(new PointerEvent("click", {
23
+ bubbles: !0,
24
+ cancelable: !0,
25
+ composed: !0,
26
+ pointerId: -1,
27
+ pointerType: "",
28
+ altKey: t,
29
+ ctrlKey: n,
30
+ metaKey: r,
31
+ shiftKey: i
32
+ }));
33
+ }, this.internals.states.add("button"), !r) {
34
+ this.setupBaseEventHandlers();
35
+ let e = { passive: !0 };
36
+ this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, e), this.addEventListener("blur", this._removeActiveMarker, e), this.addEventListener("keypress", (e) => {
37
+ (e.key === "Enter" || e.key === "\n") && this._dispatchClickEvent(e);
38
+ }, e);
39
+ }
40
+ }
41
+ connectedCallback() {
42
+ super.connectedCallback(), this.tabIndex = 0;
43
+ }
44
+ attributeChangedCallback(e, t, n) {
45
+ (!["name", "value"].includes(e) || t !== n) && super.attributeChangedCallback(e, t, n);
46
+ }
47
+ }, l = (() => {
48
+ let e = c, r = [], s, l = [], u = [], d, f;
70
49
  return class extends e {
71
50
  static {
72
51
  let n = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
73
- o = [a(), i()], d = [i()], f = [i()], t(this, null, o, {
52
+ s = [a(), i()], d = [i()], f = [i()], t(this, null, s, {
74
53
  kind: "accessor",
75
54
  name: "value",
76
55
  static: !1,
@@ -83,7 +62,7 @@ var l = (() => {
83
62
  }
84
63
  },
85
64
  metadata: n
86
- }, c, u), t(this, null, d, {
65
+ }, l, u), t(this, null, d, {
87
66
  kind: "setter",
88
67
  name: "type",
89
68
  static: !1,
@@ -138,8 +117,8 @@ var l = (() => {
138
117
  "input",
139
118
  "sbb-date-input",
140
119
  "sbb-time-input"
141
- ]), this.#e = n(this, c, ""), this._formId = (n(this, u), ""), this._handleButtonClick = async (e) => {
142
- if (this.type === "button" || await s(e)) return;
120
+ ]), this.#e = n(this, l, ""), this._formId = (n(this, u), ""), this._handleButtonClick = async (e) => {
121
+ if (this.type === "button" || await o(e)) return;
143
122
  let t = this.form;
144
123
  if (t) this.type === "submit" ? this._requestSubmit(t) : this.type === "reset" && t.reset();
145
124
  else return;
@@ -164,4 +143,4 @@ var l = (() => {
164
143
  };
165
144
  })();
166
145
  //#endregion
167
- export { u as SbbButtonBaseElement, l as SbbButtonLikeBaseElement };
146
+ export { l as SbbButtonBaseElement, c as SbbButtonLikeBaseElement };
@@ -1,5 +1,5 @@
1
1
  //#region src/elements/core/datetime/date-adapter.ts
2
- var e = /(0?[1-9]|[12][0-9]|3[01])[.,\\/\-\s](0?[1-9]|1[0-2])[.,\\/\-\s]([0-9]{1,4}$)?/, t = /^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-3][0-9])$/, n = 1, r = 2, i = 3, a = 4, o = 5, s = 6, c = 0, l = 7, u = 4, d = 4, f = 12, p = 24, m = class {
2
+ var e = /(0?[1-9]|[12][0-9]|3[01])[.,\\/\-\s](0?[1-9]|1[0-2])[.,\\/\-\s]([0-9]{1,4}$)?/, t = /^([0-9]{4})-(0[1-9]|1[0-2])-(0[1-9]|[1-3][0-9])$/, n = 1, r = 2, i = 3, a = 4, o = 5, s = 6, c = 0, l = class {
3
3
  constructor(e = 15) {
4
4
  this._cutoffYearOffset = e;
5
5
  }
@@ -59,4 +59,4 @@ var e = /(0?[1-9]|[12][0-9]|3[01])[.,\\/\-\s](0?[1-9]|1[0-2])[.,\\/\-\s]([0-9]{1
59
59
  }
60
60
  };
61
61
  //#endregion
62
- export { l as DAYS_PER_ROW, m as DateAdapter, e as FORMAT_DATE, o as FRIDAY, t as ISO8601_FORMAT_DATE, n as MONDAY, f as MONTHS_PER_PAGE, u as MONTHS_PER_ROW, s as SATURDAY, c as SUNDAY, a as THURSDAY, r as TUESDAY, i as WEDNESDAY, p as YEARS_PER_PAGE, d as YEARS_PER_ROW };
62
+ export { l as DateAdapter, e as FORMAT_DATE, o as FRIDAY, t as ISO8601_FORMAT_DATE, n as MONDAY, s as SATURDAY, c as SUNDAY, a as THURSDAY, r as TUESDAY, i as WEDNESDAY };