@sbb-esta/lyne-elements 4.10.0 → 4.12.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/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-Cc6CHbVy.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-DhmaJt2k.js → calendar.component-C1jk_uE0.js} +5 -5
- 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/core/base-elements/element.js +1 -1
- package/core/controllers/overlay-position-controller.js +4 -1
- package/core/mixins/named-slot-list-mixin.js +4 -1
- 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/table.scss +18 -19
- 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/styles/theme.scss +3 -1
- package/core.css +177 -73
- package/custom-elements.json +1387 -1092
- 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/core/a11y/input-modality-detector.js +1 -1
- package/development/core/base-elements/element.d.ts.map +1 -1
- package/development/core/base-elements/element.js +2 -5
- 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/form-associated-checkbox-mixin.js +1 -1
- package/development/core/mixins/form-associated-input-mixin.js +1 -1
- 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/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/dialog/dialog/dialog.component.js +1 -1
- package/development/dialog/dialog.js +1 -1
- package/development/{dialog.component-TBiL0Sdq.js → dialog.component-DKuR4u-y.js} +2 -2
- package/development/dialog.js +1 -1
- package/development/dialog.pure.js +1 -1
- package/development/error.component-OBpWoVRL.js +55 -0
- package/development/expansion-panel/expansion-panel/expansion-panel.component.js +1 -1
- 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/expansion-panel.js +1 -1
- package/development/expansion-panel-header.component-BEAabEE0.js +85 -0
- package/development/{expansion-panel.component-PDUmZe7w.js → expansion-panel.component-CV_IuWZA.js} +2 -2
- package/development/expansion-panel.js +2 -2
- package/development/expansion-panel.pure.js +2 -2
- 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.d.ts +6 -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 +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-CRVr0PfV.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 +1 -0
- package/development/popover/popover.component.d.ts.map +1 -1
- package/development/popover/popover.component.js +1 -1
- package/development/popover.component-rZb6B9uW.js +546 -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/sidebar/sidebar.component.d.ts +1 -0
- package/development/sidebar/sidebar/sidebar.component.d.ts.map +1 -1
- package/development/sidebar/sidebar/sidebar.component.js +1 -1
- package/development/sidebar/sidebar.js +1 -1
- package/development/sidebar-container.component-BDSoDAym.js +1 -1
- package/development/{sidebar.component-DvRTyNry.js → sidebar.component-BLqO52nH.js} +8 -1
- package/development/sidebar.js +1 -1
- package/development/sidebar.pure.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 +1 -1
- package/development/styles-D8-q-irv.js +1 -1
- package/development/styles-Jlhoev1S.js +14 -0
- package/development/tab-group.component-DldBA45K.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/dialog/dialog/dialog.component.js +1 -1
- package/dialog/dialog.js +1 -1
- package/{dialog.component-B3oQbMki.js → dialog.component-Dv5ch5mh.js} +1 -1
- package/dialog.js +1 -1
- package/dialog.pure.js +1 -1
- package/{error.component-B_D8WUP5.js → error.component-DH9Obd7a.js} +1 -1
- package/expansion-panel/expansion-panel/expansion-panel.component.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/expansion-panel.js +1 -1
- package/{expansion-panel-header.component-B_dQ3ZWT.js → expansion-panel-header.component-FPoEEoZR.js} +1 -1
- package/{expansion-panel.component-BJCjwcoj.js → expansion-panel.component-DBnZ6IgB.js} +1 -1
- package/expansion-panel.js +2 -2
- package/expansion-panel.pure.js +2 -2
- 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-D50q1wC0.js → form-field.component-BwZDRKbQ.js} +17 -16
- 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 +209 -110
- 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-2Xf1hz7y.js} +1 -1
- 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-DAgwBcBW.js} +32 -28
- 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 +209 -110
- 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/sidebar/sidebar/sidebar.component.js +1 -1
- package/sidebar/sidebar.js +1 -1
- package/{sidebar.component-DxOx02l6.js → sidebar.component-Dsx1FAg0.js} +5 -3
- package/sidebar.js +1 -1
- package/sidebar.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 +209 -110
- 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/styles-BNu0Fjw5.js +5 -0
- package/{tab-group.component-Doy39cEh.js → tab-group.component-CHQlrhUy.js} +36 -33
- package/{tab-label.component-CD56RH1Z.js → tab-label.component-CpdUyfiq.js} +1 -1
- package/table.css +32 -37
- 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/core/styles/table.scss +0 -156
- package/development/autocomplete-base-element-YwfObJzm.js +0 -678
- package/development/breadcrumb-group.component-B3Shlng3.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-BEXX0OcL.js +0 -702
- 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
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { html, unsafeCSS } from "lit";
|
|
3
|
-
import { property } from "lit/decorators.js";
|
|
4
|
-
import { SbbElement } from "./core/base-elements.js";
|
|
5
|
-
import { boxSizingStyles } from "./core/styles.js";
|
|
6
|
-
import { SbbIconNameMixin } from "./icon.js";
|
|
7
|
-
//#region src/elements/status/status.scss?inline
|
|
8
|
-
var status_default = ":host {\n --sbb-status-text-color: var(--sbb-status-color);\n display: flex;\n gap: var(--sbb-status-gap);\n color: var(--sbb-status-text-color);\n font-size: var(--sbb-status-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n\n:host([type=error]) {\n --sbb-status-color: var(--sbb-color-error);\n}\n\n:host([type=success]) {\n --sbb-status-color: var(--sbb-color-success);\n}\n\n:host([type=warning]) {\n --sbb-status-color: var(--sbb-color-2);\n}\n\n:host([type=pending]) {\n --sbb-status-color: var(--sbb-color-sky);\n}\n\n:host([type=incomplete]) {\n --sbb-status-color: var(--sbb-color-error);\n}\n\n:host([type=not-started]) {\n --sbb-status-color: var(--sbb-color-5);\n --sbb-status-text-color: var(--sbb-color-2);\n}\n\n:host([type=in-progress]) {\n --sbb-status-color: var(--sbb-color-pink);\n}\n\n:host(:is(:state(slotted-title),[state--slotted-title])) {\n --sbb-status-gap: var(--sbb-spacing-responsive-xxxs);\n --_sbb-status-title-font-size: var(--sbb-heading-font-size-5);\n --_sbb-status-title-line-height: var(--sbb-typo-line-height-heading);\n color: var(--sbb-status-title-color);\n}\n\n.sbb-status__icon {\n display: flex;\n flex-shrink: 0;\n color: var(--sbb-status-color);\n margin-block-start: calc((var(--_sbb-status-title-font-size, var(--sbb-status-font-size)) * var(--_sbb-status-title-line-height, var(--sbb-typo-line-height-text)) - var(--sbb-size-icon-ui-small)) / 2);\n}\n\n.sbb-status__content-slot {\n display: inline;\n margin: 0;\n padding: 0;\n}\n\n::slotted(sbb-title) {\n margin-block: 0;\n}";
|
|
9
|
-
//#endregion
|
|
10
|
-
//#region src/elements/status/status.component.ts
|
|
11
|
-
/**
|
|
12
|
-
* Displays a message to the user's attention.
|
|
13
|
-
*
|
|
14
|
-
* @slot - Use the unnamed slot to add an optional `sbb-title` and content to the status message.
|
|
15
|
-
* @slot icon - Use this slot to override the default status icon.
|
|
16
|
-
* @slot title - Slot for the title. For the standard `sbb-title` element, the slot is automatically assigned when slotted in the unnamed slot.
|
|
17
|
-
* @cssprop [--sbb-status-color=var(--sbb-color-iron)] - Specify a custom color,
|
|
18
|
-
* which will override the predefined color for any type.
|
|
19
|
-
* @cssprop [--sbb-status-text-color=var(--sbb-status-color)] - Specify a custom text color,
|
|
20
|
-
* which will override the predefined color for any type. Only valid for a status without a title.
|
|
21
|
-
*/
|
|
22
|
-
var SbbStatusElement = (() => {
|
|
23
|
-
let _classSuper = SbbIconNameMixin(SbbElement);
|
|
24
|
-
let _type_decorators;
|
|
25
|
-
let _type_initializers = [];
|
|
26
|
-
let _type_extraInitializers = [];
|
|
27
|
-
return class SbbStatusElement extends _classSuper {
|
|
28
|
-
static {
|
|
29
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
30
|
-
_type_decorators = [property({ reflect: true })];
|
|
31
|
-
__esDecorate(this, null, _type_decorators, {
|
|
32
|
-
kind: "accessor",
|
|
33
|
-
name: "type",
|
|
34
|
-
static: false,
|
|
35
|
-
private: false,
|
|
36
|
-
access: {
|
|
37
|
-
has: (obj) => "type" in obj,
|
|
38
|
-
get: (obj) => obj.type,
|
|
39
|
-
set: (obj, value) => {
|
|
40
|
-
obj.type = value;
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
metadata: _metadata
|
|
44
|
-
}, _type_initializers, _type_extraInitializers);
|
|
45
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
46
|
-
enumerable: true,
|
|
47
|
-
configurable: true,
|
|
48
|
-
writable: true,
|
|
49
|
-
value: _metadata
|
|
50
|
-
});
|
|
51
|
-
}
|
|
52
|
-
static {
|
|
53
|
-
this.elementName = "sbb-status";
|
|
54
|
-
}
|
|
55
|
-
static {
|
|
56
|
-
this.styles = [boxSizingStyles, unsafeCSS(status_default)];
|
|
57
|
-
}
|
|
58
|
-
#type_accessor_storage;
|
|
59
|
-
/** The type of the status. */
|
|
60
|
-
get type() {
|
|
61
|
-
return this.#type_accessor_storage;
|
|
62
|
-
}
|
|
63
|
-
set type(value) {
|
|
64
|
-
this.#type_accessor_storage = value;
|
|
65
|
-
}
|
|
66
|
-
_handleSlotchange() {
|
|
67
|
-
const title = Array.from(this.children).find((el) => el.localName === "sbb-title");
|
|
68
|
-
if (title) title.slot = "title";
|
|
69
|
-
}
|
|
70
|
-
_configureTitle(event) {
|
|
71
|
-
const title = event.target.assignedElements().find((e) => e.localName === "sbb-title");
|
|
72
|
-
if (title) {
|
|
73
|
-
customElements.upgrade(title);
|
|
74
|
-
title.visualLevel = "5";
|
|
75
|
-
}
|
|
76
|
-
}
|
|
77
|
-
renderIconName() {
|
|
78
|
-
return super.renderIconName() || this._statusTypes.get(this.type);
|
|
79
|
-
}
|
|
80
|
-
render() {
|
|
81
|
-
return html`
|
|
82
|
-
<span class="sbb-status__icon"> ${this.renderIconSlot()} </span>
|
|
83
|
-
<span class="sbb-status__content">
|
|
84
|
-
<slot name="title" @slotchange=${this._configureTitle}></slot>
|
|
85
|
-
<p class="sbb-status__content-slot" @slotchange=${this._handleSlotchange}>
|
|
86
|
-
<slot></slot>
|
|
87
|
-
</p>
|
|
88
|
-
</span>
|
|
89
|
-
`;
|
|
90
|
-
}
|
|
91
|
-
constructor() {
|
|
92
|
-
super(...arguments);
|
|
93
|
-
this._statusTypes = new Map([
|
|
94
|
-
["info", "circle-information-small"],
|
|
95
|
-
["success", "circle-tick-small"],
|
|
96
|
-
["warning", "circle-exclamation-point-small"],
|
|
97
|
-
["error", "circle-cross-small"],
|
|
98
|
-
["pending", "circle-three-dots-small"],
|
|
99
|
-
["incomplete", "circle-dotted-part-x-small"],
|
|
100
|
-
["not-started", "circle-dotted-small"],
|
|
101
|
-
["in-progress", "circle-dotted-part-small"]
|
|
102
|
-
]);
|
|
103
|
-
this.#type_accessor_storage = __runInitializers(this, _type_initializers, "info");
|
|
104
|
-
__runInitializers(this, _type_extraInitializers);
|
|
105
|
-
}
|
|
106
|
-
};
|
|
107
|
-
})();
|
|
108
|
-
//#endregion
|
|
109
|
-
export { SbbStatusElement as t };
|
|
110
|
-
|
|
111
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RhdHVzLmNvbXBvbmVudC1DSEMycEJhLS5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc3RhdHVzL3N0YXR1cy5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zdGF0dXMvc3RhdHVzLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLXN0YXR1cy10ZXh0LWNvbG9yOiB2YXIoLS1zYmItc3RhdHVzLWNvbG9yKTtcblxuICBkaXNwbGF5OiBmbGV4O1xuICBnYXA6IHZhcigtLXNiYi1zdGF0dXMtZ2FwKTtcbiAgY29sb3I6IHZhcigtLXNiYi1zdGF0dXMtdGV4dC1jb2xvcik7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXN0YXR1cy1mb250LXNpemUpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG59XG5cbjpob3N0KFt0eXBlPSdlcnJvciddKSB7XG4gIC0tc2JiLXN0YXR1cy1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLWVycm9yKTtcbn1cblxuOmhvc3QoW3R5cGU9J3N1Y2Nlc3MnXSkge1xuICAtLXNiYi1zdGF0dXMtY29sb3I6IHZhcigtLXNiYi1jb2xvci1zdWNjZXNzKTtcbn1cblxuOmhvc3QoW3R5cGU9J3dhcm5pbmcnXSkge1xuICAtLXNiYi1zdGF0dXMtY29sb3I6IHZhcigtLXNiYi1jb2xvci0yKTtcbn1cblxuOmhvc3QoW3R5cGU9J3BlbmRpbmcnXSkge1xuICAtLXNiYi1zdGF0dXMtY29sb3I6IHZhcigtLXNiYi1jb2xvci1za3kpO1xufVxuXG46aG9zdChbdHlwZT0naW5jb21wbGV0ZSddKSB7XG4gIC0tc2JiLXN0YXR1cy1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLWVycm9yKTtcbn1cblxuOmhvc3QoW3R5cGU9J25vdC1zdGFydGVkJ10pIHtcbiAgLS1zYmItc3RhdHVzLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItNSk7XG4gIC0tc2JiLXN0YXR1cy10ZXh0LWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMik7XG59XG5cbjpob3N0KFt0eXBlPSdpbi1wcm9ncmVzcyddKSB7XG4gIC0tc2JiLXN0YXR1cy1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLXBpbmspO1xufVxuXG46aG9zdCg6c3RhdGUoc2xvdHRlZC10aXRsZSkpIHtcbiAgLS1zYmItc3RhdHVzLWdhcDogdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS14eHhzKTtcbiAgLS1fc2JiLXN0YXR1cy10aXRsZS1mb250LXNpemU6IHZhcigtLXNiYi1oZWFkaW5nLWZvbnQtc2l6ZS01KTtcbiAgLS1fc2JiLXN0YXR1cy10aXRsZS1saW5lLWhlaWdodDogdmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtaGVhZGluZyk7XG5cbiAgY29sb3I6IHZhcigtLXNiYi1zdGF0dXMtdGl0bGUtY29sb3IpO1xufVxuXG4uc2JiLXN0YXR1c19faWNvbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtc2hyaW5rOiAwO1xuICBjb2xvcjogdmFyKC0tc2JiLXN0YXR1cy1jb2xvcik7XG4gIG1hcmdpbi1ibG9jay1zdGFydDogY2FsYyhcbiAgICAoXG4gICAgICAgIChcbiAgICAgICAgICAgIHZhcigtLV9zYmItc3RhdHVzLXRpdGxlLWZvbnQtc2l6ZSwgdmFyKC0tc2JiLXN0YXR1cy1mb250LXNpemUpKSAqXG4gICAgICAgICAgICAgIHZhcigtLV9zYmItc3RhdHVzLXRpdGxlLWxpbmUtaGVpZ2h0LCB2YXIoLS1zYmItdHlwby1saW5lLWhlaWdodC10ZXh0KSlcbiAgICAgICAgICApIC0gdmFyKC0tc2JiLXNpemUtaWNvbi11aS1zbWFsbClcbiAgICAgICkgL1xuICAgICAgMlxuICApO1xufVxuXG4uc2JiLXN0YXR1c19fY29udGVudC1zbG90IHtcbiAgLy8gUmVzZXQgcGFyYWdyYXBoIHN0eWxlc1xuICBkaXNwbGF5OiBpbmxpbmU7XG4gIG1hcmdpbjogMDtcbiAgcGFkZGluZzogMDtcbn1cblxuOjpzbG90dGVkKHNiYi10aXRsZSkge1xuICBtYXJnaW4tYmxvY2s6IDA7XG59XG4iLCJpbXBvcnQgeyBodG1sLCB1bnNhZmVDU1MsIHR5cGUgQ1NTUmVzdWx0R3JvdXAsIHR5cGUgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uL2ljb24udHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUaXRsZUVsZW1lbnQgfSBmcm9tICcuLi90aXRsZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3N0YXR1cy5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCB0eXBlIFNiYlN0YXR1c1R5cGUgPVxuICB8ICdpbmZvJ1xuICB8ICdzdWNjZXNzJ1xuICB8ICd3YXJuaW5nJ1xuICB8ICdlcnJvcidcbiAgfCAncGVuZGluZydcbiAgfCAnaW5jb21wbGV0ZSdcbiAgfCAnbm90LXN0YXJ0ZWQnXG4gIHwgJ2luLXByb2dyZXNzJztcblxuLyoqXG4gKiBEaXNwbGF5cyBhIG1lc3NhZ2UgdG8gdGhlIHVzZXIncyBhdHRlbnRpb24uXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYW4gb3B0aW9uYWwgYHNiYi10aXRsZWAgYW5kIGNvbnRlbnQgdG8gdGhlIHN0YXR1cyBtZXNzYWdlLlxuICogQHNsb3QgaWNvbiAtIFVzZSB0aGlzIHNsb3QgdG8gb3ZlcnJpZGUgdGhlIGRlZmF1bHQgc3RhdHVzIGljb24uXG4gKiBAc2xvdCB0aXRsZSAtIFNsb3QgZm9yIHRoZSB0aXRsZS4gRm9yIHRoZSBzdGFuZGFyZCBgc2JiLXRpdGxlYCBlbGVtZW50LCB0aGUgc2xvdCBpcyBhdXRvbWF0aWNhbGx5IGFzc2lnbmVkIHdoZW4gc2xvdHRlZCBpbiB0aGUgdW5uYW1lZCBzbG90LlxuICogQGNzc3Byb3AgWy0tc2JiLXN0YXR1cy1jb2xvcj12YXIoLS1zYmItY29sb3ItaXJvbildIC0gU3BlY2lmeSBhIGN1c3RvbSBjb2xvcixcbiAqIHdoaWNoIHdpbGwgb3ZlcnJpZGUgdGhlIHByZWRlZmluZWQgY29sb3IgZm9yIGFueSB0eXBlLlxuICogQGNzc3Byb3AgWy0tc2JiLXN0YXR1cy10ZXh0LWNvbG9yPXZhcigtLXNiYi1zdGF0dXMtY29sb3IpXSAtIFNwZWNpZnkgYSBjdXN0b20gdGV4dCBjb2xvcixcbiAqIHdoaWNoIHdpbGwgb3ZlcnJpZGUgdGhlIHByZWRlZmluZWQgY29sb3IgZm9yIGFueSB0eXBlLiBPbmx5IHZhbGlkIGZvciBhIHN0YXR1cyB3aXRob3V0IGEgdGl0bGUuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTdGF0dXNFbGVtZW50IGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItc3RhdHVzJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgcHJpdmF0ZSByZWFkb25seSBfc3RhdHVzVHlwZXM6IE1hcDxTYmJTdGF0dXNUeXBlLCBzdHJpbmc+ID0gbmV3IE1hcChbXG4gICAgWydpbmZvJywgJ2NpcmNsZS1pbmZvcm1hdGlvbi1zbWFsbCddLFxuICAgIFsnc3VjY2VzcycsICdjaXJjbGUtdGljay1zbWFsbCddLFxuICAgIFsnd2FybmluZycsICdjaXJjbGUtZXhjbGFtYXRpb24tcG9pbnQtc21hbGwnXSxcbiAgICBbJ2Vycm9yJywgJ2NpcmNsZS1jcm9zcy1zbWFsbCddLFxuICAgIFsncGVuZGluZycsICdjaXJjbGUtdGhyZWUtZG90cy1zbWFsbCddLFxuICAgIFsnaW5jb21wbGV0ZScsICdjaXJjbGUtZG90dGVkLXBhcnQteC1zbWFsbCddLFxuICAgIFsnbm90LXN0YXJ0ZWQnLCAnY2lyY2xlLWRvdHRlZC1zbWFsbCddLFxuICAgIFsnaW4tcHJvZ3Jlc3MnLCAnY2lyY2xlLWRvdHRlZC1wYXJ0LXNtYWxsJ10sXG4gIF0pO1xuXG4gIC8qKiBUaGUgdHlwZSBvZiB0aGUgc3RhdHVzLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciB0eXBlOiBTYmJTdGF0dXNUeXBlID0gJ2luZm8nO1xuXG4gIHByaXZhdGUgX2hhbmRsZVNsb3RjaGFuZ2UoKTogdm9pZCB7XG4gICAgY29uc3QgdGl0bGUgPSBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4pLmZpbmQoKGVsKSA9PiBlbC5sb2NhbE5hbWUgPT09ICdzYmItdGl0bGUnKTtcbiAgICBpZiAodGl0bGUpIHtcbiAgICAgIHRpdGxlLnNsb3QgPSAndGl0bGUnO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2NvbmZpZ3VyZVRpdGxlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRpdGxlID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MU2xvdEVsZW1lbnQpXG4gICAgICAuYXNzaWduZWRFbGVtZW50cygpXG4gICAgICAuZmluZCgoZSk6IGUgaXMgU2JiVGl0bGVFbGVtZW50ID0+IGUubG9jYWxOYW1lID09PSAnc2JiLXRpdGxlJyk7XG4gICAgaWYgKHRpdGxlKSB7XG4gICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlKHRpdGxlKTtcbiAgICAgIHRpdGxlLnZpc3VhbExldmVsID0gJzUnO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJJY29uTmFtZSgpOiBzdHJpbmcge1xuICAgIHJldHVybiBzdXBlci5yZW5kZXJJY29uTmFtZSgpIHx8IHRoaXMuX3N0YXR1c1R5cGVzLmdldCh0aGlzLnR5cGUpITtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RhdHVzX19pY29uXCI+ICR7dGhpcy5yZW5kZXJJY29uU2xvdCgpfSA8L3NwYW4+XG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1zdGF0dXNfX2NvbnRlbnRcIj5cbiAgICAgICAgPHNsb3QgbmFtZT1cInRpdGxlXCIgQHNsb3RjaGFuZ2U9JHt0aGlzLl9jb25maWd1cmVUaXRsZX0+PC9zbG90PlxuICAgICAgICA8cCBjbGFzcz1cInNiYi1zdGF0dXNfX2NvbnRlbnQtc2xvdFwiIEBzbG90Y2hhbmdlPSR7dGhpcy5faGFuZGxlU2xvdGNoYW5nZX0+XG4gICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICA8L3A+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXN0YXR1cyc6IFNiYlN0YXR1c0VsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lDK0JhLDBCQUFnQjttQkFBUyxpQkFBaUIsV0FBVzs7OztjQUFyRCx5QkFBeUIsWUFBNEI7Ozt1QkFnQi9ELFNBQVMsRUFBRSxTQUFTLE1BQU0sQ0FBQyxDQUFBO0FBQUMsZ0JBQUEsTUFBQSxNQUFBLGtCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsVUFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFJLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBSixPQUFJOztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsb0JBQUEsd0JBQUE7Ozs7Ozs7OztBQWZqQixRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QixDQUFDLGlCQUFpQixVQUFVLGVBQU0sQ0FBQzs7RUFjdEQ7O0VBQUEsSUFBZ0IsT0FBSTtBQUFBLFVBQUEsTUFBQTs7RUFBcEIsSUFBZ0IsS0FBSSxPQUFBO0FBQUEsU0FBQSx3QkFBQTs7RUFFekMsb0JBQWlCO0dBQ3ZCLE1BQU0sUUFBUSxNQUFNLEtBQUssS0FBSyxTQUFTLENBQUMsTUFBTSxPQUFPLEdBQUcsY0FBYyxZQUFZO0FBQ2xGLE9BQUksTUFDRixPQUFNLE9BQU87O0VBSVQsZ0JBQWdCLE9BQVk7R0FDbEMsTUFBTSxRQUFTLE1BQU0sT0FDbEIsa0JBQWtCLENBQ2xCLE1BQU0sTUFBNEIsRUFBRSxjQUFjLFlBQVk7QUFDakUsT0FBSSxPQUFPO0FBQ1QsbUJBQWUsUUFBUSxNQUFNO0FBQzdCLFVBQU0sY0FBYzs7O0VBSUwsaUJBQWM7QUFDL0IsVUFBTyxNQUFNLGdCQUFnQixJQUFJLEtBQUssYUFBYSxJQUFJLEtBQUssS0FBTTs7RUFHakQsU0FBTTtBQUN2QixVQUFPLElBQUk7d0NBQ3lCLEtBQUssZ0JBQWdCLENBQUE7O3lDQUVwQixLQUFLLGdCQUFlOzBEQUNILEtBQUssa0JBQWlCOzs7Ozs7OztBQXhDN0QsUUFBQSxlQUEyQyxJQUFJLElBQUk7SUFDbEUsQ0FBQyxRQUFRLDJCQUEyQjtJQUNwQyxDQUFDLFdBQVcsb0JBQW9CO0lBQ2hDLENBQUMsV0FBVyxpQ0FBaUM7SUFDN0MsQ0FBQyxTQUFTLHFCQUFxQjtJQUMvQixDQUFDLFdBQVcsMEJBQTBCO0lBQ3RDLENBQUMsY0FBYyw2QkFBNkI7SUFDNUMsQ0FBQyxlQUFlLHNCQUFzQjtJQUN0QyxDQUFDLGVBQWUsMkJBQUE7SUFDakIsQ0FBQztBQUcyQyxTQUFBLHdCQUFBLGtCQUFBLE1BQUEsb0JBQXNCLE9BQU0ifQ==
|
|
@@ -1,131 +0,0 @@
|
|
|
1
|
-
import { html, unsafeCSS } from "lit";
|
|
2
|
-
import { SbbButtonBaseElement } from "./core/base-elements.js";
|
|
3
|
-
import { SbbDisabledMixin, appendAriaElements, removeAriaElements } from "./core/mixins.js";
|
|
4
|
-
import { boxSizingStyles } from "./core/styles.js";
|
|
5
|
-
import { SbbPropertyWatcherController } from "./core/controllers.js";
|
|
6
|
-
import { SbbIconNameMixin } from "./icon.js";
|
|
7
|
-
//#region src/elements/stepper/step-label/step-label.scss?inline
|
|
8
|
-
var step_label_default = ":host {\n --sbb-step-label-animation-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-2x)\n );\n --_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);\n --_sbb-step-label-inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);\n --_sbb-step-label-transform-y: calc(\n -50% + var(--sbb-step-label-translate-y-content-hover, 0rem)\n );\n --_sbb-step-label-prefix-inset-block-start: calc(\n 1em * (var(--sbb-typo-line-height-text) / 2) + (var(--sbb-border-width-1x) / 2) -\n (var(--sbb-step-label-prefix-size) / 2)\n );\n position: relative;\n display: flex;\n min-width: 0;\n max-width: fit-content;\n gap: var(--sbb-step-label-gap);\n cursor: var(--sbb-step-label-cursor);\n color: var(--sbb-step-label-color);\n font-size: var(--sbb-step-label-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n}\n:host::before {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n font-size: var(--sbb-text-font-size-xxs);\n font-weight: var(--sbb-step-label-font-weight-selected, normal);\n inset-block-start: var(--_sbb-step-label-inset-block-start);\n inset-inline-start: var(--_sbb-step-label-inset-inline-start);\n line-height: 1;\n z-index: 1;\n transform: translate(-50%, var(--_sbb-step-label-transform-y));\n transition: transform var(--sbb-step-label-animation-duration) var(--sbb-animation-easing);\n}\n\n:host(:is(:state(selected),[state--selected])) {\n --sbb-step-label-color: var(--sbb-color-3);\n --sbb-step-label-font-weight-selected: bold;\n}\n@media (forced-colors: active) {\n :host(:is(:state(selected),[state--selected])) {\n --sbb-step-label-color: Highlight !important;\n }\n}\n\n:host(:is(:state(size-s),[state--size-s])) {\n --sbb-step-label-gap: var(--sbb-spacing-fixed-3x);\n --sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);\n --sbb-step-label-font-size: var(--sbb-text-font-size-m);\n --_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-s);\n}\n\n:host(:disabled) {\n --sbb-step-label-color: var(--sbb-color-granite);\n --sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));\n --sbb-step-label-prefix-border-style: dashed;\n}\n@media (forced-colors: active) {\n :host(:disabled) {\n --sbb-step-label-color: GrayText !important;\n }\n}\n\n@media (any-hover: hover) {\n :host(:hover:not(:disabled)) {\n --sbb-step-label-cursor: var(--sbb-cursor-pointer);\n --sbb-step-label-prefix-background-color: var(--sbb-background-color-3);\n --sbb-step-label-translate-y-content-hover: -0.0625rem;\n --sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1);\n }\n}\n\n:host(:focus-visible) {\n outline-offset: var(--sbb-focus-outline-offset);\n outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n border-radius: var(--sbb-border-radius-1x);\n}\n\n:host(:is(:state(orientation-vertical),[state--orientation-vertical])) {\n transition: margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing);\n}\n\n:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)) {\n margin-block-start: var(--sbb-spacing-fixed-6x);\n}\n\n:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])) {\n margin-block-end: var(--sbb-spacing-fixed-8x);\n}\n\n.sbb-step-label__prefix {\n position: relative;\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: var(--sbb-step-label-prefix-size);\n height: var(--sbb-step-label-prefix-size);\n inset-block-start: var(--_sbb-step-label-prefix-inset-block-start);\n}\n.sbb-step-label__prefix::before {\n content: \"\";\n position: absolute;\n inset: calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));\n border-radius: var(--sbb-border-radius-infinity);\n border: var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);\n background-color: var(--sbb-step-label-prefix-background-color);\n transition-duration: var(--sbb-step-label-animation-duration);\n transition-timing-function: var(--sbb-animation-easing);\n transition-property: background-color, inset;\n}\n\n.sbb-step-label__text {\n font-weight: bold;\n}\n:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) .sbb-step-label__text {\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n::slotted(sbb-icon),\nsbb-icon {\n z-index: 1;\n background-color: var(--sbb-step-label-prefix-background-color);\n border-radius: var(--sbb-border-radius-infinity);\n transform: translateY(var(--sbb-step-label-translate-y-content-hover, 0rem));\n transition-duration: var(--sbb-step-label-animation-duration);\n transition-timing-function: var(--sbb-animation-easing);\n transition-property: background-color, transform;\n}";
|
|
9
|
-
//#endregion
|
|
10
|
-
//#region src/elements/stepper/step-label/step-label.component.ts
|
|
11
|
-
var nextId = 0;
|
|
12
|
-
/**
|
|
13
|
-
* Combined with a `sbb-stepper`, it displays a step's label.
|
|
14
|
-
*
|
|
15
|
-
* @slot - Use the unnamed slot to provide a label.
|
|
16
|
-
* @slot icon - Use this to display an icon in the label bubble.
|
|
17
|
-
*/
|
|
18
|
-
var SbbStepLabelElement = class extends SbbIconNameMixin(SbbDisabledMixin(SbbButtonBaseElement)) {
|
|
19
|
-
static {
|
|
20
|
-
this.elementName = "sbb-step-label";
|
|
21
|
-
}
|
|
22
|
-
static {
|
|
23
|
-
this.role = "tab";
|
|
24
|
-
}
|
|
25
|
-
static {
|
|
26
|
-
this.styles = [boxSizingStyles, unsafeCSS(step_label_default)];
|
|
27
|
-
}
|
|
28
|
-
/** The step controlled by the label. */
|
|
29
|
-
get step() {
|
|
30
|
-
return this._step;
|
|
31
|
-
}
|
|
32
|
-
get stepper() {
|
|
33
|
-
return this.closest("sbb-stepper");
|
|
34
|
-
}
|
|
35
|
-
set disabled(value) {
|
|
36
|
-
super.disabled = value;
|
|
37
|
-
this.toggleState("user-disabled", value);
|
|
38
|
-
}
|
|
39
|
-
get disabled() {
|
|
40
|
-
return super.disabled;
|
|
41
|
-
}
|
|
42
|
-
constructor() {
|
|
43
|
-
super();
|
|
44
|
-
this._step = null;
|
|
45
|
-
this.addEventListener?.("click", () => {
|
|
46
|
-
const stepper = this.stepper;
|
|
47
|
-
if (stepper && this.step && this._isNotDeactivatedByLinearMode(this.step)) stepper.selected = this.step;
|
|
48
|
-
});
|
|
49
|
-
this.addController(new SbbPropertyWatcherController(this, () => this.stepper, {
|
|
50
|
-
orientation: (s) => {
|
|
51
|
-
if (this._previousOrientation) this.internals.states.delete(`orientation-${this._previousOrientation}`);
|
|
52
|
-
this._previousOrientation = s.orientation;
|
|
53
|
-
if (this._previousOrientation) this.internals.states.add(`orientation-${this._previousOrientation}`);
|
|
54
|
-
},
|
|
55
|
-
size: (s) => {
|
|
56
|
-
if (this._previousSize) this.internals.states.delete(`size-${this._previousSize}`);
|
|
57
|
-
this._previousSize = s.size;
|
|
58
|
-
if (this._previousSize) this.internals.states.add(`size-${this._previousSize}`);
|
|
59
|
-
}
|
|
60
|
-
}));
|
|
61
|
-
}
|
|
62
|
-
_isNotDeactivatedByLinearMode(step) {
|
|
63
|
-
const stepper = this.stepper;
|
|
64
|
-
if (stepper?.linear && stepper.selectedIndex !== null) {
|
|
65
|
-
const index = stepper.steps.indexOf(step);
|
|
66
|
-
return index < stepper.selectedIndex || index === stepper.selectedIndex + 1;
|
|
67
|
-
}
|
|
68
|
-
return true;
|
|
69
|
-
}
|
|
70
|
-
connectedCallback() {
|
|
71
|
-
super.connectedCallback();
|
|
72
|
-
this.id ||= `sbb-step-label-${nextId++}`;
|
|
73
|
-
this.slot ||= "step-label";
|
|
74
|
-
this.internals.ariaSelected = "false";
|
|
75
|
-
this.tabIndex = -1;
|
|
76
|
-
this._assignStep();
|
|
77
|
-
}
|
|
78
|
-
/**
|
|
79
|
-
* Selects and configures the step label.
|
|
80
|
-
* @internal
|
|
81
|
-
*/
|
|
82
|
-
select() {
|
|
83
|
-
this.tabIndex = 0;
|
|
84
|
-
this.internals.ariaSelected = "true";
|
|
85
|
-
this.internals.states.add("selected");
|
|
86
|
-
}
|
|
87
|
-
/**
|
|
88
|
-
* Deselects and configures the step label.
|
|
89
|
-
* @internal
|
|
90
|
-
*/
|
|
91
|
-
deselect() {
|
|
92
|
-
this.tabIndex = -1;
|
|
93
|
-
this.internals.ariaSelected = "false";
|
|
94
|
-
this.internals.states.delete("selected");
|
|
95
|
-
}
|
|
96
|
-
/**
|
|
97
|
-
* Configures the step label.
|
|
98
|
-
* @internal
|
|
99
|
-
*/
|
|
100
|
-
configure(posInSet, setSize, stepperLoaded) {
|
|
101
|
-
if (stepperLoaded) this._assignStep();
|
|
102
|
-
this.internals.ariaPosInSet = `${posInSet}`;
|
|
103
|
-
this.internals.ariaSetSize = `${setSize}`;
|
|
104
|
-
}
|
|
105
|
-
_assignStep() {
|
|
106
|
-
let nextSibling = this.nextElementSibling;
|
|
107
|
-
while (nextSibling && nextSibling.localName !== "sbb-step") nextSibling = nextSibling.nextElementSibling;
|
|
108
|
-
const value = nextSibling;
|
|
109
|
-
this.internals.ariaControlsElements = removeAriaElements(this.internals.ariaControlsElements, this._step);
|
|
110
|
-
this._step = value instanceof Element ? value : null;
|
|
111
|
-
this.internals.ariaControlsElements = appendAriaElements(this.internals.ariaControlsElements, this._step);
|
|
112
|
-
}
|
|
113
|
-
/**
|
|
114
|
-
* @internal
|
|
115
|
-
* Disables the step label and avoids setting the `disabled` state to preserve the initial
|
|
116
|
-
* disabled state in case of switching between linear and non-linear mode.
|
|
117
|
-
*/
|
|
118
|
-
disable(value) {
|
|
119
|
-
super.disabled = value;
|
|
120
|
-
}
|
|
121
|
-
render() {
|
|
122
|
-
return html`
|
|
123
|
-
<span class="sbb-step-label__prefix">${this.renderIconSlot()}</span>
|
|
124
|
-
<span class="sbb-step-label__text"><slot></slot></span>
|
|
125
|
-
`;
|
|
126
|
-
}
|
|
127
|
-
};
|
|
128
|
-
//#endregion
|
|
129
|
-
export { SbbStepLabelElement as t };
|
|
130
|
-
|
|
131
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC1sYWJlbC5jb21wb25lbnQtQ0pGUEhJWmEuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC1sYWJlbC9zdGVwLWxhYmVsLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3N0ZXBwZXIvc3RlcC1sYWJlbC9zdGVwLWxhYmVsLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtYW5pbWF0aW9uLWR1cmF0aW9uOiB2YXIoXG4gICAgLS1zYmItZGlzYWJsZS1hbmltYXRpb24tZHVyYXRpb24sXG4gICAgdmFyKC0tc2JiLWFuaW1hdGlvbi1kdXJhdGlvbi0yeClcbiAgKTtcbiAgLS1fc2JiLXN0ZXAtbGFiZWwtaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWluc2V0LWJsb2NrLXN0YXJ0LXNpemUtbSk7XG4gIC0tX3NiYi1zdGVwLWxhYmVsLWluc2V0LWlubGluZS1zdGFydDogY2FsYyh2YXIoLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtc2l6ZSkgLyAyKTtcbiAgLS1fc2JiLXN0ZXAtbGFiZWwtdHJhbnNmb3JtLXk6IGNhbGMoXG4gICAgLTUwJSArIHZhcigtLXNiYi1zdGVwLWxhYmVsLXRyYW5zbGF0ZS15LWNvbnRlbnQtaG92ZXIsICN7c2JiLnB4LXRvLXJlbS1idWlsZCgwKX0pXG4gICk7XG4gIC0tX3NiYi1zdGVwLWxhYmVsLXByZWZpeC1pbnNldC1ibG9jay1zdGFydDogY2FsYyhcbiAgICAxZW0gKiAodmFyKC0tc2JiLXR5cG8tbGluZS1oZWlnaHQtdGV4dCkgLyAyKSArICh2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSAvIDIpIC1cbiAgICAgICh2YXIoLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtc2l6ZSkgLyAyKVxuICApO1xuXG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgbWluLXdpZHRoOiAwO1xuICBtYXgtd2lkdGg6IGZpdC1jb250ZW50O1xuICBnYXA6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWdhcCk7XG4gIGN1cnNvcjogdmFyKC0tc2JiLXN0ZXAtbGFiZWwtY3Vyc29yKTtcbiAgY29sb3I6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWNvbG9yKTtcbiAgZm9udC1zaXplOiB2YXIoLS1zYmItc3RlcC1sYWJlbC1mb250LXNpemUpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBAaW5jbHVkZSBzYmIuYWJzb2x1dGUtY2VudGVyLXgteTtcblxuICAgIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXRleHQtZm9udC1zaXplLXh4cyk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigtLXNiYi1zdGVwLWxhYmVsLWZvbnQtd2VpZ2h0LXNlbGVjdGVkLCBub3JtYWwpO1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS1fc2JiLXN0ZXAtbGFiZWwtaW5zZXQtYmxvY2stc3RhcnQpO1xuICAgIGluc2V0LWlubGluZS1zdGFydDogdmFyKC0tX3NiYi1zdGVwLWxhYmVsLWluc2V0LWlubGluZS1zdGFydCk7XG4gICAgbGluZS1oZWlnaHQ6IDE7XG4gICAgei1pbmRleDogMTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCB2YXIoLS1fc2JiLXN0ZXAtbGFiZWwtdHJhbnNmb3JtLXkpKTtcbiAgICB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gdmFyKC0tc2JiLXN0ZXAtbGFiZWwtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gIH1cbn1cblxuOmhvc3QoOnN0YXRlKHNlbGVjdGVkKSkge1xuICAtLXNiYi1zdGVwLWxhYmVsLWNvbG9yOiB2YXIoLS1zYmItY29sb3ItMyk7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtZm9udC13ZWlnaHQtc2VsZWN0ZWQ6IGJvbGQ7XG5cbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtY29sb3I6IEhpZ2hsaWdodCAhaW1wb3J0YW50O1xuICB9XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLXMpKSB7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtZ2FwOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0zeCk7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LXNpemU6IHZhcigtLXNiYi1zaXplLWVsZW1lbnQteHh4cyk7XG4gIC0tc2JiLXN0ZXAtbGFiZWwtZm9udC1zaXplOiB2YXIoLS1zYmItdGV4dC1mb250LXNpemUtbSk7XG4gIC0tX3NiYi1zdGVwLWxhYmVsLWluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItc3RlcC1sYWJlbC1pbnNldC1ibG9jay1zdGFydC1zaXplLXMpO1xufVxuXG46aG9zdCg6ZGlzYWJsZWQpIHtcbiAgLS1zYmItc3RlcC1sYWJlbC1jb2xvcjogbGlnaHQtZGFyayh2YXIoLS1zYmItY29sb3ItZ3Jhbml0ZSksIHZhcigtLXNiYi1jb2xvci1ncmFwaGl0ZSkpO1xuICAtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1ib3JkZXItc3R5bGU6IGRhc2hlZDtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItc3RlcC1sYWJlbC1jb2xvcjogR3JheVRleHQgIWltcG9ydGFudDtcbiAgfVxufVxuXG46aG9zdCg6aG92ZXI6bm90KDpkaXNhYmxlZCkpIHtcbiAgQGluY2x1ZGUgc2JiLmhvdmVyLW1xKCRob3ZlcjogdHJ1ZSkge1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtY3Vyc29yOiB2YXIoLS1zYmItY3Vyc29yLXBvaW50ZXIpO1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTMpO1xuICAgIC0tc2JiLXN0ZXAtbGFiZWwtdHJhbnNsYXRlLXktY29udGVudC1ob3ZlcjogI3tzYmIucHgtdG8tcmVtLWJ1aWxkKC0xKX07XG4gICAgLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtc2l6ZS1ncm93LWhvdmVyOiBjYWxjKHZhcigtLXNiYi1ib3JkZXItd2lkdGgtMngpICogLTEpO1xuICB9XG59XG5cbjpob3N0KDpmb2N1cy12aXNpYmxlKSB7XG4gIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTF4KTtcbn1cblxuOmhvc3QoOnN0YXRlKG9yaWVudGF0aW9uLXZlcnRpY2FsKSkge1xuICB0cmFuc2l0aW9uOiBtYXJnaW4gdmFyKC0tc2JiLXN0ZXBwZXItYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG59XG5cbjpob3N0KDpzdGF0ZShvcmllbnRhdGlvbi12ZXJ0aWNhbCk6bm90KDpmaXJzdC1vZi10eXBlKSkge1xuICBtYXJnaW4tYmxvY2stc3RhcnQ6IHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTZ4KTtcbn1cblxuOmhvc3QoOnN0YXRlKHNlbGVjdGVkKTpzdGF0ZShvcmllbnRhdGlvbi12ZXJ0aWNhbCkpIHtcbiAgbWFyZ2luLWJsb2NrLWVuZDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtOHgpO1xufVxuXG4uc2JiLXN0ZXAtbGFiZWxfX3ByZWZpeCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1zaHJpbms6IDA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB3aWR0aDogdmFyKC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LXNpemUpO1xuICBoZWlnaHQ6IHZhcigtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1zaXplKTtcbiAgaW5zZXQtYmxvY2stc3RhcnQ6IHZhcigtLV9zYmItc3RlcC1sYWJlbC1wcmVmaXgtaW5zZXQtYmxvY2stc3RhcnQpO1xuXG4gICY6OmJlZm9yZSB7XG4gICAgY29udGVudDogJyc7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0OiBjYWxjKHZhcigtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1zaXplLWdyb3ctaG92ZXIsICN7c2JiLnB4LXRvLXJlbS1idWlsZCgwKX0pKTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItYm9yZGVyLXJhZGl1cy1pbmZpbml0eSk7XG4gICAgYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KSB2YXIoLS1zYmItc3RlcC1sYWJlbC1wcmVmaXgtYm9yZGVyLXN0eWxlKVxuICAgICAgdmFyKC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LWJvcmRlci1jb2xvcik7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXN0ZXAtbGFiZWwtcHJlZml4LWJhY2tncm91bmQtY29sb3IpO1xuICAgIHRyYW5zaXRpb246IHtcbiAgICAgIGR1cmF0aW9uOiB2YXIoLS1zYmItc3RlcC1sYWJlbC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgICBwcm9wZXJ0eTogYmFja2dyb3VuZC1jb2xvciwgaW5zZXQ7XG4gICAgfVxuICB9XG59XG5cbi5zYmItc3RlcC1sYWJlbF9fdGV4dCB7XG4gIGZvbnQtd2VpZ2h0OiBib2xkO1xuXG4gIDpob3N0KDpzdGF0ZShvcmllbnRhdGlvbi1ob3Jpem9udGFsKSkgJiB7XG4gICAgQGluY2x1ZGUgc2JiLmVsbGlwc2lzO1xuICB9XG59XG5cbjo6c2xvdHRlZChzYmItaWNvbiksXG5zYmItaWNvbiB7XG4gIHotaW5kZXg6IDE7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1zdGVwLWxhYmVsLXByZWZpeC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLWJvcmRlci1yYWRpdXMtaW5maW5pdHkpO1xuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkodmFyKC0tc2JiLXN0ZXAtbGFiZWwtdHJhbnNsYXRlLXktY29udGVudC1ob3ZlciwgI3tzYmIucHgtdG8tcmVtLWJ1aWxkKDApfSkpO1xuICB0cmFuc2l0aW9uOiB7XG4gICAgZHVyYXRpb246IHZhcigtLXNiYi1zdGVwLWxhYmVsLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgdGltaW5nLWZ1bmN0aW9uOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgcHJvcGVydHk6IGJhY2tncm91bmQtY29sb3IsIHRyYW5zZm9ybTtcbiAgfVxufVxuIiwiaW1wb3J0IHsgdHlwZSBDU1NSZXN1bHRHcm91cCwgaHRtbCwgdHlwZSBUZW1wbGF0ZVJlc3VsdCwgdW5zYWZlQ1NTIH0gZnJvbSAnbGl0JztcblxuaW1wb3J0IHsgU2JiQnV0dG9uQmFzZUVsZW1lbnQgfSBmcm9tICcuLi8uLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgU2JiUHJvcGVydHlXYXRjaGVyQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUvY29udHJvbGxlcnMudHMnO1xuaW1wb3J0IHsgYXBwZW5kQXJpYUVsZW1lbnRzLCByZW1vdmVBcmlhRWxlbWVudHMsIFNiYkRpc2FibGVkTWl4aW4gfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlN0ZXBFbGVtZW50IH0gZnJvbSAnLi4vc3RlcC9zdGVwLmNvbXBvbmVudC50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlN0ZXBwZXJFbGVtZW50IH0gZnJvbSAnLi4vc3RlcHBlci9zdGVwcGVyLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3N0ZXAtbGFiZWwuc2Nzcz9pbmxpbmUnO1xuXG5sZXQgbmV4dElkID0gMDtcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi1zdGVwcGVyYCwgaXQgZGlzcGxheXMgYSBzdGVwJ3MgbGFiZWwuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBwcm92aWRlIGEgbGFiZWwuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgdG8gZGlzcGxheSBhbiBpY29uIGluIHRoZSBsYWJlbCBidWJibGUuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTdGVwTGFiZWxFbGVtZW50IGV4dGVuZHMgU2JiSWNvbk5hbWVNaXhpbihTYmJEaXNhYmxlZE1peGluKFNiYkJ1dHRvbkJhc2VFbGVtZW50KSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLXN0ZXAtbGFiZWwnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IHJvbGUgPSAndGFiJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgdW5zYWZlQ1NTKHN0eWxlKV07XG5cbiAgLyoqIFRoZSBzdGVwIGNvbnRyb2xsZWQgYnkgdGhlIGxhYmVsLiAqL1xuICBwdWJsaWMgZ2V0IHN0ZXAoKTogU2JiU3RlcEVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5fc3RlcDtcbiAgfVxuICBwcml2YXRlIF9zdGVwOiBTYmJTdGVwRWxlbWVudCB8IG51bGwgPSBudWxsO1xuXG4gIHB1YmxpYyBnZXQgc3RlcHBlcigpOiBTYmJTdGVwcGVyRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLmNsb3Nlc3QoJ3NiYi1zdGVwcGVyJyk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgc2V0IGRpc2FibGVkKHZhbHVlOiBib29sZWFuKSB7XG4gICAgc3VwZXIuZGlzYWJsZWQgPSB2YWx1ZTtcblxuICAgIC8vIFdlIGFkZGl0aW9uYWxseSBrZWVwIHRyYWNrIG9mIHRoZSBgZGlzYWJsZWRgIHN0YXRlIHRvIHByZXNlcnZlIHRoZSB1c2VyIGNvbmZpZ3VyZWQgZGlzYWJsZWQgc3RhdGVcbiAgICAvLyBvZiBzdGVwIGxhYmVscyBpbiBjYXNlIG9mIHN3aXRjaGluZyBiZXR3ZWVuIGxpbmVhciBhbmQgbm9uLWxpbmVhciBtb2RlLlxuICAgIHRoaXMudG9nZ2xlU3RhdGUoJ3VzZXItZGlzYWJsZWQnLCB2YWx1ZSk7XG4gIH1cbiAgcHVibGljIG92ZXJyaWRlIGdldCBkaXNhYmxlZCgpOiBib29sZWFuIHtcbiAgICByZXR1cm4gc3VwZXIuZGlzYWJsZWQ7XG4gIH1cblxuICBwcml2YXRlIF9wcmV2aW91c09yaWVudGF0aW9uPzogc3RyaW5nO1xuICBwcml2YXRlIF9wcmV2aW91c1NpemU/OiBzdHJpbmc7XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG5cbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXI/LignY2xpY2snLCAoKSA9PiB7XG4gICAgICBjb25zdCBzdGVwcGVyID0gdGhpcy5zdGVwcGVyO1xuICAgICAgaWYgKHN0ZXBwZXIgJiYgdGhpcy5zdGVwICYmIHRoaXMuX2lzTm90RGVhY3RpdmF0ZWRCeUxpbmVhck1vZGUodGhpcy5zdGVwKSkge1xuICAgICAgICBzdGVwcGVyLnNlbGVjdGVkID0gdGhpcy5zdGVwO1xuICAgICAgfVxuICAgIH0pO1xuICAgIHRoaXMuYWRkQ29udHJvbGxlcihcbiAgICAgIG5ldyBTYmJQcm9wZXJ0eVdhdGNoZXJDb250cm9sbGVyKHRoaXMsICgpID0+IHRoaXMuc3RlcHBlciwge1xuICAgICAgICBvcmllbnRhdGlvbjogKHMpID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNPcmllbnRhdGlvbikge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmRlbGV0ZShgb3JpZW50YXRpb24tJHt0aGlzLl9wcmV2aW91c09yaWVudGF0aW9ufWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c09yaWVudGF0aW9uID0gcy5vcmllbnRhdGlvbjtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNPcmllbnRhdGlvbikge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgb3JpZW50YXRpb24tJHt0aGlzLl9wcmV2aW91c09yaWVudGF0aW9ufWApO1xuICAgICAgICAgIH1cbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZTogKHMpID0+IHtcbiAgICAgICAgICBpZiAodGhpcy5fcHJldmlvdXNTaXplKSB7XG4gICAgICAgICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuZGVsZXRlKGBzaXplLSR7dGhpcy5fcHJldmlvdXNTaXplfWApO1xuICAgICAgICAgIH1cbiAgICAgICAgICB0aGlzLl9wcmV2aW91c1NpemUgPSBzLnNpemU7XG4gICAgICAgICAgaWYgKHRoaXMuX3ByZXZpb3VzU2l6ZSkge1xuICAgICAgICAgICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZChgc2l6ZS0ke3RoaXMuX3ByZXZpb3VzU2l6ZX1gKTtcbiAgICAgICAgICB9XG4gICAgICAgIH0sXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBfaXNOb3REZWFjdGl2YXRlZEJ5TGluZWFyTW9kZShzdGVwOiBTYmJTdGVwRWxlbWVudCk6IGJvb2xlYW4ge1xuICAgIGNvbnN0IHN0ZXBwZXIgPSB0aGlzLnN0ZXBwZXI7XG4gICAgaWYgKHN0ZXBwZXI/LmxpbmVhciAmJiBzdGVwcGVyLnNlbGVjdGVkSW5kZXggIT09IG51bGwpIHtcbiAgICAgIGNvbnN0IGluZGV4ID0gc3RlcHBlci5zdGVwcy5pbmRleE9mKHN0ZXApO1xuICAgICAgcmV0dXJuIGluZGV4IDwgc3RlcHBlci5zZWxlY3RlZEluZGV4IHx8IGluZGV4ID09PSBzdGVwcGVyLnNlbGVjdGVkSW5kZXggKyAxO1xuICAgIH1cbiAgICByZXR1cm4gdHJ1ZTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuaWQgfHw9IGBzYmItc3RlcC1sYWJlbC0ke25leHRJZCsrfWA7XG4gICAgdGhpcy5zbG90IHx8PSAnc3RlcC1sYWJlbCc7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNlbGVjdGVkID0gJ2ZhbHNlJztcbiAgICB0aGlzLnRhYkluZGV4ID0gLTE7XG4gICAgdGhpcy5fYXNzaWduU3RlcCgpO1xuICB9XG5cbiAgLyoqXG4gICAqIFNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIHNlbGVjdCgpOiB2b2lkIHtcbiAgICB0aGlzLnRhYkluZGV4ID0gMDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAndHJ1ZSc7XG4gICAgdGhpcy5pbnRlcm5hbHMuc3RhdGVzLmFkZCgnc2VsZWN0ZWQnKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBEZXNlbGVjdHMgYW5kIGNvbmZpZ3VyZXMgdGhlIHN0ZXAgbGFiZWwuXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHVibGljIGRlc2VsZWN0KCk6IHZvaWQge1xuICAgIHRoaXMudGFiSW5kZXggPSAtMTtcbiAgICB0aGlzLmludGVybmFscy5hcmlhU2VsZWN0ZWQgPSAnZmFsc2UnO1xuICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoJ3NlbGVjdGVkJyk7XG4gIH1cblxuICAvKipcbiAgICogQ29uZmlndXJlcyB0aGUgc3RlcCBsYWJlbC5cbiAgICogQGludGVybmFsXG4gICAqL1xuICBwdWJsaWMgY29uZmlndXJlKHBvc0luU2V0OiBudW1iZXIsIHNldFNpemU6IG51bWJlciwgc3RlcHBlckxvYWRlZDogYm9vbGVhbik6IHZvaWQge1xuICAgIGlmIChzdGVwcGVyTG9hZGVkKSB7XG4gICAgICB0aGlzLl9hc3NpZ25TdGVwKCk7XG4gICAgfVxuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFQb3NJblNldCA9IGAke3Bvc0luU2V0fWA7XG4gICAgdGhpcy5pbnRlcm5hbHMuYXJpYVNldFNpemUgPSBgJHtzZXRTaXplfWA7XG4gIH1cblxuICBwcml2YXRlIF9hc3NpZ25TdGVwKCk6IHZvaWQge1xuICAgIGxldCBuZXh0U2libGluZyA9IHRoaXMubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIHdoaWxlIChuZXh0U2libGluZyAmJiBuZXh0U2libGluZy5sb2NhbE5hbWUgIT09ICdzYmItc3RlcCcpIHtcbiAgICAgIG5leHRTaWJsaW5nID0gbmV4dFNpYmxpbmcubmV4dEVsZW1lbnRTaWJsaW5nO1xuICAgIH1cblxuICAgIGNvbnN0IHZhbHVlID0gbmV4dFNpYmxpbmcgYXMgU2JiU3RlcEVsZW1lbnQgfCBudWxsO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzID0gcmVtb3ZlQXJpYUVsZW1lbnRzKFxuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUNvbnRyb2xzRWxlbWVudHMsXG4gICAgICB0aGlzLl9zdGVwLFxuICAgICk7XG4gICAgdGhpcy5fc3RlcCA9IHZhbHVlIGluc3RhbmNlb2YgRWxlbWVudCA/IHZhbHVlIDogbnVsbDtcbiAgICB0aGlzLmludGVybmFscy5hcmlhQ29udHJvbHNFbGVtZW50cyA9IGFwcGVuZEFyaWFFbGVtZW50cyhcbiAgICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFDb250cm9sc0VsZW1lbnRzLFxuICAgICAgdGhpcy5fc3RlcCxcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKiBEaXNhYmxlcyB0aGUgc3RlcCBsYWJlbCBhbmQgYXZvaWRzIHNldHRpbmcgdGhlIGBkaXNhYmxlZGAgc3RhdGUgdG8gcHJlc2VydmUgdGhlIGluaXRpYWxcbiAgICogZGlzYWJsZWQgc3RhdGUgaW4gY2FzZSBvZiBzd2l0Y2hpbmcgYmV0d2VlbiBsaW5lYXIgYW5kIG5vbi1saW5lYXIgbW9kZS5cbiAgICovXG4gIHB1YmxpYyBkaXNhYmxlKHZhbHVlOiBib29sZWFuKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzYWJsZWQgPSB2YWx1ZTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RlcC1sYWJlbF9fcHJlZml4XCI+JHt0aGlzLnJlbmRlckljb25TbG90KCl9PC9zcGFuPlxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItc3RlcC1sYWJlbF9fdGV4dFwiPjxzbG90Pjwvc2xvdD48L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXN0ZXAtbGFiZWwnOiBTYmJTdGVwTGFiZWxFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7QUNZQSxJQUFJLFNBQVM7Ozs7Ozs7QUFRYixJQUFhLHNCQUFiLGNBQXlDLGlCQUFpQixpQkFBaUIscUJBQXFCLENBQUMsQ0FBQTs7QUFDL0QsT0FBQSxjQUFzQjs7O0FBQ3RCLE9BQUEsT0FBTzs7O0FBQ2hCLE9BQUEsU0FBeUIsQ0FBQyxpQkFBaUIsVUFBVSxtQkFBTSxDQUFDOzs7Q0FHbkYsSUFBVyxPQUFJO0FBQ2IsU0FBTyxLQUFLOztDQUlkLElBQVcsVUFBTztBQUNoQixTQUFPLEtBQUssUUFBUSxjQUFjOztDQUdwQyxJQUFvQixTQUFTLE9BQWM7QUFDekMsUUFBTSxXQUFXO0FBSWpCLE9BQUssWUFBWSxpQkFBaUIsTUFBTTs7Q0FFMUMsSUFBb0IsV0FBUTtBQUMxQixTQUFPLE1BQU07O0NBTWYsY0FBQTtBQUNFLFNBQU87QUFyQkQsT0FBQSxRQUErQjtBQXVCckMsT0FBSyxtQkFBbUIsZUFBYztHQUNwQyxNQUFNLFVBQVUsS0FBSztBQUNyQixPQUFJLFdBQVcsS0FBSyxRQUFRLEtBQUssOEJBQThCLEtBQUssS0FBSyxDQUN2RSxTQUFRLFdBQVcsS0FBSztJQUUxQjtBQUNGLE9BQUssY0FDSCxJQUFJLDZCQUE2QixZQUFZLEtBQUssU0FBUztHQUN6RCxjQUFjLE1BQUs7QUFDakIsUUFBSSxLQUFLLHFCQUNQLE1BQUssVUFBVSxPQUFPLE9BQU8sZUFBZSxLQUFLLHVCQUF1QjtBQUUxRSxTQUFLLHVCQUF1QixFQUFFO0FBQzlCLFFBQUksS0FBSyxxQkFDUCxNQUFLLFVBQVUsT0FBTyxJQUFJLGVBQWUsS0FBSyx1QkFBdUI7O0dBR3pFLE9BQU8sTUFBSztBQUNWLFFBQUksS0FBSyxjQUNQLE1BQUssVUFBVSxPQUFPLE9BQU8sUUFBUSxLQUFLLGdCQUFnQjtBQUU1RCxTQUFLLGdCQUFnQixFQUFFO0FBQ3ZCLFFBQUksS0FBSyxjQUNQLE1BQUssVUFBVSxPQUFPLElBQUksUUFBUSxLQUFLLGdCQUFnQjs7R0FHNUQsQ0FBQyxDQUNIOztDQUdLLDhCQUE4QixNQUFvQjtFQUN4RCxNQUFNLFVBQVUsS0FBSztBQUNyQixNQUFJLFNBQVMsVUFBVSxRQUFRLGtCQUFrQixNQUFNO0dBQ3JELE1BQU0sUUFBUSxRQUFRLE1BQU0sUUFBUSxLQUFLO0FBQ3pDLFVBQU8sUUFBUSxRQUFRLGlCQUFpQixVQUFVLFFBQVEsZ0JBQWdCOztBQUU1RSxTQUFPOztDQUdPLG9CQUFpQjtBQUMvQixRQUFNLG1CQUFtQjtBQUN6QixPQUFLLE9BQU8sa0JBQWtCO0FBQzlCLE9BQUssU0FBUztBQUNkLE9BQUssVUFBVSxlQUFlO0FBQzlCLE9BQUssV0FBVztBQUNoQixPQUFLLGFBQWE7Ozs7OztDQU9iLFNBQU07QUFDWCxPQUFLLFdBQVc7QUFDaEIsT0FBSyxVQUFVLGVBQWU7QUFDOUIsT0FBSyxVQUFVLE9BQU8sSUFBSSxXQUFXOzs7Ozs7Q0FPaEMsV0FBUTtBQUNiLE9BQUssV0FBVztBQUNoQixPQUFLLFVBQVUsZUFBZTtBQUM5QixPQUFLLFVBQVUsT0FBTyxPQUFPLFdBQVc7Ozs7OztDQU9uQyxVQUFVLFVBQWtCLFNBQWlCLGVBQXNCO0FBQ3hFLE1BQUksY0FDRixNQUFLLGFBQWE7QUFFcEIsT0FBSyxVQUFVLGVBQWUsR0FBRztBQUNqQyxPQUFLLFVBQVUsY0FBYyxHQUFHOztDQUcxQixjQUFXO0VBQ2pCLElBQUksY0FBYyxLQUFLO0FBQ3ZCLFNBQU8sZUFBZSxZQUFZLGNBQWMsV0FDOUMsZUFBYyxZQUFZO0VBRzVCLE1BQU0sUUFBUTtBQUNkLE9BQUssVUFBVSx1QkFBdUIsbUJBQ3BDLEtBQUssVUFBVSxzQkFDZixLQUFLLE1BQ047QUFDRCxPQUFLLFFBQVEsaUJBQWlCLFVBQVUsUUFBUTtBQUNoRCxPQUFLLFVBQVUsdUJBQXVCLG1CQUNwQyxLQUFLLFVBQVUsc0JBQ2YsS0FBSyxNQUNOOzs7Ozs7O0NBUUksUUFBUSxPQUFjO0FBQzNCLFFBQU0sV0FBVzs7Q0FHQSxTQUFNO0FBQ3ZCLFNBQU8sSUFBSTs2Q0FDOEIsS0FBSyxnQkFBZ0IsQ0FBQSJ9
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { unsafeCSS } from "lit";
|
|
2
|
-
//#region src/elements/tabs/common/tab-group-common.scss?inline
|
|
3
|
-
var tab_group_common_default = ":host {\n display: flex;\n flex-direction: column;\n}\n\n:host(:not([size])) {\n --sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-default);\n}\n\n:host([size=s]) {\n --sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-size-s);\n}\n\n:host([size=l]) {\n --sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-size-l);\n}\n\n:host([size=xl]) {\n --sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-size-xl);\n}\n\n.sbb-tab-group,\n.sbb-tab-nav-bar {\n display: flex;\n flex-wrap: wrap;\n}";
|
|
4
|
-
//#endregion
|
|
5
|
-
//#region src/elements/tabs/common/tab-label-common.scss?inline
|
|
6
|
-
var tab_label_common_default = ":host {\n --sbb-tab-label-animation-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-2x)\n );\n --sbb-tab-label-outline-border-radius-internal: calc(\n var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset)\n );\n}\n\n:host(:is(:is(:state(size-s),[state--size-s]), [size=s])) {\n --sbb-tab-label-height: var(--sbb-size-element-xs);\n --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);\n --sbb-tab-label-font-size: var(--sbb-text-font-size-s);\n}\n\n:host(:is(:is(:state(size-l),[state--size-l]), [size=l])) {\n --sbb-tab-label-height: var(--sbb-size-element-m);\n --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);\n --sbb-tab-label-font-size: var(--sbb-text-font-size-m);\n}\n\n:host(:is(:is(:state(size-xl),[state--size-xl]), [size=xl])) {\n --sbb-tab-label-height: var(--sbb-size-element-m);\n --sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);\n --sbb-tab-label-font-size: var(--sbb-text-font-size-xl);\n}\n\n:host(sbb-tab-label),\n:host(sbb-tab-nav-bar) ::slotted(a) {\n pointer-events: var(--sbb-tab-label-pointer-events, unset);\n}\n@media (forced-colors: active) {\n :host(sbb-tab-label),\n :host(sbb-tab-nav-bar) ::slotted(a) {\n --sbb-tab-label-color: ButtonText;\n --sbb-tab-label-amount-color: ButtonText;\n }\n}\n\n:host(sbb-tab-nav-bar) ::slotted(a),\n:host(sbb-tab-label) .sbb-tab-label {\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--sbb-tab-label-gap);\n color: var(--sbb-tab-label-color);\n margin: 0;\n padding-inline: var(--sbb-tab-label-inline-padding);\n min-height: var(--sbb-tab-label-height);\n transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);\n font-size: var(--sbb-tab-label-font-size);\n letter-spacing: var(--sbb-typo-letter-spacing-text);\n font-weight: var(--sbb-tab-label-font-weight);\n text-decoration: var(--sbb-tab-label-text-decoration);\n}\n:host(sbb-tab-nav-bar) ::slotted(a)::after,\n:host(sbb-tab-label) .sbb-tab-label::after {\n position: absolute;\n content: \"\";\n inset-inline: 0;\n inset-block-end: 0;\n height: var(--sbb-tab-label-marker-thickness);\n background-color: var(--sbb-tab-label-color);\n scale: var(--sbb-tab-label-marker-scale, 0);\n transition-duration: var(--sbb-tab-label-animation-duration);\n transition-timing-function: var(--sbb-tab-label-animation-easing);\n transition-property: scale, background-color;\n}\n\n:host(sbb-tab-nav-bar) .sbb-tab-nav-bar > [data-has-divider],\n:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])) {\n position: relative;\n}\n:host(sbb-tab-nav-bar) .sbb-tab-nav-bar > [data-has-divider]::before,\n:host(sbb-tab-label:is(:state(has-divider),[state--has-divider]))::before {\n content: \"\";\n position: absolute;\n inset-inline-start: 0;\n inset-block-end: 0;\n width: var(--sbb-tab-group-width);\n height: var(--sbb-border-width-1x);\n background-color: var(--sbb-tab-label-line-color);\n}\n\n:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),\n:host(sbb-tab-label[disabled]) {\n --sbb-tab-label-cursor: unset;\n --sbb-tab-label-pointer-events: none;\n --sbb-tab-label-text-decoration: line-through;\n}\n@media (forced-colors: active) {\n :host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),\n :host(sbb-tab-label[disabled]) {\n --sbb-tab-label-color: GrayText;\n --sbb-tab-label-amount-color: GrayText;\n }\n}\n\n:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),\n:host(sbb-tab-label[active]:not([disabled])) {\n --sbb-tab-label-color: var(--sbb-color-3);\n --sbb-tab-label-cursor: unset;\n --sbb-tab-label-pointer-events: none;\n --sbb-tab-label-marker-scale: 1;\n}\n@media (forced-colors: active) {\n :host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),\n :host(sbb-tab-label[active]:not([disabled])) {\n --sbb-tab-label-color: ButtonText;\n --sbb-tab-label-amount-color: ButtonText;\n }\n}\n\n@media (any-hover: hover) {\n :host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),\n :host(sbb-tab-label:hover:not([disabled])) {\n --sbb-tab-label-marker-scale: 1;\n }\n}\n\n:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),\n:host(sbb-tab-label:active) {\n --sbb-tab-label-color: var(--sbb-color-3);\n}\n@media (forced-colors: active) {\n :host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),\n :host(sbb-tab-label:active) {\n --sbb-tab-label-color: ButtonText;\n --sbb-tab-label-amount-color: ButtonText;\n }\n}\n\n:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),\n:host(sbb-tab-label:focus-visible) .sbb-tab-label {\n outline-offset: var(--sbb-focus-outline-offset);\n outline: var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);\n border-radius: var(--sbb-tab-label-outline-border-radius-internal);\n}";
|
|
7
|
-
//#endregion
|
|
8
|
-
//#region src/elements/tabs/common/styles.ts
|
|
9
|
-
var tabGroupCommonStyles = unsafeCSS(tab_group_common_default);
|
|
10
|
-
var tabLabelCommonStyles = unsafeCSS(tab_label_common_default);
|
|
11
|
-
//#endregion
|
|
12
|
-
export { tabLabelCommonStyles as n, tabGroupCommonStyles as t };
|
|
13
|
-
|
|
14
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLURDUUJ6QzJDLmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy90YWJzL2NvbW1vbi90YWItZ3JvdXAtY29tbW9uLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvY29tbW9uL3RhYi1sYWJlbC1jb21tb24uc2Nzcz9pbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy9jb21tb24vc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbn1cblxuOmhvc3QoOm5vdChbc2l6ZV0pKSB7XG4gIC0tc2JiLXRhYi1ncm91cC1jb250ZW50LWdhcDogdmFyKC0tc2JiLXRhYi1ncm91cC1jb250ZW50LWdhcC1kZWZhdWx0KTtcbn1cblxuOmhvc3QoW3NpemU9J3MnXSkge1xuICAtLXNiYi10YWItZ3JvdXAtY29udGVudC1nYXA6IHZhcigtLXNiYi10YWItZ3JvdXAtY29udGVudC1nYXAtc2l6ZS1zKTtcbn1cblxuOmhvc3QoW3NpemU9J2wnXSkge1xuICAtLXNiYi10YWItZ3JvdXAtY29udGVudC1nYXA6IHZhcigtLXNiYi10YWItZ3JvdXAtY29udGVudC1nYXAtc2l6ZS1sKTtcbn1cblxuOmhvc3QoW3NpemU9J3hsJ10pIHtcbiAgLS1zYmItdGFiLWdyb3VwLWNvbnRlbnQtZ2FwOiB2YXIoLS1zYmItdGFiLWdyb3VwLWNvbnRlbnQtZ2FwLXNpemUteGwpO1xufVxuXG4uc2JiLXRhYi1ncm91cCxcbi5zYmItdGFiLW5hdi1iYXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG59XG4iLCJAdXNlICcuLi8uLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG5AbWl4aW4gdGFiLWxhYmVsLWFtb3VudCB7XG4gIG1hcmdpbjogMDtcbiAgY29sb3I6IHZhcigtLXNiYi10YWItbGFiZWwtYW1vdW50LWNvbG9yKTtcbiAgZm9udC13ZWlnaHQ6IG5vcm1hbDtcbiAgdGV4dC1kZWNvcmF0aW9uOiB2YXIoLS1zYmItdGFiLWxhYmVsLXRleHQtZGVjb3JhdGlvbik7XG59XG5cbjpob3N0IHtcbiAgLS1zYmItdGFiLWxhYmVsLWFuaW1hdGlvbi1kdXJhdGlvbjogdmFyKFxuICAgIC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLFxuICAgIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tMngpXG4gICk7XG5cbiAgLy8gVGhlIGRlc2lyZWQgYm9yZGVyIHJhZGl1cyBpcyAtLXNiYi1ib3JkZXItcmFkaXVzLTJ4LlxuICAvLyBXZSBoYXZlIHRvIHN1YnRyYWN0IC0tc2JiLWZvY3VzLW91dGxpbmUtb2Zmc2V0IGluIG9yZGVyIGhhdmUgdGhlIGRlc2lyZWQgdmlzdWFsIGJvcmRlciByYWRpdXMuXG4gIC0tc2JiLXRhYi1sYWJlbC1vdXRsaW5lLWJvcmRlci1yYWRpdXMtaW50ZXJuYWw6IGNhbGMoXG4gICAgdmFyKC0tc2JiLXRhYi1sYWJlbC1vdXRsaW5lLWJvcmRlci1yYWRpdXMpIC0gdmFyKC0tc2JiLWZvY3VzLW91dGxpbmUtb2Zmc2V0KVxuICApO1xufVxuXG46aG9zdCg6aXMoOnN0YXRlKHNpemUtcyksIFtzaXplPSdzJ10pKSB7XG4gIC0tc2JiLXRhYi1sYWJlbC1oZWlnaHQ6IHZhcigtLXNiYi1zaXplLWVsZW1lbnQteHMpO1xuICAtLXNiYi10YWItbGFiZWwtaW5saW5lLXBhZGRpbmc6IHZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUteHh4cyk7XG4gIC0tc2JiLXRhYi1sYWJlbC1mb250LXNpemU6IHZhcigtLXNiYi10ZXh0LWZvbnQtc2l6ZS1zKTtcbn1cblxuOmhvc3QoOmlzKDpzdGF0ZShzaXplLWwpLCBbc2l6ZT0nbCddKSkge1xuICAtLXNiYi10YWItbGFiZWwtaGVpZ2h0OiB2YXIoLS1zYmItc2l6ZS1lbGVtZW50LW0pO1xuICAtLXNiYi10YWItbGFiZWwtaW5saW5lLXBhZGRpbmc6IHZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUteHMpO1xuICAtLXNiYi10YWItbGFiZWwtZm9udC1zaXplOiB2YXIoLS1zYmItdGV4dC1mb250LXNpemUtbSk7XG59XG5cbjpob3N0KDppcyg6c3RhdGUoc2l6ZS14bCksIFtzaXplPSd4bCddKSkge1xuICAtLXNiYi10YWItbGFiZWwtaGVpZ2h0OiB2YXIoLS1zYmItc2l6ZS1lbGVtZW50LW0pO1xuICAtLXNiYi10YWItbGFiZWwtaW5saW5lLXBhZGRpbmc6IHZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUteHMpO1xuICAtLXNiYi10YWItbGFiZWwtZm9udC1zaXplOiB2YXIoLS1zYmItdGV4dC1mb250LXNpemUteGwpO1xufVxuXG46aG9zdChzYmItdGFiLWxhYmVsKSxcbjpob3N0KHNiYi10YWItbmF2LWJhcikgOjpzbG90dGVkKGEpIHtcbiAgcG9pbnRlci1ldmVudHM6IHZhcigtLXNiYi10YWItbGFiZWwtcG9pbnRlci1ldmVudHMsIHVuc2V0KTtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItdGFiLWxhYmVsLWNvbG9yOiBCdXR0b25UZXh0O1xuICAgIC0tc2JiLXRhYi1sYWJlbC1hbW91bnQtY29sb3I6IEJ1dHRvblRleHQ7XG4gIH1cbn1cblxuOmhvc3Qoc2JiLXRhYi1uYXYtYmFyKSA6OnNsb3R0ZWQoYSksXG46aG9zdChzYmItdGFiLWxhYmVsKSAuc2JiLXRhYi1sYWJlbCB7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiB2YXIoLS1zYmItdGFiLWxhYmVsLWdhcCk7XG4gIGNvbG9yOiB2YXIoLS1zYmItdGFiLWxhYmVsLWNvbG9yKTtcbiAgbWFyZ2luOiAwO1xuICBwYWRkaW5nLWlubGluZTogdmFyKC0tc2JiLXRhYi1sYWJlbC1pbmxpbmUtcGFkZGluZyk7XG4gIG1pbi1oZWlnaHQ6IHZhcigtLXNiYi10YWItbGFiZWwtaGVpZ2h0KTtcbiAgdHJhbnNpdGlvbjogY29sb3IgdmFyKC0tc2JiLXRhYi1sYWJlbC1hbmltYXRpb24tZHVyYXRpb24pIHZhcigtLXNiYi10YWItbGFiZWwtYW5pbWF0aW9uLWVhc2luZyk7XG4gIGZvbnQtc2l6ZTogdmFyKC0tc2JiLXRhYi1sYWJlbC1mb250LXNpemUpO1xuICBsZXR0ZXItc3BhY2luZzogdmFyKC0tc2JiLXR5cG8tbGV0dGVyLXNwYWNpbmctdGV4dCk7XG4gIGZvbnQtd2VpZ2h0OiB2YXIoLS1zYmItdGFiLWxhYmVsLWZvbnQtd2VpZ2h0KTtcbiAgdGV4dC1kZWNvcmF0aW9uOiB2YXIoLS1zYmItdGFiLWxhYmVsLXRleHQtZGVjb3JhdGlvbik7XG5cbiAgJjo6YWZ0ZXIge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBjb250ZW50OiAnJztcbiAgICBpbnNldC1pbmxpbmU6IDA7XG4gICAgaW5zZXQtYmxvY2stZW5kOiAwO1xuICAgIGhlaWdodDogdmFyKC0tc2JiLXRhYi1sYWJlbC1tYXJrZXItdGhpY2tuZXNzKTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItdGFiLWxhYmVsLWNvbG9yKTtcbiAgICBzY2FsZTogdmFyKC0tc2JiLXRhYi1sYWJlbC1tYXJrZXItc2NhbGUsIDApO1xuICAgIHRyYW5zaXRpb246IHtcbiAgICAgIGR1cmF0aW9uOiB2YXIoLS1zYmItdGFiLWxhYmVsLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgICB0aW1pbmctZnVuY3Rpb246IHZhcigtLXNiYi10YWItbGFiZWwtYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgICBwcm9wZXJ0eTogc2NhbGUsIGJhY2tncm91bmQtY29sb3I7XG4gICAgfVxuICB9XG59XG5cbi8vIERpc3BsYXlzIGEgYm9yZGVyIGJlbG93IHRoZSB0YWItZ3JvdXAgYW5kIGJldHdlZW4gZmxleCByb3dzIHdoZW4gdGhlIHRhYiB0aXRsZXMgd3JhcCB0byBhIG5ldyBsaW5lXG4vLyBXZSBwbGFjZSB0aGUgbGluZSBvbiBhbm90aGVyIGVsZW1lbnQgdGhhbiB0aGUgb25lIHdoaWNoIHdvdWxkIHJlY2VpdmUgdGhlIGZvY3VzIG91dGxpbmVcbi8vIHRvIGd1YXJhbnRlZSB0aGF0IHRoZSBmb2N1cyBvdXRsaW5lIGlzIGFsd2F5cyBvbiB0b3Agb2YgdGhlIGxpbmUuXG46aG9zdChzYmItdGFiLW5hdi1iYXIpIC5zYmItdGFiLW5hdi1iYXIgPiBbZGF0YS1oYXMtZGl2aWRlcl0sXG46aG9zdChzYmItdGFiLWxhYmVsOnN0YXRlKGhhcy1kaXZpZGVyKSkge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG5cbiAgJjo6YmVmb3JlIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICAgIGluc2V0LWJsb2NrLWVuZDogMDtcbiAgICB3aWR0aDogdmFyKC0tc2JiLXRhYi1ncm91cC13aWR0aCk7XG4gICAgaGVpZ2h0OiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTF4KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItdGFiLWxhYmVsLWxpbmUtY29sb3IpO1xuICB9XG59XG5cbjpob3N0KHNiYi10YWItbmF2LWJhcikgOjpzbG90dGVkKGEuc2JiLWRpc2FibGVkKSxcbjpob3N0KHNiYi10YWItbGFiZWxbZGlzYWJsZWRdKSB7XG4gIC0tc2JiLXRhYi1sYWJlbC1jdXJzb3I6IHVuc2V0O1xuICAtLXNiYi10YWItbGFiZWwtcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gIC0tc2JiLXRhYi1sYWJlbC10ZXh0LWRlY29yYXRpb246IGxpbmUtdGhyb3VnaDtcblxuICBAaW5jbHVkZSBzYmIuaWYtZm9yY2VkLWNvbG9ycyB7XG4gICAgLS1zYmItdGFiLWxhYmVsLWNvbG9yOiBHcmF5VGV4dDtcbiAgICAtLXNiYi10YWItbGFiZWwtYW1vdW50LWNvbG9yOiBHcmF5VGV4dDtcbiAgfVxufVxuXG4vLyBJZiBhY3RpdmUgYW5kIG5vdCBkaXNhYmxlZFxuOmhvc3Qoc2JiLXRhYi1uYXYtYmFyKSA6OnNsb3R0ZWQoYS5zYmItYWN0aXZlOm5vdCguc2JiLWRpc2FibGVkKSksXG46aG9zdChzYmItdGFiLWxhYmVsW2FjdGl2ZV06bm90KFtkaXNhYmxlZF0pKSB7XG4gIC0tc2JiLXRhYi1sYWJlbC1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTMpO1xuICAtLXNiYi10YWItbGFiZWwtY3Vyc29yOiB1bnNldDtcbiAgLS1zYmItdGFiLWxhYmVsLXBvaW50ZXItZXZlbnRzOiBub25lO1xuICAtLXNiYi10YWItbGFiZWwtbWFya2VyLXNjYWxlOiAxO1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi10YWItbGFiZWwtY29sb3I6IEJ1dHRvblRleHQ7XG4gICAgLS1zYmItdGFiLWxhYmVsLWFtb3VudC1jb2xvcjogQnV0dG9uVGV4dDtcbiAgfVxufVxuXG46aG9zdChzYmItdGFiLW5hdi1iYXIpIDo6c2xvdHRlZChhOmhvdmVyOm5vdCguc2JiLWRpc2FibGVkKSksXG46aG9zdChzYmItdGFiLWxhYmVsOmhvdmVyOm5vdChbZGlzYWJsZWRdKSkge1xuICBAaW5jbHVkZSBzYmIuaG92ZXItbXEoJGhvdmVyOiB0cnVlKSB7XG4gICAgLS1zYmItdGFiLWxhYmVsLW1hcmtlci1zY2FsZTogMTtcbiAgfVxufVxuXG4vLyBQcmVzc2VkL2FjdGl2ZSBzdGF0ZVxuOmhvc3Qoc2JiLXRhYi1uYXYtYmFyKSA6OnNsb3R0ZWQoYTphY3RpdmU6bm90KC5zYmItZGlzYWJsZWQpKSxcbjpob3N0KHNiYi10YWItbGFiZWw6YWN0aXZlKSB7XG4gIC0tc2JiLXRhYi1sYWJlbC1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTMpO1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi10YWItbGFiZWwtY29sb3I6IEJ1dHRvblRleHQ7XG4gICAgLS1zYmItdGFiLWxhYmVsLWFtb3VudC1jb2xvcjogQnV0dG9uVGV4dDtcbiAgfVxufVxuXG46aG9zdChzYmItdGFiLW5hdi1iYXIpIDo6c2xvdHRlZChhOmZvY3VzLXZpc2libGUpLFxuOmhvc3Qoc2JiLXRhYi1sYWJlbDpmb2N1cy12aXNpYmxlKSAuc2JiLXRhYi1sYWJlbCB7XG4gIEBpbmNsdWRlIHNiYi5mb2N1cy1vdXRsaW5lO1xuXG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi10YWItbGFiZWwtb3V0bGluZS1ib3JkZXItcmFkaXVzLWludGVybmFsKTtcbn1cbiIsImltcG9ydCB7IHVuc2FmZUNTUyB9IGZyb20gJ2xpdCc7XG5cbmltcG9ydCB0YWJHcm91cENvbW1vblN0eWxlc1N0cmluZyBmcm9tICcuL3RhYi1ncm91cC1jb21tb24uc2Nzcz9pbmxpbmUnO1xuaW1wb3J0IHRhYkxhYmVsQ29tbW9uU3R5bGVzU3RyaW5nIGZyb20gJy4vdGFiLWxhYmVsLWNvbW1vbi5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCBjb25zdCB0YWJHcm91cENvbW1vblN0eWxlcyA9IHVuc2FmZUNTUyh0YWJHcm91cENvbW1vblN0eWxlc1N0cmluZyk7XG5leHBvcnQgY29uc3QgdGFiTGFiZWxDb21tb25TdHlsZXMgPSB1bnNhZmVDU1ModGFiTGFiZWxDb21tb25TdHlsZXNTdHJpbmcpO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7OztBRUtBLElBQWEsdUJBQXVCLFVBQVUseUJBQTJCO0FBQ3pFLElBQWEsdUJBQXVCLFVBQVUseUJBQTJCIn0=
|
|
@@ -1,272 +0,0 @@
|
|
|
1
|
-
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { html, unsafeCSS } from "lit";
|
|
3
|
-
import { property } from "lit/decorators.js";
|
|
4
|
-
import { SbbElement } from "./core/base-elements.js";
|
|
5
|
-
import { forceType } from "./core/decorators.js";
|
|
6
|
-
import { isLean } from "./core/dom.js";
|
|
7
|
-
import { throttle } from "./core/eventing.js";
|
|
8
|
-
import { ɵstateController } from "./core/mixins.js";
|
|
9
|
-
import { boxSizingStyles } from "./core/styles.js";
|
|
10
|
-
import { ResizeController } from "@lit-labs/observers/resize-controller.js";
|
|
11
|
-
import { ref } from "lit/directives/ref.js";
|
|
12
|
-
import { getNextElementIndex, isArrowKeyPressed } from "./core/a11y.js";
|
|
13
|
-
import { tabGroupCommonStyles } from "./tabs/common/styles.js";
|
|
14
|
-
//#region src/elements/tabs/tab-group/tab-group.scss?inline
|
|
15
|
-
var tab_group_default = ":host {\n --sbb-tab-group-animation-duration: 0s;\n gap: var(--sbb-tab-group-content-gap);\n}\n\n:host(:is(:state(initialized),[state--initialized])) {\n --sbb-tab-group-animation-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-4x)\n );\n}\n\n.sbb-tab-group-content {\n height: var(--sbb-tab-content-height);\n transition: height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing);\n}\n\n:host([fixed-height]) ::slotted(sbb-tab) {\n height: 100%;\n overflow: auto;\n}";
|
|
16
|
-
//#endregion
|
|
17
|
-
//#region src/elements/tabs/tab-group/tab-group.component.ts
|
|
18
|
-
/**
|
|
19
|
-
* It displays one or more tabs, each one with a label and some content.
|
|
20
|
-
*
|
|
21
|
-
* @slot - Use the unnamed slot to add content to the `sbb-tab-group` via `sbb-tab-label` and `sbb-tab` instances.
|
|
22
|
-
* @event {CustomEvent<SbbTabChangedEventDetails>} tabchange - The tabchange event is dispatched when a tab is selected.
|
|
23
|
-
*/
|
|
24
|
-
var SbbTabGroupElement = (() => {
|
|
25
|
-
let _classSuper = SbbElement;
|
|
26
|
-
let _size_decorators;
|
|
27
|
-
let _size_initializers = [];
|
|
28
|
-
let _size_extraInitializers = [];
|
|
29
|
-
let _initialSelectedIndex_decorators;
|
|
30
|
-
let _initialSelectedIndex_initializers = [];
|
|
31
|
-
let _initialSelectedIndex_extraInitializers = [];
|
|
32
|
-
let _fixedHeight_decorators;
|
|
33
|
-
let _fixedHeight_initializers = [];
|
|
34
|
-
let _fixedHeight_extraInitializers = [];
|
|
35
|
-
return class SbbTabGroupElement extends _classSuper {
|
|
36
|
-
static {
|
|
37
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
38
|
-
_size_decorators = [property()];
|
|
39
|
-
_initialSelectedIndex_decorators = [forceType(), property({
|
|
40
|
-
attribute: "initial-selected-index",
|
|
41
|
-
type: Number
|
|
42
|
-
})];
|
|
43
|
-
_fixedHeight_decorators = [forceType(), property({
|
|
44
|
-
attribute: "fixed-height",
|
|
45
|
-
type: Boolean,
|
|
46
|
-
reflect: true
|
|
47
|
-
})];
|
|
48
|
-
__esDecorate(this, null, _size_decorators, {
|
|
49
|
-
kind: "accessor",
|
|
50
|
-
name: "size",
|
|
51
|
-
static: false,
|
|
52
|
-
private: false,
|
|
53
|
-
access: {
|
|
54
|
-
has: (obj) => "size" in obj,
|
|
55
|
-
get: (obj) => obj.size,
|
|
56
|
-
set: (obj, value) => {
|
|
57
|
-
obj.size = value;
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
metadata: _metadata
|
|
61
|
-
}, _size_initializers, _size_extraInitializers);
|
|
62
|
-
__esDecorate(this, null, _initialSelectedIndex_decorators, {
|
|
63
|
-
kind: "accessor",
|
|
64
|
-
name: "initialSelectedIndex",
|
|
65
|
-
static: false,
|
|
66
|
-
private: false,
|
|
67
|
-
access: {
|
|
68
|
-
has: (obj) => "initialSelectedIndex" in obj,
|
|
69
|
-
get: (obj) => obj.initialSelectedIndex,
|
|
70
|
-
set: (obj, value) => {
|
|
71
|
-
obj.initialSelectedIndex = value;
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
metadata: _metadata
|
|
75
|
-
}, _initialSelectedIndex_initializers, _initialSelectedIndex_extraInitializers);
|
|
76
|
-
__esDecorate(this, null, _fixedHeight_decorators, {
|
|
77
|
-
kind: "accessor",
|
|
78
|
-
name: "fixedHeight",
|
|
79
|
-
static: false,
|
|
80
|
-
private: false,
|
|
81
|
-
access: {
|
|
82
|
-
has: (obj) => "fixedHeight" in obj,
|
|
83
|
-
get: (obj) => obj.fixedHeight,
|
|
84
|
-
set: (obj, value) => {
|
|
85
|
-
obj.fixedHeight = value;
|
|
86
|
-
}
|
|
87
|
-
},
|
|
88
|
-
metadata: _metadata
|
|
89
|
-
}, _fixedHeight_initializers, _fixedHeight_extraInitializers);
|
|
90
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
91
|
-
enumerable: true,
|
|
92
|
-
configurable: true,
|
|
93
|
-
writable: true,
|
|
94
|
-
value: _metadata
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
static {
|
|
98
|
-
this.elementName = "sbb-tab-group";
|
|
99
|
-
}
|
|
100
|
-
static {
|
|
101
|
-
this.styles = [
|
|
102
|
-
boxSizingStyles,
|
|
103
|
-
tabGroupCommonStyles,
|
|
104
|
-
unsafeCSS(tab_group_default)
|
|
105
|
-
];
|
|
106
|
-
}
|
|
107
|
-
static {
|
|
108
|
-
this.events = { tabchange: "tabchange" };
|
|
109
|
-
}
|
|
110
|
-
#size_accessor_storage;
|
|
111
|
-
/**
|
|
112
|
-
* Size variant, either s, l or xl.
|
|
113
|
-
* @default 'l' / 's' (lean)
|
|
114
|
-
*/
|
|
115
|
-
get size() {
|
|
116
|
-
return this.#size_accessor_storage;
|
|
117
|
-
}
|
|
118
|
-
set size(value) {
|
|
119
|
-
this.#size_accessor_storage = value;
|
|
120
|
-
}
|
|
121
|
-
#initialSelectedIndex_accessor_storage;
|
|
122
|
-
/**
|
|
123
|
-
* Sets the initial tab. If it matches a disabled tab or exceeds the length of
|
|
124
|
-
* the tab group, the first enabled tab will be selected.
|
|
125
|
-
*/
|
|
126
|
-
get initialSelectedIndex() {
|
|
127
|
-
return this.#initialSelectedIndex_accessor_storage;
|
|
128
|
-
}
|
|
129
|
-
set initialSelectedIndex(value) {
|
|
130
|
-
this.#initialSelectedIndex_accessor_storage = value;
|
|
131
|
-
}
|
|
132
|
-
#fixedHeight_accessor_storage;
|
|
133
|
-
/**
|
|
134
|
-
* If set to true, the `sbb-tab` elements take 100% height of the `sbb-tab-group`.
|
|
135
|
-
* It enables controlling the height on the `sbb-tab-group` element.
|
|
136
|
-
* The content becomes scrollable on overflow.
|
|
137
|
-
*/
|
|
138
|
-
get fixedHeight() {
|
|
139
|
-
return this.#fixedHeight_accessor_storage;
|
|
140
|
-
}
|
|
141
|
-
set fixedHeight(value) {
|
|
142
|
-
this.#fixedHeight_accessor_storage = value;
|
|
143
|
-
}
|
|
144
|
-
/** Gets the slotted `sbb-tab-label`s. */
|
|
145
|
-
get labels() {
|
|
146
|
-
/**
|
|
147
|
-
* The querySelector API is not used because when nested tabs are used,
|
|
148
|
-
* the returned array contains the inner tabs too, and this breaks the keyboard navigation.
|
|
149
|
-
*/
|
|
150
|
-
return Array.from(this.children ?? []).filter((child) => /^sbb-tab-label$/u.test(child.localName));
|
|
151
|
-
}
|
|
152
|
-
/** Gets the slotted `sbb-tab`s. */
|
|
153
|
-
get tabs() {
|
|
154
|
-
/**
|
|
155
|
-
* The querySelector API is not used because when nested tabs are used,
|
|
156
|
-
* the returned array contains the inner tabs too, and this breaks the keyboard navigation.
|
|
157
|
-
*/
|
|
158
|
-
return Array.from(this.children ?? []).filter((child) => /^sbb-tab$/u.test(child.localName));
|
|
159
|
-
}
|
|
160
|
-
constructor() {
|
|
161
|
-
super();
|
|
162
|
-
this._tabGroupResizeObserver = new ResizeController(this, {
|
|
163
|
-
target: null,
|
|
164
|
-
skipInitial: true,
|
|
165
|
-
callback: () => this._onTabGroupElementResize()
|
|
166
|
-
});
|
|
167
|
-
this.#size_accessor_storage = __runInitializers(this, _size_initializers, isLean() ? "s" : "l");
|
|
168
|
-
this.#initialSelectedIndex_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _initialSelectedIndex_initializers, 0));
|
|
169
|
-
this.#fixedHeight_accessor_storage = (__runInitializers(this, _initialSelectedIndex_extraInitializers), __runInitializers(this, _fixedHeight_initializers, false));
|
|
170
|
-
this._onContentSlotChange = (__runInitializers(this, _fixedHeight_extraInitializers), () => {
|
|
171
|
-
this.labels.forEach((tabLabel) => tabLabel["linkToTab"]());
|
|
172
|
-
this.labels.find((tabLabel) => tabLabel.active)?.activate();
|
|
173
|
-
});
|
|
174
|
-
this._onLabelSlotChange = () => {
|
|
175
|
-
this.labels.forEach((tabLabel) => tabLabel["linkToTab"]());
|
|
176
|
-
this._ensureActiveTab();
|
|
177
|
-
};
|
|
178
|
-
this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
|
|
179
|
-
}
|
|
180
|
-
firstUpdated(changedProperties) {
|
|
181
|
-
super.firstUpdated(changedProperties);
|
|
182
|
-
this.labels.forEach((tabLabel) => tabLabel["linkToTab"]());
|
|
183
|
-
this._initSelection();
|
|
184
|
-
Promise.resolve().then(() => this.internals.states.add("initialized"));
|
|
185
|
-
this._tabGroupResizeObserver.observe(this._tabGroupElement);
|
|
186
|
-
}
|
|
187
|
-
/**
|
|
188
|
-
* Disables a tab by index.
|
|
189
|
-
* @param index The index of the tab you want to disable.
|
|
190
|
-
*/
|
|
191
|
-
disableTab(index) {
|
|
192
|
-
if (this.labels[index]) this.labels[index].disabled = true;
|
|
193
|
-
}
|
|
194
|
-
/**
|
|
195
|
-
* Enables a tab by index.
|
|
196
|
-
* @param index The index of the tab you want to enable.
|
|
197
|
-
*/
|
|
198
|
-
enableTab(index) {
|
|
199
|
-
if (this.labels[index]) this.labels[index].disabled = false;
|
|
200
|
-
}
|
|
201
|
-
/**
|
|
202
|
-
* Activates a tab by index.
|
|
203
|
-
* @param index The index of the tab you want to activate.
|
|
204
|
-
*/
|
|
205
|
-
activateTab(index) {
|
|
206
|
-
this.labels[index]?.activate();
|
|
207
|
-
}
|
|
208
|
-
_enabledTabs() {
|
|
209
|
-
return this.labels.filter((t) => {
|
|
210
|
-
customElements.upgrade(t);
|
|
211
|
-
return !t.disabled;
|
|
212
|
-
});
|
|
213
|
-
}
|
|
214
|
-
_ensureActiveTab() {
|
|
215
|
-
if (this.internals.states.has("initialized") && !this.labels.some((tabLabel) => tabLabel.active)) this._initSelection();
|
|
216
|
-
}
|
|
217
|
-
_initSelection() {
|
|
218
|
-
const selectedTabLabel = this.labels[this.initialSelectedIndex];
|
|
219
|
-
if (selectedTabLabel) {
|
|
220
|
-
customElements.upgrade(selectedTabLabel);
|
|
221
|
-
if (this.initialSelectedIndex >= 0 && this.initialSelectedIndex < this.labels.length && !selectedTabLabel.disabled) {
|
|
222
|
-
selectedTabLabel.activate();
|
|
223
|
-
return;
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
this._enabledTabs()[0]?.activate();
|
|
227
|
-
}
|
|
228
|
-
_onTabGroupElementResize() {
|
|
229
|
-
const tabLabels = this.labels;
|
|
230
|
-
tabLabels.forEach((tabLabel) => {
|
|
231
|
-
ɵstateController(tabLabel)?.toggle("has-divider", tabLabel === tabLabels[0] || tabLabel.offsetLeft === tabLabels[0].offsetLeft);
|
|
232
|
-
});
|
|
233
|
-
this.style.setProperty("--sbb-tab-group-width", `${this._tabGroupElement.clientWidth}px`);
|
|
234
|
-
}
|
|
235
|
-
_handleKeyDown(evt) {
|
|
236
|
-
const enabledTabs = this._enabledTabs();
|
|
237
|
-
if (!enabledTabs || evt.target !== this && evt.target.parentElement !== this) return;
|
|
238
|
-
if (isArrowKeyPressed(evt)) {
|
|
239
|
-
const nextIndex = getNextElementIndex(evt, enabledTabs.findIndex((t) => t.active), enabledTabs.length);
|
|
240
|
-
enabledTabs[nextIndex]?.activate();
|
|
241
|
-
enabledTabs[nextIndex]?.focus();
|
|
242
|
-
evt.preventDefault();
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
/**
|
|
246
|
-
* @internal
|
|
247
|
-
*/
|
|
248
|
-
setTabContentHeight(contentHeight) {
|
|
249
|
-
this.style.setProperty("--sbb-tab-content-height", `${contentHeight}px`);
|
|
250
|
-
}
|
|
251
|
-
render() {
|
|
252
|
-
return html`
|
|
253
|
-
<div
|
|
254
|
-
class="sbb-tab-group"
|
|
255
|
-
role="tablist"
|
|
256
|
-
${ref((el) => this._tabGroupElement = el)}
|
|
257
|
-
>
|
|
258
|
-
<slot name="tab-bar" @slotchange=${this._onLabelSlotChange}></slot>
|
|
259
|
-
</div>
|
|
260
|
-
${!this.fixedHeight ? html`
|
|
261
|
-
<div class="sbb-tab-group-content">
|
|
262
|
-
<slot @slotchange=${throttle(this._onContentSlotChange, 150)}></slot>
|
|
263
|
-
</div>
|
|
264
|
-
` : html`<slot @slotchange=${throttle(this._onContentSlotChange, 150)}></slot>`}
|
|
265
|
-
`;
|
|
266
|
-
}
|
|
267
|
-
};
|
|
268
|
-
})();
|
|
269
|
-
//#endregion
|
|
270
|
-
export { SbbTabGroupElement as t };
|
|
271
|
-
|
|
272
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWdyb3VwLmNvbXBvbmVudC1EUmlwZEF5Yy5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWItZ3JvdXAvdGFiLWdyb3VwLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiLWdyb3VwL3RhYi1ncm91cC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi10YWItZ3JvdXAtYW5pbWF0aW9uLWR1cmF0aW9uOiAwcztcblxuICBnYXA6IHZhcigtLXNiYi10YWItZ3JvdXAtY29udGVudC1nYXApO1xufVxuXG46aG9zdCg6c3RhdGUoaW5pdGlhbGl6ZWQpKSB7XG4gIC0tc2JiLXRhYi1ncm91cC1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTR4KVxuICApO1xufVxuXG4uc2JiLXRhYi1ncm91cC1jb250ZW50IHtcbiAgaGVpZ2h0OiB2YXIoLS1zYmItdGFiLWNvbnRlbnQtaGVpZ2h0KTtcbiAgdHJhbnNpdGlvbjogaGVpZ2h0IHZhcigtLXNiYi10YWItZ3JvdXAtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG59XG5cbjo6c2xvdHRlZChzYmItdGFiKSB7XG4gIDpob3N0KFtmaXhlZC1oZWlnaHRdKSAmIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gIH1cbn1cbiIsImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7XG4gIGh0bWwsXG4gIHVuc2FmZUNTUyxcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgcmVmIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVmLmpzJztcblxuaW1wb3J0IHsgZ2V0TmV4dEVsZW1lbnRJbmRleCwgaXNBcnJvd0tleVByZXNzZWQgfSBmcm9tICcuLi8uLi9jb3JlL2ExMXkudHMnO1xuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHsgdGhyb3R0bGUgfSBmcm9tICcuLi8uLi9jb3JlL2V2ZW50aW5nLnRzJztcbmltcG9ydCB7IMm1c3RhdGVDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHsgdGFiR3JvdXBDb21tb25TdHlsZXMgfSBmcm9tICcuLi9jb21tb24vc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGFiRWxlbWVudCB9IGZyb20gJy4uL3RhYi90YWIuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGFiTGFiZWxFbGVtZW50IH0gZnJvbSAnLi4vdGFiLWxhYmVsL3RhYi1sYWJlbC5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWItZ3JvdXAuc2Nzcz9pbmxpbmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNiYlRhYkNoYW5nZWRFdmVudERldGFpbHMge1xuICBhY3RpdmVJbmRleDogbnVtYmVyO1xuICBhY3RpdmVUYWJMYWJlbDogU2JiVGFiTGFiZWxFbGVtZW50O1xuICBhY3RpdmVUYWI6IFNiYlRhYkVsZW1lbnQ7XG4gIHByZXZpb3VzSW5kZXg6IG51bWJlcjtcbiAgcHJldmlvdXNUYWJMYWJlbDogU2JiVGFiTGFiZWxFbGVtZW50IHwgdW5kZWZpbmVkO1xuICBwcmV2aW91c1RhYjogU2JiVGFiRWxlbWVudCB8IHVuZGVmaW5lZDtcbn1cblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBvbmUgb3IgbW9yZSB0YWJzLCBlYWNoIG9uZSB3aXRoIGEgbGFiZWwgYW5kIHNvbWUgY29udGVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLXRhYi1ncm91cGAgdmlhIGBzYmItdGFiLWxhYmVsYCBhbmQgYHNiYi10YWJgIGluc3RhbmNlcy5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8U2JiVGFiQ2hhbmdlZEV2ZW50RGV0YWlscz59IHRhYmNoYW5nZSAtIFRoZSB0YWJjaGFuZ2UgZXZlbnQgaXMgZGlzcGF0Y2hlZCB3aGVuIGEgdGFiIGlzIHNlbGVjdGVkLlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGFiR3JvdXBFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGFiLWdyb3VwJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1xuICAgIGJveFNpemluZ1N0eWxlcyxcbiAgICB0YWJHcm91cENvbW1vblN0eWxlcyxcbiAgICB1bnNhZmVDU1Moc3R5bGUpLFxuICBdO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICB0YWJjaGFuZ2U6ICd0YWJjaGFuZ2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIHByaXZhdGUgX3RhYkdyb3VwRWxlbWVudCE6IEhUTUxFbGVtZW50O1xuICBwcml2YXRlIF90YWJHcm91cFJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fb25UYWJHcm91cEVsZW1lbnRSZXNpemUoKSxcbiAgfSk7XG5cbiAgLyoqXG4gICAqIFNpemUgdmFyaWFudCwgZWl0aGVyIHMsIGwgb3IgeGwuXG4gICAqIEBkZWZhdWx0ICdsJyAvICdzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAncycgfCAnbCcgfCAneGwnID0gaXNMZWFuKCkgPyAncycgOiAnbCc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGluaXRpYWwgdGFiLiBJZiBpdCBtYXRjaGVzIGEgZGlzYWJsZWQgdGFiIG9yIGV4Y2VlZHMgdGhlIGxlbmd0aCBvZlxuICAgKiB0aGUgdGFiIGdyb3VwLCB0aGUgZmlyc3QgZW5hYmxlZCB0YWIgd2lsbCBiZSBzZWxlY3RlZC5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbml0aWFsLXNlbGVjdGVkLWluZGV4JywgdHlwZTogTnVtYmVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBpbml0aWFsU2VsZWN0ZWRJbmRleDogbnVtYmVyID0gMDtcblxuICAvKipcbiAgICogSWYgc2V0IHRvIHRydWUsIHRoZSBgc2JiLXRhYmAgZWxlbWVudHMgdGFrZSAxMDAlIGhlaWdodCBvZiB0aGUgYHNiYi10YWItZ3JvdXBgLlxuICAgKiBJdCBlbmFibGVzIGNvbnRyb2xsaW5nIHRoZSBoZWlnaHQgb24gdGhlIGBzYmItdGFiLWdyb3VwYCBlbGVtZW50LlxuICAgKiBUaGUgY29udGVudCBiZWNvbWVzIHNjcm9sbGFibGUgb24gb3ZlcmZsb3cuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnZml4ZWQtaGVpZ2h0JywgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZml4ZWRIZWlnaHQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogR2V0cyB0aGUgc2xvdHRlZCBgc2JiLXRhYi1sYWJlbGBzLiAqL1xuICBwdWJsaWMgZ2V0IGxhYmVscygpOiBTYmJUYWJMYWJlbEVsZW1lbnRbXSB7XG4gICAgLyoqXG4gICAgICogVGhlIHF1ZXJ5U2VsZWN0b3IgQVBJIGlzIG5vdCB1c2VkIGJlY2F1c2Ugd2hlbiBuZXN0ZWQgdGFicyBhcmUgdXNlZCxcbiAgICAgKiB0aGUgcmV0dXJuZWQgYXJyYXkgY29udGFpbnMgdGhlIGlubmVyIHRhYnMgdG9vLCBhbmQgdGhpcyBicmVha3MgdGhlIGtleWJvYXJkIG5hdmlnYXRpb24uXG4gICAgICovXG4gICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5jaGlsZHJlbiA/PyBbXSkuZmlsdGVyKChjaGlsZCkgPT5cbiAgICAgIC9ec2JiLXRhYi1sYWJlbCQvdS50ZXN0KGNoaWxkLmxvY2FsTmFtZSksXG4gICAgKSBhcyBTYmJUYWJMYWJlbEVsZW1lbnRbXTtcbiAgfVxuXG4gIC8qKiBHZXRzIHRoZSBzbG90dGVkIGBzYmItdGFiYHMuICovXG4gIHB1YmxpYyBnZXQgdGFicygpOiBTYmJUYWJFbGVtZW50W10ge1xuICAgIC8qKlxuICAgICAqIFRoZSBxdWVyeVNlbGVjdG9yIEFQSSBpcyBub3QgdXNlZCBiZWNhdXNlIHdoZW4gbmVzdGVkIHRhYnMgYXJlIHVzZWQsXG4gICAgICogdGhlIHJldHVybmVkIGFycmF5IGNvbnRhaW5zIHRoZSBpbm5lciB0YWJzIHRvbywgYW5kIHRoaXMgYnJlYWtzIHRoZSBrZXlib2FyZCBuYXZpZ2F0aW9uLlxuICAgICAqL1xuICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4gPz8gW10pLmZpbHRlcigoY2hpbGQpID0+XG4gICAgICAvXnNiYi10YWIkL3UudGVzdChjaGlsZC5sb2NhbE5hbWUpLFxuICAgICkgYXMgU2JiVGFiRWxlbWVudFtdO1xuICB9XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2tleWRvd24nLCAoZSkgPT4gdGhpcy5faGFuZGxlS2V5RG93bihlKSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLmxhYmVscy5mb3JFYWNoKCh0YWJMYWJlbCkgPT4gdGFiTGFiZWxbJ2xpbmtUb1RhYiddKCkpO1xuICAgIHRoaXMuX2luaXRTZWxlY3Rpb24oKTtcblxuICAgIC8vIFRvIGF2b2lkIGFuaW1hdGlvbnMgb24gaW5pdGlhbGl6YXRpb24sIHdlIGhhdmUgdG8gbWFyayB0aGUgY29tcG9uZW50IGFzIGluaXRpYWxpemVkIGFuZCB3YWl0IGEgdGljay5cbiAgICBQcm9taXNlLnJlc29sdmUoKS50aGVuKCgpID0+IHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoJ2luaXRpYWxpemVkJykpO1xuICAgIHRoaXMuX3RhYkdyb3VwUmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl90YWJHcm91cEVsZW1lbnQpO1xuICB9XG5cbiAgLyoqXG4gICAqIERpc2FibGVzIGEgdGFiIGJ5IGluZGV4LlxuICAgKiBAcGFyYW0gaW5kZXggVGhlIGluZGV4IG9mIHRoZSB0YWIgeW91IHdhbnQgdG8gZGlzYWJsZS5cbiAgICovXG4gIHB1YmxpYyBkaXNhYmxlVGFiKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5sYWJlbHNbaW5kZXhdKSB7XG4gICAgICB0aGlzLmxhYmVsc1tpbmRleF0uZGlzYWJsZWQgPSB0cnVlO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGEgdGFiIGJ5IGluZGV4LlxuICAgKiBAcGFyYW0gaW5kZXggVGhlIGluZGV4IG9mIHRoZSB0YWIgeW91IHdhbnQgdG8gZW5hYmxlLlxuICAgKi9cbiAgcHVibGljIGVuYWJsZVRhYihpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKHRoaXMubGFiZWxzW2luZGV4XSkge1xuICAgICAgdGhpcy5sYWJlbHNbaW5kZXhdLmRpc2FibGVkID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEFjdGl2YXRlcyBhIHRhYiBieSBpbmRleC5cbiAgICogQHBhcmFtIGluZGV4IFRoZSBpbmRleCBvZiB0aGUgdGFiIHlvdSB3YW50IHRvIGFjdGl2YXRlLlxuICAgKi9cbiAgcHVibGljIGFjdGl2YXRlVGFiKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLmxhYmVsc1tpbmRleF0/LmFjdGl2YXRlKCk7XG4gIH1cblxuICBwcml2YXRlIF9lbmFibGVkVGFicygpOiBTYmJUYWJMYWJlbEVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIHRoaXMubGFiZWxzLmZpbHRlcigodCkgPT4ge1xuICAgICAgY3VzdG9tRWxlbWVudHMudXBncmFkZSh0KTtcbiAgICAgIHJldHVybiAhdC5kaXNhYmxlZDtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX29uQ29udGVudFNsb3RDaGFuZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgdGhpcy5sYWJlbHMuZm9yRWFjaCgodGFiTGFiZWwpID0+IHRhYkxhYmVsWydsaW5rVG9UYWInXSgpKTtcbiAgICB0aGlzLmxhYmVscy5maW5kKCh0YWJMYWJlbCkgPT4gdGFiTGFiZWwuYWN0aXZlKT8uYWN0aXZhdGUoKTtcbiAgfTtcblxuICBwcml2YXRlIF9vbkxhYmVsU2xvdENoYW5nZSA9ICgpOiB2b2lkID0+IHtcbiAgICB0aGlzLmxhYmVscy5mb3JFYWNoKCh0YWJMYWJlbCkgPT4gdGFiTGFiZWxbJ2xpbmtUb1RhYiddKCkpO1xuICAgIHRoaXMuX2Vuc3VyZUFjdGl2ZVRhYigpO1xuICB9O1xuXG4gIHByaXZhdGUgX2Vuc3VyZUFjdGl2ZVRhYigpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuaGFzKCdpbml0aWFsaXplZCcpICYmXG4gICAgICAhdGhpcy5sYWJlbHMuc29tZSgodGFiTGFiZWwpID0+IHRhYkxhYmVsLmFjdGl2ZSlcbiAgICApIHtcbiAgICAgIHRoaXMuX2luaXRTZWxlY3Rpb24oKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9pbml0U2VsZWN0aW9uKCk6IHZvaWQge1xuICAgIGNvbnN0IHNlbGVjdGVkVGFiTGFiZWwgPSB0aGlzLmxhYmVsc1t0aGlzLmluaXRpYWxTZWxlY3RlZEluZGV4XTtcbiAgICBpZiAoc2VsZWN0ZWRUYWJMYWJlbCkge1xuICAgICAgY3VzdG9tRWxlbWVudHMudXBncmFkZShzZWxlY3RlZFRhYkxhYmVsKTtcbiAgICAgIGlmIChcbiAgICAgICAgdGhpcy5pbml0aWFsU2VsZWN0ZWRJbmRleCA+PSAwICYmXG4gICAgICAgIHRoaXMuaW5pdGlhbFNlbGVjdGVkSW5kZXggPCB0aGlzLmxhYmVscy5sZW5ndGggJiZcbiAgICAgICAgIXNlbGVjdGVkVGFiTGFiZWwuZGlzYWJsZWRcbiAgICAgICkge1xuICAgICAgICBzZWxlY3RlZFRhYkxhYmVsLmFjdGl2YXRlKCk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICB9XG4gICAgdGhpcy5fZW5hYmxlZFRhYnMoKVswXT8uYWN0aXZhdGUoKTtcbiAgfVxuXG4gIHByaXZhdGUgX29uVGFiR3JvdXBFbGVtZW50UmVzaXplKCk6IHZvaWQge1xuICAgIGNvbnN0IHRhYkxhYmVscyA9IHRoaXMubGFiZWxzO1xuICAgIHRhYkxhYmVscy5mb3JFYWNoKCh0YWJMYWJlbCkgPT4ge1xuICAgICAgybVzdGF0ZUNvbnRyb2xsZXIodGFiTGFiZWwpPy50b2dnbGUoXG4gICAgICAgICdoYXMtZGl2aWRlcicsXG4gICAgICAgIHRhYkxhYmVsID09PSB0YWJMYWJlbHNbMF0gfHwgdGFiTGFiZWwub2Zmc2V0TGVmdCA9PT0gdGFiTGFiZWxzWzBdLm9mZnNldExlZnQsXG4gICAgICApO1xuICAgIH0pO1xuXG4gICAgdGhpcy5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1zYmItdGFiLWdyb3VwLXdpZHRoJywgYCR7dGhpcy5fdGFiR3JvdXBFbGVtZW50LmNsaWVudFdpZHRofXB4YCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVLZXlEb3duKGV2dDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGVuYWJsZWRUYWJzOiBTYmJUYWJMYWJlbEVsZW1lbnRbXSA9IHRoaXMuX2VuYWJsZWRUYWJzKCk7XG5cbiAgICBpZiAoXG4gICAgICAhZW5hYmxlZFRhYnMgfHxcbiAgICAgIC8vIGRvbid0IHRyYXAgbmVzdGVkIGhhbmRsaW5nXG4gICAgICAoKGV2dC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpICE9PSB0aGlzICYmIChldnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5wYXJlbnRFbGVtZW50ICE9PSB0aGlzKVxuICAgICkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChpc0Fycm93S2V5UHJlc3NlZChldnQpKSB7XG4gICAgICBjb25zdCBjdXJyZW50OiBudW1iZXIgPSBlbmFibGVkVGFicy5maW5kSW5kZXgoKHQpID0+IHQuYWN0aXZlKTtcbiAgICAgIGNvbnN0IG5leHRJbmRleDogbnVtYmVyID0gZ2V0TmV4dEVsZW1lbnRJbmRleChldnQsIGN1cnJlbnQsIGVuYWJsZWRUYWJzLmxlbmd0aCk7XG4gICAgICBlbmFibGVkVGFic1tuZXh0SW5kZXhdPy5hY3RpdmF0ZSgpO1xuICAgICAgZW5hYmxlZFRhYnNbbmV4dEluZGV4XT8uZm9jdXMoKTtcbiAgICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHByb3RlY3RlZCBzZXRUYWJDb250ZW50SGVpZ2h0KGNvbnRlbnRIZWlnaHQ6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuc3R5bGUuc2V0UHJvcGVydHkoJy0tc2JiLXRhYi1jb250ZW50LWhlaWdodCcsIGAke2NvbnRlbnRIZWlnaHR9cHhgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInNiYi10YWItZ3JvdXBcIlxuICAgICAgICByb2xlPVwidGFibGlzdFwiXG4gICAgICAgICR7cmVmKChlbD86IEVsZW1lbnQpID0+ICh0aGlzLl90YWJHcm91cEVsZW1lbnQgPSBlbCBhcyBIVE1MRWxlbWVudCkpfVxuICAgICAgPlxuICAgICAgICA8c2xvdCBuYW1lPVwidGFiLWJhclwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fb25MYWJlbFNsb3RDaGFuZ2V9Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgICAgJHshdGhpcy5maXhlZEhlaWdodFxuICAgICAgICA/IGh0bWxgXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRhYi1ncm91cC1jb250ZW50XCI+XG4gICAgICAgICAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7dGhyb3R0bGUodGhpcy5fb25Db250ZW50U2xvdENoYW5nZSwgMTUwKX0+PC9zbG90PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgYFxuICAgICAgICA6IGh0bWxgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aHJvdHRsZSh0aGlzLl9vbkNvbnRlbnRTbG90Q2hhbmdlLCAxNTApfT48L3Nsb3Q+YH1cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGFiLWdyb3VwJzogU2JiVGFiR3JvdXBFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lDdUNhLDRCQUFrQjttQkFBUzs7Ozs7Ozs7OztjQUEzQiwyQkFBMkIsWUFBVTs7O3VCQXNCL0MsVUFBVSxDQUFBO3VDQU9WLFdBQVcsRUFDWCxTQUFTO0lBQUUsV0FBVztJQUEwQixNQUFNO0lBQVEsQ0FBQyxDQUFBOzhCQVEvRCxXQUFXLEVBQ1gsU0FBUztJQUFFLFdBQVc7SUFBZ0IsTUFBTTtJQUFTLFNBQVM7SUFBTSxDQUFDLENBQUE7QUFoQnRFLGdCQUFBLE1BQUEsTUFBQSxrQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLFVBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBSSxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUosT0FBSTs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLG9CQUFBLHdCQUFBO0FBUXBCLGdCQUFBLE1BQUEsTUFBQSxrQ0FBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLDBCQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQW9CLE1BQUEsS0FBQSxVQUFBO0FBQUEsVUFBcEIsdUJBQW9COztLQUFBO0lBQUEsVUFBQTtJQUFBLEVBQUEsb0NBQUEsd0NBQUE7QUFTcEMsZ0JBQUEsTUFBQSxNQUFBLHlCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsaUJBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBVyxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQVgsY0FBVzs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLDJCQUFBLCtCQUFBOzs7Ozs7Ozs7QUF2Q0ssUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUI7SUFDOUM7SUFDQTtJQUNBLFVBQVUsa0JBQUE7SUFDWDs7O0FBQ3NCLFFBQUEsU0FBUyxFQUM5QixXQUFXLGFBQ0g7O0VBY1Y7Ozs7O0VBQUEsSUFBZ0IsT0FBSTtBQUFBLFVBQUEsTUFBQTs7RUFBcEIsSUFBZ0IsS0FBSSxPQUFBO0FBQUEsU0FBQSx3QkFBQTs7RUFRcEI7Ozs7O0VBQUEsSUFBZ0IsdUJBQW9CO0FBQUEsVUFBQSxNQUFBOztFQUFwQyxJQUFnQixxQkFBb0IsT0FBQTtBQUFBLFNBQUEsd0NBQUE7O0VBU3BDOzs7Ozs7RUFBQSxJQUFnQixjQUFXO0FBQUEsVUFBQSxNQUFBOztFQUEzQixJQUFnQixZQUFXLE9BQUE7QUFBQSxTQUFBLCtCQUFBOzs7RUFHM0IsSUFBVyxTQUFNOzs7OztBQUtmLFVBQU8sTUFBTSxLQUFLLEtBQUssWUFBWSxFQUFFLENBQUMsQ0FBQyxRQUFRLFVBQzdDLG1CQUFtQixLQUFLLE1BQU0sVUFBVSxDQUNqQjs7O0VBSTNCLElBQVcsT0FBSTs7Ozs7QUFLYixVQUFPLE1BQU0sS0FBSyxLQUFLLFlBQVksRUFBRSxDQUFDLENBQUMsUUFBUSxVQUM3QyxhQUFhLEtBQUssTUFBTSxVQUFVLENBQ2hCOztFQUd0QixjQUFBO0FBQ0UsVUFBTztBQXJERCxRQUFBLDBCQUEwQixJQUFJLGlCQUFpQixNQUFNO0lBQzNELFFBQVE7SUFDUixhQUFhO0lBQ2IsZ0JBQWdCLEtBQUssMEJBQUE7SUFDdEIsQ0FBQztBQU9jLFNBQUEsd0JBQUEsa0JBQUEsTUFBQSxvQkFBeUIsUUFBUSxHQUFHLE1BQU0sSUFBRztBQVE3QyxTQUFBLHlDQUFBLGtCQUFBLE1BQUEsd0JBQUEsRUFBQSxrQkFBQSxNQUFBLG9DQUErQixFQUFDO0FBU2hDLFNBQUEsZ0NBQUEsa0JBQUEsTUFBQSx3Q0FBQSxFQUFBLGtCQUFBLE1BQUEsMkJBQXVCLE1BQUs7QUEyRXBDLFFBQUEsd0JBQW9CLGtCQUFBLE1BQUEsK0JBQUEsUUFBYztBQUN4QyxTQUFLLE9BQU8sU0FBUyxhQUFhLFNBQVMsY0FBYyxDQUFDO0FBQzFELFNBQUssT0FBTyxNQUFNLGFBQWEsU0FBUyxPQUFPLEVBQUUsVUFBVTs7QUFHckQsUUFBQSwyQkFBZ0M7QUFDdEMsU0FBSyxPQUFPLFNBQVMsYUFBYSxTQUFTLGNBQWMsQ0FBQztBQUMxRCxTQUFLLGtCQUFrQjs7QUF4RHZCLFFBQUssbUJBQW1CLFlBQVksTUFBTSxLQUFLLGVBQWUsRUFBRSxDQUFDOztFQUdoRCxhQUFhLG1CQUF1QztBQUNyRSxTQUFNLGFBQWEsa0JBQWtCO0FBRXJDLFFBQUssT0FBTyxTQUFTLGFBQWEsU0FBUyxjQUFjLENBQUM7QUFDMUQsUUFBSyxnQkFBZ0I7QUFHckIsV0FBUSxTQUFTLENBQUMsV0FBVyxLQUFLLFVBQVUsT0FBTyxJQUFJLGNBQWMsQ0FBQztBQUN0RSxRQUFLLHdCQUF3QixRQUFRLEtBQUssaUJBQWlCOzs7Ozs7RUFPdEQsV0FBVyxPQUFhO0FBQzdCLE9BQUksS0FBSyxPQUFPLE9BQ2QsTUFBSyxPQUFPLE9BQU8sV0FBVzs7Ozs7O0VBUTNCLFVBQVUsT0FBYTtBQUM1QixPQUFJLEtBQUssT0FBTyxPQUNkLE1BQUssT0FBTyxPQUFPLFdBQVc7Ozs7OztFQVEzQixZQUFZLE9BQWE7QUFDOUIsUUFBSyxPQUFPLFFBQVEsVUFBVTs7RUFHeEIsZUFBWTtBQUNsQixVQUFPLEtBQUssT0FBTyxRQUFRLE1BQUs7QUFDOUIsbUJBQWUsUUFBUSxFQUFFO0FBQ3pCLFdBQU8sQ0FBQyxFQUFFO0tBQ1Y7O0VBYUksbUJBQWdCO0FBQ3RCLE9BQ0UsS0FBSyxVQUFVLE9BQU8sSUFBSSxjQUFjLElBQ3hDLENBQUMsS0FBSyxPQUFPLE1BQU0sYUFBYSxTQUFTLE9BQU8sQ0FFaEQsTUFBSyxnQkFBZ0I7O0VBSWpCLGlCQUFjO0dBQ3BCLE1BQU0sbUJBQW1CLEtBQUssT0FBTyxLQUFLO0FBQzFDLE9BQUksa0JBQWtCO0FBQ3BCLG1CQUFlLFFBQVEsaUJBQWlCO0FBQ3hDLFFBQ0UsS0FBSyx3QkFBd0IsS0FDN0IsS0FBSyx1QkFBdUIsS0FBSyxPQUFPLFVBQ3hDLENBQUMsaUJBQWlCLFVBQ2xCO0FBQ0Esc0JBQWlCLFVBQVU7QUFDM0I7OztBQUdKLFFBQUssY0FBYyxDQUFDLElBQUksVUFBVTs7RUFHNUIsMkJBQXdCO0dBQzlCLE1BQU0sWUFBWSxLQUFLO0FBQ3ZCLGFBQVUsU0FBUyxhQUFZO0FBQzdCLHFCQUFpQixTQUFTLEVBQUUsT0FDMUIsZUFDQSxhQUFhLFVBQVUsTUFBTSxTQUFTLGVBQWUsVUFBVSxHQUFHLFdBQ25FO0tBQ0Q7QUFFRixRQUFLLE1BQU0sWUFBWSx5QkFBeUIsR0FBRyxLQUFLLGlCQUFpQixZQUFXLElBQUs7O0VBR25GLGVBQWUsS0FBa0I7R0FDdkMsTUFBTSxjQUFvQyxLQUFLLGNBQWM7QUFFN0QsT0FDRSxDQUFDLGVBRUMsSUFBSSxXQUEyQixRQUFTLElBQUksT0FBdUIsa0JBQWtCLEtBRXZGO0FBR0YsT0FBSSxrQkFBa0IsSUFBSSxFQUFFO0lBRTFCLE1BQU0sWUFBb0Isb0JBQW9CLEtBRHRCLFlBQVksV0FBVyxNQUFNLEVBQUUsT0FBTyxFQUNGLFlBQVksT0FBTztBQUMvRSxnQkFBWSxZQUFZLFVBQVU7QUFDbEMsZ0JBQVksWUFBWSxPQUFPO0FBQy9CLFFBQUksZ0JBQWdCOzs7Ozs7RUFPZCxvQkFBb0IsZUFBcUI7QUFDakQsUUFBSyxNQUFNLFlBQVksNEJBQTRCLEdBQUcsY0FBYSxJQUFLOztFQUd2RCxTQUFNO0FBQ3ZCLFVBQU8sSUFBSTs7OztVQUlMLEtBQUssT0FBa0IsS0FBSyxtQkFBbUIsR0FBbUIsQ0FBQTs7MkNBRWpDLEtBQUssbUJBQWtCOztRQUUxRCxDQUFDLEtBQUssY0FDSixJQUFJOztrQ0FFb0IsU0FBUyxLQUFLLHNCQUFzQixJQUFJLENBQUE7O2NBR2hFLElBQUkscUJBQXFCLFNBQVMsS0FBSyxzQkFBc0IsSUFBSSxDQUFBLFVBQUEifQ==
|