@sbb-esta/lyne-elements 1.16.0 → 2.0.1
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.d.ts +4 -1
- package/accordion/accordion.d.ts.map +1 -1
- package/accordion.js +31 -22
- package/action-group/action-group.d.ts +6 -4
- package/action-group/action-group.d.ts.map +1 -1
- package/action-group.js +20 -17
- package/alert/alert/alert.d.ts +7 -23
- package/alert/alert/alert.d.ts.map +1 -1
- package/alert/alert-group/alert-group.d.ts +0 -4
- package/alert/alert-group/alert-group.d.ts.map +1 -1
- package/alert/alert-group.js +46 -47
- package/alert/alert.js +74 -132
- package/animation.css +4 -8
- package/autocomplete/autocomplete-base-element.d.ts +7 -6
- package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/autocomplete/autocomplete.d.ts +0 -1
- package/autocomplete/autocomplete.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +0 -1
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid-button.js +11 -11
- package/autocomplete-grid/autocomplete-grid.js +0 -3
- package/autocomplete.js +68 -67
- package/button/accent-button/accent-button.d.ts +19 -0
- package/button/accent-button/accent-button.d.ts.map +1 -0
- package/button/accent-button-link/accent-button-link.d.ts +19 -0
- package/button/accent-button-link/accent-button-link.d.ts.map +1 -0
- package/button/accent-button-link.d.ts +2 -0
- package/button/accent-button-link.d.ts.map +1 -0
- package/button/accent-button-link.js +17 -0
- package/button/accent-button-static/accent-button-static.d.ts +19 -0
- package/button/accent-button-static/accent-button-static.d.ts.map +1 -0
- package/button/accent-button-static.d.ts +2 -0
- package/button/accent-button-static.d.ts.map +1 -0
- package/button/accent-button-static.js +17 -0
- package/button/accent-button.d.ts +2 -0
- package/button/accent-button.d.ts.map +1 -0
- package/button/accent-button.js +17 -0
- package/button/common/button-common.d.ts.map +1 -1
- package/button/common.d.ts.map +1 -1
- package/button/common.js +20 -16
- package/button/mini-button/mini-button.d.ts +4 -3
- package/button/mini-button/mini-button.d.ts.map +1 -1
- package/button/mini-button-group/mini-button-group.d.ts +4 -1
- package/button/mini-button-group/mini-button-group.d.ts.map +1 -1
- package/button/mini-button-group.js +12 -8
- package/button/mini-button.d.ts +0 -1
- package/button/mini-button.d.ts.map +1 -1
- package/button/mini-button.js +10 -20
- package/button.d.ts +3 -3
- package/button.d.ts.map +1 -1
- package/button.js +3 -3
- package/calendar.js +25 -25
- package/card/card/card.d.ts +4 -1
- package/card/card/card.d.ts.map +1 -1
- package/card/card.js +10 -6
- package/checkbox/checkbox/checkbox.d.ts +4 -6
- package/checkbox/checkbox/checkbox.d.ts.map +1 -1
- package/checkbox/checkbox-group/checkbox-group.d.ts +4 -1
- package/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/checkbox/checkbox-group.js +14 -10
- package/checkbox/checkbox-panel/checkbox-panel.d.ts +4 -4
- package/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
- package/checkbox/checkbox-panel.js +21 -18
- package/checkbox/checkbox.js +28 -26
- package/{chip/chip.d.ts → chip-label/chip-label.d.ts} +4 -4
- package/chip-label/chip-label.d.ts.map +1 -0
- package/chip-label.d.ts +2 -0
- package/chip-label.d.ts.map +1 -0
- package/chip-label.js +54 -0
- package/clock.js +1 -1
- package/container/container.js +21 -21
- package/container/sticky-bar/sticky-bar.d.ts +1 -0
- package/container/sticky-bar/sticky-bar.d.ts.map +1 -1
- package/container/sticky-bar.js +20 -12
- package/core/base-elements/button-base-element.d.ts +27 -18
- package/core/base-elements/button-base-element.d.ts.map +1 -1
- package/core/base-elements/open-close-base-element.d.ts.map +1 -1
- package/core/base-elements.js +135 -138
- package/core/datetime/date-adapter.d.ts +2 -1
- package/core/datetime/date-adapter.d.ts.map +1 -1
- package/core/datetime/native-date-adapter.d.ts +1 -1
- package/core/datetime/native-date-adapter.d.ts.map +1 -1
- package/core/datetime.js +29 -28
- package/core/dom/animation.d.ts +2 -0
- package/core/dom/animation.d.ts.map +1 -0
- package/core/dom/lean-context.d.ts +5 -0
- package/core/dom/lean-context.d.ts.map +1 -0
- package/core/dom.d.ts +2 -2
- package/core/dom.d.ts.map +1 -1
- package/core/dom.js +50 -55
- package/core/eventing/form-element-handlers.d.ts +0 -7
- package/core/eventing/form-element-handlers.d.ts.map +1 -1
- package/core/eventing.d.ts +0 -1
- package/core/eventing.d.ts.map +1 -1
- package/core/eventing.js +28 -49
- package/core/i18n/i18n.d.ts +4 -2
- package/core/i18n/i18n.d.ts.map +1 -1
- package/core/i18n.js +147 -140
- package/core/mixins/disabled-mixin.d.ts +2 -7
- package/core/mixins/disabled-mixin.d.ts.map +1 -1
- package/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
- package/core/mixins/form-associated-radio-button-mixin.d.ts +35 -0
- package/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -0
- package/core/mixins.d.ts +1 -0
- package/core/mixins.d.ts.map +1 -1
- package/core/mixins.js +347 -220
- package/core/styles/_index.scss +1 -0
- package/core/styles/core.scss +150 -0
- package/core/styles/image.scss +66 -0
- package/core/styles/mixins/animation.scss +2 -4
- package/core/styles/mixins/buttons.scss +7 -4
- package/core/styles/mixins/card.scss +1 -1
- package/core/styles/mixins/chip.scss +35 -35
- package/core/styles/mixins/image.scss +34 -0
- package/core/styles/mixins/overlay.scss +1 -1
- package/core/styles/mixins/panel.scss +1 -1
- package/core/styles/standard-theme.scss +1 -0
- package/core/styles/table.scss +4 -0
- package/core/testing/event-spy.d.ts +2 -1
- package/core/testing/event-spy.d.ts.map +1 -1
- package/core/testing.d.ts +0 -1
- package/core/testing.d.ts.map +1 -1
- package/core/testing.js +48 -57
- package/core.css +113 -0
- package/custom-elements.json +25946 -21671
- package/datepicker/common/datepicker-button.d.ts +3 -5
- package/datepicker/common/datepicker-button.d.ts.map +1 -1
- package/datepicker/common.js +30 -29
- package/datepicker/datepicker/datepicker.d.ts +25 -72
- package/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -3
- package/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
- package/datepicker/datepicker-next-day.js +10 -12
- package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -3
- package/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
- package/datepicker/datepicker-previous-day.js +11 -13
- package/datepicker/datepicker.js +129 -157
- package/development/accordion/accordion.d.ts +4 -1
- package/development/accordion/accordion.d.ts.map +1 -1
- package/development/accordion.js +16 -5
- package/development/action-group/action-group.d.ts +6 -4
- package/development/action-group/action-group.d.ts.map +1 -1
- package/development/action-group.js +10 -7
- package/development/alert/alert/alert.d.ts +7 -23
- package/development/alert/alert/alert.d.ts.map +1 -1
- package/development/alert/alert-group/alert-group.d.ts +0 -4
- package/development/alert/alert-group/alert-group.d.ts.map +1 -1
- package/development/alert/alert-group.js +10 -12
- package/development/alert/alert.js +38 -122
- package/development/autocomplete/autocomplete-base-element.d.ts +7 -6
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete/autocomplete.d.ts +0 -1
- package/development/autocomplete/autocomplete.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +0 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button.js +6 -6
- package/development/autocomplete-grid/autocomplete-grid.js +1 -7
- package/development/autocomplete.js +23 -19
- package/development/button/accent-button/accent-button.d.ts +19 -0
- package/development/button/accent-button/accent-button.d.ts.map +1 -0
- package/development/button/accent-button-link/accent-button-link.d.ts +19 -0
- package/development/button/accent-button-link/accent-button-link.d.ts.map +1 -0
- package/development/button/accent-button-link.d.ts +2 -0
- package/development/button/accent-button-link.d.ts.map +1 -0
- package/development/button/accent-button-link.js +25 -0
- package/development/button/accent-button-static/accent-button-static.d.ts +19 -0
- package/development/button/accent-button-static/accent-button-static.d.ts.map +1 -0
- package/development/button/accent-button-static.d.ts +2 -0
- package/development/button/accent-button-static.d.ts.map +1 -0
- package/development/button/accent-button-static.js +25 -0
- package/development/button/accent-button.d.ts +2 -0
- package/development/button/accent-button.d.ts.map +1 -0
- package/development/button/accent-button.js +25 -0
- package/development/button/common/button-common.d.ts.map +1 -1
- package/development/button/common.d.ts.map +1 -1
- package/development/button/common.js +20 -16
- package/development/button/mini-button/mini-button.d.ts +4 -3
- package/development/button/mini-button/mini-button.d.ts.map +1 -1
- package/development/button/mini-button-group/mini-button-group.d.ts +4 -1
- package/development/button/mini-button-group/mini-button-group.d.ts.map +1 -1
- package/development/button/mini-button-group.js +7 -3
- package/development/button/mini-button.d.ts +0 -1
- package/development/button/mini-button.d.ts.map +1 -1
- package/development/button/mini-button.js +14 -32
- package/development/button.d.ts +3 -3
- package/development/button.d.ts.map +1 -1
- package/development/button.js +3 -3
- package/development/calendar.js +1 -1
- package/development/card/card/card.d.ts +4 -1
- package/development/card/card/card.d.ts.map +1 -1
- package/development/card/card.js +8 -4
- package/development/checkbox/checkbox/checkbox.d.ts +4 -6
- package/development/checkbox/checkbox/checkbox.d.ts.map +1 -1
- package/development/checkbox/checkbox-group/checkbox-group.d.ts +4 -1
- package/development/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/development/checkbox/checkbox-group.js +7 -3
- package/development/checkbox/checkbox-panel/checkbox-panel.d.ts +4 -4
- package/development/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
- package/development/checkbox/checkbox-panel.js +7 -4
- package/development/checkbox/checkbox.js +8 -6
- package/development/{chip/chip.d.ts → chip-label/chip-label.d.ts} +4 -4
- package/development/chip-label/chip-label.d.ts.map +1 -0
- package/development/chip-label.d.ts +2 -0
- package/development/chip-label.d.ts.map +1 -0
- package/development/{chip.js → chip-label.js} +26 -26
- package/development/clock.js +1 -1
- package/development/container/container.js +8 -12
- package/development/container/sticky-bar/sticky-bar.d.ts +1 -0
- package/development/container/sticky-bar/sticky-bar.d.ts.map +1 -1
- package/development/container/sticky-bar.js +18 -10
- package/development/core/base-elements/button-base-element.d.ts +27 -18
- package/development/core/base-elements/button-base-element.d.ts.map +1 -1
- package/development/core/base-elements/open-close-base-element.d.ts.map +1 -1
- package/development/core/base-elements.js +66 -74
- package/development/core/datetime/date-adapter.d.ts +2 -1
- package/development/core/datetime/date-adapter.d.ts.map +1 -1
- package/development/core/datetime/native-date-adapter.d.ts +1 -1
- package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
- package/development/core/datetime.js +4 -3
- package/development/core/dom/animation.d.ts +2 -0
- package/development/core/dom/animation.d.ts.map +1 -0
- package/development/core/dom/lean-context.d.ts +5 -0
- package/development/core/dom/lean-context.d.ts.map +1 -0
- package/development/core/dom.d.ts +2 -2
- package/development/core/dom.d.ts.map +1 -1
- package/development/core/dom.js +13 -21
- package/development/core/eventing/form-element-handlers.d.ts +0 -7
- package/development/core/eventing/form-element-handlers.d.ts.map +1 -1
- package/development/core/eventing.d.ts +0 -1
- package/development/core/eventing.d.ts.map +1 -1
- package/development/core/eventing.js +1 -25
- package/development/core/i18n/i18n.d.ts +4 -2
- package/development/core/i18n/i18n.d.ts.map +1 -1
- package/development/core/i18n.js +27 -23
- package/development/core/mixins/disabled-mixin.d.ts +2 -7
- package/development/core/mixins/disabled-mixin.d.ts.map +1 -1
- package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
- package/development/core/mixins/form-associated-radio-button-mixin.d.ts +35 -0
- package/development/core/mixins/form-associated-radio-button-mixin.d.ts.map +1 -0
- package/development/core/mixins.d.ts +1 -0
- package/development/core/mixins.d.ts.map +1 -1
- package/development/core/mixins.js +221 -30
- package/development/core/testing/event-spy.d.ts +2 -1
- package/development/core/testing/event-spy.d.ts.map +1 -1
- package/development/core/testing.d.ts +0 -1
- package/development/core/testing.d.ts.map +1 -1
- package/development/core/testing.js +4 -15
- package/development/datepicker/common/datepicker-button.d.ts +3 -5
- package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
- package/development/datepicker/common.js +13 -12
- package/development/datepicker/datepicker/datepicker.d.ts +25 -72
- package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts +1 -3
- package/development/datepicker/datepicker-next-day/datepicker-next-day.d.ts.map +1 -1
- package/development/datepicker/datepicker-next-day.js +9 -15
- package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts +1 -3
- package/development/datepicker/datepicker-previous-day/datepicker-previous-day.d.ts.map +1 -1
- package/development/datepicker/datepicker-previous-day.js +9 -15
- package/development/datepicker/datepicker.js +74 -115
- package/development/dialog/dialog/dialog.d.ts +3 -0
- package/development/dialog/dialog/dialog.d.ts.map +1 -1
- package/development/dialog/dialog-title.js +2 -1
- package/development/dialog/dialog.js +46 -39
- package/development/expansion-panel/expansion-panel/expansion-panel.d.ts +7 -1
- package/development/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
- package/development/expansion-panel/expansion-panel-header.js +3 -3
- package/development/expansion-panel/expansion-panel.js +32 -17
- package/development/file-selector/common/file-selector-common.d.ts +23 -0
- package/development/file-selector/common/file-selector-common.d.ts.map +1 -0
- package/development/file-selector/common.d.ts +2 -0
- package/development/file-selector/common.d.ts.map +1 -0
- package/development/file-selector/common.js +382 -0
- package/development/file-selector/file-selector/file-selector.d.ts +24 -0
- package/development/file-selector/file-selector/file-selector.d.ts.map +1 -0
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.d.ts +33 -0
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.d.ts.map +1 -0
- package/development/file-selector/file-selector-dropzone.d.ts +2 -0
- package/development/file-selector/file-selector-dropzone.d.ts.map +1 -0
- package/development/file-selector/file-selector-dropzone.js +181 -0
- package/development/file-selector/file-selector.d.ts +1 -87
- package/development/file-selector/file-selector.d.ts.map +1 -1
- package/development/file-selector/file-selector.js +52 -0
- package/development/file-selector.d.ts +2 -0
- package/development/file-selector.d.ts.map +1 -1
- package/development/file-selector.js +4 -552
- package/development/flip-card/flip-card-details.js +1 -1
- package/development/flip-card/flip-card-summary.js +3 -11
- package/development/flip-card/flip-card.js +6 -6
- package/development/form-field/form-field/form-field.d.ts +5 -10
- package/development/form-field/form-field/form-field.d.ts.map +1 -1
- package/development/form-field/form-field-clear.js +6 -6
- package/development/form-field/form-field.js +32 -40
- package/development/header/common.js +2 -2
- package/development/header/header/header.d.ts +5 -3
- package/development/header/header/header.d.ts.map +1 -1
- package/development/header/header.js +15 -20
- package/development/image/image.d.ts +0 -30
- package/development/image/image.d.ts.map +1 -1
- package/development/image.js +62 -273
- package/development/journey-header/journey-header.d.ts +4 -1
- package/development/journey-header/journey-header.d.ts.map +1 -1
- package/development/journey-header.js +7 -3
- package/development/lead-container.js +2 -10
- package/development/link/common/link-common.d.ts.map +1 -1
- package/development/link/common.js +9 -8
- package/development/link-list/common/link-list-base.d.ts +1 -0
- package/development/link-list/common/link-list-base.d.ts.map +1 -1
- package/development/link-list/common.js +4 -2
- package/development/link-list/link-list-anchor.js +4 -4
- package/development/loading-indicator/loading-indicator.d.ts +1 -3
- package/development/loading-indicator/loading-indicator.d.ts.map +1 -1
- package/development/loading-indicator-circle/loading-indicator-circle.d.ts +16 -0
- package/development/loading-indicator-circle/loading-indicator-circle.d.ts.map +1 -0
- package/development/loading-indicator-circle.d.ts +2 -0
- package/development/loading-indicator-circle.d.ts.map +1 -0
- package/development/loading-indicator-circle.js +146 -0
- package/development/loading-indicator.js +81 -182
- package/development/map-container/map-container.d.ts.map +1 -1
- package/development/map-container.js +5 -5
- package/development/menu/common.js +5 -5
- package/development/menu/menu/menu.d.ts +3 -0
- package/development/menu/menu/menu.d.ts.map +1 -1
- package/development/menu/menu.js +39 -24
- package/development/message.js +4 -2
- package/development/navigation/common/navigation-action-common.d.ts.map +1 -1
- package/development/navigation/common.js +9 -5
- package/development/navigation/navigation/navigation.d.ts +3 -0
- package/development/navigation/navigation/navigation.d.ts.map +1 -1
- package/development/navigation/navigation-list/navigation-list.d.ts.map +1 -1
- package/development/navigation/navigation-list.js +3 -2
- package/development/navigation/navigation-marker/navigation-marker.d.ts +2 -1
- package/development/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
- package/development/navigation/navigation-marker.js +6 -4
- package/development/navigation/navigation-section/navigation-section.d.ts +3 -0
- package/development/navigation/navigation-section/navigation-section.d.ts.map +1 -1
- package/development/navigation/navigation-section.js +38 -22
- package/development/navigation/navigation.js +42 -27
- package/development/notification/notification.d.ts +6 -2
- package/development/notification/notification.d.ts.map +1 -1
- package/development/notification.js +27 -21
- package/development/option/option/option-base-element.d.ts +0 -7
- package/development/option/option/option-base-element.d.ts.map +1 -1
- package/development/option/option.js +5 -26
- package/development/overlay/overlay-base-element.d.ts +2 -0
- package/development/overlay/overlay-base-element.d.ts.map +1 -1
- package/development/overlay/overlay.d.ts +3 -0
- package/development/overlay/overlay.d.ts.map +1 -1
- package/development/overlay.js +43 -31
- package/development/paginator/common/paginator-common.d.ts.map +1 -1
- package/development/paginator/common.js +7 -3
- package/development/paginator/paginator.js +1 -1
- package/development/popover/popover/popover.d.ts +3 -0
- package/development/popover/popover/popover.d.ts.map +1 -1
- package/development/popover/popover-trigger.js +9 -9
- package/development/popover/popover.js +41 -26
- package/development/radio-button/common/radio-button-common.d.ts +3 -10
- package/development/radio-button/common/radio-button-common.d.ts.map +1 -1
- package/development/radio-button/common.js +44 -121
- package/development/radio-button/radio-button/radio-button.d.ts +9 -1
- package/development/radio-button/radio-button/radio-button.d.ts.map +1 -1
- package/development/radio-button/radio-button-group/radio-button-group.d.ts +19 -26
- package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/development/radio-button/radio-button-group.js +87 -123
- package/development/radio-button/radio-button-panel/radio-button-panel.d.ts +19 -1
- package/development/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
- package/development/radio-button/radio-button-panel.js +35 -15
- package/development/radio-button/radio-button.js +11 -15
- package/development/select/select.d.ts +3 -9
- package/development/select/select.d.ts.map +1 -1
- package/development/select.js +27 -25
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts +4 -1
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/development/selection-expansion-panel.js +28 -16
- package/development/skiplink-list/skiplink-list.d.ts.map +1 -1
- package/development/skiplink-list.js +3 -2
- package/development/slider/slider.d.ts +0 -1
- package/development/slider/slider.d.ts.map +1 -1
- package/development/slider.js +2 -2
- package/development/stepper/step-label/step-label.d.ts +0 -2
- package/development/stepper/step-label/step-label.d.ts.map +1 -1
- package/development/stepper/step-label.js +10 -11
- package/development/stepper/step.js +1 -1
- package/development/stepper/stepper/stepper.d.ts +4 -1
- package/development/stepper/stepper/stepper.d.ts.map +1 -1
- package/development/stepper/stepper.js +9 -7
- package/development/tabs/tab-group/tab-group.d.ts +4 -1
- package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
- package/development/tabs/tab-group.js +8 -4
- package/development/tabs/tab-label.js +1 -1
- package/development/tag/tag/tag.d.ts +4 -1
- package/development/tag/tag/tag.d.ts.map +1 -1
- package/development/tag/tag-group/tag-group.d.ts +5 -2
- package/development/tag/tag-group/tag-group.d.ts.map +1 -1
- package/development/tag/tag-group.js +7 -4
- package/development/tag/tag.js +16 -12
- package/development/teaser/teaser.d.ts +2 -2
- package/development/teaser/teaser.d.ts.map +1 -1
- package/development/teaser-hero/teaser-hero.d.ts +2 -6
- package/development/teaser-hero/teaser-hero.d.ts.map +1 -1
- package/development/teaser-hero.js +9 -60
- package/development/teaser-product/common.js +7 -14
- package/development/teaser-product/teaser-product.js +1 -21
- package/development/teaser.js +14 -32
- package/development/time-input/time-input.d.ts +3 -6
- package/development/time-input/time-input.d.ts.map +1 -1
- package/development/time-input.js +33 -27
- package/development/toast/toast.d.ts +3 -0
- package/development/toast/toast.d.ts.map +1 -1
- package/development/toast.js +27 -13
- package/development/toggle/toggle/toggle.d.ts +4 -8
- package/development/toggle/toggle/toggle.d.ts.map +1 -1
- package/development/toggle/toggle.js +9 -12
- package/development/toggle-check/toggle-check.d.ts +4 -6
- package/development/toggle-check/toggle-check.d.ts.map +1 -1
- package/development/toggle-check.js +9 -7
- package/development/train/train/train.d.ts.map +1 -1
- package/development/train/train-blocked-passage.js +2 -2
- package/development/train/train-formation/train-formation.d.ts +3 -11
- package/development/train/train-formation/train-formation.d.ts.map +1 -1
- package/development/train/train-formation.js +43 -74
- package/development/train/train-wagon/train-wagon.d.ts +11 -8
- package/development/train/train-wagon/train-wagon.d.ts.map +1 -1
- package/development/train/train-wagon.js +149 -124
- package/development/train/train.js +35 -112
- package/development/visual-checkbox/visual-checkbox.d.ts +4 -1
- package/development/visual-checkbox/visual-checkbox.d.ts.map +1 -1
- package/development/visual-checkbox.js +7 -3
- package/dialog/dialog/dialog.d.ts +3 -0
- package/dialog/dialog/dialog.d.ts.map +1 -1
- package/dialog/dialog-title.js +9 -9
- package/dialog/dialog.js +56 -51
- package/expansion-panel/expansion-panel/expansion-panel.d.ts +7 -1
- package/expansion-panel/expansion-panel/expansion-panel.d.ts.map +1 -1
- package/expansion-panel/expansion-panel-header.js +1 -1
- package/expansion-panel/expansion-panel.js +41 -28
- package/file-selector/common/file-selector-common.d.ts +23 -0
- package/file-selector/common/file-selector-common.d.ts.map +1 -0
- package/file-selector/common.d.ts +2 -0
- package/file-selector/common.d.ts.map +1 -0
- package/file-selector/common.js +210 -0
- package/file-selector/file-selector/file-selector.d.ts +24 -0
- package/file-selector/file-selector/file-selector.d.ts.map +1 -0
- package/file-selector/file-selector-dropzone/file-selector-dropzone.d.ts +33 -0
- package/file-selector/file-selector-dropzone/file-selector-dropzone.d.ts.map +1 -0
- package/file-selector/file-selector-dropzone.d.ts +2 -0
- package/file-selector/file-selector-dropzone.d.ts.map +1 -0
- package/file-selector/file-selector-dropzone.js +97 -0
- package/file-selector/file-selector.d.ts +1 -87
- package/file-selector/file-selector.d.ts.map +1 -1
- package/file-selector/file-selector.js +44 -0
- package/file-selector.d.ts +2 -0
- package/file-selector.d.ts.map +1 -1
- package/file-selector.js +3 -301
- package/flip-card/flip-card-details.js +5 -5
- package/flip-card/flip-card-summary.js +7 -7
- package/flip-card/flip-card.js +9 -9
- package/form-field/form-field/form-field.d.ts +5 -10
- package/form-field/form-field/form-field.d.ts.map +1 -1
- package/form-field/form-field-clear.js +12 -12
- package/form-field/form-field.js +143 -141
- package/header/common.js +10 -10
- package/header/header/header.d.ts +5 -3
- package/header/header/header.d.ts.map +1 -1
- package/header/header.js +28 -31
- package/image/image.d.ts +0 -30
- package/image/image.d.ts.map +1 -1
- package/image.js +187 -281
- package/index.d.ts +13 -9
- package/index.js +13 -9
- package/journey-header/journey-header.d.ts +4 -1
- package/journey-header/journey-header.d.ts.map +1 -1
- package/journey-header.js +29 -25
- package/lead-container.js +5 -5
- package/link/common/link-common.d.ts.map +1 -1
- package/link/common.js +18 -16
- package/link-list/common/link-list-base.d.ts +1 -0
- package/link-list/common/link-list-base.d.ts.map +1 -1
- package/link-list/common.js +11 -9
- package/link-list/link-list-anchor.js +8 -8
- package/loading-indicator/loading-indicator.d.ts +1 -3
- package/loading-indicator/loading-indicator.d.ts.map +1 -1
- package/loading-indicator-circle/loading-indicator-circle.d.ts +16 -0
- package/loading-indicator-circle/loading-indicator-circle.d.ts.map +1 -0
- package/loading-indicator-circle.d.ts +2 -0
- package/loading-indicator-circle.d.ts.map +1 -0
- package/loading-indicator-circle.js +46 -0
- package/loading-indicator.js +41 -51
- package/map-container/map-container.d.ts.map +1 -1
- package/map-container.js +7 -7
- package/menu/common.js +8 -8
- package/menu/menu/menu.d.ts +3 -0
- package/menu/menu/menu.d.ts.map +1 -1
- package/menu/menu.js +52 -43
- package/message.js +12 -12
- package/navigation/common/navigation-action-common.d.ts.map +1 -1
- package/navigation/common.js +10 -6
- package/navigation/navigation/navigation.d.ts +3 -0
- package/navigation/navigation/navigation.d.ts.map +1 -1
- package/navigation/navigation-list/navigation-list.d.ts.map +1 -1
- package/navigation/navigation-list.js +17 -16
- package/navigation/navigation-marker/navigation-marker.d.ts +2 -1
- package/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
- package/navigation/navigation-marker.js +12 -10
- package/navigation/navigation-section/navigation-section.d.ts +3 -0
- package/navigation/navigation-section/navigation-section.d.ts.map +1 -1
- package/navigation/navigation-section.js +46 -37
- package/navigation/navigation.js +30 -21
- package/notification/notification.d.ts +6 -2
- package/notification/notification.d.ts.map +1 -1
- package/notification.js +55 -51
- package/option/option/option-base-element.d.ts +0 -7
- package/option/option/option-base-element.d.ts.map +1 -1
- package/option/option.js +110 -125
- package/overlay/overlay-base-element.d.ts +2 -0
- package/overlay/overlay-base-element.d.ts.map +1 -1
- package/overlay/overlay.d.ts +3 -0
- package/overlay/overlay.d.ts.map +1 -1
- package/overlay.js +83 -77
- package/package.json +40 -25
- package/paginator/common/paginator-common.d.ts.map +1 -1
- package/paginator/common.js +21 -17
- package/paginator/paginator.js +1 -1
- package/popover/popover/popover.d.ts +3 -0
- package/popover/popover/popover.d.ts.map +1 -1
- package/popover/popover-trigger.js +6 -6
- package/popover/popover.js +114 -109
- package/radio-button/common/radio-button-common.d.ts +3 -10
- package/radio-button/common/radio-button-common.d.ts.map +1 -1
- package/radio-button/common.js +43 -90
- package/radio-button/radio-button/radio-button.d.ts +9 -1
- package/radio-button/radio-button/radio-button.d.ts.map +1 -1
- package/radio-button/radio-button-group/radio-button-group.d.ts +19 -26
- package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/radio-button/radio-button-group.js +112 -131
- package/radio-button/radio-button-panel/radio-button-panel.d.ts +19 -1
- package/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
- package/radio-button/radio-button-panel.js +56 -44
- package/radio-button/radio-button.js +34 -38
- package/select/select.d.ts +3 -9
- package/select/select.d.ts.map +1 -1
- package/select.js +65 -66
- package/selection-expansion-panel/selection-expansion-panel.d.ts +4 -1
- package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/selection-expansion-panel.js +41 -31
- package/skiplink-list/skiplink-list.d.ts.map +1 -1
- package/skiplink-list.js +14 -13
- package/slider/slider.d.ts +0 -1
- package/slider/slider.d.ts.map +1 -1
- package/slider.js +1 -1
- package/standard-theme.css +238 -8
- package/stepper/step-label/step-label.d.ts +0 -2
- package/stepper/step-label/step-label.d.ts.map +1 -1
- package/stepper/step-label.js +6 -6
- package/stepper/step.js +4 -4
- package/stepper/stepper/stepper.d.ts +4 -1
- package/stepper/stepper/stepper.d.ts.map +1 -1
- package/stepper/stepper.js +22 -19
- package/table.css +15 -0
- package/tabs/tab-group/tab-group.d.ts +4 -1
- package/tabs/tab-group/tab-group.d.ts.map +1 -1
- package/tabs/tab-group.js +24 -20
- package/tabs/tab-label.js +1 -1
- package/tag/tag/tag.d.ts +4 -1
- package/tag/tag/tag.d.ts.map +1 -1
- package/tag/tag-group/tag-group.d.ts +5 -2
- package/tag/tag-group/tag-group.d.ts.map +1 -1
- package/tag/tag-group.js +13 -10
- package/tag/tag.js +25 -21
- package/teaser/teaser.d.ts +2 -2
- package/teaser/teaser.d.ts.map +1 -1
- package/teaser-hero/teaser-hero.d.ts +2 -6
- package/teaser-hero/teaser-hero.d.ts.map +1 -1
- package/teaser-hero.js +32 -57
- package/teaser-product/common.js +1 -1
- package/teaser-product/teaser-product.js +13 -13
- package/teaser.js +28 -28
- package/time-input/time-input.d.ts +3 -6
- package/time-input/time-input.d.ts.map +1 -1
- package/time-input.js +56 -55
- package/toast/toast.d.ts +3 -0
- package/toast/toast.d.ts.map +1 -1
- package/toast.js +51 -42
- package/toggle/toggle/toggle.d.ts +4 -8
- package/toggle/toggle/toggle.d.ts.map +1 -1
- package/toggle/toggle.js +48 -48
- package/toggle-check/toggle-check.d.ts +4 -6
- package/toggle-check/toggle-check.d.ts.map +1 -1
- package/toggle-check.js +23 -21
- package/train/train/train.d.ts.map +1 -1
- package/train/train-blocked-passage.js +1 -1
- package/train/train-formation/train-formation.d.ts +3 -11
- package/train/train-formation/train-formation.d.ts.map +1 -1
- package/train/train-formation.js +47 -65
- package/train/train-wagon/train-wagon.d.ts +11 -8
- package/train/train-wagon/train-wagon.d.ts.map +1 -1
- package/train/train-wagon.js +123 -134
- package/train/train.js +74 -78
- package/visual-checkbox/visual-checkbox.d.ts +4 -1
- package/visual-checkbox/visual-checkbox.d.ts.map +1 -1
- package/visual-checkbox.js +21 -17
- package/button/mini-button/mini-button-base-element.d.ts +0 -8
- package/button/mini-button/mini-button-base-element.d.ts.map +0 -1
- package/button/tertiary-button/tertiary-button.d.ts +0 -19
- package/button/tertiary-button/tertiary-button.d.ts.map +0 -1
- package/button/tertiary-button-link/tertiary-button-link.d.ts +0 -19
- package/button/tertiary-button-link/tertiary-button-link.d.ts.map +0 -1
- package/button/tertiary-button-link.d.ts +0 -2
- package/button/tertiary-button-link.d.ts.map +0 -1
- package/button/tertiary-button-link.js +0 -17
- package/button/tertiary-button-static/tertiary-button-static.d.ts +0 -19
- package/button/tertiary-button-static/tertiary-button-static.d.ts.map +0 -1
- package/button/tertiary-button-static.d.ts +0 -2
- package/button/tertiary-button-static.d.ts.map +0 -1
- package/button/tertiary-button-static.js +0 -17
- package/button/tertiary-button.d.ts +0 -2
- package/button/tertiary-button.d.ts.map +0 -1
- package/button/tertiary-button.js +0 -17
- package/chip/chip.d.ts.map +0 -1
- package/chip.d.ts +0 -2
- package/chip.d.ts.map +0 -1
- package/chip.js +0 -54
- package/core/dom/get-document-writing-mode.d.ts +0 -5
- package/core/dom/get-document-writing-mode.d.ts.map +0 -1
- package/core/dom/ssr.d.ts +0 -13
- package/core/dom/ssr.d.ts.map +0 -1
- package/core/eventing/handler-repository.d.ts +0 -28
- package/core/eventing/handler-repository.d.ts.map +0 -1
- package/core/observers/intersection-observer.d.ts +0 -20
- package/core/observers/intersection-observer.d.ts.map +0 -1
- package/core/observers/mutation-observer.d.ts +0 -13
- package/core/observers/mutation-observer.d.ts.map +0 -1
- package/core/observers/resize-observer.d.ts +0 -16
- package/core/observers/resize-observer.d.ts.map +0 -1
- package/core/observers.d.ts +0 -4
- package/core/observers.d.ts.map +0 -1
- package/core/observers.js +0 -38
- package/core/testing/wait-for-event.d.ts +0 -2
- package/core/testing/wait-for-event.d.ts.map +0 -1
- package/development/button/mini-button/mini-button-base-element.d.ts +0 -8
- package/development/button/mini-button/mini-button-base-element.d.ts.map +0 -1
- package/development/button/tertiary-button/tertiary-button.d.ts +0 -19
- package/development/button/tertiary-button/tertiary-button.d.ts.map +0 -1
- package/development/button/tertiary-button-link/tertiary-button-link.d.ts +0 -19
- package/development/button/tertiary-button-link/tertiary-button-link.d.ts.map +0 -1
- package/development/button/tertiary-button-link.d.ts +0 -2
- package/development/button/tertiary-button-link.d.ts.map +0 -1
- package/development/button/tertiary-button-link.js +0 -25
- package/development/button/tertiary-button-static/tertiary-button-static.d.ts +0 -19
- package/development/button/tertiary-button-static/tertiary-button-static.d.ts.map +0 -1
- package/development/button/tertiary-button-static.d.ts +0 -2
- package/development/button/tertiary-button-static.d.ts.map +0 -1
- package/development/button/tertiary-button-static.js +0 -25
- package/development/button/tertiary-button.d.ts +0 -2
- package/development/button/tertiary-button.d.ts.map +0 -1
- package/development/button/tertiary-button.js +0 -25
- package/development/chip/chip.d.ts.map +0 -1
- package/development/chip.d.ts +0 -2
- package/development/chip.d.ts.map +0 -1
- package/development/core/dom/get-document-writing-mode.d.ts +0 -5
- package/development/core/dom/get-document-writing-mode.d.ts.map +0 -1
- package/development/core/dom/ssr.d.ts +0 -13
- package/development/core/dom/ssr.d.ts.map +0 -1
- package/development/core/eventing/handler-repository.d.ts +0 -28
- package/development/core/eventing/handler-repository.d.ts.map +0 -1
- package/development/core/observers/intersection-observer.d.ts +0 -20
- package/development/core/observers/intersection-observer.d.ts.map +0 -1
- package/development/core/observers/mutation-observer.d.ts +0 -13
- package/development/core/observers/mutation-observer.d.ts.map +0 -1
- package/development/core/observers/resize-observer.d.ts +0 -16
- package/development/core/observers/resize-observer.d.ts.map +0 -1
- package/development/core/observers.d.ts +0 -4
- package/development/core/observers.d.ts.map +0 -1
- package/development/core/observers.js +0 -39
- package/development/core/testing/wait-for-event.d.ts +0 -2
- package/development/core/testing/wait-for-event.d.ts.map +0 -1
|
@@ -6,10 +6,11 @@ var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read fr
|
|
|
6
6
|
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
7
7
|
var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
|
|
8
8
|
import { __esDecorate, __runInitializers } from "tslib";
|
|
9
|
-
import { css, html,
|
|
9
|
+
import { css, html, LitElement } from "lit";
|
|
10
10
|
import { customElement, property } from "lit/decorators.js";
|
|
11
11
|
import { hostAttributes } from "./core/decorators.js";
|
|
12
|
-
const style = css
|
|
12
|
+
const style = css`@charset "UTF-8";
|
|
13
|
+
*,
|
|
13
14
|
::before,
|
|
14
15
|
::after {
|
|
15
16
|
box-sizing: border-box;
|
|
@@ -17,6 +18,23 @@ const style = css`*,
|
|
|
17
18
|
|
|
18
19
|
:host {
|
|
19
20
|
--sbb-loading-indicator-color: var(--sbb-color-red);
|
|
21
|
+
--sbb-loading-indicator-padding: 0;
|
|
22
|
+
--sbb-loading-indicator-duration: var(
|
|
23
|
+
--sbb-disable-animation-duration,
|
|
24
|
+
var(--sbb-animation-duration-6x)
|
|
25
|
+
);
|
|
26
|
+
--sbb-loading-indicator-window-element-rotation: 55.24deg;
|
|
27
|
+
--_sbb-loading-indicator-window-first-span-width: calc(
|
|
28
|
+
var(--sbb-loading-indicator-window-height) * 0.58
|
|
29
|
+
);
|
|
30
|
+
--_sbb-loading-indicator-window-unit: calc(
|
|
31
|
+
var(--_sbb-loading-indicator-window-first-span-width) / 5.5
|
|
32
|
+
);
|
|
33
|
+
--_sbb-loading-indicator-window-element-animation-speed: calc(
|
|
34
|
+
var(--_sbb-loading-indicator-window-unit) * 6.5
|
|
35
|
+
);
|
|
36
|
+
--sbb-loading-indicator-window-height: 1.125rem;
|
|
37
|
+
--sbb-loading-indicator-window-element-width: 3.4375rem;
|
|
20
38
|
display: inline-block;
|
|
21
39
|
line-height: 0;
|
|
22
40
|
}
|
|
@@ -29,197 +47,101 @@ const style = css`*,
|
|
|
29
47
|
--sbb-loading-indicator-color: var(--sbb-color-white);
|
|
30
48
|
}
|
|
31
49
|
|
|
32
|
-
:host([
|
|
33
|
-
--sbb-loading-indicator-
|
|
34
|
-
--sbb-loading-indicator-
|
|
35
|
-
--sbb-loading-indicator-background-color: var(--sbb-color-white);
|
|
36
|
-
--sbb-loading-indicator-circle-background: conic-gradient(
|
|
37
|
-
from 90deg,
|
|
38
|
-
var(--sbb-loading-indicator-background-color),
|
|
39
|
-
var(--sbb-loading-indicator-color)
|
|
40
|
-
);
|
|
41
|
-
--sbb-loading-indicator-circle-animated-width: 0.1875em;
|
|
42
|
-
--sbb-loading-indicator-circle-animated-height: 0.1875em;
|
|
43
|
-
--sbb-loading-indicator-circle-animated-border-radius: 50%;
|
|
50
|
+
:host([size=l]) {
|
|
51
|
+
--sbb-loading-indicator-window-height: 2rem;
|
|
52
|
+
--sbb-loading-indicator-window-element-width: 6.25rem;
|
|
44
53
|
}
|
|
45
54
|
|
|
46
|
-
:host([
|
|
47
|
-
--sbb-loading-indicator-
|
|
55
|
+
:host([size=xl]) {
|
|
56
|
+
--sbb-loading-indicator-window-height: 3.1875rem;
|
|
57
|
+
--sbb-loading-indicator-window-element-width: 8.75rem;
|
|
48
58
|
}
|
|
49
59
|
|
|
50
|
-
:host([
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
width: auto;
|
|
54
|
-
padding-inline: var(--sbb-loading-indicator-padding);
|
|
55
|
-
padding-block: var(--sbb-loading-indicator-padding);
|
|
56
|
-
vertical-align: middle;
|
|
57
|
-
line-height: 1;
|
|
60
|
+
:host([size=xxl]) {
|
|
61
|
+
--sbb-loading-indicator-window-height: 6.125rem;
|
|
62
|
+
--sbb-loading-indicator-window-element-width: 15.625rem;
|
|
58
63
|
}
|
|
59
64
|
|
|
60
|
-
:host([
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
display: inline-block;
|
|
64
|
-
color: transparent;
|
|
65
|
-
position: relative;
|
|
66
|
-
margin: 0 auto;
|
|
67
|
-
overflow: hidden;
|
|
68
|
-
border-radius: 50%;
|
|
69
|
-
background: var(--sbb-loading-indicator-circle-background);
|
|
70
|
-
-webkit-mask: radial-gradient(circle 0.4375em, rgba(0, 0, 0, 0) 98%, var(--sbb-loading-indicator-background-color));
|
|
71
|
-
mask: radial-gradient(circle 0.4375em, rgba(0, 0, 0, 0) 98%, var(--sbb-loading-indicator-background-color));
|
|
72
|
-
animation: rotation var(--sbb-loading-indicator-duration) infinite linear;
|
|
73
|
-
}
|
|
74
|
-
:host([variant=circle]) .sbb-loading-indicator__animated-element::after {
|
|
75
|
-
content: "";
|
|
76
|
-
width: var(--sbb-loading-indicator-circle-animated-width);
|
|
77
|
-
height: var(--sbb-loading-indicator-circle-animated-height);
|
|
78
|
-
background: var(--sbb-loading-indicator-color);
|
|
79
|
-
border-radius: var(--sbb-loading-indicator-circle-animated-border-radius);
|
|
80
|
-
position: absolute;
|
|
81
|
-
top: 50%;
|
|
82
|
-
right: 0;
|
|
83
|
-
transform: translateY(-50%);
|
|
84
|
-
overflow: hidden;
|
|
85
|
-
margin: auto;
|
|
86
|
-
}
|
|
87
|
-
@media (forced-colors: active) {
|
|
88
|
-
:host([variant=circle]) .sbb-loading-indicator__animated-element::after {
|
|
89
|
-
--sbb-loading-indicator-color: CanvasText;
|
|
90
|
-
--sbb-loading-indicator-circle-animated-width: 50%;
|
|
91
|
-
--sbb-loading-indicator-circle-animated-height: 100%;
|
|
92
|
-
--sbb-loading-indicator-circle-animated-border-radius: 0;
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
@media (forced-colors: active) {
|
|
96
|
-
:host([variant=circle]) .sbb-loading-indicator__animated-element {
|
|
97
|
-
--sbb-loading-indicator-circle-background: transparent;
|
|
98
|
-
}
|
|
65
|
+
:host([size=xxxl]) {
|
|
66
|
+
--sbb-loading-indicator-window-height: 9.1875rem;
|
|
67
|
+
--sbb-loading-indicator-window-element-width: 22.5rem;
|
|
99
68
|
}
|
|
100
69
|
|
|
101
|
-
|
|
102
|
-
:host([color=white][variant=circle]) .sbb-loading-indicator__animated-element::after {
|
|
103
|
-
--sbb-loading-indicator-color: var(--sbb-color-white);
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
:host([variant=window]) {
|
|
108
|
-
--sbb-loading-indicator-padding: 0;
|
|
109
|
-
--sbb-loading-indicator-duration: var(
|
|
110
|
-
--sbb-disable-animation-zero-time,
|
|
111
|
-
var(--sbb-animation-duration-6x)
|
|
112
|
-
);
|
|
113
|
-
}
|
|
114
|
-
|
|
115
|
-
:host([variant=window][size=s]) {
|
|
116
|
-
--sbb-loading-indicator-window-height: 1.66666625rem;
|
|
117
|
-
--sbb-loading-indicator-window-padding-block-start: 0.66666625rem;
|
|
118
|
-
--sbb-loading-indicator-window-element-width: 3.46666625rem;
|
|
119
|
-
--sbb-loading-indicator-window-element-height: 0.333333125rem;
|
|
120
|
-
--sbb-loading-indicator-window-element-perspective: 6rem;
|
|
121
|
-
--sbb-loading-indicator-window-element-animation-name: loading-container-small;
|
|
122
|
-
--sbb-loading-indicator-window-last-span-width: 0.533333125rem;
|
|
123
|
-
--sbb-loading-indicator-window-last-span-height: 0.333333125rem;
|
|
124
|
-
--sbb-loading-indicator-window-last-span-margin: 0.2rem;
|
|
125
|
-
--sbb-loading-indicator-window-last-span-transform: translate3d(
|
|
126
|
-
-0.1rem,
|
|
127
|
-
0,
|
|
128
|
-
0
|
|
129
|
-
);
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
:host([variant=window][size=l]) {
|
|
133
|
-
--sbb-loading-indicator-window-height: 3rem;
|
|
134
|
-
--sbb-loading-indicator-window-padding-block-start: 1.2rem;
|
|
135
|
-
--sbb-loading-indicator-window-element-width: 5.79980625rem;
|
|
136
|
-
--sbb-loading-indicator-window-element-height: 0.599609375rem;
|
|
137
|
-
--sbb-loading-indicator-window-element-perspective: 8rem;
|
|
138
|
-
--sbb-loading-indicator-window-element-animation-name: loading-container-large;
|
|
139
|
-
--sbb-loading-indicator-window-last-span-width: 1rem;
|
|
140
|
-
--sbb-loading-indicator-window-last-span-height: 0.599609375rem;
|
|
141
|
-
--sbb-loading-indicator-window-last-span-margin: 0.2rem;
|
|
142
|
-
}
|
|
143
|
-
|
|
144
|
-
:host([variant=window]) span {
|
|
70
|
+
span {
|
|
145
71
|
display: inline-block;
|
|
146
72
|
}
|
|
147
73
|
|
|
148
|
-
|
|
74
|
+
.sbb-loading-indicator {
|
|
149
75
|
display: flex;
|
|
150
76
|
height: var(--sbb-loading-indicator-window-height);
|
|
151
|
-
|
|
77
|
+
align-items: center;
|
|
78
|
+
}
|
|
79
|
+
.sbb-loading-indicator::before {
|
|
80
|
+
content: "";
|
|
81
|
+
user-select: none;
|
|
82
|
+
width: 0;
|
|
83
|
+
height: 0;
|
|
152
84
|
}
|
|
153
85
|
|
|
154
|
-
|
|
86
|
+
.sbb-loading-indicator__animated-element {
|
|
87
|
+
position: relative;
|
|
88
|
+
justify-content: center;
|
|
89
|
+
display: flex;
|
|
155
90
|
margin: 0 auto;
|
|
156
91
|
transform-origin: center;
|
|
157
|
-
|
|
92
|
+
translate: 25%;
|
|
158
93
|
backface-visibility: hidden;
|
|
159
|
-
transform-style: preserve-3d;
|
|
160
94
|
width: var(--sbb-loading-indicator-window-element-width);
|
|
161
|
-
|
|
162
|
-
perspective: var(--sbb-loading-indicator-window-element-perspective);
|
|
95
|
+
perspective: var(--sbb-loading-indicator-window-height);
|
|
163
96
|
}
|
|
164
97
|
|
|
165
|
-
|
|
98
|
+
.sbb-loading-indicator__animated-element > span {
|
|
166
99
|
position: relative;
|
|
167
|
-
|
|
168
|
-
transform-origin:
|
|
100
|
+
align-self: center;
|
|
101
|
+
transform-origin: left;
|
|
102
|
+
rotate: y var(--sbb-loading-indicator-window-element-rotation);
|
|
169
103
|
backface-visibility: hidden;
|
|
170
104
|
}
|
|
171
105
|
|
|
172
|
-
|
|
106
|
+
.sbb-loading-indicator__animated-element > span > span {
|
|
173
107
|
position: relative;
|
|
174
108
|
display: flex;
|
|
175
|
-
animation
|
|
176
|
-
animation-timing-function: linear;
|
|
177
|
-
animation-iteration-count: infinite;
|
|
178
|
-
animation-duration: var(--sbb-loading-indicator-duration);
|
|
109
|
+
animation: loading-container var(--sbb-loading-indicator-duration) linear infinite;
|
|
179
110
|
}
|
|
180
111
|
|
|
181
|
-
|
|
112
|
+
.sbb-loading-indicator__animated-element > span > span > span {
|
|
182
113
|
background: var(--sbb-loading-indicator-color);
|
|
183
114
|
backface-visibility: hidden;
|
|
184
|
-
outline: var(--sbb-border-width-1x) solid
|
|
185
|
-
width: var(--
|
|
186
|
-
height: var(--sbb-loading-indicator-window-
|
|
187
|
-
margin-
|
|
188
|
-
transform: var(--sbb-loading-indicator-window-last-span-transform);
|
|
115
|
+
outline: var(--sbb-border-width-1x) solid transparent;
|
|
116
|
+
width: var(--_sbb-loading-indicator-window-first-span-width);
|
|
117
|
+
height: var(--sbb-loading-indicator-window-height);
|
|
118
|
+
margin-inline-end: var(--_sbb-loading-indicator-window-unit);
|
|
189
119
|
}
|
|
190
|
-
|
|
120
|
+
.sbb-loading-indicator__animated-element > span > span > span:nth-child(1) {
|
|
191
121
|
animation: loading-rectangle1 var(--sbb-loading-indicator-duration) linear infinite;
|
|
192
122
|
}
|
|
193
|
-
|
|
123
|
+
.sbb-loading-indicator__animated-element > span > span > span:nth-child(2) {
|
|
194
124
|
animation: loading-rectangle2 var(--sbb-loading-indicator-duration) linear infinite;
|
|
195
125
|
}
|
|
196
|
-
|
|
126
|
+
.sbb-loading-indicator__animated-element > span > span > span:nth-child(3) {
|
|
197
127
|
animation: loading-rectangle3 var(--sbb-loading-indicator-duration) linear infinite;
|
|
198
128
|
}
|
|
199
|
-
|
|
129
|
+
.sbb-loading-indicator__animated-element > span > span > span:nth-child(4) {
|
|
200
130
|
animation: loading-rectangle4 var(--sbb-loading-indicator-duration) linear infinite;
|
|
201
131
|
}
|
|
202
|
-
|
|
132
|
+
.sbb-loading-indicator__animated-element > span > span > span:nth-child(5) {
|
|
203
133
|
animation: loading-rectangle5 var(--sbb-loading-indicator-duration) linear infinite;
|
|
204
134
|
}
|
|
205
|
-
|
|
206
|
-
margin-
|
|
135
|
+
.sbb-loading-indicator__animated-element > span > span > span:last-child {
|
|
136
|
+
margin-inline-end: 0;
|
|
207
137
|
}
|
|
208
138
|
|
|
209
|
-
@keyframes loading-container
|
|
210
|
-
0% {
|
|
211
|
-
transform: translateX(0.73333em);
|
|
212
|
-
}
|
|
213
|
-
100% {
|
|
214
|
-
transform: translateX(0);
|
|
215
|
-
}
|
|
216
|
-
}
|
|
217
|
-
@keyframes loading-container-large {
|
|
139
|
+
@keyframes loading-container {
|
|
218
140
|
0% {
|
|
219
|
-
|
|
141
|
+
translate: var(--_sbb-loading-indicator-window-element-animation-speed);
|
|
220
142
|
}
|
|
221
143
|
100% {
|
|
222
|
-
|
|
144
|
+
translate: 0;
|
|
223
145
|
}
|
|
224
146
|
}
|
|
225
147
|
@keyframes loading-rectangle1 {
|
|
@@ -261,17 +183,9 @@ const style = css`*,
|
|
|
261
183
|
100% {
|
|
262
184
|
opacity: 0.25;
|
|
263
185
|
}
|
|
264
|
-
}
|
|
265
|
-
@keyframes rotation {
|
|
266
|
-
from {
|
|
267
|
-
transform: rotate(0deg);
|
|
268
|
-
}
|
|
269
|
-
to {
|
|
270
|
-
transform: rotate(359deg);
|
|
271
|
-
}
|
|
272
186
|
}`;
|
|
273
187
|
let SbbLoadingIndicatorElement = (() => {
|
|
274
|
-
var
|
|
188
|
+
var _size_accessor_storage, _color_accessor_storage, _a;
|
|
275
189
|
let _classDecorators = [customElement("sbb-loading-indicator"), hostAttributes({
|
|
276
190
|
role: "progressbar",
|
|
277
191
|
"aria-busy": "true"
|
|
@@ -280,9 +194,6 @@ let SbbLoadingIndicatorElement = (() => {
|
|
|
280
194
|
let _classExtraInitializers = [];
|
|
281
195
|
let _classThis;
|
|
282
196
|
let _classSuper = LitElement;
|
|
283
|
-
let _variant_decorators;
|
|
284
|
-
let _variant_initializers = [];
|
|
285
|
-
let _variant_extraInitializers = [];
|
|
286
197
|
let _size_decorators;
|
|
287
198
|
let _size_initializers = [];
|
|
288
199
|
let _size_extraInitializers = [];
|
|
@@ -292,18 +203,10 @@ let SbbLoadingIndicatorElement = (() => {
|
|
|
292
203
|
_a = class extends _classSuper {
|
|
293
204
|
constructor() {
|
|
294
205
|
super(...arguments);
|
|
295
|
-
__privateAdd(this,
|
|
296
|
-
__privateAdd(this, _size_accessor_storage, (__runInitializers(this, _variant_extraInitializers), __runInitializers(this, _size_initializers, "s")));
|
|
206
|
+
__privateAdd(this, _size_accessor_storage, __runInitializers(this, _size_initializers, "s"));
|
|
297
207
|
__privateAdd(this, _color_accessor_storage, (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _color_initializers, "default")));
|
|
298
208
|
__runInitializers(this, _color_extraInitializers);
|
|
299
209
|
}
|
|
300
|
-
/** Variant of the loading indicator; `circle` is meant to be used inline, while `window` as overlay. */
|
|
301
|
-
get variant() {
|
|
302
|
-
return __privateGet(this, _variant_accessor_storage);
|
|
303
|
-
}
|
|
304
|
-
set variant(value) {
|
|
305
|
-
__privateSet(this, _variant_accessor_storage, value);
|
|
306
|
-
}
|
|
307
210
|
/** Size variant, either s or m. */
|
|
308
211
|
get size() {
|
|
309
212
|
return __privateGet(this, _size_accessor_storage);
|
|
@@ -322,27 +225,23 @@ let SbbLoadingIndicatorElement = (() => {
|
|
|
322
225
|
return html`
|
|
323
226
|
<span class="sbb-loading-indicator">
|
|
324
227
|
<span class="sbb-loading-indicator__animated-element">
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
228
|
+
<span>
|
|
229
|
+
<span>
|
|
230
|
+
<span></span>
|
|
231
|
+
<span></span>
|
|
232
|
+
<span></span>
|
|
233
|
+
<span></span>
|
|
234
|
+
<span></span>
|
|
235
|
+
</span>
|
|
236
|
+
</span>
|
|
334
237
|
</span>
|
|
335
238
|
</span>
|
|
336
239
|
`;
|
|
337
240
|
}
|
|
338
|
-
},
|
|
241
|
+
}, _size_accessor_storage = new WeakMap(), _color_accessor_storage = new WeakMap(), _classThis = _a, (() => {
|
|
339
242
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
340
|
-
_variant_decorators = [property({ reflect: true })];
|
|
341
243
|
_size_decorators = [property({ reflect: true })];
|
|
342
244
|
_color_decorators = [property({ reflect: true })];
|
|
343
|
-
__esDecorate(_a, null, _variant_decorators, { kind: "accessor", name: "variant", static: false, private: false, access: { has: (obj) => "variant" in obj, get: (obj) => obj.variant, set: (obj, value) => {
|
|
344
|
-
obj.variant = value;
|
|
345
|
-
} }, metadata: _metadata }, _variant_initializers, _variant_extraInitializers);
|
|
346
245
|
__esDecorate(_a, null, _size_decorators, { kind: "accessor", name: "size", static: false, private: false, access: { has: (obj) => "size" in obj, get: (obj) => obj.size, set: (obj, value) => {
|
|
347
246
|
obj.size = value;
|
|
348
247
|
} }, metadata: _metadata }, _size_initializers, _size_extraInitializers);
|
|
@@ -358,4 +257,4 @@ let SbbLoadingIndicatorElement = (() => {
|
|
|
358
257
|
export {
|
|
359
258
|
SbbLoadingIndicatorElement
|
|
360
259
|
};
|
|
361
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
260
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1pbmRpY2F0b3IuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9sb2FkaW5nLWluZGljYXRvci9sb2FkaW5nLWluZGljYXRvci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgeyBob3N0QXR0cmlidXRlcyB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2xvYWRpbmctaW5kaWNhdG9yLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBsb2FkaW5nIGluZGljYXRvci5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWxvYWRpbmctaW5kaWNhdG9yJylcbkBob3N0QXR0cmlidXRlcyh7XG4gIHJvbGU6ICdwcm9ncmVzc2JhcicsXG4gICdhcmlhLWJ1c3knOiAndHJ1ZScsXG59KVxuY2xhc3MgU2JiTG9hZGluZ0luZGljYXRvckVsZW1lbnQgZXh0ZW5kcyBMaXRFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIFNpemUgdmFyaWFudCwgZWl0aGVyIHMgb3IgbS4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3Igc2l6ZTogJ3MnIHwgJ2wnIHwgJ3hsJyB8ICd4eGwnIHwgJ3h4eGwnID0gJ3MnO1xuXG4gIC8qKiBDb2xvciB2YXJpYW50LiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBjb2xvcjogJ2RlZmF1bHQnIHwgJ3Ntb2tlJyB8ICd3aGl0ZScgPSAnZGVmYXVsdCc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1sb2FkaW5nLWluZGljYXRvclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1sb2FkaW5nLWluZGljYXRvcl9fYW5pbWF0ZWQtZWxlbWVudFwiPlxuICAgICAgICAgIDxzcGFuPlxuICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgIDxzcGFuPjwvc3Bhbj5cbiAgICAgICAgICAgICAgPHNwYW4+PC9zcGFuPlxuICAgICAgICAgICAgICA8c3Bhbj48L3NwYW4+XG4gICAgICAgICAgICAgIDxzcGFuPjwvc3Bhbj5cbiAgICAgICAgICAgICAgPHNwYW4+PC9zcGFuPlxuICAgICAgICAgICAgPC9zcGFuPlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1sb2FkaW5nLWluZGljYXRvcic6IFNiYkxvYWRpbmdJbmRpY2F0b3JFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBaUJNLDhCQUEwQixNQUFBOztBQUwvQixNQUFBLG1CQUFBLENBQUEsY0FBYyx1QkFBdUIsR0FDckMsZUFBZTtBQUFBLElBQ2QsTUFBTTtBQUFBLElBQ04sYUFBYTtBQUFBLEVBQUEsQ0FDZCxDQUFDOzs7O29CQUN1Qzs7Ozs7OztBQUFSLEVBQUEsbUJBQVEsWUFBVTtBQUFBOztBQUlwQixpREFBQSxrQkFBQSxNQUFBLG9CQUEwRCxHQUFHO0FBRzdELG1EQUFBLGtCQUFBLE1BQUEsdUJBQUEsR0FBQSxrQkFBQSxNQUFBLHFCQUF1RCxTQUFTOzs7O0lBSGhFLElBQWdCLE9BQThDO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUE5RCxJQUFnQixLQUE4QyxPQUFBO0FBQUEseUJBQUEsd0JBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUc5RCxJQUFnQixRQUFpRDtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBakUsSUFBZ0IsTUFBaUQsT0FBQTtBQUFBLHlCQUFBLHlCQUFBO0FBQUEsSUFBQTtBQUFBLElBRTNFLFNBQU07QUFDaEIsYUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUEsS0FOb0Isd0NBR0E7O0FBSDVCLHVCQUFBLENBQUEsU0FBUyxFQUFFLFNBQVMsS0FBTSxDQUFBLENBQUM7QUFHM0Isd0JBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFNLENBQUEsQ0FBQztBQUhpQixpQkFBQSxJQUFBLE1BQUEsa0JBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxRQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFVBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLE1BQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsT0FBOEM7QUFBQSxTQUFBLFVBQUEsYUFBQSxvQkFBQSx1QkFBQTtBQUc5QyxpQkFBQSxJQUFBLE1BQUEsbUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxTQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFdBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLE9BQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsUUFBaUQ7QUFBQSxTQUFBLFVBQUEsYUFBQSxxQkFBQSx3QkFBQTtBQVBoRyxpQkEwQkMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQXpCd0IsR0FBTSxTQUFtQixPQUQ1QyxrQkFBMEIsWUFBQSx1QkFBQSxHQUFDOzs7In0=
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"map-container.d.ts","sourceRoot":"","sources":["../../../../src/elements/map-container/map-container.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAShD,OAAO,
|
|
1
|
+
{"version":3,"file":"map-container.d.ts","sourceRoot":"","sources":["../../../../src/elements/map-container/map-container.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAShD,OAAO,4BAA4B,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,qBAEM,sBAAuB,SAAQ,UAAU;IAC7C,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,2EAA2E;IAC3E,SAEgB,kBAAkB,EAAE,OAAO,CAAS;IAE3C,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAS;IAEzD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,SAAS,CAGd;cAEgB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,OAAO,CAAC,YAAY;IAIpB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAI5B;;;;OAIG;IACH,OAAO,CAAC,kCAAkC;cAQvB,MAAM,IAAI,cAAc;CA2B5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
|
|
@@ -12,7 +12,7 @@ import { customElement, property, state } from "lit/decorators.js";
|
|
|
12
12
|
import { SbbLanguageController } from "./core/controllers.js";
|
|
13
13
|
import { forceType } from "./core/decorators.js";
|
|
14
14
|
import { i18nMapContainerButtonLabel } from "./core/i18n.js";
|
|
15
|
-
import "./button/
|
|
15
|
+
import "./button/accent-button.js";
|
|
16
16
|
const style = css`*,
|
|
17
17
|
::before,
|
|
18
18
|
::after {
|
|
@@ -27,7 +27,7 @@ const style = css`*,
|
|
|
27
27
|
--sbb-map-container-sidebar-background-color: var(--sbb-color-white);
|
|
28
28
|
--sbb-map-container-border-radius: var(--sbb-border-radius-4x);
|
|
29
29
|
--sbb-map-container-animation-duration: var(
|
|
30
|
-
--sbb-disable-animation-
|
|
30
|
+
--sbb-disable-animation-duration,
|
|
31
31
|
var(--sbb-animation-duration-4x)
|
|
32
32
|
);
|
|
33
33
|
--sbb-map-container-map-height: calc(
|
|
@@ -248,7 +248,7 @@ let SbbMapContainerElement = (() => {
|
|
|
248
248
|
|
|
249
249
|
<slot></slot>
|
|
250
250
|
|
|
251
|
-
${!this.hideScrollUpButton ? html`<sbb-
|
|
251
|
+
${!this.hideScrollUpButton ? html`<sbb-accent-button
|
|
252
252
|
class="sbb-map-container__sidebar-button"
|
|
253
253
|
size="l"
|
|
254
254
|
icon-name="location-pin-map-small"
|
|
@@ -257,7 +257,7 @@ let SbbMapContainerElement = (() => {
|
|
|
257
257
|
?inert=${!this._scrollUpButtonVisible}
|
|
258
258
|
>
|
|
259
259
|
${i18nMapContainerButtonLabel[this._language.current]}
|
|
260
|
-
</sbb-
|
|
260
|
+
</sbb-accent-button>` : nothing}
|
|
261
261
|
</div>
|
|
262
262
|
</div>
|
|
263
263
|
`;
|
|
@@ -281,4 +281,4 @@ let SbbMapContainerElement = (() => {
|
|
|
281
281
|
export {
|
|
282
282
|
SbbMapContainerElement
|
|
283
283
|
};
|
|
284
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
284
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL21hcC1jb250YWluZXIvbWFwLWNvbnRhaW5lci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJbnRlcnNlY3Rpb25Db250cm9sbGVyIH0gZnJvbSAnQGxpdC1sYWJzL29ic2VydmVycy9pbnRlcnNlY3Rpb24tY29udHJvbGxlci5qcyc7XG5pbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCwgbm90aGluZyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSwgc3RhdGUgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkxhbmd1YWdlQ29udHJvbGxlciB9IGZyb20gJy4uL2NvcmUvY29udHJvbGxlcnMuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGkxOG5NYXBDb250YWluZXJCdXR0b25MYWJlbCB9IGZyb20gJy4uL2NvcmUvaTE4bi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL21hcC1jb250YWluZXIuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi9idXR0b24vYWNjZW50LWJ1dHRvbi5qcyc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG1hcHMuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgc2lkZWJhci5cbiAqIEBzbG90IG1hcCAtIFVzZWQgZm9yIHNsb3R0aW5nIHRoZSBtYXAuXG4gKiBAY3NzcHJvcCBbLS1zYmItbWFwLWNvbnRhaW5lci1tYXJnaW4tc3RhcnQ9dmFyKC0tc2JiLWhlYWRlci1oZWlnaHQpXSAtIFRoZSBjb21wb25lbnRcbiAqIGNvbWVzIGFsb25nIHdpdGggYSBoZWlnaHQgY2FsY3VsYXRpb24gdGhhdCBzdWJ0cmFjdHMgdGhlIGhlaWdodCBvZiB0aGUgaGVhZGVyLlxuICogRm9yIHNwZWNpZmljIHVzZSBjYXNlcywgdGhpcyB2YXJpYWJsZSBjYW4gYmUgdXNlZCB0byBtb2RpZnkgdGhlIHByZXNldCBoZWlnaHQuXG4gKiBAY3NzcHJvcCBbLS1zYmItbWFwLWNvbnRhaW5lci1zaWRlYmFyLXdpZHRoPXplcm8tbGFyZ2U6NDAwcHg7d2lkZS11bHRyYTo0ODBweF0gLSBDYW4gYmUgdXNlZFxuICogdG8gbW9kaWZ5IHRoZSB3aWR0aCBvZiB0aGUgbGVmdCBzaWRlYmFyLlxuICogQGNzc3Byb3AgWy0tc2JiLW1hcC1jb250YWluZXItbW9iaWxlLXN0aWNreS1ibG9jay1zdGFydD0wXSAtIElmIGUuZy4gYSBoZWFkZXIgd2l0aCBhIGZpeGVkIGhlaWdodFxuICogaXMgcGxhY2VkIGJlZm9yZSB0aGUgbWFwLWNvbnRhaW5lciwgdGhlIG1hcCBzaG91bGQgYmUgc3RpY2t5IHJlc3BlY3RpbmdcbiAqIHRoaXMgb2Zmc2V0IGZyb20gdGhlIGRvY3VtZW50J3MgdG9wLiBPbmx5IGFwcGxpZWQgb24gbW9iaWxlIHZpZXdzLlxuICogTW9zdCBjb21tb25seSBpdCBjYW4gYmUgc2V0IHRvIGB2YXIoLS1zYmItaGVhZGVyLWhlaWdodClgLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItbWFwLWNvbnRhaW5lcicpXG5jbGFzcyBTYmJNYXBDb250YWluZXJFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBGbGFnIHRvIHNob3cvaGlkZSB0aGUgc2Nyb2xsIHVwIGJ1dHRvbiBpbnNpZGUgdGhlIHNpZGViYXIgb24gbW9iaWxlLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaGlkZS1zY3JvbGwtdXAtYnV0dG9uJywgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgaGlkZVNjcm9sbFVwQnV0dG9uOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQHN0YXRlKCkgcHJpdmF0ZSBhY2Nlc3NvciBfc2Nyb2xsVXBCdXR0b25WaXNpYmxlID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9vYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25Db250cm9sbGVyKHRoaXMsIHtcbiAgICB0YXJnZXQ6IG51bGwsXG4gICAgY2FsbGJhY2s6IChlbnRyaWVzKSA9PiB0aGlzLl90b2dnbGVCdXR0b25WaXNpYmlsaXR5T25JbnRlcnNlY3QoZW50cmllcyksXG4gIH0pO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnaGlkZVNjcm9sbFVwQnV0dG9uJykpIHtcbiAgICAgIGNvbnN0IGludGVyc2VjdG9yRWxlbWVudCA9IHRoaXMuX2ludGVyc2VjdG9yKCk7XG5cbiAgICAgIGlmICghdGhpcy5oaWRlU2Nyb2xsVXBCdXR0b24gJiYgaW50ZXJzZWN0b3JFbGVtZW50KSB7XG4gICAgICAgIHRoaXMuX29ic2VydmVyLm9ic2VydmUoaW50ZXJzZWN0b3JFbGVtZW50KTtcbiAgICAgIH0gZWxzZSBpZiAoaW50ZXJzZWN0b3JFbGVtZW50KSB7XG4gICAgICAgIHRoaXMuX29ic2VydmVyLnVub2JzZXJ2ZShpbnRlcnNlY3RvckVsZW1lbnQpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICBpZiAoIXRoaXMuaGlkZVNjcm9sbFVwQnV0dG9uKSB7XG4gICAgICB0aGlzLl9vYnNlcnZlci5vYnNlcnZlKHRoaXMuX2ludGVyc2VjdG9yKCkhKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9pbnRlcnNlY3RvcigpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnNoYWRvd1Jvb3Q/LnF1ZXJ5U2VsZWN0b3IoJyNpbnRlcnNlY3RvcicpID8/IG51bGw7XG4gIH1cblxuICAvKipcbiAgICogQnV0dG9uIGNsaWNrIGNhbGxiYWNrIHRvIHRyaWdnZXIgdGhlIHNjcm9sbCB0byBjb250YWluZXIgdG9wXG4gICAqIEBwcml2YXRlXG4gICAqL1xuICBwcml2YXRlIF9vblNjcm9sbEJ1dHRvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gIH1cblxuICAvKipcbiAgICogSW50ZXJzZWN0aW9uIGNhbGxiYWNrLiBUb2dnbGVzIHRoZSB2aXNpYmlsaXR5LlxuICAgKiBAcGFyYW0gZW50cmllc1xuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSBfdG9nZ2xlQnV0dG9uVmlzaWJpbGl0eU9uSW50ZXJzZWN0KGVudHJpZXM6IEludGVyc2VjdGlvbk9ic2VydmVyRW50cnlbXSk6IHZvaWQge1xuICAgIGVudHJpZXMuZm9yRWFjaCgoZW50cnkpID0+IHtcbiAgICAgIGNvbnN0IG1hcElzSGlkZGVuID0gIWVudHJ5LmlzSW50ZXJzZWN0aW5nO1xuICAgICAgdGhpcy50b2dnbGVBdHRyaWJ1dGUoJ2RhdGEtc2Nyb2xsLXVwLWJ1dHRvbi12aXNpYmxlJywgbWFwSXNIaWRkZW4pO1xuICAgICAgdGhpcy5fc2Nyb2xsVXBCdXR0b25WaXNpYmxlID0gbWFwSXNIaWRkZW47XG4gICAgfSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItbWFwLWNvbnRhaW5lclwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLW1hcC1jb250YWluZXJfX21hcFwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJtYXBcIj48L3Nsb3Q+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLW1hcC1jb250YWluZXJfX3NpZGViYXJcIj5cbiAgICAgICAgICA8c3BhbiBpZD1cImludGVyc2VjdG9yXCI+PC9zcGFuPlxuXG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuXG4gICAgICAgICAgJHshdGhpcy5oaWRlU2Nyb2xsVXBCdXR0b25cbiAgICAgICAgICAgID8gaHRtbGA8c2JiLWFjY2VudC1idXR0b25cbiAgICAgICAgICAgICAgICBjbGFzcz1cInNiYi1tYXAtY29udGFpbmVyX19zaWRlYmFyLWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgc2l6ZT1cImxcIlxuICAgICAgICAgICAgICAgIGljb24tbmFtZT1cImxvY2F0aW9uLXBpbi1tYXAtc21hbGxcIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIEBjbGljaz0keygpID0+IHRoaXMuX29uU2Nyb2xsQnV0dG9uQ2xpY2soKX1cbiAgICAgICAgICAgICAgICA/aW5lcnQ9JHshdGhpcy5fc2Nyb2xsVXBCdXR0b25WaXNpYmxlfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgJHtpMThuTWFwQ29udGFpbmVyQnV0dG9uTGFiZWxbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19XG4gICAgICAgICAgICAgIDwvc2JiLWFjY2VudC1idXR0b24+YFxuICAgICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1tYXAtY29udGFpbmVyJzogU2JiTWFwQ29udGFpbmVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbIl9hIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBOEJNLDBCQUFzQixNQUFBOzswQkFEM0IsY0FBYyxtQkFBbUIsQ0FBQzs7OztvQkFDRTs7Ozs7OztBQUFSLEVBQUEsbUJBQVEsWUFBVTtBQUFBOztBQU03QztBQUVTO0FBRk8seUJBQUEsc0NBQUEsa0JBQUEsTUFBQSxrQ0FBOEIsS0FBSztBQUV6Qix5QkFBQSwyQ0FBQSxrQkFBQSxNQUFBLHFDQUFBLEdBQUEsa0JBQUEsTUFBQSxzQ0FBeUIsS0FBSztBQUVoRCxXQUFBLGlGQUFZLElBQUksc0JBQXNCLElBQUk7QUFDMUMsV0FBQSxZQUFZLElBQUksdUJBQXVCLE1BQU07QUFBQSxRQUNuRCxRQUFRO0FBQUEsUUFDUixVQUFVLENBQUMsWUFBWSxLQUFLLG1DQUFtQyxPQUFPO0FBQUEsTUFBQSxDQUN2RTtBQUFBLElBQUE7QUFBQTtBQUFBLElBUkQsSUFBZ0IscUJBQW9DO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFwRCxJQUFnQixtQkFBb0MsT0FBQTtBQUFBLHlCQUFBLHNDQUFBO0FBQUEsSUFBQTtBQUFBLElBRTNDLElBQWlCLHlCQUErQjtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBaEQsSUFBaUIsdUJBQStCLE9BQUE7QUFBQSx5QkFBQSwwQ0FBQTtBQUFBLElBQUE7QUFBQSxJQVF0QyxXQUFXLG1CQUF1QztBQUNuRSxZQUFNLFdBQVcsaUJBQWlCO0FBRTlCLFVBQUEsa0JBQWtCLElBQUksb0JBQW9CLEdBQUc7QUFDekMsY0FBQSxxQkFBcUIsS0FBSztBQUU1QixZQUFBLENBQUMsS0FBSyxzQkFBc0Isb0JBQW9CO0FBQzdDLGVBQUEsVUFBVSxRQUFRLGtCQUFrQjtBQUFBLG1CQUNoQyxvQkFBb0I7QUFDeEIsZUFBQSxVQUFVLFVBQVUsa0JBQWtCO0FBQUEsUUFBQTtBQUFBLE1BQzdDO0FBQUEsSUFDRjtBQUFBLElBR2lCLGFBQWEsbUJBQXVDO0FBQ3JFLFlBQU0sYUFBYSxpQkFBaUI7QUFDaEMsVUFBQSxDQUFDLEtBQUssb0JBQW9CO0FBQzVCLGFBQUssVUFBVSxRQUFRLEtBQUssYUFBQSxDQUFlO0FBQUEsTUFBQTtBQUFBLElBQzdDO0FBQUEsSUFHTSxlQUFZOztBQUNsQixlQUFPQSxNQUFBLEtBQUssZUFBTCxnQkFBQUEsSUFBaUIsY0FBYyxvQkFBbUI7QUFBQSxJQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQU9uRCx1QkFBb0I7QUFDMUIsV0FBSyxlQUFlLEVBQUUsVUFBVSxTQUFBLENBQVU7QUFBQSxJQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBUXBDLG1DQUFtQyxTQUFvQztBQUNyRSxjQUFBLFFBQVEsQ0FBQyxVQUFTO0FBQ2xCLGNBQUEsY0FBYyxDQUFDLE1BQU07QUFDdEIsYUFBQSxnQkFBZ0IsaUNBQWlDLFdBQVc7QUFDakUsYUFBSyx5QkFBeUI7QUFBQSxNQUFBLENBQy9CO0FBQUEsSUFBQTtBQUFBLElBR2dCLFNBQU07QUFDaEIsYUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLFlBVUMsQ0FBQyxLQUFLLHFCQUNKO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSx5QkFLVyxNQUFNLEtBQUsscUJBQXNCLENBQUE7QUFBQSx5QkFDakMsQ0FBQyxLQUFLLHNCQUFzQjtBQUFBO0FBQUEsa0JBRW5DLDRCQUE0QixLQUFLLFVBQVUsT0FBTyxDQUFDO0FBQUEsc0NBRXZELE9BQU87QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUEsS0E5RW5CLHNEQUVTOztBQUpSLHFDQUFBLENBQUEsYUFDQSxTQUFTLEVBQUUsV0FBVyx5QkFBeUIsU0FBUyxNQUFNLE1BQU0sUUFBUyxDQUFBLENBQUM7QUFHOUUseUNBQUEsQ0FBQSxPQUFPO0FBRlEsaUJBQUEsSUFBQSxNQUFBLGdDQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsc0JBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsd0JBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLG9CQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFBLHFCQUFvQztBQUFBLFNBQUEsVUFBQSxhQUFBLGtDQUFBLHFDQUFBO0FBRTFCLGlCQUFBLElBQUEsTUFBQSxvQ0FBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLDBCQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLDRCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSx3QkFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSx5QkFBK0I7QUFBQSxTQUFBLFVBQUEsYUFBQSxzQ0FBQSx5Q0FBQTtBQVIzRCxpQkF5RkMsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQXhGd0IsR0FBTSxTQUFtQixPQUQ1QyxrQkFBc0IsWUFBQSx1QkFBQSxHQUFDOzs7In0=
|
|
@@ -30,13 +30,13 @@ const style = css`*,
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
@media (any-hover: hover) {
|
|
33
|
-
:host(:hover:not([disabled])) {
|
|
33
|
+
:host(:hover:not([disabled], :disabled, [disabled-interactive])) {
|
|
34
34
|
--sbb-menu-background-color: var(--sbb-color-iron);
|
|
35
35
|
--sbb-menu-action-forced-color-border-color: Highlight;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
:host([disabled]) {
|
|
39
|
+
:host(:is([disabled], :disabled, [disabled-interactive])) {
|
|
40
40
|
--sbb-menu-action-cursor: default;
|
|
41
41
|
--sbb-menu-action-color: var(--sbb-color-graphite);
|
|
42
42
|
--sbb-menu-action-forced-color-border-color: GrayText;
|
|
@@ -44,13 +44,13 @@ const style = css`*,
|
|
|
44
44
|
cursor: default;
|
|
45
45
|
}
|
|
46
46
|
@media (forced-colors: active) {
|
|
47
|
-
:host([disabled]) {
|
|
47
|
+
:host(:is([disabled], :disabled, [disabled-interactive])) {
|
|
48
48
|
--sbb-menu-action-color: GrayText;
|
|
49
49
|
}
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
@media (forced-colors: active) {
|
|
53
|
-
:host([
|
|
53
|
+
:host([data-button]) {
|
|
54
54
|
--sbb-menu-action-color: ButtonText;
|
|
55
55
|
}
|
|
56
56
|
}
|
|
@@ -103,7 +103,7 @@ const style = css`*,
|
|
|
103
103
|
white-space: nowrap;
|
|
104
104
|
text-overflow: ellipsis;
|
|
105
105
|
}
|
|
106
|
-
:host([disabled]) .sbb-menu-action__label {
|
|
106
|
+
:host(:is([disabled], :disabled, [disabled-interactive])) .sbb-menu-action__label {
|
|
107
107
|
text-decoration: line-through;
|
|
108
108
|
}
|
|
109
109
|
|
|
@@ -48,6 +48,9 @@ export declare class SbbMenuElement extends SbbMenuElement_base {
|
|
|
48
48
|
* Closes the menu.
|
|
49
49
|
*/
|
|
50
50
|
close(): void;
|
|
51
|
+
private _isZeroAnimationDuration;
|
|
52
|
+
private _handleOpening;
|
|
53
|
+
private _handleClosing;
|
|
51
54
|
/**
|
|
52
55
|
* Handles click and checks if its target is a sbb-menu-button/sbb-menu-link.
|
|
53
56
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/elements/menu/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../../src/elements/menu/menu/menu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAQ,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAYrE,OAAO,EAAE,uBAAuB,EAAE,MAAM,6BAA6B,CAAC;AAoBtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;;AAkB1D;;;;;;;;;;;GAWG;AACH,qBAEM,cAAe,SAAQ,mBAGH;IACxB,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAwC;IAEvF;;;OAGG;IACH,IACW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,WAAW,GAAG,IAAI,EAIpD;IACD,IAAW,OAAO,IAAI,MAAM,GAAG,WAAW,GAAG,IAAI,CAEhD;IACD,OAAO,CAAC,QAAQ,CAAqC;IAErD;;;OAGG;IACH,SAEgB,sBAAsB,EAAE,MAAM,CAAM;IAEpD,OAAO,CAAC,KAAK,CAAkB;IAC/B,OAAO,CAAC,eAAe,CAA4B;IACnD,OAAO,CAAC,yBAAyB,CAAkB;IACnD,OAAO,CAAC,eAAe,CAAmB;IAC1C,OAAO,CAAC,uBAAuB,CAAmB;IAClD,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,aAAa,CAAyB;IAC9C,OAAO,CAAC,cAAc,CAA0B;IAChD,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,aAAa,CAQlB;IAEH;;OAEG;IACI,IAAI,IAAI,IAAI;IAyBnB;;OAEG;IACI,KAAK,IAAI,IAAI;IAmBpB,OAAO,CAAC,wBAAwB;IAIhC,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IACH,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,cAAc;YAqBR,eAAe;IAY7B,OAAO,CAAC,2BAA2B;IAWnB,iBAAiB,IAAI,IAAI;IAgBzB,oBAAoB,IAAI,IAAI;IAQ5C,OAAO,CAAC,cAAc;IAmBtB,OAAO,CAAC,UAAU;IAsBlB,OAAO,CAAC,mBAAmB;IAwB3B,OAAO,CAAC,+BAA+B;IAQvC,OAAO,CAAC,oBAAoB,CAE1B;IAGF,OAAO,CAAC,qBAAqB,CAI3B;IAMF,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,aAAa;IAOrB,OAAO,CAAC,gBAAgB;cAyBL,MAAM,IAAI,cAAc;CAqB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
|