@sbb-esta/lyne-elements-dev 4.7.0-dev.1773388991 → 4.7.0-dev.1773396165
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.
- package/accordion/accordion.component.js +98 -2
- package/accordion.js +4 -5
- package/accordion.pure.js +4 -2
- package/action-group/action-group.component.js +107 -2
- package/action-group.js +4 -5
- package/action-group.pure.js +4 -2
- package/alert/alert/alert.component.js +143 -2
- package/alert/alert-group/alert-group.component.js +103 -2
- package/alert/alert-group.js +7 -4
- package/alert/alert.js +7 -4
- package/alert.js +8 -6
- package/alert.pure.js +6 -3
- package/autocomplete/autocomplete-base-element.js +373 -2
- package/autocomplete/autocomplete.component.js +50 -51
- package/autocomplete.js +7 -7
- package/autocomplete.pure.js +6 -3
- package/breadcrumb/breadcrumb/breadcrumb.component.js +20 -2
- package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +135 -2
- package/breadcrumb/breadcrumb-group.js +7 -4
- package/breadcrumb/breadcrumb.js +7 -4
- package/breadcrumb.js +8 -6
- package/breadcrumb.pure.js +6 -3
- package/button/accent-button/accent-button.component.js +14 -18
- package/button/accent-button-link/accent-button-link.component.js +14 -18
- package/button/accent-button-link.js +4 -4
- package/button/accent-button-static/accent-button-static.component.js +13 -17
- package/button/accent-button-static.js +4 -4
- package/button/accent-button.js +4 -4
- package/button/button/button.component.js +14 -18
- package/button/button-link/button-link.component.js +14 -18
- package/button/button-link.js +4 -4
- package/button/button-static/button-static.component.js +14 -18
- package/button/button-static.js +4 -4
- package/button/button.js +4 -4
- package/button/common/button-common.js +67 -81
- package/button/common.js +12 -3
- package/button/mini-button/mini-button.component.js +18 -22
- package/button/mini-button-group/mini-button-group.component.js +68 -2
- package/button/mini-button-group.js +6 -6
- package/button/mini-button-link/mini-button-link.component.js +27 -2
- package/button/mini-button-link.js +6 -6
- package/button/mini-button.js +4 -4
- package/button/secondary-button/secondary-button.component.js +14 -18
- package/button/secondary-button-link/secondary-button-link.component.js +14 -18
- package/button/secondary-button-link.js +6 -6
- package/button/secondary-button-static/secondary-button-static.component.js +14 -18
- package/button/secondary-button-static.js +4 -4
- package/button/secondary-button.js +6 -6
- package/button/transparent-button/transparent-button.component.js +14 -18
- package/button/transparent-button-link/transparent-button-link.component.js +14 -18
- package/button/transparent-button-link.js +6 -6
- package/button/transparent-button-static/transparent-button-static.component.js +14 -18
- package/button/transparent-button-static.js +4 -4
- package/button/transparent-button.js +4 -4
- package/button.js +56 -20
- package/button.pure.js +42 -18
- package/calendar/calendar/calendar.component.js +1227 -2
- package/calendar/calendar-day/calendar-day.component.js +98 -2
- package/calendar/calendar-day.js +7 -4
- package/calendar/calendar.js +9 -4
- package/calendar.js +10 -6
- package/calendar.pure.js +7 -3
- package/card/card/card.component.js +48 -2
- package/card/card-badge/card-badge.component.js +48 -2
- package/card/card-badge.js +7 -4
- package/card/card-button/card-button.component.js +10 -11
- package/card/card-button.js +6 -3
- package/card/card-link/card-link.component.js +10 -11
- package/card/card-link.js +6 -3
- package/card/card.js +7 -4
- package/card/common/card-action-common.js +63 -2
- package/card/common.js +6 -5
- package/card.js +16 -9
- package/card.pure.js +11 -5
- package/carousel/carousel/carousel.component.js +88 -2
- package/carousel/carousel-item/carousel-item.component.js +18 -2
- package/carousel/carousel-item.js +7 -4
- package/carousel/carousel-list/carousel-list.component.js +90 -2
- package/carousel/carousel-list.js +7 -4
- package/carousel/carousel.js +7 -4
- package/carousel.js +11 -7
- package/carousel.pure.js +8 -4
- package/checkbox/checkbox-group.js +3 -2
- package/checkbox/checkbox-panel.js +3 -2
- package/checkbox/checkbox.component.js +91 -3
- package/checkbox/checkbox.js +7 -5
- package/checkbox/common/checkbox-common.js +57 -2
- package/checkbox/common.js +7 -5
- package/checkbox-group/checkbox-group.component.js +101 -2
- package/checkbox-group.js +4 -5
- package/checkbox-group.pure.js +4 -2
- package/checkbox-panel/checkbox-panel.component.js +48 -63
- package/checkbox-panel.js +3 -4
- package/checkbox-panel.pure.js +4 -2
- package/checkbox.js +14 -10
- package/checkbox.pure.js +7 -3
- package/chip/chip/chip.component.js +73 -2
- package/chip/chip-group/chip-group.component.js +253 -2
- package/chip/chip-group.js +7 -4
- package/chip/chip.js +7 -4
- package/chip-label/chip-label.component.js +56 -2
- package/chip-label.js +4 -5
- package/chip-label.pure.js +4 -2
- package/chip.js +8 -6
- package/chip.pure.js +6 -3
- package/clock/clock.component.js +153 -2
- package/clock.js +4 -5
- package/clock.pure.js +4 -2
- package/container/container/container.component.js +76 -2
- package/container/container.js +7 -4
- package/container/sticky-bar/sticky-bar.component.js +122 -2
- package/container/sticky-bar.js +7 -4
- package/container.js +8 -6
- package/container.pure.js +6 -3
- package/core/a11y/arrow-navigation.js +33 -45
- package/core/a11y/fake-event-detection.js +9 -8
- package/core/a11y/focus-trap-controller.js +91 -69
- package/core/a11y/focus-visible-within-controller.js +18 -18
- package/core/a11y/focus.js +13 -13
- package/core/a11y/input-modality-detector.js +47 -42
- package/core/a11y/interactivity-checker.js +96 -61
- package/core/a11y/live-announcer.js +40 -29
- package/core/a11y.js +26 -9
- package/core/base-elements/action-base-element.js +37 -29
- package/core/base-elements/button-base-element.js +145 -165
- package/core/base-elements/element.js +63 -28
- package/core/base-elements/link-base-element.js +119 -186
- package/core/base-elements/open-close-base-element.js +42 -40
- package/core/base-elements.js +13 -6
- package/core/config/config.js +9 -8
- package/core/config.js +5 -2
- package/core/controllers/escapable-overlay-controller.js +25 -23
- package/core/controllers/id-reference-controller.js +59 -50
- package/core/controllers/inert-controller.js +57 -55
- package/core/controllers/language-controller.js +38 -53
- package/core/controllers/media-matchers-controller.js +96 -82
- package/core/controllers/overlay-position-controller.js +222 -215
- package/core/controllers/property-watcher-controller.js +59 -55
- package/core/controllers/slot-state-controller.js +36 -34
- package/core/controllers.js +28 -7
- package/core/datetime/date-adapter.js +135 -61
- package/core/datetime/native-date-adapter.js +140 -91
- package/core/datetime/temporal-date-adapter.js +144 -108
- package/core/datetime.js +16 -4
- package/core/decorators/base.js +1 -0
- package/core/decorators/force-type.js +16 -12
- package/core/decorators/get-override.js +13 -10
- package/core/decorators/handle-distinct-change.js +15 -12
- package/core/decorators/host-attributes.js +16 -15
- package/core/decorators/id-reference.js +75 -65
- package/core/decorators/omit-empty-converter.js +9 -7
- package/core/decorators/plain-date.js +25 -21
- package/core/decorators.js +17 -8
- package/core/dom/animation.js +9 -8
- package/core/dom/contains-pierce-shadow-dom.js +11 -10
- package/core/dom/lean-context.js +4 -4
- package/core/dom/platform.js +18 -8
- package/core/dom/queue-dom-content-loaded.js +6 -6
- package/core/dom/scroll.js +16 -14
- package/core/dom/set-or-remove-attribute.js +5 -5
- package/core/dom.js +25 -6
- package/core/eventing/composed-path-has-attribute.js +7 -6
- package/core/eventing/event-target.js +5 -5
- package/core/eventing/form-element-handlers.js +5 -5
- package/core/eventing/forward-event.js +6 -6
- package/core/eventing/is-event-prevented.js +5 -5
- package/core/eventing/throttle.js +10 -10
- package/core/eventing.js +14 -7
- package/core/i18n/i18n.js +738 -634
- package/core/i18n.js +104 -2
- package/core/images.js +14 -14
- package/core/interfaces.js +1 -0
- package/core/mixins/animation-complete-mixin.js +42 -34
- package/core/mixins/constructor.js +1 -0
- package/core/mixins/disabled-mixin.js +74 -91
- package/core/mixins/element-internals-mixin.js +155 -149
- package/core/mixins/form-associated-checkbox-mixin.js +93 -106
- package/core/mixins/form-associated-input-mixin.js +193 -202
- package/core/mixins/form-associated-mixin.js +226 -168
- package/core/mixins/form-associated-radio-button-mixin.js +168 -152
- package/core/mixins/hydration-mixin.js +37 -27
- package/core/mixins/named-slot-list-mixin.js +95 -77
- package/core/mixins/negative-mixin.js +33 -45
- package/core/mixins/panel-mixin.js +70 -109
- package/core/mixins/readonly-mixin.js +34 -40
- package/core/mixins/required-mixin.js +35 -48
- package/core/mixins/selection-panel-mixin.js +39 -36
- package/core/mixins/update-scheduler-mixin.js +21 -20
- package/core/mixins.js +41 -21
- package/core/overlay/overlay-option-panel.js +16 -15
- package/core/overlay/overlay-outside-pointer-event-listener.js +37 -34
- package/core/overlay/overlay-trigger-attributes.js +14 -11
- package/core/overlay/overlay.js +6 -6
- package/core/overlay/position.js +49 -53
- package/core/overlay.js +19 -6
- package/core/styles/core.scss +10 -0
- package/core/styles.js +5 -5
- package/core/testing/event-spy.js +50 -46
- package/core/testing/mocha-extensions.js +10 -7
- package/core/testing/wait-for-condition.js +12 -10
- package/core/testing/wait-for-image-ready.js +16 -15
- package/core/testing/wait-for-render.js +13 -12
- package/core/testing.js +14 -6
- package/core.css +14 -0
- package/date-input/date-input.component.js +166 -2
- package/date-input.js +4 -5
- package/date-input.pure.js +4 -2
- package/datepicker/common/datepicker-button.js +102 -2
- package/datepicker/common.js +8 -5
- package/datepicker/datepicker/datepicker.component.js +120 -2
- package/datepicker/datepicker-next-day/datepicker-next-day.component.js +23 -27
- package/datepicker/datepicker-next-day.js +6 -3
- package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +23 -27
- package/datepicker/datepicker-previous-day.js +6 -3
- package/datepicker/datepicker-toggle/datepicker-toggle.component.js +51 -66
- package/datepicker/datepicker-toggle.js +6 -3
- package/datepicker/datepicker.js +7 -4
- package/datepicker.js +18 -9
- package/datepicker.pure.js +13 -5
- package/development/accordion/accordion.component.js +132 -2
- package/development/accordion.js +5 -8
- package/development/accordion.pure.js +5 -2
- package/development/action-group/action-group.component.js +305 -2
- package/development/action-group.js +5 -8
- package/development/action-group.pure.js +5 -2
- package/development/alert/alert/alert.component.js +385 -2
- package/development/alert/alert-group/alert-group.component.js +166 -2
- package/development/alert/alert-group.js +5 -7
- package/development/alert/alert.js +5 -7
- package/development/alert.js +7 -9
- package/development/alert.pure.js +7 -3
- package/development/autocomplete/autocomplete-base-element.js +897 -2
- package/development/autocomplete/autocomplete.component.js +72 -82
- package/development/autocomplete.js +6 -8
- package/development/autocomplete.pure.js +6 -2
- package/development/breadcrumb/breadcrumb/breadcrumb.component.js +77 -2
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +263 -2
- package/development/breadcrumb/breadcrumb-group.js +5 -7
- package/development/breadcrumb/breadcrumb.js +5 -7
- package/development/breadcrumb.js +7 -9
- package/development/breadcrumb.pure.js +7 -3
- package/development/button/accent-button/accent-button.component.js +13 -24
- package/development/button/accent-button-link/accent-button-link.component.js +13 -24
- package/development/button/accent-button-link.js +7 -9
- package/development/button/accent-button-static/accent-button-static.component.js +13 -24
- package/development/button/accent-button-static.js +7 -9
- package/development/button/accent-button.js +7 -9
- package/development/button/button/button.component.js +12 -23
- package/development/button/button-link/button-link.component.js +12 -23
- package/development/button/button-link.js +7 -9
- package/development/button/button-static/button-static.component.js +12 -23
- package/development/button/button-static.js +7 -9
- package/development/button/button.js +7 -9
- package/development/button/common/button-common.js +85 -104
- package/development/button/common.js +12 -2
- package/development/button/mini-button/mini-button.component.js +17 -28
- package/development/button/mini-button-group/mini-button-group.component.js +141 -2
- package/development/button/mini-button-group.js +7 -9
- package/development/button/mini-button-link/mini-button-link.component.js +34 -2
- package/development/button/mini-button-link.js +7 -9
- package/development/button/mini-button.js +7 -9
- package/development/button/secondary-button/secondary-button.component.js +12 -23
- package/development/button/secondary-button-link/secondary-button-link.component.js +12 -23
- package/development/button/secondary-button-link.js +7 -9
- package/development/button/secondary-button-static/secondary-button-static.component.js +12 -23
- package/development/button/secondary-button-static.js +7 -9
- package/development/button/secondary-button.js +7 -9
- package/development/button/transparent-button/transparent-button.component.js +12 -23
- package/development/button/transparent-button-link/transparent-button-link.component.js +12 -23
- package/development/button/transparent-button-link.js +7 -9
- package/development/button/transparent-button-static/transparent-button-static.component.js +12 -23
- package/development/button/transparent-button-static.js +7 -9
- package/development/button/transparent-button.js +7 -9
- package/development/button.js +29 -10
- package/development/button.pure.js +29 -4
- package/development/calendar/calendar/calendar.component.js +1984 -2
- package/development/calendar/calendar-day/calendar-day.component.js +248 -2
- package/development/calendar/calendar-day.js +5 -7
- package/development/calendar/calendar.js +7 -7
- package/development/calendar.js +9 -9
- package/development/calendar.pure.js +8 -3
- package/development/card/card/card.component.js +233 -2
- package/development/card/card-badge/card-badge.component.js +119 -2
- package/development/card/card-badge.js +5 -7
- package/development/card/card-button/card-button.component.js +11 -19
- package/development/card/card-button.js +4 -6
- package/development/card/card-link/card-link.component.js +11 -19
- package/development/card/card-link.js +4 -6
- package/development/card/card.js +5 -7
- package/development/card/common/card-action-common.js +121 -2
- package/development/card/common.js +5 -6
- package/development/card.js +11 -10
- package/development/card.pure.js +11 -4
- package/development/carousel/carousel/carousel.component.js +160 -2
- package/development/carousel/carousel-item/carousel-item.component.js +32 -2
- package/development/carousel/carousel-item.js +5 -7
- package/development/carousel/carousel-list/carousel-list.component.js +157 -2
- package/development/carousel/carousel-list.js +5 -7
- package/development/carousel/carousel.js +5 -7
- package/development/carousel.js +9 -10
- package/development/carousel.pure.js +9 -4
- package/development/checkbox/checkbox-group.js +1 -5
- package/development/checkbox/checkbox-panel.js +1 -5
- package/development/checkbox/checkbox.component.js +141 -3
- package/development/checkbox/checkbox.js +5 -8
- package/development/checkbox/common/checkbox-common.js +137 -2
- package/development/checkbox/common.js +6 -6
- package/development/checkbox-group/checkbox-group.component.js +212 -2
- package/development/checkbox-group.js +5 -8
- package/development/checkbox-group.pure.js +5 -2
- package/development/checkbox-panel/checkbox-panel.component.js +54 -81
- package/development/checkbox-panel.js +4 -7
- package/development/checkbox-panel.pure.js +4 -1
- package/development/checkbox.js +11 -12
- package/development/checkbox.pure.js +8 -3
- package/development/chip/chip/chip.component.js +164 -2
- package/development/chip/chip-group/chip-group.component.js +447 -2
- package/development/chip/chip-group.js +5 -7
- package/development/chip/chip.js +5 -7
- package/development/chip-label/chip-label.component.js +131 -2
- package/development/chip-label.js +5 -8
- package/development/chip-label.pure.js +5 -2
- package/development/chip.js +7 -9
- package/development/chip.pure.js +7 -3
- package/development/clock/clock.component.js +362 -2
- package/development/clock.js +5 -8
- package/development/clock.pure.js +5 -2
- package/development/container/container/container.component.js +182 -2
- package/development/container/container.js +5 -7
- package/development/container/sticky-bar/sticky-bar.component.js +357 -2
- package/development/container/sticky-bar.js +5 -7
- package/development/container.js +7 -9
- package/development/container.pure.js +7 -3
- package/development/core/a11y/arrow-navigation.js +28 -67
- package/development/core/a11y/fake-event-detection.js +8 -10
- package/development/core/a11y/focus-trap-controller.js +120 -104
- package/development/core/a11y/focus-visible-within-controller.js +24 -25
- package/development/core/a11y/focus.js +13 -14
- package/development/core/a11y/input-modality-detector.js +75 -128
- package/development/core/a11y/interactivity-checker.js +108 -115
- package/development/core/a11y/live-announcer.js +80 -76
- package/development/core/a11y.js +21 -3
- package/development/core/base-elements/action-base-element.js +42 -37
- package/development/core/base-elements/button-base-element.js +205 -247
- package/development/core/base-elements/element.js +67 -69
- package/development/core/base-elements/link-base-element.js +150 -226
- package/development/core/base-elements/open-close-base-element.js +49 -54
- package/development/core/base-elements.js +10 -2
- package/development/core/config/config.js +11 -9
- package/development/core/config.js +5 -1
- package/development/core/controllers/escapable-overlay-controller.js +36 -34
- package/development/core/controllers/id-reference-controller.js +81 -76
- package/development/core/controllers/inert-controller.js +105 -99
- package/development/core/controllers/language-controller.js +66 -76
- package/development/core/controllers/media-matchers-controller.js +138 -145
- package/development/core/controllers/overlay-position-controller.js +283 -297
- package/development/core/controllers/property-watcher-controller.js +119 -94
- package/development/core/controllers/slot-state-controller.js +63 -75
- package/development/core/controllers.js +23 -1
- package/development/core/datetime/date-adapter.js +166 -143
- package/development/core/datetime/native-date-adapter.js +148 -142
- package/development/core/datetime/temporal-date-adapter.js +149 -162
- package/development/core/datetime.js +14 -1
- package/development/core/decorators/base.js +2 -0
- package/development/core/decorators/force-type.js +27 -24
- package/development/core/decorators/get-override.js +17 -17
- package/development/core/decorators/handle-distinct-change.js +21 -20
- package/development/core/decorators/host-attributes.js +26 -37
- package/development/core/decorators/id-reference.js +114 -115
- package/development/core/decorators/omit-empty-converter.js +9 -13
- package/development/core/decorators/plain-date.js +31 -36
- package/development/core/decorators.js +11 -1
- package/development/core/dom/animation.js +9 -8
- package/development/core/dom/contains-pierce-shadow-dom.js +12 -12
- package/development/core/dom/lean-context.js +5 -9
- package/development/core/dom/platform.js +28 -35
- package/development/core/dom/queue-dom-content-loaded.js +10 -11
- package/development/core/dom/scroll.js +34 -34
- package/development/core/dom/set-or-remove-attribute.js +9 -13
- package/development/core/dom.js +21 -1
- package/development/core/eventing/composed-path-has-attribute.js +10 -17
- package/development/core/eventing/event-target.js +5 -7
- package/development/core/eventing/form-element-handlers.js +7 -10
- package/development/core/eventing/forward-event.js +7 -12
- package/development/core/eventing/is-event-prevented.js +6 -8
- package/development/core/eventing/throttle.js +17 -16
- package/development/core/eventing.js +9 -1
- package/development/core/i18n/i18n.js +875 -770
- package/development/core/i18n.js +104 -1
- package/development/core/images.js +15 -20
- package/development/core/interfaces.js +2 -0
- package/development/core/mixins/animation-complete-mixin.js +51 -55
- package/development/core/mixins/constructor.js +2 -0
- package/development/core/mixins/disabled-mixin.js +101 -124
- package/development/core/mixins/element-internals-mixin.js +225 -212
- package/development/core/mixins/form-associated-checkbox-mixin.js +141 -160
- package/development/core/mixins/form-associated-input-mixin.js +314 -334
- package/development/core/mixins/form-associated-mixin.js +279 -287
- package/development/core/mixins/form-associated-radio-button-mixin.js +247 -260
- package/development/core/mixins/hydration-mixin.js +55 -58
- package/development/core/mixins/named-slot-list-mixin.js +114 -116
- package/development/core/mixins/negative-mixin.js +41 -56
- package/development/core/mixins/panel-mixin.js +93 -142
- package/development/core/mixins/readonly-mixin.js +43 -54
- package/development/core/mixins/required-mixin.js +46 -65
- package/development/core/mixins/selection-panel-mixin.js +55 -50
- package/development/core/mixins/update-scheduler-mixin.js +25 -30
- package/development/core/mixins.js +29 -10
- package/development/core/overlay/overlay-option-panel.js +26 -34
- package/development/core/overlay/overlay-outside-pointer-event-listener.js +60 -64
- package/development/core/overlay/overlay-trigger-attributes.js +39 -42
- package/development/core/overlay/overlay.js +5 -10
- package/development/core/overlay/position.js +117 -143
- package/development/core/overlay.js +16 -2
- package/development/core/styles.js +5 -6
- package/development/core/testing/event-spy.js +67 -66
- package/development/core/testing/mocha-extensions.js +13 -15
- package/development/core/testing/wait-for-condition.js +17 -14
- package/development/core/testing/wait-for-image-ready.js +27 -20
- package/development/core/testing/wait-for-render.js +18 -30
- package/development/core/testing.js +10 -1
- package/development/date-input/date-input.component.js +278 -2
- package/development/date-input.js +5 -8
- package/development/date-input.pure.js +5 -2
- package/development/datepicker/common/datepicker-button.js +155 -2
- package/development/datepicker/common.js +7 -6
- package/development/datepicker/datepicker/datepicker.component.js +180 -2
- package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js +30 -35
- package/development/datepicker/datepicker-next-day.js +4 -6
- package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +30 -35
- package/development/datepicker/datepicker-previous-day.js +4 -6
- package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js +67 -79
- package/development/datepicker/datepicker-toggle.js +4 -6
- package/development/datepicker/datepicker.js +5 -7
- package/development/datepicker.js +12 -9
- package/development/datepicker.pure.js +12 -3
- package/development/dialog/dialog/dialog.component.js +383 -2
- package/development/dialog/dialog-actions/dialog-actions.component.js +42 -2
- package/development/dialog/dialog-actions.js +5 -7
- package/development/dialog/dialog-close-button/dialog-close-button.component.js +36 -2
- package/development/dialog/dialog-close-button.js +5 -7
- package/development/dialog/dialog-content/dialog-content.component.js +31 -2
- package/development/dialog/dialog-content.js +5 -7
- package/development/dialog/dialog-title/dialog-title.component.js +39 -2
- package/development/dialog/dialog-title.js +5 -7
- package/development/dialog/dialog.js +8 -7
- package/development/dialog.js +16 -12
- package/development/dialog.pure.js +16 -6
- package/development/divider/divider.component.js +73 -2
- package/development/divider.js +5 -8
- package/development/divider.pure.js +5 -2
- package/development/expansion-panel/expansion-panel/expansion-panel.component.js +417 -2
- package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +70 -2
- package/development/expansion-panel/expansion-panel-content.js +5 -7
- package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +170 -2
- package/development/expansion-panel/expansion-panel-header.js +5 -7
- package/development/expansion-panel/expansion-panel.js +5 -7
- package/development/expansion-panel.js +9 -10
- package/development/expansion-panel.pure.js +9 -4
- package/development/file-selector/common/file-selector-common.js +431 -2
- package/development/file-selector/common.js +6 -6
- package/development/file-selector/file-selector/file-selector.component.js +18 -27
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +126 -2
- package/development/file-selector/file-selector-dropzone.js +5 -7
- package/development/file-selector/file-selector.js +4 -6
- package/development/file-selector.js +9 -9
- package/development/file-selector.pure.js +9 -3
- package/development/flip-card/flip-card/flip-card.component.js +306 -2
- package/development/flip-card/flip-card-details/flip-card-details.component.js +69 -2
- package/development/flip-card/flip-card-details.js +5 -7
- package/development/flip-card/flip-card-summary/flip-card-summary.component.js +124 -2
- package/development/flip-card/flip-card-summary.js +5 -7
- package/development/flip-card/flip-card.js +5 -7
- package/development/flip-card.js +9 -10
- package/development/flip-card.pure.js +9 -4
- package/development/footer/footer.component.js +251 -2
- package/development/footer.js +5 -8
- package/development/footer.pure.js +5 -2
- package/development/form-field/error/error.component.js +83 -2
- package/development/form-field/error.js +5 -7
- package/development/form-field/form-field/form-field.component.js +892 -2
- package/development/form-field/form-field-clear/form-field-clear.component.js +41 -49
- package/development/form-field/form-field-clear.js +4 -6
- package/development/form-field/form-field.js +7 -7
- package/development/form-field.js +10 -9
- package/development/form-field.pure.js +9 -3
- package/development/header/common/header-action-common.js +329 -2
- package/development/header/common.js +5 -6
- package/development/header/header/header.component.js +385 -2
- package/development/header/header-button/header-button.component.js +7 -15
- package/development/header/header-button.js +4 -6
- package/development/header/header-environment/header-environment.component.js +88 -2
- package/development/header/header-environment.js +5 -7
- package/development/header/header-link/header-link.component.js +7 -15
- package/development/header/header-link.js +4 -6
- package/development/header/header.js +5 -7
- package/development/header.js +11 -10
- package/development/header.pure.js +11 -4
- package/development/icon/icon-base.js +174 -2
- package/development/icon/icon-name-mixin.js +59 -75
- package/development/icon/icon-request.js +38 -31
- package/development/icon/icon-validate.js +45 -36
- package/development/icon/icon.component.js +94 -119
- package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.js +74 -2
- package/development/icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js +15 -25
- package/development/icon-sidebar/icon-sidebar-button.js +4 -6
- package/development/icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js +30 -2
- package/development/icon-sidebar/icon-sidebar-container.js +5 -7
- package/development/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js +22 -2
- package/development/icon-sidebar/icon-sidebar-content.js +5 -7
- package/development/icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js +15 -25
- package/development/icon-sidebar/icon-sidebar-link.js +4 -6
- package/development/icon-sidebar/icon-sidebar.js +5 -7
- package/development/icon-sidebar-button-common-DR6eQvkq.js +93 -0
- package/development/icon-sidebar.js +11 -10
- package/development/icon-sidebar.pure.js +11 -4
- package/development/icon.js +12 -10
- package/development/icon.pure.js +12 -4
- package/development/image/image.component.js +648 -2
- package/development/image.js +5 -8
- package/development/image.pure.js +5 -2
- package/development/journey-header/journey-header.component.js +158 -2
- package/development/journey-header.js +5 -8
- package/development/journey-header.pure.js +5 -2
- package/development/lead-container/lead-container.component.js +108 -2
- package/development/lead-container.js +5 -8
- package/development/lead-container.pure.js +5 -2
- package/development/link/block-link/block-link.component.js +7 -15
- package/development/link/block-link-button/block-link-button.component.js +7 -15
- package/development/link/block-link-button.js +7 -9
- package/development/link/block-link-static/block-link-static.component.js +7 -15
- package/development/link/block-link-static.js +7 -9
- package/development/link/block-link.js +7 -9
- package/development/link/common/block-link-common.js +124 -3
- package/development/link/common/inline-link-common.js +44 -3
- package/development/link/common/link-common.js +10 -2
- package/development/link/common.js +9 -4
- package/development/link/link/link.component.js +7 -14
- package/development/link/link-button/link-button.component.js +7 -14
- package/development/link/link-button.js +7 -9
- package/development/link/link-static/link-static.component.js +7 -14
- package/development/link/link-static.js +7 -9
- package/development/link/link.js +7 -9
- package/development/link-common-d27fHmQw.js +111 -0
- package/development/link-list/common/link-list-base.js +131 -2
- package/development/link-list/common.js +6 -6
- package/development/link-list/link-list-anchor.js +5 -8
- package/development/link-list/link-list.component.js +152 -3
- package/development/link-list/link-list.js +5 -8
- package/development/link-list-anchor/link-list-anchor.component.js +61 -2
- package/development/link-list-anchor.js +5 -8
- package/development/link-list-anchor.pure.js +5 -2
- package/development/link-list.js +9 -11
- package/development/link-list.pure.js +8 -3
- package/development/link.js +15 -10
- package/development/link.pure.js +15 -5
- package/development/loading-indicator/loading-indicator.component.d.ts.map +1 -1
- package/development/loading-indicator/loading-indicator.component.js +243 -2
- package/development/loading-indicator-circle/loading-indicator-circle.component.d.ts.map +1 -1
- package/development/loading-indicator-circle/loading-indicator-circle.component.js +120 -2
- package/development/loading-indicator-circle.js +5 -8
- package/development/loading-indicator-circle.pure.js +5 -2
- package/development/loading-indicator.js +5 -8
- package/development/loading-indicator.pure.js +5 -2
- package/development/logo/logo.component.js +129 -2
- package/development/logo.js +5 -8
- package/development/logo.pure.js +5 -2
- package/development/map-container/map-container.component.js +281 -2
- package/development/map-container.js +5 -8
- package/development/map-container.pure.js +5 -2
- package/development/menu/common/menu-action-common.js +144 -2
- package/development/menu/common.js +5 -6
- package/development/menu/menu/menu.component.js +683 -2
- package/development/menu/menu-button/menu-button.component.js +8 -20
- package/development/menu/menu-button.js +4 -6
- package/development/menu/menu-link/menu-link.component.js +11 -21
- package/development/menu/menu-link.js +4 -6
- package/development/menu/menu.js +5 -7
- package/development/menu.js +9 -9
- package/development/menu.pure.js +9 -3
- package/development/message/message.component.js +67 -2
- package/development/message.js +5 -8
- package/development/message.pure.js +5 -2
- package/development/mini-button-label-common-BaMSfSTe.js +558 -0
- package/development/mini-calendar/mini-calendar/mini-calendar.component.js +188 -2
- package/development/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +166 -2
- package/development/mini-calendar/mini-calendar-day.js +5 -7
- package/development/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +135 -2
- package/development/mini-calendar/mini-calendar-month.js +5 -7
- package/development/mini-calendar/mini-calendar.js +5 -7
- package/development/mini-calendar.js +9 -10
- package/development/mini-calendar.pure.js +9 -4
- package/development/navigation/common/navigation-action-common.js +165 -2
- package/development/navigation/common.js +5 -6
- package/development/navigation/navigation/navigation.component.js +571 -2
- package/development/navigation/navigation-button/navigation-button.component.js +7 -14
- package/development/navigation/navigation-button.js +4 -6
- package/development/navigation/navigation-link/navigation-link.component.js +7 -14
- package/development/navigation/navigation-link.js +4 -6
- package/development/navigation/navigation-list/navigation-list.component.js +102 -2
- package/development/navigation/navigation-list.js +5 -7
- package/development/navigation/navigation-marker/navigation-marker.component.js +199 -2
- package/development/navigation/navigation-marker.js +5 -7
- package/development/navigation/navigation-section/navigation-section.component.js +588 -2
- package/development/navigation/navigation-section.js +5 -7
- package/development/navigation/navigation.js +5 -7
- package/development/navigation.js +15 -12
- package/development/navigation.pure.js +15 -6
- package/development/notification/notification.component.js +496 -2
- package/development/notification.js +5 -8
- package/development/notification.pure.js +5 -2
- package/development/option/optgroup/optgroup-base-element.js +159 -2
- package/development/option/optgroup/optgroup.component.js +37 -40
- package/development/option/optgroup.js +6 -7
- package/development/option/option/option-base-element.js +276 -349
- package/development/option/option/option.component.js +241 -2
- package/development/option/option-hint/option-hint.component.js +44 -2
- package/development/option/option-hint.js +5 -7
- package/development/option/option.js +6 -7
- package/development/option.js +11 -10
- package/development/option.pure.js +11 -4
- package/development/overlay/overlay-base-element.js +247 -238
- package/development/overlay/overlay.component.js +374 -2
- package/development/overlay.js +9 -8
- package/development/overlay.pure.js +9 -2
- package/development/paginator/common/paginator-common.js +272 -376
- package/development/paginator/common.js +4 -5
- package/development/paginator/compact-paginator/compact-paginator.component.js +87 -2
- package/development/paginator/compact-paginator.js +5 -7
- package/development/paginator/paginator/paginator.component.js +444 -2
- package/development/paginator/paginator.js +5 -7
- package/development/paginator.js +8 -9
- package/development/paginator.pure.js +8 -3
- package/development/popover/popover.component.js +718 -2
- package/development/popover.js +7 -8
- package/development/popover.pure.js +6 -2
- package/development/radio-button/common/radio-button-common.js +203 -2
- package/development/radio-button/common.js +6 -6
- package/development/radio-button/radio-button-group.js +1 -5
- package/development/radio-button/radio-button-panel.js +1 -5
- package/development/radio-button/radio-button.component.js +97 -3
- package/development/radio-button/radio-button.js +5 -8
- package/development/radio-button-group/radio-button-group.component.js +308 -2
- package/development/radio-button-group.js +5 -8
- package/development/radio-button-group.pure.js +5 -2
- package/development/radio-button-panel/radio-button-panel.component.js +82 -106
- package/development/radio-button-panel.js +4 -7
- package/development/radio-button-panel.pure.js +4 -1
- package/development/radio-button.js +11 -12
- package/development/radio-button.pure.js +8 -3
- package/development/sbb-tokens-DQT_xEIZ.js +19 -0
- package/development/screen-reader-only/screen-reader-only.component.js +25 -2
- package/development/screen-reader-only.js +5 -8
- package/development/screen-reader-only.pure.js +5 -2
- package/development/select/select.component.js +1087 -2
- package/development/select.js +5 -8
- package/development/select.pure.js +5 -2
- package/development/selection-action-panel/selection-action-panel.component.js +125 -2
- package/development/selection-action-panel.js +5 -8
- package/development/selection-action-panel.pure.js +5 -2
- package/development/selection-expansion-panel/selection-expansion-panel.component.js +306 -2
- package/development/selection-expansion-panel.js +5 -8
- package/development/selection-expansion-panel.pure.js +5 -2
- package/development/sidebar/common/styles.js +7 -2
- package/development/sidebar/common.js +7 -6
- package/development/sidebar/sidebar/sidebar.component.js +473 -2
- package/development/sidebar/sidebar-close-button/sidebar-close-button.component.js +36 -2
- package/development/sidebar/sidebar-close-button.js +5 -7
- package/development/sidebar/sidebar-container/sidebar-container.component.js +147 -2
- package/development/sidebar/sidebar-container.js +5 -7
- package/development/sidebar/sidebar-content/sidebar-content.component.js +25 -2
- package/development/sidebar/sidebar-content.js +5 -7
- package/development/sidebar/sidebar-title/sidebar-title.component.js +53 -2
- package/development/sidebar/sidebar-title.js +5 -7
- package/development/sidebar/sidebar.js +5 -7
- package/development/sidebar.js +13 -12
- package/development/sidebar.pure.js +13 -6
- package/development/signet/signet.component.js +151 -2
- package/development/signet.js +5 -8
- package/development/signet.pure.js +5 -2
- package/development/skiplink-list/skiplink-list.component.js +160 -2
- package/development/skiplink-list.js +5 -8
- package/development/skiplink-list.pure.js +5 -2
- package/development/slider/slider.component.js +399 -2
- package/development/slider.js +5 -8
- package/development/slider.pure.js +5 -2
- package/development/status/status.component.js +144 -2
- package/development/status.js +5 -8
- package/development/status.pure.js +5 -2
- package/development/stepper/step/step.component.js +216 -2
- package/development/stepper/step-label/step-label.component.js +298 -2
- package/development/stepper/step-label.js +5 -7
- package/development/stepper/step.js +5 -7
- package/development/stepper/stepper/stepper.component.js +465 -2
- package/development/stepper/stepper.js +7 -7
- package/development/stepper.js +11 -10
- package/development/stepper.pure.js +10 -4
- package/development/tab-label-common-Mfl36Rsa.js +171 -0
- package/development/table/table-wrapper/table-wrapper.component.js +120 -2
- package/development/table/table-wrapper.js +5 -7
- package/development/table.js +5 -8
- package/development/table.pure.js +5 -2
- package/development/tabs/common/styles.js +6 -2
- package/development/tabs/common.js +6 -6
- package/development/tabs/tab/tab.component.js +87 -2
- package/development/tabs/tab-group/tab-group.component.js +236 -2
- package/development/tabs/tab-group.js +5 -7
- package/development/tabs/tab-label/tab-label.component.js +369 -2
- package/development/tabs/tab-label.js +5 -7
- package/development/tabs/tab-nav-bar/tab-nav-bar.component.js +99 -2
- package/development/tabs/tab-nav-bar.js +5 -7
- package/development/tabs/tab.js +5 -7
- package/development/tabs.js +14 -12
- package/development/tabs.pure.js +14 -6
- package/development/tag/tag/tag.component.js +351 -2
- package/development/tag/tag-group/tag-group.component.js +179 -2
- package/development/tag/tag-group.js +5 -7
- package/development/tag/tag.js +5 -7
- package/development/tag.js +7 -9
- package/development/tag.pure.js +7 -3
- package/development/teaser/teaser.component.js +224 -2
- package/development/teaser-hero/teaser-hero.component.js +172 -2
- package/development/teaser-hero.js +5 -8
- package/development/teaser-hero.pure.js +5 -2
- package/development/teaser-product/common/teaser-product-common.js +210 -2
- package/development/teaser-product/common.js +6 -6
- package/development/teaser-product/teaser-product/teaser-product.component.js +63 -2
- package/development/teaser-product/teaser-product-static/teaser-product-static.component.js +8 -21
- package/development/teaser-product/teaser-product-static.js +4 -6
- package/development/teaser-product/teaser-product.js +5 -7
- package/development/teaser-product.js +9 -9
- package/development/teaser-product.pure.js +9 -3
- package/development/teaser.js +5 -8
- package/development/teaser.pure.js +5 -2
- package/development/time-input/time-input.component.js +213 -2
- package/development/time-input.js +5 -8
- package/development/time-input.pure.js +5 -2
- package/development/timetable-form/timetable-form/timetable-form.component.js +22 -2
- package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +39 -2
- package/development/timetable-form/timetable-form-details.js +5 -7
- package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +112 -2
- package/development/timetable-form/timetable-form-field.js +5 -7
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +63 -2
- package/development/timetable-form/timetable-form-swap-button.js +5 -7
- package/development/timetable-form/timetable-form.js +5 -7
- package/development/timetable-form.js +11 -11
- package/development/timetable-form.pure.js +11 -5
- package/development/timetable-occupancy/timetable-occupancy.component.js +140 -2
- package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.js +89 -2
- package/development/timetable-occupancy-icon.js +5 -8
- package/development/timetable-occupancy-icon.pure.js +5 -2
- package/development/timetable-occupancy.js +5 -8
- package/development/timetable-occupancy.pure.js +5 -2
- package/development/title/title-base.js +109 -2
- package/development/title/title.component.js +89 -3
- package/development/title.js +7 -9
- package/development/title.pure.js +7 -3
- package/development/toast/toast.component.js +401 -2
- package/development/toast.js +5 -8
- package/development/toast.pure.js +5 -2
- package/development/toggle/toggle/toggle.component.js +331 -2
- package/development/toggle/toggle-option/toggle-option.component.js +179 -2
- package/development/toggle/toggle-option.js +5 -7
- package/development/toggle/toggle.js +5 -7
- package/development/toggle-check/toggle-check.component.js +274 -2
- package/development/toggle-check.js +5 -8
- package/development/toggle-check.pure.js +5 -2
- package/development/toggle.js +7 -9
- package/development/toggle.pure.js +7 -3
- package/development/tooltip/tooltip.component.js +440 -2
- package/development/tooltip.js +5 -8
- package/development/tooltip.pure.js +5 -2
- package/development/train/train/train.component.js +229 -2
- package/development/train/train-blocked-passage/train-blocked-passage.component.js +70 -2
- package/development/train/train-blocked-passage.js +5 -7
- package/development/train/train-formation/train-formation.component.js +274 -2
- package/development/train/train-formation.js +5 -7
- package/development/train/train-wagon/train-wagon.component.js +387 -2
- package/development/train/train-wagon.js +5 -7
- package/development/train/train.js +5 -7
- package/development/train.js +11 -11
- package/development/train.pure.js +11 -5
- package/development/visual-checkbox/visual-checkbox.component.js +164 -2
- package/development/visual-checkbox.js +5 -8
- package/development/visual-checkbox.pure.js +5 -2
- package/dialog/dialog/dialog.component.js +148 -2
- package/dialog/dialog-actions/dialog-actions.component.js +13 -2
- package/dialog/dialog-actions.js +7 -4
- package/dialog/dialog-close-button/dialog-close-button.component.js +23 -2
- package/dialog/dialog-close-button.js +7 -4
- package/dialog/dialog-content/dialog-content.component.js +15 -2
- package/dialog/dialog-content.js +7 -4
- package/dialog/dialog-title/dialog-title.component.js +13 -2
- package/dialog/dialog-title.js +7 -4
- package/dialog/dialog.js +10 -4
- package/dialog.js +20 -9
- package/dialog.pure.js +15 -6
- package/divider/divider.component.js +44 -2
- package/divider.js +4 -5
- package/divider.pure.js +4 -2
- package/expansion-panel/expansion-panel/expansion-panel.component.js +156 -2
- package/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +24 -2
- package/expansion-panel/expansion-panel-content.js +7 -4
- package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +57 -2
- package/expansion-panel/expansion-panel-header.js +7 -4
- package/expansion-panel/expansion-panel.js +7 -4
- package/expansion-panel.js +11 -7
- package/expansion-panel.pure.js +8 -4
- package/file-selector/common/file-selector-common.js +245 -2
- package/file-selector/common.js +7 -5
- package/file-selector/file-selector/file-selector.component.js +20 -25
- package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +75 -2
- package/file-selector/file-selector-dropzone.js +7 -4
- package/file-selector/file-selector.js +6 -3
- package/file-selector.js +11 -7
- package/file-selector.pure.js +9 -4
- package/flip-card/flip-card/flip-card.component.js +120 -2
- package/flip-card/flip-card-details/flip-card-details.component.js +36 -2
- package/flip-card/flip-card-details.js +7 -4
- package/flip-card/flip-card-summary/flip-card-summary.component.js +48 -2
- package/flip-card/flip-card-summary.js +7 -4
- package/flip-card/flip-card.js +7 -4
- package/flip-card.js +11 -7
- package/flip-card.pure.js +8 -4
- package/footer/footer.component.js +89 -2
- package/footer.js +4 -5
- package/footer.pure.js +4 -2
- package/form-field/error/error.component.js +42 -2
- package/form-field/error.js +7 -4
- package/form-field/form-field/form-field.component.js +344 -2
- package/form-field/form-field-clear/form-field-clear.component.js +28 -35
- package/form-field/form-field-clear.js +6 -3
- package/form-field/form-field.js +9 -4
- package/form-field.js +13 -7
- package/form-field.pure.js +9 -4
- package/header/common/header-action-common.js +51 -2
- package/header/common.js +6 -5
- package/header/header/header.component.js +154 -2
- package/header/header-button/header-button.component.js +8 -9
- package/header/header-button.js +6 -3
- package/header/header-environment/header-environment.component.js +29 -2
- package/header/header-environment.js +7 -4
- package/header/header-link/header-link.component.js +8 -9
- package/header/header-link.js +6 -3
- package/header/header.js +7 -4
- package/header.js +16 -9
- package/header.pure.js +12 -6
- package/icon/icon-base.js +105 -2
- package/icon/icon-name-mixin.js +50 -59
- package/icon/icon-request.js +29 -23
- package/icon/icon-validate.js +25 -19
- package/icon/icon.component.js +76 -88
- package/icon-sidebar/icon-sidebar/icon-sidebar.component.js +46 -2
- package/icon-sidebar/icon-sidebar-button/icon-sidebar-button.component.js +15 -19
- package/icon-sidebar/icon-sidebar-button.js +6 -3
- package/icon-sidebar/icon-sidebar-container/icon-sidebar-container.component.js +25 -2
- package/icon-sidebar/icon-sidebar-container.js +7 -4
- package/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js +16 -2
- package/icon-sidebar/icon-sidebar-content.js +7 -4
- package/icon-sidebar/icon-sidebar-link/icon-sidebar-link.component.js +15 -19
- package/icon-sidebar/icon-sidebar-link.js +6 -3
- package/icon-sidebar/icon-sidebar.js +7 -4
- package/icon-sidebar-button-common-ffAscVDk.js +7 -0
- package/icon-sidebar.js +16 -8
- package/icon-sidebar.pure.js +12 -6
- package/icon.js +14 -10
- package/icon.pure.js +13 -6
- package/image/image.component.js +455 -2
- package/image.js +4 -5
- package/image.pure.js +4 -2
- package/journey-header/journey-header.component.js +95 -2
- package/journey-header.js +4 -5
- package/journey-header.pure.js +4 -2
- package/lead-container/lead-container.component.js +23 -2
- package/lead-container.js +4 -5
- package/lead-container.pure.js +4 -2
- package/link/block-link/block-link.component.js +8 -9
- package/link/block-link-button/block-link-button.component.js +9 -10
- package/link/block-link-button.js +6 -6
- package/link/block-link-static/block-link-static.component.js +9 -10
- package/link/block-link-static.js +4 -4
- package/link/block-link.js +6 -6
- package/link/common/block-link-common.js +44 -3
- package/link/common/inline-link-common.js +13 -3
- package/link/common/link-common.js +9 -2
- package/link/common.js +8 -4
- package/link/link/link.component.js +9 -10
- package/link/link-button/link-button.component.js +9 -10
- package/link/link-button.js +4 -4
- package/link/link-static/link-static.component.js +9 -10
- package/link/link-static.js +4 -4
- package/link/link.js +6 -6
- package/link-common-7IiqjmPD.js +45 -0
- package/link-list/common/link-list-base.js +90 -2
- package/link-list/common.js +7 -5
- package/link-list/link-list-anchor.js +8 -6
- package/link-list/link-list.component.js +47 -3
- package/link-list/link-list.js +7 -5
- package/link-list-anchor/link-list-anchor.component.js +10 -2
- package/link-list-anchor.js +4 -5
- package/link-list-anchor.pure.js +4 -2
- package/link-list.js +10 -8
- package/link-list.pure.js +7 -3
- package/link.js +25 -12
- package/link.pure.js +20 -11
- package/loading-indicator/loading-indicator.component.js +65 -2
- package/loading-indicator-circle/loading-indicator-circle.component.js +45 -2
- package/loading-indicator-circle.js +4 -5
- package/loading-indicator-circle.pure.js +4 -2
- package/loading-indicator.js +4 -5
- package/loading-indicator.pure.js +4 -2
- package/logo/logo.component.js +67 -2
- package/logo.js +4 -5
- package/logo.pure.js +4 -2
- package/map-container/map-container.component.js +110 -2
- package/map-container.js +4 -5
- package/map-container.pure.js +4 -2
- package/menu/common/menu-action-common.js +28 -2
- package/menu/common.js +6 -5
- package/menu/menu/menu.component.js +274 -2
- package/menu/menu-button/menu-button.component.js +9 -13
- package/menu/menu-button.js +6 -3
- package/menu/menu-link/menu-link.component.js +12 -13
- package/menu/menu-link.js +6 -3
- package/menu/menu.js +7 -4
- package/menu.js +12 -7
- package/menu.pure.js +10 -5
- package/message/message.component.js +23 -2
- package/message.js +4 -5
- package/message.pure.js +4 -2
- package/mini-button-label-common-Dx9JhmQ6.js +11 -0
- package/mini-calendar/mini-calendar/mini-calendar.component.js +131 -2
- package/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +66 -2
- package/mini-calendar/mini-calendar-day.js +7 -4
- package/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +63 -2
- package/mini-calendar/mini-calendar-month.js +7 -4
- package/mini-calendar/mini-calendar.js +7 -4
- package/mini-calendar.js +11 -7
- package/mini-calendar.pure.js +8 -4
- package/navigation/common/navigation-action-common.js +57 -2
- package/navigation/common.js +6 -5
- package/navigation/navigation/navigation.component.js +188 -2
- package/navigation/navigation-button/navigation-button.component.js +8 -9
- package/navigation/navigation-button.js +6 -3
- package/navigation/navigation-link/navigation-link.component.js +8 -9
- package/navigation/navigation-link.js +6 -3
- package/navigation/navigation-list/navigation-list.component.js +59 -2
- package/navigation/navigation-list.js +7 -4
- package/navigation/navigation-marker/navigation-marker.component.js +82 -2
- package/navigation/navigation-marker.js +7 -4
- package/navigation/navigation-section/navigation-section.component.js +224 -2
- package/navigation/navigation-section.js +7 -4
- package/navigation/navigation.js +7 -4
- package/navigation.js +22 -11
- package/navigation.pure.js +16 -8
- package/notification/notification.component.js +165 -2
- package/notification.js +4 -5
- package/notification.pure.js +4 -2
- package/off-brand-theme.css +14 -0
- package/option/optgroup/optgroup-base-element.js +83 -2
- package/option/optgroup/optgroup.component.js +30 -29
- package/option/optgroup.js +9 -5
- package/option/option/option-base-element.js +201 -257
- package/option/option/option.component.js +87 -2
- package/option/option-hint/option-hint.component.js +19 -2
- package/option/option-hint.js +7 -4
- package/option/option.js +9 -5
- package/option.js +15 -9
- package/option.pure.js +12 -6
- package/overlay/overlay-base-element.js +149 -154
- package/overlay/overlay.component.js +138 -2
- package/overlay.js +10 -7
- package/overlay.pure.js +9 -3
- package/package.json +2 -2
- package/paginator/common/paginator-common.js +201 -268
- package/paginator/common.js +6 -5
- package/paginator/compact-paginator/compact-paginator.component.js +40 -2
- package/paginator/compact-paginator.js +7 -4
- package/paginator/paginator/paginator.component.js +175 -2
- package/paginator/paginator.js +7 -4
- package/paginator.js +10 -7
- package/paginator.pure.js +7 -3
- package/popover/popover.component.js +316 -2
- package/popover.js +6 -5
- package/popover.pure.js +5 -2
- package/radio-button/common/radio-button-common.js +63 -2
- package/radio-button/common.js +7 -5
- package/radio-button/radio-button-group.js +3 -2
- package/radio-button/radio-button-panel.js +3 -2
- package/radio-button/radio-button.component.js +71 -3
- package/radio-button/radio-button.js +7 -5
- package/radio-button-group/radio-button-group.component.js +167 -2
- package/radio-button-group.js +5 -6
- package/radio-button-group.pure.js +4 -2
- package/radio-button-panel/radio-button-panel.component.js +68 -78
- package/radio-button-panel.js +3 -4
- package/radio-button-panel.pure.js +4 -2
- package/radio-button.js +13 -9
- package/radio-button.pure.js +7 -3
- package/safety-theme.css +14 -0
- package/sbb-tokens-HiNSQasB.js +11 -0
- package/screen-reader-only/screen-reader-only.component.js +12 -2
- package/screen-reader-only.js +4 -5
- package/screen-reader-only.pure.js +4 -2
- package/select/select.component.js +498 -2
- package/select.js +4 -5
- package/select.pure.js +4 -2
- package/selection-action-panel/selection-action-panel.component.js +33 -2
- package/selection-action-panel.js +4 -5
- package/selection-action-panel.pure.js +4 -2
- package/selection-expansion-panel/selection-expansion-panel.component.js +116 -2
- package/selection-expansion-panel.js +4 -5
- package/selection-expansion-panel.pure.js +4 -2
- package/sidebar/common/styles.js +6 -2
- package/sidebar/common.js +8 -5
- package/sidebar/sidebar/sidebar.component.js +182 -2
- package/sidebar/sidebar-close-button/sidebar-close-button.component.js +26 -2
- package/sidebar/sidebar-close-button.js +7 -4
- package/sidebar/sidebar-container/sidebar-container.component.js +76 -2
- package/sidebar/sidebar-container.js +7 -4
- package/sidebar/sidebar-content/sidebar-content.component.js +16 -2
- package/sidebar/sidebar-content.js +7 -4
- package/sidebar/sidebar-title/sidebar-title.component.js +39 -2
- package/sidebar/sidebar-title.js +7 -4
- package/sidebar/sidebar.js +7 -4
- package/sidebar.js +17 -9
- package/sidebar.pure.js +12 -6
- package/signet/signet.component.js +74 -2
- package/signet.js +4 -5
- package/signet.pure.js +4 -2
- package/skiplink-list/skiplink-list.component.js +77 -2
- package/skiplink-list.js +4 -5
- package/skiplink-list.pure.js +4 -2
- package/slider/slider.component.js +200 -2
- package/slider.js +4 -5
- package/slider.pure.js +4 -2
- package/standard-theme.css +14 -0
- package/status/status.component.js +69 -2
- package/status.js +4 -5
- package/status.pure.js +4 -2
- package/stepper/step/step.component.js +111 -2
- package/stepper/step-label/step-label.component.js +96 -2
- package/stepper/step-label.js +7 -4
- package/stepper/step.js +7 -4
- package/stepper/stepper/stepper.component.js +236 -2
- package/stepper/stepper.js +9 -4
- package/stepper.js +13 -7
- package/stepper.pure.js +9 -4
- package/tab-label-common-D6k40yRU.js +6 -0
- package/table/table-wrapper/table-wrapper.component.js +70 -2
- package/table/table-wrapper.js +7 -4
- package/table.js +4 -5
- package/table.pure.js +4 -2
- package/tabs/common/styles.js +5 -2
- package/tabs/common.js +7 -5
- package/tabs/tab/tab.component.js +46 -2
- package/tabs/tab-group/tab-group.component.js +167 -2
- package/tabs/tab-group.js +7 -4
- package/tabs/tab-label/tab-label.component.js +128 -2
- package/tabs/tab-label.js +7 -4
- package/tabs/tab-nav-bar/tab-nav-bar.component.js +67 -2
- package/tabs/tab-nav-bar.js +7 -4
- package/tabs/tab.js +7 -4
- package/tabs.js +17 -9
- package/tabs.pure.js +13 -6
- package/tag/tag/tag.component.js +128 -2
- package/tag/tag-group/tag-group.component.js +119 -2
- package/tag/tag-group.js +7 -4
- package/tag/tag.js +7 -4
- package/tag.js +8 -6
- package/tag.pure.js +6 -3
- package/teaser/teaser.component.js +80 -2
- package/teaser-hero/teaser-hero.component.js +62 -2
- package/teaser-hero.js +4 -5
- package/teaser-hero.pure.js +4 -2
- package/teaser-product/common/teaser-product-common.js +54 -2
- package/teaser-product/common.js +7 -5
- package/teaser-product/teaser-product/teaser-product.component.js +28 -2
- package/teaser-product/teaser-product-static/teaser-product-static.component.js +9 -13
- package/teaser-product/teaser-product-static.js +6 -3
- package/teaser-product/teaser-product.js +7 -4
- package/teaser-product.js +11 -7
- package/teaser-product.pure.js +9 -4
- package/teaser.js +4 -5
- package/teaser.pure.js +4 -2
- package/time-input/time-input.component.js +128 -2
- package/time-input.js +4 -5
- package/time-input.pure.js +4 -2
- package/timetable-form/timetable-form/timetable-form.component.js +12 -2
- package/timetable-form/timetable-form-details/timetable-form-details.component.js +12 -2
- package/timetable-form/timetable-form-details.js +7 -4
- package/timetable-form/timetable-form-field/timetable-form-field.component.js +26 -2
- package/timetable-form/timetable-form-field.js +7 -4
- package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +33 -2
- package/timetable-form/timetable-form-swap-button.js +7 -4
- package/timetable-form/timetable-form.js +7 -4
- package/timetable-form.js +14 -8
- package/timetable-form.pure.js +10 -5
- package/timetable-occupancy/timetable-occupancy.component.js +77 -2
- package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +61 -2
- package/timetable-occupancy-icon.js +4 -5
- package/timetable-occupancy-icon.pure.js +4 -2
- package/timetable-occupancy.js +4 -5
- package/timetable-occupancy.pure.js +4 -2
- package/title/title-base.js +53 -2
- package/title/title.component.js +37 -3
- package/title.js +7 -7
- package/title.pure.js +6 -3
- package/toast/toast.component.js +180 -2
- package/toast.js +4 -5
- package/toast.pure.js +4 -2
- package/toggle/toggle/toggle.component.js +147 -2
- package/toggle/toggle-option/toggle-option.component.js +90 -2
- package/toggle/toggle-option.js +7 -4
- package/toggle/toggle.js +7 -4
- package/toggle-check/toggle-check.component.js +85 -2
- package/toggle-check.js +4 -5
- package/toggle-check.pure.js +4 -2
- package/toggle.js +8 -6
- package/toggle.pure.js +6 -3
- package/tooltip/tooltip.component.js +197 -2
- package/tooltip.js +4 -5
- package/tooltip.pure.js +4 -2
- package/train/train/train.component.js +123 -2
- package/train/train-blocked-passage/train-blocked-passage.component.js +19 -2
- package/train/train-blocked-passage.js +7 -4
- package/train/train-formation/train-formation.component.js +93 -2
- package/train/train-formation.js +7 -4
- package/train/train-wagon/train-wagon.component.js +174 -2
- package/train/train-wagon.js +7 -4
- package/train/train.js +7 -4
- package/train.js +14 -8
- package/train.pure.js +10 -5
- package/visual-checkbox/visual-checkbox.component.js +81 -2
- package/visual-checkbox.js +4 -5
- package/visual-checkbox.pure.js +4 -2
- package/accordion.component-DmaGQH3Q.js +0 -127
- package/action-group.component-KWugkMGf.js +0 -158
- package/alert-group.component-RV1M1OKy.js +0 -141
- package/alert.component-PPR7hfTi.js +0 -165
- package/autocomplete-base-element-DVFCZ4lt.js +0 -425
- package/block-link-common-D4aizuV-.js +0 -63
- package/breadcrumb-group.component-BA8KK3Om.js +0 -145
- package/breadcrumb.component-DjkZzGJD.js +0 -24
- package/calendar-day.component-DqAXvoP3.js +0 -113
- package/calendar.component-BgZDy-rX.js +0 -1246
- package/card-action-common-GpkaNYtV.js +0 -88
- package/card-badge.component-D_PI9Ega.js +0 -65
- package/card.component-Dt2YFmd3.js +0 -62
- package/carousel-item.component-kv3rY8B-.js +0 -25
- package/carousel-list.component-DMMk66SP.js +0 -91
- package/carousel.component-Bd0iGUbf.js +0 -97
- package/checkbox-common-D9htxWLZ.js +0 -68
- package/checkbox-group.component-CNAwwaS0.js +0 -146
- package/checkbox.component-CJcC5JnN.js +0 -125
- package/chip-group.component-DR6GoGCB.js +0 -283
- package/chip-label.component-DBN4jfW7.js +0 -80
- package/chip.component-BNOs8T6O.js +0 -94
- package/clock.component-DDaWbXHW.js +0 -148
- package/common-CI_BB6sF.js +0 -5
- package/compact-paginator.component-BxSy5YXY.js +0 -45
- package/container.component-DXFIvseq.js +0 -117
- package/date-input.component-zZtnd9Og.js +0 -205
- package/datepicker-button-C1TrzFl-.js +0 -109
- package/datepicker.component-cmdnlVgf.js +0 -156
- package/development/accordion.component-BIFcgIa0.js +0 -172
- package/development/action-group.component-CuhO6yb9.js +0 -379
- package/development/alert-group.component-BlrlsRB8.js +0 -219
- package/development/alert.component-CJ2yLyOY.js +0 -411
- package/development/autocomplete-base-element-DCfmuVY6.js +0 -960
- package/development/block-link-common-FvD8So7p.js +0 -145
- package/development/breadcrumb-group.component-DjsoMTPI.js +0 -278
- package/development/breadcrumb.component-DvOf-PiO.js +0 -89
- package/development/calendar-day.component-De9Xn3-q.js +0 -283
- package/development/calendar.component-PHpgLc0z.js +0 -2458
- package/development/card-action-common-DqBn3bPy.js +0 -147
- package/development/card-badge.component-Cs4dow18.js +0 -146
- package/development/card.component-CeOZXXWU.js +0 -258
- package/development/carousel-item.component-DOIXA2QK.js +0 -47
- package/development/carousel-list.component-7Z3dYtAF.js +0 -160
- package/development/carousel.component-b4C-hxkj.js +0 -169
- package/development/checkbox-common-DD7r8g0_.js +0 -147
- package/development/checkbox-group.component-CRZO7CEc.js +0 -265
- package/development/checkbox.component-B43Akyck.js +0 -193
- package/development/chip-group.component-CeRAIWg-.js +0 -493
- package/development/chip-label.component-jN_Fulv_.js +0 -165
- package/development/chip.component-Bn7ffNEr.js +0 -191
- package/development/clock.component-btjeVAaa.js +0 -392
- package/development/common-Da_cep8M.js +0 -565
- package/development/compact-paginator.component-CCDP0TMd.js +0 -96
- package/development/container.component-CVm8-HZ4.js +0 -238
- package/development/date-input.component-CqsEOZfb.js +0 -338
- package/development/datepicker-button-BORzfDaA.js +0 -167
- package/development/datepicker.component-CuFtPZg9.js +0 -223
- package/development/dialog-actions.component-Mbx-Bs3t.js +0 -55
- package/development/dialog-close-button.component-B1dPHPy2.js +0 -48
- package/development/dialog-content.component-qP09Yo_N.js +0 -42
- package/development/dialog-title.component-B4u2w8h5.js +0 -50
- package/development/dialog.component-DaM1FSHB.js +0 -403
- package/development/divider.component-Ddzlu6Fw.js +0 -95
- package/development/error.component-C76eZnXo.js +0 -93
- package/development/expansion-panel-content.component-DTZk3ZKL.js +0 -77
- package/development/expansion-panel-header.component-C7ymZCux.js +0 -175
- package/development/expansion-panel.component-xUWTKeaC.js +0 -489
- package/development/file-selector-common-qMfAccOd.js +0 -512
- package/development/file-selector-dropzone.component-HDUIUSQI.js +0 -154
- package/development/flip-card-details.component-BilGh5Yb.js +0 -85
- package/development/flip-card-summary.component-DDDnvs_c.js +0 -151
- package/development/flip-card.component-CdRzb7IT.js +0 -334
- package/development/footer.component-C057PwF1.js +0 -310
- package/development/form-field.component-D4dQ8sCh.js +0 -1009
- package/development/header-action-common-Dff8K0RB.js +0 -346
- package/development/header-environment.component-DYnJkxCZ.js +0 -101
- package/development/header.component-DYls7wGO.js +0 -446
- package/development/icon-base-CcQCgmqX.js +0 -206
- package/development/icon-sidebar-container.component-BJHjpF-Q.js +0 -41
- package/development/icon-sidebar-content.component-C2wreczL.js +0 -33
- package/development/icon-sidebar.component-PcmjRlDp.js +0 -100
- package/development/image.component-fvsSR3Df.js +0 -820
- package/development/inline-link-common-CyTcO5MN.js +0 -52
- package/development/journey-header.component-BB8WYOqH.js +0 -217
- package/development/lead-container.component-BGf8oqw7.js +0 -122
- package/development/link-common-5ob2nFyv.js +0 -124
- package/development/link-list-anchor.component-rAMp5_jH.js +0 -77
- package/development/link-list-base-DxYNcAX7.js +0 -172
- package/development/link-list.component-DD6UjlwD.js +0 -194
- package/development/loading-indicator-circle.component-C0epUACB.js +0 -159
- package/development/loading-indicator.component-CVdBjI99.js +0 -283
- package/development/logo.component-Cp-EyVpA.js +0 -166
- package/development/map-container.component-DUA7-arY.js +0 -324
- package/development/menu-action-common-CyBv0NwR.js +0 -148
- package/development/menu.component-GHJHhE9D.js +0 -638
- package/development/message.component-uv9eI2gl.js +0 -82
- package/development/mini-button-group.component-ytJZBjmr.js +0 -174
- package/development/mini-button-link.component-DZOOdeZt.js +0 -47
- package/development/mini-calendar-day.component-DLP7Pa6R.js +0 -213
- package/development/mini-calendar-month.component-C1jsGlJ2.js +0 -150
- package/development/mini-calendar.component-BzqjMchx.js +0 -192
- package/development/navigation-action-common-saGbvoji.js +0 -178
- package/development/navigation-list.component-AFM4omXQ.js +0 -124
- package/development/navigation-marker.component-BvC73IoI.js +0 -207
- package/development/navigation-section.component-B-6XU2X5.js +0 -600
- package/development/navigation.component-_gUhpPyO.js +0 -585
- package/development/notification.component-B5EBKKf8.js +0 -530
- package/development/optgroup-base-element-CjwAXrC5.js +0 -181
- package/development/option-hint.component-CHS5Z_sK.js +0 -55
- package/development/option.component-BvOsW8Gn.js +0 -248
- package/development/overlay.component-RS_v3xaA.js +0 -411
- package/development/paginator.component-cRqJW9bc.js +0 -492
- package/development/popover.component-BTfbUEzF.js +0 -745
- package/development/radio-button-common-CjbP9yKf.js +0 -231
- package/development/radio-button-group.component-5jDkRqSJ.js +0 -404
- package/development/radio-button.component-CVATlwTb.js +0 -137
- package/development/sbb-tokens-Dajio3u-.js +0 -13
- package/development/screen-reader-only.component-D-KOAjrF.js +0 -36
- package/development/select.component-DyF5Tw3J.js +0 -1084
- package/development/selection-action-panel.component-elyz1Xsb.js +0 -134
- package/development/selection-expansion-panel.component-hL2jyaAT.js +0 -326
- package/development/sidebar-close-button.component-j4wY_hAt.js +0 -48
- package/development/sidebar-container.component-CToGMqKH.js +0 -136
- package/development/sidebar-content.component-s3GsQtNv.js +0 -37
- package/development/sidebar-title.component-Htm_hqKX.js +0 -76
- package/development/sidebar.component-Ct6TAsph.js +0 -506
- package/development/signet.component-COqrcZqk.js +0 -188
- package/development/skiplink-list.component-_SDkIoHp.js +0 -198
- package/development/slider.component-B7EFECZk.js +0 -479
- package/development/status.component-CE3e9OIO.js +0 -171
- package/development/step-label.component-BH28AI5Z.js +0 -298
- package/development/step.component-WY7qdrR8.js +0 -220
- package/development/stepper.component-D1tAcpWs.js +0 -508
- package/development/sticky-bar.component-BlgfxSRo.js +0 -382
- package/development/styles-CIZBf9Yc.js +0 -173
- package/development/styles-CYlzu-f2.js +0 -96
- package/development/tab-group.component-DZPKWjI7.js +0 -292
- package/development/tab-label.component-BJgr4u6Z.js +0 -420
- package/development/tab-nav-bar.component-rNmuMIsv.js +0 -123
- package/development/tab.component-C8jaB2_O.js +0 -101
- package/development/table-wrapper.component-6WtB_fHq.js +0 -133
- package/development/tag-group.component-C-EXr8Rq.js +0 -219
- package/development/tag.component-B7RY4cfx.js +0 -419
- package/development/teaser-hero.component-5vVIZZ9L.js +0 -202
- package/development/teaser-product-common-DgnRgO6O.js +0 -223
- package/development/teaser-product.component-BsdU2W2T.js +0 -75
- package/development/teaser.component-KRkFbP9-.js +0 -243
- package/development/time-input.component-Cf6cXrIN.js +0 -222
- package/development/timetable-form-details.component-B--aGycf.js +0 -50
- package/development/timetable-form-field.component-9jwIZzIm.js +0 -119
- package/development/timetable-form-swap-button.component-Ne1-XwSf.js +0 -74
- package/development/timetable-form.component-BYHhDRXE.js +0 -34
- package/development/timetable-occupancy-icon.component-BbW73Fqd.js +0 -101
- package/development/timetable-occupancy.component-C3nWG5Vg.js +0 -172
- package/development/title-base-BUQgNaUI.js +0 -142
- package/development/title.component-DgFvxLIt.js +0 -115
- package/development/toast.component-Csifrfnq.js +0 -430
- package/development/toggle-check.component-CEYmGCDZ.js +0 -326
- package/development/toggle-option.component--wHdeFI6.js +0 -216
- package/development/toggle.component-CGNDEU9B.js +0 -367
- package/development/tooltip.component-bVPXm6Pu.js +0 -480
- package/development/train-blocked-passage.component-CYnTeq7k.js +0 -79
- package/development/train-formation.component-QmoA0u6E.js +0 -303
- package/development/train-wagon.component-CWlRDq-Z.js +0 -485
- package/development/train.component-DcMyi7HP.js +0 -294
- package/development/visual-checkbox.component-DtEIq9rH.js +0 -213
- package/dialog-actions.component-B4JYi2Ym.js +0 -17
- package/dialog-close-button.component-BtxXASCn.js +0 -27
- package/dialog-content.component-CNhoC-NZ.js +0 -19
- package/dialog-title.component-C8Jsbuqt.js +0 -17
- package/dialog.component-BHsekf9B.js +0 -170
- package/divider.component-DFw-P_dA.js +0 -61
- package/error.component-DL9hm4i9.js +0 -44
- package/expansion-panel-content.component-CbWIxgH4.js +0 -29
- package/expansion-panel-header.component-CxLeXeGi.js +0 -56
- package/expansion-panel.component-Bs4icI9T.js +0 -226
- package/file-selector-common-C-gZH55c.js +0 -313
- package/file-selector-dropzone.component-LHNtOZPr.js +0 -94
- package/flip-card-details.component-CiiCNjd2.js +0 -45
- package/flip-card-summary.component-nO7zKRiB.js +0 -65
- package/flip-card.component-uSdokrC9.js +0 -138
- package/footer.component-Cdsiwn4D.js +0 -129
- package/form-field.component-CZzQYOSP.js +0 -447
- package/header-action-common-C2YPvOxq.js +0 -62
- package/header-environment.component-KqUmsOPQ.js +0 -36
- package/header.component-BssLZ6b7.js +0 -203
- package/icon-base-BYJzaEDb.js +0 -127
- package/icon-sidebar-container.component-BcoT4uhN.js +0 -26
- package/icon-sidebar-content.component-toRpXgxi.js +0 -20
- package/icon-sidebar.component-B5xCvDvj.js +0 -62
- package/image.component-Cq2t-XZu.js +0 -413
- package/inline-link-common-Dgdi7qpI.js +0 -18
- package/journey-header.component-CR8AO0b2.js +0 -143
- package/lead-container.component-CXKHfBiS.js +0 -27
- package/link-common-CYxyP4XZ.js +0 -52
- package/link-list-anchor.component--u5j_aqv.js +0 -18
- package/link-list-base-CzFYpTOG.js +0 -115
- package/link-list.component-9ndHNGPS.js +0 -78
- package/loading-indicator-circle.component-CjJkIeJ0.js +0 -64
- package/loading-indicator.component-BrVz6vJo.js +0 -94
- package/logo.component-nxragzaC.js +0 -94
- package/map-container.component-BfxezELq.js +0 -130
- package/menu-action-common-BcB_Tyvl.js +0 -29
- package/menu.component-BdqUbvww.js +0 -252
- package/message.component-DbmXg6DI.js +0 -27
- package/mini-button-group.component-D5Dph1Z7.js +0 -89
- package/mini-button-link.component-BYK_EUud.js +0 -31
- package/mini-calendar-day.component-cAawa9Gr.js +0 -106
- package/mini-calendar-month.component-DiYSVb-Y.js +0 -74
- package/mini-calendar.component-DpPMb47Y.js +0 -144
- package/navigation-action-common-Dcb95pqU.js +0 -64
- package/navigation-list.component-BhV-uAfU.js +0 -71
- package/navigation-marker.component-CIUu5VVZ.js +0 -88
- package/navigation-section.component-DwEXj603.js +0 -237
- package/navigation.component-BYqJ9Cqt.js +0 -208
- package/notification.component-DZS8z1oa.js +0 -197
- package/optgroup-base-element-DWKHCat8.js +0 -107
- package/option-hint.component-Goyhv5ss.js +0 -23
- package/option.component-uzmmREt4.js +0 -98
- package/overlay.component-r0Rp_b-3.js +0 -163
- package/paginator.component-D_fV260x.js +0 -206
- package/popover.component-Dh9vbuDG.js +0 -353
- package/radio-button-common-CCQ3bJPI.js +0 -77
- package/radio-button-group.component-Cf8r6Whf.js +0 -232
- package/radio-button.component-B5b5OhBw.js +0 -93
- package/sbb-tokens-BJzKBCf8.js +0 -4
- package/screen-reader-only.component-B06hVxPg.js +0 -16
- package/select.component-BZbDGrv8.js +0 -522
- package/selection-action-panel.component-_kh6l2sj.js +0 -35
- package/selection-expansion-panel.component-ChMYCw38.js +0 -144
- package/sidebar-close-button.component-B9QGnQLs.js +0 -30
- package/sidebar-container.component-BW24Ap9F.js +0 -63
- package/sidebar-content.component-DSTp9Iu6.js +0 -20
- package/sidebar-title.component-COjEsAkk.js +0 -53
- package/sidebar.component-C2YYQj-Q.js +0 -238
- package/signet.component-CixiIpLj.js +0 -101
- package/skiplink-list.component-CINJgt_l.js +0 -102
- package/slider.component-BhtuB-8p.js +0 -249
- package/status.component-BZ8zajOL.js +0 -83
- package/step-label.component-COJYo-MI.js +0 -82
- package/step.component-BIOQdZVR.js +0 -94
- package/stepper.component-D2vhtDCy.js +0 -286
- package/sticky-bar.component-CYCOEGz7.js +0 -141
- package/styles-DpIXFSVm.js +0 -5
- package/styles-uZGSPqgK.js +0 -5
- package/tab-group.component-nprcnwFB.js +0 -185
- package/tab-label.component-BeLuYRBg.js +0 -165
- package/tab-nav-bar.component-Du1JyNtu.js +0 -81
- package/tab.component-D8Rz05Fo.js +0 -48
- package/table-wrapper.component-DkaL4T5V.js +0 -83
- package/tag-group.component-CW6Z9-P6.js +0 -143
- package/tag.component-CvZpvIuw.js +0 -170
- package/teaser-hero.component-Dolg4-Yz.js +0 -80
- package/teaser-product-common-q2IZHbkr.js +0 -62
- package/teaser-product.component-DVdyKe6h.js +0 -29
- package/teaser.component-DPvDVG6b.js +0 -91
- package/time-input.component-ChWhDF5l.js +0 -141
- package/timetable-form-details.component-Du6WPn3y.js +0 -16
- package/timetable-form-field.component-Cb3FYKL7.js +0 -32
- package/timetable-form-swap-button.component-ByQDf7oy.js +0 -37
- package/timetable-form.component-BqokC_4S.js +0 -16
- package/timetable-occupancy-icon.component-BhXQSFZR.js +0 -72
- package/timetable-occupancy.component-DnaQ0TIW.js +0 -101
- package/title-base-D4nE41tH.js +0 -80
- package/title.component-DNBy2mIm.js +0 -54
- package/toast.component-B9Gm8Kls.js +0 -189
- package/toggle-check.component-BcxMe5Zi.js +0 -119
- package/toggle-option.component-DvdEjT2c.js +0 -123
- package/toggle.component-Lnj5TugJ.js +0 -161
- package/tooltip.component-B5fKuZdI.js +0 -228
- package/train-blocked-passage.component-Dz7lD_V1.js +0 -23
- package/train-formation.component-CGTqQgp7.js +0 -121
- package/train-wagon.component-BW-JxcK6.js +0 -259
- package/train.component-B_Nlu8Kh.js +0 -176
- package/visual-checkbox.component-bB_pG0vn.js +0 -118
|
@@ -1,1246 +0,0 @@
|
|
|
1
|
-
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
|
-
import { css as n, html as r, isServer as i, nothing as a } from "lit";
|
|
3
|
-
import { property as o, state as s } from "lit/decorators.js";
|
|
4
|
-
import { SbbElement as c } from "./core/base-elements.js";
|
|
5
|
-
import { forceType as l, handleDistinctChange as u, plainDate as d } from "./core/decorators.js";
|
|
6
|
-
import { boxSizingStyles as ee } from "./core/styles.js";
|
|
7
|
-
import { SbbLanguageController as te, SbbMediaMatcherController as ne, SbbMediaQueryBreakpointLargeAndAbove as f } from "./core/controllers.js";
|
|
8
|
-
import { i18nCalendarDateSelection as p, i18nCalendarWeekNumber as m, i18nNextMonth as re, i18nNextYear as ie, i18nNextYearRange as ae, i18nPreviousMonth as oe, i18nPreviousYear as se, i18nPreviousYearRange as ce, i18nYearMonthSelection as le } from "./core/i18n.js";
|
|
9
|
-
import "./icon.js";
|
|
10
|
-
import { isArrowKeyOrPageKeysPressed as ue } from "./core/a11y.js";
|
|
11
|
-
import { classMap as h } from "lit/directives/class-map.js";
|
|
12
|
-
import { readConfig as de } from "./core/config.js";
|
|
13
|
-
import { DAYS_PER_ROW as g, MONTHS_PER_PAGE as fe, MONTHS_PER_ROW as _, YEARS_PER_PAGE as v, YEARS_PER_ROW as y, defaultDateAdapter as pe } from "./core/datetime.js";
|
|
14
|
-
import { SbbCalendarDayElement as b } from "./calendar/calendar-day/calendar-day.component.js";
|
|
15
|
-
import "./button/secondary-button.js";
|
|
16
|
-
import "./screen-reader-only.js";
|
|
17
|
-
//#region node_modules/date-fns/constants.js
|
|
18
|
-
var x = 365.2425, S = 6048e5, C = 3600 * 24;
|
|
19
|
-
C * 7, C * x / 12 * 3;
|
|
20
|
-
var w = Symbol.for("constructDateFrom");
|
|
21
|
-
//#endregion
|
|
22
|
-
//#region node_modules/date-fns/constructFrom.js
|
|
23
|
-
function T(e, t) {
|
|
24
|
-
return typeof e == "function" ? e(t) : e && typeof e == "object" && w in e ? e[w](t) : e instanceof Date ? new e.constructor(t) : new Date(t);
|
|
25
|
-
}
|
|
26
|
-
//#endregion
|
|
27
|
-
//#region node_modules/date-fns/toDate.js
|
|
28
|
-
function E(e, t) {
|
|
29
|
-
return T(t || e, e);
|
|
30
|
-
}
|
|
31
|
-
//#endregion
|
|
32
|
-
//#region node_modules/date-fns/addDays.js
|
|
33
|
-
function D(e, t, n) {
|
|
34
|
-
let r = E(e, n?.in);
|
|
35
|
-
return isNaN(t) ? T(n?.in || e, NaN) : (t && r.setDate(r.getDate() + t), r);
|
|
36
|
-
}
|
|
37
|
-
//#endregion
|
|
38
|
-
//#region node_modules/date-fns/_lib/defaultOptions.js
|
|
39
|
-
var O = {};
|
|
40
|
-
function k() {
|
|
41
|
-
return O;
|
|
42
|
-
}
|
|
43
|
-
//#endregion
|
|
44
|
-
//#region node_modules/date-fns/startOfWeek.js
|
|
45
|
-
function A(e, t) {
|
|
46
|
-
let n = k(), r = t?.weekStartsOn ?? t?.locale?.options?.weekStartsOn ?? n.weekStartsOn ?? n.locale?.options?.weekStartsOn ?? 0, i = E(e, t?.in), a = i.getDay(), o = (a < r ? 7 : 0) + a - r;
|
|
47
|
-
return i.setDate(i.getDate() - o), i.setHours(0, 0, 0, 0), i;
|
|
48
|
-
}
|
|
49
|
-
//#endregion
|
|
50
|
-
//#region node_modules/date-fns/_lib/normalizeDates.js
|
|
51
|
-
function j(e, ...t) {
|
|
52
|
-
let n = T.bind(null, e || t.find((e) => typeof e == "object"));
|
|
53
|
-
return t.map(n);
|
|
54
|
-
}
|
|
55
|
-
//#endregion
|
|
56
|
-
//#region node_modules/date-fns/addWeeks.js
|
|
57
|
-
function M(e, t, n) {
|
|
58
|
-
return D(e, t * 7, n);
|
|
59
|
-
}
|
|
60
|
-
//#endregion
|
|
61
|
-
//#region node_modules/date-fns/endOfMonth.js
|
|
62
|
-
function me(e, t) {
|
|
63
|
-
let n = E(e, t?.in), r = n.getMonth();
|
|
64
|
-
return n.setFullYear(n.getFullYear(), r + 1, 0), n.setHours(23, 59, 59, 999), n;
|
|
65
|
-
}
|
|
66
|
-
//#endregion
|
|
67
|
-
//#region node_modules/date-fns/_lib/normalizeInterval.js
|
|
68
|
-
function N(e, t) {
|
|
69
|
-
let [n, r] = j(e, t.start, t.end);
|
|
70
|
-
return {
|
|
71
|
-
start: n,
|
|
72
|
-
end: r
|
|
73
|
-
};
|
|
74
|
-
}
|
|
75
|
-
//#endregion
|
|
76
|
-
//#region node_modules/date-fns/eachWeekOfInterval.js
|
|
77
|
-
function he(e, t) {
|
|
78
|
-
let { start: n, end: r } = N(t?.in, e), i = +n > +r, a = A(i ? r : n, t), o = A(i ? n : r, t);
|
|
79
|
-
a.setHours(15), o.setHours(15);
|
|
80
|
-
let s = +o.getTime(), c = a, l = t?.step ?? 1;
|
|
81
|
-
if (!l) return [];
|
|
82
|
-
l < 0 && (l = -l, i = !i);
|
|
83
|
-
let u = [];
|
|
84
|
-
for (; +c <= s;) c.setHours(0), u.push(T(n, c)), c = M(c, l), c.setHours(15);
|
|
85
|
-
return i ? u.reverse() : u;
|
|
86
|
-
}
|
|
87
|
-
//#endregion
|
|
88
|
-
//#region node_modules/date-fns/startOfMonth.js
|
|
89
|
-
function ge(e, t) {
|
|
90
|
-
let n = E(e, t?.in);
|
|
91
|
-
return n.setDate(1), n.setHours(0, 0, 0, 0), n;
|
|
92
|
-
}
|
|
93
|
-
//#endregion
|
|
94
|
-
//#region node_modules/date-fns/getWeekYear.js
|
|
95
|
-
function P(e, t) {
|
|
96
|
-
let n = E(e, t?.in), r = n.getFullYear(), i = k(), a = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? i.firstWeekContainsDate ?? i.locale?.options?.firstWeekContainsDate ?? 1, o = T(t?.in || e, 0);
|
|
97
|
-
o.setFullYear(r + 1, 0, a), o.setHours(0, 0, 0, 0);
|
|
98
|
-
let s = A(o, t), c = T(t?.in || e, 0);
|
|
99
|
-
c.setFullYear(r, 0, a), c.setHours(0, 0, 0, 0);
|
|
100
|
-
let l = A(c, t);
|
|
101
|
-
return +n >= +s ? r + 1 : +n >= +l ? r : r - 1;
|
|
102
|
-
}
|
|
103
|
-
//#endregion
|
|
104
|
-
//#region node_modules/date-fns/startOfWeekYear.js
|
|
105
|
-
function F(e, t) {
|
|
106
|
-
let n = k(), r = t?.firstWeekContainsDate ?? t?.locale?.options?.firstWeekContainsDate ?? n.firstWeekContainsDate ?? n.locale?.options?.firstWeekContainsDate ?? 1, i = P(e, t), a = T(t?.in || e, 0);
|
|
107
|
-
return a.setFullYear(i, 0, r), a.setHours(0, 0, 0, 0), A(a, t);
|
|
108
|
-
}
|
|
109
|
-
//#endregion
|
|
110
|
-
//#region node_modules/date-fns/getWeek.js
|
|
111
|
-
function I(e, t) {
|
|
112
|
-
let n = E(e, t?.in), r = A(n, t) - +F(n, t);
|
|
113
|
-
return Math.round(r / S) + 1;
|
|
114
|
-
}
|
|
115
|
-
//#endregion
|
|
116
|
-
//#region src/elements/calendar/calendar/calendar.scss?lit&inline
|
|
117
|
-
var _e = n`:host{--sbb-calendar-cell-size:2.5rem;--sbb-calendar-hover-shift:.0625rem;--sbb-calendar-wide-cell-size:4.375rem;--sbb-calendar-header-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-smoke));--sbb-calendar-cell-background-color:transparent;--sbb-calendar-cell-background-color-hover:var(--sbb-background-color-3);--sbb-calendar-cell-background-color-active:var(--sbb-background-color-4);--sbb-calendar-cell-padding:.125rem;--sbb-calendar-cell-color:var(--sbb-color-2);--sbb-calendar-cell-border-radius:var(--sbb-border-radius-4x);--sbb-calendar-cell-selected-border:var(--sbb-border-width-2x) solid var(--sbb-border-color-2);--sbb-calendar-cell-selected-background-color:var(--sbb-background-color-2-inverted);--sbb-calendar-cell-disabled-height:.09375rem;--sbb-calendar-cell-disabled-width:1.59375rem;--sbb-calendar-cell-disabled-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-smoke));--sbb-calendar-cell-transition-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-calendar-cell-transition-easing-function:var(--sbb-animation-easing);--sbb-calendar-tables-gap:var(--sbb-spacing-fixed-10x);--sbb-calendar-table-animation-shift:.00625rem;--sbb-calendar-table-animation-duration:.1ms;--sbb-calendar-table-column-spaces:12;--sbb-calendar-control-view-change-height:2.75rem;--sbb-calendar-control-view-change-color:var(--sbb-color-3);--sbb-calendar-control-view-change-background:var(--sbb-background-color-1);--sbb-calendar-cell-year-month-width:4.8125rem;--sbb-calendar-cell-year-month-height:2.75rem;width:max-content;display:block}@media (width>=37.5rem){:host{--sbb-calendar-cell-size:2.75rem;--sbb-calendar-wide-cell-size:4.8125rem;--sbb-calendar-control-view-change-height:3rem}}:host(:is(:state(enhanced),[state--enhanced])){--sbb-calendar-cell-padding-block-end:var(--sbb-spacing-fixed-3x)}.sbb-calendar__wrapper{width:100%;transition-duration:var(--sbb-calendar-cell-transition-duration);display:block}.sbb-calendar__controls{align-items:center;gap:var(--sbb-spacing-fixed-2x);width:100%;margin-block-end:var(--sbb-spacing-fixed-4x);display:inline-flex}.sbb-calendar__controls-month{gap:var(--sbb-calendar-tables-gap);width:100%;display:flex}#sbb-calendar__controls-previous,#sbb-calendar__controls-next{-webkit-tap-highlight-color:transparent}.sbb-calendar__controls-change-date{appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:var(--sbb-calendar-control-view-change-color);--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);margin:0;height:var(--sbb-calendar-control-view-change-height);text-transform:capitalize;cursor:var(--sbb-cursor-pointer);padding:0;padding-inline:var(--sbb-spacing-fixed-5x) var(--sbb-spacing-fixed-2x);border-radius:0;border-radius:var(--sbb-border-radius-infinity);background:0 0;background-color:var(--sbb-calendar-control-view-change-background);transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);border:none;outline:none;align-items:center;margin:auto;transition-property:background-color,padding-block-end;display:flex}.sbb-calendar__controls-change-date:disabled{--sbb-calendar-control-view-change-background:var(--lightningcss-light,var(--sbb-color-milk))var(--lightningcss-dark,var(--sbb-color-anthracite));--sbb-calendar-control-view-change-color:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-aluminium));cursor:unset}.sbb-calendar__controls-change-date:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x)}@media (any-hover:hover){.sbb-calendar__controls-change-date:not(:active,:disabled):hover{padding-block-end:var(--sbb-calendar-hover-shift)}}.sbb-calendar__controls-change-date:not(:disabled):active{--sbb-calendar-control-view-change-background:var(--sbb-background-color-3)}.sbb-calendar__table-month-view,.sbb-calendar__table-year-view{--sbb-calendar-table-column-spaces:6}.sbb-calendar__table-overflow-break{contain:layout}.sbb-calendar__table-container{gap:var(--sbb-calendar-tables-gap);margin-inline:var(--sbb-calendar-margin);--sbb-calendar-min-width:calc(7 * var(--sbb-calendar-cell-size));--sbb-calendar-overflow:calc(100% - var(--sbb-calendar-min-width));--sbb-calendar-start-offset:min(0px, -1 * (var(--sbb-calendar-overflow) / var(--sbb-calendar-table-column-spaces)));--sbb-calendar-margin:var(--sbb-calendar-start-offset);display:flex}:host(:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width:calc(2 * 7 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap));--sbb-calendar-margin:calc(.5 * var(--sbb-calendar-start-offset))}:host([orientation=horizontal][week-numbers]) .sbb-calendar__table-container{--sbb-calendar-min-width:calc(8 * var(--sbb-calendar-cell-size))}:host([orientation=horizontal][week-numbers]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width:calc(2 * 8 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap))}:host([orientation=vertical]) .sbb-calendar__table-container{min-width:var(--sbb-calendar-min-width);--sbb-calendar-start-offset:0}:host([orientation=vertical]:is(:state(wide),[state--wide])) .sbb-calendar__table-container{--sbb-calendar-min-width:calc(13 * var(--sbb-calendar-cell-size) + var(--sbb-calendar-tables-gap))}.sbb-calendar__table{border-collapse:collapse;width:100%;height:max-content;animation-name:show;animation-duration:var(--sbb-calendar-table-animation-duration)}.sbb-calendar__table.sbb-calendar__table-hide{--sbb-calendar-cell-transition-duration:0s;animation-name:hide;animation-duration:var(--sbb-calendar-table-animation-duration)}:host(:not(:is(:state(wide),[state--wide]))) .sbb-calendar__table{min-width:100%}.sbb-calendar__table-header,.sbb-calendar__table-body{text-align:center}.sbb-calendar__table-header-cell,.sbb-calendar__table-header-cell-vertical{--sbb-text-font-size:var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);width:var(--sbb-calendar-cell-size);color:var(--sbb-calendar-header-color);padding:0}:host(:not([multiple])) .sbb-calendar__table-header-cell,:host(:not([multiple])) .sbb-calendar__table-header-cell-vertical{height:var(--sbb-calendar-cell-size)}.sbb-calendar__table-header-cell-vertical{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}.sbb-calendar__table-data{text-align:center;padding:0;position:relative}.sbb-calendar__header-cell,.sbb-calendar__cell{appearance:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;color:var(--sbb-calendar-cell-color);--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);height:var(--sbb-calendar-cell-size);cursor:var(--sbb-cursor-pointer);z-index:0;background:0 0;border:none;border-radius:0;outline:none;margin:0;padding:0;position:relative}.sbb-calendar__header-cell:before,.sbb-calendar__cell:before{content:"";inset:var(--sbb-calendar-cell-padding);background-color:var(--sbb-calendar-cell-background-color);border-radius:var(--sbb-calendar-cell-border-radius);z-index:-1;transition-duration:var(--sbb-calendar-cell-transition-duration);transition-timing-function:var(--sbb-calendar-cell-transition-easing-function);transition-property:background-color;position:absolute}@media (any-hover:hover){.sbb-calendar__header-cell:not(:active,:disabled):hover,.sbb-calendar__cell:not(:active,:disabled):hover{--sbb-calendar-cell-background-color:var(--sbb-calendar-cell-background-color-hover);padding-block-end:var(--sbb-calendar-hover-shift)}}@media (any-hover:hover) and (forced-colors:active){.sbb-calendar__header-cell:not(:active,:disabled):hover:before,.sbb-calendar__cell:not(:active,:disabled):hover:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style:initial}}.sbb-calendar__header-cell:disabled,.sbb-calendar__cell:disabled{--sbb-calendar-cell-color:var(--sbb-calendar-cell-disabled-color);cursor:unset}.sbb-calendar__header-cell:focus-visible:before,.sbb-calendar__cell:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width)}.sbb-calendar__header-cell:not(:disabled):active,.sbb-calendar__cell:not(:disabled):active{--sbb-calendar-cell-background-color:var(--sbb-calendar-cell-background-color-active)}@media (forced-colors:active){.sbb-calendar__header-cell:not(:disabled):active:before,.sbb-calendar__cell:not(:disabled):active:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);--sbb-focus-outline-style:initial}}.sbb-calendar__header-cell{--sbb-text-font-size:var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);color:var(--sbb-calendar-header-color)}.sbb-calendar__cell{height:var(--sbb-calendar-cell-year-month-height);width:var(--sbb-calendar-cell-year-month-width)}.sbb-calendar__weekday{width:var(--sbb-calendar-cell-size)}.sbb-calendar__day-cell{padding-block-end:var(--sbb-calendar-cell-padding-block-end)}.sbb-calendar__crossed-out:after{content:"";height:var(--sbb-calendar-cell-disabled-height);width:var(--sbb-calendar-cell-disabled-width);background-color:var(--sbb-calendar-cell-disabled-color);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-45deg)}.sbb-calendar__cell-current{--sbb-text-font-size:var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);font-weight:700}.sbb-calendar__selected:before{border:var(--sbb-calendar-cell-selected-border);border-radius:var(--sbb-calendar-cell-border-radius)}sbb-calendar-day{--sbb-calendar-day-flex-direction:row;--sbb-calendar-day-justify-content:center;--sbb-calendar-day-align-items:center;--sbb-calendar-day-extra-display:none;--sbb-calendar-day-crossed-out-top:50%;--sbb-calendar-day-crossed-out-translate:translate(-50%, -50%) rotate(-45deg);--sbb-calendar-day-height:2.75rem;--sbb-calendar-day-value-height:unset}@keyframes show{0%{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}to{opacity:1;transform:translateY(0%)}}@keyframes hide{0%{opacity:1;transform:translateY(0%)}to{opacity:0;transform:translateY(var(--sbb-calendar-table-animation-shift))}}`;
|
|
118
|
-
//#endregion
|
|
119
|
-
//#region src/elements/calendar/calendar/calendar.component.ts
|
|
120
|
-
b.define();
|
|
121
|
-
var ve = class extends Event {
|
|
122
|
-
get range() {
|
|
123
|
-
return this._range;
|
|
124
|
-
}
|
|
125
|
-
constructor(e) {
|
|
126
|
-
super("monthchange", {
|
|
127
|
-
bubbles: !0,
|
|
128
|
-
composed: !0
|
|
129
|
-
}), this._range = Object.freeze(e || []);
|
|
130
|
-
}
|
|
131
|
-
}, L = (() => {
|
|
132
|
-
let n = c, b = [], x, S = [], C = [], w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], L, R, z = [], B = [], V, H = [], U = [], W, G = [], K = [], q, J = [], Y = [], X, Z = [], Q = [], $, ye, be = [], xe = [], Se, Ce = [], we = [];
|
|
133
|
-
return class extends n {
|
|
134
|
-
static {
|
|
135
|
-
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
|
|
136
|
-
x = [l(), o({ type: Boolean })], w = [o()], D = [d(), o()], A = [d(), o()], N = [
|
|
137
|
-
l(),
|
|
138
|
-
u((e, t) => e._onMultipleChanged(t)),
|
|
139
|
-
o({ type: Boolean })
|
|
140
|
-
], L = [o()], R = [s()], V = [o({ attribute: "date-filter" })], W = [o({ reflect: !0 })], q = [l(), o({
|
|
141
|
-
attribute: "week-numbers",
|
|
142
|
-
type: Boolean
|
|
143
|
-
})], X = [s()], $ = [s()], ye = [s()], Se = [s()], e(this, null, x, {
|
|
144
|
-
kind: "accessor",
|
|
145
|
-
name: "wide",
|
|
146
|
-
static: !1,
|
|
147
|
-
private: !1,
|
|
148
|
-
access: {
|
|
149
|
-
has: (e) => "wide" in e,
|
|
150
|
-
get: (e) => e.wide,
|
|
151
|
-
set: (e, t) => {
|
|
152
|
-
e.wide = t;
|
|
153
|
-
}
|
|
154
|
-
},
|
|
155
|
-
metadata: t
|
|
156
|
-
}, S, C), e(this, null, w, {
|
|
157
|
-
kind: "accessor",
|
|
158
|
-
name: "view",
|
|
159
|
-
static: !1,
|
|
160
|
-
private: !1,
|
|
161
|
-
access: {
|
|
162
|
-
has: (e) => "view" in e,
|
|
163
|
-
get: (e) => e.view,
|
|
164
|
-
set: (e, t) => {
|
|
165
|
-
e.view = t;
|
|
166
|
-
}
|
|
167
|
-
},
|
|
168
|
-
metadata: t
|
|
169
|
-
}, T, E), e(this, null, D, {
|
|
170
|
-
kind: "accessor",
|
|
171
|
-
name: "min",
|
|
172
|
-
static: !1,
|
|
173
|
-
private: !1,
|
|
174
|
-
access: {
|
|
175
|
-
has: (e) => "min" in e,
|
|
176
|
-
get: (e) => e.min,
|
|
177
|
-
set: (e, t) => {
|
|
178
|
-
e.min = t;
|
|
179
|
-
}
|
|
180
|
-
},
|
|
181
|
-
metadata: t
|
|
182
|
-
}, O, k), e(this, null, A, {
|
|
183
|
-
kind: "accessor",
|
|
184
|
-
name: "max",
|
|
185
|
-
static: !1,
|
|
186
|
-
private: !1,
|
|
187
|
-
access: {
|
|
188
|
-
has: (e) => "max" in e,
|
|
189
|
-
get: (e) => e.max,
|
|
190
|
-
set: (e, t) => {
|
|
191
|
-
e.max = t;
|
|
192
|
-
}
|
|
193
|
-
},
|
|
194
|
-
metadata: t
|
|
195
|
-
}, j, M), e(this, null, N, {
|
|
196
|
-
kind: "accessor",
|
|
197
|
-
name: "multiple",
|
|
198
|
-
static: !1,
|
|
199
|
-
private: !1,
|
|
200
|
-
access: {
|
|
201
|
-
has: (e) => "multiple" in e,
|
|
202
|
-
get: (e) => e.multiple,
|
|
203
|
-
set: (e, t) => {
|
|
204
|
-
e.multiple = t;
|
|
205
|
-
}
|
|
206
|
-
},
|
|
207
|
-
metadata: t
|
|
208
|
-
}, P, F), e(this, null, L, {
|
|
209
|
-
kind: "setter",
|
|
210
|
-
name: "selected",
|
|
211
|
-
static: !1,
|
|
212
|
-
private: !1,
|
|
213
|
-
access: {
|
|
214
|
-
has: (e) => "selected" in e,
|
|
215
|
-
set: (e, t) => {
|
|
216
|
-
e.selected = t;
|
|
217
|
-
}
|
|
218
|
-
},
|
|
219
|
-
metadata: t
|
|
220
|
-
}, null, b), e(this, null, R, {
|
|
221
|
-
kind: "accessor",
|
|
222
|
-
name: "_selected",
|
|
223
|
-
static: !1,
|
|
224
|
-
private: !1,
|
|
225
|
-
access: {
|
|
226
|
-
has: (e) => "_selected" in e,
|
|
227
|
-
get: (e) => e._selected,
|
|
228
|
-
set: (e, t) => {
|
|
229
|
-
e._selected = t;
|
|
230
|
-
}
|
|
231
|
-
},
|
|
232
|
-
metadata: t
|
|
233
|
-
}, z, B), e(this, null, V, {
|
|
234
|
-
kind: "accessor",
|
|
235
|
-
name: "dateFilter",
|
|
236
|
-
static: !1,
|
|
237
|
-
private: !1,
|
|
238
|
-
access: {
|
|
239
|
-
has: (e) => "dateFilter" in e,
|
|
240
|
-
get: (e) => e.dateFilter,
|
|
241
|
-
set: (e, t) => {
|
|
242
|
-
e.dateFilter = t;
|
|
243
|
-
}
|
|
244
|
-
},
|
|
245
|
-
metadata: t
|
|
246
|
-
}, H, U), e(this, null, W, {
|
|
247
|
-
kind: "accessor",
|
|
248
|
-
name: "orientation",
|
|
249
|
-
static: !1,
|
|
250
|
-
private: !1,
|
|
251
|
-
access: {
|
|
252
|
-
has: (e) => "orientation" in e,
|
|
253
|
-
get: (e) => e.orientation,
|
|
254
|
-
set: (e, t) => {
|
|
255
|
-
e.orientation = t;
|
|
256
|
-
}
|
|
257
|
-
},
|
|
258
|
-
metadata: t
|
|
259
|
-
}, G, K), e(this, null, q, {
|
|
260
|
-
kind: "accessor",
|
|
261
|
-
name: "weekNumbers",
|
|
262
|
-
static: !1,
|
|
263
|
-
private: !1,
|
|
264
|
-
access: {
|
|
265
|
-
has: (e) => "weekNumbers" in e,
|
|
266
|
-
get: (e) => e.weekNumbers,
|
|
267
|
-
set: (e, t) => {
|
|
268
|
-
e.weekNumbers = t;
|
|
269
|
-
}
|
|
270
|
-
},
|
|
271
|
-
metadata: t
|
|
272
|
-
}, J, Y), e(this, null, X, {
|
|
273
|
-
kind: "accessor",
|
|
274
|
-
name: "_activeDate",
|
|
275
|
-
static: !1,
|
|
276
|
-
private: !1,
|
|
277
|
-
access: {
|
|
278
|
-
has: (e) => "_activeDate" in e,
|
|
279
|
-
get: (e) => e._activeDate,
|
|
280
|
-
set: (e, t) => {
|
|
281
|
-
e._activeDate = t;
|
|
282
|
-
}
|
|
283
|
-
},
|
|
284
|
-
metadata: t
|
|
285
|
-
}, Z, Q), e(this, null, $, {
|
|
286
|
-
kind: "setter",
|
|
287
|
-
name: "_wide",
|
|
288
|
-
static: !1,
|
|
289
|
-
private: !1,
|
|
290
|
-
access: {
|
|
291
|
-
has: (e) => "_wide" in e,
|
|
292
|
-
set: (e, t) => {
|
|
293
|
-
e._wide = t;
|
|
294
|
-
}
|
|
295
|
-
},
|
|
296
|
-
metadata: t
|
|
297
|
-
}, null, b), e(this, null, ye, {
|
|
298
|
-
kind: "accessor",
|
|
299
|
-
name: "_calendarView",
|
|
300
|
-
static: !1,
|
|
301
|
-
private: !1,
|
|
302
|
-
access: {
|
|
303
|
-
has: (e) => "_calendarView" in e,
|
|
304
|
-
get: (e) => e._calendarView,
|
|
305
|
-
set: (e, t) => {
|
|
306
|
-
e._calendarView = t;
|
|
307
|
-
}
|
|
308
|
-
},
|
|
309
|
-
metadata: t
|
|
310
|
-
}, be, xe), e(this, null, Se, {
|
|
311
|
-
kind: "accessor",
|
|
312
|
-
name: "_initialized",
|
|
313
|
-
static: !1,
|
|
314
|
-
private: !1,
|
|
315
|
-
access: {
|
|
316
|
-
has: (e) => "_initialized" in e,
|
|
317
|
-
get: (e) => e._initialized,
|
|
318
|
-
set: (e, t) => {
|
|
319
|
-
e._initialized = t;
|
|
320
|
-
}
|
|
321
|
-
},
|
|
322
|
-
metadata: t
|
|
323
|
-
}, Ce, we), t && Object.defineProperty(this, Symbol.metadata, {
|
|
324
|
-
enumerable: !0,
|
|
325
|
-
configurable: !0,
|
|
326
|
-
writable: !0,
|
|
327
|
-
value: t
|
|
328
|
-
});
|
|
329
|
-
}
|
|
330
|
-
static {
|
|
331
|
-
this.elementName = "sbb-calendar";
|
|
332
|
-
}
|
|
333
|
-
static {
|
|
334
|
-
this.styles = [ee, _e];
|
|
335
|
-
}
|
|
336
|
-
static {
|
|
337
|
-
this.events = {
|
|
338
|
-
dateselected: "dateselected",
|
|
339
|
-
monthchange: "monthchange"
|
|
340
|
-
};
|
|
341
|
-
}
|
|
342
|
-
#e;
|
|
343
|
-
get wide() {
|
|
344
|
-
return this.#e;
|
|
345
|
-
}
|
|
346
|
-
set wide(e) {
|
|
347
|
-
this.#e = e;
|
|
348
|
-
}
|
|
349
|
-
#t;
|
|
350
|
-
get view() {
|
|
351
|
-
return this.#t;
|
|
352
|
-
}
|
|
353
|
-
set view(e) {
|
|
354
|
-
this.#t = e;
|
|
355
|
-
}
|
|
356
|
-
#n;
|
|
357
|
-
get min() {
|
|
358
|
-
return this.#n;
|
|
359
|
-
}
|
|
360
|
-
set min(e) {
|
|
361
|
-
this.#n = e;
|
|
362
|
-
}
|
|
363
|
-
#r;
|
|
364
|
-
get max() {
|
|
365
|
-
return this.#r;
|
|
366
|
-
}
|
|
367
|
-
set max(e) {
|
|
368
|
-
this.#r = e;
|
|
369
|
-
}
|
|
370
|
-
#i;
|
|
371
|
-
get multiple() {
|
|
372
|
-
return this.#i;
|
|
373
|
-
}
|
|
374
|
-
set multiple(e) {
|
|
375
|
-
this.#i = e;
|
|
376
|
-
}
|
|
377
|
-
set selected(e) {
|
|
378
|
-
if (Array.isArray(e)) this._selected = e.map((e) => this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e))).filter((e) => e !== null).filter((e) => !this._isDayInRange(this._dateAdapter.toIso8601(e)) || this._dateFilter(e));
|
|
379
|
-
else {
|
|
380
|
-
let t = this._dateAdapter.getValidDateOrNull(this._dateAdapter.deserialize(e));
|
|
381
|
-
t && (!this._isDayInRange(this._dateAdapter.toIso8601(t)) || this._dateFilter(t)) ? this._selected = t : this._selected = null;
|
|
382
|
-
}
|
|
383
|
-
}
|
|
384
|
-
get selected() {
|
|
385
|
-
return this._selected;
|
|
386
|
-
}
|
|
387
|
-
#a;
|
|
388
|
-
get _selected() {
|
|
389
|
-
return this.#a;
|
|
390
|
-
}
|
|
391
|
-
set _selected(e) {
|
|
392
|
-
this.#a = e;
|
|
393
|
-
}
|
|
394
|
-
#o;
|
|
395
|
-
get dateFilter() {
|
|
396
|
-
return this.#o;
|
|
397
|
-
}
|
|
398
|
-
set dateFilter(e) {
|
|
399
|
-
this.#o = e;
|
|
400
|
-
}
|
|
401
|
-
#s;
|
|
402
|
-
get orientation() {
|
|
403
|
-
return this.#s;
|
|
404
|
-
}
|
|
405
|
-
set orientation(e) {
|
|
406
|
-
this.#s = e;
|
|
407
|
-
}
|
|
408
|
-
#c;
|
|
409
|
-
get weekNumbers() {
|
|
410
|
-
return this.#c;
|
|
411
|
-
}
|
|
412
|
-
set weekNumbers(e) {
|
|
413
|
-
this.#c = e;
|
|
414
|
-
}
|
|
415
|
-
#l;
|
|
416
|
-
get _activeDate() {
|
|
417
|
-
return this.#l;
|
|
418
|
-
}
|
|
419
|
-
set _activeDate(e) {
|
|
420
|
-
this.#l = e;
|
|
421
|
-
}
|
|
422
|
-
set _wide(e) {
|
|
423
|
-
this.toggleState("wide", e), this._wideInternal = e;
|
|
424
|
-
}
|
|
425
|
-
get _wide() {
|
|
426
|
-
return this._wideInternal;
|
|
427
|
-
}
|
|
428
|
-
#u;
|
|
429
|
-
get _calendarView() {
|
|
430
|
-
return this.#u;
|
|
431
|
-
}
|
|
432
|
-
set _calendarView(e) {
|
|
433
|
-
this.#u = e;
|
|
434
|
-
}
|
|
435
|
-
get _cells() {
|
|
436
|
-
return Array.from((this._calendarView === "day" ? this._getRootForQuerySelector()?.querySelectorAll("sbb-calendar-day") : this.shadowRoot?.querySelectorAll(".sbb-calendar__cell")) ?? []);
|
|
437
|
-
}
|
|
438
|
-
#d;
|
|
439
|
-
get _initialized() {
|
|
440
|
-
return this.#d;
|
|
441
|
-
}
|
|
442
|
-
set _initialized(e) {
|
|
443
|
-
this.#d = e;
|
|
444
|
-
}
|
|
445
|
-
constructor() {
|
|
446
|
-
super(), this.#e = (t(this, b), t(this, S, !1)), this.#t = (t(this, C), t(this, T, "day")), this.#n = (t(this, E), t(this, O, null)), this.#r = (t(this, k), t(this, j, null)), this.#i = (t(this, M), t(this, P, !1)), this.#a = (t(this, F), t(this, z, null)), this.#o = (t(this, B), t(this, H, null)), this.#s = (t(this, U), t(this, G, "horizontal")), this.#c = (t(this, K), t(this, J, !1)), this._dateAdapter = (t(this, Y), de().datetime?.dateAdapter ?? pe), this.#l = t(this, Z, this._dateAdapter.today()), this._wideInternal = (t(this, Q), !1), this.#u = t(this, be, "day"), this._nextCalendarView = (t(this, xe), "day"), this._keyboardNavigationDayViewParameters = {
|
|
447
|
-
firstDayInView: null,
|
|
448
|
-
lastDayInView: null,
|
|
449
|
-
firstMonthOffset: 0,
|
|
450
|
-
firstMonthLength: 0,
|
|
451
|
-
secondMonthOffset: 0
|
|
452
|
-
}, this._weeks = [], this._monthNames = this._dateAdapter.getMonthNames("long"), this._enhancedVariant = !1, this._resetFocus = !1, this._containingFocus = !1, this.#d = t(this, Ce, !1), this._language = (t(this, we), new te(this).withHandler(() => {
|
|
453
|
-
this._monthNames = this._dateAdapter.getMonthNames("long"), this._createMonthRows();
|
|
454
|
-
})), this._mediaMatcher = new ne(this, { [f]: () => this._init() }), this._onSlotChange = () => {
|
|
455
|
-
this._enhancedVariant = Array.from(this.children).some((e) => e.localName === "sbb-calendar-day"), this.toggleState("enhanced", this._enhancedVariant), this._setTabIndex();
|
|
456
|
-
}, this._createMonthRows(), this._setWeekdays(), this.addEventListener("focusin", () => this._containingFocus = !0), this.addEventListener("focusout", () => this._containingFocus = !1), this.addEventListener("click", (e) => {
|
|
457
|
-
let t = e.target.closest("sbb-calendar-day");
|
|
458
|
-
t && this._selectDate(t.value);
|
|
459
|
-
}), this.addEventListener("keydown", (e) => {
|
|
460
|
-
e.target.localName === "sbb-calendar-day" && this._handleKeyboardEvent(e, this._mapDateToDay(e.target.value));
|
|
461
|
-
});
|
|
462
|
-
}
|
|
463
|
-
_getRootForQuerySelector() {
|
|
464
|
-
return this._enhancedVariant ? this : this.shadowRoot;
|
|
465
|
-
}
|
|
466
|
-
_dateFilter(e) {
|
|
467
|
-
return this.dateFilter?.(e) ?? !0;
|
|
468
|
-
}
|
|
469
|
-
resetPosition() {
|
|
470
|
-
this._resetCalendarView(), this._init();
|
|
471
|
-
}
|
|
472
|
-
connectedCallback() {
|
|
473
|
-
super.connectedCallback(), this.resetPosition(), this.shadowRoot?.addEventListener("slotchange", this._onSlotChange, { capture: !0 });
|
|
474
|
-
}
|
|
475
|
-
disconnectedCallback() {
|
|
476
|
-
super.disconnectedCallback(), this.shadowRoot?.removeEventListener("slotchange", this._onSlotChange, { capture: !0 });
|
|
477
|
-
}
|
|
478
|
-
focus() {
|
|
479
|
-
this._resetFocus = !0, this._focusCell();
|
|
480
|
-
}
|
|
481
|
-
willUpdate(e) {
|
|
482
|
-
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));
|
|
483
|
-
}
|
|
484
|
-
updated(e) {
|
|
485
|
-
super.updated(e), this._setTabIndex(), this._focusCell();
|
|
486
|
-
}
|
|
487
|
-
_onMultipleChanged(e) {
|
|
488
|
-
e && !Array.isArray(this._selected) && (this._selected = this._selected ? [this._selected] : []), !e && Array.isArray(this._selected) && (this._selected = this._selected.length ? this._selected[0] : null);
|
|
489
|
-
}
|
|
490
|
-
_init(e) {
|
|
491
|
-
if (!i) {
|
|
492
|
-
if (this.hydrationRequired) {
|
|
493
|
-
this.hydrationComplete.then(() => this._init());
|
|
494
|
-
return;
|
|
495
|
-
}
|
|
496
|
-
if (e && this._assignActiveDate(e), this._wide = (this._mediaMatcher.matches(f) ?? !1) && this.wide, this._weeks = this._createWeekRows(this._activeDate), this._years = this._createYearRows(), this._weekNumbers = this._createWeekNumbers(this._activeDate), this._nextMonthWeeks = [[]], this._nextMonthYears = [[]], this._wide) {
|
|
497
|
-
let e = this._dateAdapter.addCalendarMonths(this._activeDate, 1);
|
|
498
|
-
this._nextMonthWeeks = this._createWeekRows(e, !0), this._nextMonthYears = this._createYearRows(v), this._nextMonthWeekNumbers = this._createWeekNumbers(e);
|
|
499
|
-
}
|
|
500
|
-
this._initialized = !0;
|
|
501
|
-
}
|
|
502
|
-
}
|
|
503
|
-
_focusCell() {
|
|
504
|
-
this._resetFocus &&= (this._getFirstFocusable()?.focus(), !1);
|
|
505
|
-
}
|
|
506
|
-
_setWeekdays() {
|
|
507
|
-
let e = this._dateAdapter.getDayOfWeekNames("narrow"), t = this._dateAdapter.getDayOfWeekNames("long").map((t, n) => ({
|
|
508
|
-
long: t,
|
|
509
|
-
narrow: e[n]
|
|
510
|
-
})), n = this._dateAdapter.getFirstDayOfWeek();
|
|
511
|
-
this._weekdays = t.slice(n).concat(t.slice(0, n));
|
|
512
|
-
}
|
|
513
|
-
_createWeekNumbers(e) {
|
|
514
|
-
return he({
|
|
515
|
-
start: ge(e),
|
|
516
|
-
end: me(e)
|
|
517
|
-
}, { weekStartsOn: 1 }).map((e) => I(e, {
|
|
518
|
-
weekStartsOn: 1,
|
|
519
|
-
firstWeekContainsDate: 4
|
|
520
|
-
}));
|
|
521
|
-
}
|
|
522
|
-
_createWeekRows(e, t = !1) {
|
|
523
|
-
let n = this._dateAdapter.getNumDaysInMonth(e), r = this._dateAdapter.getFirstWeekOffset(e);
|
|
524
|
-
return t ? (this._keyboardNavigationDayViewParameters.secondMonthOffset = r, this._keyboardNavigationDayViewParameters.lastDayInView = this._dateAdapter.toIso8601(this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), n))) : (this._keyboardNavigationDayViewParameters.firstMonthLength = n, this._keyboardNavigationDayViewParameters.firstMonthOffset = r, this._keyboardNavigationDayViewParameters.firstDayInView = this._dateAdapter.toIso8601(this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), 1)), this._keyboardNavigationDayViewParameters.lastDayInView = this._dateAdapter.toIso8601(this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), n))), this.orientation === "horizontal" ? this._createWeekRowsHorizontal(e, n, r) : this._createWeekRowsVertical(e, n, r);
|
|
525
|
-
}
|
|
526
|
-
_createWeekRowsHorizontal(e, t, n) {
|
|
527
|
-
let r = [[]];
|
|
528
|
-
for (let i = 0, a = n; i < t; i++, a++) {
|
|
529
|
-
a === g && (r.push([]), a = 0);
|
|
530
|
-
let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), i + 1);
|
|
531
|
-
r[r.length - 1].push(this._mapDateToDay(t));
|
|
532
|
-
}
|
|
533
|
-
return r;
|
|
534
|
-
}
|
|
535
|
-
_createWeekRowsVertical(e, t, n) {
|
|
536
|
-
let r = Array.from({ length: g }, () => []);
|
|
537
|
-
for (let i = 0, a = n; i < t; i++, a++) {
|
|
538
|
-
a === g && (a = 0);
|
|
539
|
-
let t = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), i + 1);
|
|
540
|
-
r[a].push(this._mapDateToDay(t));
|
|
541
|
-
}
|
|
542
|
-
return r;
|
|
543
|
-
}
|
|
544
|
-
_mapDateToDay(e) {
|
|
545
|
-
let t = this._dateAdapter.toIso8601(e);
|
|
546
|
-
return {
|
|
547
|
-
value: t,
|
|
548
|
-
dateValue: e,
|
|
549
|
-
dayValue: String(this._dateAdapter.getDate(e)),
|
|
550
|
-
monthValue: String(this._dateAdapter.getMonth(e)),
|
|
551
|
-
yearValue: String(this._dateAdapter.getYear(e)),
|
|
552
|
-
weekValue: I(t, {
|
|
553
|
-
weekStartsOn: 1,
|
|
554
|
-
firstWeekContainsDate: 4
|
|
555
|
-
}),
|
|
556
|
-
weekDayValue: this._dateAdapter.getDayOfWeek(e)
|
|
557
|
-
};
|
|
558
|
-
}
|
|
559
|
-
_mapValueToISODate(e) {
|
|
560
|
-
return typeof e == "string" ? e : this._dateAdapter.toIso8601(e);
|
|
561
|
-
}
|
|
562
|
-
_createMonthRows() {
|
|
563
|
-
let e = this._dateAdapter.getMonthNames("short"), t = Array(12).fill(null).map((t, n) => ({
|
|
564
|
-
value: e[n],
|
|
565
|
-
longValue: this._monthNames[n],
|
|
566
|
-
monthValue: n + 1
|
|
567
|
-
})), n = 12 / _, r = [];
|
|
568
|
-
for (let e = 0; e < n; e++) r.push(t.slice(_ * e, _ * (e + 1)));
|
|
569
|
-
this._months = r;
|
|
570
|
-
}
|
|
571
|
-
_createYearRows(e = 0) {
|
|
572
|
-
let t = this._getStartValueYearView(), n = Array(v).fill(0).map((n, r) => t + e + r), r = v / y, i = [];
|
|
573
|
-
for (let e = 0; e < r; e++) i.push(n.slice(y * e, y * (e + 1)));
|
|
574
|
-
return i;
|
|
575
|
-
}
|
|
576
|
-
_getStartValueYearView() {
|
|
577
|
-
let e = 0;
|
|
578
|
-
this.max ? e = this._dateAdapter.getYear(this.max) - v + 1 : this.min && (e = this._dateAdapter.getYear(this.min));
|
|
579
|
-
let t = this._dateAdapter.getYear(this._activeDate);
|
|
580
|
-
return t - ((t - e) % v + v) % v;
|
|
581
|
-
}
|
|
582
|
-
_isDayInRange(e) {
|
|
583
|
-
if (!this.min && !this.max) return !0;
|
|
584
|
-
let t = this._dateAdapter.deserialize(e);
|
|
585
|
-
return this._dateAdapter.sameDate(t, this._dateAdapter.clampDate(t, this.min, this.max));
|
|
586
|
-
}
|
|
587
|
-
_isMonthInRange(e, t) {
|
|
588
|
-
if (!this.min && !this.max) return !0;
|
|
589
|
-
let n = this._dateAdapter.isValid(this.min) && (t < this._dateAdapter.getYear(this.min) || t === this._dateAdapter.getYear(this.min) && e < this._dateAdapter.getMonth(this.min)), r = this._dateAdapter.isValid(this.max) && (t > this._dateAdapter.getYear(this.max) || t === this._dateAdapter.getYear(this.max) && e > this._dateAdapter.getMonth(this.max));
|
|
590
|
-
return !(n || r);
|
|
591
|
-
}
|
|
592
|
-
_isYearInRange(e) {
|
|
593
|
-
if (!this.min && !this.max) return !0;
|
|
594
|
-
let t = this._dateAdapter.isValid(this.min) && this._dateAdapter.getYear(this.min) > e, n = this._dateAdapter.isValid(this.max) && this._dateAdapter.getYear(this.max) < e;
|
|
595
|
-
return !(t || n);
|
|
596
|
-
}
|
|
597
|
-
_isMonthFilteredOut(e, t) {
|
|
598
|
-
if (!this.dateFilter) return !0;
|
|
599
|
-
let n = this._dateAdapter.createDate(t, e, 1);
|
|
600
|
-
for (let t = n; this._dateAdapter.getMonth(t) == e; t = this._dateAdapter.addCalendarDays(t, 1)) if (this.dateFilter(t)) return !0;
|
|
601
|
-
return !1;
|
|
602
|
-
}
|
|
603
|
-
_isYearFilteredOut(e) {
|
|
604
|
-
if (!this.dateFilter) return !0;
|
|
605
|
-
let t = this._dateAdapter.createDate(e, 1, 1);
|
|
606
|
-
for (let n = t; this._dateAdapter.getYear(n) == e; n = this._dateAdapter.addCalendarDays(n, 1)) if (this.dateFilter(n)) return !0;
|
|
607
|
-
return !1;
|
|
608
|
-
}
|
|
609
|
-
_selectDate(e) {
|
|
610
|
-
if (this._chosenMonth = void 0, this._setChosenYear(), this.multiple) {
|
|
611
|
-
if (this._selected && this._selected.length > 0) {
|
|
612
|
-
let t = this._selected.findIndex((t) => this._dateAdapter.compareDate(t, e) === 0);
|
|
613
|
-
t === -1 ? this._selected = [...this._selected, e] : this._selected = this._selected.filter((e, n) => n !== t);
|
|
614
|
-
} else this._selected = [e];
|
|
615
|
-
this._emitDateSelectedEvent(this._selected.map((e) => this._dateAdapter.deserialize(e)));
|
|
616
|
-
} else (!this._selected || this._dateAdapter.compareDate(this._selected, e) !== 0) && (this._selected = e, this._emitDateSelectedEvent(this._dateAdapter.deserialize(e)));
|
|
617
|
-
}
|
|
618
|
-
_selectMultipleDates(e) {
|
|
619
|
-
let t = this._cells.filter((e) => !e.disabled).map((e) => this._mapValueToISODate(e.value)), n = e.map((e) => e.value).filter((e) => t.includes(e)), r = new Set(n), i = new Set(this._selected.map((e) => this._dateAdapter.toIso8601(e)));
|
|
620
|
-
this._selected = this._updateSelectedWithMultipleDates(n, r, i).map((e) => this._dateAdapter.deserialize(e)), this._emitDateSelectedEvent(this._selected.map((e) => this._dateAdapter.deserialize(e)));
|
|
621
|
-
}
|
|
622
|
-
_emitDateSelectedEvent(e) {
|
|
623
|
-
this.dispatchEvent(new CustomEvent("dateselected", {
|
|
624
|
-
detail: e,
|
|
625
|
-
composed: !0,
|
|
626
|
-
bubbles: !0
|
|
627
|
-
}));
|
|
628
|
-
}
|
|
629
|
-
_emitMonthChange() {
|
|
630
|
-
let e = (this.wide ? [...this._weeks, ...this._nextMonthWeeks] : this._weeks).flat().sort((e, t) => e.value.localeCompare(t.value));
|
|
631
|
-
this.dispatchEvent(new ve(e));
|
|
632
|
-
}
|
|
633
|
-
_updateSelectedWithMultipleDates(e, t, n) {
|
|
634
|
-
return e.every((e) => n.has(e)) ? t.forEach((e) => n.delete(e)) : t.forEach((e) => n.add(e)), Array.from(n);
|
|
635
|
-
}
|
|
636
|
-
_setChosenYear() {
|
|
637
|
-
if (this.view === "month") {
|
|
638
|
-
let e;
|
|
639
|
-
e = this.multiple ? this.selected.at(-1) : this.selected, this._chosenYear = this._dateAdapter.getYear(e ?? this._dateAdapter.today());
|
|
640
|
-
} else this._chosenYear = void 0;
|
|
641
|
-
}
|
|
642
|
-
_assignActiveDate(e) {
|
|
643
|
-
if (this.min && this._dateAdapter.compareDate(this.min, e) > 0) {
|
|
644
|
-
this._activeDate = this.min;
|
|
645
|
-
return;
|
|
646
|
-
}
|
|
647
|
-
if (this.max && this._dateAdapter.compareDate(this.max, e) < 0) {
|
|
648
|
-
this._activeDate = this.max;
|
|
649
|
-
return;
|
|
650
|
-
}
|
|
651
|
-
this._activeDate = e;
|
|
652
|
-
}
|
|
653
|
-
_goToDifferentMonth(e) {
|
|
654
|
-
this._init(this._dateAdapter.addCalendarMonths(this._activeDate, e)), this._emitMonthChange();
|
|
655
|
-
}
|
|
656
|
-
_goToDifferentYear(e) {
|
|
657
|
-
this._chosenYear += e, this._activeDate = this._dateAdapter.createDate(this._chosenYear, this._dateAdapter.getMonth(this._activeDate), this._dateAdapter.getDate(this._activeDate)), this._init();
|
|
658
|
-
}
|
|
659
|
-
_goToDifferentYearRange(e) {
|
|
660
|
-
this._init(this._dateAdapter.addCalendarYears(this._activeDate, e));
|
|
661
|
-
}
|
|
662
|
-
_prevDisabled(e) {
|
|
663
|
-
return this.min ? this._dateAdapter.compareDate(e, this.min) < 0 : !1;
|
|
664
|
-
}
|
|
665
|
-
_nextDisabled(e) {
|
|
666
|
-
return this.max ? this._dateAdapter.compareDate(e, this.max) > 0 : !1;
|
|
667
|
-
}
|
|
668
|
-
_previousMonthDisabled() {
|
|
669
|
-
let e = this._dateAdapter.addCalendarDays(this._activeDate, this._dateAdapter.getDate(this._activeDate) * -1);
|
|
670
|
-
return this._prevDisabled(e);
|
|
671
|
-
}
|
|
672
|
-
_nextMonthDisabled() {
|
|
673
|
-
let e = this._dateAdapter.addCalendarMonths(this._activeDate, this._wide ? 2 : 1);
|
|
674
|
-
return e = this._dateAdapter.createDate(this._dateAdapter.getYear(e), this._dateAdapter.getMonth(e), 1), this._nextDisabled(e);
|
|
675
|
-
}
|
|
676
|
-
_previousYearDisabled() {
|
|
677
|
-
let e = this._dateAdapter.createDate(this._dateAdapter.getYear(this._activeDate) - 1, 12, 31);
|
|
678
|
-
return this._prevDisabled(e);
|
|
679
|
-
}
|
|
680
|
-
_nextYearDisabled() {
|
|
681
|
-
let e = this._dateAdapter.createDate(this._dateAdapter.getYear(this._activeDate) + (this._wide ? 2 : 1), 1, 1);
|
|
682
|
-
return this._nextDisabled(e);
|
|
683
|
-
}
|
|
684
|
-
_previousYearRangeDisabled() {
|
|
685
|
-
let e = this._dateAdapter.createDate(this._years[0][0] - 1, 12, 31);
|
|
686
|
-
return this._prevDisabled(e);
|
|
687
|
-
}
|
|
688
|
-
_nextYearRangeDisabled() {
|
|
689
|
-
let e = this._wide ? this._nextMonthYears : this._years, t = e[e.length - 1], n = t[t.length - 1], r = this._dateAdapter.createDate(n + 1, 1, 1);
|
|
690
|
-
return this._nextDisabled(r);
|
|
691
|
-
}
|
|
692
|
-
_handleTableBlur(e) {
|
|
693
|
-
e?.localName !== "sbb-calendar-day" && this._setTabIndex();
|
|
694
|
-
}
|
|
695
|
-
_setTabIndex() {
|
|
696
|
-
let e = this._calendarView === "day" ? "sbb-calendar-day" : ".sbb-calendar__cell";
|
|
697
|
-
Array.from(this._getRootForQuerySelector().querySelectorAll(`${e}[tabindex="0"]`) ?? []).forEach((e) => e.tabIndex = -1);
|
|
698
|
-
let t = this._getFirstFocusable();
|
|
699
|
-
t && (t.tabIndex = 0);
|
|
700
|
-
}
|
|
701
|
-
_getFirstFocusable() {
|
|
702
|
-
let e = this._getRootForQuerySelector();
|
|
703
|
-
if (this._calendarView === "day") {
|
|
704
|
-
let t = e.querySelector(":is(:state(selected),[state--selected])") ?? e.querySelector(":is(:state(current),[state--current])");
|
|
705
|
-
return t && !t.disabled ? t : this._getFirstFocusableDay();
|
|
706
|
-
} else {
|
|
707
|
-
let e = this.shadowRoot?.querySelector(".sbb-calendar__cell-current");
|
|
708
|
-
return e && !e.disabled ? e : this.shadowRoot.querySelector(".sbb-calendar__cell:not([disabled])");
|
|
709
|
-
}
|
|
710
|
-
}
|
|
711
|
-
_getFirstFocusableDay() {
|
|
712
|
-
let e = Array.from(this._getRootForQuerySelector().querySelectorAll("sbb-calendar-day:not([disabled])"));
|
|
713
|
-
if (!e || e.length === 0) return null;
|
|
714
|
-
{
|
|
715
|
-
let t = e.map((e) => this._dateAdapter.toIso8601(e.value)).sort()[0];
|
|
716
|
-
return this._getRootForQuerySelector().querySelector(`sbb-calendar-day[slot="${t}"]`);
|
|
717
|
-
}
|
|
718
|
-
}
|
|
719
|
-
_handleKeyboardEvent(e, t) {
|
|
720
|
-
ue(e) && e.preventDefault();
|
|
721
|
-
let n = this._cells, r = n.findIndex((t) => t === e.target), i;
|
|
722
|
-
i = t ? this._navigateByKeyboardDayView(e, r, n, t) : this._navigateByKeyboard(e, r, n);
|
|
723
|
-
let a = (this._enhancedVariant ? document : this.shadowRoot).activeElement;
|
|
724
|
-
i !== a && (i.tabIndex = 0, i?.focus(), a.tabIndex = -1);
|
|
725
|
-
}
|
|
726
|
-
_navigateByKeyboardDayView(e, t, n, r) {
|
|
727
|
-
let i = this.orientation === "horizontal" ? {
|
|
728
|
-
leftRight: 1,
|
|
729
|
-
upDown: g
|
|
730
|
-
} : {
|
|
731
|
-
leftRight: g,
|
|
732
|
-
upDown: 1
|
|
733
|
-
}, a = t < this._keyboardNavigationDayViewParameters.firstMonthLength ? this._keyboardNavigationDayViewParameters.firstMonthOffset : this._keyboardNavigationDayViewParameters.secondMonthOffset;
|
|
734
|
-
switch (e.key) {
|
|
735
|
-
case "ArrowUp": return this._findDayArrows(n, t, r.dateValue, -i.upDown);
|
|
736
|
-
case "ArrowDown": return this._findDayArrows(n, t, r.dateValue, i.upDown);
|
|
737
|
-
case "ArrowLeft": return this._findDayArrows(n, t, r.dateValue, -i.leftRight);
|
|
738
|
-
case "ArrowRight": return this._findDayArrows(n, t, r.dateValue, i.leftRight);
|
|
739
|
-
case "PageUp": if (this.orientation === "horizontal") {
|
|
740
|
-
let e = (+r.dayValue % g || g) - +r.dayValue;
|
|
741
|
-
return this._findDayPageUpDown(n, t, r, e, i.upDown);
|
|
742
|
-
} else {
|
|
743
|
-
let e = (Math.ceil((+r.dayValue + a) / g) - 1) * g - a + 1 - r.dayValue;
|
|
744
|
-
return this._findDayPageUpDown(n, t, r, e, i.upDown);
|
|
745
|
-
}
|
|
746
|
-
case "PageDown": if (this.orientation === "horizontal") {
|
|
747
|
-
let e = +r.monthValue + 1 > 12 ? 1 : +r.monthValue + 1, a = +r.monthValue + 1 > 12 ? +r.yearValue + 1 : +r.yearValue, o = this._dateAdapter.createDate(a, e, 1), s = this._dateAdapter.getDate(this._dateAdapter.addCalendarDays(o, -1)), c = Math.trunc((s - +r.dayValue) / g) * g;
|
|
748
|
-
return this._findDayPageUpDown(n, t, r, c, -i.upDown);
|
|
749
|
-
} else {
|
|
750
|
-
let e = Math.ceil((+r.dayValue + a) / g) * g - a - +r.dayValue;
|
|
751
|
-
return this._findDayPageUpDown(n, t, r, e, -i.upDown);
|
|
752
|
-
}
|
|
753
|
-
case "Home": return this._findDayFirst(n, t, r, 1);
|
|
754
|
-
case "End": {
|
|
755
|
-
let e = +r.monthValue + 1 > 12 ? 1 : +r.monthValue + 1, i = +r.monthValue + 1 > 12 ? +r.yearValue + 1 : +r.yearValue, a = this._dateAdapter.createDate(i, e, 1);
|
|
756
|
-
return this._findDayLast(n, t, a);
|
|
757
|
-
}
|
|
758
|
-
default: return n[t];
|
|
759
|
-
}
|
|
760
|
-
}
|
|
761
|
-
_isDayOutOfView(e) {
|
|
762
|
-
return e < this._keyboardNavigationDayViewParameters.firstDayInView || e > this._keyboardNavigationDayViewParameters.lastDayInView;
|
|
763
|
-
}
|
|
764
|
-
_findDayArrows(e, t, n, r) {
|
|
765
|
-
let i = this._dateAdapter.toIso8601(this._dateAdapter.addCalendarDays(n, r));
|
|
766
|
-
if (this._isDayOutOfView(i)) return e[t];
|
|
767
|
-
let a = e.find((e) => this._mapValueToISODate(e.value) === i);
|
|
768
|
-
return !a || a.disabled ? this._findDayArrows(e, t, this._dateAdapter.deserialize(i), r) : a;
|
|
769
|
-
}
|
|
770
|
-
_findDayPageUpDown(e, t, n, r, i) {
|
|
771
|
-
let a = this._dateAdapter.toIso8601(this._dateAdapter.addCalendarDays(n.dateValue, r));
|
|
772
|
-
if (this._isDayOutOfView(a)) return e[t];
|
|
773
|
-
let o = e.find((e) => this._mapValueToISODate(e.value) === a);
|
|
774
|
-
return !o || o.disabled ? this._findDayPageUpDown(e, t, n, r + i, i) : o;
|
|
775
|
-
}
|
|
776
|
-
_findDayFirst(e, t, n, r) {
|
|
777
|
-
let i = this._dateAdapter.toIso8601(this._dateAdapter.createDate(+n.yearValue, +n.monthValue, r));
|
|
778
|
-
if (this._isDayOutOfView(i)) return e[t];
|
|
779
|
-
let a = e.find((e) => this._mapValueToISODate(e.value) === i);
|
|
780
|
-
return !a || a.disabled ? this._findDayFirst(e, t, n, r + 1) : a;
|
|
781
|
-
}
|
|
782
|
-
_findDayLast(e, t, n) {
|
|
783
|
-
let r = this._dateAdapter.toIso8601(this._dateAdapter.addCalendarDays(n, -1));
|
|
784
|
-
if (this._isDayOutOfView(r)) return e[t];
|
|
785
|
-
let i = e.find((e) => this._mapValueToISODate(e.value) === r);
|
|
786
|
-
return !i || i.disabled ? this._findDayLast(e, t, this._dateAdapter.deserialize(r)) : i;
|
|
787
|
-
}
|
|
788
|
-
_navigateByKeyboard(e, t, n) {
|
|
789
|
-
let { elementIndexForWideMode: r, offsetForWideMode: i, lastElementIndexForWideMode: a, verticalOffset: o } = this._calculateParametersForKeyboardNavigation(t, this._calendarView === "year");
|
|
790
|
-
switch (e.key) {
|
|
791
|
-
case "ArrowUp": return this._findNext(n, t, -o);
|
|
792
|
-
case "ArrowDown": return this._findNext(n, t, o);
|
|
793
|
-
case "ArrowLeft": return this._findNext(n, t, -1);
|
|
794
|
-
case "ArrowRight": return this._findNext(n, t, 1);
|
|
795
|
-
case "Home": return this._findFirst(n, i);
|
|
796
|
-
case "PageUp": return this._findFirstOnColumn(n, r, i, o);
|
|
797
|
-
case "PageDown": return this._findLastOnColumn(n, t, a, o);
|
|
798
|
-
case "End": return this._findLast(n, a - 1);
|
|
799
|
-
default: return n[t];
|
|
800
|
-
}
|
|
801
|
-
}
|
|
802
|
-
_calculateParametersForKeyboardNavigation(e, t) {
|
|
803
|
-
let n = t ? v : fe, r = Math.trunc(e / n) * n, i = r === 0 ? e : e - n;
|
|
804
|
-
return {
|
|
805
|
-
verticalOffset: t ? y : _,
|
|
806
|
-
elementIndexForWideMode: i,
|
|
807
|
-
offsetForWideMode: e - i,
|
|
808
|
-
lastElementIndexForWideMode: r === 0 ? n : n * 2
|
|
809
|
-
};
|
|
810
|
-
}
|
|
811
|
-
_findNext(e, t, n) {
|
|
812
|
-
let r = t + n;
|
|
813
|
-
for (; r < e.length && e[r]?.disabled;) r += n;
|
|
814
|
-
return e[r] ?? e[t];
|
|
815
|
-
}
|
|
816
|
-
_findFirst(e, t) {
|
|
817
|
-
return e[t].disabled ? this._findNext(e, t, 1) : e[t];
|
|
818
|
-
}
|
|
819
|
-
_findLast(e, t) {
|
|
820
|
-
return e[t].disabled ? this._findNext(e, t, -1) : e[t];
|
|
821
|
-
}
|
|
822
|
-
_findFirstOnColumn(e, t, n, r) {
|
|
823
|
-
let i = t % r + n;
|
|
824
|
-
return e[i].disabled ? this._findNext(e, i, r) : e[i];
|
|
825
|
-
}
|
|
826
|
-
_findLastOnColumn(e, t, n, r) {
|
|
827
|
-
let i = t + Math.trunc((n - t - 1) / r) * r;
|
|
828
|
-
return e[i].disabled ? this._findNext(e, i, -r) : e[i];
|
|
829
|
-
}
|
|
830
|
-
_resetCalendarViewAndEmitMonthChange(e = !1) {
|
|
831
|
-
this._resetCalendarView(e), this._emitMonthChange();
|
|
832
|
-
}
|
|
833
|
-
_resetCalendarView(e = !1) {
|
|
834
|
-
this._containingFocus && (this._resetFocus = !0), this._activeDate = (this.multiple ? this._selected.at(-1) : this._selected) ?? this._dateAdapter.today(), this._setChosenYear(), this._chosenMonth = void 0, this._init(), this._nextCalendarView = this._calendarView = this.view, e && this._startTableTransition();
|
|
835
|
-
}
|
|
836
|
-
_renderDayView() {
|
|
837
|
-
let e = this._wide ? this._dateAdapter.addCalendarMonths(this._activeDate, 1) : void 0;
|
|
838
|
-
return r`
|
|
839
|
-
<div class="sbb-calendar__controls">
|
|
840
|
-
${this._getArrow("left", () => this._goToDifferentMonth(-1), oe[this._language.current], this._previousMonthDisabled())}
|
|
841
|
-
<div class="sbb-calendar__controls-month">
|
|
842
|
-
${this._createLabelForDayView(this._activeDate)}
|
|
843
|
-
${this._wide ? this._createLabelForDayView(e) : a}
|
|
844
|
-
<sbb-screen-reader-only role="status">
|
|
845
|
-
${this._createAriaLabelForDayView(this._activeDate, e)}
|
|
846
|
-
</sbb-screen-reader-only>
|
|
847
|
-
</div>
|
|
848
|
-
${this._getArrow("right", () => this._goToDifferentMonth(1), re[this._language.current], this._nextMonthDisabled())}
|
|
849
|
-
</div>
|
|
850
|
-
<div class="sbb-calendar__table-overflow-break">
|
|
851
|
-
<div class="sbb-calendar__table-container sbb-calendar__table-day-view">
|
|
852
|
-
${this.orientation === "horizontal" ? r`
|
|
853
|
-
${this._createDayTable(this._weeks, this._weekNumbers)}
|
|
854
|
-
${this._wide ? this._createDayTable(this._nextMonthWeeks, this._nextMonthWeekNumbers, !0) : a}
|
|
855
|
-
` : r`
|
|
856
|
-
${this._createDayTableVertical(this._weeks, this._weekNumbers)}
|
|
857
|
-
${this._wide ? this._createDayTableVertical(this._nextMonthWeeks, this._nextMonthWeekNumbers, e) : a}
|
|
858
|
-
`}
|
|
859
|
-
</div>
|
|
860
|
-
</div>
|
|
861
|
-
`;
|
|
862
|
-
}
|
|
863
|
-
_createLabelForDayView(e) {
|
|
864
|
-
let t = `${this._monthNames[this._dateAdapter.getMonth(e) - 1]} ${this._dateAdapter.getYear(e)}`;
|
|
865
|
-
return r`
|
|
866
|
-
<button
|
|
867
|
-
type="button"
|
|
868
|
-
class="sbb-calendar__date-selection sbb-calendar__controls-change-date"
|
|
869
|
-
aria-label="${le[this._language.current]} ${t}"
|
|
870
|
-
@click=${() => {
|
|
871
|
-
this._resetFocus = !0, this._nextCalendarView = "year", this._startTableTransition();
|
|
872
|
-
}}
|
|
873
|
-
>
|
|
874
|
-
${t}
|
|
875
|
-
<sbb-icon name="chevron-small-down-small"></sbb-icon>
|
|
876
|
-
</button>
|
|
877
|
-
`;
|
|
878
|
-
}
|
|
879
|
-
_createAriaLabelForDayView(...e) {
|
|
880
|
-
let t = "";
|
|
881
|
-
for (let n of e) n && (t += `${this._monthNames[this._dateAdapter.getMonth(n) - 1]} ${this._dateAdapter.getYear(n)} `);
|
|
882
|
-
return t;
|
|
883
|
-
}
|
|
884
|
-
_createDayTable(e, t, n = !1) {
|
|
885
|
-
let i = (this._wide ? [...this._weeks, ...this._nextMonthWeeks] : n ? this._nextMonthWeeks : this._weeks).flat(), o = (n ? this._nextMonthWeeks : this._weeks).flat();
|
|
886
|
-
return r`
|
|
887
|
-
<table
|
|
888
|
-
class="sbb-calendar__table"
|
|
889
|
-
@focusout=${(e) => this._handleTableBlur(e.relatedTarget)}
|
|
890
|
-
@animationend=${(e) => this._tableAnimationEnd(e)}
|
|
891
|
-
>
|
|
892
|
-
<thead class="sbb-calendar__table-header">
|
|
893
|
-
<tr>
|
|
894
|
-
${this.weekNumbers ? r`<th class="sbb-calendar__table-header-cell"></th>` : a}
|
|
895
|
-
${this._weekdays.map((e, t) => r`
|
|
896
|
-
<th class="sbb-calendar__table-header-cell">
|
|
897
|
-
${this.multiple ? r`
|
|
898
|
-
<button
|
|
899
|
-
class="sbb-calendar__header-cell sbb-calendar__weekday"
|
|
900
|
-
aria-label=${e.long}
|
|
901
|
-
@click=${() => {
|
|
902
|
-
let e = o.filter((e) => e.weekDayValue === (t + 1) % 7);
|
|
903
|
-
this._selectMultipleDates(e);
|
|
904
|
-
}}
|
|
905
|
-
>
|
|
906
|
-
${e.narrow}
|
|
907
|
-
</button>
|
|
908
|
-
` : r`
|
|
909
|
-
<sbb-screen-reader-only>${e.long}</sbb-screen-reader-only>
|
|
910
|
-
<span aria-hidden="true">${e.narrow}</span>
|
|
911
|
-
`}
|
|
912
|
-
</th>
|
|
913
|
-
`)}
|
|
914
|
-
</tr>
|
|
915
|
-
</thead>
|
|
916
|
-
<tbody class="sbb-calendar__table-body">
|
|
917
|
-
${e.map((e, n) => {
|
|
918
|
-
let o = g - e.length;
|
|
919
|
-
return n === 0 && o ? r`
|
|
920
|
-
<tr>
|
|
921
|
-
${this.weekNumbers ? r`
|
|
922
|
-
<td class="sbb-calendar__table-header-cell-vertical">
|
|
923
|
-
${this.multiple ? r`
|
|
924
|
-
<button
|
|
925
|
-
class="sbb-calendar__header-cell sbb-calendar__weekday"
|
|
926
|
-
aria-label=${`${m[this._language.current]} ${t[0]}`}
|
|
927
|
-
@click=${() => {
|
|
928
|
-
let e = i.filter((e) => e.weekValue === t[0]);
|
|
929
|
-
this._selectMultipleDates(e);
|
|
930
|
-
}}
|
|
931
|
-
>
|
|
932
|
-
${t[0]}
|
|
933
|
-
</button>
|
|
934
|
-
` : r`
|
|
935
|
-
<sbb-screen-reader-only
|
|
936
|
-
>${`${m[this._language.current]} ${t[0]}`}</sbb-screen-reader-only
|
|
937
|
-
>
|
|
938
|
-
<span aria-hidden="true">${t[0]}</span>
|
|
939
|
-
`}
|
|
940
|
-
</td>
|
|
941
|
-
` : a}
|
|
942
|
-
${[...Array(o).keys()].map(() => r`<td class="sbb-calendar__table-data"></td>`)}
|
|
943
|
-
${this._createDayCells(e)}
|
|
944
|
-
</tr>
|
|
945
|
-
` : r`
|
|
946
|
-
<tr>
|
|
947
|
-
${this.weekNumbers ? r`
|
|
948
|
-
<td class="sbb-calendar__table-header-cell-vertical">
|
|
949
|
-
${this.multiple ? r`
|
|
950
|
-
<button
|
|
951
|
-
class="sbb-calendar__header-cell sbb-calendar__weekday"
|
|
952
|
-
aria-label=${`${m[this._language.current]} ${t[n]}`}
|
|
953
|
-
@click=${() => {
|
|
954
|
-
let e = i.filter((e) => e.weekValue === t[n]);
|
|
955
|
-
this._selectMultipleDates(e);
|
|
956
|
-
}}
|
|
957
|
-
>
|
|
958
|
-
${t[n]}
|
|
959
|
-
</button>
|
|
960
|
-
` : r`
|
|
961
|
-
<sbb-screen-reader-only
|
|
962
|
-
>${`${m[this._language.current]} ${t[n]}`}</sbb-screen-reader-only
|
|
963
|
-
>
|
|
964
|
-
<span aria-hidden="true">${t[n]}</span>
|
|
965
|
-
`}
|
|
966
|
-
</td>
|
|
967
|
-
` : a}
|
|
968
|
-
${this._createDayCells(e)}
|
|
969
|
-
</tr>
|
|
970
|
-
`;
|
|
971
|
-
})}
|
|
972
|
-
</tbody>
|
|
973
|
-
</table>
|
|
974
|
-
`;
|
|
975
|
-
}
|
|
976
|
-
_createDayTableVertical(e, t, n) {
|
|
977
|
-
let i = this._dateAdapter.getFirstWeekOffset(n ?? this._activeDate), o = (this._wide ? [...this._weeks, ...this._nextMonthWeeks] : n ? this._nextMonthWeeks : this._weeks).flat();
|
|
978
|
-
return r`
|
|
979
|
-
<table
|
|
980
|
-
class="sbb-calendar__table"
|
|
981
|
-
@focusout=${(e) => this._handleTableBlur(e.relatedTarget)}
|
|
982
|
-
@animationend=${(e) => this._tableAnimationEnd(e)}
|
|
983
|
-
>
|
|
984
|
-
${this.weekNumbers ? r`
|
|
985
|
-
<thead class="sbb-calendar__table-header">
|
|
986
|
-
<tr>
|
|
987
|
-
${n ? a : r`<th class="sbb-calendar__table-data"></th>`}
|
|
988
|
-
${t.map((e) => r`
|
|
989
|
-
<th class="sbb-calendar__table-header-cell">
|
|
990
|
-
${this.multiple ? r`
|
|
991
|
-
<button
|
|
992
|
-
class="sbb-calendar__header-cell sbb-calendar__weekday"
|
|
993
|
-
aria-label=${`${m[this._language.current]} ${e}`}
|
|
994
|
-
@click=${() => {
|
|
995
|
-
let t = o.filter((t) => t.weekValue === e);
|
|
996
|
-
this._selectMultipleDates(t);
|
|
997
|
-
}}
|
|
998
|
-
>
|
|
999
|
-
${e}
|
|
1000
|
-
</button>
|
|
1001
|
-
` : r`
|
|
1002
|
-
<sbb-screen-reader-only
|
|
1003
|
-
>${`${m[this._language.current]} ${e}`}</sbb-screen-reader-only
|
|
1004
|
-
>
|
|
1005
|
-
<span aria-hidden="true">${e}</span>
|
|
1006
|
-
`}
|
|
1007
|
-
</th>
|
|
1008
|
-
`)}
|
|
1009
|
-
</tr>
|
|
1010
|
-
</thead>
|
|
1011
|
-
` : a}
|
|
1012
|
-
<tbody class="sbb-calendar__table-body">
|
|
1013
|
-
${e.map((e, t) => {
|
|
1014
|
-
let o = this._weekdays[t], s = this._wide ? [...e, ...this._nextMonthWeeks[t]] : e;
|
|
1015
|
-
return r`
|
|
1016
|
-
<tr>
|
|
1017
|
-
${n ? a : r`
|
|
1018
|
-
<td class="sbb-calendar__table-header-cell-vertical">
|
|
1019
|
-
${this.multiple ? r`
|
|
1020
|
-
<button
|
|
1021
|
-
class="sbb-calendar__header-cell sbb-calendar__weekday"
|
|
1022
|
-
aria-label=${o.long}
|
|
1023
|
-
@click=${() => this._selectMultipleDates(s)}
|
|
1024
|
-
>
|
|
1025
|
-
${o.narrow}
|
|
1026
|
-
</button>
|
|
1027
|
-
` : r`
|
|
1028
|
-
<sbb-screen-reader-only>${o.long}</sbb-screen-reader-only>
|
|
1029
|
-
<span aria-hidden="true">${o.narrow}</span>
|
|
1030
|
-
`}
|
|
1031
|
-
</td>
|
|
1032
|
-
`}
|
|
1033
|
-
${t < i ? r`<td class="sbb-calendar__table-data"></td>` : a}
|
|
1034
|
-
${this._createDayCells(e)}
|
|
1035
|
-
</tr>
|
|
1036
|
-
`;
|
|
1037
|
-
})}
|
|
1038
|
-
</tbody>
|
|
1039
|
-
</table>
|
|
1040
|
-
`;
|
|
1041
|
-
}
|
|
1042
|
-
_createDayCells(e) {
|
|
1043
|
-
return e.map((e) => r`
|
|
1044
|
-
<td class=" sbb-calendar__table-data sbb-calendar__day-cell">
|
|
1045
|
-
<slot name=${e.value}>
|
|
1046
|
-
<sbb-calendar-day
|
|
1047
|
-
slot=${e.value}
|
|
1048
|
-
@click=${() => this._selectDate(e.dateValue)}
|
|
1049
|
-
@keydown=${(t) => this._handleKeyboardEvent(t, e)}
|
|
1050
|
-
></sbb-calendar-day>
|
|
1051
|
-
</slot>
|
|
1052
|
-
</td>
|
|
1053
|
-
`);
|
|
1054
|
-
}
|
|
1055
|
-
_renderMonthView() {
|
|
1056
|
-
return r`
|
|
1057
|
-
<div class="sbb-calendar__controls">
|
|
1058
|
-
${this._getArrow("left", () => this._goToDifferentYear(-1), se[this._language.current], this._previousYearDisabled())}
|
|
1059
|
-
<div class="sbb-calendar__controls-month">${this._createLabelForMonthView()}</div>
|
|
1060
|
-
${this._getArrow("right", () => this._goToDifferentYear(1), ie[this._language.current], this._nextYearDisabled())}
|
|
1061
|
-
</div>
|
|
1062
|
-
<div class="sbb-calendar__table-overflow-break">
|
|
1063
|
-
<div class="sbb-calendar__table-container sbb-calendar__table-month-view">
|
|
1064
|
-
${this._createMonthTable(this._months, this._chosenYear)}
|
|
1065
|
-
${this._wide ? this._createMonthTable(this._months, this._chosenYear + 1) : a}
|
|
1066
|
-
</div>
|
|
1067
|
-
</div>
|
|
1068
|
-
`;
|
|
1069
|
-
}
|
|
1070
|
-
_createLabelForMonthView() {
|
|
1071
|
-
return r` <button
|
|
1072
|
-
type="button"
|
|
1073
|
-
id="sbb-calendar__month-selection"
|
|
1074
|
-
class="sbb-calendar__controls-change-date"
|
|
1075
|
-
aria-label=${`${p[this._language.current]} ${this._chosenYear}`}
|
|
1076
|
-
@click=${() => this._resetCalendarViewAndEmitMonthChange(!0)}
|
|
1077
|
-
>
|
|
1078
|
-
${this._chosenYear} ${this._wide ? ` - ${this._chosenYear + 1}` : a}
|
|
1079
|
-
<sbb-icon name="chevron-small-up-small"></sbb-icon>
|
|
1080
|
-
</button>
|
|
1081
|
-
<sbb-screen-reader-only role="status"> ${this._chosenYear} </sbb-screen-reader-only>`;
|
|
1082
|
-
}
|
|
1083
|
-
_createMonthTable(e, t) {
|
|
1084
|
-
return r`
|
|
1085
|
-
<table
|
|
1086
|
-
class="sbb-calendar__table"
|
|
1087
|
-
@animationend=${(e) => this._tableAnimationEnd(e)}
|
|
1088
|
-
>
|
|
1089
|
-
${this._wide ? r`<thead class="sbb-calendar__table-header" aria-hidden="true">
|
|
1090
|
-
<tr>
|
|
1091
|
-
<th class="sbb-calendar__table-header-cell" colspan=${_}>${t}</th>
|
|
1092
|
-
</tr>
|
|
1093
|
-
</thead>` : a}
|
|
1094
|
-
<tbody class="sbb-calendar__table-body">
|
|
1095
|
-
${e.map((e) => r`
|
|
1096
|
-
<tr>
|
|
1097
|
-
${e.map((e) => {
|
|
1098
|
-
let n;
|
|
1099
|
-
if (this.multiple) n = this._selected.find((n) => t === this._dateAdapter.getYear(n) && e.monthValue === this._dateAdapter.getMonth(n)) !== void 0;
|
|
1100
|
-
else {
|
|
1101
|
-
let r = this._selected ? this._dateAdapter.getMonth(this._selected) : void 0, i = this._selected ? this._dateAdapter.getYear(this._selected) : void 0;
|
|
1102
|
-
n = !!this._selected && t === i && e.monthValue === r;
|
|
1103
|
-
}
|
|
1104
|
-
let i = !this._isMonthInRange(e.monthValue, t), o = !this._isMonthFilteredOut(e.monthValue, t), s = t === this._dateAdapter.getYear(this._dateAdapter.today()) && this._dateAdapter.getMonth(this._dateAdapter.today()) === e.monthValue;
|
|
1105
|
-
return r` <td
|
|
1106
|
-
class=${h({
|
|
1107
|
-
"sbb-calendar__table-data": !0,
|
|
1108
|
-
"sbb-calendar__table-month": !0
|
|
1109
|
-
})}
|
|
1110
|
-
>
|
|
1111
|
-
<button
|
|
1112
|
-
class=${h({
|
|
1113
|
-
"sbb-calendar__cell": !0,
|
|
1114
|
-
"sbb-calendar__cell-current": s,
|
|
1115
|
-
"sbb-calendar__crossed-out": !i && o,
|
|
1116
|
-
"sbb-calendar__selected": n
|
|
1117
|
-
})}
|
|
1118
|
-
@click=${() => this._onMonthSelection(e.monthValue, t)}
|
|
1119
|
-
?disabled=${i || o}
|
|
1120
|
-
aria-label=${`${e.longValue} ${t}`}
|
|
1121
|
-
aria-pressed=${n}
|
|
1122
|
-
aria-disabled=${String(i || o)}
|
|
1123
|
-
tabindex="-1"
|
|
1124
|
-
data-month=${e.monthValue || a}
|
|
1125
|
-
@keydown=${(e) => this._handleKeyboardEvent(e)}
|
|
1126
|
-
>
|
|
1127
|
-
${e.value}
|
|
1128
|
-
</button>
|
|
1129
|
-
</td>`;
|
|
1130
|
-
})}
|
|
1131
|
-
</tr>
|
|
1132
|
-
`)}
|
|
1133
|
-
</tbody>
|
|
1134
|
-
</table>
|
|
1135
|
-
`;
|
|
1136
|
-
}
|
|
1137
|
-
_onMonthSelection(e, t) {
|
|
1138
|
-
this._chosenMonth = e, this._nextCalendarView = "day", this._init(this._dateAdapter.createDate(t, this._chosenMonth, this._dateAdapter.getDate(this._activeDate))), this._startTableTransition(), this._emitMonthChange();
|
|
1139
|
-
}
|
|
1140
|
-
_renderYearView() {
|
|
1141
|
-
return r`
|
|
1142
|
-
<div class="sbb-calendar__controls">
|
|
1143
|
-
${this._getArrow("left", () => this._goToDifferentYearRange(-v), ce(v)[this._language.current], this._previousYearRangeDisabled())}
|
|
1144
|
-
<div class="sbb-calendar__controls-month">${this._createLabelForYearView()}</div>
|
|
1145
|
-
${this._getArrow("right", () => this._goToDifferentYearRange(v), ae(v)[this._language.current], this._nextYearRangeDisabled())}
|
|
1146
|
-
</div>
|
|
1147
|
-
<div class="sbb-calendar__table-overflow-break">
|
|
1148
|
-
<div class="sbb-calendar__table-container sbb-calendar__table-year-view">
|
|
1149
|
-
${this._createYearTable(this._years)}
|
|
1150
|
-
${this._wide ? this._createYearTable(this._nextMonthYears, !0) : a}
|
|
1151
|
-
</div>
|
|
1152
|
-
</div>
|
|
1153
|
-
`;
|
|
1154
|
-
}
|
|
1155
|
-
_getArrow(e, t, n, i) {
|
|
1156
|
-
return r`<sbb-secondary-button
|
|
1157
|
-
size="m"
|
|
1158
|
-
icon-name="chevron-small-${e}-small"
|
|
1159
|
-
aria-label=${n}
|
|
1160
|
-
@click=${t}
|
|
1161
|
-
?disabled=${i}
|
|
1162
|
-
id="sbb-calendar__controls-${e === "left" ? "previous" : "next"}"
|
|
1163
|
-
></sbb-secondary-button>`;
|
|
1164
|
-
}
|
|
1165
|
-
_createLabelForYearView() {
|
|
1166
|
-
let e = this._years.flat()[0], t = (this._wide ? this._nextMonthYears : this._years).flat(), n = `${e} - ${t[t.length - 1]}`;
|
|
1167
|
-
return r`
|
|
1168
|
-
<button
|
|
1169
|
-
type="button"
|
|
1170
|
-
id="sbb-calendar__year-selection"
|
|
1171
|
-
class="sbb-calendar__controls-change-date"
|
|
1172
|
-
aria-label="${p[this._language.current]} ${n}"
|
|
1173
|
-
@click=${() => this._resetCalendarViewAndEmitMonthChange(!0)}
|
|
1174
|
-
>
|
|
1175
|
-
${n}
|
|
1176
|
-
<sbb-icon name="chevron-small-up-small"></sbb-icon>
|
|
1177
|
-
</button>
|
|
1178
|
-
<sbb-screen-reader-only role="status"> ${n} </sbb-screen-reader-only>
|
|
1179
|
-
`;
|
|
1180
|
-
}
|
|
1181
|
-
_createYearTable(e, t = !1) {
|
|
1182
|
-
let n = this._dateAdapter.today();
|
|
1183
|
-
return r` <table
|
|
1184
|
-
class="sbb-calendar__table"
|
|
1185
|
-
@animationend=${(e) => this._tableAnimationEnd(e)}
|
|
1186
|
-
>
|
|
1187
|
-
<tbody class="sbb-calendar__table-body">
|
|
1188
|
-
${e.map((e) => r` <tr>
|
|
1189
|
-
${e.map((e) => {
|
|
1190
|
-
let i;
|
|
1191
|
-
if (this.multiple) i = this._selected.find((t) => e === this._dateAdapter.getYear(t)) !== void 0;
|
|
1192
|
-
else {
|
|
1193
|
-
let t = this._selected ? this._dateAdapter.getYear(this._selected) : void 0;
|
|
1194
|
-
i = !!this._selected && e === t;
|
|
1195
|
-
}
|
|
1196
|
-
let o = !this._isYearInRange(e), s = !this._isYearFilteredOut(e), c = this._dateAdapter.getYear(n) === e;
|
|
1197
|
-
return r` <td class="sbb-calendar__table-data sbb-calendar__table-year">
|
|
1198
|
-
<button
|
|
1199
|
-
class=${h({
|
|
1200
|
-
"sbb-calendar__cell": !0,
|
|
1201
|
-
"sbb-calendar__cell-current": c,
|
|
1202
|
-
"sbb-calendar__crossed-out": !o && s,
|
|
1203
|
-
"sbb-calendar__selected": i
|
|
1204
|
-
})}
|
|
1205
|
-
@click=${() => this._onYearSelection(e, t)}
|
|
1206
|
-
?disabled=${o || s}
|
|
1207
|
-
aria-label=${e}
|
|
1208
|
-
aria-pressed=${i}
|
|
1209
|
-
aria-disabled=${String(o || s)}
|
|
1210
|
-
tabindex="-1"
|
|
1211
|
-
data-year=${e || a}
|
|
1212
|
-
@keydown=${(e) => this._handleKeyboardEvent(e)}
|
|
1213
|
-
>
|
|
1214
|
-
${e}
|
|
1215
|
-
</button>
|
|
1216
|
-
</td>`;
|
|
1217
|
-
})}
|
|
1218
|
-
</tr>`)}
|
|
1219
|
-
</tbody>
|
|
1220
|
-
</table>`;
|
|
1221
|
-
}
|
|
1222
|
-
_onYearSelection(e, t) {
|
|
1223
|
-
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();
|
|
1224
|
-
}
|
|
1225
|
-
_getView() {
|
|
1226
|
-
if (i || this.hydrationRequired) return r`${a}`;
|
|
1227
|
-
switch (this._calendarView) {
|
|
1228
|
-
case "year": return this._renderYearView();
|
|
1229
|
-
case "month": return this._renderMonthView();
|
|
1230
|
-
default: return this._renderDayView();
|
|
1231
|
-
}
|
|
1232
|
-
}
|
|
1233
|
-
_tableAnimationEnd(e) {
|
|
1234
|
-
let t = e.target;
|
|
1235
|
-
e.animationName === "hide" ? (t.classList.remove("sbb-calendar__table-hide"), this._containingFocus && (this._resetFocus = !0), this._calendarView = this._nextCalendarView) : e.animationName === "show" && this.internals.states.delete("transition");
|
|
1236
|
-
}
|
|
1237
|
-
_startTableTransition() {
|
|
1238
|
-
this.internals.states.add("transition"), this.shadowRoot?.querySelectorAll("table")?.forEach((e) => e.classList.toggle("sbb-calendar__table-hide"));
|
|
1239
|
-
}
|
|
1240
|
-
render() {
|
|
1241
|
-
return r`<div class="sbb-calendar__wrapper">${this._getView()}</div>`;
|
|
1242
|
-
}
|
|
1243
|
-
};
|
|
1244
|
-
})();
|
|
1245
|
-
//#endregion
|
|
1246
|
-
export { ve as n, L as t };
|