@sbb-esta/lyne-elements 4.8.0 → 4.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -2
- package/action-group/action-group.component.js +1 -1
- package/action-group.component-OZNshH7G.js +158 -0
- package/action-group.js +1 -1
- package/action-group.pure.js +1 -1
- package/alert/alert/alert.component.js +1 -1
- package/alert/alert-group/alert-group.component.js +1 -1
- package/alert/alert-group.js +1 -1
- package/alert/alert.js +1 -1
- package/{alert-group.component-RV1M1OKy.js → alert-group.component-DnYg4aPB.js} +1 -1
- package/{alert.component-PPR7hfTi.js → alert.component-B94SoaHI.js} +1 -1
- package/alert.js +2 -2
- package/alert.pure.js +2 -2
- package/autocomplete/autocomplete-base-element.js +1 -1
- package/autocomplete/autocomplete.component.js +1 -1
- package/{autocomplete-base-element-DVFCZ4lt.js → autocomplete-base-element-BQj0oiHC.js} +1 -1
- package/autocomplete.js +1 -1
- package/autocomplete.pure.js +1 -1
- package/block-link-common-ClyAETjl.js +63 -0
- package/breadcrumb/breadcrumb/breadcrumb.component.js +1 -1
- package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
- package/breadcrumb/breadcrumb-group.js +1 -1
- package/breadcrumb/breadcrumb.js +1 -1
- package/{breadcrumb-group.component-CfUyO1sI.js → breadcrumb-group.component-ioEaxcGE.js} +1 -1
- package/breadcrumb.component-CDs1jq2d.js +24 -0
- package/breadcrumb.js +2 -2
- package/breadcrumb.pure.js +2 -2
- package/button/common.js +1 -1
- package/button/mini-button-group/mini-button-group.component.js +1 -1
- package/button/mini-button-group.js +1 -1
- package/button/mini-button-link/mini-button-link.component.js +1 -1
- package/button/mini-button-link.js +1 -1
- package/button.js +3 -3
- package/button.pure.js +3 -3
- package/calendar/calendar/calendar.component.js +1 -1
- package/calendar/calendar-day/calendar-day.component.js +1 -1
- package/calendar/calendar-day.js +1 -1
- package/calendar/calendar.js +1 -1
- package/calendar/common.js +1 -1
- package/{calendar-day.component-Iewo-vBR.js → calendar-day.component-BZxPrp22.js} +1 -1
- package/{calendar.component-Cz-OGQu6.js → calendar.component-DtdBj_D-.js} +1 -1
- package/calendar.js +2 -2
- package/calendar.pure.js +2 -2
- package/card/card/card.component.js +1 -1
- package/card/card-badge/card-badge.component.js +1 -1
- package/card/card-badge.js +1 -1
- package/card/card.js +1 -1
- package/card/common/card-action-common.js +1 -1
- package/card/common.js +1 -1
- package/{card-action-common-GpkaNYtV.js → card-action-common-BNe4LRHp.js} +1 -1
- package/card-badge.component-CtpSWL9S.js +65 -0
- package/card.component-Bd-2-dP3.js +62 -0
- package/card.js +3 -3
- package/card.pure.js +3 -3
- package/carousel/carousel/carousel.component.js +1 -1
- package/carousel/carousel-item/carousel-item.component.js +1 -1
- package/carousel/carousel-item.js +1 -1
- package/carousel/carousel-list/carousel-list.component.js +1 -1
- package/carousel/carousel-list.js +1 -1
- package/carousel/carousel.js +1 -1
- package/{carousel-item.component-kv3rY8B-.js → carousel-item.component-BdW4Fe7j.js} +1 -1
- package/{carousel-list.component-DMMk66SP.js → carousel-list.component-CXKdk4dv.js} +1 -1
- package/{carousel.component-BA0V2JHI.js → carousel.component-D9By2rDH.js} +1 -1
- package/carousel.js +3 -3
- package/carousel.pure.js +3 -3
- package/checkbox/checkbox.component.js +2 -2
- package/checkbox/checkbox.js +2 -2
- package/checkbox/common/checkbox-common.js +1 -1
- package/checkbox/common.js +1 -1
- package/{checkbox-common-J-7Y966k.js → checkbox-common-CPIIGgkG.js} +1 -1
- package/{checkbox.component-Bazdxs9R.js → checkbox.component-Cax24yN1.js} +2 -2
- package/checkbox.js +2 -2
- package/checkbox.pure.js +2 -2
- package/chip/chip/chip.component.js +1 -1
- package/chip/chip-group/chip-group.component.js +1 -1
- package/chip/chip-group.js +1 -1
- package/chip/chip.js +1 -1
- package/{chip-group.component-CbruCoHR.js → chip-group.component-CpXuOisx.js} +1 -1
- package/chip-label/chip-label.component.js +1 -1
- package/{chip-label.component-D9AZdMSJ.js → chip-label.component-CFDlJJZv.js} +1 -1
- package/chip-label.js +1 -1
- package/chip-label.pure.js +1 -1
- package/chip.component-vKOg_uFQ.js +94 -0
- package/chip.js +2 -2
- package/chip.pure.js +2 -2
- package/clock/clock.component.js +1 -1
- package/{clock.component-gZJy4AU4.js → clock.component-CZq8NuSw.js} +1 -1
- package/clock.js +1 -1
- package/clock.pure.js +1 -1
- package/common-BdjLJuBp.js +5 -0
- package/{compact-paginator.component-BK7xj9tc.js → compact-paginator.component-JM9tD9ys.js} +1 -1
- package/container/container/container.component.js +1 -1
- package/container/container.js +1 -1
- package/container/sticky-bar/sticky-bar.component.js +1 -1
- package/container/sticky-bar.js +1 -1
- package/{container.component-C-jpJN2k.js → container.component-mgU80iW0.js} +1 -1
- package/container.js +2 -2
- package/container.pure.js +2 -2
- package/core/a11y/focus-trap-controller.js +2 -2
- package/core/base-elements/selection-group-base-element.js +1 -1
- package/core/base-elements.js +1 -1
- package/core/mixins.js +1 -1
- package/core/styles/core.scss +9 -0
- package/core.css +13 -0
- package/custom-elements.json +295 -212
- package/date-input/date-input.component.js +1 -1
- package/{date-input.component-Da-aS3jt.js → date-input.component-lInRTqua.js} +1 -1
- package/date-input.js +1 -1
- package/date-input.pure.js +1 -1
- package/datepicker/common/datepicker-button.js +1 -1
- package/datepicker/common.js +1 -1
- package/datepicker/datepicker/datepicker.component.js +1 -1
- package/datepicker/datepicker.js +1 -1
- package/{datepicker-button-Dk2UQkPN.js → datepicker-button--Bz_ztGR.js} +1 -1
- package/{datepicker.component-DUVgoAGU.js → datepicker.component-B64-Fip5.js} +1 -1
- package/datepicker.js +2 -2
- package/datepicker.pure.js +2 -2
- package/development/core/a11y/focus-trap-controller.js +3 -3
- package/development/core/mixins.js +2 -1
- package/development/header/header/header.component.d.ts +7 -0
- package/development/header/header/header.component.d.ts.map +1 -1
- package/development/header/header/header.component.js +1 -1
- package/development/header/header.js +1 -1
- package/development/header.component-C9JGj-z6.js +489 -0
- package/development/header.js +1 -1
- package/development/header.pure.js +1 -1
- package/development/popover/popover.component.d.ts.map +1 -1
- package/development/popover/popover.component.js +1 -1
- package/development/popover.component-dRXm7_Mv.js +736 -0
- package/development/popover.js +1 -1
- package/development/popover.pure.js +1 -1
- package/development/radio-button/common/radio-button-common.d.ts.map +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 +2 -2
- package/development/radio-button/radio-button.js +2 -2
- package/development/{radio-button-common-CsjMvmAn.js → radio-button-common-CCrvhOPQ.js} +7 -1
- package/development/radio-button-group/radio-button-group.component.d.ts.map +1 -1
- package/development/radio-button-group/radio-button-group.component.js +2 -1
- package/development/{radio-button.component-BTnHGixs.js → radio-button.component-DYD1hVIZ.js} +2 -2
- package/development/radio-button.js +2 -2
- package/development/radio-button.pure.js +2 -2
- package/development/signet/signet.component.d.ts.map +1 -1
- package/development/signet/signet.component.js +1 -1
- package/development/signet.component-9afq0BQh.js +164 -0
- package/development/signet.js +1 -1
- package/development/signet.pure.js +1 -1
- package/development/skiplink-list/skiplink-list.component.d.ts.map +1 -1
- package/development/skiplink-list/skiplink-list.component.js +1 -1
- package/development/{skiplink-list.component-BvbnZ24-.js → skiplink-list.component--EzDilpP.js} +12 -22
- package/development/skiplink-list.js +1 -1
- package/development/skiplink-list.pure.js +1 -1
- package/dialog/dialog/dialog.component.js +1 -1
- package/dialog/dialog-actions/dialog-actions.component.js +1 -1
- package/dialog/dialog-actions.js +1 -1
- package/dialog/dialog-close-button/dialog-close-button.component.js +1 -1
- package/dialog/dialog-close-button.js +1 -1
- package/dialog/dialog-content/dialog-content.component.js +1 -1
- package/dialog/dialog-content.js +1 -1
- package/dialog/dialog-title/dialog-title.component.js +1 -1
- package/dialog/dialog-title.js +1 -1
- package/dialog/dialog.js +1 -1
- package/dialog-actions.component-C6m1odAP.js +17 -0
- package/{dialog-close-button.component-CeZrvBtz.js → dialog-close-button.component-DsNnE7BE.js} +1 -1
- package/{dialog-content.component-bHJNAgKn.js → dialog-content.component-DIKknjUX.js} +1 -1
- package/dialog-title.component-DSq0esCH.js +17 -0
- package/{dialog.component-CIPresmM.js → dialog.component-BuIFpeUd.js} +1 -1
- package/dialog.js +5 -5
- package/dialog.pure.js +5 -5
- package/divider/divider.component.js +1 -1
- package/{divider.component-B99DkxCv.js → divider.component-DwDhJGac.js} +1 -1
- package/divider.js +1 -1
- package/divider.pure.js +1 -1
- package/{error.component-DTYppqRY.js → error.component-DpUkVwHl.js} +1 -1
- package/expansion-panel/expansion-panel/expansion-panel.component.js +1 -1
- package/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +1 -1
- package/expansion-panel/expansion-panel-content.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-content.component-2C7bavY5.js +29 -0
- package/expansion-panel-header.component-B5ulwstr.js +56 -0
- package/{expansion-panel.component-CGss5cPS.js → expansion-panel.component-DxEqf6H1.js} +1 -1
- package/expansion-panel.js +3 -3
- package/expansion-panel.pure.js +3 -3
- 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-C--h0Yj2.js → file-selector-common-Bk07ovZm.js} +1 -1
- package/{file-selector-dropzone.component-BFlkqlsq.js → file-selector-dropzone.component-DhPsfRQk.js} +1 -1
- package/file-selector.js +2 -2
- package/file-selector.pure.js +2 -2
- package/flip-card/flip-card/flip-card.component.js +1 -1
- package/flip-card/flip-card-details/flip-card-details.component.js +1 -1
- package/flip-card/flip-card-details.js +1 -1
- package/flip-card/flip-card-summary/flip-card-summary.component.js +1 -1
- package/flip-card/flip-card-summary.js +1 -1
- package/flip-card/flip-card.js +1 -1
- package/{flip-card-details.component-BOVK7F1U.js → flip-card-details.component-Dd9w2AaO.js} +1 -1
- package/flip-card-summary.component-DN08GsS9.js +65 -0
- package/{flip-card.component-5pxuwGAv.js → flip-card.component-CrUlzxck.js} +1 -1
- package/flip-card.js +3 -3
- package/flip-card.pure.js +3 -3
- package/footer/footer.component.js +1 -1
- package/footer.component-C8s7qhZs.js +129 -0
- 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.component-CWj6jfYZ.js → form-field.component-Dc0CkOvA.js} +1 -1
- package/form-field.js +2 -2
- package/form-field.pure.js +2 -2
- package/header/common/header-action-common.js +1 -1
- package/header/common.js +1 -1
- package/header/header/header.component.js +1 -1
- package/header/header-environment/header-environment.component.js +1 -1
- package/header/header-environment.js +1 -1
- package/header/header.js +1 -1
- package/header-action-common-D9CO0Jax.js +62 -0
- package/header-environment.component-DDZ9fcZd.js +36 -0
- package/header.component-BPkEKqnQ.js +232 -0
- package/header.js +3 -3
- package/header.pure.js +3 -3
- package/icon/icon-base.js +1 -1
- package/icon/icon-name-mixin.js +1 -1
- package/icon/icon.component.js +1 -1
- package/{icon-base-C2VxpriZ.js → icon-base-BkDvJr2l.js} +1 -1
- package/icon-sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
- package/icon-sidebar/icon-sidebar.js +1 -1
- package/{icon-sidebar.component-D3vOnYrs.js → icon-sidebar.component-CQ6KLiCN.js} +1 -1
- package/icon-sidebar.js +1 -1
- package/icon-sidebar.pure.js +1 -1
- package/icon.js +1 -1
- package/icon.pure.js +1 -1
- package/image/image.component.js +1 -1
- package/{image.component-BcOwT7-U.js → image.component-BSWcI8r3.js} +1 -1
- package/image.js +1 -1
- package/image.pure.js +1 -1
- package/index.d.ts +0 -2
- package/index.js +0 -2
- package/inline-link-common-B7MnXE80.js +18 -0
- package/journey-header/journey-header.component.js +1 -1
- package/{journey-header.component-CjXBxEor.js → journey-header.component-mIbM-KVg.js} +1 -1
- package/journey-header.js +1 -1
- package/journey-header.pure.js +1 -1
- package/lead-container/lead-container.component.js +1 -1
- package/lead-container.component-w3zhibLj.js +27 -0
- package/lead-container.js +1 -1
- package/lead-container.pure.js +1 -1
- package/link/common/block-link-common.js +2 -2
- package/link/common/inline-link-common.js +2 -2
- package/link/common/link-common.js +1 -1
- package/link/common.js +3 -3
- package/link-common-DqIfaliQ.js +52 -0
- package/link-list/common/link-list-base.js +1 -1
- package/link-list/common.js +1 -1
- package/link-list/link-list-anchor.js +2 -2
- package/link-list/link-list.component.js +2 -2
- package/link-list/link-list.js +2 -2
- package/link-list-anchor/link-list-anchor.component.js +1 -1
- package/link-list-anchor.component-CwmljGqM.js +18 -0
- package/link-list-anchor.js +1 -1
- package/link-list-anchor.pure.js +1 -1
- package/{link-list-base-CrpC5D4u.js → link-list-base-DwOmdG3N.js} +1 -1
- package/link-list.component-e-UmSwDi.js +78 -0
- package/link-list.js +3 -3
- package/link-list.pure.js +2 -2
- package/link.js +3 -3
- package/link.pure.js +3 -3
- package/loading-indicator/loading-indicator.component.js +1 -1
- package/loading-indicator-circle/loading-indicator-circle.component.js +1 -1
- package/loading-indicator-circle.component-5o-TFlzV.js +62 -0
- package/loading-indicator-circle.js +1 -1
- package/loading-indicator-circle.pure.js +1 -1
- package/loading-indicator.component-8XIZYm8V.js +92 -0
- package/loading-indicator.js +1 -1
- package/loading-indicator.pure.js +1 -1
- package/logo/logo.component.js +1 -1
- package/{logo.component-CdZe8lrB.js → logo.component-D0-6sm1j.js} +1 -1
- package/logo.js +1 -1
- package/logo.pure.js +1 -1
- package/map-container/map-container.component.js +1 -1
- package/map-container.component-CnErYagX.js +128 -0
- package/map-container.js +1 -1
- package/map-container.pure.js +1 -1
- package/menu/common/menu-action-common.js +1 -1
- package/menu/common.js +1 -1
- package/menu/menu/menu.component.js +1 -1
- package/menu/menu.js +1 -1
- package/menu-action-common-Br3mThg1.js +29 -0
- package/{menu.component-elxRPsQz.js → menu.component-D5u2hL8X.js} +1 -1
- package/menu.js +2 -2
- package/menu.pure.js +2 -2
- package/message/message.component.js +1 -1
- package/{message.component-DDMr1IXM.js → message.component-CnIfjJj8.js} +1 -1
- package/message.js +1 -1
- package/message.pure.js +1 -1
- package/{mini-button-group.component-D5Dph1Z7.js → mini-button-group.component-CDXkOnq4.js} +1 -1
- package/{mini-button-link.component-BYK_EUud.js → mini-button-link.component-BlPfUvvp.js} +1 -1
- package/mini-calendar/mini-calendar/mini-calendar.component.js +1 -1
- package/mini-calendar/mini-calendar-day/mini-calendar-day.component.js +1 -1
- package/mini-calendar/mini-calendar-day.js +1 -1
- package/mini-calendar/mini-calendar-month/mini-calendar-month.component.js +1 -1
- package/mini-calendar/mini-calendar-month.js +1 -1
- package/mini-calendar/mini-calendar.js +1 -1
- package/{mini-calendar-day.component-Tj7wlWj7.js → mini-calendar-day.component-CM1dgWp6.js} +1 -1
- package/{mini-calendar-month.component-DTod_RRs.js → mini-calendar-month.component-DZ45IgFZ.js} +1 -1
- package/{mini-calendar.component-BCDHUUZG.js → mini-calendar.component-CKR-WJWW.js} +1 -1
- package/mini-calendar.js +3 -3
- package/mini-calendar.pure.js +3 -3
- package/navigation/common/navigation-action-common.js +1 -1
- package/navigation/common.js +1 -1
- package/navigation/navigation/navigation.component.js +1 -1
- package/navigation/navigation-list/navigation-list.component.js +1 -1
- package/navigation/navigation-list.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/navigation.js +1 -1
- package/navigation-action-common-Cme_2GEs.js +64 -0
- package/{navigation-list.component-DnB7FrKG.js → navigation-list.component-DiyAt5hV.js} +1 -1
- package/{navigation-marker.component-B7hmb9iS.js → navigation-marker.component-D_U3Nd-_.js} +1 -1
- package/{navigation-section.component-C86pkDLG.js → navigation-section.component-DqFRimuS.js} +1 -1
- package/{navigation.component-BzgTWUiD.js → navigation.component-BAgxKoOU.js} +1 -1
- package/navigation.js +5 -5
- package/navigation.pure.js +5 -5
- package/notification/notification.component.js +1 -1
- package/notification.component-BYm_I7Df.js +197 -0
- package/notification.js +1 -1
- package/notification.pure.js +1 -1
- package/off-brand-theme.css +13 -0
- package/{optgroup-base-element-C8LeifgF.js → optgroup-base-element-D0ebmnMV.js} +1 -1
- package/option/optgroup/optgroup-base-element.js +1 -1
- package/option/optgroup/optgroup.component.js +1 -1
- package/option/optgroup.js +1 -1
- package/option/option/option.component.js +1 -1
- package/option/option-hint/option-hint.component.js +1 -1
- package/option/option-hint.js +1 -1
- package/option/option.js +1 -1
- package/option-hint.component-5KZ_UDB6.js +23 -0
- package/option.component-DJO5o_Ig.js +98 -0
- package/option.js +3 -3
- package/option.pure.js +3 -3
- package/overlay/overlay.component.js +1 -1
- package/{overlay.component-CAN3BK7B.js → overlay.component-CaBxt4sb.js} +1 -1
- package/overlay.js +1 -1
- package/overlay.pure.js +1 -1
- package/package.json +2 -3
- 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-nXF_Zbze.js +206 -0
- package/paginator.js +2 -2
- package/paginator.pure.js +2 -2
- package/popover/popover.component.js +1 -1
- package/{popover.component-eBpmXakQ.js → popover.component-H1g1e1o9.js} +3 -3
- 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 +2 -2
- package/radio-button/radio-button.js +2 -2
- package/radio-button-common-Ch3i83Qb.js +80 -0
- package/radio-button-group/radio-button-group.component.js +1 -1
- package/{radio-button.component-CVPy3eQi.js → radio-button.component-BGIJJyFd.js} +2 -2
- package/radio-button.js +2 -2
- package/radio-button.pure.js +2 -2
- package/safety-theme.css +13 -0
- package/screen-reader-only/screen-reader-only.component.js +1 -1
- package/{screen-reader-only.component-DEOirlKo.js → screen-reader-only.component-DxVn8U9m.js} +1 -1
- package/screen-reader-only.js +1 -1
- package/screen-reader-only.pure.js +1 -1
- package/select/select.component.js +1 -1
- package/{select.component-CsIiislt.js → select.component-Bo7kkaOF.js} +1 -1
- package/select.js +1 -1
- package/select.pure.js +1 -1
- package/selection-action-panel/selection-action-panel.component.js +1 -1
- package/selection-action-panel.component-DsXSIUJY.js +35 -0
- package/selection-action-panel.js +1 -1
- package/selection-action-panel.pure.js +1 -1
- package/selection-expansion-panel/selection-expansion-panel.component.js +1 -1
- package/{selection-expansion-panel.component-BQw9icBM.js → selection-expansion-panel.component-DdUCJdYH.js} +1 -1
- package/selection-expansion-panel.js +1 -1
- package/selection-expansion-panel.pure.js +1 -1
- package/{selection-group-base-element-Bd6na8dT.js → selection-group-base-element-CBG8qr2t.js} +1 -1
- package/sidebar/common/styles.js +1 -1
- package/sidebar/common.js +1 -1
- package/sidebar/sidebar/sidebar.component.js +1 -1
- package/sidebar/sidebar-close-button/sidebar-close-button.component.js +1 -1
- package/sidebar/sidebar-close-button.js +1 -1
- package/sidebar/sidebar-container/sidebar-container.component.js +1 -1
- package/sidebar/sidebar-container.js +1 -1
- package/sidebar/sidebar-content/sidebar-content.component.js +1 -1
- package/sidebar/sidebar-content.js +1 -1
- package/sidebar/sidebar-title/sidebar-title.component.js +1 -1
- package/sidebar/sidebar-title.js +1 -1
- package/sidebar/sidebar.js +1 -1
- package/{sidebar-close-button.component-D0JS2p5L.js → sidebar-close-button.component-BTrt_KtJ.js} +1 -1
- package/{sidebar-container.component-BFxFShTF.js → sidebar-container.component-5s-OUp0W.js} +1 -1
- package/{sidebar-content.component-M7FGd8SF.js → sidebar-content.component-cZMzji92.js} +1 -1
- package/{sidebar-title.component-BfjxBPpH.js → sidebar-title.component-DYd-60nF.js} +1 -1
- package/{sidebar.component-zRpWDGKR.js → sidebar.component-BcgVWM8W.js} +1 -1
- package/sidebar.js +5 -5
- package/sidebar.pure.js +5 -5
- package/signet/signet.component.js +1 -1
- package/signet.component-CobWzWhG.js +99 -0
- package/signet.js +1 -1
- package/signet.pure.js +1 -1
- package/skiplink-list/skiplink-list.component.js +1 -1
- package/{skiplink-list.component-BRJk6HvC.js → skiplink-list.component-DHOXaPS-.js} +8 -10
- package/skiplink-list.js +1 -1
- package/skiplink-list.pure.js +1 -1
- package/slider/slider.component.js +1 -1
- package/{slider.component-CLNsu212.js → slider.component-MdvM78XU.js} +1 -1
- package/slider.js +1 -1
- package/slider.pure.js +1 -1
- package/standard-theme.css +13 -0
- package/status/status.component.js +1 -1
- package/{status.component-CmLdUn37.js → status.component-C3Wx4Gvn.js} +1 -1
- package/status.js +1 -1
- package/status.pure.js +1 -1
- package/step-label.component-zeKJCNqa.js +82 -0
- package/{step.component-eKVtXlT4.js → step.component-DluGAXNI.js} +1 -1
- package/stepper/step/step.component.js +1 -1
- package/stepper/step-label/step-label.component.js +1 -1
- package/stepper/step-label.js +1 -1
- package/stepper/step.js +1 -1
- package/stepper/stepper/stepper.component.js +1 -1
- package/stepper/stepper.js +1 -1
- package/{stepper.component-yWCQtYWc.js → stepper.component-BIFuIy3T.js} +1 -1
- package/stepper.js +3 -3
- package/stepper.pure.js +3 -3
- package/sticky-bar.component-DnPfDrKx.js +141 -0
- package/styles-BhYx61ZB.js +5 -0
- package/styles-DjLiBgML.js +5 -0
- package/{tab-group.component-DE4H3_H4.js → tab-group.component-BTwC9WKX.js} +1 -1
- package/tab-label.component-CsT_0RH7.js +165 -0
- package/{tab-nav-bar.component-n5TiTWxE.js → tab-nav-bar.component-UOqFJjhe.js} +1 -1
- package/{tab.component-BrIEFDxk.js → tab.component-BpUsS18w.js} +1 -1
- package/table/table-wrapper/table-wrapper.component.js +1 -1
- package/table/table-wrapper.js +1 -1
- package/{table-wrapper.component-CoqozurQ.js → table-wrapper.component-DPUvpfK4.js} +1 -1
- package/table.js +1 -1
- package/table.pure.js +1 -1
- package/tabs/common/styles.js +1 -1
- package/tabs/common.js +1 -1
- package/tabs/tab/tab.component.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/tab-nav-bar/tab-nav-bar.component.js +1 -1
- package/tabs/tab-nav-bar.js +1 -1
- package/tabs/tab.js +1 -1
- package/tabs.js +5 -5
- package/tabs.pure.js +5 -5
- package/tag/tag/tag.component.js +1 -1
- package/tag/tag-group/tag-group.component.js +1 -1
- package/tag/tag-group.js +1 -1
- package/tag/tag.js +1 -1
- package/{tag-group.component-DiIp6zS1.js → tag-group.component-CoChkHtw.js} +1 -1
- package/tag.component-ClZ-ZKFC.js +170 -0
- package/tag.js +2 -2
- package/tag.pure.js +2 -2
- package/teaser/teaser.component.js +1 -1
- package/teaser-hero/teaser-hero.component.js +1 -1
- package/teaser-hero.component-dKZsY0fS.js +80 -0
- package/teaser-hero.js +1 -1
- package/teaser-hero.pure.js +1 -1
- package/teaser-product/common/teaser-product-common.js +1 -1
- package/teaser-product/common.js +1 -1
- package/teaser-product/teaser-product/teaser-product.component.js +1 -1
- package/teaser-product/teaser-product.js +1 -1
- package/teaser-product-common-CFCb5Rsx.js +62 -0
- package/{teaser-product.component-DiOhM_rU.js → teaser-product.component-C3Zi8Pdd.js} +1 -1
- package/teaser-product.js +2 -2
- package/teaser-product.pure.js +2 -2
- package/teaser.component-CUUvAAZ7.js +91 -0
- package/teaser.js +1 -1
- package/teaser.pure.js +1 -1
- package/time-input/time-input.component.js +1 -1
- package/{time-input.component-DT1BOC8m.js → time-input.component-BDkxBiPM.js} +1 -1
- package/time-input.js +1 -1
- package/time-input.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-swap-button/timetable-form-swap-button.component.js +1 -1
- package/timetable-form/timetable-form-swap-button.js +1 -1
- package/timetable-form/timetable-form.js +1 -1
- package/timetable-form-details.component-CfpM_Kse.js +16 -0
- package/timetable-form-field.component-DJ9FZ9vI.js +32 -0
- package/{timetable-form-swap-button.component-BGP-OsHD.js → timetable-form-swap-button.component-BXQ-ukkk.js} +1 -1
- package/{timetable-form.component-BqdKekNM.js → timetable-form.component-BeopwQmE.js} +1 -1
- package/timetable-form.js +4 -4
- package/timetable-form.pure.js +4 -4
- package/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +1 -1
- package/{timetable-occupancy-icon.component-ZrzpXaeV.js → timetable-occupancy-icon.component-LLMT_897.js} +1 -1
- package/timetable-occupancy-icon.js +1 -1
- package/timetable-occupancy-icon.pure.js +1 -1
- package/{timetable-occupancy.component-DMztYVmj.js → timetable-occupancy.component-CuI4uxPK.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 +2 -2
- package/{title-base-BDYkc8fG.js → title-base-DRgSZMaU.js} +1 -1
- package/{title.component-DafVwymI.js → title.component-1oKmMeCz.js} +2 -2
- package/title.js +2 -2
- package/title.pure.js +2 -2
- package/toast/toast.component.js +1 -1
- package/{toast.component-DbILctK5.js → toast.component-BGevO6ad.js} +1 -1
- 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-C2Ejl7a_.js +119 -0
- package/toggle-check.js +1 -1
- package/toggle-check.pure.js +1 -1
- package/{toggle-option.component-NMfqwd12.js → toggle-option.component-Lm0irQKj.js} +1 -1
- package/{toggle.component-D1n5S5ev.js → toggle.component-D8rRkRAo.js} +1 -1
- package/toggle.js +2 -2
- package/toggle.pure.js +2 -2
- package/tooltip/tooltip.component.js +1 -1
- package/{tooltip.component-X45T6iQH.js → tooltip.component-Bwp_yTA8.js} +1 -1
- package/tooltip.js +1 -1
- package/tooltip.pure.js +1 -1
- package/train/train/train.component.js +1 -1
- package/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
- package/train/train-blocked-passage.js +1 -1
- package/train/train-formation/train-formation.component.js +1 -1
- package/train/train-formation.js +1 -1
- package/train/train-wagon/train-wagon.component.js +1 -1
- package/train/train-wagon.js +1 -1
- package/train/train.js +1 -1
- package/train-blocked-passage.component-D3mbnoQ4.js +23 -0
- package/train-formation.component-DoNKUil3.js +121 -0
- package/{train-wagon.component-bGA2a-0M.js → train-wagon.component-CLrqgGwH.js} +1 -1
- package/{train.component-V6FLqC82.js → train.component-COPys5v7.js} +1 -1
- package/train.js +4 -4
- package/train.pure.js +4 -4
- package/visual-checkbox/visual-checkbox.component.js +1 -1
- package/{visual-checkbox.component-eajUDpKu.js → visual-checkbox.component-CiAaB_Yc.js} +1 -1
- package/visual-checkbox.js +1 -1
- package/visual-checkbox.pure.js +1 -1
- package/action-group.component-KWugkMGf.js +0 -158
- package/block-link-common-BMTrbSfi.js +0 -63
- package/breadcrumb.component-DjkZzGJD.js +0 -24
- package/card-badge.component-D_PI9Ega.js +0 -65
- package/card.component-Dt2YFmd3.js +0 -62
- package/chip.component-DMB36gvC.js +0 -94
- package/common-CI_BB6sF.js +0 -5
- package/development/header.component-DEw_zC-n.js +0 -446
- package/development/popover.component-CLwOes_-.js +0 -746
- package/development/signet.component-B9nY5tTL.js +0 -188
- package/dialog-actions.component-QvbasYxg.js +0 -17
- package/dialog-title.component-BDHYjDn0.js +0 -17
- package/expansion-panel-content.component-DCl4nQ8V.js +0 -29
- package/expansion-panel-header.component-jc1Ty5jz.js +0 -56
- package/flip-card-summary.component-DVa7wF7x.js +0 -65
- package/footer.component-C-mSrCud.js +0 -129
- package/header-action-common-W_j0KPr-.js +0 -62
- package/header-environment.component-DduyZo6W.js +0 -36
- package/header.component-DW23EnaO.js +0 -203
- package/inline-link-common-DANB-hT-.js +0 -18
- package/lead-container.component-D9VzZCQa.js +0 -27
- package/link-common-akQv_-UR.js +0 -52
- package/link-list-anchor.component-Qm7h2mHK.js +0 -18
- package/link-list.component-C8zrqHYc.js +0 -78
- package/loading-indicator-circle.component-DfjVqe7n.js +0 -62
- package/loading-indicator.component-DkYs30Nf.js +0 -92
- package/map-container.component-C_wbi6WL.js +0 -128
- package/menu-action-common-vt9j6nkG.js +0 -29
- package/navigation-action-common-D_-gGOYm.js +0 -64
- package/notification.component-Cor1vQGU.js +0 -197
- package/option-hint.component-kPdwK61Z.js +0 -23
- package/option.component-DF9ZTj12.js +0 -98
- package/paginator.component-CsSs5q4D.js +0 -206
- package/radio-button-common-QHPueQrm.js +0 -77
- package/selection-action-panel.component-QfR2kPeM.js +0 -35
- package/signet.component-Kwdy4Uor.js +0 -101
- package/step-label.component-DTkviH8Q.js +0 -82
- package/sticky-bar.component-BqZVKHc7.js +0 -141
- package/styles-CsBiCI23.js +0 -5
- package/styles-DYZWSKeo.js +0 -5
- package/tab-label.component-BnxPGws1.js +0 -165
- package/tag.component-CfK6JwsO.js +0 -170
- package/teaser-hero.component-DjodzcX_.js +0 -80
- package/teaser-product-common-DkumwiRA.js +0 -62
- package/teaser.component-C7sJLVMk.js +0 -91
- package/timetable-form-details.component-DI5Mr8-O.js +0 -16
- package/timetable-form-field.component-2kEWygEC.js +0 -32
- package/toggle-check.component-CPewUjOg.js +0 -119
- package/train-blocked-passage.component-RIMoX91U.js +0 -23
- package/train-formation.component-B17tc6cx.js +0 -121
|
@@ -10,7 +10,7 @@ import { SbbEscapableOverlayController as g, SbbOverlayPositionController as _ }
|
|
|
10
10
|
import { sbbOverlayOutsidePointerEventListener as v } from "./core/overlay.js";
|
|
11
11
|
import { readConfig as y } from "./core/config.js";
|
|
12
12
|
//#region src/elements/tooltip/tooltip.scss?lit&inline
|
|
13
|
-
var b = n`:host{--sbb-tooltip-pointer-events:all;--sbb-tooltip-min-width:var(--sbb-spacing-fixed-8x);--sbb-tooltip-max-width:min(25rem, calc(100vw - var(--sbb-spacing-fixed-2x)));--sbb-tooltip-border-color:var(--sbb-background-color-1-inverted);--sbb-tooltip-border-radius:var(--sbb-border-radius-8x);--sbb-tooltip-padding:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-tooltip-background-color:var(--sbb-background-color-1-inverted);--sbb-tooltip-color:var(--sbb-color-2-inverted);--sbb-tooltip-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-4x));--sbb-tooltip-animation-easing:ease-out;--sbb-tooltip-animation-translate:0 var(--sbb-spacing-fixed-2x);--sbb-tooltip-gap:var(--sbb-spacing-fixed-2x);--sbb-overlay-position-area:block-start;--sbb-overlay-position-try-fallbacks:block-start span-inline-end, block-start span-inline-start, block-end, block-end span-inline-end, block-end span-inline-start;position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);pointer-events:var(--sbb-tooltip-pointer-events);z-index:var(--sbb-tooltip-z-index,var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);
|
|
13
|
+
var b = n`:host{--sbb-tooltip-pointer-events: all;--sbb-tooltip-min-width: var(--sbb-spacing-fixed-8x);--sbb-tooltip-max-width: min( 25rem, calc(100vw - var(--sbb-spacing-fixed-2x)) );--sbb-tooltip-border-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-border-radius: var(--sbb-border-radius-8x);--sbb-tooltip-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-4x);--sbb-tooltip-background-color: var(--sbb-background-color-1-inverted);--sbb-tooltip-color: var(--sbb-color-2-inverted);--sbb-tooltip-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-tooltip-animation-easing: ease-out;--sbb-tooltip-animation-translate: 0 var(--sbb-spacing-fixed-2x);--sbb-tooltip-gap: var(--sbb-spacing-fixed-2x);--sbb-overlay-position-area: block-start;--sbb-overlay-position-try-fallbacks: block-start span-inline-end, block-start span-inline-start, block-end, block-end span-inline-end, block-end span-inline-start;position-area:var(--sbb-overlay-position-area);position-try-fallbacks:var(--sbb-overlay-position-try-fallbacks);display:none;position:fixed;background-color:transparent;pointer-events:var(--sbb-tooltip-pointer-events);z-index:var(--sbb-tooltip-z-index, var(--sbb-overlay-default-z-index));animation-name:var(--sbb-tooltip-animation-name);animation-duration:var(--sbb-tooltip-animation-duration);animation-timing-function:var(--sbb-tooltip-animation-easing);border:none;inset:initial;padding:0;margin:0}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block;--sbb-tooltip-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-tooltip-animation-name: close;--sbb-tooltip-pointer-events: none}:host(:is([data-position~=block-end],[data-position~=bottom],[data-position^=end])){padding-block-start:var(--sbb-tooltip-gap)}:host(:is([data-position~=block-start],[data-position~=top],[data-position^=start])){padding-block-end:var(--sbb-tooltip-gap)}:host(:is([data-position~=inline-start],[data-position~=inline-end],[data-position~=left],[data-position~=right],[data-position$=" start"],[data-position$=" end"])){padding-inline:var(--sbb-tooltip-gap)}.sbb-tooltip{box-shadow:var(--sbb-box-shadow-level-5-soft);--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);border:var(--sbb-border-width-1x) solid var(--sbb-tooltip-border-color);border-radius:var(--sbb-tooltip-border-radius);padding:var(--sbb-tooltip-padding);color:var(--sbb-tooltip-color);background-color:var(--sbb-tooltip-background-color);min-width:var(--sbb-tooltip-min-width);max-width:var(--sbb-tooltip-max-width)}@keyframes open{0%{opacity:0;translate:var(--sbb-tooltip-animation-translate)}to{opacity:1;translate:0}}@keyframes close{0%{opacity:1;translate:0}to{opacity:0;translate:var(--sbb-tooltip-animation-translate)}}`, x = 500, S = c || l, C = /* @__PURE__ */ new WeakMap(), w = 0, T = (() => {
|
|
14
14
|
let n = f(o), c = [], l, T = [], E = [], D, O, k;
|
|
15
15
|
return class extends n {
|
|
16
16
|
static {
|
package/tooltip.js
CHANGED
package/tooltip.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./tooltip.component-
|
|
1
|
+
import { t as e } from "./tooltip.component-Bwp_yTA8.js";
|
|
2
2
|
export { e as SbbTooltipElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../train.component-
|
|
1
|
+
import { t as e } from "../../train.component-COPys5v7.js";
|
|
2
2
|
export { e as SbbTrainElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../train-blocked-passage.component-
|
|
1
|
+
import { t as e } from "../../train-blocked-passage.component-D3mbnoQ4.js";
|
|
2
2
|
export { e as SbbTrainBlockedPassageElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../train-blocked-passage.component-
|
|
1
|
+
import { t as e } from "../train-blocked-passage.component-D3mbnoQ4.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train-blocked-passage.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbTrainBlockedPassageElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../train-formation.component-
|
|
1
|
+
import { t as e } from "../../train-formation.component-DoNKUil3.js";
|
|
2
2
|
export { e as SbbTrainFormationElement };
|
package/train/train-formation.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../train-formation.component-
|
|
1
|
+
import { t as e } from "../train-formation.component-DoNKUil3.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train-formation.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbTrainFormationElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../train-wagon.component-
|
|
1
|
+
import { t as e } from "../../train-wagon.component-CLrqgGwH.js";
|
|
2
2
|
export { e as SbbTrainWagonElement };
|
package/train/train-wagon.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../train-wagon.component-
|
|
1
|
+
import { t as e } from "../train-wagon.component-CLrqgGwH.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train-wagon.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbTrainWagonElement };
|
package/train/train.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../train.component-
|
|
1
|
+
import { t as e } from "../train.component-COPys5v7.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/train/train.js' has been deprecated.\nUse either '@sbb-esta/elements/train.js' or '@sbb-esta/elements/train.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbTrainElement };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { css as e, html as t } from "lit";
|
|
2
|
+
import { SbbElement as n } from "./core/base-elements.js";
|
|
3
|
+
import { boxSizingStyles as r } from "./core/styles.js";
|
|
4
|
+
//#region src/elements/train/train-blocked-passage/train-blocked-passage.scss?lit&inline
|
|
5
|
+
var i = e`:host{display:block;--sbb-train-blocked-passage-height: var(--sbb-train-formation-wagon-height);--sbb-train-blocked-passage-background-color: var(--sbb-color-error);--sbb-train-blocked-passage-bar-color: var(--sbb-color-white);--sbb-train-blocked-passage-icon-dimension: 1rem;--sbb-train-blocked-passage-icon-bar-width: .625rem;--sbb-train-blocked-passage-icon-bar-height: .25rem;--sbb-train-blocked-passage-icon-bar-border-radius: .0625rem}@media(forced-colors:active){:host{--sbb-train-blocked-passage-background-color: CanvasText;--sbb-train-blocked-passage-bar-color: Canvas}}.sbb-train-blocked-passage:before{content:"";display:var(--sbb-train-formation-wagon-label-display, block);height:calc(var(--sbb-text-font-size-xxs) * var(--sbb-typo-line-height-text))}.sbb-train-blocked-passage__wrapper{width:var(--sbb-train-blocked-passage-icon-dimension);display:flex;justify-content:center;flex-direction:column;height:var(--sbb-train-blocked-passage-height)}.sbb-train-blocked-passage__icon{width:100%;height:var(--sbb-train-blocked-passage-icon-dimension);border-radius:50%;background-color:var(--sbb-train-blocked-passage-background-color);position:relative;flex-direction:column;display:flex;align-items:center}.sbb-train-blocked-passage__icon:before{content:"";width:var(--sbb-train-blocked-passage-icon-bar-width);height:var(--sbb-train-blocked-passage-icon-bar-height);border-radius:var(--sbb-train-blocked-passage-icon-bar-border-radius);background-color:var(--sbb-train-blocked-passage-bar-color);margin:auto 0}`, a = class extends n {
|
|
6
|
+
static {
|
|
7
|
+
this.elementName = "sbb-train-blocked-passage";
|
|
8
|
+
}
|
|
9
|
+
static {
|
|
10
|
+
this.styles = [r, i];
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return t`
|
|
14
|
+
<span class="sbb-train-blocked-passage">
|
|
15
|
+
<span class="sbb-train-blocked-passage__wrapper">
|
|
16
|
+
<span class="sbb-train-blocked-passage__icon"></span>
|
|
17
|
+
</span>
|
|
18
|
+
</span>
|
|
19
|
+
`;
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
//#endregion
|
|
23
|
+
export { a as t };
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
|
+
import { css as n, html as r, nothing as i } from "lit";
|
|
3
|
+
import { property as a, state as o } from "lit/decorators.js";
|
|
4
|
+
import { SbbElement as s } from "./core/base-elements.js";
|
|
5
|
+
import { SbbNamedSlotListMixin as c } from "./core/mixins.js";
|
|
6
|
+
import { boxSizingStyles as l } from "./core/styles.js";
|
|
7
|
+
import { SbbLanguageController as u } from "./core/controllers.js";
|
|
8
|
+
import { i18nSector as d, i18nSectorShort as f, i18nTrains as p } from "./core/i18n.js";
|
|
9
|
+
import { styleMap as m } from "lit/directives/style-map.js";
|
|
10
|
+
//#region src/elements/train/train-formation/train-formation.scss?lit&inline
|
|
11
|
+
var h = n`:host{display:block;--sbb-train-formation-sector-line-color: var(--sbb-color-cement);--sbb-train-formation-sector-line-color: light-dark( var(--sbb-color-cement), var(--sbb-color-smoke) );--sbb-train-formation-sector-line-width: var(--sbb-border-width-1x);--sbb-train-formation-blocked-passage-width: 1rem;--sbb-train-formation-text-color: var(--sbb-color-3);--sbb-train-formation-vertical-gap: var(--sbb-spacing-fixed-2x)}@media(forced-colors:active){:host{--sbb-train-formation-sector-line-color: CanvasText}}.sbb-train-formation{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-train-formation::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-train-formation::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-train-formation::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-train-formation::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-train-formation::-webkit-scrollbar-button,.sbb-train-formation::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-train-formation{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-train-formation{display:grid;grid-template:"start sectors end" auto "start trains end" auto/auto 1fr auto;position:relative;overflow-x:auto;row-gap:calc(var(--sbb-train-formation-show-sectors-gap, 0) * var(--sbb-train-formation-vertical-gap));padding-block-end:var(--sbb-train-formation-vertical-gap);color:var(--sbb-train-formation-text-color)}.sbb-train-formation:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-train-formation:before,.sbb-train-formation:after{content:"";display:block;width:var(--sbb-train-formation-padding-inline)}.sbb-train-formation:before{grid-area:start}.sbb-train-formation:after{grid-area:end}.sbb-train-formation__sectors{display:flex;grid-area:sectors;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train-formation__sector{--_wagon-sum: var(--sbb-train-formation-wagon-count) * var(--sbb-train-formation-wagon-width);--_blocked-passage-sum: var(--sbb-train-formation-wagon-blocked-passage-count) * var(--sbb-train-formation-blocked-passage-width);--_total-count: calc( var(--sbb-train-formation-wagon-count) + var(--sbb-train-formation-wagon-blocked-passage-count) );--_gap-sum: calc((var(--_total-count) - 1) * var(--sbb-train-formation-wagon-gap));--_sector-width: calc(var(--_wagon-sum) + var(--_blocked-passage-sum) + var(--_gap-sum));--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);flex:0 0 var(--_sector-width);text-align:center;overflow-x:clip}.sbb-train-formation__sector-sticky-wrapper{position:sticky;inset:auto 0;padding:0 var(--sbb-spacing-fixed-1x);margin:0 var(--sbb-spacing-fixed-2x);overflow:hidden;white-space:nowrap}.sbb-train-formation__sector-sticky-wrapper:before,.sbb-train-formation__sector-sticky-wrapper:after{content:"";position:absolute;inset-block:calc(50% - var(--sbb-train-formation-sector-line-width) / 2);border-block-end:var(--sbb-train-formation-sector-line-width) solid var(--sbb-train-formation-sector-line-color);width:calc(.5 * var(--_sector-width))}.sbb-train-formation__sector-sticky-wrapper:before{inset-inline-end:100%}.sbb-train-formation__sector-sticky-wrapper:after{inset-inline-start:100%}.sbb-train-formation__trains{grid-area:trains}.sbb-train-formation__train-list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train-formation__train-list>:is(li,span){display:inline-flex}`, g = (() => {
|
|
12
|
+
let n = c(s), g, _ = [], v = [], y, b = [], x = [];
|
|
13
|
+
return class extends n {
|
|
14
|
+
static {
|
|
15
|
+
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
|
|
16
|
+
g = [a({ reflect: !0 })], y = [o()], e(this, null, g, {
|
|
17
|
+
kind: "accessor",
|
|
18
|
+
name: "view",
|
|
19
|
+
static: !1,
|
|
20
|
+
private: !1,
|
|
21
|
+
access: {
|
|
22
|
+
has: (e) => "view" in e,
|
|
23
|
+
get: (e) => e.view,
|
|
24
|
+
set: (e, t) => {
|
|
25
|
+
e.view = t;
|
|
26
|
+
}
|
|
27
|
+
},
|
|
28
|
+
metadata: t
|
|
29
|
+
}, _, v), e(this, null, y, {
|
|
30
|
+
kind: "accessor",
|
|
31
|
+
name: "_sectors",
|
|
32
|
+
static: !1,
|
|
33
|
+
private: !1,
|
|
34
|
+
access: {
|
|
35
|
+
has: (e) => "_sectors" in e,
|
|
36
|
+
get: (e) => e._sectors,
|
|
37
|
+
set: (e, t) => {
|
|
38
|
+
e._sectors = t;
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
metadata: t
|
|
42
|
+
}, b, x), t && Object.defineProperty(this, Symbol.metadata, {
|
|
43
|
+
enumerable: !0,
|
|
44
|
+
configurable: !0,
|
|
45
|
+
writable: !0,
|
|
46
|
+
value: t
|
|
47
|
+
});
|
|
48
|
+
}
|
|
49
|
+
static {
|
|
50
|
+
this.elementName = "sbb-train-formation";
|
|
51
|
+
}
|
|
52
|
+
static {
|
|
53
|
+
this.styles = [l, h];
|
|
54
|
+
}
|
|
55
|
+
#e;
|
|
56
|
+
get view() {
|
|
57
|
+
return this.#e;
|
|
58
|
+
}
|
|
59
|
+
set view(e) {
|
|
60
|
+
this.#e = e;
|
|
61
|
+
}
|
|
62
|
+
#t;
|
|
63
|
+
get _sectors() {
|
|
64
|
+
return this.#t;
|
|
65
|
+
}
|
|
66
|
+
set _sectors(e) {
|
|
67
|
+
this.#t = e;
|
|
68
|
+
}
|
|
69
|
+
constructor() {
|
|
70
|
+
super(), this.listChildLocalNames = ["sbb-train"], this.#e = t(this, _, "side"), this.#t = (t(this, v), t(this, b, [])), this._language = (t(this, x), new u(this)), this.addEventListener?.("trainslotchange", (e) => this._readSectors(e)), this.addEventListener?.("sectorchange", (e) => this._readSectors(e));
|
|
71
|
+
}
|
|
72
|
+
_readSectors(e) {
|
|
73
|
+
e?.stopPropagation(), this._sectors = Array.from(this.querySelectorAll?.("sbb-train-wagon,sbb-train-blocked-passage") ?? []).reduce((e, t) => {
|
|
74
|
+
let n = e[e.length - 1];
|
|
75
|
+
if (t.localName === "sbb-train-wagon") {
|
|
76
|
+
let r = t.sector ?? t.getAttribute("sector");
|
|
77
|
+
!n.label && r && (n.label = r), !r || n.label === r ? n.wagonCount++ : e.push({
|
|
78
|
+
label: r,
|
|
79
|
+
wagonCount: 1,
|
|
80
|
+
blockedPassageCount: 0
|
|
81
|
+
});
|
|
82
|
+
} else t.localName === "sbb-train-blocked-passage" && n.blockedPassageCount++;
|
|
83
|
+
return e;
|
|
84
|
+
}, [{
|
|
85
|
+
wagonCount: 0,
|
|
86
|
+
blockedPassageCount: 0
|
|
87
|
+
}]);
|
|
88
|
+
}
|
|
89
|
+
willUpdate(e) {
|
|
90
|
+
super.willUpdate(e), e.has("listChildren") && this._readSectors();
|
|
91
|
+
}
|
|
92
|
+
render() {
|
|
93
|
+
return r`
|
|
94
|
+
<div class="sbb-train-formation">
|
|
95
|
+
${this._sectors.length && this._sectors[0].label !== void 0 ? r`<div class="sbb-train-formation__sectors" aria-hidden="true">
|
|
96
|
+
${this._sectors.map((e) => r`<span
|
|
97
|
+
class="sbb-train-formation__sector"
|
|
98
|
+
style=${m({
|
|
99
|
+
"--sbb-train-formation-wagon-count": e.wagonCount,
|
|
100
|
+
"--sbb-train-formation-wagon-blocked-passage-count": e.blockedPassageCount
|
|
101
|
+
})}
|
|
102
|
+
>
|
|
103
|
+
<span class="sbb-train-formation__sector-sticky-wrapper">
|
|
104
|
+
${`${e.wagonCount === 1 && e.label ? f[this._language.current] : d[this._language.current]} ${e.label ? e.label : ""}`}
|
|
105
|
+
</span>
|
|
106
|
+
</span>`)}
|
|
107
|
+
</div>` : i}
|
|
108
|
+
|
|
109
|
+
<div class="sbb-train-formation__trains">
|
|
110
|
+
${this.renderList({
|
|
111
|
+
class: "sbb-train-formation__train-list",
|
|
112
|
+
ariaLabel: p[this._language.current]
|
|
113
|
+
})}
|
|
114
|
+
</div>
|
|
115
|
+
</div>
|
|
116
|
+
`;
|
|
117
|
+
}
|
|
118
|
+
};
|
|
119
|
+
})();
|
|
120
|
+
//#endregion
|
|
121
|
+
export { g as t };
|
|
@@ -12,7 +12,7 @@ import "./icon.js";
|
|
|
12
12
|
import "./timetable-occupancy-icon.js";
|
|
13
13
|
import { when as w } from "lit/directives/when.js";
|
|
14
14
|
//#region src/elements/train/train-wagon/train-wagon.scss?lit&inline
|
|
15
|
-
var T = n`:host{
|
|
15
|
+
var T = n`:host{display:block;--sbb-train-wagon-width: var(--sbb-train-formation-wagon-width);--sbb-train-wagon-height: var(--sbb-train-formation-wagon-height);--sbb-train-wagon-shape-color: var(--sbb-color-3);--sbb-train-wagon-main-icon-height: 1.25rem;--sbb-train-wagon-main-icon-margin-block-start: .625rem;--sbb-train-wagon-attribute-icon-gap: var(--sbb-spacing-fixed-1x);--sbb-train-wagon-attribute-icon-height: .875rem;--sbb-train-wagon-attribute-icon-color: var(--sbb-color-1);--sbb-train-wagon-occupancy-height: .75rem}@media(forced-colors:active){:host{--sbb-train-wagon-shape-color: CanvasText}}@media(forced-colors:active){:host([type=closed]){--sbb-train-wagon-shape-color: GrayText}}:host(:is([type=sleeping],[type=couchette])){--sbb-train-wagon-main-icon-margin-block-start: .390625rem}:host(:is([type=wagon],[type=restaurant],[type=sleeping],[type=couchette])){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-shape)}:host([type=closed]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-closed-shape)}:host([type=locomotive]){--sbb-train-wagon-shape: var(--sbb-train-wagon-locomotive-shape)}:host([type=wagon-end-left]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-left-shape)}:host([type=wagon-end-right]){--sbb-train-wagon-shape: var(--sbb-train-wagon-wagon-end-right-shape)}.sbb-train-wagon{display:flex;flex-direction:column;align-items:center;width:var(--sbb-train-wagon-width);gap:var(--sbb-train-formation-vertical-gap)}.sbb-train-wagon__compartment{list-style:none;margin:0;padding:0;font-size:inherit;display:grid;grid-template:"label label" auto "occupancy class" 1fr/1fr 1fr}.sbb-train-wagon__compartment:before{content:"";grid-column:occupancy/class;grid-row:occupancy;pointer-events:none;width:var(--sbb-train-wagon-width);height:var(--sbb-train-wagon-height);background-color:var(--sbb-train-wagon-shape-color);-webkit-mask-image:var(--sbb-train-wagon-shape);mask-image:var(--sbb-train-wagon-shape)}.sbb-train-wagon__main-icon{--sbb-icon-svg-height: var(--sbb-train-wagon-main-icon-height);grid-column:occupancy/class;grid-row:occupancy;margin-block-start:var(--sbb-train-wagon-main-icon-margin-block-start);justify-self:center}.sbb-train-wagon__label{--sbb-text-font-size: var(--sbb-text-font-size-xxs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);grid-area:label;text-align:center;display:var(--sbb-train-formation-wagon-label-display, inline-block);min-height:calc(1em * var(--sbb-typo-line-height-text))}.sbb-train-wagon__occupancy,.sbb-train-wagon__class{height:var(--sbb-train-wagon-height);display:flex;align-items:center;justify-content:center}.sbb-train-wagon__occupancy{--sbb-icon-svg-height: var(--sbb-train-wagon-occupancy-height);grid-area:occupancy}.sbb-train-wagon__class{--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));letter-spacing:var(--sbb-typo-letter-spacing-heading);font-size:var(--sbb-title-font-size);grid-area:class}.sbb-train-wagon__attribute-icon-list{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-icon-svg-height: var(--sbb-train-wagon-attribute-icon-height);display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sbb-train-wagon-attribute-icon-gap);color:var(--sbb-train-wagon-attribute-icon-color)}.sbb-train-wagon__attribute-icon-list>:is(li,span){display:inline-flex}.sbb-screen-reader-only{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, E = {
|
|
16
16
|
couchette: "sa-cc",
|
|
17
17
|
sleeping: "sa-wl",
|
|
18
18
|
restaurant: "sa-wr"
|
|
@@ -10,7 +10,7 @@ import { SbbLanguageController as f } from "./core/controllers.js";
|
|
|
10
10
|
import { i18nTrain as p, i18nWagonsLabel as m } from "./core/i18n.js";
|
|
11
11
|
import "./icon.js";
|
|
12
12
|
//#region src/elements/train/train/train.scss?lit&inline
|
|
13
|
-
var h = n`:host{
|
|
13
|
+
var h = n`:host{display:block;--sbb-train-direction-label-spacing: var(--sbb-spacing-fixed-1x)}.sbb-train{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size);display:flex;flex-direction:column;gap:var(--sbb-train-formation-vertical-gap);position:relative}.sbb-train:before{content:"";display:var(--sbb-train-formation-reserve-spacing-display, none);height:max(var(--sbb-size-icon-ui-small),1em * var(--sbb-typo-line-height-text))}.sbb-train__wagons{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;gap:var(--sbb-train-formation-wagon-gap)}.sbb-train__direction-heading{display:flex;position:absolute;width:100%}.sbb-train__direction-sticky-wrapper{position:sticky;inset-inline-start:0;display:inline-flex;align-items:center;gap:var(--sbb-train-direction-label-spacing);max-width:100%}.sbb-train__direction-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.sbb-train__direction-label-sr{border:0;clip-path:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}`, g = (() => {
|
|
14
14
|
let n = c(a), g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [], T, E = [], D = [], O, k = [], A = [];
|
|
15
15
|
return class extends n {
|
|
16
16
|
constructor() {
|
package/train.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { t as e } from "./train-blocked-passage.component-
|
|
2
|
-
import { t } from "./train-formation.component-
|
|
3
|
-
import { t as n } from "./train-wagon.component-
|
|
4
|
-
import { t as r } from "./train.component-
|
|
1
|
+
import { t as e } from "./train-blocked-passage.component-D3mbnoQ4.js";
|
|
2
|
+
import { t } from "./train-formation.component-DoNKUil3.js";
|
|
3
|
+
import { t as n } from "./train-wagon.component-CLrqgGwH.js";
|
|
4
|
+
import { t as r } from "./train.component-COPys5v7.js";
|
|
5
5
|
import "./train.pure.js";
|
|
6
6
|
r.define(), e.define(), t.define(), n.define();
|
|
7
7
|
//#endregion
|
package/train.pure.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { t as e } from "./train-blocked-passage.component-
|
|
2
|
-
import { t } from "./train-formation.component-
|
|
3
|
-
import { t as n } from "./train-wagon.component-
|
|
4
|
-
import { t as r } from "./train.component-
|
|
1
|
+
import { t as e } from "./train-blocked-passage.component-D3mbnoQ4.js";
|
|
2
|
+
import { t } from "./train-formation.component-DoNKUil3.js";
|
|
3
|
+
import { t as n } from "./train-wagon.component-CLrqgGwH.js";
|
|
4
|
+
import { t as r } from "./train.component-COPys5v7.js";
|
|
5
5
|
export { e as SbbTrainBlockedPassageElement, r as SbbTrainElement, t as SbbTrainFormationElement, n as SbbTrainWagonElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../visual-checkbox.component-
|
|
1
|
+
import { t as e } from "../visual-checkbox.component-CiAaB_Yc.js";
|
|
2
2
|
export { e as SbbVisualCheckboxElement };
|
|
@@ -7,7 +7,7 @@ import { isLean as c } from "./core/dom.js";
|
|
|
7
7
|
import { SbbDisabledMixin as l, SbbNegativeMixin as u } from "./core/mixins.js";
|
|
8
8
|
import { boxSizingStyles as d } from "./core/styles.js";
|
|
9
9
|
//#region src/elements/visual-checkbox/visual-checkbox.scss?lit&inline
|
|
10
|
-
var f = n`:host{width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor);outline:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);outline-offset:calc(-1 * var(--sbb-visual-checkbox-border-width))
|
|
10
|
+
var f = n`:host{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--sbb-visual-checkbox-dimension);height:var(--sbb-visual-checkbox-dimension);border-radius:var(--sbb-border-radius-2x);background-color:var(--sbb-visual-checkbox-background-color);cursor:var(--sbb-visual-checkbox-cursor);outline:var(--sbb-visual-checkbox-border-width) var(--sbb-visual-checkbox-border-style) var(--sbb-visual-checkbox-border-color);outline-offset:calc(-1 * var(--sbb-visual-checkbox-border-width))}:host([size=xs]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-xs)}:host([size=s]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-s)}:host([size=m]){--sbb-visual-checkbox-dimension: var(--sbb-checkbox-dimension-m)}:host([negative]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-negative);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-negative)}:host([disabled]){--sbb-visual-checkbox-background-color: var(--sbb-visual-checkbox-background-color-disabled);--sbb-visual-checkbox-border-style: var(--sbb-visual-checkbox-border-style-disabled);--sbb-visual-checkbox-cursor: var(--sbb-cursor-default);--sbb-visual-checkbox-border-color: var(--sbb-visual-checkbox-border-color-disabled);--sbb-visual-checkbox-selection-color: var(--sbb-visual-checkbox-selection-color-disabled)}:host([disabled][negative]){--sbb-visual-checkbox-background-color: var( --sbb-visual-checkbox-background-color-negative-disabled );--sbb-visual-checkbox-selection-color: var( --sbb-visual-checkbox-selection-color-disabled-negative )}@media(forced-colors:active){:host([indeterminate]){--sbb-visual-checkbox-selection-color: ButtonBorder}:host([indeterminate][disabled]){--sbb-visual-checkbox-selection-color: GrayText}:host([checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: Highlight;--sbb-visual-checkbox-border-width: 0}:host([disabled][checked]:not([indeterminate])){--sbb-visual-checkbox-background-color: GrayText}}path{stroke:var(--sbb-visual-checkbox-selection-color)}`, p = (() => {
|
|
11
11
|
let n = l(u(o)), p, m = [], h = [], g, _ = [], v = [], y, b = [], x = [];
|
|
12
12
|
return class extends n {
|
|
13
13
|
static {
|
package/visual-checkbox.js
CHANGED
package/visual-checkbox.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./visual-checkbox.component-
|
|
1
|
+
import { t as e } from "./visual-checkbox.component-CiAaB_Yc.js";
|
|
2
2
|
export { e as SbbVisualCheckboxElement };
|
|
@@ -1,158 +0,0 @@
|
|
|
1
|
-
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
|
-
import { css as n, html as r } from "lit";
|
|
3
|
-
import { property as i } from "lit/decorators.js";
|
|
4
|
-
import { SbbElement as a } from "./core/base-elements.js";
|
|
5
|
-
import { isLean as o } from "./core/dom.js";
|
|
6
|
-
import { boxSizingStyles as s } from "./core/styles.js";
|
|
7
|
-
//#region src/elements/action-group/action-group.scss?lit&inline
|
|
8
|
-
var c = n`:host{--sbb-action-group-gap:var(--sbb-spacing-fixed-4x);flex-direction:var(--sbb-action-group-orientation,row);align-items:var(--sbb-action-group-align-items,center);justify-content:var(--sbb-action-group-justify-content,start);gap:var(--sbb-action-group-gap);display:flex}:host([orientation=horizontal][align-group=start]){--sbb-action-group-justify-content:flex-start}:host([orientation=horizontal][align-group=center]){--sbb-action-group-justify-content:center}:host([orientation=horizontal][align-group=stretch]){--sbb-action-group-justify-content:space-between}:host([orientation=horizontal][align-group=end]){--sbb-action-group-justify-content:flex-end}:host([orientation=vertical]){--sbb-action-group-orientation:column;--sbb-action-group-gap:var(--sbb-spacing-fixed-2x)}:host([orientation=vertical][align-group=start]){--sbb-action-group-align-items:flex-start}:host([orientation=vertical][align-group=center]){--sbb-action-group-align-items:center}:host([orientation=vertical][align-group=stretch]){--sbb-action-group-align-items:stretch}:host([orientation=vertical][align-group=end]){--sbb-action-group-align-items:flex-end}@media (width>=0){:host([orientation=vertical][horizontal-from=zero][align-group=start]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:flex-start;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=center]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:center;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=stretch]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:space-between;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=zero][align-group=end]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:flex-end;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}}@media (width>=37.5rem){:host([orientation=vertical][horizontal-from=small][align-group=start]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:flex-start;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=center]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:center;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=stretch]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:space-between;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=small][align-group=end]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:flex-end;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}}@media (width>=64rem){:host([orientation=vertical][horizontal-from=large][align-group=start]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:flex-start;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=center]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:center;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=stretch]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:space-between;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=large][align-group=end]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:flex-end;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}}@media (width>=90rem){:host([orientation=vertical][horizontal-from=ultra][align-group=start]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:flex-start;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=center]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:center;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=stretch]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:space-between;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}:host([orientation=vertical][horizontal-from=ultra][align-group=end]){--sbb-action-group-orientation:row;--sbb-action-group-align-items:center;--sbb-action-group-justify-content:flex-end;--sbb-action-group-gap:var(--sbb-spacing-fixed-4x)}}::slotted([align-self=start]){margin-inline-end:auto}::slotted([align-self=center]){margin-inline:auto}::slotted([align-self=end]){margin-inline-start:auto}::slotted(:is(sbb-block-link,sbb-block-link-button,sbb-block-link-static)){white-space:nowrap}`, l = (() => {
|
|
9
|
-
let n = a, l, u = [], d = [], f, p = [], m = [], h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [];
|
|
10
|
-
return class extends n {
|
|
11
|
-
static {
|
|
12
|
-
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(n[Symbol.metadata] ?? null) : void 0;
|
|
13
|
-
l = [i({
|
|
14
|
-
attribute: "align-group",
|
|
15
|
-
reflect: !0
|
|
16
|
-
})], f = [i({
|
|
17
|
-
attribute: "horizontal-from",
|
|
18
|
-
reflect: !0
|
|
19
|
-
})], h = [i({ reflect: !0 })], v = [i({
|
|
20
|
-
attribute: "button-size",
|
|
21
|
-
reflect: !0
|
|
22
|
-
})], x = [i({
|
|
23
|
-
attribute: "link-size",
|
|
24
|
-
reflect: !0
|
|
25
|
-
})], e(this, null, l, {
|
|
26
|
-
kind: "accessor",
|
|
27
|
-
name: "alignGroup",
|
|
28
|
-
static: !1,
|
|
29
|
-
private: !1,
|
|
30
|
-
access: {
|
|
31
|
-
has: (e) => "alignGroup" in e,
|
|
32
|
-
get: (e) => e.alignGroup,
|
|
33
|
-
set: (e, t) => {
|
|
34
|
-
e.alignGroup = t;
|
|
35
|
-
}
|
|
36
|
-
},
|
|
37
|
-
metadata: t
|
|
38
|
-
}, u, d), e(this, null, f, {
|
|
39
|
-
kind: "accessor",
|
|
40
|
-
name: "horizontalFrom",
|
|
41
|
-
static: !1,
|
|
42
|
-
private: !1,
|
|
43
|
-
access: {
|
|
44
|
-
has: (e) => "horizontalFrom" in e,
|
|
45
|
-
get: (e) => e.horizontalFrom,
|
|
46
|
-
set: (e, t) => {
|
|
47
|
-
e.horizontalFrom = t;
|
|
48
|
-
}
|
|
49
|
-
},
|
|
50
|
-
metadata: t
|
|
51
|
-
}, p, m), e(this, null, h, {
|
|
52
|
-
kind: "accessor",
|
|
53
|
-
name: "orientation",
|
|
54
|
-
static: !1,
|
|
55
|
-
private: !1,
|
|
56
|
-
access: {
|
|
57
|
-
has: (e) => "orientation" in e,
|
|
58
|
-
get: (e) => e.orientation,
|
|
59
|
-
set: (e, t) => {
|
|
60
|
-
e.orientation = t;
|
|
61
|
-
}
|
|
62
|
-
},
|
|
63
|
-
metadata: t
|
|
64
|
-
}, g, _), e(this, null, v, {
|
|
65
|
-
kind: "accessor",
|
|
66
|
-
name: "buttonSize",
|
|
67
|
-
static: !1,
|
|
68
|
-
private: !1,
|
|
69
|
-
access: {
|
|
70
|
-
has: (e) => "buttonSize" in e,
|
|
71
|
-
get: (e) => e.buttonSize,
|
|
72
|
-
set: (e, t) => {
|
|
73
|
-
e.buttonSize = t;
|
|
74
|
-
}
|
|
75
|
-
},
|
|
76
|
-
metadata: t
|
|
77
|
-
}, y, b), e(this, null, x, {
|
|
78
|
-
kind: "accessor",
|
|
79
|
-
name: "linkSize",
|
|
80
|
-
static: !1,
|
|
81
|
-
private: !1,
|
|
82
|
-
access: {
|
|
83
|
-
has: (e) => "linkSize" in e,
|
|
84
|
-
get: (e) => e.linkSize,
|
|
85
|
-
set: (e, t) => {
|
|
86
|
-
e.linkSize = t;
|
|
87
|
-
}
|
|
88
|
-
},
|
|
89
|
-
metadata: t
|
|
90
|
-
}, S, C), t && Object.defineProperty(this, Symbol.metadata, {
|
|
91
|
-
enumerable: !0,
|
|
92
|
-
configurable: !0,
|
|
93
|
-
writable: !0,
|
|
94
|
-
value: t
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
static {
|
|
98
|
-
this.elementName = "sbb-action-group";
|
|
99
|
-
}
|
|
100
|
-
static {
|
|
101
|
-
this.styles = [s, c];
|
|
102
|
-
}
|
|
103
|
-
#e = t(this, u, "start");
|
|
104
|
-
get alignGroup() {
|
|
105
|
-
return this.#e;
|
|
106
|
-
}
|
|
107
|
-
set alignGroup(e) {
|
|
108
|
-
this.#e = e;
|
|
109
|
-
}
|
|
110
|
-
#t = (t(this, d), t(this, p, "large"));
|
|
111
|
-
get horizontalFrom() {
|
|
112
|
-
return this.#t;
|
|
113
|
-
}
|
|
114
|
-
set horizontalFrom(e) {
|
|
115
|
-
this.#t = e;
|
|
116
|
-
}
|
|
117
|
-
#n = (t(this, m), t(this, g, "horizontal"));
|
|
118
|
-
get orientation() {
|
|
119
|
-
return this.#n;
|
|
120
|
-
}
|
|
121
|
-
set orientation(e) {
|
|
122
|
-
this.#n = e;
|
|
123
|
-
}
|
|
124
|
-
#r = (t(this, _), t(this, y, o() ? "s" : "l"));
|
|
125
|
-
get buttonSize() {
|
|
126
|
-
return this.#r;
|
|
127
|
-
}
|
|
128
|
-
set buttonSize(e) {
|
|
129
|
-
this.#r = e;
|
|
130
|
-
}
|
|
131
|
-
#i = (t(this, b), t(this, S, o() ? "xs" : "m"));
|
|
132
|
-
get linkSize() {
|
|
133
|
-
return this.#i;
|
|
134
|
-
}
|
|
135
|
-
set linkSize(e) {
|
|
136
|
-
this.#i = e;
|
|
137
|
-
}
|
|
138
|
-
willUpdate(e) {
|
|
139
|
-
super.willUpdate(e), e.has("buttonSize") && this._syncButtons(), e.has("linkSize") && this._syncLinks();
|
|
140
|
-
}
|
|
141
|
-
_syncButtons() {
|
|
142
|
-
this.querySelectorAll?.(":is(:state(sbb-button),[state--sbb-button])").forEach((e) => e.size = this.buttonSize);
|
|
143
|
-
}
|
|
144
|
-
_syncLinks() {
|
|
145
|
-
this.querySelectorAll?.("sbb-block-link, sbb-block-link-button, sbb-block-link-static").forEach((e) => {
|
|
146
|
-
e.size = this.linkSize;
|
|
147
|
-
});
|
|
148
|
-
}
|
|
149
|
-
render() {
|
|
150
|
-
return r` <slot></slot> `;
|
|
151
|
-
}
|
|
152
|
-
constructor() {
|
|
153
|
-
super(...arguments), t(this, C);
|
|
154
|
-
}
|
|
155
|
-
};
|
|
156
|
-
})();
|
|
157
|
-
//#endregion
|
|
158
|
-
export { l as t };
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { n as e, t } from "./link-common-akQv_-UR.js";
|
|
2
|
-
import { __esDecorate as n, __runInitializers as r } from "tslib";
|
|
3
|
-
import { css as i } from "lit";
|
|
4
|
-
import { property as a } from "lit/decorators.js";
|
|
5
|
-
import { boxSizingStyles as o } from "./core/styles.js";
|
|
6
|
-
import { html as s } from "lit/static-html.js";
|
|
7
|
-
import { SbbIconNameMixin as c } from "./icon.js";
|
|
8
|
-
//#region src/elements/link/common/block-link.scss?lit&inline
|
|
9
|
-
var l = i`:host{--sbb-link-color-hover:var(--lightningcss-light,var(--sbb-color-primary125))var(--lightningcss-dark,var(--sbb-color-cloud));--sbb-link-color-active:var(--lightningcss-light,var(--sbb-color-primary150))var(--lightningcss-dark,var(--sbb-color-silver));--sbb-link-color-normal:var(--lightningcss-light,var(--sbb-color-granite))var(--lightningcss-dark,var(--sbb-color-white));display:block}:host([negative]){--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--sbb-link-color-normal:var(--sbb-color-1-negative);--sbb-link-color-hover:var(--sbb-color-4-negative);--sbb-link-color-active:var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal:var(--lightningcss-light,var(--sbb-color-black))var(--lightningcss-dark,var(--sbb-color-cement));--sbb-link-text-decoration-line:underline}:host(.sbb-active[negative]){--sbb-link-color-normal:var(--sbb-color-cement);--sbb-link-text-decoration-line:underline}:host([size=xs]){--sbb-block-link-font-size:var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-block-link-font-size:var(--sbb-text-font-size-s)}:host([size=m]){--sbb-block-link-font-size:var(--sbb-text-font-size-m)}.sbb-action-base{gap:var(--sbb-block-link-gap);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-block-link-font-size)}.sbb-link__icon{height:calc(var(--sbb-typo-line-height-text) * 1em);width:var(--sbb-block-link-icon-size);flex:none;align-self:start;position:relative}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, u = (i) => (() => {
|
|
10
|
-
let u = t(c(i)), d, f = [], p = [];
|
|
11
|
-
return class extends u {
|
|
12
|
-
static {
|
|
13
|
-
let e = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
|
|
14
|
-
d = [a({
|
|
15
|
-
attribute: "icon-placement",
|
|
16
|
-
reflect: !0
|
|
17
|
-
})], n(this, null, d, {
|
|
18
|
-
kind: "accessor",
|
|
19
|
-
name: "iconPlacement",
|
|
20
|
-
static: !1,
|
|
21
|
-
private: !1,
|
|
22
|
-
access: {
|
|
23
|
-
has: (e) => "iconPlacement" in e,
|
|
24
|
-
get: (e) => e.iconPlacement,
|
|
25
|
-
set: (e, t) => {
|
|
26
|
-
e.iconPlacement = t;
|
|
27
|
-
}
|
|
28
|
-
},
|
|
29
|
-
metadata: e
|
|
30
|
-
}, f, p), e && Object.defineProperty(this, Symbol.metadata, {
|
|
31
|
-
enumerable: !0,
|
|
32
|
-
configurable: !0,
|
|
33
|
-
writable: !0,
|
|
34
|
-
value: e
|
|
35
|
-
});
|
|
36
|
-
}
|
|
37
|
-
static {
|
|
38
|
-
this.styles = [
|
|
39
|
-
o,
|
|
40
|
-
e,
|
|
41
|
-
l
|
|
42
|
-
];
|
|
43
|
-
}
|
|
44
|
-
#e = r(this, f, "start");
|
|
45
|
-
get iconPlacement() {
|
|
46
|
-
return this.#e;
|
|
47
|
-
}
|
|
48
|
-
set iconPlacement(e) {
|
|
49
|
-
this.#e = e;
|
|
50
|
-
}
|
|
51
|
-
renderTemplate() {
|
|
52
|
-
return s`
|
|
53
|
-
<span class="sbb-link__icon"> ${super.renderIconSlot()} </span>
|
|
54
|
-
<slot></slot>
|
|
55
|
-
`;
|
|
56
|
-
}
|
|
57
|
-
constructor() {
|
|
58
|
-
super(...arguments), r(this, p);
|
|
59
|
-
}
|
|
60
|
-
};
|
|
61
|
-
})();
|
|
62
|
-
//#endregion
|
|
63
|
-
export { u as t };
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { css as e } from "lit";
|
|
2
|
-
import { SbbLinkBaseElement as t } from "./core/base-elements.js";
|
|
3
|
-
import { boxSizingStyles as n } from "./core/styles.js";
|
|
4
|
-
import { html as r } from "lit/static-html.js";
|
|
5
|
-
import { SbbIconNameMixin as i } from "./icon.js";
|
|
6
|
-
//#region src/elements/breadcrumb/breadcrumb/breadcrumb.scss?lit&inline
|
|
7
|
-
var a = e`:host{display:flex}@media (any-hover:hover){:host(:hover){--sbb-breadcrumb-color:var(--sbb-breadcrumb-color-hover)}}:host(:is(:active,:is(:state(active),[state--active]))){--sbb-breadcrumb-color:var(--sbb-breadcrumb-color-active)}.sbb-breadcrumb{--sbb-link-text-decoration-line:none;color:var(--sbb-link-color-normal);-webkit-text-decoration-line:var(--sbb-link-text-decoration-line,underline);text-decoration-line:var(--sbb-link-text-decoration-line,underline);text-underline-offset:.3125em;text-decoration-thickness:.0625rem}@media (forced-colors:active){.sbb-breadcrumb{text-decoration:underline}}.sbb-breadcrumb{cursor:var(--sbb-cursor-pointer);gap:var(--sbb-breadcrumb-gap);color:var(--sbb-breadcrumb-color);font-size:var(--sbb-breadcrumb-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);outline:none;align-items:center;display:flex;overflow:hidden}.sbb-breadcrumb:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style,solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-border-radius-2x)}.sbb-breadcrumb__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-breadcrumb__label{display:none}slot[name=icon] .sbb-breadcrumb__icon,slot[name=icon] ::slotted(*){flex-shrink:0}`, o = class extends i(t) {
|
|
8
|
-
static {
|
|
9
|
-
this.elementName = "sbb-breadcrumb";
|
|
10
|
-
}
|
|
11
|
-
static {
|
|
12
|
-
this.styles = [n, a];
|
|
13
|
-
}
|
|
14
|
-
renderTemplate() {
|
|
15
|
-
return r`
|
|
16
|
-
${this.renderIconSlot("sbb-breadcrumb__icon")}
|
|
17
|
-
<span class="sbb-breadcrumb__label">
|
|
18
|
-
<slot></slot>
|
|
19
|
-
</span>
|
|
20
|
-
`;
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
//#endregion
|
|
24
|
-
export { o as t };
|