@sbb-esta/lyne-elements 4.11.0 → 4.12.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/autocomplete-base-element.js +1 -1
- package/autocomplete/autocomplete.component.js +3 -2
- package/{autocomplete-base-element-DarHnnYC.js → autocomplete-base-element-De2O5Wx-.js} +14 -9
- package/autocomplete.js +1 -1
- package/autocomplete.pure.js +1 -1
- package/{block-link-common-DzGY49Xc.js → block-link-common-1kRa_czx.js} +1 -1
- package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
- package/breadcrumb/breadcrumb-group.js +1 -1
- package/{breadcrumb-group.component-F3-JZkfO.js → breadcrumb-group.component-CKNsaUqs.js} +1 -1
- package/breadcrumb.js +1 -1
- package/breadcrumb.pure.js +1 -1
- package/button/common/button-common.js +1 -1
- package/button/common.js +1 -1
- package/button-common-BMEhm-dn.js +87 -0
- package/button.js +1 -1
- package/button.pure.js +1 -1
- package/calendar/calendar/calendar.component.js +1 -1
- package/calendar/calendar.js +1 -1
- package/{calendar.component-DjQOyRGl.js → calendar.component-C1jk_uE0.js} +3 -3
- package/calendar.js +1 -1
- package/calendar.pure.js +1 -1
- package/card/card-badge/card-badge.component.js +1 -1
- package/card/card-badge.js +1 -1
- package/{card-badge.component-BSOEYrN4.js → card-badge.component-D0r2iixU.js} +1 -1
- package/card.js +1 -1
- package/card.pure.js +1 -1
- package/checkbox/checkbox.component.js +1 -1
- package/checkbox/checkbox.js +1 -1
- package/checkbox/common/checkbox-common.js +1 -1
- package/checkbox/common.js +1 -1
- package/{checkbox-common-DdieysTG.js → checkbox-common-BpW4_bbi.js} +1 -1
- package/{checkbox.component-ROzxEnPh.js → checkbox.component-DS48CA_v.js} +1 -1
- package/checkbox.js +2 -2
- package/checkbox.pure.js +2 -2
- package/chip/chip-group/chip-group.component.js +1 -1
- package/chip/chip-group.js +1 -1
- package/{chip-group.component-DJzUToem.js → chip-group.component-BqBYzfXA.js} +1 -1
- package/chip.js +1 -1
- package/chip.pure.js +1 -1
- package/{compact-paginator.component-Cyi-t_YD.js → compact-paginator.component-BIAPutro.js} +1 -1
- package/container/sticky-bar/sticky-bar.component.js +1 -1
- package/container/sticky-bar.js +1 -1
- package/container.js +1 -1
- package/container.pure.js +1 -1
- package/core/controllers/overlay-position-controller.js +4 -1
- package/core/mixins/element-internals-mixin.js +1 -1
- package/core/mixins/form-associated-input-mixin.js +1 -1
- package/core/mixins/named-slot-list-mixin.js +4 -1
- package/core/overlay/position.js +4 -4
- package/core/styles/core.scss +62 -77
- package/core/styles/mixins/helpers.scss +3 -3
- package/core/styles/mixins/overlay.scss +2 -2
- package/core/styles/mixins/typo.scss +2 -2
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss +8 -0
- package/core.css +177 -73
- package/custom-elements.json +574 -306
- package/development/autocomplete/autocomplete-base-element.d.ts +8 -1
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete/autocomplete-base-element.js +1 -1
- package/development/autocomplete/autocomplete.component.js +4 -3
- package/development/autocomplete-base-element-BpCpYcX9.js +692 -0
- package/development/autocomplete.js +1 -1
- package/development/autocomplete.pure.js +1 -1
- package/development/{block-link-common-GckvjULA.js → block-link-common-COY1RI1I.js} +2 -2
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
- package/development/breadcrumb/breadcrumb-group.js +1 -1
- package/development/breadcrumb-group.component-DZslNBlB.js +195 -0
- package/development/breadcrumb.js +1 -1
- package/development/breadcrumb.pure.js +1 -1
- package/development/button/common/button-common.js +1 -1
- package/development/button/common.js +1 -1
- package/development/{button-common-CAu09Yim.js → button-common-7dmrUx4A.js} +3 -3
- package/development/button.js +1 -1
- package/development/button.pure.js +1 -1
- package/development/calendar/calendar/calendar.component.js +1 -1
- package/development/calendar/calendar.js +1 -1
- package/development/calendar-cell-base-element-BXohfDSl.js +1 -1
- package/development/calendar.component-Dg3D2A7k.js +1453 -0
- package/development/calendar.js +1 -1
- package/development/calendar.pure.js +1 -1
- package/development/card/card-badge/card-badge.component.js +1 -1
- package/development/card/card-badge.js +1 -1
- package/development/card-action-common-1FDHbfeR.js +1 -1
- package/development/card-badge.component-CUZIoVbL.js +84 -0
- package/development/card.js +1 -1
- package/development/card.pure.js +1 -1
- package/development/carousel-list.component-L-nYpHcN.js +1 -1
- package/development/carousel.component-Dl48ROSf.js +1 -1
- package/development/checkbox/checkbox.component.js +1 -1
- package/development/checkbox/checkbox.js +1 -1
- package/development/checkbox/common/checkbox-common.js +1 -1
- package/development/checkbox/common.js +1 -1
- package/development/checkbox-common-Dd5uup8K.js +86 -0
- package/development/checkbox-group/checkbox-group.component.js +1 -1
- package/development/{checkbox.component-D3_FFSys.js → checkbox.component-CFZrwUTA.js} +2 -2
- package/development/checkbox.js +2 -2
- package/development/checkbox.pure.js +2 -2
- package/development/chip/chip-group/chip-group.component.js +1 -1
- package/development/chip/chip-group.js +1 -1
- package/development/chip-group.component-BVfHWX2-.js +409 -0
- package/development/chip.js +1 -1
- package/development/chip.pure.js +1 -1
- package/development/clock.component-CVPv4mCp.js +1 -1
- package/development/compact-paginator.component-5_Q2Reul.js +51 -0
- package/development/container/sticky-bar/sticky-bar.component.js +1 -1
- package/development/container/sticky-bar.js +1 -1
- package/development/container.js +1 -1
- package/development/container.pure.js +1 -1
- package/development/core/a11y/input-modality-detector.js +1 -1
- package/development/core/base-elements/element.js +1 -1
- package/development/core/controllers/media-matchers-controller.js +1 -1
- package/development/core/controllers/overlay-position-controller.js +3 -2
- package/development/core/datetime/date-adapter.js +1 -1
- package/development/core/datetime/native-date-adapter.js +1 -1
- package/development/core/datetime/temporal-date-adapter.js +1 -1
- package/development/core/eventing/throttle.d.ts +1 -0
- package/development/core/eventing/throttle.d.ts.map +1 -1
- package/development/core/eventing/throttle.js +2 -1
- package/development/core/mixins/disabled-mixin.js +1 -1
- package/development/core/mixins/element-internals-mixin.js +2 -2
- package/development/core/mixins/form-associated-checkbox-mixin.js +1 -1
- package/development/core/mixins/form-associated-input-mixin.js +2 -2
- package/development/core/mixins/form-associated-mixin.js +1 -1
- package/development/core/mixins/form-associated-radio-button-mixin.js +1 -1
- package/development/core/mixins/named-slot-list-mixin.d.ts.map +1 -1
- package/development/core/mixins/named-slot-list-mixin.js +5 -2
- package/development/core/mixins/negative-mixin.js +1 -1
- package/development/core/mixins/readonly-mixin.js +1 -1
- package/development/core/mixins/required-mixin.js +1 -1
- package/development/core/overlay/position.d.ts.map +1 -1
- package/development/core/overlay/position.js +4 -2
- package/development/core/testing/event-spy.js +1 -1
- package/development/datepicker/common/datepicker-button.d.ts +6 -0
- package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
- package/development/datepicker/common/datepicker-button.js +1 -1
- package/development/datepicker/common.js +1 -1
- package/development/datepicker/datepicker/datepicker.component.d.ts +3 -0
- package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
- package/development/datepicker/datepicker/datepicker.component.js +1 -1
- package/development/datepicker/datepicker.js +1 -1
- package/development/datepicker-button-CUPeoQgH.js +169 -0
- package/development/datepicker.component-D2DxFng_.js +216 -0
- package/development/datepicker.js +2 -2
- package/development/datepicker.pure.js +2 -2
- package/development/error.component-OBpWoVRL.js +55 -0
- package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +1 -1
- package/development/expansion-panel/expansion-panel-header.js +1 -1
- package/development/expansion-panel-header.component-C1xRGcAN.js +85 -0
- package/development/expansion-panel.js +1 -1
- package/development/expansion-panel.pure.js +1 -1
- package/development/file-selector/common/file-selector-common.d.ts.map +1 -1
- package/development/file-selector/common/file-selector-common.js +1 -1
- package/development/file-selector/common.js +1 -1
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map +1 -1
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
- package/development/file-selector/file-selector-dropzone.js +1 -1
- package/development/file-selector-common-C7xIEiV4.js +416 -0
- package/development/file-selector-dropzone.component-BAWMZW4F.js +111 -0
- package/development/file-selector.js +2 -2
- package/development/file-selector.pure.js +2 -2
- package/development/footer/footer.component.js +1 -1
- package/development/footer.component-BmDkxYW9.js +172 -0
- package/development/footer.js +1 -1
- package/development/footer.pure.js +1 -1
- package/development/form-field/error/error.component.js +1 -1
- package/development/form-field/error.js +1 -1
- package/development/form-field/form-field/form-field.component.js +1 -1
- package/development/form-field/form-field-clear/form-field-clear.component.d.ts +3 -0
- package/development/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
- package/development/form-field/form-field-clear/form-field-clear.component.js +4 -1
- package/development/form-field/form-field.js +1 -1
- package/development/form-field/hint/hint.component.js +1 -1
- package/development/form-field.component-BU3Sv2mD.js +707 -0
- package/development/form-field.js +3 -3
- package/development/form-field.pure.js +3 -3
- package/development/header/header/header.component.js +1 -1
- package/development/header/header.js +1 -1
- package/development/header-action-common-MTYV0dqA.js +1 -1
- package/development/header.component-CWJ36jF0.js +340 -0
- package/development/header.js +1 -1
- package/development/header.pure.js +1 -1
- package/development/hint.component-DUtL0RS3.js +38 -0
- package/development/icon/icon-name-mixin.js +1 -1
- package/development/image.component-BD0jc-u-.js +1 -1
- package/development/link/common/block-link-common.js +1 -1
- package/development/link/common.js +1 -1
- package/development/link-common-DJ2FfG_Q.js +1 -1
- package/development/link-list-base-CKMNz30d.js +1 -1
- package/development/link.js +1 -1
- package/development/link.pure.js +1 -1
- package/development/message/message.component.js +1 -1
- package/development/message.component-Dlf5V5ba.js +44 -0
- package/development/message.js +1 -1
- package/development/message.pure.js +1 -1
- package/development/mini-calendar.component-BufzKw74.js +1 -1
- package/development/navigation/common/navigation-action-common.js +1 -1
- package/development/navigation/common.js +1 -1
- package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/development/navigation/navigation-marker.js +1 -1
- package/development/navigation/navigation-section/navigation-section.component.js +1 -1
- package/development/navigation/navigation-section.js +1 -1
- package/development/{navigation-action-common-DpBp7-eZ.js → navigation-action-common-Hjr4dI9J.js} +2 -2
- package/development/{navigation-marker.component-BpZdT4xz.js → navigation-marker.component-GOv42emC.js} +2 -2
- package/development/{navigation-section.component-CtZtuacK.js → navigation-section.component-CnVrRETN.js} +2 -2
- package/development/navigation.component-CTNQ1dix.js +1 -1
- package/development/navigation.js +3 -3
- package/development/navigation.pure.js +3 -3
- package/development/notification/notification.component.js +1 -1
- package/development/notification.component-Cvq_uViC.js +274 -0
- package/development/notification.js +1 -1
- package/development/notification.pure.js +1 -1
- package/development/option/option/option-base-element.d.ts.map +1 -1
- package/development/option/option/option-base-element.js +3 -1
- package/development/option/option/option.component.js +1 -1
- package/development/option/option.js +1 -1
- package/development/option.component-Bb2C7ae5.js +130 -0
- package/development/option.js +1 -1
- package/development/option.pure.js +1 -1
- package/development/paginator/common/paginator-common.js +1 -1
- package/development/paginator/compact-paginator/compact-paginator.component.js +1 -1
- package/development/paginator/compact-paginator.js +1 -1
- package/development/paginator/paginator/paginator.component.js +1 -1
- package/development/paginator/paginator.js +1 -1
- package/development/paginator.component-Bn5tK0FK.js +259 -0
- package/development/paginator.js +2 -2
- package/development/paginator.pure.js +2 -2
- package/development/panel-mixin-Dj_rsgL9.js +1 -1
- package/development/popover/popover.component.d.ts +2 -1
- package/development/popover/popover.component.d.ts.map +1 -1
- package/development/popover/popover.component.js +1 -1
- package/development/popover.component-EgOs-wsR.js +572 -0
- package/development/popover.js +1 -1
- package/development/popover.pure.js +1 -1
- package/development/radio-button/common/radio-button-common.js +1 -1
- package/development/radio-button/common.js +1 -1
- package/development/radio-button/radio-button.component.js +1 -1
- package/development/radio-button/radio-button.js +1 -1
- package/development/radio-button-common--d3WX-ZM.js +126 -0
- package/development/radio-button-panel/radio-button-panel.component.js +1 -1
- package/development/{radio-button.component-BrQF2FfA.js → radio-button.component-BauLEeCV.js} +2 -2
- package/development/radio-button.js +2 -2
- package/development/radio-button.pure.js +2 -2
- package/development/select/select.component.d.ts.map +1 -1
- package/development/select/select.component.js +1 -1
- package/development/select.component-D9SFG7Lk.js +814 -0
- package/development/select.js +1 -1
- package/development/select.pure.js +1 -1
- package/development/sidebar-container.component-BDSoDAym.js +1 -1
- package/development/sidebar.component-BLqO52nH.js +1 -1
- package/development/slider/slider.component.js +1 -1
- package/development/{slider.component-BjfLnUvP.js → slider.component-C3qZB6ar.js} +2 -2
- package/development/slider.js +1 -1
- package/development/slider.pure.js +1 -1
- package/development/status/status.component.js +1 -1
- package/development/status.component-CPi1cPN0.js +111 -0
- package/development/status.js +1 -1
- package/development/status.pure.js +1 -1
- package/development/step-label.component-BJ9eainz.js +131 -0
- package/development/stepper/step-label/step-label.component.js +1 -1
- package/development/stepper/step-label.js +1 -1
- package/development/stepper.component-CxOBayI1.js +1 -1
- package/development/stepper.js +1 -1
- package/development/stepper.pure.js +1 -1
- package/development/{sticky-bar.component-Dzrdsnxu.js → sticky-bar.component-CysAIZTd.js} +3 -3
- package/development/styles-D8-q-irv.js +1 -1
- package/development/styles-Jlhoev1S.js +14 -0
- package/development/tab-group.component-D9jCK26q.js +275 -0
- package/development/{tab-label.component-14j2eh4Z.js → tab-label.component-B9e9kgVf.js} +2 -2
- package/development/tabs/common/styles.js +1 -1
- package/development/tabs/common.js +1 -1
- package/development/tabs/tab-group/tab-group.component.d.ts +1 -0
- package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
- package/development/tabs/tab-group/tab-group.component.js +1 -1
- package/development/tabs/tab-group.js +1 -1
- package/development/tabs/tab-label/tab-label.component.js +1 -1
- package/development/tabs/tab-label.js +1 -1
- package/development/tabs.js +3 -3
- package/development/tabs.pure.js +3 -3
- package/development/tag/tag/tag.component.js +1 -1
- package/development/tag/tag.js +1 -1
- package/development/tag.component-Bl1nlIXQ.js +245 -0
- package/development/tag.js +1 -1
- package/development/tag.pure.js +1 -1
- package/development/teaser-hero/teaser-hero.component.js +1 -1
- package/development/{teaser-hero.component-DNlc8Tbl.js → teaser-hero.component-BIOpoGME.js} +2 -2
- package/development/teaser-hero.js +1 -1
- package/development/teaser-hero.pure.js +1 -1
- package/development/teaser-product-common-DYX370pm.js +1 -1
- package/development/time-input.component-BtdSR8kB.js +1 -1
- package/development/timetable-form/timetable-form/timetable-form.component.js +1 -1
- package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
- package/development/timetable-form/timetable-form-details.js +1 -1
- package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
- package/development/timetable-form/timetable-form-field.js +1 -1
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +3 -0
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -1
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
- package/development/timetable-form/timetable-form-swap-button.js +1 -1
- package/development/timetable-form/timetable-form.js +1 -1
- package/development/timetable-form-details.component-DJl5Qt9y.js +26 -0
- package/development/timetable-form-field.component-DQ_TzcF4.js +44 -0
- package/development/{timetable-form-swap-button.component-BUKUjrpl.js → timetable-form-swap-button.component-Bh9aPmdn.js} +4 -1
- package/development/timetable-form.component-N8h4JBlH.js +27 -0
- package/development/timetable-form.js +4 -4
- package/development/timetable-form.pure.js +4 -4
- package/development/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/development/timetable-occupancy.component-BBcznUh0.js +124 -0
- package/development/timetable-occupancy.js +1 -1
- package/development/timetable-occupancy.pure.js +1 -1
- package/development/title/title-base.js +1 -1
- package/development/title/title.component.js +1 -1
- package/development/{title-base-CBE_2Hkb.js → title-base-BdYKwj3-.js} +2 -2
- package/development/{title.component-Dk23JVct.js → title.component-DSXVkddh.js} +2 -2
- package/development/title.js +2 -2
- package/development/title.pure.js +2 -2
- package/development/toast/toast.component.js +1 -1
- package/development/toast.component-IhHx0Qt3.js +275 -0
- package/development/toast.js +1 -1
- package/development/toast.pure.js +1 -1
- package/development/toggle/toggle/toggle.component.d.ts.map +1 -1
- package/development/toggle/toggle/toggle.component.js +1 -1
- package/development/toggle/toggle-option/toggle-option.component.d.ts +1 -0
- package/development/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
- package/development/toggle/toggle-option/toggle-option.component.js +1 -1
- package/development/toggle/toggle-option.js +1 -1
- package/development/toggle/toggle.js +1 -1
- package/development/toggle-check/toggle-check.component.js +1 -1
- package/development/toggle-check.component-_fDAuLob.js +159 -0
- package/development/toggle-check.js +1 -1
- package/development/toggle-check.pure.js +1 -1
- package/development/toggle-option.component-DTS3a603.js +167 -0
- package/development/toggle.component-BJpD1b9H.js +249 -0
- package/development/toggle.js +2 -2
- package/development/toggle.pure.js +2 -2
- package/development/tooltip/tooltip.component.js +1 -1
- package/development/tooltip.component-YaUQA-Id.js +378 -0
- package/development/tooltip.js +1 -1
- package/development/tooltip.pure.js +1 -1
- package/development/train/train-wagon/train-wagon.component.js +1 -1
- package/development/train/train-wagon.js +1 -1
- package/development/{train-wagon.component-BzA8-S_6.js → train-wagon.component-CNxkffOO.js} +2 -2
- package/development/train.js +1 -1
- package/development/train.pure.js +1 -1
- package/{error.component-B_D8WUP5.js → error.component-DH9Obd7a.js} +1 -1
- package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +1 -1
- package/expansion-panel/expansion-panel-header.js +1 -1
- package/{expansion-panel-header.component-B_dQ3ZWT.js → expansion-panel-header.component-uhZcVE_i.js} +2 -2
- package/expansion-panel.js +1 -1
- package/expansion-panel.pure.js +1 -1
- package/file-selector/common/file-selector-common.js +1 -1
- package/file-selector/common.js +1 -1
- package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
- package/file-selector/file-selector-dropzone.js +1 -1
- package/{file-selector-common-DN4vHMpP.js → file-selector-common-BL9mM4SZ.js} +38 -40
- package/{file-selector-dropzone.component-CBKsZsC2.js → file-selector-dropzone.component-Ctar2kEw.js} +3 -4
- package/file-selector.js +2 -2
- package/file-selector.pure.js +2 -2
- package/footer/footer.component.js +1 -1
- package/{footer.component-BM91Utiz.js → footer.component-b2docCY_.js} +1 -1
- package/footer.js +1 -1
- package/footer.pure.js +1 -1
- package/form-field/error/error.component.js +1 -1
- package/form-field/error.js +1 -1
- package/form-field/form-field/form-field.component.js +1 -1
- package/form-field/form-field.js +1 -1
- package/form-field/hint/hint.component.js +1 -1
- package/{form-field.component-Cx5Keg_p.js → form-field.component-BwZDRKbQ.js} +3 -2
- package/form-field.js +3 -3
- package/form-field.pure.js +3 -3
- package/header/header/header.component.js +1 -1
- package/header/header.js +1 -1
- package/{header.component-hZqs06Yh.js → header.component-UQUFcMOD.js} +1 -1
- package/header.js +1 -1
- package/header.pure.js +1 -1
- package/{hint.component-BVUUrSSu.js → hint.component-CE2D2TLU.js} +1 -1
- package/link/common/block-link-common.js +1 -1
- package/link/common.js +1 -1
- package/link.js +1 -1
- package/link.pure.js +1 -1
- package/message/message.component.js +1 -1
- package/message.component-DhN-aFms.js +27 -0
- package/message.js +1 -1
- package/message.pure.js +1 -1
- package/navigation/common/navigation-action-common.js +1 -1
- package/navigation/common.js +1 -1
- package/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/navigation/navigation-marker.js +1 -1
- package/navigation/navigation-section/navigation-section.component.js +1 -1
- package/navigation/navigation-section.js +1 -1
- package/{navigation-action-common-2ix0xrBs.js → navigation-action-common-AzRltwrb.js} +1 -1
- package/{navigation-marker.component-DKxK16IU.js → navigation-marker.component-BzbbKlfT.js} +1 -1
- package/{navigation-section.component-CvjXVn5r.js → navigation-section.component-DQxCi3O_.js} +1 -1
- package/navigation.js +3 -3
- package/navigation.pure.js +3 -3
- package/notification/notification.component.js +1 -1
- package/{notification.component-DjXJFh1G.js → notification.component-D80Wl5xM.js} +1 -1
- package/notification.js +1 -1
- package/notification.pure.js +1 -1
- package/off-brand-theme.css +177 -73
- package/option/option/option-base-element.js +1 -1
- package/option/option/option.component.js +1 -1
- package/option/option.js +1 -1
- package/{option.component-M-V_tdSC.js → option.component-CMp8QVZT.js} +2 -2
- package/option.js +1 -1
- package/option.pure.js +1 -1
- package/package.json +1 -1
- package/paginator/compact-paginator/compact-paginator.component.js +1 -1
- package/paginator/compact-paginator.js +1 -1
- package/paginator/paginator/paginator.component.js +1 -1
- package/paginator/paginator.js +1 -1
- package/{paginator.component-CZt7Epaf.js → paginator.component-BEr0qU0m.js} +1 -1
- package/paginator.js +2 -2
- package/paginator.pure.js +2 -2
- package/popover/popover.component.js +1 -1
- package/{popover.component-DWNuW4wM.js → popover.component-CnOrQaaa.js} +82 -58
- package/popover.js +1 -1
- package/popover.pure.js +1 -1
- package/radio-button/common/radio-button-common.js +1 -1
- package/radio-button/common.js +1 -1
- package/radio-button/radio-button.component.js +1 -1
- package/radio-button/radio-button.js +1 -1
- package/{radio-button-common-DP4Izwwf.js → radio-button-common-C1mIf9KY.js} +1 -1
- package/{radio-button.component-BiGeOI5L.js → radio-button.component-Bae-yK_U.js} +1 -1
- package/radio-button.js +2 -2
- package/radio-button.pure.js +2 -2
- package/safety-theme.css +177 -73
- package/select/select.component.js +1 -1
- package/{select.component-DWLdApt_.js → select.component-BT6RbERH.js} +3 -3
- package/select.js +1 -1
- package/select.pure.js +1 -1
- package/slider/slider.component.js +1 -1
- package/{slider.component-CoqCppCq.js → slider.component-BlRVR6iU.js} +1 -1
- package/slider.js +1 -1
- package/slider.pure.js +1 -1
- package/standard-theme.css +177 -73
- package/status/status.component.js +1 -1
- package/{status.component-BFyXTFXH.js → status.component-lw_WDs7W.js} +1 -1
- package/status.js +1 -1
- package/status.pure.js +1 -1
- package/step-label.component-Dqis4FAN.js +80 -0
- package/stepper/step-label/step-label.component.js +1 -1
- package/stepper/step-label.js +1 -1
- package/stepper.js +1 -1
- package/stepper.pure.js +1 -1
- package/{sticky-bar.component-DDBq8uXU.js → sticky-bar.component-37iKnzVR.js} +2 -2
- package/styles-BNu0Fjw5.js +5 -0
- package/{tab-group.component-Doy39cEh.js → tab-group.component-BCJix5Cq.js} +37 -34
- package/{tab-label.component-CD56RH1Z.js → tab-label.component-CpdUyfiq.js} +1 -1
- package/tabs/common/styles.js +1 -1
- package/tabs/common.js +1 -1
- package/tabs/tab-group/tab-group.component.js +1 -1
- package/tabs/tab-group.js +1 -1
- package/tabs/tab-label/tab-label.component.js +1 -1
- package/tabs/tab-label.js +1 -1
- package/tabs.js +3 -3
- package/tabs.pure.js +3 -3
- package/tag/tag/tag.component.js +1 -1
- package/tag/tag.js +1 -1
- package/{tag.component-CzYJZuFT.js → tag.component-CsNszQvB.js} +1 -1
- package/tag.js +1 -1
- package/tag.pure.js +1 -1
- package/teaser-hero/teaser-hero.component.js +1 -1
- package/{teaser-hero.component-CHy82SKQ.js → teaser-hero.component-D8yj-N5n.js} +1 -1
- package/teaser-hero.js +1 -1
- package/teaser-hero.pure.js +1 -1
- package/timetable-form/timetable-form/timetable-form.component.js +1 -1
- package/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
- package/timetable-form/timetable-form-details.js +1 -1
- package/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
- package/timetable-form/timetable-form-field.js +1 -1
- package/timetable-form/timetable-form.js +1 -1
- package/timetable-form-details.component-mWKaBW_9.js +16 -0
- package/timetable-form-field.component-Cv_lv8vf.js +32 -0
- package/{timetable-form.component-CU1FXAZH.js → timetable-form.component-YcvKAlfz.js} +1 -1
- package/timetable-form.js +3 -3
- package/timetable-form.pure.js +3 -3
- package/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/{timetable-occupancy.component-Db9SfiyD.js → timetable-occupancy.component-BCXPxz68.js} +1 -1
- package/timetable-occupancy.js +1 -1
- package/timetable-occupancy.pure.js +1 -1
- package/title/title-base.js +1 -1
- package/title/title.component.js +1 -1
- package/{title-base-D72Xo2SW.js → title-base-DV0qhfG9.js} +1 -1
- package/{title.component-CoMa84Sz.js → title.component-DAGyXwDm.js} +1 -1
- package/title.js +2 -2
- package/title.pure.js +2 -2
- package/toast/toast.component.js +1 -1
- package/{toast.component-BDE1vYLS.js → toast.component-CORnf2Tl.js} +3 -3
- package/toast.js +1 -1
- package/toast.pure.js +1 -1
- package/toggle/toggle/toggle.component.js +1 -1
- package/toggle/toggle-option/toggle-option.component.js +1 -1
- package/toggle/toggle-option.js +1 -1
- package/toggle/toggle.js +1 -1
- package/toggle-check/toggle-check.component.js +1 -1
- package/toggle-check.component-DvoslSRr.js +119 -0
- package/toggle-check.js +1 -1
- package/toggle-check.pure.js +1 -1
- package/{toggle-option.component-Bw-GXUQK.js → toggle-option.component-pX3tNwjE.js} +5 -7
- package/{toggle.component-BPpsMMPG.js → toggle.component-B20xAw1V.js} +6 -10
- package/toggle.js +2 -2
- package/toggle.pure.js +2 -2
- package/tooltip/tooltip.component.js +1 -1
- package/{tooltip.component-BY9mV5Sw.js → tooltip.component-ocVpJogs.js} +1 -1
- package/tooltip.js +1 -1
- package/tooltip.pure.js +1 -1
- package/train/train-wagon/train-wagon.component.js +1 -1
- package/train/train-wagon.js +1 -1
- package/{train-wagon.component-BwCcF4GD.js → train-wagon.component-BT4Xnzxr.js} +1 -1
- package/train.js +1 -1
- package/train.pure.js +1 -1
- package/button-common-yFVzAoGy.js +0 -87
- package/development/autocomplete-base-element-YwfObJzm.js +0 -678
- package/development/breadcrumb-group.component-HBWRdDpS.js +0 -195
- package/development/calendar.component-6p9vsp-V.js +0 -1452
- package/development/card-badge.component-D4Mes-Gw.js +0 -84
- package/development/checkbox-common-DiTlHvFJ.js +0 -86
- package/development/chip-group.component-CvpUdzu1.js +0 -409
- package/development/compact-paginator.component-TfDVt_ST.js +0 -51
- package/development/datepicker-button-CANzGO5m.js +0 -163
- package/development/datepicker.component-C8XQVo45.js +0 -213
- package/development/error.component-xD_c9IBA.js +0 -55
- package/development/expansion-panel-header.component-Bw4uROTe.js +0 -85
- package/development/file-selector-common-C82QR3zb.js +0 -418
- package/development/file-selector-dropzone.component-B-cBO4bf.js +0 -112
- package/development/footer.component-BblB5218.js +0 -172
- package/development/form-field.component-DfMO_ihX.js +0 -706
- package/development/header.component-Cg0ZcA1s.js +0 -340
- package/development/hint.component-BsIzdUOV.js +0 -38
- package/development/message.component-CeJhYXSC.js +0 -44
- package/development/notification.component-Co9QChXc.js +0 -274
- package/development/option.component-CdL7fdzZ.js +0 -130
- package/development/paginator.component-DAdS2mMm.js +0 -259
- package/development/popover.component-BCMdJBUR.js +0 -537
- package/development/radio-button-common-C3-xuY78.js +0 -126
- package/development/select.component-CGNEhqzl.js +0 -812
- package/development/status.component-CHC2pBa-.js +0 -111
- package/development/step-label.component-CJFPHIZa.js +0 -131
- package/development/styles-DCQBzC2C.js +0 -14
- package/development/tab-group.component-DRipdAyc.js +0 -272
- package/development/tag.component-CnNPL6aI.js +0 -245
- package/development/timetable-form-details.component-C8awcdP5.js +0 -26
- package/development/timetable-form-field.component-BI24VjkC.js +0 -44
- package/development/timetable-form.component-CUG86CSN.js +0 -27
- package/development/timetable-occupancy.component-D_PXXvI9.js +0 -124
- package/development/toast.component-BnbpuU9L.js +0 -274
- package/development/toggle-check.component-BG4w_sE8.js +0 -159
- package/development/toggle-option.component-D-F7Fh7i.js +0 -168
- package/development/toggle.component-BFYLRN8o.js +0 -254
- package/development/tooltip.component-DzSd9VjW.js +0 -378
- package/message.component-BQjnZ5Z3.js +0 -27
- package/step-label.component-DnQBwnL8.js +0 -80
- package/styles-BUpK1iP2.js +0 -5
- package/timetable-form-details.component-CBZ7QSAx.js +0 -16
- package/timetable-form-field.component-BKxQQqt7.js +0 -32
- package/toggle-check.component-B6Ww5pLD.js +0 -119
package/option/option.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SbbOptionBaseElement as e } from "./option/option-base-element.js";
|
|
2
|
-
import { t } from "../option.component-
|
|
2
|
+
import { t } from "../option.component-CMp8QVZT.js";
|
|
3
3
|
t.define(), console.warn("The entrypoint '@sbb-esta/elements/option/option.js' has been deprecated.\nUse either '@sbb-esta/elements/option.js' or '@sbb-esta/elements/option.pure.js' instead.");
|
|
4
4
|
//#endregion
|
|
5
5
|
export { e as SbbOptionBaseElement, t as SbbOptionElement };
|
|
@@ -4,7 +4,7 @@ import { boxSizingStyles as i } from "./core/styles.js";
|
|
|
4
4
|
import { SbbPropertyWatcherController as a } from "./core/controllers.js";
|
|
5
5
|
import "./visual-checkbox.js";
|
|
6
6
|
//#region src/elements/option/option/option.scss?inline
|
|
7
|
-
var o = ":host{display:block;background-color:var(--sbb-option-background-color);font-size:var(--sbb-option-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:is(:state(negative),[state--negative])){--sbb-option-color: var(--sbb-color-3-negative);--sbb-option-icon-color: var(--sbb-color-5);--sbb-option-background-color-hover: var(--sbb-
|
|
7
|
+
var o = ":host{display:block;background-color:var(--sbb-option-background-color);font-size:var(--sbb-option-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host(:is(:state(negative),[state--negative])){--sbb-option-color: var(--sbb-color-3-negative);--sbb-option-icon-color: var(--sbb-color-5);--sbb-option-background-color-hover: var(--sbb-color-midnight);--sbb-option-background-color-active: var(--sbb-background-color-4-negative);--sbb-option-disabled-border-color: var(--sbb-border-color-5);--sbb-option-disabled-background-color: var(--sbb-background-color-3-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}@media(any-hover:hover){:host(:hover:not(:is(:state(disabled),[state--disabled]))){--sbb-option-background-color: var(--sbb-option-background-color-hover)}}:host(:active:not(:is(:state(disabled),[state--disabled]))){--sbb-option-background-color: var(--sbb-option-background-color-active)}:host(:not(:is(:state(disable-highlight),[state--disable-highlight]))) .sbb-option__label slot{display:none}:host(:is(:state(disabled),[state--disabled])){--sbb-option-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:is(:state(disabled),[state--disabled])){--sbb-option-color: GrayText}}:host(:is(:state(variant-select),[state--variant-select])){--sbb-option-column-gap: var(--sbb-spacing-fixed-2x);--sbb-option-justify-content: space-between}:host(:is(:state(variant-select),[state--variant-select]):is(:state(multiple),[state--multiple])){--sbb-option-justify-content: start}:host(:is(:state(active),[state--active])){--sbb-option-focus-outline-color: var(--sbb-focus-outline-color)}:host(:not(:is(:is(:state(disabled),[state--disabled])))) .sbb-option__label--highlight{font-weight:700}@media(forced-colors:active){:host(:not(:is(:is(:state(disabled),[state--disabled])))) .sbb-option__label--highlight{color:Highlight}}.sbb-option{position:relative;display:flex;min-height:var(--sbb-option-min-height);align-items:center;column-gap:var(--sbb-option-column-gap);padding-inline:var(--sbb-option-padding-inline);justify-content:var(--sbb-option-justify-content);color:var(--sbb-option-color);cursor:var(--sbb-option-cursor);-webkit-tap-highlight-color:transparent;-webkit-text-fill-color:var(--sbb-option-color)}.sbb-option:after{content:\"\";display:block;position:absolute;inset:var(--sbb-option-focus-outline-inset);pointer-events:none;border:var(--sbb-focus-outline-width) solid var(--sbb-option-focus-outline-color);border-radius:var(--sbb-option-border-radius)}:host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option{position:relative;z-index:0}:host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option:before{content:\"\";display:block;position:absolute;inset:.375rem;border:var(--sbb-border-width-1x) dashed var(--sbb-option-disabled-border-color);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-option-disabled-background-color);z-index:-1}@media(forced-colors:active){:host(:is(:state(disabled),[state--disabled]):not(:is(:state(multiple),[state--multiple]))) .sbb-option:before{border-color:GrayText}}.sbb-option__icon{display:flex;min-width:var(--sbb-size-icon-ui-small);min-height:var(--sbb-size-icon-ui-small);color:var(--sbb-option-icon-color)}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-option__icon{display:var(--sbb-option-icon-container-display, none)}.sbb-option__label{text-overflow:var(--sbb-option-text-overflow);overflow:var(--sbb-option-overflow);white-space:var(--sbb-option-white-space, initial)}", s = class extends e {
|
|
8
8
|
static {
|
|
9
9
|
this.elementName = "sbb-option";
|
|
10
10
|
}
|
|
@@ -38,7 +38,7 @@ var o = ":host{display:block;background-color:var(--sbb-option-background-color)
|
|
|
38
38
|
}));
|
|
39
39
|
}
|
|
40
40
|
_isMultiple() {
|
|
41
|
-
return !this.hydrationRequired && this.
|
|
41
|
+
return !this.hydrationRequired && this.matches?.(":is(:state(multiple),[state--multiple])");
|
|
42
42
|
}
|
|
43
43
|
_handleNegativeChange(e) {
|
|
44
44
|
this.toggleState("negative", e.negative), this.requestUpdate();
|
package/option.js
CHANGED
|
@@ -2,7 +2,7 @@ import { t as e } from "./optgroup-base-element-B2WJv9gb.js";
|
|
|
2
2
|
import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js";
|
|
3
3
|
import { t as n } from "./option-hint.component-CZH1i3mN.js";
|
|
4
4
|
import { SbbOptionBaseElement as r } from "./option/option/option-base-element.js";
|
|
5
|
-
import { t as i } from "./option.component-
|
|
5
|
+
import { t as i } from "./option.component-CMp8QVZT.js";
|
|
6
6
|
import "./option.pure.js";
|
|
7
7
|
t.define(), i.define(), n.define();
|
|
8
8
|
//#endregion
|
package/option.pure.js
CHANGED
|
@@ -2,5 +2,5 @@ import { t as e } from "./optgroup-base-element-B2WJv9gb.js";
|
|
|
2
2
|
import { SbbOptGroupElement as t } from "./option/optgroup/optgroup.component.js";
|
|
3
3
|
import { t as n } from "./option-hint.component-CZH1i3mN.js";
|
|
4
4
|
import { SbbOptionBaseElement as r } from "./option/option/option-base-element.js";
|
|
5
|
-
import { t as i } from "./option.component-
|
|
5
|
+
import { t as i } from "./option.component-CMp8QVZT.js";
|
|
6
6
|
export { t as SbbOptGroupElement, e as SbbOptgroupBaseElement, r as SbbOptionBaseElement, i as SbbOptionElement, n as SbbOptionHintElement };
|
package/package.json
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../compact-paginator.component-
|
|
1
|
+
import { t as e } from "../../compact-paginator.component-BIAPutro.js";
|
|
2
2
|
export { e as SbbCompactPaginatorElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../compact-paginator.component-
|
|
1
|
+
import { t as e } from "../compact-paginator.component-BIAPutro.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/paginator/compact-paginator.js' has been deprecated.\nUse either '@sbb-esta/elements/paginator.js' or '@sbb-esta/elements/paginator.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbCompactPaginatorElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../paginator.component-
|
|
1
|
+
import { t as e } from "../../paginator.component-BEr0qU0m.js";
|
|
2
2
|
export { e as SbbPaginatorElement };
|
package/paginator/paginator.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../paginator.component-
|
|
1
|
+
import { t as e } from "../paginator.component-BEr0qU0m.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/paginator/paginator.js' has been deprecated.\nUse either '@sbb-esta/elements/paginator.js' or '@sbb-esta/elements/paginator.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbPaginatorElement };
|
|
@@ -13,7 +13,7 @@ import "./form-field.js";
|
|
|
13
13
|
import "./select.js";
|
|
14
14
|
import "./option.js";
|
|
15
15
|
//#region src/elements/paginator/paginator/paginator.scss?inline
|
|
16
|
-
var m = ":host{--sbb-paginator-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block}:host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:host([size=m]){--sbb-paginator-height: var(--sbb-size-element-m)}:host([negative]){--sbb-paginator-page-color: var(--sbb-color-5);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([pager-position=end]){--sbb-paginator-justify-content: end;--sbb-paginator-wrapping-group-wrap: wrap;--sbb-paginator-wrap: wrap-reverse}.sbb-paginator,.sbb-paginator__wrapping-group{display:flex;gap:var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);justify-content:var(--sbb-paginator-justify-content, start)}.sbb-paginator{flex-wrap:var(--sbb-paginator-wrap, wrap);min-height:var(--sbb-paginator-height)}.sbb-paginator__wrapping-group{flex-wrap:var(--sbb-paginator-wrapping-group-wrap, wrap-reverse)}.sbb-paginator__page-size-options{display:flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);white-space:nowrap;color:var(--sbb-paginator-page-color);font-size:var(--sbb-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}.sbb-paginator__page-size-options sbb-select{color:var(--sbb-form-field-text-color);font-size:var(--sbb-form-field-input-text-size);letter-spacing:var(--sbb-typo-letter-spacing-text);padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}.sbb-paginator__pages{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;justify-content:center;gap:var(--sbb-spacing-fixed-1x);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-paginator__page--ellipsis,.sbb-paginator__page--number{position:relative;font-size:var(--sbb-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-paginator-page-color)}.sbb-paginator__page--ellipsis-item,.sbb-paginator__page--number-item{display:flex;justify-content:center;align-items:center;width:var(--sbb-size-element-xxs);height:var(--sbb-size-element-xxs)}.sbb-paginator__page--number-item{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit
|
|
16
|
+
var m = ":host{--sbb-paginator-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;line-height:var(--sbb-typo-line-height-text)}:host([size=s]){--sbb-paginator-height: var(--sbb-size-element-xs)}:host([size=m]){--sbb-paginator-height: var(--sbb-size-element-m)}:host([negative]){--sbb-paginator-page-color: var(--sbb-color-5);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([pager-position=end]){--sbb-paginator-justify-content: end;--sbb-paginator-wrapping-group-wrap: wrap;--sbb-paginator-wrap: wrap-reverse}.sbb-paginator,.sbb-paginator__wrapping-group{display:flex;gap:var(--sbb-spacing-fixed-3x) var(--sbb-spacing-fixed-6x);justify-content:var(--sbb-paginator-justify-content, start)}.sbb-paginator{flex-wrap:var(--sbb-paginator-wrap, wrap);min-height:var(--sbb-paginator-height)}.sbb-paginator__wrapping-group{flex-wrap:var(--sbb-paginator-wrapping-group-wrap, wrap-reverse)}.sbb-paginator__page-size-options{display:flex;align-items:center;gap:var(--sbb-spacing-fixed-2x);white-space:nowrap;color:var(--sbb-paginator-page-color);font-size:var(--sbb-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}.sbb-paginator__page-size-options sbb-select{color:var(--sbb-form-field-text-color);font-size:var(--sbb-form-field-input-text-size);letter-spacing:var(--sbb-typo-letter-spacing-text);padding-inline-end:var(--sbb-form-field-select-inline-padding-end)}.sbb-paginator__pages{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;justify-content:center;gap:var(--sbb-spacing-fixed-1x);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-paginator__page--ellipsis,.sbb-paginator__page--number{position:relative;font-size:var(--sbb-paginator-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-paginator-page-color)}.sbb-paginator__page--ellipsis-item,.sbb-paginator__page--number-item{display:flex;justify-content:center;align-items:center;width:var(--sbb-size-element-xxs);height:var(--sbb-size-element-xxs)}.sbb-paginator__page--number-item{appearance:none;box-sizing:border-box;margin:0;outline:none;border:none;border-radius:0;padding:0;background:none;-webkit-tap-highlight-color:transparent;color:inherit;font-family:var(--sbb-typo-font-family);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-paginator-font-size);line-height:var(--sbb-typo-line-height-text);font-weight:400;position:relative;cursor:var(--sbb-paginator-page-cursor);outline:none!important;color:var(--sbb-paginator-page-color);transition:color var(--sbb-paginator-animation-duration) var(--sbb-paginator-animation-easing)}.sbb-paginator__page--number-item:before{content:\"\";position:absolute;background-color:var(--sbb-paginator-page-background-color, transparent);border:var(--sbb-paginator-page-border-width) var(--sbb-paginator-page-border-style, none) var(--sbb-paginator-page-border-color, none);border-radius:var(--sbb-border-radius-infinity);inset:var(--sbb-paginator-page-inset, 0);transition-property:background-color,border,inset;transition-duration:var(--sbb-paginator-animation-duration);transition-timing-function:var(--sbb-paginator-animation-easing)}.sbb-paginator__page--number-item:focus-visible:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);outline-offset:var(--sbb-border-width-2x)}.sbb-paginator__page--number-item[data-selected]{font-weight:700;--sbb-paginator-page-color: var(--sbb-color-3);--sbb-paginator-page-border-width: var(--sbb-border-width-2x);--sbb-paginator-page-border-style: solid;--sbb-paginator-page-border-color: var(--sbb-border-color-2)}:host([negative]) .sbb-paginator__page--number-item[data-selected]{--sbb-paginator-page-color: var(--sbb-color-3-negative);--sbb-paginator-page-border-color: var(--sbb-border-color-2-negative)}@media(forced-colors:active){.sbb-paginator__page--number-item[data-selected]{--sbb-paginator-page-border-color: Highlight !important}}.sbb-paginator__page--number-item:disabled{--sbb-paginator-page-color: var(--sbb-color-5);--sbb-paginator-page-border-style: dashed;--sbb-paginator-page-border-color: var(--sbb-border-color-5);--sbb-paginator-page-background-color: var(--sbb-background-color-3);--sbb-paginator-page-cursor: var(--sbb-cursor-default)}.sbb-paginator__page--number-item:disabled:not([data-selected]){--sbb-paginator-page-border-width: var(--sbb-border-width-1x)}:host([negative]) .sbb-paginator__page--number-item:disabled{--sbb-paginator-page-color: var(--sbb-color-5);--sbb-paginator-page-background-color: var(--sbb-background-color-3-negative)}@media(forced-colors:active){.sbb-paginator__page--number-item:disabled{--sbb-paginator-page-border-color: GrayText;--sbb-paginator-page-color: GrayText;--sbb-paginator-page-background-color: Canvas}}@media(any-hover:hover){.sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color: var(--sbb-background-color-3);--sbb-paginator-page-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-paginator-translate-y-content-hover: -.0625rem}:host([negative]) .sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color: var(--sbb-background-color-3-negative)}}@media(any-hover:hover)and (forced-colors:active){.sbb-paginator__page--number-item:not(:disabled):hover{--sbb-paginator-page-background-color: Highlight !important}}.sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-color: var(--sbb-color-3);--sbb-paginator-page-background-color: var(--sbb-background-color-4);--sbb-paginator-page-inset: 0;--sbb-paginator-translate-y-content-hover: 0}:host([negative]) .sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-color: var(--sbb-color-3-negative);--sbb-paginator-page-background-color: var(--sbb-background-color-4-negative)}@media(forced-colors:active){.sbb-paginator__page--number-item:not(:disabled):active{--sbb-paginator-page-background-color: Highlight !important}}.sbb-paginator__page--number-item-label{transition:transform var(--sbb-paginator-animation-duration) var(--sbb-paginator-animation-easing);transform:translateY(var(--sbb-paginator-translate-y-content-hover, 0rem))}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}", h = 3, g = (() => {
|
|
17
17
|
let g = f(o), _, v = [], y = [], b, x = [], S = [], C, w = [], T = [];
|
|
18
18
|
return class extends g {
|
|
19
19
|
constructor() {
|
package/paginator.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { SbbPaginatorCommonElementMixin as e } from "./paginator/common/paginator-common.js";
|
|
2
|
-
import { t } from "./compact-paginator.component-
|
|
3
|
-
import { t as n } from "./paginator.component-
|
|
2
|
+
import { t } from "./compact-paginator.component-BIAPutro.js";
|
|
3
|
+
import { t as n } from "./paginator.component-BEr0qU0m.js";
|
|
4
4
|
import "./paginator.pure.js";
|
|
5
5
|
t.define(), n.define();
|
|
6
6
|
//#endregion
|
package/paginator.pure.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { SbbPaginatorCommonElementMixin as e } from "./paginator/common/paginator-common.js";
|
|
2
|
-
import { t } from "./compact-paginator.component-
|
|
3
|
-
import { t as n } from "./paginator.component-
|
|
2
|
+
import { t } from "./compact-paginator.component-BIAPutro.js";
|
|
3
|
+
import { t as n } from "./paginator.component-BEr0qU0m.js";
|
|
4
4
|
export { t as SbbCompactPaginatorElement, e as SbbPaginatorCommonElementMixin, n as SbbPaginatorElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../popover.component-
|
|
1
|
+
import { n as e, t } from "../popover.component-CnOrQaaa.js";
|
|
2
2
|
export { t as SbbPopoverBaseElement, e as SbbPopoverElement };
|
|
@@ -1,38 +1,42 @@
|
|
|
1
1
|
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
2
|
import { html as n, isServer as r, nothing as i, unsafeCSS as a } from "lit";
|
|
3
|
-
import { property as o } from "lit/decorators.js";
|
|
4
|
-
import { SbbOpenCloseBaseElement as
|
|
5
|
-
import { forceType as
|
|
6
|
-
import { isZeroAnimationDuration as
|
|
7
|
-
import { composedPathHasAttribute as
|
|
8
|
-
import { ɵstateController as
|
|
9
|
-
import { boxSizingStyles as
|
|
10
|
-
import { SbbSecondaryButtonElement as
|
|
11
|
-
import { SbbEscapableOverlayController as
|
|
12
|
-
import { i18nClosePopover as
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
3
|
+
import { property as o, state as s } from "lit/decorators.js";
|
|
4
|
+
import { SbbOpenCloseBaseElement as c } from "./core/base-elements.js";
|
|
5
|
+
import { forceType as l, idReference as u } from "./core/decorators.js";
|
|
6
|
+
import { isZeroAnimationDuration as d } from "./core/dom.js";
|
|
7
|
+
import { composedPathHasAttribute as f } from "./core/eventing.js";
|
|
8
|
+
import { ɵstateController as p } from "./core/mixins.js";
|
|
9
|
+
import { boxSizingStyles as m } from "./core/styles.js";
|
|
10
|
+
import { SbbSecondaryButtonElement as h } from "./button.pure.js";
|
|
11
|
+
import { SbbEscapableOverlayController as g, SbbLanguageController as _, SbbMediaQueryPointerCoarse as v } from "./core/controllers.js";
|
|
12
|
+
import { i18nClosePopover as y } from "./core/i18n.js";
|
|
13
|
+
import { ResizeController as b } from "@lit-labs/observers/resize-controller.js";
|
|
14
|
+
import { ref as x } from "lit/directives/ref.js";
|
|
15
|
+
import { getElementPosition as S, isEventOnElement as C, removeAriaOverlayTriggerAttributes as w, setAriaOverlayTriggerAttributes as T } from "./core/overlay.js";
|
|
16
|
+
import { IS_FOCUSABLE_QUERY as E, SbbFocusTrapController as D, isFakeMousedownFromScreenReader as O, sbbInputModalityDetector as k } from "./core/a11y.js";
|
|
17
|
+
import { readConfig as A } from "./core/config.js";
|
|
17
18
|
//#region src/elements/popover/popover.scss?inline
|
|
18
|
-
var
|
|
19
|
+
var j = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-popover-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-popover-inset: 0 auto auto 0;--_sbb-popover-transform: translateY(var(--sbb-spacing-fixed-2x));--_sbb-popover-box-shadow: var(--sbb-box-shadow-level-9-hard);outline:none!important;display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--_sbb-popover-inset: 0;display:block}:host(:is(:state(position-above),[state--position-above])){--_sbb-popover-transform: translateY(calc(var(--sbb-spacing-fixed-2x) * -1))}:host(:not([hide-close-button],:is(:state(hover-trigger),[state--hover-trigger]))){--sbb-popover-min-height: calc(var(--sbb-size-element-xs) + 2 * var(--sbb-popover-padding))}.sbb-popover:after,.sbb-popover__content:before{content:\"\";position:absolute;display:block;width:var(--sbb-popover-arrow-size);height:var(--sbb-popover-arrow-size);left:var(--_sbb-popover-arrow-position-x, 0);bottom:calc(100% - var(--sbb-popover-arrow-size) / 2);background-color:var(--sbb-popover-background);border-radius:var(--sbb-border-radius-2x) 0;transform:rotate(45deg)}.sbb-popover__container{position:fixed;inset:var(--_sbb-popover-inset);pointer-events:none;z-index:var(--sbb-popover-z-index, var(--sbb-overlay-default-z-index))}.sbb-popover{display:none;position:var(--sbb-popover-position, absolute);top:var(--_sbb-popover-position-y, 0);bottom:unset;left:var(--_sbb-popover-position-x, 0);right:unset;background-color:var(--sbb-popover-background);max-width:var(--sbb-popover-max-width);width:max-content;padding:0;box-shadow:var(--_sbb-popover-box-shadow);border:none;border-radius:var(--sbb-popover-border-radius);outline:none;pointer-events:all}:host(:focus-visible) .sbb-popover{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-popover{display:block;animation-name:open;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-popover{pointer-events:none;animation-name:close;animation-duration:var(--sbb-popover-animation-duration);animation-timing-function:var(--sbb-popover-animation-easing)}.sbb-popover:after{z-index:-1;box-shadow:var(--_sbb-popover-box-shadow)}@media(forced-colors:active){.sbb-popover:after{outline:var(--sbb-border-width-1x) solid CanvasText}}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:after{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}@media(forced-colors:active){.sbb-popover{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-popover:before{content:\"\";display:block;position:absolute;inset:0;z-index:-1;background-color:transparent}:host(:is(:state(position-below),[state--position-below])) .sbb-popover:before{inset-block-start:calc(-1 * var(--sbb-spacing-fixed-6x))}:host(:is(:state(position-above),[state--position-above])) .sbb-popover:before{inset-block-end:calc(-1 * var(--sbb-spacing-fixed-6x))}.sbb-popover__content{display:flex;gap:var(--sbb-spacing-fixed-4x);border-radius:var(--sbb-popover-border-radius);padding-block:var(--sbb-popover-padding) 0;padding-inline:var(--sbb-popover-padding);outline:none;background-color:var(--sbb-popover-background);flex-direction:row-reverse;min-height:var(--sbb-popover-min-height)}:host(:is(:state(position-above),[state--position-above])) .sbb-popover__content:before{top:calc(100% - var(--sbb-popover-arrow-size) / 2)}.sbb-popover__scrollable-content{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-popover__scrollable-content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-popover__scrollable-content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-popover__scrollable-content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-popover__scrollable-content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-popover__scrollable-content::-webkit-scrollbar-button,.sbb-popover__scrollable-content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-popover__scrollable-content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-popover__scrollable-content{display:block;padding-block-end:var(--sbb-popover-padding);max-height:calc(var(--_sbb-popover-max-height));overflow:auto}@keyframes open{0%{opacity:0;transform:var(--_sbb-popover-transform)}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:var(--_sbb-popover-transform)}}";
|
|
19
20
|
//#endregion
|
|
20
21
|
//#region src/elements/popover/popover.component.ts
|
|
21
|
-
|
|
22
|
-
var
|
|
23
|
-
let i =
|
|
22
|
+
h.define();
|
|
23
|
+
var M = 16, N = 32, P = 0, F = /* @__PURE__ */ new Set(), I = r ? !1 : matchMedia(v).matches, L = (() => {
|
|
24
|
+
let i = c, s, l = [], p = [];
|
|
24
25
|
return class extends i {
|
|
25
26
|
constructor() {
|
|
26
|
-
super(...arguments), this.#e = t(this,
|
|
27
|
-
|
|
27
|
+
super(...arguments), this.#e = t(this, l, null), this._nextFocusedElement = t(this, p), this._skipCloseFocus = !1, this._resizeController = new b(this, {
|
|
28
|
+
target: null,
|
|
29
|
+
callback: () => this._setPopoverPosition()
|
|
30
|
+
}), this._escapableOverlayController = new g(this), this._focusTrapController = new D(this), this._blurTimeout = null, this._pointerDownListener = (e) => {
|
|
31
|
+
this._isPointerDownEventOnPopover = C(this.overlay, e);
|
|
28
32
|
}, this._closeOnBackdropClick = (e) => {
|
|
29
33
|
let t = e.composedPath();
|
|
30
|
-
!this._isPointerDownEventOnPopover && !
|
|
34
|
+
!this._isPointerDownEventOnPopover && !C(this.overlay, e) && (!this.trigger || !t.includes(this.trigger)) && (this._nextFocusedElement = t.filter((e) => e instanceof window.HTMLElement).find((e) => e.matches(E)), clearTimeout(this.closeTimeout), this.close());
|
|
31
35
|
};
|
|
32
36
|
}
|
|
33
37
|
static {
|
|
34
38
|
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
|
|
35
|
-
|
|
39
|
+
s = [u(), o()], e(this, null, s, {
|
|
36
40
|
kind: "accessor",
|
|
37
41
|
name: "trigger",
|
|
38
42
|
static: !1,
|
|
@@ -45,7 +49,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
45
49
|
}
|
|
46
50
|
},
|
|
47
51
|
metadata: t
|
|
48
|
-
},
|
|
52
|
+
}, l, p), t && Object.defineProperty(this, Symbol.metadata, {
|
|
49
53
|
enumerable: !0,
|
|
50
54
|
configurable: !0,
|
|
51
55
|
writable: !0,
|
|
@@ -53,7 +57,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
53
57
|
});
|
|
54
58
|
}
|
|
55
59
|
static {
|
|
56
|
-
this.styles = [
|
|
60
|
+
this.styles = [m, a(j)];
|
|
57
61
|
}
|
|
58
62
|
#e;
|
|
59
63
|
get trigger() {
|
|
@@ -64,7 +68,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
64
68
|
}
|
|
65
69
|
open() {
|
|
66
70
|
if (!(this.state !== "closed" && this.state !== "closing" || !this.overlay || !this.dispatchBeforeOpenEvent())) {
|
|
67
|
-
for (let e of
|
|
71
|
+
for (let e of F) (e.state === "opened" || e.state === "opening") && e.close();
|
|
68
72
|
this.showPopover?.(), this.state = "opening", this.inert = !0, this._setPopoverPosition(), this._attachWindowEvents(), this._escapableOverlayController.connect(), this._triggerElement?.setAttribute("aria-expanded", "true"), this._nextFocusedElement = void 0, this._skipCloseFocus = !1, this._isZeroAnimationDuration() && this._handleOpening();
|
|
69
73
|
}
|
|
70
74
|
}
|
|
@@ -72,16 +76,16 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
72
76
|
this.state !== "opened" && this.state !== "opening" || (this._popoverCloseElement = e, this.dispatchBeforeCloseEvent({ closeTarget: e ?? null }) && (this.state = "closing", this.inert = !0, this._triggerElement?.setAttribute("aria-expanded", "false"), this._isZeroAnimationDuration() && this._handleClosing()));
|
|
73
77
|
}
|
|
74
78
|
_isZeroAnimationDuration() {
|
|
75
|
-
return
|
|
79
|
+
return d(this, "--sbb-popover-animation-duration");
|
|
76
80
|
}
|
|
77
81
|
_handleClosing() {
|
|
78
|
-
this.state = "closed", this.hidePopover?.(), this.overlay
|
|
82
|
+
this.state = "closed", this.hidePopover?.(), this.overlay && (this._resizeController.unobserve(this.overlay), this.overlay.firstElementChild?.scrollTo(0, 0)), this.removeAttribute("tabindex"), this._skipCloseFocus || (this._nextFocusedElement || this._triggerElement)?.focus(), this._escapableOverlayController.disconnect(), this._openStateController?.abort(), this._focusTrapController.enabled = !1, this.dispatchCloseEvent({ closeTarget: this._popoverCloseElement ?? null });
|
|
79
83
|
}
|
|
80
84
|
_handleOpening() {
|
|
81
|
-
this.state = "opened", this.inert = !1, this._setPopoverFocus(), this._focusTrapController.enabled = !0, this.dispatchOpenEvent();
|
|
85
|
+
this.state = "opened", this.inert = !1, this._setPopoverFocus(), this._focusTrapController.enabled = !0, this.overlay && this._resizeController.observe(this.overlay), this.dispatchOpenEvent();
|
|
82
86
|
}
|
|
83
87
|
connectedCallback() {
|
|
84
|
-
this.popover = "manual", super.connectedCallback(), this.id ||= `sbb-popover-${++
|
|
88
|
+
this.popover = "manual", super.connectedCallback(), this.id ||= `sbb-popover-${++P}`, this.state = "closed", F.add(this), this.hasUpdated && this._configureTrigger();
|
|
85
89
|
}
|
|
86
90
|
requestUpdate(e, t, n) {
|
|
87
91
|
super.requestUpdate(e, t, n), !r && (!e || e === "trigger" || e === "hoverTrigger") && this.hasUpdated && this._configureTrigger();
|
|
@@ -90,7 +94,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
90
94
|
super.firstUpdated(e), this._configureTrigger();
|
|
91
95
|
}
|
|
92
96
|
disconnectedCallback() {
|
|
93
|
-
super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._openStateController?.abort(),
|
|
97
|
+
super.disconnectedCallback(), this._triggerElement = null, this._triggerAbortController?.abort(), this._openStateController?.abort(), F.delete(this), this._blurTimeout && clearTimeout(this._blurTimeout);
|
|
94
98
|
}
|
|
95
99
|
_configureTrigger() {
|
|
96
100
|
if (!r) {
|
|
@@ -102,7 +106,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
102
106
|
}
|
|
103
107
|
}
|
|
104
108
|
configureTrigger(e) {
|
|
105
|
-
this._triggerAbortController?.abort(),
|
|
109
|
+
this._triggerAbortController?.abort(), w(this._triggerElement), this._triggerElement = this.trigger, this._triggerElement && (T(this._triggerElement, "dialog", this.id, this.state), this._triggerAbortController = new AbortController(), this.registerTriggerListeners(this._triggerAbortController.signal));
|
|
106
110
|
}
|
|
107
111
|
registerTriggerListeners(e) {
|
|
108
112
|
this._triggerElement.addEventListener("click", () => this.open(), { signal: e });
|
|
@@ -118,7 +122,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
118
122
|
}), window.addEventListener("pointerdown", this._pointerDownListener, { signal: this._openStateController.signal }), window.addEventListener("pointerup", this._closeOnBackdropClick, { signal: this._openStateController.signal });
|
|
119
123
|
}
|
|
120
124
|
_closeOnSbbPopoverCloseClick(e) {
|
|
121
|
-
let t =
|
|
125
|
+
let t = f(e, "sbb-popover-close", this);
|
|
122
126
|
t && !t.hasAttribute("disabled") && (clearTimeout(this.closeTimeout), this.close(t));
|
|
123
127
|
}
|
|
124
128
|
_onPopoverAnimationEnd(e) {
|
|
@@ -136,9 +140,9 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
136
140
|
}
|
|
137
141
|
_setPopoverPosition() {
|
|
138
142
|
if (!this.overlay || !this._triggerElement) return;
|
|
139
|
-
let e =
|
|
140
|
-
verticalOffset:
|
|
141
|
-
horizontalOffset:
|
|
143
|
+
let e = S(this.overlay, this._triggerElement, this.shadowRoot.querySelector(".sbb-popover__container"), {
|
|
144
|
+
verticalOffset: M,
|
|
145
|
+
horizontalOffset: N,
|
|
142
146
|
centered: !0,
|
|
143
147
|
responsiveHeight: !0
|
|
144
148
|
}), t = e.alignment.vertical;
|
|
@@ -162,7 +166,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
162
166
|
@animationend=${this._onPopoverAnimationEnd}
|
|
163
167
|
class="sbb-popover"
|
|
164
168
|
role="tooltip"
|
|
165
|
-
${
|
|
169
|
+
${x((e) => this.overlay = e)}
|
|
166
170
|
>
|
|
167
171
|
<div
|
|
168
172
|
@click=${(e) => this._closeOnSbbPopoverCloseClick(e)}
|
|
@@ -175,13 +179,13 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
175
179
|
`;
|
|
176
180
|
}
|
|
177
181
|
};
|
|
178
|
-
})(),
|
|
179
|
-
let r =
|
|
182
|
+
})(), R = (() => {
|
|
183
|
+
let r = L, a = [], c, u = [], d = [], f, m = [], h = [], g, v, b, x = [], S = [], C, w = [], T = [];
|
|
180
184
|
return class extends r {
|
|
181
185
|
constructor() {
|
|
182
|
-
super(...arguments), this.#e = (t(this, a), t(this,
|
|
186
|
+
super(...arguments), this.#e = (t(this, a), t(this, u, !1)), this.#t = (t(this, d), t(this, m, !1)), this._openDelay = t(this, h), this.#n = t(this, x, ""), this.#r = (t(this, S), t(this, w, !1)), this._openTimeout = t(this, T), this._language = new _(this), this._overlayAbortController = null, this._onTriggerMouseEnter = () => {
|
|
183
187
|
this.state === "closed" || this.state === "closing" ? this._openTimeout = setTimeout(() => {
|
|
184
|
-
|
|
188
|
+
k.reset(), this.open();
|
|
185
189
|
}, this.openDelay) : clearTimeout(this.closeTimeout);
|
|
186
190
|
}, this._onTriggerMouseLeave = () => {
|
|
187
191
|
this.state === "opened" || this.state === "opening" ? this.closeTimeout = setTimeout(() => this.close(), this.closeDelay) : clearTimeout(this._openTimeout);
|
|
@@ -193,20 +197,20 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
193
197
|
}
|
|
194
198
|
static {
|
|
195
199
|
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(r[Symbol.metadata] ?? null) : void 0;
|
|
196
|
-
|
|
200
|
+
c = [l(), o({
|
|
197
201
|
attribute: "hide-close-button",
|
|
198
202
|
type: Boolean,
|
|
199
203
|
reflect: !0
|
|
200
|
-
})],
|
|
204
|
+
})], f = [l(), o({
|
|
201
205
|
attribute: "hover-trigger",
|
|
202
206
|
type: Boolean
|
|
203
|
-
})],
|
|
207
|
+
})], g = [o({
|
|
204
208
|
attribute: "open-delay",
|
|
205
209
|
type: Number
|
|
206
|
-
})],
|
|
210
|
+
})], v = [o({
|
|
207
211
|
attribute: "close-delay",
|
|
208
212
|
type: Number
|
|
209
|
-
})],
|
|
213
|
+
})], b = [l(), o({ attribute: "accessibility-close-label" })], C = [s()], e(this, null, c, {
|
|
210
214
|
kind: "accessor",
|
|
211
215
|
name: "hideCloseButton",
|
|
212
216
|
static: !1,
|
|
@@ -219,7 +223,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
219
223
|
}
|
|
220
224
|
},
|
|
221
225
|
metadata: t
|
|
222
|
-
},
|
|
226
|
+
}, u, d), e(this, null, f, {
|
|
223
227
|
kind: "accessor",
|
|
224
228
|
name: "hoverTrigger",
|
|
225
229
|
static: !1,
|
|
@@ -232,7 +236,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
232
236
|
}
|
|
233
237
|
},
|
|
234
238
|
metadata: t
|
|
235
|
-
},
|
|
239
|
+
}, m, h), e(this, null, g, {
|
|
236
240
|
kind: "setter",
|
|
237
241
|
name: "openDelay",
|
|
238
242
|
static: !1,
|
|
@@ -244,7 +248,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
244
248
|
}
|
|
245
249
|
},
|
|
246
250
|
metadata: t
|
|
247
|
-
}, null, a), e(this, null,
|
|
251
|
+
}, null, a), e(this, null, v, {
|
|
248
252
|
kind: "setter",
|
|
249
253
|
name: "closeDelay",
|
|
250
254
|
static: !1,
|
|
@@ -256,7 +260,7 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
256
260
|
}
|
|
257
261
|
},
|
|
258
262
|
metadata: t
|
|
259
|
-
}, null, a), e(this, null,
|
|
263
|
+
}, null, a), e(this, null, b, {
|
|
260
264
|
kind: "accessor",
|
|
261
265
|
name: "accessibilityCloseLabel",
|
|
262
266
|
static: !1,
|
|
@@ -269,7 +273,20 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
269
273
|
}
|
|
270
274
|
},
|
|
271
275
|
metadata: t
|
|
272
|
-
},
|
|
276
|
+
}, x, S), e(this, null, C, {
|
|
277
|
+
kind: "accessor",
|
|
278
|
+
name: "_hoverTrigger",
|
|
279
|
+
static: !1,
|
|
280
|
+
private: !1,
|
|
281
|
+
access: {
|
|
282
|
+
has: (e) => "_hoverTrigger" in e,
|
|
283
|
+
get: (e) => e._hoverTrigger,
|
|
284
|
+
set: (e, t) => {
|
|
285
|
+
e._hoverTrigger = t;
|
|
286
|
+
}
|
|
287
|
+
},
|
|
288
|
+
metadata: t
|
|
289
|
+
}, w, T), t && Object.defineProperty(this, Symbol.metadata, {
|
|
273
290
|
enumerable: !0,
|
|
274
291
|
configurable: !0,
|
|
275
292
|
writable: !0,
|
|
@@ -297,13 +314,13 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
297
314
|
this._openDelay = +e;
|
|
298
315
|
}
|
|
299
316
|
get openDelay() {
|
|
300
|
-
return this._openDelay ??
|
|
317
|
+
return this._openDelay ?? A().popover?.openDelay ?? 0;
|
|
301
318
|
}
|
|
302
319
|
set closeDelay(e) {
|
|
303
320
|
this._closeDelay = +e;
|
|
304
321
|
}
|
|
305
322
|
get closeDelay() {
|
|
306
|
-
return this._closeDelay ??
|
|
323
|
+
return this._closeDelay ?? A().popover?.closeDelay ?? 0;
|
|
307
324
|
}
|
|
308
325
|
#n;
|
|
309
326
|
get accessibilityCloseLabel() {
|
|
@@ -312,8 +329,15 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
312
329
|
set accessibilityCloseLabel(e) {
|
|
313
330
|
this.#n = e;
|
|
314
331
|
}
|
|
332
|
+
#r;
|
|
333
|
+
get _hoverTrigger() {
|
|
334
|
+
return this.#r;
|
|
335
|
+
}
|
|
336
|
+
set _hoverTrigger(e) {
|
|
337
|
+
this.#r = e;
|
|
338
|
+
}
|
|
315
339
|
configureTrigger(e) {
|
|
316
|
-
let t = this.hoverTrigger && !
|
|
340
|
+
let t = this.hoverTrigger && !I;
|
|
317
341
|
this.trigger === e && t === this._hoverTrigger || (this._hoverTrigger !== t && (this._hoverTrigger = t, this.toggleState("hover-trigger", this._hoverTrigger), this._registerOverlayListeners()), super.configureTrigger(e));
|
|
318
342
|
}
|
|
319
343
|
_registerOverlayListeners() {
|
|
@@ -323,22 +347,22 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
323
347
|
this._hoverTrigger && this.trigger ? (this.trigger.addEventListener("mouseenter", this._onTriggerMouseEnter, { signal: e }), this.trigger.addEventListener("mouseleave", this._onTriggerMouseLeave, { signal: e }), this.trigger.addEventListener("keydown", (e) => {
|
|
324
348
|
(e.code === "Space" || e.code === "Enter") && this.open();
|
|
325
349
|
}, { signal: e }), this.trigger.addEventListener("mousedown", (e) => {
|
|
326
|
-
|
|
350
|
+
O(e) && this.open();
|
|
327
351
|
}, { signal: e })) : super.registerTriggerListeners(e);
|
|
328
352
|
}
|
|
329
353
|
firstUpdated(e) {
|
|
330
354
|
super.firstUpdated(e), this._registerOverlayListeners();
|
|
331
355
|
}
|
|
332
356
|
open() {
|
|
333
|
-
super.open(), this.hoverTrigger && this.trigger &&
|
|
357
|
+
super.open(), this.hoverTrigger && this.trigger && p(this.trigger).add("force-hover");
|
|
334
358
|
}
|
|
335
359
|
close() {
|
|
336
|
-
super.close(),
|
|
360
|
+
super.close(), p(this.trigger)?.delete("force-hover");
|
|
337
361
|
}
|
|
338
362
|
renderContent() {
|
|
339
363
|
let e = n`
|
|
340
364
|
<sbb-secondary-button
|
|
341
|
-
aria-label=${this.accessibilityCloseLabel ||
|
|
365
|
+
aria-label=${this.accessibilityCloseLabel || y[this._language.current]}
|
|
342
366
|
size="s"
|
|
343
367
|
type="button"
|
|
344
368
|
icon-name="cross-small"
|
|
@@ -355,4 +379,4 @@ var A = 16, j = 32, M = 0, N = /* @__PURE__ */ new Set(), P = r ? !1 : matchMedi
|
|
|
355
379
|
};
|
|
356
380
|
})();
|
|
357
381
|
//#endregion
|
|
358
|
-
export {
|
|
382
|
+
export { R as n, L as t };
|
package/popover.js
CHANGED
package/popover.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "./popover.component-
|
|
1
|
+
import { n as e, t } from "./popover.component-CnOrQaaa.js";
|
|
2
2
|
export { t as SbbPopoverBaseElement, e as SbbPopoverElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../../radio-button-common-
|
|
1
|
+
import { n as e, t } from "../../radio-button-common-C1mIf9KY.js";
|
|
2
2
|
export { t as SbbRadioButtonCommonElementMixin, e as radioButtonCommonStyle };
|
package/radio-button/common.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as e, t } from "../radio-button-common-
|
|
1
|
+
import { n as e, t } from "../radio-button-common-C1mIf9KY.js";
|
|
2
2
|
//#region src/elements/radio-button/common.ts
|
|
3
3
|
console.warn("The entrypoint '@sbb-esta/elements/radio-button/common.js' has been deprecated.\nUse either '@sbb-esta/elements/radio-button.js' or '@sbb-esta/elements/radio-button.pure.js' instead.");
|
|
4
4
|
//#endregion
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../radio-button.component-
|
|
1
|
+
import { t as e } from "../radio-button.component-Bae-yK_U.js";
|
|
2
2
|
export { e as SbbRadioButtonElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../radio-button.component-
|
|
1
|
+
import { t as e } from "../radio-button.component-Bae-yK_U.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/radio-button/radio-button.js' has been deprecated.\nUse either '@sbb-esta/elements/radio-button.js' or '@sbb-esta/elements/radio-button.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbRadioButtonElement };
|
|
@@ -5,7 +5,7 @@ import "./core/base-elements.js";
|
|
|
5
5
|
import { SbbFormAssociatedRadioButtonMixin as i } from "./core/mixins.js";
|
|
6
6
|
//#endregion
|
|
7
7
|
//#region src/elements/radio-button/common/radio-button-common.ts
|
|
8
|
-
var a = n(":host{--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-background-fake-border-width: calc(var(--sbb-radio-button-dimension) / 2);--sbb-radio-button-icon-align: calc( (1em * var(--sbb-typo-line-height-text) - var(--sbb-radio-button-dimension)) / 2 )}:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-color-primary);--sbb-radio-button-background-fake-border-width: calc( (var(--sbb-radio-button-dimension) - var(--sbb-radio-button-inner-circle-dimension)) / 2 )}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: Highlight;--sbb-radio-button-border-color: Highlight}}:host(:disabled){--sbb-radio-button-label-color: var(--sbb-color-granite);--sbb-radio-button-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-radio-button-background-color: var(--sbb-background-color-3);--sbb-radio-button-border-style: dashed;--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-radio-button-background-color: Canvas;--sbb-radio-button-inner-circle-color: GrayText;--sbb-radio-button-border-color: GrayText;--sbb-radio-button-border-style: solid}}:host(:disabled:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-background-color-2-inverted)}:host([size=xs]){--sbb-radio-button-font-size: var(--sbb-text-font-size-xs);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-xs)}:host([size=s]){--sbb-radio-button-font-size: var(--sbb-text-font-size-s);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-s)}:host([size=m]){--sbb-radio-button-font-size: var(--sbb-text-font-size-m);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-m)}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-radio-button{font-size:var(--sbb-radio-button-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);display:block;cursor:var(--sbb-radio-button-cursor);-webkit-user-select:none;user-select:none;position:relative;color:var(--sbb-radio-button-label-color);-webkit-tap-highlight-color:transparent}.sbb-radio-button__label-slot{display:flex;align-items:flex-start;overflow:hidden;min-height:calc(var(--sbb-radio-button-font-size) * var(--sbb-typo-line-height-text))}.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{content:\"\";flex-shrink:0;width:var(--sbb-radio-button-dimension);height:var(--sbb-radio-button-dimension);border-radius:50%;margin-block-start:var(--sbb-radio-button-icon-align);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x));transition-timing-function:ease;transition-property:background-color,border}@media(forced-colors:active){.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{transition:none}}.sbb-radio-button__label-slot:before{background:var(--sbb-radio-button-inner-circle-color);border:var(--sbb-radio-button-background-fake-border-width) solid var(--sbb-radio-button-background-color);margin-inline-end:var(--sbb-radio-button-label-gap)}.sbb-radio-button__label-slot:after{position:absolute;border:var(--sbb-radio-button-border-width) var(--sbb-radio-button-border-style) var(--sbb-radio-button-border-color)}"), o = (n) => (() => {
|
|
8
|
+
var a = n(":host{--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-background-fake-border-width: calc(var(--sbb-radio-button-dimension) / 2);--sbb-radio-button-icon-align: calc( (1em * var(--sbb-typo-line-height-text) - var(--sbb-radio-button-dimension)) / 2 )}:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-color-primary);--sbb-radio-button-background-fake-border-width: calc( (var(--sbb-radio-button-dimension) - var(--sbb-radio-button-inner-circle-dimension)) / 2 )}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: Highlight;--sbb-radio-button-border-color: Highlight}}:host(:disabled){--sbb-radio-button-label-color: var(--sbb-color-granite);--sbb-radio-button-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-radio-button-background-color: var(--sbb-background-color-3);--sbb-radio-button-border-style: dashed;--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);--sbb-radio-button-cursor: var(--sbb-cursor-default)}@media(forced-colors:active){:host(:disabled){--sbb-radio-button-background-color: Canvas;--sbb-radio-button-inner-circle-color: GrayText;--sbb-radio-button-border-color: GrayText;--sbb-radio-button-border-style: solid}}:host(:disabled:is(:state(checked),[state--checked])){--sbb-radio-button-inner-circle-color: var(--sbb-background-color-2-inverted)}:host([size=xs]){--sbb-radio-button-font-size: var(--sbb-text-font-size-xs);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-xs)}:host([size=s]){--sbb-radio-button-font-size: var(--sbb-text-font-size-s);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-s)}:host([size=m]){--sbb-radio-button-font-size: var(--sbb-text-font-size-m);--sbb-radio-button-dimension: var(--sbb-radio-button-dimension-m)}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sbb-radio-button{font-size:var(--sbb-radio-button-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);display:block;cursor:var(--sbb-radio-button-cursor);-webkit-user-select:none;user-select:none;position:relative;color:var(--sbb-radio-button-label-color);-webkit-tap-highlight-color:transparent}.sbb-radio-button__label-slot{display:flex;align-items:flex-start;overflow:hidden;min-height:calc(var(--sbb-radio-button-font-size) * var(--sbb-typo-line-height-text))}.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{content:\"\";flex-shrink:0;width:var(--sbb-radio-button-dimension);height:var(--sbb-radio-button-dimension);border-radius:50%;margin-block-start:var(--sbb-radio-button-icon-align);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-4x));transition-timing-function:ease;transition-property:background-color,border}@media(forced-colors:active){.sbb-radio-button__label-slot:before,.sbb-radio-button__label-slot:after{transition:none}}.sbb-radio-button__label-slot:before{background:var(--sbb-radio-button-inner-circle-color);border:var(--sbb-radio-button-background-fake-border-width) solid var(--sbb-radio-button-background-color);margin-inline-end:var(--sbb-radio-button-label-gap)}.sbb-radio-button__label-slot:after{position:absolute;border:var(--sbb-radio-button-border-width) var(--sbb-radio-button-border-style) var(--sbb-radio-button-border-color)}"), o = (n) => (() => {
|
|
9
9
|
let a = i(n), o = [], s;
|
|
10
10
|
return class extends a {
|
|
11
11
|
static {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { n as e, t } from "./radio-button-common-
|
|
1
|
+
import { n as e, t } from "./radio-button-common-C1mIf9KY.js";
|
|
2
2
|
import { __esDecorate as n, __runInitializers as r } from "tslib";
|
|
3
3
|
import { html as i, unsafeCSS as a } from "lit";
|
|
4
4
|
import { property as o } from "lit/decorators.js";
|
package/radio-button.js
CHANGED
|
@@ -2,8 +2,8 @@ import { SbbRadioButtonGroupElement as e } from "./radio-button-group/radio-butt
|
|
|
2
2
|
import "./radio-button-group.pure.js";
|
|
3
3
|
import { SbbRadioButtonPanelElement as t } from "./radio-button-panel/radio-button-panel.component.js";
|
|
4
4
|
import "./radio-button-panel.pure.js";
|
|
5
|
-
import { n, t as r } from "./radio-button-common-
|
|
6
|
-
import { t as i } from "./radio-button.component-
|
|
5
|
+
import { n, t as r } from "./radio-button-common-C1mIf9KY.js";
|
|
6
|
+
import { t as i } from "./radio-button.component-Bae-yK_U.js";
|
|
7
7
|
import "./radio-button.pure.js";
|
|
8
8
|
i.define(), e.define(), t.define();
|
|
9
9
|
//#endregion
|
package/radio-button.pure.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { n as e, t } from "./radio-button-common-
|
|
2
|
-
import { t as n } from "./radio-button.component-
|
|
1
|
+
import { n as e, t } from "./radio-button-common-C1mIf9KY.js";
|
|
2
|
+
import { t as n } from "./radio-button.component-Bae-yK_U.js";
|
|
3
3
|
export { t as SbbRadioButtonCommonElementMixin, n as SbbRadioButtonElement, e as radioButtonCommonStyle };
|