@sbb-esta/lyne-elements 3.6.0 → 3.8.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/a11y.css +1 -1
- package/alert/alert/alert.component.d.ts +2 -0
- package/alert/alert/alert.component.d.ts.map +1 -1
- package/alert/alert/alert.component.js +44 -39
- package/alert/alert-group/alert-group.component.js +12 -12
- package/autocomplete/autocomplete-base-element.d.ts +14 -0
- package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/autocomplete/autocomplete-base-element.js +110 -77
- package/autocomplete/autocomplete.component.d.ts.map +1 -1
- package/autocomplete/autocomplete.component.js +9 -9
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +5 -5
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +14 -14
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +1 -1
- package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +9 -9
- package/badge.css +2 -2
- package/breadcrumb/breadcrumb/breadcrumb.component.js +12 -12
- package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +15 -15
- package/button/common.js +1 -1
- package/button/mini-button/mini-button.component.js +7 -7
- package/button/mini-button-group/mini-button-group.component.js +21 -21
- package/button.js +1 -1
- package/calendar/calendar.component.js +36 -36
- package/card/card/card.component.js +10 -10
- package/card/card-badge/card-badge.component.js +15 -15
- package/carousel/carousel/carousel.component.d.ts +33 -0
- package/carousel/carousel/carousel.component.d.ts.map +1 -0
- package/carousel/carousel/carousel.component.js +82 -0
- package/carousel/carousel-item/carousel-item.component.d.ts +29 -0
- package/carousel/carousel-item/carousel-item.component.d.ts.map +1 -0
- package/carousel/carousel-item/carousel-item.component.js +26 -0
- package/carousel/carousel-item.d.ts +5 -0
- package/carousel/carousel-item.d.ts.map +1 -0
- package/carousel/carousel-item.js +4 -0
- package/carousel/carousel-list/carousel-list.component.d.ts +30 -0
- package/carousel/carousel-list/carousel-list.component.d.ts.map +1 -0
- package/carousel/carousel-list/carousel-list.component.js +81 -0
- package/carousel/carousel-list.d.ts +5 -0
- package/carousel/carousel-list.d.ts.map +1 -0
- package/carousel/carousel-list.js +4 -0
- package/carousel/carousel.d.ts +5 -0
- package/carousel/carousel.d.ts.map +1 -0
- package/carousel/carousel.js +4 -0
- package/carousel.d.ts +7 -0
- package/carousel.d.ts.map +1 -0
- package/carousel.js +8 -0
- package/checkbox/common.js +1 -1
- package/checkbox-common-gjHkSAmN.js +5 -0
- package/checkbox.js +1 -1
- package/chip/chip/chip.component.js +23 -23
- package/chip-label/chip-label.component.js +22 -22
- package/clock/clock.component.js +29 -29
- package/container/container/container.component.js +21 -21
- package/container/sticky-bar/sticky-bar.component.js +13 -13
- package/core/config/config.d.ts +6 -0
- package/core/config/config.d.ts.map +1 -1
- package/core/controllers/media-matchers-controller.d.ts +29 -0
- package/core/controllers/media-matchers-controller.d.ts.map +1 -1
- package/core/controllers/media-matchers-controller.js +73 -23
- package/core/controllers.js +16 -14
- package/core/dom/contains-pierce-shadow-dom.d.ts +3 -0
- package/core/dom/contains-pierce-shadow-dom.d.ts.map +1 -0
- package/core/dom/contains-pierce-shadow-dom.js +12 -0
- package/core/dom/queue-dom-content-loaded.d.ts +5 -0
- package/core/dom/queue-dom-content-loaded.d.ts.map +1 -0
- package/core/dom/queue-dom-content-loaded.js +7 -0
- package/core/dom/set-or-remove-attribute.d.ts +14 -0
- package/core/dom/set-or-remove-attribute.d.ts.map +1 -1
- package/core/dom/set-or-remove-attribute.js +11 -3
- package/core/dom.d.ts +2 -0
- package/core/dom.d.ts.map +1 -1
- package/core/dom.js +28 -22
- package/core/i18n/i18n.d.ts +6 -0
- package/core/i18n/i18n.d.ts.map +1 -1
- package/core/i18n/i18n.js +196 -160
- package/core/i18n.js +94 -88
- package/core/images.d.ts +4 -0
- package/core/images.d.ts.map +1 -1
- package/core/images.js +12 -12
- package/core/mixins.js +10 -10
- package/core/overlay/overlay-outside-pointer-event-listener.d.ts +26 -0
- package/core/overlay/overlay-outside-pointer-event-listener.d.ts.map +1 -0
- package/core/overlay/overlay-outside-pointer-event-listener.js +37 -0
- package/core/overlay.d.ts +1 -0
- package/core/overlay.d.ts.map +1 -1
- package/core/overlay.js +14 -11
- package/core/styles/core.scss +40 -13
- package/core/styles/mixins/a11y.scss +1 -1
- package/core/styles/mixins/badge.scss +2 -2
- package/core/styles/mixins/buttons.scss +14 -14
- package/core/styles/mixins/card.scss +9 -6
- package/core/styles/mixins/chip.scss +8 -8
- package/core/styles/mixins/image.scss +3 -0
- package/core/styles/mixins/link.scss +12 -7
- package/core/styles/mixins/lists.scss +6 -4
- package/core/styles/mixins/overlay.scss +6 -3
- package/core/styles/mixins/panel.scss +3 -3
- package/core/styles/mixins/pearl-chain-bullet.scss +9 -5
- package/core/styles/mixins/scrollbar.scss +17 -9
- package/core/styles/mixins/shadows.scss +32 -64
- package/core/styles/mixins/table.scss +13 -10
- package/core/styles/mixins/timetable-form.scss +63 -0
- package/core/styles/mixins/typo.scss +4 -4
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +49 -1
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +203 -5
- package/core/styles/off-brand-theme.scss +3 -0
- package/core/styles/safety-theme.scss +3 -0
- package/core/styles/standard-theme.scss +3 -13
- package/core/styles/theme.scss +18 -0
- package/core/styles/timetable-form.scss +27 -0
- package/core.css +283 -51
- package/custom-elements.json +19396 -15212
- package/date-input/date-input.component.js +1 -1
- package/datepicker/datepicker/datepicker.component.js +1 -1
- package/datepicker/datepicker-next-day/datepicker-next-day.component.js +4 -4
- package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +6 -6
- package/datepicker/datepicker-toggle/datepicker-toggle.component.js +7 -7
- package/development/alert/alert/alert.component.d.ts +2 -0
- package/development/alert/alert/alert.component.d.ts.map +1 -1
- package/development/alert/alert/alert.component.js +22 -8
- package/development/alert/alert-group/alert-group.component.js +1 -1
- package/development/autocomplete/autocomplete-base-element.d.ts +14 -0
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete/autocomplete-base-element.js +86 -19
- package/development/autocomplete/autocomplete.component.d.ts.map +1 -1
- package/development/autocomplete/autocomplete.component.js +4 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +4 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +15 -14
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +5 -4
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +19 -11
- package/development/breadcrumb/breadcrumb/breadcrumb.component.js +4 -1
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +16 -8
- package/development/button/common.js +1 -1
- package/development/button/mini-button/mini-button.component.js +15 -14
- package/development/button/mini-button-group/mini-button-group.component.js +4 -4
- package/development/button.js +1 -1
- package/development/calendar/calendar.component.js +21 -11
- package/development/card/card/card.component.js +11 -6
- package/development/card/card-badge/card-badge.component.js +10 -9
- package/development/carousel/carousel/carousel.component.d.ts +33 -0
- package/development/carousel/carousel/carousel.component.d.ts.map +1 -0
- package/development/carousel/carousel/carousel.component.js +163 -0
- package/development/carousel/carousel-item/carousel-item.component.d.ts +29 -0
- package/development/carousel/carousel-item/carousel-item.component.d.ts.map +1 -0
- package/development/carousel/carousel-item/carousel-item.component.js +46 -0
- package/development/carousel/carousel-item.d.ts +5 -0
- package/development/carousel/carousel-item.d.ts.map +1 -0
- package/development/carousel/carousel-item.js +5 -0
- package/development/carousel/carousel-list/carousel-list.component.d.ts +30 -0
- package/development/carousel/carousel-list/carousel-list.component.d.ts.map +1 -0
- package/development/carousel/carousel-list/carousel-list.component.js +151 -0
- package/development/carousel/carousel-list.d.ts +5 -0
- package/development/carousel/carousel-list.d.ts.map +1 -0
- package/development/carousel/carousel-list.js +5 -0
- package/development/carousel/carousel.d.ts +5 -0
- package/development/carousel/carousel.d.ts.map +1 -0
- package/development/carousel/carousel.js +5 -0
- package/development/carousel.d.ts +7 -0
- package/development/carousel.d.ts.map +1 -0
- package/development/carousel.js +9 -0
- package/development/checkbox/common.js +1 -1
- package/development/{checkbox-common-aMPOsPVA.js → checkbox-common-Dy_ofVhp.js} +4 -3
- package/development/checkbox.js +1 -1
- package/development/chip/chip/chip.component.js +15 -14
- package/development/chip-label/chip-label.component.js +12 -15
- package/development/clock/clock.component.js +11 -3
- package/development/container/container/container.component.js +6 -6
- package/development/container/sticky-bar/sticky-bar.component.js +6 -6
- package/development/core/config/config.d.ts +6 -0
- package/development/core/config/config.d.ts.map +1 -1
- package/development/core/config/config.js +1 -1
- package/development/core/controllers/media-matchers-controller.d.ts +29 -0
- package/development/core/controllers/media-matchers-controller.d.ts.map +1 -1
- package/development/core/controllers/media-matchers-controller.js +74 -1
- package/development/core/controllers.js +3 -1
- package/development/core/dom/contains-pierce-shadow-dom.d.ts +3 -0
- package/development/core/dom/contains-pierce-shadow-dom.d.ts.map +1 -0
- package/development/core/dom/contains-pierce-shadow-dom.js +14 -0
- package/development/core/dom/queue-dom-content-loaded.d.ts +5 -0
- package/development/core/dom/queue-dom-content-loaded.d.ts.map +1 -0
- package/development/core/dom/queue-dom-content-loaded.js +12 -0
- package/development/core/dom/set-or-remove-attribute.d.ts +14 -0
- package/development/core/dom/set-or-remove-attribute.d.ts.map +1 -1
- package/development/core/dom/set-or-remove-attribute.js +9 -1
- package/development/core/dom.d.ts +2 -0
- package/development/core/dom.d.ts.map +1 -1
- package/development/core/dom.js +8 -2
- package/development/core/i18n/i18n.d.ts +6 -0
- package/development/core/i18n/i18n.d.ts.map +1 -1
- package/development/core/i18n/i18n.js +43 -1
- package/development/core/i18n.js +7 -1
- package/development/core/images.d.ts +4 -0
- package/development/core/images.d.ts.map +1 -1
- package/development/core/images.js +11 -11
- package/development/core/mixins.js +7 -6
- package/development/core/overlay/overlay-outside-pointer-event-listener.d.ts +26 -0
- package/development/core/overlay/overlay-outside-pointer-event-listener.d.ts.map +1 -0
- package/development/core/overlay/overlay-outside-pointer-event-listener.js +61 -0
- package/development/core/overlay.d.ts +1 -0
- package/development/core/overlay.d.ts.map +1 -1
- package/development/core/overlay.js +4 -1
- package/development/date-input/date-input.component.js +2 -2
- package/development/datepicker/datepicker/datepicker.component.js +1 -1
- package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js +15 -14
- package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +15 -14
- package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js +15 -14
- package/development/dialog/dialog/dialog.component.d.ts +1 -0
- package/development/dialog/dialog/dialog.component.d.ts.map +1 -1
- package/development/dialog/dialog/dialog.component.js +28 -14
- package/development/dialog/dialog-actions/dialog-actions.component.js +1 -1
- package/development/dialog/dialog-title/dialog-title.component.js +1 -1
- package/development/divider/divider.component.js +2 -2
- package/development/expansion-panel/expansion-panel/expansion-panel.component.js +6 -6
- package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +6 -2
- package/development/file-selector/common.js +1 -1
- package/development/{file-selector-common-B4I8rwJE.js → file-selector-common-CRNAWFM_.js} +9 -6
- package/development/file-selector.js +1 -1
- package/development/flip-card/flip-card/flip-card.component.js +8 -3
- package/development/footer/footer.component.js +6 -5
- package/development/form-error/form-error.component.js +2 -2
- package/development/form-field/form-field/form-field.component.d.ts +3 -0
- package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
- package/development/form-field/form-field/form-field.component.js +39 -23
- package/development/form-field/form-field-clear/form-field-clear.component.js +15 -14
- package/development/header/common/header-action-common.js +12 -12
- package/development/header/header/header.component.js +2 -2
- package/development/header/header-environment/header-environment.component.js +1 -1
- package/development/{icon-sidebar-button-common-CA_8TnFu.js → icon-sidebar-button-common-BGrKtvyM.js} +3 -2
- package/development/journey-header/journey-header.component.js +1 -1
- package/development/lead-container/lead-container.component.js +4 -2
- package/development/link/common/block-link-common.js +17 -5
- package/development/link/common/inline-link-common.js +9 -3
- package/development/link-list/link-list/link-list.component.js +8 -8
- package/development/link-list/link-list-anchor/link-list-anchor.component.js +11 -9
- package/development/loading-indicator/loading-indicator.component.js +1 -1
- package/development/loading-indicator-circle/loading-indicator-circle.component.js +2 -2
- package/development/logo/logo.component.js +3 -2
- package/development/map-container/map-container.component.js +14 -6
- package/development/menu/common/menu-action-common.js +4 -3
- package/development/menu/menu/menu.component.d.ts +2 -0
- package/development/menu/menu/menu.component.d.ts.map +1 -1
- package/development/menu/menu/menu.component.js +36 -13
- package/development/message/message.component.js +3 -1
- package/development/navigation/common/navigation-action-common.js +4 -4
- package/development/navigation/navigation/navigation.component.js +21 -19
- package/development/navigation/navigation-list/navigation-list.component.js +1 -1
- package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/development/navigation/navigation-section/navigation-section.component.js +4 -4
- package/development/notification/notification.component.js +38 -18
- package/development/option/optgroup/optgroup-base-element.js +3 -2
- package/development/option/option/option.component.js +13 -11
- package/development/option/option-hint/option-hint.component.js +3 -2
- package/development/overlay/overlay.component.d.ts.map +1 -1
- package/development/overlay/overlay.component.js +28 -22
- package/development/paginator/compact-paginator/compact-paginator.component.js +3 -2
- package/development/paginator/paginator/paginator.component.js +19 -18
- package/development/popover/popover/popover.component.js +8 -6
- package/development/popover/popover-trigger/popover-trigger.component.js +20 -17
- package/development/radio-button/common.js +1 -1
- package/development/radio-button/radio-button/radio-button.component.js +3 -3
- package/development/radio-button/radio-button-panel/radio-button-panel.component.js +3 -3
- package/development/{radio-button-common-BRyEhlYf.js → radio-button-common-CgM3kQSW.js} +10 -9
- package/development/radio-button.js +1 -1
- package/development/sbb-tokens-CVLcOi-S.js +1 -1
- package/development/screen-reader-only/screen-reader-only.component.js +1 -1
- package/development/select/select.component.js +31 -13
- package/development/selection-action-panel/selection-action-panel.component.js +9 -5
- package/development/selection-expansion-panel/selection-expansion-panel.component.js +10 -6
- package/development/sidebar/common.js +1 -1
- package/development/sidebar/icon-sidebar/icon-sidebar.component.js +2 -2
- package/development/sidebar/sidebar/sidebar.component.js +14 -6
- package/development/sidebar.js +1 -1
- package/development/signet/signet.component.js +2 -2
- package/development/skiplink-list/skiplink-list.component.d.ts +3 -1
- package/development/skiplink-list/skiplink-list.component.d.ts.map +1 -1
- package/development/skiplink-list/skiplink-list.component.js +27 -10
- package/development/slider/slider.component.js +15 -9
- package/development/status/status.component.js +7 -7
- package/development/stepper/step/step.component.js +1 -3
- package/development/stepper/step-label/step-label.component.js +7 -6
- package/development/stepper/stepper/stepper.component.js +5 -5
- package/development/tabs/tab-label/tab-label.component.js +7 -14
- package/development/tag/tag/tag.component.js +15 -9
- package/development/teaser/teaser.component.js +3 -2
- package/development/teaser-hero/teaser-hero.component.js +3 -3
- package/development/teaser-product/common.js +1 -1
- package/development/{teaser-product-common-D6fa6x3w.js → teaser-product-common-DvlBRkE_.js} +14 -6
- package/development/teaser-product.js +1 -1
- package/development/time-input/time-input.component.js +2 -2
- package/development/timetable-form/timetable-form/timetable-form.component.d.ts +17 -0
- package/development/timetable-form/timetable-form/timetable-form.component.d.ts.map +1 -0
- package/development/timetable-form/timetable-form/timetable-form.component.js +40 -0
- package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts +16 -0
- package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts.map +1 -0
- package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +57 -0
- package/development/timetable-form/timetable-form-details.d.ts +5 -0
- package/development/timetable-form/timetable-form-details.d.ts.map +1 -0
- package/development/timetable-form/timetable-form-details.js +5 -0
- package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts +18 -0
- package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts.map +1 -0
- package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +130 -0
- package/development/timetable-form/timetable-form-field.d.ts +5 -0
- package/development/timetable-form/timetable-form-field.d.ts.map +1 -0
- package/development/timetable-form/timetable-form-field.js +5 -0
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +23 -0
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -0
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +80 -0
- package/development/timetable-form/timetable-form-swap-button.d.ts +5 -0
- package/development/timetable-form/timetable-form-swap-button.d.ts.map +1 -0
- package/development/timetable-form/timetable-form-swap-button.js +5 -0
- package/development/timetable-form/timetable-form.d.ts +5 -0
- package/development/timetable-form/timetable-form.d.ts.map +1 -0
- package/development/timetable-form/timetable-form.js +5 -0
- package/development/timetable-form.d.ts +8 -0
- package/development/timetable-form.d.ts.map +1 -0
- package/development/timetable-form.js +11 -0
- package/development/timetable-occupancy/timetable-occupancy.component.js +2 -2
- package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts +1 -0
- package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map +1 -1
- package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.js +4 -3
- package/development/title/title-base.js +2 -5
- package/development/title/title.component.js +1 -1
- package/development/toast/toast.component.d.ts +3 -1
- package/development/toast/toast.component.d.ts.map +1 -1
- package/development/toast/toast.component.js +31 -15
- package/development/toggle/toggle/toggle.component.js +8 -4
- package/development/toggle/toggle-option/toggle-option.component.js +5 -3
- package/development/toggle-check/toggle-check.component.js +13 -14
- package/development/tooltip/tooltip.component.d.ts +89 -0
- package/development/tooltip/tooltip.component.d.ts.map +1 -0
- package/development/tooltip/tooltip.component.js +466 -0
- package/development/tooltip.d.ts +5 -0
- package/development/tooltip.d.ts.map +1 -0
- package/development/tooltip.js +5 -0
- package/development/train/train/train.component.js +1 -1
- package/development/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
- package/development/train/train-formation/train-formation.component.js +16 -4
- package/development/train/train-wagon/train-wagon.component.js +4 -13
- package/development/{transparent-button-COe-YB_U.js → transparent-button-DdSaBp_-.js} +141 -86
- package/development/visual-checkbox/visual-checkbox.component.js +12 -12
- package/dialog/dialog/dialog.component.d.ts +1 -0
- package/dialog/dialog/dialog.component.d.ts.map +1 -1
- package/dialog/dialog/dialog.component.js +37 -36
- package/dialog/dialog-actions/dialog-actions.component.js +6 -6
- package/dialog/dialog-title/dialog-title.component.js +4 -4
- package/divider/divider.component.js +16 -16
- package/expansion-panel/expansion-panel/expansion-panel.component.js +1 -1
- package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +3 -3
- package/file-selector/common.js +1 -1
- package/file-selector-common-D88J9PEh.js +5 -0
- package/file-selector.js +1 -1
- package/flip-card/flip-card/flip-card.component.js +14 -14
- package/footer/footer.component.js +18 -18
- package/form-error/form-error.component.js +4 -4
- package/form-field/form-field/form-field.component.d.ts +3 -0
- package/form-field/form-field/form-field.component.d.ts.map +1 -1
- package/form-field/form-field/form-field.component.js +1 -1
- package/form-field/form-field-clear/form-field-clear.component.js +9 -9
- package/header/common/header-action-common.js +5 -5
- package/header/header/header.component.js +19 -19
- package/header/header-environment/header-environment.component.js +1 -1
- package/icon-sidebar-button-common-BeRXvifI.js +7 -0
- package/index.d.ts +16 -0
- package/index.js +16 -0
- package/journey-header/journey-header.component.js +1 -1
- package/lead-container/lead-container.component.js +5 -5
- package/link/common/block-link-common.js +23 -23
- package/link/common/inline-link-common.js +7 -7
- package/link-list/link-list/link-list.component.js +8 -8
- package/link-list/link-list-anchor/link-list-anchor.component.js +11 -11
- package/lists.css +5 -3
- package/loading-indicator/loading-indicator.component.js +1 -1
- package/loading-indicator-circle/loading-indicator-circle.component.js +13 -13
- package/logo/logo.component.js +9 -9
- package/map-container/map-container.component.js +15 -15
- package/menu/common/menu-action-common.js +5 -5
- package/menu/menu/menu.component.d.ts +2 -0
- package/menu/menu/menu.component.d.ts.map +1 -1
- package/menu/menu/menu.component.js +45 -38
- package/message/message.component.js +9 -9
- package/navigation/common/navigation-action-common.js +6 -6
- package/navigation/navigation/navigation.component.js +19 -19
- package/navigation/navigation-list/navigation-list.component.js +1 -1
- package/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/navigation/navigation-section/navigation-section.component.js +1 -1
- package/notification/notification.component.js +8 -8
- package/off-brand-theme.css +3017 -0
- package/option/optgroup/optgroup-base-element.js +1 -1
- package/option/option/option.component.js +3 -3
- package/option/option-hint/option-hint.component.js +8 -8
- package/overlay/overlay.component.d.ts.map +1 -1
- package/overlay/overlay.component.js +47 -48
- package/package.json +63 -1
- package/paginator/compact-paginator/compact-paginator.component.js +4 -4
- package/paginator/paginator/paginator.component.js +10 -10
- package/popover/popover/popover.component.js +9 -9
- package/popover/popover-trigger/popover-trigger.component.js +5 -5
- package/radio-button/common.js +1 -1
- package/radio-button/radio-button/radio-button.component.js +13 -13
- package/radio-button/radio-button-panel/radio-button-panel.component.js +2 -2
- package/radio-button-common-Nm9ULjVb.js +5 -0
- package/radio-button.js +1 -1
- package/safety-theme.css +3017 -0
- package/screen-reader-only/screen-reader-only.component.js +1 -1
- package/scrollbar.css +52 -20
- package/select/select.component.js +45 -45
- package/selection-action-panel/selection-action-panel.component.js +6 -6
- package/selection-expansion-panel/selection-expansion-panel.component.js +11 -11
- package/sidebar/common.js +1 -1
- package/sidebar/icon-sidebar/icon-sidebar.component.js +12 -12
- package/sidebar/sidebar/sidebar.component.js +29 -29
- package/sidebar.js +1 -1
- package/signet/signet.component.js +1 -1
- package/skiplink-list/skiplink-list.component.d.ts +3 -1
- package/skiplink-list/skiplink-list.component.d.ts.map +1 -1
- package/skiplink-list/skiplink-list.component.js +37 -30
- package/slider/slider.component.js +16 -16
- package/standard-theme.css +436 -86
- package/status/status.component.js +13 -13
- package/stepper/step/step.component.js +5 -5
- package/stepper/step-label/step-label.component.js +1 -1
- package/stepper/stepper/stepper.component.js +7 -7
- package/table.css +15 -9
- package/tabs/tab-label/tab-label.component.js +19 -19
- package/tag/tag/tag.component.js +14 -14
- package/teaser/teaser.component.js +1 -1
- package/teaser-hero/teaser-hero.component.js +12 -12
- package/teaser-product/common.js +1 -1
- package/teaser-product-common-DIra6aVg.js +5 -0
- package/teaser-product.js +1 -1
- package/time-input/time-input.component.js +1 -1
- package/timetable-form/timetable-form/timetable-form.component.d.ts +17 -0
- package/timetable-form/timetable-form/timetable-form.component.d.ts.map +1 -0
- package/timetable-form/timetable-form/timetable-form.component.js +19 -0
- package/timetable-form/timetable-form-details/timetable-form-details.component.d.ts +16 -0
- package/timetable-form/timetable-form-details/timetable-form-details.component.d.ts.map +1 -0
- package/timetable-form/timetable-form-details/timetable-form-details.component.js +19 -0
- package/timetable-form/timetable-form-details.d.ts +5 -0
- package/timetable-form/timetable-form-details.d.ts.map +1 -0
- package/timetable-form/timetable-form-details.js +4 -0
- package/timetable-form/timetable-form-field/timetable-form-field.component.d.ts +18 -0
- package/timetable-form/timetable-form-field/timetable-form-field.component.d.ts.map +1 -0
- package/timetable-form/timetable-form-field/timetable-form-field.component.js +32 -0
- package/timetable-form/timetable-form-field.d.ts +5 -0
- package/timetable-form/timetable-form-field.d.ts.map +1 -0
- package/timetable-form/timetable-form-field.js +4 -0
- package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +23 -0
- package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -0
- package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +38 -0
- package/timetable-form/timetable-form-swap-button.d.ts +5 -0
- package/timetable-form/timetable-form-swap-button.d.ts.map +1 -0
- package/timetable-form/timetable-form-swap-button.js +4 -0
- package/timetable-form/timetable-form.d.ts +5 -0
- package/timetable-form/timetable-form.d.ts.map +1 -0
- package/timetable-form/timetable-form.js +4 -0
- package/timetable-form.css +73 -0
- package/timetable-form.d.ts +8 -0
- package/timetable-form.d.ts.map +1 -0
- package/timetable-form.js +10 -0
- package/timetable-occupancy/timetable-occupancy.component.js +7 -7
- package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts +1 -0
- package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map +1 -1
- package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +23 -23
- package/title/title-base.js +1 -1
- package/title/title.component.js +1 -1
- package/toast/toast.component.d.ts +3 -1
- package/toast/toast.component.d.ts.map +1 -1
- package/toast/toast.component.js +67 -59
- package/toggle/toggle/toggle.component.js +1 -1
- package/toggle/toggle-option/toggle-option.component.js +5 -5
- package/toggle-check/toggle-check.component.js +16 -16
- package/tooltip/tooltip.component.d.ts +89 -0
- package/tooltip/tooltip.component.d.ts.map +1 -0
- package/tooltip/tooltip.component.js +215 -0
- package/tooltip.d.ts +5 -0
- package/tooltip.d.ts.map +1 -0
- package/tooltip.js +4 -0
- package/train/train/train.component.js +1 -1
- package/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
- package/train/train-formation/train-formation.component.js +16 -16
- package/train/train-wagon/train-wagon.component.js +1 -1
- package/transparent-button-Bg9fU_iZ.js +9 -0
- package/typography.css +1 -0
- package/visual-checkbox/visual-checkbox.component.js +14 -14
- package/checkbox-common-CDzcyq8p.js +0 -5
- package/file-selector-common-Cn6U8goV.js +0 -5
- package/icon-sidebar-button-common-CM-ueEhH.js +0 -7
- package/radio-button-common-DzALx3X7.js +0 -5
- package/teaser-product-common-C8oSkIxy.js +0 -5
- package/transparent-button-xudJxob_.js +0 -9
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Serves as a building block of a sbb 'timetable-form'.
|
|
4
|
+
* It automatically handles the styles and part of its behaviors
|
|
5
|
+
*
|
|
6
|
+
* @slot - Use the unnamed slot to add content to the 'timetable-form'
|
|
7
|
+
*/
|
|
8
|
+
export declare class SbbTimetableFormElement extends LitElement {
|
|
9
|
+
static styles: CSSResultGroup;
|
|
10
|
+
protected render(): TemplateResult;
|
|
11
|
+
}
|
|
12
|
+
declare global {
|
|
13
|
+
interface HTMLElementTagNameMap {
|
|
14
|
+
'sbb-timetable-form': SbbTimetableFormElement;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=timetable-form.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/timetable-form/timetable-form/timetable-form.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;;;;GAKG;AACH,qBAEM,uBAAwB,SAAQ,UAAU;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { css, LitElement, html } from "lit";
|
|
3
|
+
import { customElement } from "lit/decorators.js";
|
|
4
|
+
const style = css`*,
|
|
5
|
+
::before,
|
|
6
|
+
::after {
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:host {
|
|
11
|
+
--sbb-timetable-form-background-color: var(--sbb-background-color-1);
|
|
12
|
+
--sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);
|
|
13
|
+
border-radius: var(--sbb-timetable-form-border-radius);
|
|
14
|
+
background-color: var(--sbb-timetable-form-background-color);
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
}`;
|
|
18
|
+
let SbbTimetableFormElement = (() => {
|
|
19
|
+
var _a;
|
|
20
|
+
let _classDecorators = [customElement("sbb-timetable-form")];
|
|
21
|
+
let _classDescriptor;
|
|
22
|
+
let _classExtraInitializers = [];
|
|
23
|
+
let _classThis;
|
|
24
|
+
let _classSuper = LitElement;
|
|
25
|
+
_a = class extends _classSuper {
|
|
26
|
+
render() {
|
|
27
|
+
return html`<slot></slot>`;
|
|
28
|
+
}
|
|
29
|
+
}, _classThis = _a, (() => {
|
|
30
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
31
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
32
|
+
_classThis = _classDescriptor.value;
|
|
33
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
34
|
+
})(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
|
|
35
|
+
return _classThis;
|
|
36
|
+
})();
|
|
37
|
+
export {
|
|
38
|
+
SbbTimetableFormElement
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGltZXRhYmxlLWZvcm0vdGltZXRhYmxlLWZvcm0vdGltZXRhYmxlLWZvcm0uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLWZvcm0uc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBTZXJ2ZXMgYXMgYSBidWlsZGluZyBibG9jayBvZiBhIHNiYiAndGltZXRhYmxlLWZvcm0nLlxuICogSXQgYXV0b21hdGljYWxseSBoYW5kbGVzIHRoZSBzdHlsZXMgYW5kIHBhcnQgb2YgaXRzIGJlaGF2aW9yc1xuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlICd0aW1ldGFibGUtZm9ybSdcbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRpbWV0YWJsZS1mb3JtJylcbmNsYXNzIFNiYlRpbWV0YWJsZUZvcm1FbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzbG90Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLWZvcm0nOiBTYmJUaW1ldGFibGVGb3JtRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBY00sMkJBQXVCLE1BQUE7OzBCQUQ1QixjQUFjLG9CQUFvQixDQUFDOzs7O29CQUNFO0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUEsSUFHM0IsU0FBTTtBQUN2QixhQUFPO0FBQUEsSUFDVDtBQUFBOztBQUxGLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixPQUQ1QyxrQkFBQSxZQUFBLHVCQUFBLEdBQXdCOzs7In0=
|
package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Wraps the details section of the `sbb-timetable-form`.
|
|
4
|
+
*
|
|
5
|
+
* @slot - Use the unnamed slot to add content to the details section.
|
|
6
|
+
*/
|
|
7
|
+
export declare class SbbTimetableFormDetailsElement extends LitElement {
|
|
8
|
+
static styles: CSSResultGroup;
|
|
9
|
+
protected render(): TemplateResult;
|
|
10
|
+
}
|
|
11
|
+
declare global {
|
|
12
|
+
interface HTMLElementTagNameMap {
|
|
13
|
+
'sbb-timetable-form-details': SbbTimetableFormDetailsElement;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=timetable-form-details.component.d.ts.map
|
package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form-details.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/timetable-form/timetable-form-details/timetable-form-details.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,qBAEM,8BAA+B,SAAQ,UAAU;IACrD,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { css, LitElement, html } from "lit";
|
|
3
|
+
import { customElement } from "lit/decorators.js";
|
|
4
|
+
const style = css`*,
|
|
5
|
+
::before,
|
|
6
|
+
::after {
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:host {
|
|
11
|
+
--sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);
|
|
12
|
+
--sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);
|
|
13
|
+
--sbb-timetable-form-details-horizontal-divider-height: 1.5rem;
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-wrap: wrap;
|
|
16
|
+
gap: var(--sbb-spacing-fixed-1x);
|
|
17
|
+
border-block-start: var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted);
|
|
18
|
+
padding-block: var(--sbb-timetable-form-details-padding-block);
|
|
19
|
+
padding-inline-start: calc(var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs));
|
|
20
|
+
align-items: center;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
::slotted(sbb-form-field) {
|
|
24
|
+
--sbb-form-field-border-radius: var(--sbb-border-radius-6x);
|
|
25
|
+
--sbb-form-field-outline-offset: -0.3125rem;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
::slotted(sbb-divider[orientation=vertical]) {
|
|
29
|
+
height: var(--sbb-timetable-form-details-horizontal-divider-height);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
::slotted(:last-child) {
|
|
33
|
+
margin-inline-end: var(--sbb-timetable-form-details-padding-inline);
|
|
34
|
+
}`;
|
|
35
|
+
let SbbTimetableFormDetailsElement = (() => {
|
|
36
|
+
var _a;
|
|
37
|
+
let _classDecorators = [customElement("sbb-timetable-form-details")];
|
|
38
|
+
let _classDescriptor;
|
|
39
|
+
let _classExtraInitializers = [];
|
|
40
|
+
let _classThis;
|
|
41
|
+
let _classSuper = LitElement;
|
|
42
|
+
_a = class extends _classSuper {
|
|
43
|
+
render() {
|
|
44
|
+
return html`<slot></slot>`;
|
|
45
|
+
}
|
|
46
|
+
}, _classThis = _a, (() => {
|
|
47
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
48
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
49
|
+
_classThis = _classDescriptor.value;
|
|
50
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
51
|
+
})(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
|
|
52
|
+
return _classThis;
|
|
53
|
+
})();
|
|
54
|
+
export {
|
|
55
|
+
SbbTimetableFormDetailsElement
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZGV0YWlscy5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS1kZXRhaWxzL3RpbWV0YWJsZS1mb3JtLWRldGFpbHMuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLWZvcm0tZGV0YWlscy5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIFdyYXBzIHRoZSBkZXRhaWxzIHNlY3Rpb24gb2YgdGhlIGBzYmItdGltZXRhYmxlLWZvcm1gLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGRldGFpbHMgc2VjdGlvbi5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMnKVxuY2xhc3MgU2JiVGltZXRhYmxlRm9ybURldGFpbHNFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzbG90Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscyc6IFNiYlRpbWV0YWJsZUZvcm1EZXRhaWxzRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFhTSxrQ0FBOEIsTUFBQTs7MEJBRG5DLGNBQWMsNEJBQTRCLENBQUM7Ozs7b0JBQ0M7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQSxJQUdsQyxTQUFNO0FBQ3ZCLGFBQU87QUFBQSxJQUNUO0FBQUE7O0FBTEYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLE9BRDVDLGtCQUFBLFlBQUEsdUJBQUEsR0FBK0I7OzsifQ==
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form-details.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-form/timetable-form-details.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8DAA8D,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { SbbTimetableFormDetailsElement } from "./timetable-form-details/timetable-form-details.component.js";
|
|
2
|
+
export {
|
|
3
|
+
SbbTimetableFormDetailsElement
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZGV0YWlscy5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { CSSResultGroup, TemplateResult } from 'lit';
|
|
2
|
+
import { SbbFormFieldElement } from '../../form-field/form-field.js';
|
|
3
|
+
/**
|
|
4
|
+
* Extends the `sbb-form-field`. Meant to be used inside a `sbb-timetable-form`.
|
|
5
|
+
*/
|
|
6
|
+
export declare class SbbTimetableFormFieldElement extends SbbFormFieldElement {
|
|
7
|
+
static styles: CSSResultGroup;
|
|
8
|
+
private _routeIcon;
|
|
9
|
+
constructor();
|
|
10
|
+
connectedCallback(): void;
|
|
11
|
+
render(): TemplateResult;
|
|
12
|
+
}
|
|
13
|
+
declare global {
|
|
14
|
+
interface HTMLElementTagNameMap {
|
|
15
|
+
'sbb-timetable-form-field': SbbTimetableFormFieldElement;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=timetable-form-field.component.d.ts.map
|
package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form-field.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/timetable-form/timetable-form-field/timetable-form-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAkB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAIrE;;GAEG;AACH,qBAEM,4BAA6B,SAAQ,mBAAmB;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,OAAO,CAAC,UAAU,CAAS;;IAUX,iBAAiB,IAAI,IAAI;IAWzB,MAAM,IAAI,cAAc;CAWzC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { css, isServer, html } from "lit";
|
|
3
|
+
import { customElement } from "lit/decorators.js";
|
|
4
|
+
import { SbbFormFieldElement } from "../../form-field/form-field.js";
|
|
5
|
+
const style = css`*,
|
|
6
|
+
::before,
|
|
7
|
+
::after {
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
:host {
|
|
12
|
+
display: flex;
|
|
13
|
+
--sbb-form-field-border-radius: var(--sbb-border-radius-6x);
|
|
14
|
+
--sbb-form-field-outline-offset: -0.3125rem;
|
|
15
|
+
--sbb-timetable-form-field-route-icon-color: var(--sbb-color-2);
|
|
16
|
+
--sbb-timetable-form-field-route-icon-background-color: var(--sbb-background-color-1);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
:host(:first-of-type) {
|
|
20
|
+
--sbb-timetable-form-field-route-icon-rotate: 90deg;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:host(:last-of-type) {
|
|
24
|
+
--sbb-timetable-form-field-route-icon-rotate: -90deg;
|
|
25
|
+
--sbb-timetable-form-field-route-icon-translate: -0.0625rem 0;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper::after {
|
|
29
|
+
content: "";
|
|
30
|
+
position: absolute;
|
|
31
|
+
border-block-end: var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-border-color-4-inverted);
|
|
32
|
+
inset-inline: var(--sbb-form-field-padding-inline);
|
|
33
|
+
inset-block-end: 0;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.sbb-timetable-form-field__start-route-icon {
|
|
37
|
+
align-self: center;
|
|
38
|
+
margin-inline-start: var(--sbb-form-field-padding-inline);
|
|
39
|
+
rotate: var(--sbb-timetable-form-field-route-icon-rotate);
|
|
40
|
+
translate: var(--sbb-timetable-form-field-route-icon-translate);
|
|
41
|
+
}
|
|
42
|
+
.sbb-timetable-form-field__start-route-icon::after {
|
|
43
|
+
--connecting-line-offset: 0.1875rem;
|
|
44
|
+
--connecting-line-width: calc(
|
|
45
|
+
(var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 +
|
|
46
|
+
var(--connecting-line-offset)
|
|
47
|
+
);
|
|
48
|
+
content: "";
|
|
49
|
+
position: absolute;
|
|
50
|
+
inset-block-start: 50%;
|
|
51
|
+
border-block-start: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);
|
|
52
|
+
width: var(--connecting-line-width);
|
|
53
|
+
margin-left: calc(var(--connecting-line-offset) * -1);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.sbb-timetable-form-field__via-route-icon {
|
|
57
|
+
align-self: stretch;
|
|
58
|
+
position: relative;
|
|
59
|
+
width: var(--sbb-size-icon-ui-small);
|
|
60
|
+
margin-inline-start: var(--sbb-form-field-padding-inline);
|
|
61
|
+
}
|
|
62
|
+
.sbb-timetable-form-field__via-route-icon::before {
|
|
63
|
+
content: "";
|
|
64
|
+
position: absolute;
|
|
65
|
+
inset-inline-start: 50%;
|
|
66
|
+
height: 100%;
|
|
67
|
+
margin-inline-start: -0.0625rem;
|
|
68
|
+
border-inline-start: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);
|
|
69
|
+
}
|
|
70
|
+
.sbb-timetable-form-field__via-route-icon::after {
|
|
71
|
+
content: "";
|
|
72
|
+
position: absolute;
|
|
73
|
+
inset-block-start: 50%;
|
|
74
|
+
inset-inline-start: 50%;
|
|
75
|
+
translate: -50% -50%;
|
|
76
|
+
width: 0.4375rem;
|
|
77
|
+
height: 0.4375rem;
|
|
78
|
+
border: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);
|
|
79
|
+
border-radius: var(--sbb-border-radius-infinity);
|
|
80
|
+
background-color: var(--sbb-timetable-form-field-route-icon-background-color);
|
|
81
|
+
margin-inline-start: -0.03125rem;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.sbb-form-field__space-wrapper {
|
|
85
|
+
flex-grow: 1;
|
|
86
|
+
}`;
|
|
87
|
+
let SbbTimetableFormFieldElement = (() => {
|
|
88
|
+
var _a;
|
|
89
|
+
let _classDecorators = [customElement("sbb-timetable-form-field")];
|
|
90
|
+
let _classDescriptor;
|
|
91
|
+
let _classExtraInitializers = [];
|
|
92
|
+
let _classThis;
|
|
93
|
+
let _classSuper = SbbFormFieldElement;
|
|
94
|
+
_a = class extends _classSuper {
|
|
95
|
+
constructor() {
|
|
96
|
+
super();
|
|
97
|
+
this._routeIcon = false;
|
|
98
|
+
this.borderless = true;
|
|
99
|
+
this.floatingLabel = true;
|
|
100
|
+
this.width = "collapse";
|
|
101
|
+
this.size = "l";
|
|
102
|
+
}
|
|
103
|
+
connectedCallback() {
|
|
104
|
+
super.connectedCallback();
|
|
105
|
+
if (isServer) {
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
|
|
109
|
+
}
|
|
110
|
+
render() {
|
|
111
|
+
return html`
|
|
112
|
+
${this._routeIcon ? html` <sbb-icon
|
|
113
|
+
name="route-circle-start-small"
|
|
114
|
+
class="sbb-timetable-form-field__start-route-icon"
|
|
115
|
+
></sbb-icon>` : html` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
|
|
116
|
+
${super.render()}
|
|
117
|
+
`;
|
|
118
|
+
}
|
|
119
|
+
}, _classThis = _a, (() => {
|
|
120
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
121
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
122
|
+
_classThis = _classDescriptor.value;
|
|
123
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
124
|
+
})(), _a.styles = [SbbFormFieldElement.styles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
|
|
125
|
+
return _classThis;
|
|
126
|
+
})();
|
|
127
|
+
export {
|
|
128
|
+
SbbTimetableFormFieldElement
|
|
129
|
+
};
|
|
130
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGltZXRhYmxlLWZvcm0vdGltZXRhYmxlLWZvcm0tZmllbGQvdGltZXRhYmxlLWZvcm0tZmllbGQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIGlzU2VydmVyLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkZvcm1GaWVsZEVsZW1lbnQgfSBmcm9tICcuLi8uLi9mb3JtLWZpZWxkL2Zvcm0tZmllbGQuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aW1ldGFibGUtZm9ybS1maWVsZC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEV4dGVuZHMgdGhlIGBzYmItZm9ybS1maWVsZGAuIE1lYW50IHRvIGJlIHVzZWQgaW5zaWRlIGEgYHNiYi10aW1ldGFibGUtZm9ybWAuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi10aW1ldGFibGUtZm9ybS1maWVsZCcpXG5jbGFzcyBTYmJUaW1ldGFibGVGb3JtRmllbGRFbGVtZW50IGV4dGVuZHMgU2JiRm9ybUZpZWxkRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtTYmJGb3JtRmllbGRFbGVtZW50LnN0eWxlcywgc3R5bGVdO1xuXG4gIHByaXZhdGUgX3JvdXRlSWNvbiA9IGZhbHNlO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYm9yZGVybGVzcyA9IHRydWU7XG4gICAgdGhpcy5mbG9hdGluZ0xhYmVsID0gdHJ1ZTtcbiAgICB0aGlzLndpZHRoID0gJ2NvbGxhcHNlJztcbiAgICB0aGlzLnNpemUgPSAnbCc7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIGlmIChpc1NlcnZlcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmh5ZHJhdGlvbkNvbXBsZXRlLnRoZW4oXG4gICAgICAoKSA9PiAodGhpcy5fcm91dGVJY29uID0gdGhpcy5tYXRjaGVzKCc6Zmlyc3Qtb2YtdHlwZSwgOmxhc3Qtb2YtdHlwZScpKSxcbiAgICApO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICAke3RoaXMuX3JvdXRlSWNvblxuICAgICAgICA/IGh0bWxgIDxzYmItaWNvblxuICAgICAgICAgICAgbmFtZT1cInJvdXRlLWNpcmNsZS1zdGFydC1zbWFsbFwiXG4gICAgICAgICAgICBjbGFzcz1cInNiYi10aW1ldGFibGUtZm9ybS1maWVsZF9fc3RhcnQtcm91dGUtaWNvblwiXG4gICAgICAgICAgPjwvc2JiLWljb24+YFxuICAgICAgICA6IGh0bWxgIDxzcGFuIGNsYXNzPVwic2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkX192aWEtcm91dGUtaWNvblwiPjwvc3Bhbj4gYH1cbiAgICAgICR7c3VwZXIucmVuZGVyKCl9XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkJzogU2JiVGltZXRhYmxlRm9ybUZpZWxkRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBWU0sZ0NBQTRCLE1BQUE7OzBCQURqQyxjQUFjLDBCQUEwQixDQUFDOzs7O29CQUNDO0FBQVIsRUFBQSxtQkFBUSxZQUFtQjtBQUFBLElBSzVELGNBQUE7QUFDRSxZQUFBO0FBSE0sV0FBQSxhQUFhO0FBSW5CLFdBQUssYUFBYTtBQUNsQixXQUFLLGdCQUFnQjtBQUNyQixXQUFLLFFBQVE7QUFDYixXQUFLLE9BQU87QUFBQSxJQUNkO0FBQUEsSUFFZ0Isb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFFTixVQUFJLFVBQVU7QUFDWjtBQUFBLE1BQ0Y7QUFDQSxXQUFLLGtCQUFrQixLQUNyQixNQUFPLEtBQUssYUFBYSxLQUFLLFFBQVEsK0JBQStCLENBQUU7QUFBQSxJQUUzRTtBQUFBLElBRWdCLFNBQU07QUFDcEIsYUFBTztBQUFBLFFBQ0gsS0FBSyxhQUNIO0FBQUE7QUFBQTtBQUFBLDBCQUlBLHNFQUFzRTtBQUFBLFFBQ3hFLE1BQU0sUUFBUTtBQUFBO0FBQUEsSUFFcEI7QUFBQTs7QUFsQ0YsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLENBQUMsb0JBQW9CLFFBQVEsS0FBSyxHQUQ5RSxrQkFBQSxZQUFBLHVCQUFBLEdBQTZCOzs7In0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form-field.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-form/timetable-form-field.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0DAA0D,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { SbbTimetableFormFieldElement } from "./timetable-form-field/timetable-form-field.component.js";
|
|
2
|
+
export {
|
|
3
|
+
SbbTimetableFormFieldElement
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZmllbGQuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { CSSResultGroup, PropertyValues } from 'lit';
|
|
2
|
+
import { SbbSecondaryButtonElement } from '../../button/secondary-button.js';
|
|
3
|
+
/**
|
|
4
|
+
* An extension of `sbb-secondary-button` to be used inside the `sbb-timetable-form`.
|
|
5
|
+
* When placed between two `sbb-timetable-form-field`, the 'click' swaps the value of the sibling inputs.
|
|
6
|
+
*/
|
|
7
|
+
export declare class SbbTimetableFormSwapButtonElement extends SbbSecondaryButtonElement {
|
|
8
|
+
static styles: CSSResultGroup;
|
|
9
|
+
private _languageController;
|
|
10
|
+
constructor();
|
|
11
|
+
connectedCallback(): void;
|
|
12
|
+
protected willUpdate(changedProperties: PropertyValues<this>): void;
|
|
13
|
+
/**
|
|
14
|
+
* Search for `sbb-timetable-form-field` inputs, invert their values and dispatch the respective input and change events
|
|
15
|
+
*/
|
|
16
|
+
private _invertFieldValues;
|
|
17
|
+
}
|
|
18
|
+
declare global {
|
|
19
|
+
interface HTMLElementTagNameMap {
|
|
20
|
+
'sbb-timetable-form-swap-button': SbbTimetableFormSwapButtonElement;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=timetable-form-swap-button.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form-swap-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAM7E;;;GAGG;AACH,qBAEM,iCAAkC,SAAQ,yBAAyB;IACvE,OAAuB,MAAM,EAAE,cAAc,CAA6C;IAE1F,OAAO,CAAC,mBAAmB,CAAmC;;IAQ9C,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK5E;;OAEG;IACH,OAAO,CAAC,kBAAkB;CAiB3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gCAAgC,EAAE,iCAAiC,CAAC;KACrE;CACF"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { customElement } from "lit/decorators.js";
|
|
3
|
+
import { SbbSecondaryButtonElement } from "../../button/secondary-button.js";
|
|
4
|
+
import { SbbLanguageController } from "../../core/controllers.js";
|
|
5
|
+
import { i18nTimetableFormSwapButtonLabel } from "../../core/i18n.js";
|
|
6
|
+
import { css } from "lit";
|
|
7
|
+
const style = css`*,
|
|
8
|
+
::before,
|
|
9
|
+
::after {
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
:host(:is(:state(timetable-form-context),[state--timetable-form-context])) {
|
|
14
|
+
--sbb-timetable-form-swap-button-margin-inline-end: var(--sbb-spacing-fixed-6x);
|
|
15
|
+
--sbb-timetable-form-swap-button-translate: 0 -50%;
|
|
16
|
+
--sbb-timetable-form-swap-button-z-index: 1;
|
|
17
|
+
--sbb-timetable-form-swap-button-position: absolute;
|
|
18
|
+
position: relative;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.sbb-timetable-form-swap-button {
|
|
22
|
+
position: var(--sbb-timetable-form-swap-button-position, relative);
|
|
23
|
+
margin-inline-end: var(--sbb-timetable-form-swap-button-margin-inline-end);
|
|
24
|
+
translate: var(--sbb-timetable-form-swap-button-translate);
|
|
25
|
+
z-index: var(--sbb-timetable-form-swap-button-z-index);
|
|
26
|
+
inset-inline-end: 0;
|
|
27
|
+
}`;
|
|
28
|
+
let SbbTimetableFormSwapButtonElement = (() => {
|
|
29
|
+
var _a;
|
|
30
|
+
let _classDecorators = [customElement("sbb-timetable-form-swap-button")];
|
|
31
|
+
let _classDescriptor;
|
|
32
|
+
let _classExtraInitializers = [];
|
|
33
|
+
let _classThis;
|
|
34
|
+
let _classSuper = SbbSecondaryButtonElement;
|
|
35
|
+
_a = class extends _classSuper {
|
|
36
|
+
constructor() {
|
|
37
|
+
super();
|
|
38
|
+
this._languageController = new SbbLanguageController(this);
|
|
39
|
+
this.iconName = "arrow-change-small";
|
|
40
|
+
this.addEventListener("click", () => this._invertFieldValues());
|
|
41
|
+
}
|
|
42
|
+
connectedCallback() {
|
|
43
|
+
super.connectedCallback();
|
|
44
|
+
this.toggleState("timetable-form-context", !!this.closest("sbb-timetable-form"));
|
|
45
|
+
}
|
|
46
|
+
willUpdate(changedProperties) {
|
|
47
|
+
super.willUpdate(changedProperties);
|
|
48
|
+
this.internals.ariaLabel = i18nTimetableFormSwapButtonLabel[this._languageController.current];
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Search for `sbb-timetable-form-field` inputs, invert their values and dispatch the respective input and change events
|
|
52
|
+
*/
|
|
53
|
+
_invertFieldValues() {
|
|
54
|
+
const parentForm = this.closest("sbb-timetable-form");
|
|
55
|
+
const fields = Array.from(parentForm?.querySelectorAll("sbb-timetable-form-field") || []);
|
|
56
|
+
const values = fields.map((f) => f.inputElement?.value);
|
|
57
|
+
if (!parentForm || values.length === 0 || values.every((v) => !v)) {
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
values.reverse().forEach((v, i) => {
|
|
61
|
+
const input = fields[i].inputElement;
|
|
62
|
+
if (input instanceof HTMLInputElement) {
|
|
63
|
+
input.value = v;
|
|
64
|
+
input.dispatchEvent(new InputEvent("input", { bubbles: true, composed: true }));
|
|
65
|
+
input.dispatchEvent(new Event("change", { bubbles: true }));
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
}, _classThis = _a, (() => {
|
|
70
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
71
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
72
|
+
_classThis = _classDescriptor.value;
|
|
73
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
74
|
+
})(), _a.styles = [SbbSecondaryButtonElement.styles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
|
|
75
|
+
return _classThis;
|
|
76
|
+
})();
|
|
77
|
+
export {
|
|
78
|
+
SbbTimetableFormSwapButtonElement
|
|
79
|
+
};
|
|
80
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGltZXRhYmxlLWZvcm0vdGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24vdGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYlNlY29uZGFyeUJ1dHRvbkVsZW1lbnQgfSBmcm9tICcuLi8uLi9idXR0b24vc2Vjb25kYXJ5LWJ1dHRvbi5qcyc7XG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGkxOG5UaW1ldGFibGVGb3JtU3dhcEJ1dHRvbkxhYmVsIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24uc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBBbiBleHRlbnNpb24gb2YgYHNiYi1zZWNvbmRhcnktYnV0dG9uYCB0byBiZSB1c2VkIGluc2lkZSB0aGUgYHNiYi10aW1ldGFibGUtZm9ybWAuXG4gKiBXaGVuIHBsYWNlZCBiZXR3ZWVuIHR3byBgc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkYCwgdGhlICdjbGljaycgc3dhcHMgdGhlIHZhbHVlIG9mIHRoZSBzaWJsaW5nIGlucHV0cy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRpbWV0YWJsZS1mb3JtLXN3YXAtYnV0dG9uJylcbmNsYXNzIFNiYlRpbWV0YWJsZUZvcm1Td2FwQnV0dG9uRWxlbWVudCBleHRlbmRzIFNiYlNlY29uZGFyeUJ1dHRvbkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiU2Vjb25kYXJ5QnV0dG9uRWxlbWVudC5zdHlsZXMsIHN0eWxlXTtcblxuICBwcml2YXRlIF9sYW5ndWFnZUNvbnRyb2xsZXIgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuaWNvbk5hbWUgPSAnYXJyb3ctY2hhbmdlLXNtYWxsJztcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4gdGhpcy5faW52ZXJ0RmllbGRWYWx1ZXMoKSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLnRvZ2dsZVN0YXRlKCd0aW1ldGFibGUtZm9ybS1jb250ZXh0JywgISF0aGlzLmNsb3Nlc3QoJ3NiYi10aW1ldGFibGUtZm9ybScpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMYWJlbCA9IGkxOG5UaW1ldGFibGVGb3JtU3dhcEJ1dHRvbkxhYmVsW3RoaXMuX2xhbmd1YWdlQ29udHJvbGxlci5jdXJyZW50XTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZWFyY2ggZm9yIGBzYmItdGltZXRhYmxlLWZvcm0tZmllbGRgIGlucHV0cywgaW52ZXJ0IHRoZWlyIHZhbHVlcyBhbmQgZGlzcGF0Y2ggdGhlIHJlc3BlY3RpdmUgaW5wdXQgYW5kIGNoYW5nZSBldmVudHNcbiAgICovXG4gIHByaXZhdGUgX2ludmVydEZpZWxkVmFsdWVzKCk6IHZvaWQge1xuICAgIGNvbnN0IHBhcmVudEZvcm0gPSB0aGlzLmNsb3Nlc3QoJ3NiYi10aW1ldGFibGUtZm9ybScpO1xuICAgIGNvbnN0IGZpZWxkcyA9IEFycmF5LmZyb20ocGFyZW50Rm9ybT8ucXVlcnlTZWxlY3RvckFsbCgnc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkJykgfHwgW10pO1xuICAgIGNvbnN0IHZhbHVlcyA9IGZpZWxkcy5tYXAoKGYpID0+IChmLmlucHV0RWxlbWVudCBhcyBIVE1MSW5wdXRFbGVtZW50KT8udmFsdWUpO1xuICAgIGlmICghcGFyZW50Rm9ybSB8fCB2YWx1ZXMubGVuZ3RoID09PSAwIHx8IHZhbHVlcy5ldmVyeSgodikgPT4gIXYpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdmFsdWVzLnJldmVyc2UoKS5mb3JFYWNoKCh2LCBpKSA9PiB7XG4gICAgICBjb25zdCBpbnB1dCA9IGZpZWxkc1tpXS5pbnB1dEVsZW1lbnQ7XG4gICAgICBpZiAoaW5wdXQgaW5zdGFuY2VvZiBIVE1MSW5wdXRFbGVtZW50KSB7XG4gICAgICAgIGlucHV0LnZhbHVlID0gdjtcbiAgICAgICAgaW5wdXQuZGlzcGF0Y2hFdmVudChuZXcgSW5wdXRFdmVudCgnaW5wdXQnLCB7IGJ1YmJsZXM6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pKTtcbiAgICAgICAgaW5wdXQuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2NoYW5nZScsIHsgYnViYmxlczogdHJ1ZSB9KSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10aW1ldGFibGUtZm9ybS1zd2FwLWJ1dHRvbic6IFNiYlRpbWV0YWJsZUZvcm1Td2FwQnV0dG9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWVNLHFDQUFpQyxNQUFBOzswQkFEdEMsY0FBYyxnQ0FBZ0MsQ0FBQzs7OztvQkFDQTtBQUFSLEVBQUEsbUJBQVEsWUFBeUI7QUFBQSxJQUt2RSxjQUFBO0FBQ0UsWUFBQTtBQUhNLFdBQUEsc0JBQXNCLElBQUksc0JBQXNCLElBQUk7QUFJMUQsV0FBSyxXQUFXO0FBQ2hCLFdBQUssaUJBQWlCLFNBQVMsTUFBTSxLQUFLLG9CQUFvQjtBQUFBLElBQ2hFO0FBQUEsSUFFZ0Isb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFDTixXQUFLLFlBQVksMEJBQTBCLENBQUMsQ0FBQyxLQUFLLFFBQVEsb0JBQW9CLENBQUM7QUFBQSxJQUNqRjtBQUFBLElBRW1CLFdBQVcsbUJBQXVDO0FBQ25FLFlBQU0sV0FBVyxpQkFBaUI7QUFDbEMsV0FBSyxVQUFVLFlBQVksaUNBQWlDLEtBQUssb0JBQW9CLE9BQU87QUFBQSxJQUM5RjtBQUFBO0FBQUE7QUFBQTtBQUFBLElBS1EscUJBQWtCO0FBQ3hCLFlBQU0sYUFBYSxLQUFLLFFBQVEsb0JBQW9CO0FBQ3BELFlBQU0sU0FBUyxNQUFNLEtBQUssWUFBWSxpQkFBaUIsMEJBQTBCLEtBQUssRUFBRTtBQUN4RixZQUFNLFNBQVMsT0FBTyxJQUFJLENBQUMsTUFBTyxFQUFFLGNBQW1DLEtBQUs7QUFDNUUsVUFBSSxDQUFDLGNBQWMsT0FBTyxXQUFXLEtBQUssT0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRztBQUNqRTtBQUFBLE1BQ0Y7QUFFQSxhQUFPLFFBQUEsRUFBVSxRQUFRLENBQUMsR0FBRyxNQUFLO0FBQ2hDLGNBQU0sUUFBUSxPQUFPLENBQUMsRUFBRTtBQUN4QixZQUFJLGlCQUFpQixrQkFBa0I7QUFDckMsZ0JBQU0sUUFBUTtBQUNkLGdCQUFNLGNBQWMsSUFBSSxXQUFXLFNBQVMsRUFBRSxTQUFTLE1BQU0sVUFBVSxLQUFBLENBQU0sQ0FBQztBQUM5RSxnQkFBTSxjQUFjLElBQUksTUFBTSxVQUFVLEVBQUUsU0FBUyxLQUFBLENBQU0sQ0FBQztBQUFBLFFBQzVEO0FBQUEsTUFDRixDQUFDO0FBQUEsSUFDSDtBQUFBOztBQXhDRixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsQ0FBQywwQkFBMEIsUUFBUSxLQUFLLEdBRHBGLGtCQUFBLFlBQUEsdUJBQUEsR0FBa0M7OzsifQ==
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form-swap-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-form/timetable-form-swap-button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sEAAsE,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { SbbTimetableFormSwapButtonElement } from "./timetable-form-swap-button/timetable-form-swap-button.component.js";
|
|
2
|
+
export {
|
|
3
|
+
SbbTimetableFormSwapButtonElement
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24uanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-form/timetable-form.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8CAA8C,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { SbbTimetableFormElement } from "./timetable-form/timetable-form.component.js";
|
|
2
|
+
export {
|
|
3
|
+
SbbTimetableFormElement
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0uanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* @entrypoint
|
|
3
|
+
*/
|
|
4
|
+
export * from './timetable-form/timetable-form.js';
|
|
5
|
+
export * from './timetable-form/timetable-form-details.js';
|
|
6
|
+
export * from './timetable-form/timetable-form-field.js';
|
|
7
|
+
export * from './timetable-form/timetable-form-swap-button.js';
|
|
8
|
+
//# sourceMappingURL=timetable-form.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form.d.ts","sourceRoot":"","sources":["../../../src/elements/timetable-form.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,oCAAoC,CAAC;AACnD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,0CAA0C,CAAC;AACzD,cAAc,gDAAgD,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { SbbTimetableFormElement } from "./timetable-form/timetable-form/timetable-form.component.js";
|
|
2
|
+
import { SbbTimetableFormDetailsElement } from "./timetable-form/timetable-form-details/timetable-form-details.component.js";
|
|
3
|
+
import { SbbTimetableFormFieldElement } from "./timetable-form/timetable-form-field/timetable-form-field.component.js";
|
|
4
|
+
import { SbbTimetableFormSwapButtonElement } from "./timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js";
|
|
5
|
+
export {
|
|
6
|
+
SbbTimetableFormDetailsElement,
|
|
7
|
+
SbbTimetableFormElement,
|
|
8
|
+
SbbTimetableFormFieldElement,
|
|
9
|
+
SbbTimetableFormSwapButtonElement
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0uanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7OyJ9
|
|
@@ -21,7 +21,7 @@ const style = css`*,
|
|
|
21
21
|
|
|
22
22
|
:host {
|
|
23
23
|
display: inline-block;
|
|
24
|
-
--sbb-timetable-occupancy-color: var(--sbb-color-
|
|
24
|
+
--sbb-timetable-occupancy-color: var(--sbb-color-2);
|
|
25
25
|
--sbb-icon-svg-width: 0.890625rem;
|
|
26
26
|
--sbb-icon-svg-height: v0.75rem;
|
|
27
27
|
}
|
|
@@ -33,7 +33,7 @@ const style = css`*,
|
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
:host([negative]) {
|
|
36
|
-
--sbb-timetable-occupancy-color: var(--sbb-color-
|
|
36
|
+
--sbb-timetable-occupancy-color: var(--sbb-color-2-negative);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
39
|
.sbb-timetable-occupancy__list {
|
|
@@ -11,6 +11,7 @@ export declare class SbbTimetableOccupancyIconElement extends SbbTimetableOccupa
|
|
|
11
11
|
accessor occupancy: SbbOccupancy;
|
|
12
12
|
private _language;
|
|
13
13
|
private _mediaMatcher;
|
|
14
|
+
private _darkModeController;
|
|
14
15
|
private _forcedColors;
|
|
15
16
|
private _setNameAndAriaLabel;
|
|
16
17
|
protected fetchSvgIcon(namespace: string, name: string): Promise<string>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timetable-occupancy-icon.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-occupancy-icon/timetable-occupancy-icon.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"timetable-occupancy-icon.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-occupancy-icon/timetable-occupancy-icon.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAU1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;;AAIzC;;GAEG;AACH,qBAEM,gCAAiC,SAAQ,qCAA6B;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAA+B;IAE5E,uBAAuB;IACvB,SAA4B,SAAS,EAAE,YAAY,CAAU;IAE7D,OAAO,CAAC,SAAS,CAA2E;IAC5F,OAAO,CAAC,aAAa,CAKlB;IACH,OAAO,CAAC,mBAAmB,CAAsE;IAEjG,OAAO,CAAC,aAAa,CAA2E;YAElF,oBAAoB;cAeT,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAKvF,OAAO,CAAC,aAAa;IAML,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAO7E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}
|
|
@@ -7,7 +7,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
|
|
|
7
7
|
var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
|
|
8
8
|
import { __runInitializers, __esDecorate } from "tslib";
|
|
9
9
|
import { customElement, property } from "lit/decorators.js";
|
|
10
|
-
import { SbbLanguageController, SbbMediaMatcherController, SbbMediaQueryForcedColors } from "../core/controllers.js";
|
|
10
|
+
import { SbbLanguageController, SbbMediaMatcherController, SbbMediaQueryForcedColors, SbbDarkModeController } from "../core/controllers.js";
|
|
11
11
|
import { i18nOccupancy } from "../core/i18n.js";
|
|
12
12
|
import { SbbNegativeMixin } from "../core/mixins.js";
|
|
13
13
|
import { SbbIconBase } from "../icon.js";
|
|
@@ -39,6 +39,7 @@ let SbbTimetableOccupancyIconElement = (() => {
|
|
|
39
39
|
this._setNameAndAriaLabel();
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
|
+
this._darkModeController = new SbbDarkModeController(this, () => this._setNameAndAriaLabel());
|
|
42
43
|
this._forcedColors = this._mediaMatcher.matches(SbbMediaQueryForcedColors) ?? false;
|
|
43
44
|
}
|
|
44
45
|
/** Wagon occupancy. */
|
|
@@ -55,7 +56,7 @@ let SbbTimetableOccupancyIconElement = (() => {
|
|
|
55
56
|
let icon = `utilization-${this.occupancy}`;
|
|
56
57
|
if (this._forcedColors) {
|
|
57
58
|
icon += "-high-contrast";
|
|
58
|
-
} else if (this.negative) {
|
|
59
|
+
} else if (this.negative || this._darkModeController.matches()) {
|
|
59
60
|
icon += "-negative";
|
|
60
61
|
}
|
|
61
62
|
await this.loadSvgIcon(icon);
|
|
@@ -92,4 +93,4 @@ let SbbTimetableOccupancyIconElement = (() => {
|
|
|
92
93
|
export {
|
|
93
94
|
SbbTimetableOccupancyIconElement
|
|
94
95
|
};
|
|
95
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
96
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLW9jY3VwYW5jeS1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RpbWV0YWJsZS1vY2N1cGFuY3ktaWNvbi90aW1ldGFibGUtb2NjdXBhbmN5LWljb24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQge1xuICBTYmJNZWRpYVF1ZXJ5Rm9yY2VkQ29sb3JzLFxuICBTYmJMYW5ndWFnZUNvbnRyb2xsZXIsXG4gIFNiYk1lZGlhTWF0Y2hlckNvbnRyb2xsZXIsXG4gIFNiYkRhcmtNb2RlQ29udHJvbGxlcixcbn0gZnJvbSAnLi4vY29yZS9jb250cm9sbGVycy5qcyc7XG5pbXBvcnQgeyBpMThuT2NjdXBhbmN5IH0gZnJvbSAnLi4vY29yZS9pMThuLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiT2NjdXBhbmN5IH0gZnJvbSAnLi4vY29yZS9pbnRlcmZhY2VzLmpzJztcbmltcG9ydCB7IFNiYk5lZ2F0aXZlTWl4aW4gfSBmcm9tICcuLi9jb3JlL21peGlucy5qcyc7XG5pbXBvcnQgeyBTYmJJY29uQmFzZSB9IGZyb20gJy4uL2ljb24uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aW1ldGFibGUtb2NjdXBhbmN5LWljb24uc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHdhZ29uJ3Mgb2NjdXBhbmN5IGljb24uXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi10aW1ldGFibGUtb2NjdXBhbmN5LWljb24nKVxuY2xhc3MgU2JiVGltZXRhYmxlT2NjdXBhbmN5SWNvbkVsZW1lbnQgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluKFNiYkljb25CYXNlKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtTYmJJY29uQmFzZS5zdHlsZXMsIHN0eWxlXTtcblxuICAvKiogV2Fnb24gb2NjdXBhbmN5LiAqL1xuICBAcHJvcGVydHkoKSBwdWJsaWMgYWNjZXNzb3Igb2NjdXBhbmN5OiBTYmJPY2N1cGFuY3kgPSAnbm9uZSc7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpLndpdGhIYW5kbGVyKCgpID0+IHRoaXMuX3NldEFyaWFMYWJlbCgpKTtcbiAgcHJpdmF0ZSBfbWVkaWFNYXRjaGVyID0gbmV3IFNiYk1lZGlhTWF0Y2hlckNvbnRyb2xsZXIodGhpcywge1xuICAgIFtTYmJNZWRpYVF1ZXJ5Rm9yY2VkQ29sb3JzXTogKG1hdGNoZXMpID0+IHtcbiAgICAgIHRoaXMuX2ZvcmNlZENvbG9ycyA9IG1hdGNoZXM7XG4gICAgICB0aGlzLl9zZXROYW1lQW5kQXJpYUxhYmVsKCk7XG4gICAgfSxcbiAgfSk7XG4gIHByaXZhdGUgX2RhcmtNb2RlQ29udHJvbGxlciA9IG5ldyBTYmJEYXJrTW9kZUNvbnRyb2xsZXIodGhpcywgKCkgPT4gdGhpcy5fc2V0TmFtZUFuZEFyaWFMYWJlbCgpKTtcblxuICBwcml2YXRlIF9mb3JjZWRDb2xvcnM6IGJvb2xlYW4gPSB0aGlzLl9tZWRpYU1hdGNoZXIubWF0Y2hlcyhTYmJNZWRpYVF1ZXJ5Rm9yY2VkQ29sb3JzKSA/PyBmYWxzZTtcblxuICBwcml2YXRlIGFzeW5jIF9zZXROYW1lQW5kQXJpYUxhYmVsKCk6IFByb21pc2U8dm9pZD4ge1xuICAgIGlmICghdGhpcy5vY2N1cGFuY3kpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBsZXQgaWNvbiA9IGB1dGlsaXphdGlvbi0ke3RoaXMub2NjdXBhbmN5fWA7XG4gICAgaWYgKHRoaXMuX2ZvcmNlZENvbG9ycykge1xuICAgICAgaWNvbiArPSAnLWhpZ2gtY29udHJhc3QnO1xuICAgIH0gZWxzZSBpZiAodGhpcy5uZWdhdGl2ZSB8fCB0aGlzLl9kYXJrTW9kZUNvbnRyb2xsZXIubWF0Y2hlcygpKSB7XG4gICAgICBpY29uICs9ICctbmVnYXRpdmUnO1xuICAgIH1cblxuICAgIGF3YWl0IHRoaXMubG9hZFN2Z0ljb24oaWNvbik7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYXN5bmMgZmV0Y2hTdmdJY29uKG5hbWVzcGFjZTogc3RyaW5nLCBuYW1lOiBzdHJpbmcpOiBQcm9taXNlPHN0cmluZz4ge1xuICAgIHRoaXMuX3NldEFyaWFMYWJlbCgpO1xuICAgIHJldHVybiBzdXBlci5mZXRjaFN2Z0ljb24obmFtZXNwYWNlLCBuYW1lKTtcbiAgfVxuXG4gIHByaXZhdGUgX3NldEFyaWFMYWJlbCgpOiB2b2lkIHtcbiAgICB0aGlzLmludGVybmFscy5hcmlhTGFiZWwgPSAoaTE4bk9jY3VwYW5jeVt0aGlzLm9jY3VwYW5jeV0gYXMgUmVjb3JkPHN0cmluZywgc3RyaW5nPik/LltcbiAgICAgIHRoaXMuX2xhbmd1YWdlLmN1cnJlbnRcbiAgICBdO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5fc2V0TmFtZUFuZEFyaWFMYWJlbCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdvY2N1cGFuY3knKSB8fCBjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ25lZ2F0aXZlJykpIHtcbiAgICAgIHRoaXMuX3NldE5hbWVBbmRBcmlhTGFiZWwoKTtcbiAgICB9XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10aW1ldGFibGUtb2NjdXBhbmN5LWljb24nOiBTYmJUaW1ldGFibGVPY2N1cGFuY3lJY29uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFxQk0sb0NBQWdDLE1BQUE7OzBCQURyQyxjQUFjLDhCQUE4QixDQUFDOzs7O29CQUNDLGlCQUFpQixXQUFXOzs7O0FBQXBDLEVBQUEsbUJBQVEsWUFBNkI7QUFBQTs7QUFJOUQ7QUFBZ0IseUJBQUEsNkJBQUEsa0JBQUEsTUFBQSx5QkFBMEIsTUFBTTtBQUVwRCxXQUFBLG9FQUFZLElBQUksc0JBQXNCLElBQUksRUFBRSxZQUFZLE1BQU0sS0FBSyxlQUFlO0FBQ2xGLFdBQUEsZ0JBQWdCLElBQUksMEJBQTBCLE1BQU07QUFBQSxRQUMxRCxDQUFDLHlCQUF5QixHQUFHLENBQUMsWUFBVztBQUN2QyxlQUFLLGdCQUFnQjtBQUNyQixlQUFLLHFCQUFBO0FBQUEsUUFDUDtBQUFBLE1BQUEsQ0FDRDtBQUNPLFdBQUEsc0JBQXNCLElBQUksc0JBQXNCLE1BQU0sTUFBTSxLQUFLLHNCQUFzQjtBQUV2RixXQUFBLGdCQUF5QixLQUFLLGNBQWMsUUFBUSx5QkFBeUIsS0FBSztBQUFBLElBd0M1RjtBQUFBO0FBQUEsSUFuRGMsSUFBZ0IsWUFBUztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBekIsSUFBZ0IsVUFBUyxPQUFBO0FBQUEseUJBQUEsNkJBQUE7QUFBQSxJQUFBO0FBQUEsSUFhN0IsTUFBTSx1QkFBb0I7QUFDaEMsVUFBSSxDQUFDLEtBQUssV0FBVztBQUNuQjtBQUFBLE1BQ0Y7QUFFQSxVQUFJLE9BQU8sZUFBZSxLQUFLLFNBQVM7QUFDeEMsVUFBSSxLQUFLLGVBQWU7QUFDdEIsZ0JBQVE7QUFBQSxNQUNWLFdBQVcsS0FBSyxZQUFZLEtBQUssb0JBQW9CLFdBQVc7QUFDOUQsZ0JBQVE7QUFBQSxNQUNWO0FBRUEsWUFBTSxLQUFLLFlBQVksSUFBSTtBQUFBLElBQzdCO0FBQUEsSUFFbUIsTUFBTSxhQUFhLFdBQW1CLE1BQVk7QUFDbkUsV0FBSyxjQUFBO0FBQ0wsYUFBTyxNQUFNLGFBQWEsV0FBVyxJQUFJO0FBQUEsSUFDM0M7QUFBQSxJQUVRLGdCQUFhO0FBQ25CLFdBQUssVUFBVSxZQUFhLGNBQWMsS0FBSyxTQUFTLElBQ3RELEtBQUssVUFBVSxPQUFPO0FBQUEsSUFFMUI7QUFBQSxJQUVnQixvQkFBaUI7QUFDL0IsWUFBTSxrQkFBQTtBQUNOLFdBQUsscUJBQUE7QUFBQSxJQUNQO0FBQUEsSUFFbUIsV0FBVyxtQkFBdUM7QUFDbkUsWUFBTSxXQUFXLGlCQUFpQjtBQUVsQyxVQUFJLGtCQUFrQixJQUFJLFdBQVcsS0FBSyxrQkFBa0IsSUFBSSxVQUFVLEdBQUc7QUFDM0UsYUFBSyxxQkFBQTtBQUFBLE1BQ1A7QUFBQSxJQUNGO0FBQUEsS0FsRFk7O0FBQVgsNEJBQUEsQ0FBQSxVQUFVO0FBQUMsaUJBQUEsSUFBQSxNQUFBLHVCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsYUFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxlQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsV0FBUyxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBVCxZQUFTO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLHlCQUFBLDRCQUFBO0FBSnZDLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixDQUFDLFlBQVksUUFBUSxLQUFLLEdBRHRFLGtCQUFBLFlBQUEsdUJBQUEsR0FBaUM7OzsifQ==
|