@sbb-esta/lyne-elements 4.8.1 → 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/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 +83 -0
- 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.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/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 +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-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-CiOGSWOz.js → popover.component-H1g1e1o9.js} +2 -2
- 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-DCJdrVsB.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
|
@@ -15,7 +15,7 @@ import { SbbFocusTrapController as T, getNextElementIndex as E, interactivityChe
|
|
|
15
15
|
import { i18nGoBack as k } from "./core/i18n/i18n.js";
|
|
16
16
|
import { SbbMenuButtonElement as A } from "./menu/menu-button/menu-button.component.js";
|
|
17
17
|
//#region src/elements/menu/menu/menu.scss?lit&inline
|
|
18
|
-
var j = n`:host{
|
|
18
|
+
var j = n`:host{display:contents;--sbb-menu-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--_sbb-menu-inset: 0 auto auto 0;--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-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color: transparent}@media(min-width:64rem){:host{--sbb-menu-back-button-display: none}}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-visibility: visible;--sbb-menu-backdrop-color: color-mix(in srgb, var(--sbb-color-black) 20%, transparent)}@media(min-width:64rem){:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-menu-backdrop-color: transparent}}:host(:not(:is(:state(nested),[state--nested]))){--sbb-menu-back-button-display: none}:host(:not(:is(:state(state-closed),[state--state-closed]))){--_sbb-menu-inset: 0}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent)}@media(max-width:63.9375rem){:host(:is(:state(skip-animation),[state--skip-animation])){--sbb-menu-animation-duration: 0ms}:host(:is(:state(nested-child),[state--nested-child])){--sbb-menu-transform-x: -100%}:host(:is(:state(nested),[state--nested]):is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-menu-open-animation-name: open-sideways}:host(:is(:state(state-closing),[state--state-closing]):is(:state(nested),[state--nested]):not(:is(:state(close-all),[state--close-all]))){--sbb-menu-close-animation-name: close-sideways}}::slotted(:not(sbb-menu-button,sbb-menu-link,sbb-divider)){display:block;padding-inline:var(--sbb-spacing-fixed-5x)}sbb-divider,::slotted(sbb-divider){--sbb-divider-color: var(--sbb-background-color-4-inverted);margin-block:var(--sbb-spacing-fixed-2x)}sbb-divider,#sbb-menu__back-button{display:var(--sbb-menu-back-button-display, block)}.sbb-menu__container{position:fixed;pointer-events:none;inset:var(--_sbb-menu-inset);height:var(--sbb-menu-container-height);z-index:var(--sbb-menu-z-index, var(--sbb-overlay-default-z-index))}.sbb-menu__container:before{content:"";visibility:var(--sbb-menu-visibility, hidden);pointer-events:all;position:fixed;inset:var(--_sbb-menu-inset);height:var(--sbb-menu-container-height);background-color:var(--sbb-menu-backdrop-color, transparent);transition-duration:var(--sbb-menu-animation-duration);transition-timing-function:var(--sbb-menu-animation-easing);transition-property:background-color,visibility}:host(:is(:state(nested),[state--nested])) .sbb-menu__container:before{display:none}.sbb-menu{display:none;opacity:0;pointer-events:none;max-width:var(--sbb-menu-max-width);min-width:var(--sbb-menu-min-width);text-align:start;position:absolute;inset-inline-start:0;inset-block-start:unset;inset-block-end:0;inset-inline-end:unset;color:var(--sbb-menu-color);border:none;border-radius:var(--sbb-menu-border-radius) var(--sbb-menu-border-radius) 0 0;background-color:var(--sbb-menu-background-color);padding:0;overflow:hidden;translate:var(--sbb-menu-transform-x, 0) 0;transition:translate var(--sbb-menu-animation-duration)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-menu{display:block;opacity:1;pointer-events:all;animation-name:var(--sbb-menu-open-animation-name, open);animation-duration:var(--sbb-menu-animation-duration);animation-timing-function:var(--sbb-menu-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-menu{pointer-events:none;animation-name:var(--sbb-menu-close-animation-name, close)}@media(forced-colors:active){.sbb-menu{outline:var(--sbb-border-width-1x) solid CanvasText}}@media(min-width:64rem){.sbb-menu{top:0;bottom:unset;left:0;right:unset;max-height:fit-content;border-radius:var(--sbb-menu-border-radius)}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu{top:var(--sbb-menu-position-y, 0);left:var(--sbb-menu-position-x, 0);max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}}.sbb-menu__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-menu__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-menu__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-menu__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-menu__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-menu__content::-webkit-scrollbar-button,.sbb-menu__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-menu__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-menu__content{max-height:var(--sbb-menu-max-height);padding-block:var(--sbb-spacing-fixed-1x);overflow:auto;outline:none}.sbb-menu__content:after{content:"";display:block;height:var(--sbb-spacing-fixed-8x)}@media(min-width:64rem){.sbb-menu__content{max-height:fit-content}:host(:not(:is(:state(state-closed),[state--state-closed]))) .sbb-menu__content{max-height:var(--sbb-menu-max-height);min-height:var(--sbb-menu-min-height)}.sbb-menu__content:after{display:none}}::slotted(:is(:is(:state(sbb-link),[state--sbb-link]),:is(:state(sbb-button),[state--sbb-button]))){color-scheme:only light}@keyframes open{0%{opacity:0;translate:0 var(--sbb-menu-transform-y, 100%)}to{opacity:1;translate:0 0}}@keyframes close{0%{opacity:1;translate:0 0}to{opacity:0;translate:0 var(--sbb-menu-transform-y, 100%)}}@keyframes open-sideways{0%{translate:100% 0}to{translate:0 0}}@keyframes close-sideways{0%{translate:0 0}to{translate:100% 0}}`;
|
|
19
19
|
//#endregion
|
|
20
20
|
//#region src/elements/menu/menu/menu.component.ts
|
|
21
21
|
A.define();
|
package/menu.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { t as e } from "./menu-action-common-
|
|
1
|
+
import { t as e } from "./menu-action-common-Br3mThg1.js";
|
|
2
2
|
import { SbbMenuButtonElement as t } from "./menu/menu-button/menu-button.component.js";
|
|
3
3
|
import { SbbMenuLinkElement as n } from "./menu/menu-link/menu-link.component.js";
|
|
4
|
-
import { t as r } from "./menu.component-
|
|
4
|
+
import { t as r } from "./menu.component-D5u2hL8X.js";
|
|
5
5
|
import "./menu.pure.js";
|
|
6
6
|
r.define(), t.define(), n.define();
|
|
7
7
|
//#endregion
|
package/menu.pure.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { t as e } from "./menu-action-common-
|
|
1
|
+
import { t as e } from "./menu-action-common-Br3mThg1.js";
|
|
2
2
|
import { SbbMenuButtonElement as t } from "./menu/menu-button/menu-button.component.js";
|
|
3
3
|
import { SbbMenuLinkElement as n } from "./menu/menu-link/menu-link.component.js";
|
|
4
|
-
import { t as r } from "./menu.component-
|
|
4
|
+
import { t as r } from "./menu.component-D5u2hL8X.js";
|
|
5
5
|
export { e as SbbMenuActionCommonElementMixin, t as SbbMenuButtonElement, r as SbbMenuElement, n as SbbMenuLinkElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../message.component-
|
|
1
|
+
import { t as e } from "../message.component-CnIfjJj8.js";
|
|
2
2
|
export { e as SbbMessageElement };
|
|
@@ -2,7 +2,7 @@ import { css as e, html as t } from "lit";
|
|
|
2
2
|
import { SbbElement as n } from "./core/base-elements.js";
|
|
3
3
|
import { boxSizingStyles as r } from "./core/styles.js";
|
|
4
4
|
//#region src/elements/message/message.scss?lit&inline
|
|
5
|
-
var i = e`:host{text-align:center
|
|
5
|
+
var i = e`:host{display:block;text-align:center}::slotted(sbb-title[slot=title]){margin:0}::slotted([slot=image]){display:block;margin-inline:auto!important;margin-block:var(--sbb-message-image-margin-block)!important;width:100%}::slotted([slot=subtitle]){color:var(--sbb-message-subtitle-color);font-size:var(--sbb-text-font-size-s);letter-spacing:var(--sbb-typo-letter-spacing-text);margin:0}::slotted([slot=legend]){--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);padding:0;color:var(--sbb-color-granite);color:light-dark(var(--sbb-color-granite),var(--sbb-color-cement));margin-block:var(--sbb-message-legend-margin-block)}::slotted([slot=action]){margin-block:var(--sbb-message-action-margin-block)}`, a = class extends n {
|
|
6
6
|
static {
|
|
7
7
|
this.elementName = "sbb-message";
|
|
8
8
|
}
|
package/message.js
CHANGED
package/message.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./message.component-
|
|
1
|
+
import { t as e } from "./message.component-CnIfjJj8.js";
|
|
2
2
|
export { e as SbbMessageElement };
|
|
@@ -7,7 +7,7 @@ import { isLean as s } from "./core/dom.js";
|
|
|
7
7
|
import { SbbNamedSlotListMixin as c, SbbNegativeMixin as l } from "./core/mixins.js";
|
|
8
8
|
import { boxSizingStyles as u } from "./core/styles.js";
|
|
9
9
|
//#region src/elements/button/mini-button-group/mini-button-group.scss?lit&inline
|
|
10
|
-
var d = n`:host{display:block}:host([negative]){--sbb-mini-button-group-background:var(--sbb-background-color-1-negative);--sbb-mini-button-group-border-color:var(--sbb-border-color-4-negative-inverted);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height:var(--sbb-size-element-xs);--sbb-mini-button-group-padding-inline:var(--sbb-spacing-fixed-2x)}:host([size=m]){--sbb-mini-button-group-min-height:var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline:var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-mini-button-group-min-height:var(--sbb-size-element-m)}:host([size=xl]){--sbb-mini-button-group-min-height:var(--sbb-size-element-l);--sbb-mini-button-group-padding-inline:var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-mini-button,sbb-mini-button-link,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width:var(--sbb-border-width-1x);padding:var(--sbb-mini-button-group-divider-padding);height:var(--sbb-mini-button-group-divider-height)}.sbb-mini-button-group{font-size:inherit;align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);border-radius:var(--sbb-mini-button-group-border-radius);padding
|
|
10
|
+
var d = n`:host{display:block}:host([negative]){--sbb-mini-button-group-background: var(--sbb-background-color-1-negative);--sbb-mini-button-group-border-color: var(--sbb-border-color-4-negative-inverted);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark)}:host([size=s]){--sbb-mini-button-group-min-height: var(--sbb-size-element-xs);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-2x)}:host([size=m]){--sbb-mini-button-group-min-height: var(--sbb-size-element-s);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-3x)}:host([size=l]){--sbb-mini-button-group-min-height: var(--sbb-size-element-m)}:host([size=xl]){--sbb-mini-button-group-min-height: var(--sbb-size-element-l);--sbb-mini-button-group-padding-inline: var(--sbb-spacing-fixed-4x)}::slotted(:is(sbb-mini-button,sbb-mini-button-link,sbb-divider)){display:flex}::slotted(sbb-divider){--sbb-divider-border-width: var(--sbb-border-width-1x);padding:var(--sbb-mini-button-group-divider-padding);height:var(--sbb-mini-button-group-divider-height)}.sbb-mini-button-group{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--sbb-mini-button-group-gap);width:fit-content;min-height:var(--sbb-mini-button-group-min-height);background-color:var(--sbb-mini-button-group-background);border:var(--sbb-mini-button-group-border-width) solid var(--sbb-mini-button-group-border-color);border-radius:var(--sbb-mini-button-group-border-radius);padding-inline:calc(var(--sbb-mini-button-group-padding-inline) - var(--sbb-mini-button-group-border-width))}`, f = (() => {
|
|
11
11
|
let n = l(c(a)), f, p = [], m = [], h, g = [], _ = [];
|
|
12
12
|
return class extends n {
|
|
13
13
|
static {
|
|
@@ -6,7 +6,7 @@ import { html as o } from "lit/static-html.js";
|
|
|
6
6
|
import { SbbIconNameMixin as s } from "./icon.js";
|
|
7
7
|
import { miniButtonLabelStyle as c, miniButtonStyle as l } from "./button/common.js";
|
|
8
8
|
//#region src/elements/button/mini-button-link/mini-button-link.scss?lit&inline
|
|
9
|
-
var u = e`@media
|
|
9
|
+
var u = e`@media(forced-colors:active){:host{--sbb-mini-button-color: LinkText !important}}`, d = class extends i(s(n(r(t)))) {
|
|
10
10
|
static {
|
|
11
11
|
this.elementName = "sbb-mini-button-link";
|
|
12
12
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../mini-calendar.component-
|
|
1
|
+
import { t as e } from "../../mini-calendar.component-CKR-WJWW.js";
|
|
2
2
|
export { e as SbbMiniCalendarElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../mini-calendar-day.component-
|
|
1
|
+
import { t as e } from "../../mini-calendar-day.component-CM1dgWp6.js";
|
|
2
2
|
export { e as SbbMiniCalendarDayElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../mini-calendar-day.component-
|
|
1
|
+
import { t as e } from "../mini-calendar-day.component-CM1dgWp6.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/mini-calendar/mini-calendar-day.js' has been deprecated.\nUse either '@sbb-esta/elements/mini-calendar.js' or '@sbb-esta/elements/mini-calendar.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbMiniCalendarDayElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../mini-calendar-month.component-
|
|
1
|
+
import { t as e } from "../../mini-calendar-month.component-DZ45IgFZ.js";
|
|
2
2
|
export { e as SbbMiniCalendarMonthElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../mini-calendar-month.component-
|
|
1
|
+
import { t as e } from "../mini-calendar-month.component-DZ45IgFZ.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/mini-calendar/mini-calendar-month.js' has been deprecated.\nUse either '@sbb-esta/elements/mini-calendar.js' or '@sbb-esta/elements/mini-calendar.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbMiniCalendarMonthElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../mini-calendar.component-
|
|
1
|
+
import { t as e } from "../mini-calendar.component-CKR-WJWW.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/mini-calendar/mini-calendar.js' has been deprecated.\nUse either '@sbb-esta/elements/mini-calendar.js' or '@sbb-esta/elements/mini-calendar.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbMiniCalendarElement };
|
|
@@ -7,7 +7,7 @@ import { readConfig as c } from "./core/config/config.js";
|
|
|
7
7
|
import "./core/datetime/date-adapter.js";
|
|
8
8
|
import { defaultDateAdapter as l } from "./core/datetime/native-date-adapter.js";
|
|
9
9
|
//#region src/elements/mini-calendar/mini-calendar-day/mini-calendar-day.scss?lit&inline
|
|
10
|
-
var u = n`:host{--sbb-mini-calendar-day-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));height:var(--sbb-mini-calendar-day-dimensions);width:var(--sbb-mini-calendar-day-dimensions);border-radius:var(--sbb-border-radius-infinity);color:var(--
|
|
10
|
+
var u = n`:host{--sbb-mini-calendar-day-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:block;height:var(--sbb-mini-calendar-day-dimensions);width:var(--sbb-mini-calendar-day-dimensions);margin:.0625rem;border-radius:var(--sbb-border-radius-infinity);color:var(--sbb-color-storm);color:light-dark(var(--sbb-color-storm),var(--sbb-color-smoke));background-color:currentcolor}@media(any-hover:hover){:host(:hover){scale:var(--sbb-mini-calendar-day-scale);transition:scale var(--sbb-mini-calendar-day-animation-easing) var(--sbb-mini-calendar-day-animation-duration)}}:host(: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);outline-offset:.125rem}:host([color=charcoal]){color:var(--sbb-background-color-2-inverted)}:host([color=cloud]){color:var(--sbb-background-color-4-inverted)}:host([color=orange]){color:var(--sbb-color-orange-light)}:host([color=red]){color:var(--sbb-color-error)}:host([color=sky]){color:var(--sbb-color-sky-light)}:host([marker=circle]){background-color:var(--sbb-color-1-inverted);border:.0625rem solid currentcolor}:host([marker=target]){background:radial-gradient(circle,currentcolor 0%,currentcolor 25%,var(--sbb-color-1-inverted) 25%,var(--sbb-color-1-inverted) 50%,currentcolor 50%,currentcolor 100%)}:host([marker=slash]){position:relative}:host([marker=slash]):before{content:"";position:absolute;inset:0;background-image:linear-gradient(-45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%)}:host([marker=cross]){position:relative}:host([marker=cross]):before{content:"";position:absolute;inset:0;background-image:linear-gradient(-45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%),linear-gradient(45deg,transparent 45%,var(--sbb-color-1-inverted) 45%,var(--sbb-color-1-inverted) 55%,transparent 55%)}`, d = (() => {
|
|
11
11
|
let n = a, d, f = [], p = [], m, h = [], g = [], _, v = [], y = [];
|
|
12
12
|
return class extends n {
|
|
13
13
|
static {
|
package/{mini-calendar-month.component-DTod_RRs.js → mini-calendar-month.component-DZ45IgFZ.js}
RENAMED
|
@@ -9,7 +9,7 @@ import { readConfig as l } from "./core/config/config.js";
|
|
|
9
9
|
import "./core/datetime/date-adapter.js";
|
|
10
10
|
import { defaultDateAdapter as u } from "./core/datetime/native-date-adapter.js";
|
|
11
11
|
//#region src/elements/mini-calendar/mini-calendar-month/mini-calendar-month.scss?lit&inline
|
|
12
|
-
var d = n`:host{display:inline-block}:host(:is(:state(show-year),[state--show-year])){--sbb-mini-calendar-month-visibilty-year:visible}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-mini-calendar-month-grid-auto-flow:row;--sbb-mini-calendar-month-height:3rem;--sbb-mini-calendar-month-grid-template-rows:none;--sbb-mini-calendar-month-grid-template-columns:repeat(7, 1fr)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) ::slotted(sbb-mini-calendar-day:first-child){grid-column-start:var(--sbb-mini-calendar-month-offset)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){--sbb-mini-calendar-month-grid-auto-flow:column;--sbb-mini-calendar-month-height:auto;--sbb-mini-calendar-month-grid-template-rows:repeat(7, 1fr);--sbb-mini-calendar-month-grid-template-columns:none}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) ::slotted(sbb-mini-calendar-day:first-child){grid-row-start:var(--sbb-mini-calendar-month-offset)}.sbb-mini-calendar-month-wrapper{height:var(--sbb-mini-calendar-month-height);grid-auto-flow:var(--sbb-mini-calendar-month-grid-auto-flow);grid-auto-rows:.5rem;grid-template-columns:var(--sbb-mini-calendar-month-grid-template-columns);grid-template-rows:var(--sbb-mini-calendar-month-grid-template-rows)
|
|
12
|
+
var d = n`:host{display:inline-block}:host(:is(:state(show-year),[state--show-year])){--sbb-mini-calendar-month-visibilty-year: visible}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])){--sbb-mini-calendar-month-grid-auto-flow: row;--sbb-mini-calendar-month-height: 3rem;--sbb-mini-calendar-month-grid-template-rows: none;--sbb-mini-calendar-month-grid-template-columns: repeat(7, 1fr)}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) ::slotted(sbb-mini-calendar-day:first-child){grid-column-start:var(--sbb-mini-calendar-month-offset)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){--sbb-mini-calendar-month-grid-auto-flow: column;--sbb-mini-calendar-month-height: auto;--sbb-mini-calendar-month-grid-template-rows: repeat(7, 1fr);--sbb-mini-calendar-month-grid-template-columns: none}:host(:is(:state(orientation-vertical),[state--orientation-vertical])) ::slotted(sbb-mini-calendar-day:first-child){grid-row-start:var(--sbb-mini-calendar-month-offset)}.sbb-mini-calendar-month-wrapper{display:grid;height:var(--sbb-mini-calendar-month-height);grid-auto-flow:var(--sbb-mini-calendar-month-grid-auto-flow);grid-auto-rows:.5rem;grid-template-columns:var(--sbb-mini-calendar-month-grid-template-columns);grid-template-rows:var(--sbb-mini-calendar-month-grid-template-rows)}.sbb-mini-calendar-month-label-year,.sbb-mini-calendar-month-label-month{font-size:var(--sbb-text-font-size-xxs);letter-spacing:var(--sbb-typo-letter-spacing-text);color:var(--sbb-mini-calendar-month-label-color)}.sbb-mini-calendar-month-label-year{visibility:var(--sbb-mini-calendar-month-visibilty-year)}`, f = (() => {
|
|
13
13
|
let n = a, f, p = [], m = [];
|
|
14
14
|
return class extends n {
|
|
15
15
|
static {
|
|
@@ -8,7 +8,7 @@ import { MutationController as c } from "@lit-labs/observers/mutation-controller
|
|
|
8
8
|
import { readConfig as l } from "./core/config/config.js";
|
|
9
9
|
import { defaultDateAdapter as u } from "./core/datetime/native-date-adapter.js";
|
|
10
10
|
//#region src/elements/mini-calendar/mini-calendar/mini-calendar.scss?lit&inline
|
|
11
|
-
var d = n`:host{gap:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-1x)
|
|
11
|
+
var d = n`:host{display:flex;flex-wrap:wrap;gap:var(--sbb-spacing-fixed-2x) var(--sbb-spacing-fixed-1x)}`, f = (() => {
|
|
12
12
|
let n = a, f, p = [], m = [];
|
|
13
13
|
return class extends n {
|
|
14
14
|
static {
|
package/mini-calendar.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { t as e } from "./mini-calendar-day.component-
|
|
2
|
-
import { t } from "./mini-calendar-month.component-
|
|
3
|
-
import { t as n } from "./mini-calendar.component-
|
|
1
|
+
import { t as e } from "./mini-calendar-day.component-CM1dgWp6.js";
|
|
2
|
+
import { t } from "./mini-calendar-month.component-DZ45IgFZ.js";
|
|
3
|
+
import { t as n } from "./mini-calendar.component-CKR-WJWW.js";
|
|
4
4
|
import "./mini-calendar.pure.js";
|
|
5
5
|
n.define(), e.define(), t.define();
|
|
6
6
|
//#endregion
|
package/mini-calendar.pure.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./mini-calendar-day.component-
|
|
2
|
-
import { t } from "./mini-calendar-month.component-
|
|
3
|
-
import { t as n } from "./mini-calendar.component-
|
|
1
|
+
import { t as e } from "./mini-calendar-day.component-CM1dgWp6.js";
|
|
2
|
+
import { t } from "./mini-calendar-month.component-DZ45IgFZ.js";
|
|
3
|
+
import { t as n } from "./mini-calendar.component-CKR-WJWW.js";
|
|
4
4
|
export { e as SbbMiniCalendarDayElement, n as SbbMiniCalendarElement, t as SbbMiniCalendarMonthElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../navigation-action-common-
|
|
1
|
+
import { t as e } from "../../navigation-action-common-Cme_2GEs.js";
|
|
2
2
|
export { e as SbbNavigationActionCommonElementMixin };
|
package/navigation/common.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../navigation-action-common-
|
|
1
|
+
import { t as e } from "../navigation-action-common-Cme_2GEs.js";
|
|
2
2
|
//#region src/elements/navigation/common.ts
|
|
3
3
|
console.warn("The entrypoint '@sbb-esta/elements/navigation/common.js' has been deprecated.\nUse either '@sbb-esta/elements/navigation.js' or '@sbb-esta/elements/navigation.pure.js' instead.");
|
|
4
4
|
//#endregion
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../navigation.component-
|
|
1
|
+
import { t as e } from "../../navigation.component-BAgxKoOU.js";
|
|
2
2
|
export { e as SbbNavigationElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../navigation-list.component-
|
|
1
|
+
import { t as e } from "../../navigation-list.component-DiyAt5hV.js";
|
|
2
2
|
export { e as SbbNavigationListElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../navigation-list.component-
|
|
1
|
+
import { t as e } from "../navigation-list.component-DiyAt5hV.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/navigation/navigation-list.js' has been deprecated.\nUse either '@sbb-esta/elements/navigation.js' or '@sbb-esta/elements/navigation.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbNavigationListElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../navigation-marker.component-
|
|
1
|
+
import { t as e } from "../../navigation-marker.component-D_U3Nd-_.js";
|
|
2
2
|
export { e as SbbNavigationMarkerElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../navigation-marker.component-
|
|
1
|
+
import { t as e } from "../navigation-marker.component-D_U3Nd-_.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/navigation/navigation-marker.js' has been deprecated.\nUse either '@sbb-esta/elements/navigation.js' or '@sbb-esta/elements/navigation.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbNavigationMarkerElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../navigation-section.component-
|
|
1
|
+
import { t as e } from "../../navigation-section.component-DqFRimuS.js";
|
|
2
2
|
export { e as SbbNavigationSectionElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../navigation-section.component-
|
|
1
|
+
import { t as e } from "../navigation-section.component-DqFRimuS.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/navigation/navigation-section.js' has been deprecated.\nUse either '@sbb-esta/elements/navigation.js' or '@sbb-esta/elements/navigation.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbNavigationSectionElement };
|
package/navigation/navigation.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../navigation.component-
|
|
1
|
+
import { t as e } from "../navigation.component-BAgxKoOU.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/navigation/navigation.js' has been deprecated.\nUse either '@sbb-esta/elements/navigation.js' or '@sbb-esta/elements/navigation.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbNavigationElement };
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
import { __esDecorate as e, __runInitializers as t } from "tslib";
|
|
2
|
+
import { css as n } from "lit";
|
|
3
|
+
import { property as r } from "lit/decorators.js";
|
|
4
|
+
import { isLean as i } from "./core/dom.js";
|
|
5
|
+
import { boxSizingStyles as a } from "./core/styles.js";
|
|
6
|
+
import { html as o } from "lit/static-html.js";
|
|
7
|
+
import "./icon.js";
|
|
8
|
+
//#region src/elements/navigation/common/navigation-action.scss?lit&inline
|
|
9
|
+
var s = n`:host{--sbb-navigation-action-color: var(--sbb-color-4-negative);--sbb-navigation-action-icon-display: none;display:block;outline:none!important}:host(:is(:state(section-action),[state--section-action]):is(:state(action-active),[state--action-active]).sbb-active){--sbb-navigation-action-icon-display: block}:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: var(--sbb-color-5)}@media(forced-colors:active){:host(:is(:state(action-active),[state--action-active])){--sbb-navigation-action-color: Highlight}}sbb-icon{display:var(--sbb-navigation-action-icon-display);position:absolute;inset-inline-start:calc((var(--sbb-size-icon-ui-small) + var(--sbb-spacing-fixed-1x)) * -1);inset-block-start:calc(1em * var(--sbb-typo-line-height-text) / 2);translate:0 -50%}@media(any-hover:hover){:host(:hover){--sbb-navigation-action-color: var(--sbb-color-5)}}@media(forced-colors:active){:host(:is(:state(button),[state--button])){--sbb-navigation-action-color: ButtonText}}:is(.sbb-navigation-button,.sbb-navigation-link){--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));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);cursor:var(--sbb-cursor-pointer);position:relative;text-decoration:none;display:flex;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:color var(--sbb-disable-animation-duration, var(--sbb-animation-duration-3x)) ease;-webkit-hyphens:auto;hyphens:auto;text-align:left;color:var(--sbb-navigation-action-color);outline:none}@media(forced-colors:active){:is(.sbb-navigation-button,.sbb-navigation-link){transition:none}}:host([size=m]) :is(.sbb-navigation-button,.sbb-navigation-link){--sbb-text-font-size: var(--sbb-text-font-size-s);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);font-weight:700}:host([size=s]) :is(.sbb-navigation-button,.sbb-navigation-link){--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);font-weight:700}:host(:focus-visible) :is(.sbb-navigation-button,.sbb-navigation-link),:is(.sbb-navigation-button,.sbb-navigation-link):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:calc(var(--sbb-border-radius-4x) - var(--sbb-focus-outline-offset))}`, c = (n) => (() => {
|
|
10
|
+
let c = n, l, u = [], d = [];
|
|
11
|
+
return class extends c {
|
|
12
|
+
static {
|
|
13
|
+
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(c[Symbol.metadata] ?? null) : void 0;
|
|
14
|
+
l = [r({ reflect: !0 })], e(this, null, l, {
|
|
15
|
+
kind: "accessor",
|
|
16
|
+
name: "size",
|
|
17
|
+
static: !1,
|
|
18
|
+
private: !1,
|
|
19
|
+
access: {
|
|
20
|
+
has: (e) => "size" in e,
|
|
21
|
+
get: (e) => e.size,
|
|
22
|
+
set: (e, t) => {
|
|
23
|
+
e.size = t;
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
metadata: t
|
|
27
|
+
}, u, d), t && Object.defineProperty(this, Symbol.metadata, {
|
|
28
|
+
enumerable: !0,
|
|
29
|
+
configurable: !0,
|
|
30
|
+
writable: !0,
|
|
31
|
+
value: t
|
|
32
|
+
});
|
|
33
|
+
}
|
|
34
|
+
static {
|
|
35
|
+
this.styles = [a, s];
|
|
36
|
+
}
|
|
37
|
+
#e;
|
|
38
|
+
get size() {
|
|
39
|
+
return this.#e;
|
|
40
|
+
}
|
|
41
|
+
set size(e) {
|
|
42
|
+
this.#e = e;
|
|
43
|
+
}
|
|
44
|
+
get marker() {
|
|
45
|
+
return this._navigationMarker;
|
|
46
|
+
}
|
|
47
|
+
get section() {
|
|
48
|
+
return this._navigationSection;
|
|
49
|
+
}
|
|
50
|
+
constructor(...e) {
|
|
51
|
+
super(...e), this.#e = t(this, u, i() ? "s" : "l"), this.connectedSection = t(this, d), this._navigationMarker = null, this._navigationSection = null, this.addEventListener?.("click", () => {
|
|
52
|
+
!this.matches(":is(:state(action-active),[state--action-active])") && this._navigationMarker && !this.connectedSection && this.marker?.select(this);
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
connectedCallback() {
|
|
56
|
+
super.connectedCallback(), this._navigationMarker = this.closest("sbb-navigation-marker"), this._navigationSection = this.closest("sbb-navigation-section"), this.toggleState("section-action", !!this._navigationSection);
|
|
57
|
+
}
|
|
58
|
+
renderTemplate() {
|
|
59
|
+
return o`<sbb-icon name="dash-small"></sbb-icon> <slot></slot>`;
|
|
60
|
+
}
|
|
61
|
+
};
|
|
62
|
+
})();
|
|
63
|
+
//#endregion
|
|
64
|
+
export { c as t };
|
|
@@ -7,7 +7,7 @@ import { isLean as c } from "./core/dom.js";
|
|
|
7
7
|
import { SbbNamedSlotListMixin as l } from "./core/mixins.js";
|
|
8
8
|
import { boxSizingStyles as u } from "./core/styles.js";
|
|
9
9
|
//#region src/elements/navigation/navigation-list/navigation-list.scss?lit&inline
|
|
10
|
-
var d = n`:host{display:block}.sbb-navigation-list__content{font-size:inherit;align-items:flex-start;gap:var(--sbb-spacing-fixed-2x);margin
|
|
10
|
+
var d = n`:host{display:block}.sbb-navigation-list__content{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-spacing-fixed-2x);margin-block:var(--sbb-spacing-fixed-1x)}.sbb-navigation-list__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);font-weight:700;display:block;color:var(--sbb-color-5);padding-block-end:var(--sbb-spacing-fixed-2x)}:host(:not(:is(:state(slotted-label),[state--slotted-label]),[label])) .sbb-navigation-list__label{display:none}`, f = (() => {
|
|
11
11
|
let n = l(a), f, p = [], m = [];
|
|
12
12
|
return class extends n {
|
|
13
13
|
static {
|
|
@@ -7,7 +7,7 @@ import { SbbNamedSlotListMixin as o, ɵstateController as s } from "./core/mixin
|
|
|
7
7
|
import { boxSizingStyles as c } from "./core/styles.js";
|
|
8
8
|
import { ResizeController as l } from "@lit-labs/observers/resize-controller.js";
|
|
9
9
|
//#region src/elements/navigation/navigation-marker/navigation-marker.scss?lit&inline
|
|
10
|
-
var u = n`:host{--sbb-navigation-action-gap:var(--sbb-spacing-responsive-xs);--sbb-navigation-marker-position-x:var(--sbb-spacing-fixed-1x);--sbb-navigation-marker-position-y:unset;--sbb-navigation-marker-width:1.0625rem;--sbb-navigation-marker-border:var(--sbb-border-width-1x);--sbb-navigation-marker-padding-inline-start:var(--sbb-spacing-fixed-6x);--sbb-navigation-marker-typo-line-height:var(--sbb-typo-line-height-heading);--sbb-navigation-margin-inline-start:var(--sbb-spacing-fixed-3x);--sbb-navigation-marker-margin-block:calc(1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) / 2);display:block}:host([size=s]){--sbb-navigation-action-gap:var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-width
|
|
10
|
+
var u = n`:host{--sbb-navigation-action-gap: var(--sbb-spacing-responsive-xs);--sbb-navigation-marker-position-x: var(--sbb-spacing-fixed-1x);--sbb-navigation-marker-position-y: unset;--sbb-navigation-marker-width: 1.0625rem;--sbb-navigation-marker-border: var(--sbb-border-width-1x);--sbb-navigation-marker-padding-inline-start: var(--sbb-spacing-fixed-6x);--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-heading);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-3x);--sbb-navigation-marker-margin-block: calc( 1em * var(--sbb-navigation-marker-typo-line-height) / 2 - var(--sbb-navigation-marker-border) / 2 );display:block}:host([size=s]){--sbb-navigation-action-gap: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-width: .5rem;--sbb-navigation-marker-typo-line-height: var(--sbb-typo-line-height-text);--sbb-navigation-margin-inline-start: var(--sbb-spacing-fixed-2x);--sbb-navigation-marker-position-x: calc( var(--sbb-navigation-marker-padding-inline-start) - var(--sbb-spacing-fixed-2x) );--sbb-navigation-marker-padding-inline-start: calc( var(--sbb-spacing-fixed-6x) + var(--sbb-spacing-fixed-1x) )}.sbb-navigation-marker{list-style:none;margin:0;padding:0;font-size:inherit;--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4));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);position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:var(--sbb-navigation-action-gap);padding-inline-start:var(--sbb-navigation-marker-padding-inline-start)}.sbb-navigation-marker:before{content:"";position:absolute;opacity:0;inset-inline-start:var(--sbb-navigation-marker-position-x);inset-block-start:var(--sbb-navigation-marker-position-y);width:var(--sbb-navigation-marker-width);border-block-start:var(--sbb-navigation-marker-border) solid var(--sbb-color-5);margin-block:var(--sbb-navigation-marker-margin-block);transition-duration:var(--sbb-disable-animation-duration, var(--sbb-animation-duration-6x));transition-timing-function:ease;transition-property:opacity,inset-block-start}:host(:is(:state(has-active-action),[state--has-active-action])) .sbb-navigation-marker:before{opacity:1}@media(forced-colors:active){.sbb-navigation-marker:before{border-color:CanvasText}}:host([size=s]) .sbb-navigation-marker{--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);font-weight:700}::slotted(:is(sbb-navigation-button,sbb-navigation-link)){margin-inline-start:var(--sbb-navigation-margin-inline-start)}`, d = (() => {
|
|
11
11
|
let n = o(i), d, f = [], p = [];
|
|
12
12
|
return class extends n {
|
|
13
13
|
static {
|
package/{navigation-section.component-C86pkDLG.js → navigation-section.component-DqFRimuS.js}
RENAMED
|
@@ -13,7 +13,7 @@ import { removeAriaOverlayTriggerAttributes as v, setAriaOverlayTriggerAttribute
|
|
|
13
13
|
import { IS_FOCUSABLE_QUERY as b, SbbFocusTrapController as x, sbbInputModalityDetector as S } from "./core/a11y.js";
|
|
14
14
|
import { SbbOpenCloseBaseElement as C } from "./core/base-elements/open-close-base-element.js";
|
|
15
15
|
//#region src/elements/navigation/navigation-section/navigation-section.scss?lit&inline
|
|
16
|
-
var w = n`:host{--sbb-navigation-section-display:none;--sbb-navigation-section-column:1 / -1;--sbb-navigation-section-position:fixed;--sbb-navigation-section-pointer-events:none;--sbb-navigation-section-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-3x));--sbb-navigation-section-animation-easing:ease-out;--sbb-navigation-section-padding-inline:var(--sbb-layout-base-offset-responsive);--sbb-navigation-section-padding-block:var(--sbb-spacing-responsive-l);--sbb-navigation-section-translate:100%;--sbb-navigation-section-content-padding-inline-start:var(--sbb-spacing-fixed-12x);--sbb-focus-outline-color:var(--sbb-focus-outline-color-dark);--sbb-navigation-section-width:100dvw;--sbb-navigation-section-height:100dvh;display:var(--sbb-navigation-section-display);position:var(--sbb-navigation-section-position);grid-column:var(--sbb-navigation-section-column);width:var(--sbb-navigation-section-width);height:var(--sbb-navigation-section-height);z-index:var(--sbb-navigation-z-index,var(--sbb-overlay-default-z-index))
|
|
16
|
+
var w = n`:host{--sbb-navigation-section-display: none;--sbb-navigation-section-column: 1 / -1;--sbb-navigation-section-position: fixed;--sbb-navigation-section-pointer-events: none;--sbb-navigation-section-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-3x) );--sbb-navigation-section-animation-easing: ease-out;--sbb-navigation-section-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-l);--sbb-navigation-section-translate: 100%;--sbb-navigation-section-content-padding-inline-start: var(--sbb-spacing-fixed-12x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-navigation-section-width: 100dvw;--sbb-navigation-section-height: 100dvh;display:var(--sbb-navigation-section-display);position:var(--sbb-navigation-section-position);grid-column:var(--sbb-navigation-section-column);inset-inline-start:0;inset-block-start:0;width:var(--sbb-navigation-section-width);height:var(--sbb-navigation-section-height);z-index:var(--sbb-navigation-z-index, var(--sbb-overlay-default-z-index))}@media(min-width:64rem){:host{--sbb-navigation-section-column: 5 / 13;--sbb-navigation-section-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-xl);--sbb-navigation-section-padding-inline: var(--sbb-spacing-fixed-8x) var(--sbb-layout-base-offset-responsive);--sbb-navigation-section-position: relative;--sbb-navigation-section-translate: 0;--sbb-navigation-section-content-padding-inline-start: 0;--sbb-navigation-section-width: calc( 100% + var(--sbb-layout-base-offset-responsive) + var(--sbb-grid-base-gutter-responsive) );translate:calc(var(--sbb-grid-base-gutter-responsive) * -1) 0}}@media(min-width:90rem){:host{--sbb-navigation-section-column: 6 / 17;--sbb-navigation-section-padding-block: var(--sbb-spacing-responsive-xxl) var(--sbb-spacing-responsive-l)}}:host(:is(:state(state-opened),[state--state-opened])){--sbb-navigation-section-pointer-events: all}:host(:is(:state(state-opening),[state--state-opening])){--sbb-navigation-section-position: absolute}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-closing),[state--state-closing]))){--sbb-navigation-section-pointer-events: none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-navigation-section-display: block}::slotted(*){padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}::slotted(:is(:state(sbb-button),[state--sbb-button])){grid-column-start:1}.sbb-navigation-section__container{pointer-events:var(--sbb-navigation-section-pointer-events);height:var(--sbb-navigation-section-height)}.sbb-navigation-section{display:none;border:none;margin:0;width:100%;height:100%;color:var(--sbb-navigation-color, var(--sbb-color-1-negative));background-color:transparent;padding:0;overflow:hidden}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation-section{display:block;animation-name:open;animation-duration:var(--sbb-navigation-section-animation-duration);animation-timing-function:var(--sbb-navigation-section-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation-section{animation-name:close}@media(forced-colors:active){.sbb-navigation-section{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-navigation-section__wrapper{--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-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-navigation-section__wrapper::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation-section__wrapper::-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-navigation-section__wrapper::-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-navigation-section__wrapper::-webkit-scrollbar-button,.sbb-navigation-section__wrapper::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-navigation-section__wrapper{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-navigation-section__wrapper{height:100%;padding-block:var(--sbb-navigation-section-padding-block);outline:none;overflow-y:auto}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation-section__wrapper{--sbb-scrollbar-color: transparent;scrollbar-color:transparent transparent}.sbb-navigation-section__header{position:relative;display:flex;align-items:center;gap:var(--sbb-spacing-fixed-1x);margin-block-start:var(--sbb-spacing-responsive-xxl);padding-inline-start:var(--sbb-navigation-section-content-padding-inline-start)}@media(min-width:64rem){.sbb-navigation-section__header{margin-block-start:0;padding-inline-start:0}}@media(min-width:90rem){.sbb-navigation-section__header{grid-column:1/4}}.sbb-navigation-section__back{position:absolute;translate:calc((100% + var(--sbb-spacing-fixed-1x)) * -1) 0}@media(min-width:64rem){.sbb-navigation-section__back{display:none}}.sbb-navigation-section__title{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);--sbb-title-font-size: var(--sbb-title-font-size-level-4-lean, var(--sbb-heading-font-size-4))}@media(min-width:64rem){.sbb-navigation-section__title{--sbb-title-font-size: var(--sbb-title-font-size-level-2-lean, var(--sbb-heading-font-size-2))}}.sbb-navigation-section__content{display:grid;grid-template-columns:1fr;gap:var(--sbb-spacing-responsive-l) var(--sbb-grid-base-gutter-responsive);padding-inline:var(--sbb-navigation-section-padding-inline)}@media(min-width:64rem){.sbb-navigation-section__content{opacity:0;translate:0 var(--sbb-spacing-fixed-3x);transition-duration:var(--sbb-navigation-section-animation-duration);transition-delay:var(--sbb-navigation-section-animation-duration);transition-timing-function:var(--sbb-navigation-section-animation-easing);transition-property:opacity,translate}:host(:is(:state(state-opened),[state--state-opened])) .sbb-navigation-section__content{opacity:1;translate:0 0}}@media(min-width:90rem){.sbb-navigation-section__content{grid-template-columns:repeat(3,1fr)}}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation-section__content{transition-delay:0s}@keyframes open{0%{translate:var(--sbb-navigation-section-translate) 0}to{translate:0 0}}@keyframes close{0%{translate:0 0}to{translate:var(--sbb-navigation-section-translate) 0}}`, T = 0, E = (() => {
|
|
17
17
|
let n = d(C), E, D = [], O = [], k, A = [], j = [], M, N = [], P = [], F, I = [], L = [];
|
|
18
18
|
return class extends n {
|
|
19
19
|
static {
|
|
@@ -14,7 +14,7 @@ import { ref as y } from "lit/directives/ref.js";
|
|
|
14
14
|
import { isEventOnElement as b, removeAriaOverlayTriggerAttributes as x, setAriaOverlayTriggerAttributes as S } from "./core/overlay.js";
|
|
15
15
|
import { SbbFocusTrapController as C } from "./core/a11y.js";
|
|
16
16
|
//#region src/elements/navigation/navigation/navigation.scss?lit&inline
|
|
17
|
-
var w = n`:host{--sbb-navigation-grid-column:1 / -1;--sbb-navigation-animation-duration:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-3x));--sbb-navigation-animation-easing:ease-in;--sbb-navigation-padding-inline:var(--sbb-layout-base-offset-responsive);--sbb-navigation-padding-block-start:var(--sbb-spacing-responsive-l);--sbb-navigation-padding-block-end:var(--sbb-spacing-responsive-xl);--sbb-navigation-backdrop-visibility:hidden;--sbb-navigation-backdrop-pointer-events:none;--sbb-navigation-backdrop-color:color-mix(in srgb, var(--sbb-color-black) 70%, transparent);--sbb-navigation-backdrop-animation-name:backdrop-open;--sbb-navigation-background-color:var(--sbb-background-color-1-negative);--sbb-navigation-color:var(--sbb-color-1-negative);--sbb-navigation-list-margin-block-start:var(--sbb-spacing-responsive-xxl);--sbb-navigation-inline-start:0;--sbb-navigation-expanded-width:100%;--sbb-navigation-inset:0 auto auto 0;--sbb-navigation-translate
|
|
17
|
+
var w = n`:host{--sbb-navigation-grid-column: 1 / -1;--sbb-navigation-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-3x) );--sbb-navigation-animation-easing: ease-in;--sbb-navigation-padding-inline: var(--sbb-layout-base-offset-responsive);--sbb-navigation-padding-block-start: var(--sbb-spacing-responsive-l);--sbb-navigation-padding-block-end: var(--sbb-spacing-responsive-xl);--sbb-navigation-backdrop-visibility: hidden;--sbb-navigation-backdrop-pointer-events: none;--sbb-navigation-backdrop-color: color-mix(in srgb, var(--sbb-color-black) 70%, transparent);--sbb-navigation-backdrop-animation-name: backdrop-open;--sbb-navigation-background-color: var(--sbb-background-color-1-negative);--sbb-navigation-color: var(--sbb-color-1-negative);--sbb-navigation-list-margin-block-start: var(--sbb-spacing-responsive-xxl);--sbb-navigation-inline-start: 0;--sbb-navigation-expanded-width: 100%;--sbb-navigation-inset: 0 auto auto 0;--sbb-navigation-translate: -100% 0;--sbb-navigation-content-translate: 0;--sbb-navigation-width: 100%;--sbb-navigation-height: 100dvh;--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:none;position:fixed;inset:var(--sbb-navigation-inset);z-index:var(--sbb-navigation-z-index, var(--sbb-overlay-default-z-index));overflow:hidden}@media(min-width:64rem){:host{--sbb-navigation-grid-column: 1 / 5;--sbb-navigation-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-navigation-padding-block-start: var(--sbb-spacing-responsive-xl);--sbb-navigation-padding-inline: var(--sbb-layout-base-offset-responsive) 0;--sbb-navigation-list-margin-block-start: var(--sbb-spacing-fixed-1x);--sbb-navigation-inline-start: calc(var(--sbb-layout-base-offset-responsive) * -1);--sbb-navigation-width: calc(100% + var(--sbb-layout-base-offset-responsive))}}@media(min-width:90rem){:host{--sbb-navigation-grid-column: 1 / 6;--sbb-navigation-padding-block-start: var(--sbb-spacing-responsive-xxl)}}: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}:host(:is(:state(state-opened),[state--state-opened])){--sbb-navigation-animation-easing: ease-out}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))){--sbb-navigation-backdrop-visibility: visible;--sbb-navigation-backdrop-pointer-events: all}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-navigation-inset: 0;--sbb-navigation-translate: }:host(:is(:state(state-closing),[state--state-closing])){--sbb-navigation-backdrop-animation-name: backdrop-close}:host(:is(:state(has-open-navigation-section),[state--has-open-navigation-section])){--sbb-navigation-content-translate: -100% 0}@media(min-width:64rem){:host(:is(:state(has-open-navigation-section),[state--has-open-navigation-section])){--sbb-navigation-expanded-width: 100dvw;--sbb-navigation-content-translate: 0}}:host(:is(:state(resize-disable-animation),[state--resize-disable-animation])){--sbb-disable-animation-duration: 0s}.sbb-navigation__container{display:grid;gap:var(--sbb-grid-base-gutter-responsive);grid-template-columns:repeat(var(--sbb-grid-base-columns),1fr);padding-inline:0;pointer-events:none;translate:var(--sbb-navigation-translate)}@media(min-width:64rem){.sbb-navigation__container{padding-inline:var(--sbb-layout-base-offset-responsive)}.sbb-navigation__container:before{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);transition-property:visibility;animation-name:var(--sbb-navigation-backdrop-animation-name);animation-duration:var(--sbb-navigation-animation-duration);animation-timing-function:var(--sbb-navigation-animation-easing);content:"";visibility:var(--sbb-navigation-backdrop-visibility);pointer-events:var(--sbb-navigation-backdrop-pointer-events);position:fixed;inset:var(--sbb-navigation-inset);background-color:var(--sbb-navigation-backdrop-color)}}.sbb-navigation{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);transition-property:width;display:none;width:var(--sbb-navigation-width);grid-column:var(--sbb-navigation-grid-column);padding:0;margin:0;position:relative;inset-inline-start:var(--sbb-navigation-inline-start);inset-block-start:0;border:none;pointer-events:none;height:var(--sbb-navigation-height);color:var(--sbb-navigation-color);background-color:var(--sbb-navigation-background-color)}.sbb-navigation:before{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);transition-property:width;content:"";position:absolute;width:var(--sbb-navigation-expanded-width);height:var(--sbb-navigation-height);background:var(--sbb-navigation-background-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-navigation{display:block;pointer-events:all;animation-name:open;animation-duration:var(--sbb-navigation-animation-duration);animation-timing-function:var(--sbb-navigation-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-navigation{pointer-events:none;animation-name:close}@media(forced-colors:active){.sbb-navigation{outline:var(--sbb-border-width-1x) solid CanvasText}}.sbb-navigation__wrapper{outline:none}.sbb-navigation__header{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);transition-property:width;display:flex;justify-content:flex-end;position:absolute;width:var(--sbb-navigation-expanded-width);pointer-events:none;padding:var(--sbb-spacing-responsive-xs);z-index:calc(var(--sbb-navigation-z-index, var(--sbb-overlay-default-z-index)) + 1)}.sbb-navigation__close{pointer-events:all}.sbb-navigation__content{transition-duration:var(--sbb-navigation-animation-duration);transition-timing-function:var(--sbb-navigation-animation-easing);transition-property:translate;--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-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-scrollbar-track-color: transparent;--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-navigation__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-navigation__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-navigation__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-navigation__content::-webkit-scrollbar-button,.sbb-navigation__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-navigation__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-navigation__content{display:flex;flex-direction:column;gap:var(--sbb-spacing-responsive-xxl);position:relative;height:var(--sbb-navigation-height);padding-inline:var(--sbb-navigation-padding-inline);padding-block:var(--sbb-navigation-padding-block-start) var(--sbb-navigation-padding-block-end);overflow-y:auto;translate:var(--sbb-navigation-content-translate)}::slotted(:first-child){margin-block-start:var(--sbb-navigation-list-margin-block-start)}@keyframes open{0%{translate:-100% 0}to{translate:0}}@keyframes close{0%{translate:0}to{translate:-100% 0}}@keyframes backdrop-open{0%{background-color:transparent}}@keyframes backdrop-close{to{background-color:transparent}}`, T = 0, E = 150, D = (() => {
|
|
18
18
|
let n = f(s), D, O = [], k = [], A, j = [], M = [], N, P = [], F = [];
|
|
19
19
|
return class extends n {
|
|
20
20
|
static {
|
package/navigation.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import { t as e } from "./navigation-action-common-
|
|
1
|
+
import { t as e } from "./navigation-action-common-Cme_2GEs.js";
|
|
2
2
|
import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/navigation-button.component.js";
|
|
3
3
|
import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
|
|
4
|
-
import { t as r } from "./navigation-list.component-
|
|
5
|
-
import { t as i } from "./navigation-marker.component-
|
|
6
|
-
import { t as a } from "./navigation-section.component-
|
|
7
|
-
import { t as o } from "./navigation.component-
|
|
4
|
+
import { t as r } from "./navigation-list.component-DiyAt5hV.js";
|
|
5
|
+
import { t as i } from "./navigation-marker.component-D_U3Nd-_.js";
|
|
6
|
+
import { t as a } from "./navigation-section.component-DqFRimuS.js";
|
|
7
|
+
import { t as o } from "./navigation.component-BAgxKoOU.js";
|
|
8
8
|
import "./navigation.pure.js";
|
|
9
9
|
o.define(), t.define(), n.define(), r.define(), i.define(), a.define();
|
|
10
10
|
//#endregion
|
package/navigation.pure.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { t as e } from "./navigation-action-common-
|
|
1
|
+
import { t as e } from "./navigation-action-common-Cme_2GEs.js";
|
|
2
2
|
import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/navigation-button.component.js";
|
|
3
3
|
import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
|
|
4
|
-
import { t as r } from "./navigation-list.component-
|
|
5
|
-
import { t as i } from "./navigation-marker.component-
|
|
6
|
-
import { t as a } from "./navigation-section.component-
|
|
7
|
-
import { t as o } from "./navigation.component-
|
|
4
|
+
import { t as r } from "./navigation-list.component-DiyAt5hV.js";
|
|
5
|
+
import { t as i } from "./navigation-marker.component-D_U3Nd-_.js";
|
|
6
|
+
import { t as a } from "./navigation-section.component-DqFRimuS.js";
|
|
7
|
+
import { t as o } from "./navigation.component-BAgxKoOU.js";
|
|
8
8
|
export { e as SbbNavigationActionCommonElementMixin, t as SbbNavigationButtonElement, o as SbbNavigationElement, n as SbbNavigationLinkElement, r as SbbNavigationListElement, i as SbbNavigationMarkerElement, a as SbbNavigationSectionElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../notification.component-
|
|
1
|
+
import { t as e } from "../notification.component-BYm_I7Df.js";
|
|
2
2
|
export { e as SbbNotificationElement };
|