@sbb-esta/lyne-elements 1.15.1 → 2.0.0
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/README.md +6 -6
- 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-mixin.d.ts +1 -1
- package/core/mixins/form-associated-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 +148 -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/scrollbar.scss +44 -0
- package/core/styles/standard-theme.scss +2 -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 +112 -0
- package/custom-elements.json +25961 -21672
- 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-mixin.d.ts +1 -1
- package/development/core/mixins/form-associated-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 +7 -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 +74 -42
- 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/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 +20 -2
- 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 +14 -5
- 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 +12 -31
- 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 +7 -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 +118 -93
- 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/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 +52 -29
- 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 +20 -2
- 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/scrollbar.css +158 -0
- 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 +396 -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 +232 -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 +80 -74
- 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
|
@@ -10,7 +10,7 @@ import { css, LitElement, nothing } from "lit";
|
|
|
10
10
|
import { customElement, property } from "lit/decorators.js";
|
|
11
11
|
import { html, unsafeStatic } from "lit/static-html.js";
|
|
12
12
|
import { SbbLanguageController } from "../core/controllers.js";
|
|
13
|
-
import { forceType } from "../core/decorators.js";
|
|
13
|
+
import { forceType, omitEmptyConverter } from "../core/decorators.js";
|
|
14
14
|
import { EventEmitter } from "../core/eventing.js";
|
|
15
15
|
import { i18nTrain, i18nWagonsLabel } from "../core/i18n.js";
|
|
16
16
|
import { SbbNamedSlotListMixin } from "../core/mixins.js";
|
|
@@ -23,30 +23,25 @@ const style = css`*,
|
|
|
23
23
|
|
|
24
24
|
:host {
|
|
25
25
|
display: block;
|
|
26
|
-
--sbb-train-direction-spacing: var(--sbb-spacing-fixed-
|
|
27
|
-
--sbb-train-direction-label-padding: var(--sbb-spacing-fixed-1x);
|
|
28
|
-
--sbb-train-direction-station-padding: var(--sbb-spacing-fixed-3x);
|
|
29
|
-
--sbb-train-direction-line-width: var(--sbb-border-width-1x);
|
|
30
|
-
--sbb-train-direction-line-color: var(--sbb-color-smoke);
|
|
31
|
-
--sbb-train-direction-label-color: var(--sbb-color-metal);
|
|
32
|
-
--sbb-train-direction-label-background: var(--sbb-color-white);
|
|
33
|
-
--sbb-train-direction-indicator-end-height: 0.75rem;
|
|
34
|
-
--sbb-train-direction-indicator-arrow-offset-end: 0.5625rem;
|
|
35
|
-
--sbb-train-direction-indicator-arrow-offset-start: calc(
|
|
36
|
-
var(--sbb-train-direction-indicator-arrow-offset-end) * -1
|
|
37
|
-
);
|
|
38
|
-
}
|
|
39
|
-
@media (forced-colors: active) {
|
|
40
|
-
:host {
|
|
41
|
-
--sbb-train-direction-line-color: CanvasText;
|
|
42
|
-
}
|
|
26
|
+
--sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x);
|
|
43
27
|
}
|
|
44
28
|
|
|
45
29
|
.sbb-train {
|
|
30
|
+
--sbb-text-font-size: var(--sbb-font-size-text-xs);
|
|
31
|
+
font-family: var(--sbb-typo-font-family);
|
|
32
|
+
font-weight: normal;
|
|
33
|
+
line-height: var(--sbb-typo-line-height-body-text);
|
|
34
|
+
letter-spacing: var(--sbb-typo-letter-spacing-body-text);
|
|
35
|
+
font-size: var(--sbb-text-font-size);
|
|
46
36
|
display: flex;
|
|
47
37
|
flex-direction: column;
|
|
38
|
+
gap: var(--sbb-train-formation-vertical-gap);
|
|
48
39
|
position: relative;
|
|
49
|
-
|
|
40
|
+
}
|
|
41
|
+
.sbb-train::before {
|
|
42
|
+
content: "";
|
|
43
|
+
display: var(--sbb-train-formation-reserve-spacing-display, none);
|
|
44
|
+
height: max(var(--sbb-size-icon-ui-small), 1em * var(--sbb-typo-line-height-body-text));
|
|
50
45
|
}
|
|
51
46
|
|
|
52
47
|
.sbb-train__wagons {
|
|
@@ -58,93 +53,25 @@ const style = css`*,
|
|
|
58
53
|
gap: var(--sbb-train-formation-wagon-gap);
|
|
59
54
|
}
|
|
60
55
|
|
|
61
|
-
.sbb-train__direction {
|
|
62
|
-
--sbb-text-font-size: var(--sbb-font-size-text-s);
|
|
63
|
-
font-family: var(--sbb-typo-font-family);
|
|
64
|
-
font-weight: normal;
|
|
65
|
-
line-height: var(--sbb-typo-line-height-body-text);
|
|
66
|
-
letter-spacing: var(--sbb-typo-letter-spacing-body-text);
|
|
67
|
-
font-size: var(--sbb-text-font-size);
|
|
68
|
-
padding-block-start: var(--sbb-train-direction-spacing);
|
|
69
|
-
margin-block: auto var(--sbb-train-direction-spacing);
|
|
70
|
-
display: flex;
|
|
71
|
-
position: relative;
|
|
72
|
-
width: 100%;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
56
|
.sbb-train__direction-heading {
|
|
76
|
-
z-index: 1;
|
|
77
57
|
display: flex;
|
|
78
|
-
position: sticky;
|
|
79
|
-
inset: auto 0;
|
|
80
|
-
flex-direction: column;
|
|
81
|
-
width: 100%;
|
|
82
|
-
max-width: var(--sbb-train-direction-width);
|
|
83
|
-
margin: 0;
|
|
84
|
-
color: var(--sbb-train-direction-label-color);
|
|
85
|
-
font-size: inherit;
|
|
86
|
-
font-weight: inherit;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
.sbb-train__direction-indicator {
|
|
90
|
-
z-index: 0;
|
|
91
58
|
position: absolute;
|
|
92
|
-
|
|
93
|
-
inset-inline: 0;
|
|
94
|
-
height: var(--sbb-train-direction-line-width);
|
|
95
|
-
background-color: var(--sbb-train-direction-line-color);
|
|
96
|
-
}
|
|
97
|
-
|
|
98
|
-
.sbb-train__direction-arrow {
|
|
99
|
-
color: var(--sbb-train-direction-line-color);
|
|
100
|
-
}
|
|
101
|
-
:host([direction=right]) .sbb-train__direction-arrow {
|
|
102
|
-
transform: translateX(var(--sbb-train-direction-indicator-arrow-offset-end));
|
|
103
|
-
order: 1;
|
|
104
|
-
}
|
|
105
|
-
:host([direction=left]) .sbb-train__direction-arrow {
|
|
106
|
-
transform: translateX(var(--sbb-train-direction-indicator-arrow-offset-start));
|
|
59
|
+
width: 100%;
|
|
107
60
|
}
|
|
108
61
|
|
|
109
|
-
.sbb-
|
|
62
|
+
.sbb-train__direction-sticky-wrapper {
|
|
110
63
|
position: sticky;
|
|
111
|
-
inset:
|
|
112
|
-
|
|
113
|
-
max-width: var(--sbb-train-direction-width);
|
|
114
|
-
height: var(--sbb-train-direction-line-width);
|
|
115
|
-
display: flex;
|
|
64
|
+
inset-inline-start: 0;
|
|
65
|
+
display: inline-flex;
|
|
116
66
|
align-items: center;
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
.sbb-train__sticky-wrapper::after {
|
|
120
|
-
content: "";
|
|
121
|
-
width: var(--sbb-train-direction-line-width);
|
|
122
|
-
height: var(--sbb-train-direction-indicator-end-height);
|
|
123
|
-
background-color: var(--sbb-train-direction-line-color);
|
|
124
|
-
display: block;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
.sbb-train__direction-label,
|
|
128
|
-
.sbb-train__direction-station {
|
|
129
|
-
margin: 0 auto;
|
|
67
|
+
gap: var(--sbb-train-direction-label-spacing);
|
|
68
|
+
max-width: 100%;
|
|
130
69
|
}
|
|
131
70
|
|
|
132
71
|
.sbb-train__direction-label {
|
|
133
|
-
padding: 0 var(--sbb-train-direction-label-padding);
|
|
134
|
-
background-color: var(--sbb-train-direction-label-background);
|
|
135
|
-
}
|
|
136
|
-
|
|
137
|
-
.sbb-train__direction-station {
|
|
138
|
-
--sbb-text-font-size: var(--sbb-font-size-text-xxs);
|
|
139
|
-
font-family: var(--sbb-typo-font-family);
|
|
140
|
-
font-weight: normal;
|
|
141
|
-
line-height: var(--sbb-typo-line-height-body-text);
|
|
142
|
-
letter-spacing: var(--sbb-typo-letter-spacing-body-text);
|
|
143
|
-
font-size: var(--sbb-text-font-size);
|
|
144
|
-
max-width: 100%;
|
|
145
|
-
text-overflow: ellipsis;
|
|
146
72
|
overflow: hidden;
|
|
147
|
-
|
|
73
|
+
white-space: nowrap;
|
|
74
|
+
text-overflow: ellipsis;
|
|
148
75
|
}
|
|
149
76
|
|
|
150
77
|
.sbb-train__direction-label-sr {
|
|
@@ -264,31 +191,27 @@ let SbbTrainElement = (() => {
|
|
|
264
191
|
<${unsafeStatic(TITLE_TAG_NAME)} class="sbb-train__direction-label-sr">
|
|
265
192
|
${this._getDirectionAriaLabel()}
|
|
266
193
|
</${unsafeStatic(TITLE_TAG_NAME)}>
|
|
194
|
+
${this.directionLabel ? html`<div class="sbb-train__direction-heading" aria-hidden="true">
|
|
195
|
+
<span class="sbb-train__direction-sticky-wrapper">
|
|
196
|
+
${this.direction === "left" ? html`<sbb-icon name="chevron-small-left-small"></sbb-icon>` : nothing}
|
|
197
|
+
|
|
198
|
+
<span class="sbb-train__direction-label">
|
|
199
|
+
${this.directionLabel} ${this.station}
|
|
200
|
+
</span>
|
|
201
|
+
|
|
202
|
+
${this.direction === "right" ? html`<sbb-icon name="chevron-small-right-small"></sbb-icon>` : nothing}
|
|
203
|
+
</span>
|
|
204
|
+
</div>` : nothing}
|
|
267
205
|
${this.renderList({
|
|
268
206
|
class: "sbb-train__wagons",
|
|
269
207
|
ariaLabel: i18nWagonsLabel[this._language.current]
|
|
270
208
|
})}
|
|
271
|
-
|
|
272
|
-
${this.directionLabel ? html`<div class="sbb-train__direction" aria-hidden="true">
|
|
273
|
-
<div class="sbb-train__direction-heading">
|
|
274
|
-
<span class="sbb-train__direction-label">${this.directionLabel}</span>
|
|
275
|
-
${this.station ? html`<span class="sbb-train__direction-station">${this.station}</span>` : nothing}
|
|
276
|
-
</div>
|
|
277
|
-
<div class="sbb-train__direction-indicator">
|
|
278
|
-
<div class="sbb-train__sticky-wrapper">
|
|
279
|
-
<sbb-icon
|
|
280
|
-
class="sbb-train__direction-arrow"
|
|
281
|
-
name=${this.direction === "left" ? "chevron-small-left-small" : "chevron-small-right-small"}
|
|
282
|
-
></sbb-icon>
|
|
283
|
-
</div>
|
|
284
|
-
</div>
|
|
285
|
-
</div>` : nothing}
|
|
286
209
|
</div>
|
|
287
210
|
`;
|
|
288
211
|
}
|
|
289
212
|
}, _directionLabel_accessor_storage = new WeakMap(), _directionLabelLevel_accessor_storage = new WeakMap(), _station_accessor_storage = new WeakMap(), _accessibilityLabel_accessor_storage = new WeakMap(), _direction_accessor_storage = new WeakMap(), _classThis = _a, (() => {
|
|
290
213
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
291
|
-
_directionLabel_decorators = [forceType(), property({ attribute: "direction-label" })];
|
|
214
|
+
_directionLabel_decorators = [forceType(), property({ attribute: "direction-label", reflect: true, converter: omitEmptyConverter })];
|
|
292
215
|
_directionLabelLevel_decorators = [property({ attribute: "direction-label-level" })];
|
|
293
216
|
_station_decorators = [forceType(), property()];
|
|
294
217
|
_accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
|
|
@@ -319,4 +242,4 @@ let SbbTrainElement = (() => {
|
|
|
319
242
|
export {
|
|
320
243
|
SbbTrainElement
|
|
321
244
|
};
|
|
322
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90cmFpbi90cmFpbi90cmFpbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBMaXRFbGVtZW50LFxuICBub3RoaW5nLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBFdmVudEVtaXR0ZXIgfSBmcm9tICcuLi8uLi9jb3JlL2V2ZW50aW5nLmpzJztcbmltcG9ydCB7IGkxOG5UcmFpbiwgaTE4bldhZ29uc0xhYmVsIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB7IFNiYk5hbWVkU2xvdExpc3RNaXhpbiwgdHlwZSBXaXRoTGlzdENoaWxkcmVuIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUaXRsZUxldmVsIH0gZnJvbSAnLi4vLi4vdGl0bGUuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudCB9IGZyb20gJy4uL3RyYWluLWJsb2NrZWQtcGFzc2FnZS5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluV2Fnb25FbGVtZW50IH0gZnJvbSAnLi4vdHJhaW4td2Fnb24uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90cmFpbi5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL2ljb24uanMnO1xuXG4vKipcbiAqIEl0IGNhbiBiZSB1c2VkIGFzIGEgY29udGFpbmVyIGZvciBgc2JiLXRyYWluLXdhZ29uYCBvciBgc2JiLXRyYWluLWJsb2NrZWQtcGFzc2FnZWAgY29tcG9uZW50cy5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCAnc2JiLXRyYWluLXdhZ29uJyBlbGVtZW50cyB0byB0aGUgYHNiYi10cmFpbmAuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi10cmFpbicpXG5jbGFzcyBTYmJUcmFpbkVsZW1lbnQgZXh0ZW5kcyBTYmJOYW1lZFNsb3RMaXN0TWl4aW48XG4gIFNiYlRyYWluV2Fnb25FbGVtZW50IHwgU2JiVHJhaW5CbG9ja2VkUGFzc2FnZUVsZW1lbnQsXG4gIHR5cGVvZiBMaXRFbGVtZW50XG4+KExpdEVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIHRyYWluU2xvdENoYW5nZTogJ3RyYWluU2xvdENoYW5nZScsXG4gIH0gYXMgY29uc3Q7XG4gIHByb3RlY3RlZCBvdmVycmlkZSByZWFkb25seSBsaXN0Q2hpbGRMb2NhbE5hbWVzID0gW1xuICAgICdzYmItdHJhaW4td2Fnb24nLFxuICAgICdzYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlJyxcbiAgXTtcblxuICAvKiogR2VuZXJhbCBsYWJlbCBmb3IgXCJkcml2aW5nIGRpcmVjdGlvblwiLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnZGlyZWN0aW9uLWxhYmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZGlyZWN0aW9uTGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBIZWFkaW5nIGxldmVsIG9mIHRoZSBkaXJlY3Rpb24gbGFiZWwsIHVzZWQgZm9yIHNjcmVlbiByZWFkZXJzLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdkaXJlY3Rpb24tbGFiZWwtbGV2ZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBkaXJlY3Rpb25MYWJlbExldmVsOiBTYmJUaXRsZUxldmVsID0gJzYnO1xuXG4gIC8qKiBMYWJlbCBmb3IgdGhlIGRlc3RpbmF0aW9uIHN0YXRpb24gb2YgdGhlIHRyYWluLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIHN0YXRpb246IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBBY2Nlc3NpYmlsaXR5IGxhYmVsIGZvciBhZGRpdGlvbmFsIGluZm9ybWF0aW9uIHJlZ2FyZGluZyB0aGUgbGVhdmluZyBkaXJlY3Rpb24gb2YgdGhlIHRyYWluLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIENvbnRyb2xzIHRoZSBkaXJlY3Rpb24gaW5kaWNhdG9yIHRvIHNob3cgdGhlIGFycm93IGxlZnQgb3IgcmlnaHQuIERlZmF1bHQgaXMgbGVmdC4gICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIGRpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBFbWl0cyB3aGVuZXZlciB0aGUgdHJhaW4gc2xvdCBjaGFuZ2VzLlxuICAgKi9cbiAgcHJpdmF0ZSBfdHJhaW5TbG90Q2hhbmdlOiBFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiVHJhaW5FbGVtZW50LmV2ZW50cy50cmFpblNsb3RDaGFuZ2UsXG4gICAge1xuICAgICAgYnViYmxlczogdHJ1ZSxcbiAgICAgIGNhbmNlbGFibGU6IHRydWUsXG4gICAgfSxcbiAgKTtcblxuICAvKipcbiAgICogQ3JlYXRlIHRoZSBhcmlhLWxhYmVsIHRleHQgb3V0IG9mIHRoZSBkaXJlY3Rpb24gbGFiZWwsIHN0YXRpb24gYW5kIHRoZSBhY2Nlc3NpYmlsaXR5IGxhYmVsLlxuICAgKi9cbiAgcHJpdmF0ZSBfZ2V0RGlyZWN0aW9uQXJpYUxhYmVsKCk6IHN0cmluZyB7XG4gICAgY29uc3QgdGV4dFBhcnRzOiBzdHJpbmdbXSA9IFtpMThuVHJhaW5bdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF1dO1xuXG4gICAgaWYgKHRoaXMuZGlyZWN0aW9uTGFiZWwgJiYgdGhpcy5zdGF0aW9uKSB7XG4gICAgICB0ZXh0UGFydHMucHVzaChgJHt0aGlzLmRpcmVjdGlvbkxhYmVsfSAke3RoaXMuc3RhdGlvbn1gKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwpIHtcbiAgICAgIHRleHRQYXJ0cy5wdXNoKHRoaXMuYWNjZXNzaWJpbGl0eUxhYmVsKTtcbiAgICB9XG5cbiAgICByZXR1cm4gYCR7dGV4dFBhcnRzLmpvaW4oJywgJyl9LmA7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpKSB7XG4gICAgICB0aGlzLl90cmFpblNsb3RDaGFuZ2UuZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IFRJVExFX1RBR19OQU1FID0gYGgke3RoaXMuZGlyZWN0aW9uTGFiZWxMZXZlbH1gO1xuXG4gICAgLyogZXNsaW50LWRpc2FibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXRyYWluXCI+XG4gICAgICAgIDwke3Vuc2FmZVN0YXRpYyhUSVRMRV9UQUdfTkFNRSl9IGNsYXNzPVwic2JiLXRyYWluX19kaXJlY3Rpb24tbGFiZWwtc3JcIj5cbiAgICAgICAgICAke3RoaXMuX2dldERpcmVjdGlvbkFyaWFMYWJlbCgpfVxuICAgICAgICA8LyR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0+XG4gICAgICAgICR7dGhpcy5yZW5kZXJMaXN0KHtcbiAgICAgICAgICBjbGFzczogJ3NiYi10cmFpbl9fd2Fnb25zJyxcbiAgICAgICAgICBhcmlhTGFiZWw6IGkxOG5XYWdvbnNMYWJlbFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XSxcbiAgICAgICAgfSl9XG5cbiAgICAgICAgJHtcbiAgICAgICAgICB0aGlzLmRpcmVjdGlvbkxhYmVsXG4gICAgICAgICAgICA/IGh0bWxgPGRpdiBjbGFzcz1cInNiYi10cmFpbl9fZGlyZWN0aW9uXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10cmFpbl9fZGlyZWN0aW9uLWhlYWRpbmdcIj5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluX19kaXJlY3Rpb24tbGFiZWxcIj4ke3RoaXMuZGlyZWN0aW9uTGFiZWx9PC9zcGFuPlxuICAgICAgICAgICAgICAgICAgJHt0aGlzLnN0YXRpb25cbiAgICAgICAgICAgICAgICAgICAgPyBodG1sYDxzcGFuIGNsYXNzPVwic2JiLXRyYWluX19kaXJlY3Rpb24tc3RhdGlvblwiPiR7dGhpcy5zdGF0aW9ufTwvc3Bhbj5gXG4gICAgICAgICAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRyYWluX19kaXJlY3Rpb24taW5kaWNhdG9yXCI+XG4gICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRyYWluX19zdGlja3ktd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgICAgICA8c2JiLWljb25cbiAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInNiYi10cmFpbl9fZGlyZWN0aW9uLWFycm93XCJcbiAgICAgICAgICAgICAgICAgICAgICBuYW1lPSR7dGhpcy5kaXJlY3Rpb24gPT09ICdsZWZ0J1xuICAgICAgICAgICAgICAgICAgICAgICAgPyAnY2hldnJvbi1zbWFsbC1sZWZ0LXNtYWxsJ1xuICAgICAgICAgICAgICAgICAgICAgICAgOiAnY2hldnJvbi1zbWFsbC1yaWdodC1zbWFsbCd9XG4gICAgICAgICAgICAgICAgICAgID48L3NiYi1pY29uPlxuICAgICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICAgIDwvZGl2PmBcbiAgICAgICAgICAgIDogbm90aGluZ1xuICAgICAgICB9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdHJhaW4nOiBTYmJUcmFpbkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJTYmJUcmFpbkVsZW1lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7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
|
|
245
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90cmFpbi90cmFpbi90cmFpbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBMaXRFbGVtZW50LFxuICBub3RoaW5nLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSwgb21pdEVtcHR5Q29udmVydGVyIH0gZnJvbSAnLi4vLi4vY29yZS9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IEV2ZW50RW1pdHRlciB9IGZyb20gJy4uLy4uL2NvcmUvZXZlbnRpbmcuanMnO1xuaW1wb3J0IHsgaTE4blRyYWluLCBpMThuV2Fnb25zTGFiZWwgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiTmFtZWRTbG90TGlzdE1peGluLCB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi8uLi90aXRsZS5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluQmxvY2tlZFBhc3NhZ2VFbGVtZW50IH0gZnJvbSAnLi4vdHJhaW4tYmxvY2tlZC1wYXNzYWdlLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVHJhaW5XYWdvbkVsZW1lbnQgfSBmcm9tICcuLi90cmFpbi13YWdvbi5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RyYWluLnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vLi4vaWNvbi5qcyc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIGBzYmItdHJhaW4td2Fnb25gIG9yIGBzYmItdHJhaW4tYmxvY2tlZC1wYXNzYWdlYCBjb21wb25lbnRzLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkICdzYmItdHJhaW4td2Fnb24nIGVsZW1lbnRzIHRvIHRoZSBgc2JiLXRyYWluYC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRyYWluJylcbmNsYXNzIFNiYlRyYWluRWxlbWVudCBleHRlbmRzIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxcbiAgU2JiVHJhaW5XYWdvbkVsZW1lbnQgfCBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudCxcbiAgdHlwZW9mIExpdEVsZW1lbnRcbj4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHMgPSB7XG4gICAgdHJhaW5TbG90Q2hhbmdlOiAndHJhaW5TbG90Q2hhbmdlJyxcbiAgfSBhcyBjb25zdDtcbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlYWRvbmx5IGxpc3RDaGlsZExvY2FsTmFtZXMgPSBbXG4gICAgJ3NiYi10cmFpbi13YWdvbicsXG4gICAgJ3NiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnLFxuICBdO1xuXG4gIC8qKiBHZW5lcmFsIGxhYmVsIGZvciBcImRyaXZpbmcgZGlyZWN0aW9uXCIuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdkaXJlY3Rpb24tbGFiZWwnLCByZWZsZWN0OiB0cnVlLCBjb252ZXJ0ZXI6IG9taXRFbXB0eUNvbnZlcnRlciB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZGlyZWN0aW9uTGFiZWw6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBIZWFkaW5nIGxldmVsIG9mIHRoZSBkaXJlY3Rpb24gbGFiZWwsIHVzZWQgZm9yIHNjcmVlbiByZWFkZXJzLiAqL1xuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdkaXJlY3Rpb24tbGFiZWwtbGV2ZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBkaXJlY3Rpb25MYWJlbExldmVsOiBTYmJUaXRsZUxldmVsID0gJzYnO1xuXG4gIC8qKiBMYWJlbCBmb3IgdGhlIGRlc3RpbmF0aW9uIHN0YXRpb24gb2YgdGhlIHRyYWluLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KClcbiAgcHVibGljIGFjY2Vzc29yIHN0YXRpb246IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBBY2Nlc3NpYmlsaXR5IGxhYmVsIGZvciBhZGRpdGlvbmFsIGluZm9ybWF0aW9uIHJlZ2FyZGluZyB0aGUgbGVhdmluZyBkaXJlY3Rpb24gb2YgdGhlIHRyYWluLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnYWNjZXNzaWJpbGl0eS1sYWJlbCcgfSlcbiAgcHVibGljIGFjY2Vzc29yIGFjY2Vzc2liaWxpdHlMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgLyoqIENvbnRyb2xzIHRoZSBkaXJlY3Rpb24gaW5kaWNhdG9yIHRvIHNob3cgdGhlIGFycm93IGxlZnQgb3IgcmlnaHQuIERlZmF1bHQgaXMgbGVmdC4gICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIGRpcmVjdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdsZWZ0JztcblxuICBwcml2YXRlIF9sYW5ndWFnZSA9IG5ldyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIodGhpcyk7XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBFbWl0cyB3aGVuZXZlciB0aGUgdHJhaW4gc2xvdCBjaGFuZ2VzLlxuICAgKi9cbiAgcHJpdmF0ZSBfdHJhaW5TbG90Q2hhbmdlOiBFdmVudEVtaXR0ZXIgPSBuZXcgRXZlbnRFbWl0dGVyKFxuICAgIHRoaXMsXG4gICAgU2JiVHJhaW5FbGVtZW50LmV2ZW50cy50cmFpblNsb3RDaGFuZ2UsXG4gICAge1xuICAgICAgYnViYmxlczogdHJ1ZSxcbiAgICAgIGNhbmNlbGFibGU6IHRydWUsXG4gICAgfSxcbiAgKTtcblxuICAvKipcbiAgICogQ3JlYXRlIHRoZSBhcmlhLWxhYmVsIHRleHQgb3V0IG9mIHRoZSBkaXJlY3Rpb24gbGFiZWwsIHN0YXRpb24gYW5kIHRoZSBhY2Nlc3NpYmlsaXR5IGxhYmVsLlxuICAgKi9cbiAgcHJpdmF0ZSBfZ2V0RGlyZWN0aW9uQXJpYUxhYmVsKCk6IHN0cmluZyB7XG4gICAgY29uc3QgdGV4dFBhcnRzOiBzdHJpbmdbXSA9IFtpMThuVHJhaW5bdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF1dO1xuXG4gICAgaWYgKHRoaXMuZGlyZWN0aW9uTGFiZWwgJiYgdGhpcy5zdGF0aW9uKSB7XG4gICAgICB0ZXh0UGFydHMucHVzaChgJHt0aGlzLmRpcmVjdGlvbkxhYmVsfSAke3RoaXMuc3RhdGlvbn1gKTtcbiAgICB9XG5cbiAgICBpZiAodGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwpIHtcbiAgICAgIHRleHRQYXJ0cy5wdXNoKHRoaXMuYWNjZXNzaWJpbGl0eUxhYmVsKTtcbiAgICB9XG5cbiAgICByZXR1cm4gYCR7dGV4dFBhcnRzLmpvaW4oJywgJyl9LmA7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8V2l0aExpc3RDaGlsZHJlbjx0aGlzPj4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2xpc3RDaGlsZHJlbicpKSB7XG4gICAgICB0aGlzLl90cmFpblNsb3RDaGFuZ2UuZW1pdCgpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIGNvbnN0IFRJVExFX1RBR19OQU1FID0gYGgke3RoaXMuZGlyZWN0aW9uTGFiZWxMZXZlbH1gO1xuXG4gICAgLyogZXNsaW50LWRpc2FibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXRyYWluXCI+XG4gICAgICAgIDwke3Vuc2FmZVN0YXRpYyhUSVRMRV9UQUdfTkFNRSl9IGNsYXNzPVwic2JiLXRyYWluX19kaXJlY3Rpb24tbGFiZWwtc3JcIj5cbiAgICAgICAgICAke3RoaXMuX2dldERpcmVjdGlvbkFyaWFMYWJlbCgpfVxuICAgICAgICA8LyR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0+XG4gICAgICAgICR7XG4gICAgICAgICAgdGhpcy5kaXJlY3Rpb25MYWJlbFxuICAgICAgICAgICAgPyBodG1sYDxkaXYgY2xhc3M9XCJzYmItdHJhaW5fX2RpcmVjdGlvbi1oZWFkaW5nXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdHJhaW5fX2RpcmVjdGlvbi1zdGlja3ktd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgICAgJHt0aGlzLmRpcmVjdGlvbiA9PT0gJ2xlZnQnXG4gICAgICAgICAgICAgICAgICAgID8gaHRtbGA8c2JiLWljb24gbmFtZT1cImNoZXZyb24tc21hbGwtbGVmdC1zbWFsbFwiPjwvc2JiLWljb24+YFxuICAgICAgICAgICAgICAgICAgICA6IG5vdGhpbmd9XG5cbiAgICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluX19kaXJlY3Rpb24tbGFiZWxcIj5cbiAgICAgICAgICAgICAgICAgICAgJHt0aGlzLmRpcmVjdGlvbkxhYmVsfSAke3RoaXMuc3RhdGlvbn1cbiAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cblxuICAgICAgICAgICAgICAgICAgJHt0aGlzLmRpcmVjdGlvbiA9PT0gJ3JpZ2h0J1xuICAgICAgICAgICAgICAgICAgICA/IGh0bWxgPHNiYi1pY29uIG5hbWU9XCJjaGV2cm9uLXNtYWxsLXJpZ2h0LXNtYWxsXCI+PC9zYmItaWNvbj5gXG4gICAgICAgICAgICAgICAgICAgIDogbm90aGluZ31cbiAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgIDwvZGl2PmBcbiAgICAgICAgICAgIDogbm90aGluZ1xuICAgICAgICB9XG4gICAgICAgICR7dGhpcy5yZW5kZXJMaXN0KHtcbiAgICAgICAgICBjbGFzczogJ3NiYi10cmFpbl9fd2Fnb25zJyxcbiAgICAgICAgICBhcmlhTGFiZWw6IGkxOG5XYWdvbnNMYWJlbFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XSxcbiAgICAgICAgfSl9XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdHJhaW4nOiBTYmJUcmFpbkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6WyJTYmJUcmFpbkVsZW1lbnQiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQThCTSxtQkFBZSxNQUFBOzswQkFEcEIsY0FBYyxXQUFXLENBQUM7Ozs7b0JBQ0csc0JBRzVCLFVBQVU7Ozs7Ozs7Ozs7Ozs7Ozs7QUFIVUEsTUFBQUEsb0JBQUEsbUJBQVEsWUFHakI7QUFBQTs7QUFhWDtBQUlBO0FBS0E7QUFLQTtBQUc2QjtBQXpC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
|
|
@@ -10,7 +10,10 @@ export declare class SbbVisualCheckboxElement extends SbbVisualCheckboxElement_b
|
|
|
10
10
|
accessor checked: boolean;
|
|
11
11
|
/** Indeterminate state. */
|
|
12
12
|
accessor indeterminate: boolean;
|
|
13
|
-
/**
|
|
13
|
+
/**
|
|
14
|
+
* Size of the checkbox, either xs, s or m.
|
|
15
|
+
* @default 'm' / 'xs' (lean)
|
|
16
|
+
*/
|
|
14
17
|
accessor size: SbbCheckboxSize;
|
|
15
18
|
protected render(): TemplateResult;
|
|
16
19
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"visual-checkbox.d.ts","sourceRoot":"","sources":["../../../../src/elements/visual-checkbox/visual-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;;
|
|
1
|
+
{"version":3,"file":"visual-checkbox.d.ts","sourceRoot":"","sources":["../../../../src/elements/visual-checkbox/visual-checkbox.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAW,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;;AAO7D;;GAEG;AACH,qBAEM,wBAAyB,SAAQ,6BAA8C;IACnF,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,qBAAqB;IACrB,SAEgB,OAAO,EAAE,OAAO,CAAS;IAEzC,2BAA2B;IAC3B,SAEgB,aAAa,EAAE,OAAO,CAAS;IAE/C;;;OAGG;IACH,SAA6C,IAAI,EAAE,eAAe,CAAyB;cAExE,MAAM,IAAI,cAAc;CAwB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
|
|
@@ -9,6 +9,7 @@ import { __esDecorate, __runInitializers } from "tslib";
|
|
|
9
9
|
import { css, LitElement, html, nothing } from "lit";
|
|
10
10
|
import { customElement, property } from "lit/decorators.js";
|
|
11
11
|
import { forceType } from "./core/decorators.js";
|
|
12
|
+
import { isLean } from "./core/dom.js";
|
|
12
13
|
import { SbbDisabledMixin, SbbNegativeMixin } from "./core/mixins.js";
|
|
13
14
|
const style = css`*,
|
|
14
15
|
::before,
|
|
@@ -145,7 +146,7 @@ let SbbVisualCheckboxElement = (() => {
|
|
|
145
146
|
super(...arguments);
|
|
146
147
|
__privateAdd(this, _checked_accessor_storage, __runInitializers(this, _checked_initializers, false));
|
|
147
148
|
__privateAdd(this, _indeterminate_accessor_storage, (__runInitializers(this, _checked_extraInitializers), __runInitializers(this, _indeterminate_initializers, false)));
|
|
148
|
-
__privateAdd(this, _size_accessor_storage, (__runInitializers(this, _indeterminate_extraInitializers), __runInitializers(this, _size_initializers, "m")));
|
|
149
|
+
__privateAdd(this, _size_accessor_storage, (__runInitializers(this, _indeterminate_extraInitializers), __runInitializers(this, _size_initializers, isLean() ? "xs" : "m")));
|
|
149
150
|
__runInitializers(this, _size_extraInitializers);
|
|
150
151
|
}
|
|
151
152
|
/** Checked state. */
|
|
@@ -162,7 +163,10 @@ let SbbVisualCheckboxElement = (() => {
|
|
|
162
163
|
set indeterminate(value) {
|
|
163
164
|
__privateSet(this, _indeterminate_accessor_storage, value);
|
|
164
165
|
}
|
|
165
|
-
/**
|
|
166
|
+
/**
|
|
167
|
+
* Size of the checkbox, either xs, s or m.
|
|
168
|
+
* @default 'm' / 'xs' (lean)
|
|
169
|
+
*/
|
|
166
170
|
get size() {
|
|
167
171
|
return __privateGet(this, _size_accessor_storage);
|
|
168
172
|
}
|
|
@@ -214,4 +218,4 @@ let SbbVisualCheckboxElement = (() => {
|
|
|
214
218
|
export {
|
|
215
219
|
SbbVisualCheckboxElement
|
|
216
220
|
};
|
|
217
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
221
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmlzdWFsLWNoZWNrYm94LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdmlzdWFsLWNoZWNrYm94L3Zpc3VhbC1jaGVja2JveC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50LCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkNoZWNrYm94U2l6ZSB9IGZyb20gJy4uL2NoZWNrYm94L2NvbW1vbi5qcyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vY29yZS9kb20uanMnO1xuaW1wb3J0IHsgU2JiRGlzYWJsZWRNaXhpbiwgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uL2NvcmUvbWl4aW5zLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdmlzdWFsLWNoZWNrYm94LnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgdmlzdWFsbHkgZGlzcGxheXMgYSBub24taW50ZXJhY3RpdmUgY2hlY2tib3guXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi12aXN1YWwtY2hlY2tib3gnKVxuY2xhc3MgU2JiVmlzdWFsQ2hlY2tib3hFbGVtZW50IGV4dGVuZHMgU2JiRGlzYWJsZWRNaXhpbihTYmJOZWdhdGl2ZU1peGluKExpdEVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBDaGVja2VkIHN0YXRlLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgY2hlY2tlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKiBJbmRldGVybWluYXRlIHN0YXRlLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgaW5kZXRlcm1pbmF0ZTogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBTaXplIG9mIHRoZSBjaGVja2JveCwgZWl0aGVyIHhzLCBzIG9yIG0uXG4gICAqIEBkZWZhdWx0ICdtJyAvICd4cycgKGxlYW4pXG4gICAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOiBTYmJDaGVja2JveFNpemUgPSBpc0xlYW4oKSA/ICd4cycgOiAnbSc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi12aXN1YWwtY2hlY2tib3hcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdmlzdWFsLWNoZWNrYm94X19pY29uXCI+XG4gICAgICAgICAgJHt0aGlzLmNoZWNrZWQgfHwgdGhpcy5pbmRldGVybWluYXRlXG4gICAgICAgICAgICA/IGh0bWxgPHN2Z1xuICAgICAgICAgICAgICAgIHdpZHRoPSR7dGhpcy5zaXplID09PSAneHMnID8gJzIwJyA6ICcyNCd9XG4gICAgICAgICAgICAgICAgaGVpZ2h0PSR7dGhpcy5zaXplID09PSAneHMnID8gJzIwJyA6ICcyNCd9XG4gICAgICAgICAgICAgICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgICAgIGQ9JHt0aGlzLmluZGV0ZXJtaW5hdGUgPyAnTTkgMTJIMTUnIDogJ004IDEyLjMzMDRMMTAuNDYxNSAxNUwxNiA5J31cbiAgICAgICAgICAgICAgICAgIHN0cm9rZS13aWR0aD1cIjJcIlxuICAgICAgICAgICAgICAgICAgc3Ryb2tlLWxpbmVjYXA9XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgICBzdHJva2UtbGluZWpvaW49XCJyb3VuZFwiXG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgPC9zdmc+YFxuICAgICAgICAgICAgOiBub3RoaW5nfVxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXZpc3VhbC1jaGVja2JveCc6IFNiYlZpc3VhbENoZWNrYm94RWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFnQk0sNEJBQXdCLE1BQUE7OzBCQUQ3QixjQUFjLHFCQUFxQixDQUFDOzs7O0FBQ0UsTUFBQSxjQUFBLGlCQUFpQixpQkFBaUIsVUFBVSxDQUFDOzs7Ozs7Ozs7O0FBQXJELEVBQUEsbUJBQVEsWUFBOEM7QUFBQTs7QUFNbkYsb0RBQUEsa0JBQUEsTUFBQSx1QkFBbUMsS0FBSztBQUt4QywyREFBQSxrQkFBQSxNQUFBLDBC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
|
|
@@ -28,6 +28,9 @@ export declare class SbbDialogElement extends SbbOverlayBaseElement {
|
|
|
28
28
|
protected closeAttribute: string;
|
|
29
29
|
/** Opens the component. */
|
|
30
30
|
open(): void;
|
|
31
|
+
protected isZeroAnimationDuration(): boolean;
|
|
32
|
+
protected handleClosing(): void;
|
|
33
|
+
private _handleOpening;
|
|
31
34
|
connectedCallback(): void;
|
|
32
35
|
protected firstUpdated(changedProperties: PropertyValues<this>): void;
|
|
33
36
|
protected willUpdate(changedProperties: PropertyValues<this>): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/elements/dialog/dialog/dialog.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1E,OAAO,EAAe,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAMtE,OAAO,6BAA6B,CAAC;AAIrC;;;;;;;;;;;GAWG;AACH,qBAEM,gBAAiB,SAAQ,qBAAqB;IAClD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,6BAA6B;IAC7B,SAA4D,cAAc,EAAE,OAAO,GAAG,MAAM,CAClF;IAMV,OAAO,CAAC,4BAA4B,CAIjC;IAEH,OAAO,CAAC,mBAAmB,CAAsC;IACjE,OAAO,CAAC,kBAAkB,CAAC,CAAS;IACpC,OAAO,CAAC,qBAAqB,CAA4B;IACzD,OAAO,CAAC,qBAAqB,CAAwC;IACrE,OAAO,CAAC,2BAA2B,CAAkB;IACrD,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,SAAS,CAA4B;IAC7C,SAAS,CAAC,cAAc,EAAE,MAAM,CAAsB;IAEtD,2BAA2B;IACpB,IAAI,IAAI,IAAI;
|
|
1
|
+
{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../../../../src/elements/dialog/dialog/dialog.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAM1E,OAAO,EAAe,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAMtE,OAAO,6BAA6B,CAAC;AAIrC;;;;;;;;;;;GAWG;AACH,qBAEM,gBAAiB,SAAQ,qBAAqB;IAClD,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,6BAA6B;IAC7B,SAA4D,cAAc,EAAE,OAAO,GAAG,MAAM,CAClF;IAMV,OAAO,CAAC,4BAA4B,CAIjC;IAEH,OAAO,CAAC,mBAAmB,CAAsC;IACjE,OAAO,CAAC,kBAAkB,CAAC,CAAS;IACpC,OAAO,CAAC,qBAAqB,CAA4B;IACzD,OAAO,CAAC,qBAAqB,CAAwC;IACrE,OAAO,CAAC,2BAA2B,CAAkB;IACrD,OAAO,CAAC,UAAU,CAAkB;IACpC,OAAO,CAAC,WAAW,CAAK;IACxB,OAAO,CAAC,SAAS,CAA4B;IAC7C,SAAS,CAAC,cAAc,EAAE,MAAM,CAAsB;IAEtD,2BAA2B;IACpB,IAAI,IAAI,IAAI;IAiCnB,SAAS,CAAC,uBAAuB,IAAI,OAAO;IAI5C,SAAS,CAAC,aAAa,IAAI,IAAI;IAwB/B,OAAO,CAAC,cAAc;IAeN,iBAAiB,IAAI,IAAI;cAYtB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAO3D,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAQzD,uBAAuB,IAAI,IAAI;IAgBlD,SAAS,CAAC,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI;IAS5D,SAAS,CAAC,eAAe,IAAI,IAAI;IAQjC,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,gBAAgB;IAqCxB,OAAO,CAAC,oBAAoB,CAS1B;IAGF,OAAO,CAAC,qBAAqB,CAc3B;IAEF,OAAO,CAAC,sBAAsB;IAK9B,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,2BAA2B;IAYnC,OAAO,CAAC,0BAA0B;cAMf,MAAM,IAAI,cAAc;CAe5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF"}
|
package/dialog/dialog-title.js
CHANGED
|
@@ -6,7 +6,7 @@ var v = (t, s, i) => (I(t, s, "read from private field"), i ? i.call(t) : s.get(
|
|
|
6
6
|
import { __esDecorate as u, __runInitializers as b } from "tslib";
|
|
7
7
|
import { css as A, nothing as G } from "lit";
|
|
8
8
|
import { customElement as U, property as m } from "lit/decorators.js";
|
|
9
|
-
import { html as
|
|
9
|
+
import { html as f, unsafeStatic as _ } from "lit/static-html.js";
|
|
10
10
|
import { SbbFocusVisibleWithinController as q } from "../core/a11y.js";
|
|
11
11
|
import { SbbLanguageController as F } from "../core/controllers.js";
|
|
12
12
|
import { forceType as p } from "../core/decorators.js";
|
|
@@ -15,17 +15,17 @@ import { i18nCloseDialog as N, i18nGoBack as V } from "../core/i18n.js";
|
|
|
15
15
|
import { SbbTitleBase as j } from "../title.js";
|
|
16
16
|
import "../button/secondary-button.js";
|
|
17
17
|
import "../button/transparent-button.js";
|
|
18
|
-
const W = A`:host{--sbb-dialog-title-padding-block: var(--sbb-spacing-responsive-s) 0;display:contents}:host([data-overflows]){--sbb-dialog-title-padding-block: var(--sbb-spacing-responsive-s)}.sbb-title{flex:1;overflow:hidden;align-self:center;margin:0}.sbb-dialog__header{display:flex;gap:var(--sbb-spacing-fixed-6x);align-items:start;justify-content:space-between;padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-title-padding-block);background-color:var(--sbb-dialog-background-color);border-block-end:var(--sbb-dialog-title-border);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}:host(:not([data-has-visible-focus-within])) .sbb-dialog__header{transform:translateY(var(--sbb-dialog-header-margin-block-start));transition-property:box-shadow,transform;transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing)}:host([data-overflows][data-has-visible-focus-within]) .sbb-dialog__header,:host([data-overflows]:not([negative],[data-hide-header])) .sbb-dialog__header{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-soft-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-soft-1-color)}@media (forced-colors: active){:host([data-overflows][data-has-visible-focus-within]) .sbb-dialog__header,:host([data-overflows]:not([negative],[data-hide-header])) .sbb-dialog__header{--sbb-dialog-title-border: var(--sbb-border-width-1x) solid CanvasText}}@media (min-width: 52.5rem){.sbb-dialog__header{border-radius:var(--sbb-dialog-border-radius) var(--sbb-dialog-border-radius) 0 0}}.sbb-dialog__close{margin-inline-start:auto}`;
|
|
18
|
+
const W = A`:host{--sbb-dialog-title-padding-block: var(--sbb-spacing-responsive-s) 0;display:contents}:host([data-overflows]){--sbb-dialog-title-padding-block: var(--sbb-spacing-responsive-s)}.sbb-title{flex:1;overflow:hidden;align-self:center;-webkit-hyphens:auto;hyphens:auto;margin:0}.sbb-dialog__header{display:flex;gap:var(--sbb-spacing-fixed-6x);align-items:start;justify-content:space-between;padding-inline:var(--sbb-dialog-padding-inline);padding-block:var(--sbb-dialog-title-padding-block);background-color:var(--sbb-dialog-background-color);border-block-end:var(--sbb-dialog-title-border);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}:host(:not([data-has-visible-focus-within])) .sbb-dialog__header{transform:translateY(var(--sbb-dialog-header-margin-block-start));transition-property:box-shadow,transform;transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing)}:host([data-overflows][data-has-visible-focus-within]) .sbb-dialog__header,:host([data-overflows]:not([negative],[data-hide-header])) .sbb-dialog__header{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-soft-2-color),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-soft-1-color)}@media (forced-colors: active){:host([data-overflows][data-has-visible-focus-within]) .sbb-dialog__header,:host([data-overflows]:not([negative],[data-hide-header])) .sbb-dialog__header{--sbb-dialog-title-border: var(--sbb-border-width-1x) solid CanvasText}}@media (min-width: 52.5rem){.sbb-dialog__header{border-radius:var(--sbb-dialog-border-radius) var(--sbb-dialog-border-radius) 0 0}}.sbb-dialog__close{margin-inline-start:auto}`;
|
|
19
19
|
let le = (() => {
|
|
20
20
|
var n, d, h, l;
|
|
21
21
|
let t = [U("sbb-dialog-title")], s, i = [], o, y = j, w = [], B, L = [], C = [], x, S = [], z = [], $, O = [], E = [], T;
|
|
22
|
-
var
|
|
22
|
+
var k = (l = class extends y {
|
|
23
23
|
constructor() {
|
|
24
24
|
super();
|
|
25
25
|
g(this, n);
|
|
26
26
|
g(this, d);
|
|
27
27
|
g(this, h);
|
|
28
|
-
c(this, n, (b(this, w), b(this, L, !1))), c(this, d, (b(this, C), b(this, S, ""))), c(this, h, (b(this, z), b(this, O, ""))), this._hideOnScroll = (b(this, E), !1), this._backClick = new M(this,
|
|
28
|
+
c(this, n, (b(this, w), b(this, L, !1))), c(this, d, (b(this, C), b(this, S, ""))), c(this, h, (b(this, z), b(this, O, ""))), this._hideOnScroll = (b(this, E), !1), this._backClick = new M(this, k.events.backClick), this._language = new F(this), this.level = "2", this.visualLevel = "3";
|
|
29
29
|
}
|
|
30
30
|
/**
|
|
31
31
|
* Whether a back button is displayed next to the title.
|
|
@@ -70,7 +70,7 @@ let le = (() => {
|
|
|
70
70
|
super.willUpdate(e), (e.has("backButton") || e.has("accessibilityBackLabel")) && (this.backButton = !this.backButton && this.accessibilityBackLabel ? !0 : this.backButton);
|
|
71
71
|
}
|
|
72
72
|
render() {
|
|
73
|
-
const e = this.negative ? "sbb-transparent-button" : "sbb-secondary-button", a =
|
|
73
|
+
const e = this.negative ? "sbb-transparent-button" : "sbb-secondary-button", a = f`
|
|
74
74
|
<${_(e)}
|
|
75
75
|
class="sbb-dialog__close"
|
|
76
76
|
aria-label=${this.accessibilityCloseLabel || N[this._language.current]}
|
|
@@ -80,7 +80,7 @@ let le = (() => {
|
|
|
80
80
|
icon-name="cross-small"
|
|
81
81
|
sbb-dialog-close
|
|
82
82
|
></${_(e)}>
|
|
83
|
-
`, r =
|
|
83
|
+
`, r = f`
|
|
84
84
|
<${_(e)}
|
|
85
85
|
class="sbb-dialog__back"
|
|
86
86
|
aria-label=${this.accessibilityBackLabel || V[this._language.current]}
|
|
@@ -91,7 +91,7 @@ let le = (() => {
|
|
|
91
91
|
@click=${() => this._backClick.emit()}
|
|
92
92
|
></${_(e)}>
|
|
93
93
|
`;
|
|
94
|
-
return
|
|
94
|
+
return f`
|
|
95
95
|
<div class="sbb-dialog__header">
|
|
96
96
|
${this.backButton ? r : G} ${super.render()} ${a}
|
|
97
97
|
</div>
|
|
@@ -107,11 +107,11 @@ let le = (() => {
|
|
|
107
107
|
a.accessibilityBackLabel = r;
|
|
108
108
|
} }, metadata: e }, O, E), u(l, null, T, { kind: "setter", name: "hideOnScroll", static: !1, private: !1, access: { has: (a) => "hideOnScroll" in a, set: (a, r) => {
|
|
109
109
|
a.hideOnScroll = r;
|
|
110
|
-
} }, metadata: e }, null, w), u(null, s = { value: o }, t, { kind: "class", name: o.name, metadata: e }, null, i),
|
|
110
|
+
} }, metadata: e }, null, w), u(null, s = { value: o }, t, { kind: "class", name: o.name, metadata: e }, null, i), k = o = s.value, e && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
|
|
111
111
|
})(), l.styles = [j.styles, W], l.events = {
|
|
112
112
|
backClick: "requestBackAction"
|
|
113
113
|
}, b(o, i), l);
|
|
114
|
-
return
|
|
114
|
+
return k = o;
|
|
115
115
|
})();
|
|
116
116
|
export {
|
|
117
117
|
le as SbbDialogTitleElement
|
package/dialog/dialog.js
CHANGED
|
@@ -1,46 +1,62 @@
|
|
|
1
|
-
var
|
|
2
|
-
throw TypeError(
|
|
1
|
+
var p = (e) => {
|
|
2
|
+
throw TypeError(e);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
import { __runInitializers as
|
|
7
|
-
import { ResizeController as
|
|
8
|
-
import { customElement as
|
|
9
|
-
import { html as
|
|
10
|
-
import { setModalityOnNextFocus as
|
|
11
|
-
import { isBreakpoint as T } from "../core/dom.js";
|
|
12
|
-
import { overlayRefs as
|
|
13
|
-
import { css as
|
|
4
|
+
var u = (e, a, o) => a.has(e) || p("Cannot " + o);
|
|
5
|
+
var f = (e, a, o) => (u(e, a, "read from private field"), o ? o.call(e) : a.get(e)), _ = (e, a, o) => a.has(e) ? p("Cannot add the same private member more than once") : a instanceof WeakSet ? a.add(e) : a.set(e, o), d = (e, a, o, s) => (u(e, a, "write to private field"), s ? s.call(e, o) : a.set(e, o), o);
|
|
6
|
+
import { __runInitializers as b, __esDecorate as w } from "tslib";
|
|
7
|
+
import { ResizeController as k } from "@lit-labs/observers/resize-controller.js";
|
|
8
|
+
import { customElement as x, property as C } from "lit/decorators.js";
|
|
9
|
+
import { html as A } from "lit/static-html.js";
|
|
10
|
+
import { setModalityOnNextFocus as y, getFirstFocusableElement as O } from "../core/a11y.js";
|
|
11
|
+
import { isZeroAnimationDuration as H, isBreakpoint as T } from "../core/dom.js";
|
|
12
|
+
import { overlayRefs as E, SbbOverlayBaseElement as D } from "../overlay.js";
|
|
13
|
+
import { css as S } from "lit";
|
|
14
14
|
import "../screen-reader-only.js";
|
|
15
|
-
const z =
|
|
15
|
+
const z = S`*,:before,:after{box-sizing:border-box}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-dialog-color: var(--sbb-color-black);--sbb-dialog-background-color: var(--sbb-color-white);--sbb-dialog-width: 100%;--sbb-dialog-height: 100%;--sbb-dialog-max-width: 100%;--sbb-dialog-max-width-default: 55.75rem;--sbb-dialog-max-height: 100%;--sbb-dialog-inset: 0 auto auto 0;--sbb-dialog-border-radius: var(--sbb-border-radius-8x);--sbb-dialog-padding-block: var(--sbb-spacing-responsive-s);--sbb-dialog-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-dialog-animation-easing: ease;--sbb-dialog-pointer-events: none;--sbb-dialog-backdrop-visibility: hidden;--sbb-dialog-backdrop-pointer-events: none;--sbb-dialog-backdrop-color: transparent;--sbb-dialog-content-transition: transform var(--sbb-dialog-animation-duration) var(--sbb-dialog-animation-easing);--sbb-dialog-actions-border: var(--sbb-border-width-1x) solid var(--sbb-color-cloud);display:block;position:fixed;inset:var(--sbb-dialog-inset);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}@media (min-width: 22.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-6x)}}@media (min-width: 37.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-12x)}}@media (min-width: 52.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-responsive-s);--sbb-dialog-max-width: min( calc(100vw - var(--sbb-spacing-fixed-30x) * 2), var(--sbb-dialog-max-width-default) );--sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-16x))}}:host(:is([data-state=opened],[data-state=opening])){--sbb-dialog-pointer-events: all;--sbb-dialog-backdrop-color: var(--sbb-color-milk)}@media (min-width: 52.5rem){:host(:is([data-state=opened],[data-state=opening])){--sbb-dialog-backdrop-visibility: visible;--sbb-dialog-backdrop-pointer-events: all}}:host([data-hide-header]){--sbb-dialog-header-margin-block-start: calc(var(--sbb-dialog-header-height) * -1)}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-dialog-color: var(--sbb-color-white);--sbb-dialog-background-color: var(--sbb-color-midnight);--sbb-dialog-actions-border: none}:host([data-overflows]:not([negative])){--sbb-dialog-actions-border: none}:host(:not([data-state=closed])){--sbb-dialog-inset: 0}.sbb-dialog__container{pointer-events:var(--sbb-dialog-pointer-events);display:flex;align-items:center;position:fixed;inset:var(--sbb-dialog-inset)}.sbb-dialog__container:before{content:"";visibility:var(--sbb-dialog-backdrop-visibility);pointer-events:var(--sbb-dialog-backdrop-pointer-events);position:fixed;inset:var(--sbb-dialog-inset);background-color:var(--sbb-dialog-backdrop-color);transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing);transition-property:background-color,visibility}.sbb-dialog{display:none;position:absolute;inset-inline:0;margin:auto;padding:0;border:none;width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);overflow:auto;color:var(--sbb-dialog-color);background-color:var(--sbb-dialog-background-color)}:host([data-state]:not([data-state=closed])) .sbb-dialog{display:block;animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease}:host([data-state][data-state=closing]) .sbb-dialog{pointer-events:none;animation-name:close}@media (forced-colors: active){.sbb-dialog{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (min-width: 52.5rem){.sbb-dialog{border-radius:var(--sbb-dialog-border-radius);overflow:hidden;height:fit-content}}.sbb-dialog__wrapper{display:flex;flex-direction:column;width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);outline:none;position:fixed}@media (min-width: 52.5rem){.sbb-dialog__wrapper{position:sticky;inset-block-start:0;height:auto}}@keyframes open{0%{opacity:0;transform:translateY(var(--sbb-spacing-fixed-4x))}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-spacing-fixed-4x))}}`;
|
|
16
16
|
let L = 0, Y = (() => {
|
|
17
17
|
var r, l;
|
|
18
|
-
let
|
|
19
|
-
return l = class extends
|
|
18
|
+
let e = [x("sbb-dialog")], a, o = [], s, c = D, h, g = [], m = [];
|
|
19
|
+
return l = class extends c {
|
|
20
20
|
constructor() {
|
|
21
21
|
super(...arguments);
|
|
22
|
-
|
|
23
|
-
|
|
22
|
+
_(this, r);
|
|
23
|
+
d(this, r, b(this, g, "close")), this._dialogContentResizeObserver = (b(this, m), new k(this, {
|
|
24
24
|
target: null,
|
|
25
25
|
skipInitial: !0,
|
|
26
26
|
callback: () => setTimeout(() => this._onContentResize())
|
|
27
27
|
})), this._dialogTitleElement = null, this._dialogContentElement = null, this._dialogActionsElement = null, this._isPointerDownEventOnDialog = !1, this._overflows = !1, this._lastScroll = 0, this._dialogId = `sbb-dialog-${L++}`, this.closeAttribute = "sbb-dialog-close", this._pointerDownListener = (t) => {
|
|
28
|
-
this.backdropAction === "close" && (this._isPointerDownEventOnDialog = t.composedPath().filter((
|
|
28
|
+
this.backdropAction === "close" && (this._isPointerDownEventOnDialog = t.composedPath().filter((i) => i instanceof window.HTMLElement).some((i) => i.id === this._dialogId));
|
|
29
29
|
}, this._closeOnBackdropClick = (t) => {
|
|
30
|
-
this.backdropAction === "close" && !this._isPointerDownEventOnDialog && !t.composedPath().filter((
|
|
30
|
+
this.backdropAction === "close" && !this._isPointerDownEventOnDialog && !t.composedPath().filter((i) => i instanceof window.HTMLElement).some((i) => i.id === this._dialogId) && this.close();
|
|
31
31
|
};
|
|
32
32
|
}
|
|
33
33
|
/** Backdrop click action. */
|
|
34
34
|
get backdropAction() {
|
|
35
|
-
return
|
|
35
|
+
return f(this, r);
|
|
36
36
|
}
|
|
37
37
|
set backdropAction(t) {
|
|
38
|
-
|
|
38
|
+
d(this, r, t);
|
|
39
39
|
}
|
|
40
40
|
/** Opens the component. */
|
|
41
41
|
open() {
|
|
42
42
|
var t;
|
|
43
|
-
this.state === "closed" && (this.lastFocusedElement = document.activeElement, this._dialogTitleElement = this.querySelector("sbb-dialog-title"), this._dialogContentElement = (t = this.querySelector("sbb-dialog-content")) == null ? void 0 : t.shadowRoot.firstElementChild, this._dialogActionsElement = this.querySelector("sbb-dialog-actions"), this._syncNegative(), this.willOpen.emit() && (this.state = "opening",
|
|
43
|
+
this.state === "closed" && (this.lastFocusedElement = document.activeElement, this._dialogTitleElement = this.querySelector("sbb-dialog-title"), this._dialogContentElement = (t = this.querySelector("sbb-dialog-content")) == null ? void 0 : t.shadowRoot.firstElementChild, this._dialogActionsElement = this.querySelector("sbb-dialog-actions"), this._syncNegative(), this.willOpen.emit() && (this.state = "opening", E.push(this), this._dialogContentResizeObserver.observe(this._dialogContentElement), this.scrollHandler.disableScroll(), this.isZeroAnimationDuration() && this._handleOpening()));
|
|
44
|
+
}
|
|
45
|
+
isZeroAnimationDuration() {
|
|
46
|
+
return H(this, "--sbb-dialog-animation-duration");
|
|
47
|
+
}
|
|
48
|
+
handleClosing() {
|
|
49
|
+
var t, i, n;
|
|
50
|
+
this._setHideHeaderDataAttribute(!1), (t = this._dialogContentElement) == null || t.scrollTo(0, 0), this.state = "closed", this.inertController.deactivate(), y(this.lastFocusedElement), (i = this.lastFocusedElement) == null || i.focus(), (n = this.openOverlayController) == null || n.abort(), this.focusHandler.disconnect(), this._dialogContentElement && this._dialogContentResizeObserver.unobserve(this._dialogContentElement), this.removeInstanceFromGlobalCollection(), E.length || this.scrollHandler.enableScroll(), this.didClose.emit({
|
|
51
|
+
returnValue: this.returnValue,
|
|
52
|
+
closeTarget: this.overlayCloseElement
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
_handleOpening() {
|
|
56
|
+
this.state = "opened", this.didOpen.emit(), this.inertController.activate(), this.attachOpenOverlayEvents(), this.setOverlayFocus(), setTimeout(() => {
|
|
57
|
+
var t;
|
|
58
|
+
return this.setAriaLiveRefContent(this.accessibilityLabel || ((t = this._dialogTitleElement) == null ? void 0 : t.innerText.trim()));
|
|
59
|
+
}), this.focusHandler.trap(this);
|
|
44
60
|
}
|
|
45
61
|
connectedCallback() {
|
|
46
62
|
super.connectedCallback(), this.addEventListener("pointerdown", this._pointerDownListener, {
|
|
@@ -68,19 +84,12 @@ let L = 0, Y = (() => {
|
|
|
68
84
|
// In rare cases, it can be that the animationEnd event is triggered twice.
|
|
69
85
|
// To avoid entering a corrupt state, exit when state is not expected.
|
|
70
86
|
onOverlayAnimationEnd(t) {
|
|
71
|
-
|
|
72
|
-
t.animationName === "open" && this.state === "opening" ? (this.state = "opened", this.didOpen.emit(), this.inertController.activate(), this.attachOpenOverlayEvents(), this.setOverlayFocus(), setTimeout(() => {
|
|
73
|
-
var p;
|
|
74
|
-
return this.setAriaLiveRefContent(this.accessibilityLabel || ((p = this._dialogTitleElement) == null ? void 0 : p.innerText.trim()));
|
|
75
|
-
}), this.focusHandler.trap(this)) : t.animationName === "close" && this.state === "closing" && (this._setHideHeaderDataAttribute(!1), (e = this._dialogContentElement) == null || e.scrollTo(0, 0), this.state = "closed", this.inertController.deactivate(), E(this.lastFocusedElement), (n = this.lastFocusedElement) == null || n.focus(), (d = this.openOverlayController) == null || d.abort(), this.focusHandler.disconnect(), this._dialogContentElement && this._dialogContentResizeObserver.unobserve(this._dialogContentElement), this.removeInstanceFromGlobalCollection(), k.length || this.scrollHandler.enableScroll(), this.didClose.emit({
|
|
76
|
-
returnValue: this.returnValue,
|
|
77
|
-
closeTarget: this.overlayCloseElement
|
|
78
|
-
}));
|
|
87
|
+
t.animationName === "open" && this.state === "opening" ? this._handleOpening() : t.animationName === "close" && this.state === "closing" && this.handleClosing();
|
|
79
88
|
}
|
|
80
89
|
// Set focus on the first focusable element.
|
|
81
90
|
setOverlayFocus() {
|
|
82
|
-
const t = O(Array.from(this.children).filter((
|
|
83
|
-
|
|
91
|
+
const t = O(Array.from(this.children).filter((i) => i instanceof window.HTMLElement));
|
|
92
|
+
y(t), t == null || t.focus();
|
|
84
93
|
}
|
|
85
94
|
_syncNegative() {
|
|
86
95
|
this._dialogTitleElement && (this._dialogTitleElement.negative = this.negative), this._dialogActionsElement && this._dialogActionsElement.toggleAttribute("data-negative", this.negative);
|
|
@@ -88,34 +97,30 @@ let L = 0, Y = (() => {
|
|
|
88
97
|
_onContentScroll() {
|
|
89
98
|
if (!this._dialogContentElement || this.dataset.hideHeader === void 0 && this._dialogContentElement.clientHeight + this._dialogTitleHeight >= this._dialogContentElement.scrollHeight)
|
|
90
99
|
return;
|
|
91
|
-
const
|
|
92
|
-
Math.round(
|
|
100
|
+
const i = this._dialogContentElement.scrollTop;
|
|
101
|
+
Math.round(i + this._dialogContentElement.clientHeight) >= this._dialogContentElement.scrollHeight || (i > 0 && this._lastScroll < i ? this._setHideHeaderDataAttribute(!0) : this._setHideHeaderDataAttribute(!1), this._lastScroll = i <= 0 ? 0 : i);
|
|
93
102
|
}
|
|
94
103
|
_setDialogHeaderHeight() {
|
|
95
104
|
var t;
|
|
96
105
|
this._dialogTitleHeight = (t = this._dialogTitleElement) == null ? void 0 : t.shadowRoot.firstElementChild.clientHeight, this.style.setProperty("--sbb-dialog-header-height", `${this._dialogTitleHeight}px`);
|
|
97
106
|
}
|
|
98
107
|
_onContentResize() {
|
|
99
|
-
var t,
|
|
100
|
-
this._setDialogHeaderHeight(), this._overflows = this._dialogContentElement ? ((t = this._dialogContentElement) == null ? void 0 : t.scrollHeight) > ((
|
|
108
|
+
var t, i;
|
|
109
|
+
this._setDialogHeaderHeight(), this._overflows = this._dialogContentElement ? ((t = this._dialogContentElement) == null ? void 0 : t.scrollHeight) > ((i = this._dialogContentElement) == null ? void 0 : i.clientHeight) : !1, this._setOverflowsDataAttribute();
|
|
101
110
|
}
|
|
102
111
|
_setHideHeaderDataAttribute(t) {
|
|
103
|
-
var
|
|
104
|
-
const
|
|
112
|
+
var v;
|
|
113
|
+
const i = ((v = this._dialogTitleElement) == null ? void 0 : v.hideOnScroll) ?? !1, n = typeof i == "boolean" ? i : T("zero", i, { includeMaxBreakpoint: !0 }) ?? !1;
|
|
105
114
|
this.toggleAttribute("data-hide-header", n ? t : !1), this._dialogTitleElement && this._dialogTitleElement.toggleAttribute("data-hide-header", n ? t : !1);
|
|
106
115
|
}
|
|
107
116
|
_setOverflowsDataAttribute() {
|
|
108
|
-
var t,
|
|
109
|
-
this.toggleAttribute("data-overflows", this._overflows), (t = this._dialogTitleElement) == null || t.toggleAttribute("data-overflows", this._overflows), (
|
|
117
|
+
var t, i;
|
|
118
|
+
this.toggleAttribute("data-overflows", this._overflows), (t = this._dialogTitleElement) == null || t.toggleAttribute("data-overflows", this._overflows), (i = this._dialogActionsElement) == null || i.toggleAttribute("data-overflows", this._overflows);
|
|
110
119
|
}
|
|
111
120
|
render() {
|
|
112
|
-
return
|
|
121
|
+
return A`
|
|
113
122
|
<div class="sbb-dialog__container">
|
|
114
|
-
<div
|
|
115
|
-
@animationend=${(t) => this.onOverlayAnimationEnd(t)}
|
|
116
|
-
class="sbb-dialog"
|
|
117
|
-
id=${this._dialogId}
|
|
118
|
-
>
|
|
123
|
+
<div @animationend=${this.onOverlayAnimationEnd} class="sbb-dialog" id=${this._dialogId}>
|
|
119
124
|
<div
|
|
120
125
|
@click=${(t) => this.closeOnSbbOverlayCloseClick(t)}
|
|
121
126
|
class="sbb-dialog__wrapper"
|
|
@@ -128,11 +133,11 @@ let L = 0, Y = (() => {
|
|
|
128
133
|
`;
|
|
129
134
|
}
|
|
130
135
|
}, r = new WeakMap(), s = l, (() => {
|
|
131
|
-
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
} }, metadata: t },
|
|
135
|
-
})(), l.styles = z,
|
|
136
|
+
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
|
|
137
|
+
h = [C({ attribute: "backdrop-action" })], w(l, null, h, { kind: "accessor", name: "backdropAction", static: !1, private: !1, access: { has: (i) => "backdropAction" in i, get: (i) => i.backdropAction, set: (i, n) => {
|
|
138
|
+
i.backdropAction = n;
|
|
139
|
+
} }, metadata: t }, g, m), w(null, a = { value: s }, e, { kind: "class", name: s.name, metadata: t }, null, o), s = a.value, t && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
|
|
140
|
+
})(), l.styles = z, b(s, o), s;
|
|
136
141
|
})();
|
|
137
142
|
export {
|
|
138
143
|
Y as SbbDialogElement
|