@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
|
@@ -17,7 +17,7 @@ const style = css`*,
|
|
|
17
17
|
|
|
18
18
|
:host {
|
|
19
19
|
display: block;
|
|
20
|
-
--sbb-card-background-color: var(--sbb-color-
|
|
20
|
+
--sbb-card-background-color: var(--sbb-background-color-1);
|
|
21
21
|
--sbb-card-border-radius: var(--sbb-border-radius-4x);
|
|
22
22
|
--sbb-card-animation-duration: var(
|
|
23
23
|
--sbb-disable-animation-duration,
|
|
@@ -28,6 +28,10 @@ const style = css`*,
|
|
|
28
28
|
--sbb-card-border-style: solid;
|
|
29
29
|
--sbb-card-hover-shift: 0;
|
|
30
30
|
--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);
|
|
31
|
+
--sbb-focus-outline-color: light-dark(
|
|
32
|
+
var(--sbb-focus-outline-color-default),
|
|
33
|
+
var(--sbb-focus-outline-color-dark)
|
|
34
|
+
);
|
|
31
35
|
}
|
|
32
36
|
@media (forced-colors: active) {
|
|
33
37
|
:host {
|
|
@@ -37,13 +41,13 @@ const style = css`*,
|
|
|
37
41
|
}
|
|
38
42
|
|
|
39
43
|
:host([color=milk]) {
|
|
40
|
-
--sbb-card-background-color: var(--sbb-color-
|
|
44
|
+
--sbb-card-background-color: var(--sbb-background-color-3);
|
|
41
45
|
--sbb-card-border-color: transparent;
|
|
42
46
|
}
|
|
43
47
|
|
|
44
48
|
:host([color=transparent-bordered]) {
|
|
45
49
|
--sbb-card-background-color: transparent;
|
|
46
|
-
--sbb-card-border-color: var(--sbb-color-
|
|
50
|
+
--sbb-card-border-color: var(--sbb-border-color-4-inverted);
|
|
47
51
|
--sbb-card-border-width: var(--sbb-border-width-1x);
|
|
48
52
|
--sbb-focus-outline-color: inherit;
|
|
49
53
|
}
|
|
@@ -51,13 +55,14 @@ const style = css`*,
|
|
|
51
55
|
:host([color=transparent-bordered-dashed]) {
|
|
52
56
|
--sbb-card-background-color: transparent;
|
|
53
57
|
--sbb-card-border-color: var(--sbb-color-cement);
|
|
58
|
+
--sbb-card-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-granite));
|
|
54
59
|
--sbb-card-border-width: var(--sbb-border-width-1x);
|
|
55
60
|
--sbb-card-border-style: dashed;
|
|
56
61
|
--sbb-focus-outline-color: inherit;
|
|
57
62
|
}
|
|
58
63
|
|
|
59
64
|
:host([data-has-active-action]) {
|
|
60
|
-
--sbb-card-border-color: var(--sbb-color-
|
|
65
|
+
--sbb-card-border-color: var(--sbb-border-color-3);
|
|
61
66
|
--sbb-card-border-width: var(--sbb-border-width-2x);
|
|
62
67
|
--sbb-card-border-style: solid;
|
|
63
68
|
}
|
|
@@ -135,7 +140,7 @@ const style = css`*,
|
|
|
135
140
|
--sbb-card-hover-shift: -0.125rem;
|
|
136
141
|
}
|
|
137
142
|
:host([data-has-action]:not([data-has-active-action]):hover) .sbb-card {
|
|
138
|
-
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-
|
|
143
|
+
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-color-hard-2), 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-color-hard-1);
|
|
139
144
|
}
|
|
140
145
|
}
|
|
141
146
|
@media (any-hover: hover) and (forced-colors: active) {
|
|
@@ -276,4 +281,4 @@ let SbbCardElement = (() => {
|
|
|
276
281
|
export {
|
|
277
282
|
SbbCardElement
|
|
278
283
|
};
|
|
279
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQvY2FyZC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vLi4vY29yZS9kb20uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCByZWxhdGVkIHRvIGEgc2luZ2xlIHN1YmplY3QuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgY2FyZC5cbiAqIEBzbG90IGJhZGdlIC0gVXNlIHRoaXMgc2xvdCB0byByZW5kZXIgYSBgc2JiLWNhcmQtYmFkZ2VgIGNvbXBvbmVudC5cbiAqIEBzbG90IGFjdGlvbiAtIFVzZSB0aGlzIHNsb3QgdG8gcmVuZGVyIGEgYHNiYi1jYXJkLWJ1dHRvbmAgb3IgYSBgc2JiLWNhcmQtbGlua2AgY29tcG9uZW50LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItY2FyZCcpXG5jbGFzcyBTYmJDYXJkRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKipcbiAgICogU2l6ZSB2YXJpYW50LCBlaXRoZXIgeHMsIHMsIG0sIGwsIHhsLCB4eGwgb3IgeHh4bC5cbiAgICogQGRlZmF1bHQgJ20nIC8gJ3hzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6XG4gICAgfCAneHMnXG4gICAgfCAncydcbiAgICB8ICdtJ1xuICAgIHwgJ2wnXG4gICAgfCAneGwnXG4gICAgfCAneHhsJ1xuICAgIHwgJ3h4eGwnID0gaXNMZWFuKCkgPyAneHMnIDogJ20nO1xuXG4gIC8qKiBPcHRpb24gdG8gc2V0IHRoZSBjb21wb25lbnQncyBiYWNrZ3JvdW5kIGNvbG9yLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBjb2xvcjpcbiAgICB8ICd3aGl0ZSdcbiAgICB8ICdtaWxrJ1xuICAgIHwgJ3RyYW5zcGFyZW50LWJvcmRlcmVkJ1xuICAgIHwgJ3RyYW5zcGFyZW50LWJvcmRlcmVkLWRhc2hlZCcgPSAnd2hpdGUnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZFwiPlxuICAgICAgICA8c2xvdCBuYW1lPVwiYWN0aW9uXCI+PC9zbG90PlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkX193cmFwcGVyXCI+XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmRfX2JhZGdlLXdyYXBwZXJcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiYmFkZ2VcIj48L3Nsb3Q+
|
|
284
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQvY2FyZC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vLi4vY29yZS9kb20uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCByZWxhdGVkIHRvIGEgc2luZ2xlIHN1YmplY3QuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgY2FyZC5cbiAqIEBzbG90IGJhZGdlIC0gVXNlIHRoaXMgc2xvdCB0byByZW5kZXIgYSBgc2JiLWNhcmQtYmFkZ2VgIGNvbXBvbmVudC5cbiAqIEBzbG90IGFjdGlvbiAtIFVzZSB0aGlzIHNsb3QgdG8gcmVuZGVyIGEgYHNiYi1jYXJkLWJ1dHRvbmAgb3IgYSBgc2JiLWNhcmQtbGlua2AgY29tcG9uZW50LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItY2FyZCcpXG5jbGFzcyBTYmJDYXJkRWxlbWVudCBleHRlbmRzIExpdEVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcblxuICAvKipcbiAgICogU2l6ZSB2YXJpYW50LCBlaXRoZXIgeHMsIHMsIG0sIGwsIHhsLCB4eGwgb3IgeHh4bC5cbiAgICogQGRlZmF1bHQgJ20nIC8gJ3hzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIHNpemU6XG4gICAgfCAneHMnXG4gICAgfCAncydcbiAgICB8ICdtJ1xuICAgIHwgJ2wnXG4gICAgfCAneGwnXG4gICAgfCAneHhsJ1xuICAgIHwgJ3h4eGwnID0gaXNMZWFuKCkgPyAneHMnIDogJ20nO1xuXG4gIC8qKiBPcHRpb24gdG8gc2V0IHRoZSBjb21wb25lbnQncyBiYWNrZ3JvdW5kIGNvbG9yLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBjb2xvcjpcbiAgICB8ICd3aGl0ZSdcbiAgICB8ICdtaWxrJ1xuICAgIHwgJ3RyYW5zcGFyZW50LWJvcmRlcmVkJ1xuICAgIHwgJ3RyYW5zcGFyZW50LWJvcmRlcmVkLWRhc2hlZCcgPSAnd2hpdGUnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZFwiPlxuICAgICAgICA8c2xvdCBuYW1lPVwiYWN0aW9uXCI+PC9zbG90PlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkX193cmFwcGVyXCI+XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmRfX2JhZGdlLXdyYXBwZXJcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiYmFkZ2VcIj48L3Nsb3Q+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2FyZCc6IFNiYkNhcmRFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWlCTSxrQkFBYyxNQUFBOzswQkFEbkIsY0FBYyxVQUFVLENBQUM7Ozs7b0JBQ0c7Ozs7Ozs7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQTs7QUFPUixpREFBQSxrQkFBQSxNQUFBLG9CQU9oQixPQUFBLElBQVcsT0FBTyxHQUFHO0FBR0wsbURBQUEsa0JBQUEsTUFBQSx1QkFBQSxHQUFBLGtCQUFBLE1BQUEscUJBSU8sT0FBTzs7Ozs7OztJQWRkLElBQWdCLE9BQUk7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQXBCLElBQWdCLEtBQUksT0FBQTtBQUFBLHlCQUFBLHdCQUFBO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFVcEIsSUFBZ0IsUUFBSztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBckIsSUFBZ0IsTUFBSyxPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFNL0IsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQVdUO0FBQUEsS0E1QjZCLHdDQVVBOztBQVY1Qix1QkFBQSxDQUFBLFNBQVMsRUFBRSxTQUFTLEtBQUEsQ0FBTSxDQUFDO0FBVTNCLHdCQUFBLENBQUEsU0FBUyxFQUFFLFNBQVMsS0FBQSxDQUFNLENBQUM7QUFWQyxpQkFBQSxJQUFBLE1BQUEsa0JBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxRQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFVBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixNQUFJLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFKLE9BQUk7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsb0JBQUEsdUJBQUE7QUFVcEIsaUJBQUEsSUFBQSxNQUFBLG1CQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsU0FBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxXQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsT0FBSyxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBTCxRQUFLO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLHFCQUFBLHdCQUFBO0FBakJwRCxpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsT0FENUMsa0JBQUEsWUFBQSx1QkFBQSxHQUFlOzs7In0=
|
|
@@ -17,19 +17,20 @@ const style = css`*,
|
|
|
17
17
|
|
|
18
18
|
:host {
|
|
19
19
|
--sbb-card-badge-gap: var(--sbb-spacing-fixed-2x);
|
|
20
|
+
--sbb-card-badge-color: var(--sbb-color-2-inverted);
|
|
21
|
+
--sbb-card-badge-background-color: var(--sbb-background-color-3-inverted);
|
|
22
|
+
--sbb-card-badge-border-color: transparent;
|
|
20
23
|
display: block;
|
|
21
24
|
}
|
|
22
25
|
|
|
23
26
|
:host([color=white]) {
|
|
24
|
-
--sbb-card-badge-color: var(--sbb-color-
|
|
25
|
-
--sbb-card-badge-background-color: var(--sbb-color-
|
|
27
|
+
--sbb-card-badge-color: var(--sbb-color-3);
|
|
28
|
+
--sbb-card-badge-background-color: var(--sbb-background-color-1);
|
|
26
29
|
--sbb-card-badge-border-color: var(--sbb-color-aluminium);
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
--sbb-card-badge-background-color: var(--sbb-color-charcoal);
|
|
32
|
-
--sbb-card-badge-border-color: transparent;
|
|
30
|
+
--sbb-card-badge-border-color: light-dark(
|
|
31
|
+
var(--sbb-color-aluminium),
|
|
32
|
+
var(--sbb-color-anthracite)
|
|
33
|
+
);
|
|
33
34
|
}
|
|
34
35
|
|
|
35
36
|
.sbb-card-badge-wrapper {
|
|
@@ -164,4 +165,4 @@ let SbbCardBadgeElement = (() => {
|
|
|
164
165
|
export {
|
|
165
166
|
SbbCardBadgeElement
|
|
166
167
|
};
|
|
167
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQtYmFkZ2UvY2FyZC1iYWRnZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLWJhZGdlLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCB3aXRoaW4gYSBiYWRnZS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBiYWRnZS5cbiAqICAgQ29udGVudCBwYXJ0cyBzaG91bGQgYmUgd3JhcHBlZCBpbiBgPHNwYW4+YCB0YWdzIHRvIGFjaGlldmUgY29ycmVjdCBzcGFjaW5ncy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWNhcmQtYmFkZ2UnKVxuY2xhc3MgU2JiQ2FyZEJhZGdlRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICd0ZXh0JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIENvbG9yIG9mIHRoZSBjYXJkIGJhZGdlLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBjb2xvcjogJ2NoYXJjb2FsJyB8ICd3aGl0ZScgPSAnY2hhcmNvYWwnO1xuXG4gIHByaXZhdGUgX3BhcmVudEVsZW1lbnQ/OiBIVE1MRWxlbWVudCB8IG51bGw7XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnYmFkZ2UnO1xuICAgIHRoaXMuX3BhcmVudEVsZW1lbnQgPSB0aGlzLnBhcmVudEVsZW1lbnQ7XG4gICAgaWYgKHRoaXMuX3BhcmVudEVsZW1lbnQpIHtcbiAgICAgIHRoaXMuX3BhcmVudEVsZW1lbnQudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWhhcy1jYXJkLWJhZGdlJywgdHJ1ZSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgaWYgKHRoaXMuX3BhcmVudEVsZW1lbnQpIHtcbiAgICAgIHRoaXMuX3BhcmVudEVsZW1lbnQucmVtb3ZlQXR0cmlidXRlKCdkYXRhLWhhcy1jYXJkLWJhZGdlJyk7XG4gICAgfVxuICAgIHRoaXMuX3BhcmVudEVsZW1lbnQgPSB1bmRlZmluZWQ7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmQtYmFkZ2Utd3JhcHBlclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkLWJhZGdlXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZC1iYWRnZS1iYWNrZ3JvdW5kXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmQtYmFkZ2UtY29udGVudFwiPlxuICAgICAgICAgICAgPHNsb3Q+
|
|
168
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2FyZC1iYWRnZS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJkL2NhcmQtYmFkZ2UvY2FyZC1iYWRnZS5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJkLWJhZGdlLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgY29udGVudCB3aXRoaW4gYSBiYWRnZS5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBiYWRnZS5cbiAqICAgQ29udGVudCBwYXJ0cyBzaG91bGQgYmUgd3JhcHBlZCBpbiBgPHNwYW4+YCB0YWdzIHRvIGFjaGlldmUgY29ycmVjdCBzcGFjaW5ncy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWNhcmQtYmFkZ2UnKVxuY2xhc3MgU2JiQ2FyZEJhZGdlRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgcm9sZSA9ICd0ZXh0JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIENvbG9yIG9mIHRoZSBjYXJkIGJhZGdlLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBjb2xvcjogJ2NoYXJjb2FsJyB8ICd3aGl0ZScgPSAnY2hhcmNvYWwnO1xuXG4gIHByaXZhdGUgX3BhcmVudEVsZW1lbnQ/OiBIVE1MRWxlbWVudCB8IG51bGw7XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgdGhpcy5zbG90IHx8PSAnYmFkZ2UnO1xuICAgIHRoaXMuX3BhcmVudEVsZW1lbnQgPSB0aGlzLnBhcmVudEVsZW1lbnQ7XG4gICAgaWYgKHRoaXMuX3BhcmVudEVsZW1lbnQpIHtcbiAgICAgIHRoaXMuX3BhcmVudEVsZW1lbnQudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWhhcy1jYXJkLWJhZGdlJywgdHJ1ZSk7XG4gICAgfVxuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGRpc2Nvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmRpc2Nvbm5lY3RlZENhbGxiYWNrKCk7XG4gICAgaWYgKHRoaXMuX3BhcmVudEVsZW1lbnQpIHtcbiAgICAgIHRoaXMuX3BhcmVudEVsZW1lbnQucmVtb3ZlQXR0cmlidXRlKCdkYXRhLWhhcy1jYXJkLWJhZGdlJyk7XG4gICAgfVxuICAgIHRoaXMuX3BhcmVudEVsZW1lbnQgPSB1bmRlZmluZWQ7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmQtYmFkZ2Utd3JhcHBlclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi1jYXJkLWJhZGdlXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItY2FyZC1iYWRnZS1iYWNrZ3JvdW5kXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+PC9zcGFuPlxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWNhcmQtYmFkZ2UtY29udGVudFwiPlxuICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jYXJkLWJhZGdlJzogU2JiQ2FyZEJhZGdlRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBZ0JNLHVCQUFtQixNQUFBOzswQkFEeEIsY0FBYyxnQkFBZ0IsQ0FBQzs7OztvQkFDRSx5QkFBeUIsVUFBVTs7OztBQUEzQyxFQUFBLG1CQUFRLFlBQW9DO0FBQUE7O0FBS3ZDO0FBQWdCLHlCQUFBLHlCQUFBLGtCQUFBLE1BQUEscUJBQThCLFVBQVU7QUFFN0UsV0FBQSxpQkFBYyxrQkFBQSxNQUFBLHdCQUFBO0FBQUEsSUErQnhCO0FBQUE7QUFBQSxJQWpDK0IsSUFBZ0IsUUFBSztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBckIsSUFBZ0IsTUFBSyxPQUFBO0FBQUEseUJBQUEseUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFJbEMsb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFDTixXQUFLLFNBQVM7QUFDZCxXQUFLLGlCQUFpQixLQUFLO0FBQzNCLFVBQUksS0FBSyxnQkFBZ0I7QUFDdkIsYUFBSyxlQUFlLGdCQUFnQix1QkFBdUIsSUFBSTtBQUFBLE1BQ2pFO0FBQUEsSUFDRjtBQUFBLElBRWdCLHVCQUFvQjtBQUNsQyxZQUFNLHFCQUFBO0FBQ04sVUFBSSxLQUFLLGdCQUFnQjtBQUN2QixhQUFLLGVBQWUsZ0JBQWdCLHFCQUFxQjtBQUFBLE1BQzNEO0FBQ0EsV0FBSyxpQkFBaUI7QUFBQSxJQUN4QjtBQUFBLElBRW1CLFNBQU07QUFDdkIsYUFBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBVVQ7QUFBQSxLQWhDNkI7O0FBQTVCLHdCQUFBLENBQUEsU0FBUyxFQUFFLFNBQVMsS0FBQSxDQUFNLENBQUM7QUFBQyxpQkFBQSxJQUFBLE1BQUEsbUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxTQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLFdBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixPQUFLLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFMLFFBQUs7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEscUJBQUEsd0JBQUE7QUFMcEQsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUNrQyxHQUFBLE9BQU8sUUFDaEIsR0FBQSxTQUF5QixPQUY1QyxrQkFBQSxZQUFBLHVCQUFBLEdBQW9COzs7In0=
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import { PropertyValues } from '@lit/reactive-element';
|
|
2
|
+
import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
|
|
3
|
+
declare const SbbCarouselElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
|
|
4
|
+
/**
|
|
5
|
+
* It displays a carousel component.
|
|
6
|
+
*
|
|
7
|
+
* @slot - Use the unnamed slot to add the `sbb-carousel-list` for content and a `sbb-paginator` for controls.
|
|
8
|
+
*/
|
|
9
|
+
export declare class SbbCarouselElement extends SbbCarouselElement_base {
|
|
10
|
+
static styles: CSSResultGroup;
|
|
11
|
+
/**
|
|
12
|
+
* Used to display a box-shadow around the component.
|
|
13
|
+
*/
|
|
14
|
+
accessor shadow: boolean;
|
|
15
|
+
private _paginator;
|
|
16
|
+
private _abortController;
|
|
17
|
+
private _language;
|
|
18
|
+
private _requestedPageIndexByPaginator;
|
|
19
|
+
constructor();
|
|
20
|
+
connectedCallback(): void;
|
|
21
|
+
firstUpdated(_changedProperties: PropertyValues): void;
|
|
22
|
+
disconnectedCallback(): void;
|
|
23
|
+
private _handleSlotchange;
|
|
24
|
+
private _scrollAtPageChange;
|
|
25
|
+
protected render(): TemplateResult;
|
|
26
|
+
}
|
|
27
|
+
declare global {
|
|
28
|
+
interface HTMLElementTagNameMap {
|
|
29
|
+
'sbb-carousel': SbbCarouselElement;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
export {};
|
|
33
|
+
//# sourceMappingURL=carousel.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/carousel/carousel/carousel.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAmBvC,OAAO,6BAA6B,CAAC;;AAIrC;;;;GAIG;AACH,qBAEM,kBAAmB,SAAQ,uBAAoC;IACnE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD;;OAEG;IACH,SAEgB,MAAM,EAAE,OAAO,CAAS;IAExC,OAAO,CAAC,UAAU,CAA2C;IAC7D,OAAO,CAAC,gBAAgB,CAAgC;IACxD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,8BAA8B,CAAM;;IAwB5B,iBAAiB,IAAI,IAAI;IAOzB,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAQtD,oBAAoB,IAAI,IAAI;IAK5C,OAAO,CAAC,iBAAiB;IA4BzB,OAAO,CAAC,mBAAmB;cAiBR,MAAM,IAAI,cAAc;CAU5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,cAAc,EAAE,kBAAkB,CAAC;KACpC;CACF"}
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
var __typeError = (msg) => {
|
|
2
|
+
throw TypeError(msg);
|
|
3
|
+
};
|
|
4
|
+
var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
|
|
5
|
+
var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
|
|
6
|
+
var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
|
|
7
|
+
var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
|
|
8
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
9
|
+
import { css, LitElement, html } from "lit";
|
|
10
|
+
import { customElement, property } from "lit/decorators.js";
|
|
11
|
+
import { SbbLanguageController } from "../../core/controllers/language-controller.js";
|
|
12
|
+
import { forceType } from "../../core/decorators.js";
|
|
13
|
+
import { i18nNextSlide, i18nPreviousSlide, i18nSlide, i18nCarouselArrowsNavigationHint } from "../../core/i18n/i18n.js";
|
|
14
|
+
import { SbbElementInternalsMixin } from "../../core/mixins.js";
|
|
15
|
+
import "../../screen-reader-only.js";
|
|
16
|
+
const style = css`*,
|
|
17
|
+
::before,
|
|
18
|
+
::after {
|
|
19
|
+
box-sizing: border-box;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
:host {
|
|
23
|
+
--sbb-carousel-border-radius: var(--sbb-border-radius-4x);
|
|
24
|
+
--sbb-carousel-background-color: var(--sbb-background-color-1);
|
|
25
|
+
display: inline-block;
|
|
26
|
+
overflow: hidden;
|
|
27
|
+
border-radius: var(--sbb-carousel-border-radius) var(--sbb-carousel-border-radius) 0 0;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
:host([shadow]) {
|
|
31
|
+
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-color-hard-2), 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-color-hard-1);
|
|
32
|
+
border-radius: var(--sbb-carousel-border-radius);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
:host(:not([shadow])) ::slotted(sbb-carousel-list) {
|
|
36
|
+
--sbb-carousel-inherit-border-radius: var(--sbb-carousel-border-radius);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.sbb-carousel {
|
|
40
|
+
display: flex;
|
|
41
|
+
flex-direction: column;
|
|
42
|
+
justify-content: center;
|
|
43
|
+
align-items: center;
|
|
44
|
+
background-color: var(--sbb-carousel-background-color);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
::slotted(sbb-compact-paginator) {
|
|
48
|
+
padding: var(--sbb-spacing-responsive-xs);
|
|
49
|
+
}`;
|
|
50
|
+
let SbbCarouselElement = (() => {
|
|
51
|
+
var _shadow_accessor_storage, _a;
|
|
52
|
+
let _classDecorators = [customElement("sbb-carousel")];
|
|
53
|
+
let _classDescriptor;
|
|
54
|
+
let _classExtraInitializers = [];
|
|
55
|
+
let _classThis;
|
|
56
|
+
let _classSuper = SbbElementInternalsMixin(LitElement);
|
|
57
|
+
let _shadow_decorators;
|
|
58
|
+
let _shadow_initializers = [];
|
|
59
|
+
let _shadow_extraInitializers = [];
|
|
60
|
+
_a = class extends _classSuper {
|
|
61
|
+
constructor() {
|
|
62
|
+
super();
|
|
63
|
+
__privateAdd(this, _shadow_accessor_storage);
|
|
64
|
+
__privateSet(this, _shadow_accessor_storage, __runInitializers(this, _shadow_initializers, false));
|
|
65
|
+
this._paginator = (__runInitializers(this, _shadow_extraInitializers), null);
|
|
66
|
+
this._abortController = null;
|
|
67
|
+
this._language = new SbbLanguageController(this);
|
|
68
|
+
this._requestedPageIndexByPaginator = -1;
|
|
69
|
+
this.addEventListener?.("show", (e) => {
|
|
70
|
+
if (this._requestedPageIndexByPaginator !== -1 && this._requestedPageIndexByPaginator !== e.detail.index) {
|
|
71
|
+
return;
|
|
72
|
+
}
|
|
73
|
+
if (this._paginator) {
|
|
74
|
+
if (e.detail.index !== this._paginator.pageIndex) {
|
|
75
|
+
this._paginator.pageIndex = e.detail.index;
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
this._requestedPageIndexByPaginator = -1;
|
|
79
|
+
});
|
|
80
|
+
}
|
|
81
|
+
/**
|
|
82
|
+
* Used to display a box-shadow around the component.
|
|
83
|
+
*/
|
|
84
|
+
get shadow() {
|
|
85
|
+
return __privateGet(this, _shadow_accessor_storage);
|
|
86
|
+
}
|
|
87
|
+
set shadow(value) {
|
|
88
|
+
__privateSet(this, _shadow_accessor_storage, value);
|
|
89
|
+
}
|
|
90
|
+
connectedCallback() {
|
|
91
|
+
super.connectedCallback();
|
|
92
|
+
this.internals.role = "region";
|
|
93
|
+
this.internals.ariaLabel = "carousel";
|
|
94
|
+
}
|
|
95
|
+
firstUpdated(_changedProperties) {
|
|
96
|
+
super.firstUpdated(_changedProperties);
|
|
97
|
+
this.internals.ariaDescribedByElements = [
|
|
98
|
+
this.shadowRoot.querySelector("#sbb-carousel-arrows-navigation-hint")
|
|
99
|
+
];
|
|
100
|
+
}
|
|
101
|
+
disconnectedCallback() {
|
|
102
|
+
super.disconnectedCallback();
|
|
103
|
+
this._abortController?.abort();
|
|
104
|
+
}
|
|
105
|
+
_handleSlotchange() {
|
|
106
|
+
const paginator = Array.from(this.children).find((el) => el.localName === "sbb-compact-paginator");
|
|
107
|
+
const list = Array.from(this.children).find((el) => el.localName === "sbb-carousel-list");
|
|
108
|
+
if (!paginator || !list) {
|
|
109
|
+
return;
|
|
110
|
+
}
|
|
111
|
+
const items = list.querySelectorAll("sbb-carousel-item");
|
|
112
|
+
if (items && items.length > 0) {
|
|
113
|
+
paginator.length = items.length;
|
|
114
|
+
paginator.pageSize = 1;
|
|
115
|
+
}
|
|
116
|
+
paginator.accessibilityNextPageLabel ||= i18nNextSlide[this._language.current];
|
|
117
|
+
paginator.accessibilityPreviousPageLabel ||= i18nPreviousSlide[this._language.current];
|
|
118
|
+
paginator.accessibilityPageLabel ||= i18nSlide[this._language.current];
|
|
119
|
+
if (paginator !== this._paginator) {
|
|
120
|
+
this._abortController = new AbortController();
|
|
121
|
+
paginator.addEventListener("page", (e) => this._scrollAtPageChange(e), {
|
|
122
|
+
signal: this._abortController.signal
|
|
123
|
+
});
|
|
124
|
+
this._paginator = paginator;
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
_scrollAtPageChange(e) {
|
|
128
|
+
this._requestedPageIndexByPaginator = e.detail.pageIndex;
|
|
129
|
+
const list = this.querySelector("sbb-carousel-list");
|
|
130
|
+
if (list) {
|
|
131
|
+
const items = list.querySelectorAll("sbb-carousel-item");
|
|
132
|
+
const offsetLeft = items[e.detail.pageIndex].offsetLeft;
|
|
133
|
+
if (list.clientWidth <= 100 || Math.abs(list.scrollLeft - offsetLeft) > 50) {
|
|
134
|
+
list.scrollTo({ left: offsetLeft });
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
render() {
|
|
139
|
+
return html`
|
|
140
|
+
<div class="sbb-carousel">
|
|
141
|
+
<sbb-screen-reader-only id="sbb-carousel-arrows-navigation-hint"
|
|
142
|
+
>${i18nCarouselArrowsNavigationHint[this._language.current]}</sbb-screen-reader-only
|
|
143
|
+
>
|
|
144
|
+
<slot @slotchange=${this._handleSlotchange}></slot>
|
|
145
|
+
</div>
|
|
146
|
+
`;
|
|
147
|
+
}
|
|
148
|
+
}, _shadow_accessor_storage = new WeakMap(), _classThis = _a, (() => {
|
|
149
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
150
|
+
_shadow_decorators = [forceType(), property({ reflect: true, type: Boolean })];
|
|
151
|
+
__esDecorate(_a, null, _shadow_decorators, { kind: "accessor", name: "shadow", static: false, private: false, access: { has: (obj) => "shadow" in obj, get: (obj) => obj.shadow, set: (obj, value) => {
|
|
152
|
+
obj.shadow = value;
|
|
153
|
+
} }, metadata: _metadata }, _shadow_initializers, _shadow_extraInitializers);
|
|
154
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
155
|
+
_classThis = _classDescriptor.value;
|
|
156
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
157
|
+
})(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
|
|
158
|
+
return _classThis;
|
|
159
|
+
})();
|
|
160
|
+
export {
|
|
161
|
+
SbbCarouselElement
|
|
162
|
+
};
|
|
163
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvY2Fyb3VzZWwvY2Fyb3VzZWwvY2Fyb3VzZWwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgUHJvcGVydHlWYWx1ZXMgfSBmcm9tICdAbGl0L3JlYWN0aXZlLWVsZW1lbnQnO1xuaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiTGFuZ3VhZ2VDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9jb250cm9sbGVycy9sYW5ndWFnZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQge1xuICBpMThuQ2Fyb3VzZWxBcnJvd3NOYXZpZ2F0aW9uSGludCxcbiAgaTE4bk5leHRTbGlkZSxcbiAgaTE4blByZXZpb3VzU2xpZGUsXG4gIGkxOG5TbGlkZSxcbn0gZnJvbSAnLi4vLi4vY29yZS9pMThuL2kxOG4uanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJQYWdpbmF0b3JQYWdlRXZlbnREZXRhaWxzIH0gZnJvbSAnLi4vLi4vY29yZS9pbnRlcmZhY2VzLmpzJztcbmltcG9ydCB7IFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQgfSBmcm9tICcuLi8uLi9wYWdpbmF0b3IvY29tcGFjdC1wYWdpbmF0b3IvY29tcGFjdC1wYWdpbmF0b3IuY29tcG9uZW50LmpzJztcbmltcG9ydCB0eXBlIHtcbiAgU2JiQ2Fyb3VzZWxJdGVtRWxlbWVudCxcbiAgU2JiQ2Fyb3VzZWxJdGVtRXZlbnREZXRhaWwsXG59IGZyb20gJy4uL2Nhcm91c2VsLWl0ZW0vY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQuanMnO1xuaW1wb3J0IHR5cGUgeyBTYmJDYXJvdXNlbExpc3RFbGVtZW50IH0gZnJvbSAnLi4vY2Fyb3VzZWwtbGlzdC9jYXJvdXNlbC1saXN0LmNvbXBvbmVudC5qcyc7XG5pbXBvcnQgJy4uLy4uL3NjcmVlbi1yZWFkZXItb25seS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL2Nhcm91c2VsLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBjYXJvdXNlbCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgdGhlIGBzYmItY2Fyb3VzZWwtbGlzdGAgZm9yIGNvbnRlbnQgYW5kIGEgYHNiYi1wYWdpbmF0b3JgIGZvciBjb250cm9scy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLWNhcm91c2VsJylcbmNsYXNzIFNiYkNhcm91c2VsRWxlbWVudCBleHRlbmRzIFNiYkVsZW1lbnRJbnRlcm5hbHNNaXhpbihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKlxuICAgKiBVc2VkIHRvIGRpc3BsYXkgYSBib3gtc2hhZG93IGFyb3VuZCB0aGUgY29tcG9uZW50LlxuICAgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUsIHR5cGU6IEJvb2xlYW4gfSlcbiAgcHVibGljIGFjY2Vzc29yIHNoYWRvdzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIHByaXZhdGUgX3BhZ2luYXRvcjogU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQgfCBudWxsID0gbnVsbDtcbiAgcHJpdmF0ZSBfYWJvcnRDb250cm9sbGVyOiBBYm9ydENvbnRyb2xsZXIgfCBudWxsID0gbnVsbDtcbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9yZXF1ZXN0ZWRQYWdlSW5kZXhCeVBhZ2luYXRvciA9IC0xO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuXG4gICAgLy8gSWYgdGhlIGxpc3QgaXMgc2Nyb2xsZWQgdXNpbmcgbW91c2Uva2V5Ym9hcmQsIGl0IGtlZXBzIHRoZSBwYWdpbmF0b3IgdXBkYXRlZC5cbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/Lignc2hvdycsIChlOiBDdXN0b21FdmVudDxTYmJDYXJvdXNlbEl0ZW1FdmVudERldGFpbD4pID0+IHtcbiAgICAgIC8vIFdlIGhhdmUgdG8gZ2l2ZSBwcmlvcml0eSB0byB0aGUgcGFnaW5hdG9yIGZvciB0aGUgY2FzZSxcbiAgICAgIC8vIGlmIGR1cmluZyBhbiBhbmltYXRpb24gdGhlIG5leHQgcGFnZSBpcyBjYWxsZWQgZnJvbSB0aGUgcGFnaW5hdG9yLCB0aGUgcGFnaW5hdG9yIGlzIHJlc2V0LlxuICAgICAgaWYgKFxuICAgICAgICB0aGlzLl9yZXF1ZXN0ZWRQYWdlSW5kZXhCeVBhZ2luYXRvciAhPT0gLTEgJiZcbiAgICAgICAgdGhpcy5fcmVxdWVzdGVkUGFnZUluZGV4QnlQYWdpbmF0b3IgIT09IGUuZGV0YWlsLmluZGV4XG4gICAgICApIHtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgICAgaWYgKHRoaXMuX3BhZ2luYXRvcikge1xuICAgICAgICBpZiAoZS5kZXRhaWwuaW5kZXggIT09IHRoaXMuX3BhZ2luYXRvci5wYWdlSW5kZXgpIHtcbiAgICAgICAgICB0aGlzLl9wYWdpbmF0b3IucGFnZUluZGV4ID0gZS5kZXRhaWwuaW5kZXg7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICAgIHRoaXMuX3JlcXVlc3RlZFBhZ2VJbmRleEJ5UGFnaW5hdG9yID0gLTE7XG4gICAgfSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIHRoaXMuaW50ZXJuYWxzLnJvbGUgPSAncmVnaW9uJztcbiAgICB0aGlzLmludGVybmFscy5hcmlhTGFiZWwgPSAnY2Fyb3VzZWwnO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChfY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzKTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKF9jaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLmludGVybmFscy5hcmlhRGVzY3JpYmVkQnlFbGVtZW50cyA9IFtcbiAgICAgIHRoaXMuc2hhZG93Um9vdCEucXVlcnlTZWxlY3RvcignI3NiYi1jYXJvdXNlbC1hcnJvd3MtbmF2aWdhdGlvbi1oaW50JykhLFxuICAgIF07XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9hYm9ydENvbnRyb2xsZXI/LmFib3J0KCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVTbG90Y2hhbmdlKCk6IHZvaWQge1xuICAgIGNvbnN0IHBhZ2luYXRvcjogU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQgPSBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4pLmZpbmQoXG4gICAgICAoZWwpID0+IGVsLmxvY2FsTmFtZSA9PT0gJ3NiYi1jb21wYWN0LXBhZ2luYXRvcicsXG4gICAgKSBhcyBTYmJDb21wYWN0UGFnaW5hdG9yRWxlbWVudDtcbiAgICBjb25zdCBsaXN0OiBTYmJDYXJvdXNlbExpc3RFbGVtZW50ID0gQXJyYXkuZnJvbSh0aGlzLmNoaWxkcmVuKS5maW5kKFxuICAgICAgKGVsKSA9PiBlbC5sb2NhbE5hbWUgPT09ICdzYmItY2Fyb3VzZWwtbGlzdCcsXG4gICAgKSBhcyBTYmJDYXJvdXNlbExpc3RFbGVtZW50O1xuICAgIGlmICghcGFnaW5hdG9yIHx8ICFsaXN0KSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuICAgIGNvbnN0IGl0ZW1zID0gbGlzdC5xdWVyeVNlbGVjdG9yQWxsPFNiYkNhcm91c2VsSXRlbUVsZW1lbnQ+KCdzYmItY2Fyb3VzZWwtaXRlbScpO1xuICAgIGlmIChpdGVtcyAmJiBpdGVtcy5sZW5ndGggPiAwKSB7XG4gICAgICBwYWdpbmF0b3IubGVuZ3RoID0gaXRlbXMubGVuZ3RoO1xuICAgICAgcGFnaW5hdG9yLnBhZ2VTaXplID0gMTtcbiAgICB9XG4gICAgcGFnaW5hdG9yLmFjY2Vzc2liaWxpdHlOZXh0UGFnZUxhYmVsIHx8PSBpMThuTmV4dFNsaWRlW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICAgIHBhZ2luYXRvci5hY2Nlc3NpYmlsaXR5UHJldmlvdXNQYWdlTGFiZWwgfHw9IGkxOG5QcmV2aW91c1NsaWRlW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICAgIHBhZ2luYXRvci5hY2Nlc3NpYmlsaXR5UGFnZUxhYmVsIHx8PSBpMThuU2xpZGVbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF07XG5cbiAgICBpZiAocGFnaW5hdG9yICE9PSB0aGlzLl9wYWdpbmF0b3IpIHtcbiAgICAgIHRoaXMuX2Fib3J0Q29udHJvbGxlciA9IG5ldyBBYm9ydENvbnRyb2xsZXIoKTtcbiAgICAgIHBhZ2luYXRvci5hZGRFdmVudExpc3RlbmVyKCdwYWdlJywgKGUpID0+IHRoaXMuX3Njcm9sbEF0UGFnZUNoYW5nZShlKSwge1xuICAgICAgICBzaWduYWw6IHRoaXMuX2Fib3J0Q29udHJvbGxlci5zaWduYWwsXG4gICAgICB9KTtcbiAgICAgIHRoaXMuX3BhZ2luYXRvciA9IHBhZ2luYXRvcjtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9zY3JvbGxBdFBhZ2VDaGFuZ2UoZTogQ3VzdG9tRXZlbnQ8U2JiUGFnaW5hdG9yUGFnZUV2ZW50RGV0YWlscz4pOiB2b2lkIHtcbiAgICB0aGlzLl9yZXF1ZXN0ZWRQYWdlSW5kZXhCeVBhZ2luYXRvciA9IGUuZGV0YWlsLnBhZ2VJbmRleDtcbiAgICBjb25zdCBsaXN0ID0gdGhpcy5xdWVyeVNlbGVjdG9yPFNiYkNhcm91c2VsTGlzdEVsZW1lbnQ+KCdzYmItY2Fyb3VzZWwtbGlzdCcpO1xuXG4gICAgaWYgKGxpc3QpIHtcbiAgICAgIGNvbnN0IGl0ZW1zID0gbGlzdC5xdWVyeVNlbGVjdG9yQWxsPFNiYkNhcm91c2VsSXRlbUVsZW1lbnQ+KCdzYmItY2Fyb3VzZWwtaXRlbScpO1xuICAgICAgY29uc3Qgb2Zmc2V0TGVmdCA9IGl0ZW1zW2UuZGV0YWlsLnBhZ2VJbmRleF0ub2Zmc2V0TGVmdDtcblxuICAgICAgLy8gUHJldmVudHMgcmVkdW5kYW50IHNjcm9sbGluZyB3aGVuIHRoZSBwYWdpbmF0b3IgdXBkYXRlcyBhZnRlciBhIHNjcm9sbCBldmVudFxuICAgICAgLy8gYnkgY2hlY2tpbmcgdGhlIGRpc3RhbmNlIGJldHdlZW4gdGhlIGN1cnJlbnQgYW5kIHRhcmdldCBzY3JvbGwgcG9zaXRpb25zLlxuICAgICAgLy8gKHNob3cgZXZlbnQgaXMgdHJpZ2dlcmVkIHNsaWdodGx5IGJlZm9yZSBmdWxseSBzY3JvbGxlZCkuXG4gICAgICBpZiAobGlzdC5jbGllbnRXaWR0aCA8PSAxMDAgfHwgTWF0aC5hYnMobGlzdC5zY3JvbGxMZWZ0IC0gb2Zmc2V0TGVmdCkgPiA1MCkge1xuICAgICAgICBsaXN0LnNjcm9sbFRvKHsgbGVmdDogb2Zmc2V0TGVmdCB9KTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItY2Fyb3VzZWxcIj5cbiAgICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHkgaWQ9XCJzYmItY2Fyb3VzZWwtYXJyb3dzLW5hdmlnYXRpb24taGludFwiXG4gICAgICAgICAgPiR7aTE4bkNhcm91c2VsQXJyb3dzTmF2aWdhdGlvbkhpbnRbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF19PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5XG4gICAgICAgID5cbiAgICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aGlzLl9oYW5kbGVTbG90Y2hhbmdlfT48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItY2Fyb3VzZWwnOiBTYmJDYXJvdXNlbEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBZ0NNLHNCQUFrQixNQUFBOzswQkFEdkIsY0FBYyxjQUFjLENBQUM7Ozs7b0JBQ0cseUJBQXlCLFVBQVU7Ozs7QUFBM0MsRUFBQSxtQkFBUSxZQUFvQztBQUFBLElBZW5FLGNBQUE7QUFDRSxZQUFBO0FBUkY7QUFBZ0IseUJBQUEsMEJBQUEsa0JBQUEsTUFBQSxzQkFBa0IsS0FBSztBQUUvQixXQUFBLGNBQVUsa0JBQUEsTUFBQSx5QkFBQSxHQUFzQztBQUNoRCxXQUFBLG1CQUEyQztBQUMzQyxXQUFBLFlBQVksSUFBSSxzQkFBc0IsSUFBSTtBQUMxQyxXQUFBLGlDQUFpQztBQU12QyxXQUFLLG1CQUFtQixRQUFRLENBQUMsTUFBOEM7QUFHN0UsWUFDRSxLQUFLLG1DQUFtQyxNQUN4QyxLQUFLLG1DQUFtQyxFQUFFLE9BQU8sT0FDakQ7QUFDQTtBQUFBLFFBQ0Y7QUFDQSxZQUFJLEtBQUssWUFBWTtBQUNuQixjQUFJLEVBQUUsT0FBTyxVQUFVLEtBQUssV0FBVyxXQUFXO0FBQ2hELGlCQUFLLFdBQVcsWUFBWSxFQUFFLE9BQU87QUFBQSxVQUN2QztBQUFBLFFBQ0Y7QUFDQSxhQUFLLGlDQUFpQztBQUFBLE1BQ3hDLENBQUM7QUFBQSxJQUNIO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUEzQkEsSUFBZ0IsU0FBTTtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBdEIsSUFBZ0IsT0FBTSxPQUFBO0FBQUEseUJBQUEsMEJBQUE7QUFBQSxJQUFBO0FBQUEsSUE2Qk4sb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFFTixXQUFLLFVBQVUsT0FBTztBQUN0QixXQUFLLFVBQVUsWUFBWTtBQUFBLElBQzdCO0FBQUEsSUFFZ0IsYUFBYSxvQkFBa0M7QUFDN0QsWUFBTSxhQUFhLGtCQUFrQjtBQUVyQyxXQUFLLFVBQVUsMEJBQTBCO0FBQUEsUUFDdkMsS0FBSyxXQUFZLGNBQWMsc0NBQXNDO0FBQUEsTUFBQTtBQUFBLElBRXpFO0FBQUEsSUFFZ0IsdUJBQW9CO0FBQ2xDLFlBQU0scUJBQUE7QUFDTixXQUFLLGtCQUFrQixNQUFBO0FBQUEsSUFDekI7QUFBQSxJQUVRLG9CQUFpQjtBQUN2QixZQUFNLFlBQXdDLE1BQU0sS0FBSyxLQUFLLFFBQVEsRUFBRSxLQUN0RSxDQUFDLE9BQU8sR0FBRyxjQUFjLHVCQUF1QjtBQUVsRCxZQUFNLE9BQStCLE1BQU0sS0FBSyxLQUFLLFFBQVEsRUFBRSxLQUM3RCxDQUFDLE9BQU8sR0FBRyxjQUFjLG1CQUFtQjtBQUU5QyxVQUFJLENBQUMsYUFBYSxDQUFDLE1BQU07QUFDdkI7QUFBQSxNQUNGO0FBQ0EsWUFBTSxRQUFRLEtBQUssaUJBQXlDLG1CQUFtQjtBQUMvRSxVQUFJLFNBQVMsTUFBTSxTQUFTLEdBQUc7QUFDN0Isa0JBQVUsU0FBUyxNQUFNO0FBQ3pCLGtCQUFVLFdBQVc7QUFBQSxNQUN2QjtBQUNBLGdCQUFVLCtCQUErQixjQUFjLEtBQUssVUFBVSxPQUFPO0FBQzdFLGdCQUFVLG1DQUFtQyxrQkFBa0IsS0FBSyxVQUFVLE9BQU87QUFDckYsZ0JBQVUsMkJBQTJCLFVBQVUsS0FBSyxVQUFVLE9BQU87QUFFckUsVUFBSSxjQUFjLEtBQUssWUFBWTtBQUNqQyxhQUFLLG1CQUFtQixJQUFJLGdCQUFBO0FBQzVCLGtCQUFVLGlCQUFpQixRQUFRLENBQUMsTUFBTSxLQUFLLG9CQUFvQixDQUFDLEdBQUc7QUFBQSxVQUNyRSxRQUFRLEtBQUssaUJBQWlCO0FBQUEsUUFBQSxDQUMvQjtBQUNELGFBQUssYUFBYTtBQUFBLE1BQ3BCO0FBQUEsSUFDRjtBQUFBLElBRVEsb0JBQW9CLEdBQTRDO0FBQ3RFLFdBQUssaUNBQWlDLEVBQUUsT0FBTztBQUMvQyxZQUFNLE9BQU8sS0FBSyxjQUFzQyxtQkFBbUI7QUFFM0UsVUFBSSxNQUFNO0FBQ1IsY0FBTSxRQUFRLEtBQUssaUJBQXlDLG1CQUFtQjtBQUMvRSxjQUFNLGFBQWEsTUFBTSxFQUFFLE9BQU8sU0FBUyxFQUFFO0FBSzdDLFlBQUksS0FBSyxlQUFlLE9BQU8sS0FBSyxJQUFJLEtBQUssYUFBYSxVQUFVLElBQUksSUFBSTtBQUMxRSxlQUFLLFNBQVMsRUFBRSxNQUFNLFdBQUEsQ0FBWTtBQUFBLFFBQ3BDO0FBQUEsTUFDRjtBQUFBLElBQ0Y7QUFBQSxJQUVtQixTQUFNO0FBQ3ZCLGFBQU87QUFBQTtBQUFBO0FBQUEsYUFHRSxpQ0FBaUMsS0FBSyxVQUFVLE9BQU8sQ0FBQztBQUFBO0FBQUEsNEJBRXpDLEtBQUssaUJBQWlCO0FBQUE7QUFBQTtBQUFBLElBR2hEO0FBQUEsS0F2R0E7O0FBRkMseUJBQUEsQ0FBQSxVQUFBLEdBQ0EsU0FBUyxFQUFFLFNBQVMsTUFBTSxNQUFNLFFBQUEsQ0FBUyxDQUFDO0FBQzNDLGlCQUFBLElBQUEsTUFBQSxvQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFVBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsWUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLFFBQU0sS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQU4sU0FBTTtBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxzQkFBQSx5QkFBQTtBQVJ4QixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsT0FENUMsa0JBQUEsWUFBQSx1QkFBQSxHQUFtQjs7OyJ9
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
|
|
2
|
+
export type SbbCarouselItemEventDetail = {
|
|
3
|
+
index: number;
|
|
4
|
+
};
|
|
5
|
+
declare const SbbCarouselItemElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
|
|
6
|
+
/**
|
|
7
|
+
* It displays an item contained into the `sbb-carousel` component.
|
|
8
|
+
*
|
|
9
|
+
* @slot - Use the unnamed slot to add images for the carousel, as <img>, <sbb-image>, <picture>, ...
|
|
10
|
+
* @event {CustomEvent<SbbCarouselItemEventDetail>} beforeshow - Event emitted when the item is starting scrolling.
|
|
11
|
+
* @event {CustomEvent<SbbCarouselItemEventDetail>} show - Event emitted when the item is full visible after scrolling.
|
|
12
|
+
*/
|
|
13
|
+
export declare class SbbCarouselItemElement extends SbbCarouselItemElement_base {
|
|
14
|
+
static styles: CSSResultGroup;
|
|
15
|
+
static readonly events: Record<string, string>;
|
|
16
|
+
connectedCallback(): void;
|
|
17
|
+
protected render(): TemplateResult;
|
|
18
|
+
}
|
|
19
|
+
declare global {
|
|
20
|
+
interface HTMLElementTagNameMap {
|
|
21
|
+
'sbb-carousel-item': SbbCarouselItemElement;
|
|
22
|
+
}
|
|
23
|
+
interface GlobalEventHandlersEventMap {
|
|
24
|
+
beforeshow: CustomEvent<SbbCarouselItemEventDetail>;
|
|
25
|
+
show: CustomEvent<SbbCarouselItemEventDetail>;
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
export {};
|
|
29
|
+
//# sourceMappingURL=carousel-item.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-item.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/carousel/carousel-item/carousel-item.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAOvC,MAAM,MAAM,0BAA0B,GAAG;IACvC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;;AAEF;;;;;;GAMG;AACH,qBAEM,sBAAuB,SAAQ,2BAAoC;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAG1C;IAEK,iBAAiB,IAAI,IAAI;cAOtB,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;IAED,UAAU,2BAA2B;QACnC,UAAU,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC;QACpD,IAAI,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAAC;KAC/C;CACF"}
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { css, LitElement, html } from "lit";
|
|
3
|
+
import { customElement } from "lit/decorators.js";
|
|
4
|
+
import { SbbElementInternalsMixin } from "../../core/mixins.js";
|
|
5
|
+
const style = css`*,
|
|
6
|
+
::before,
|
|
7
|
+
::after {
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
:host {
|
|
12
|
+
display: flex;
|
|
13
|
+
scroll-snap-align: start;
|
|
14
|
+
flex-shrink: 0;
|
|
15
|
+
}`;
|
|
16
|
+
let SbbCarouselItemElement = (() => {
|
|
17
|
+
var _a;
|
|
18
|
+
let _classDecorators = [customElement("sbb-carousel-item")];
|
|
19
|
+
let _classDescriptor;
|
|
20
|
+
let _classExtraInitializers = [];
|
|
21
|
+
let _classThis;
|
|
22
|
+
let _classSuper = SbbElementInternalsMixin(LitElement);
|
|
23
|
+
_a = class extends _classSuper {
|
|
24
|
+
connectedCallback() {
|
|
25
|
+
super.connectedCallback();
|
|
26
|
+
this.internals.role = "group";
|
|
27
|
+
this.internals.ariaRoleDescription = "slide";
|
|
28
|
+
}
|
|
29
|
+
render() {
|
|
30
|
+
return html`<slot></slot>`;
|
|
31
|
+
}
|
|
32
|
+
}, _classThis = _a, (() => {
|
|
33
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
34
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
35
|
+
_classThis = _classDescriptor.value;
|
|
36
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
37
|
+
})(), _a.styles = style, _a.events = {
|
|
38
|
+
beforeshow: "beforeshow",
|
|
39
|
+
show: "show"
|
|
40
|
+
}, __runInitializers(_classThis, _classExtraInitializers), _a;
|
|
41
|
+
return _classThis;
|
|
42
|
+
})();
|
|
43
|
+
export {
|
|
44
|
+
SbbCarouselItemElement
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtaXRlbS5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9jYXJvdXNlbC9jYXJvdXNlbC1pdGVtL2Nhcm91c2VsLWl0ZW0uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudEludGVybmFsc01peGluIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9jYXJvdXNlbC1pdGVtLnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCB0eXBlIFNiYkNhcm91c2VsSXRlbUV2ZW50RGV0YWlsID0ge1xuICBpbmRleDogbnVtYmVyO1xufTtcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhbiBpdGVtIGNvbnRhaW5lZCBpbnRvIHRoZSBgc2JiLWNhcm91c2VsYCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgaW1hZ2VzIGZvciB0aGUgY2Fyb3VzZWwsIGFzIDxpbWc+LCA8c2JiLWltYWdlPiwgPHBpY3R1cmU+LCAuLi5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8U2JiQ2Fyb3VzZWxJdGVtRXZlbnREZXRhaWw+fSBiZWZvcmVzaG93IC0gRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBpdGVtIGlzIHN0YXJ0aW5nIHNjcm9sbGluZy5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8U2JiQ2Fyb3VzZWxJdGVtRXZlbnREZXRhaWw+fSBzaG93IC0gRXZlbnQgZW1pdHRlZCB3aGVuIHRoZSBpdGVtIGlzIGZ1bGwgdmlzaWJsZSBhZnRlciBzY3JvbGxpbmcuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi1jYXJvdXNlbC1pdGVtJylcbmNsYXNzIFNiYkNhcm91c2VsSXRlbUVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50SW50ZXJuYWxzTWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgYmVmb3Jlc2hvdzogJ2JlZm9yZXNob3cnLFxuICAgIHNob3c6ICdzaG93JyxcbiAgfSBhcyBjb25zdDtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIHRoaXMuaW50ZXJuYWxzLnJvbGUgPSAnZ3JvdXAnO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFSb2xlRGVzY3JpcHRpb24gPSAnc2xpZGUnO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgPHNsb3Q+PC9zbG90PmA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jYXJvdXNlbC1pdGVtJzogU2JiQ2Fyb3VzZWxJdGVtRWxlbWVudDtcbiAgfVxuXG4gIGludGVyZmFjZSBHbG9iYWxFdmVudEhhbmRsZXJzRXZlbnRNYXAge1xuICAgIGJlZm9yZXNob3c6IEN1c3RvbUV2ZW50PFNiYkNhcm91c2VsSXRlbUV2ZW50RGV0YWlsPjtcbiAgICBzaG93OiBDdXN0b21FdmVudDxTYmJDYXJvdXNlbEl0ZW1FdmVudERldGFpbD47XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7SUFxQk0sMEJBQXNCLE1BQUE7OzBCQUQzQixjQUFjLG1CQUFtQixDQUFDOzs7O29CQUNFLHlCQUF5QixVQUFVO0FBQTNDLEVBQUEsbUJBQVEsWUFBb0M7QUFBQSxJQU92RCxvQkFBaUI7QUFDL0IsWUFBTSxrQkFBQTtBQUVOLFdBQUssVUFBVSxPQUFPO0FBQ3RCLFdBQUssVUFBVSxzQkFBc0I7QUFBQSxJQUN2QztBQUFBLElBRW1CLFNBQU07QUFDdkIsYUFBTztBQUFBLElBQ1Q7QUFBQTs7QUFoQkYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLE9BQ3pCLEdBQUEsU0FBaUM7QUFBQSxJQUN0RCxZQUFZO0FBQUEsSUFDWixNQUFNO0FBQUEsRUFBQSxHQUpKLGtCQUFBLFlBQUEsdUJBQUEsR0FBdUI7OzsifQ==
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-item.d.ts","sourceRoot":"","sources":["../../../../src/elements/carousel/carousel-item.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,4CAA4C,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { SbbCarouselItemElement } from "./carousel-item/carousel-item.component.js";
|
|
2
|
+
export {
|
|
3
|
+
SbbCarouselItemElement
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtaXRlbS5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { PropertyValues } from '@lit/reactive-element';
|
|
2
|
+
import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
|
|
3
|
+
declare const SbbCarouselListElement_base: import('../../core/mixins.js').AbstractConstructor<import('../../core/mixins.js').SbbElementInternalsMixinType> & typeof LitElement & import('../../core/mixins.js').SbbElementInternalsConstructor;
|
|
4
|
+
/**
|
|
5
|
+
* It displays a list of `sbb-carousel-item` components.
|
|
6
|
+
*
|
|
7
|
+
* @slot - Use the unnamed slot to add `sbb-carousel-item` elements.
|
|
8
|
+
*/
|
|
9
|
+
export declare class SbbCarouselListElement extends SbbCarouselListElement_base {
|
|
10
|
+
static styles: CSSResultGroup;
|
|
11
|
+
private _currentIndex;
|
|
12
|
+
private _language;
|
|
13
|
+
private _beforeShowObserver;
|
|
14
|
+
private _showObserver;
|
|
15
|
+
constructor();
|
|
16
|
+
/** Gets the slotted items. */
|
|
17
|
+
private _carouselItems;
|
|
18
|
+
private _handleSlotchange;
|
|
19
|
+
private _onKeyDown;
|
|
20
|
+
connectedCallback(): void;
|
|
21
|
+
firstUpdated(_changedProperties: PropertyValues): void;
|
|
22
|
+
protected render(): TemplateResult;
|
|
23
|
+
}
|
|
24
|
+
declare global {
|
|
25
|
+
interface HTMLElementTagNameMap {
|
|
26
|
+
'sbb-carousel-list': SbbCarouselListElement;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
export {};
|
|
30
|
+
//# sourceMappingURL=carousel-list.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"carousel-list.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/carousel/carousel-list/carousel-list.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5D,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AAcvC;;;;GAIG;AACH,qBAEM,sBAAuB,SAAQ,2BAAoC;IACvE,OAAuB,MAAM,EAAE,cAAc,CAAS;IAEtD,OAAO,CAAC,aAAa,CAAK;IAC1B,OAAO,CAAC,SAAS,CAAmC;IAEpD,OAAO,CAAC,mBAAmB,CAexB;IAEH,OAAO,CAAC,aAAa,CAuBlB;;IAQH,8BAA8B;IAC9B,OAAO,CAAC,cAAc;IAItB,OAAO,CAAC,iBAAiB;IAsBzB,OAAO,CAAC,UAAU;IAsBF,iBAAiB,IAAI,IAAI;IAOzB,YAAY,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;cASnD,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
|