@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776866482 → 5.0.0-next-dev.1776872994
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/autocomplete-base-element.js +1 -1
- package/autocomplete/autocomplete.component.js +1 -1
- package/{autocomplete-base-element-gPLexIVc.js → autocomplete-base-element-BmiLbRHZ.js} +1 -1
- package/autocomplete.js +1 -1
- package/autocomplete.pure.js +1 -1
- package/{block-link-common-CiqQc2Rs.js → block-link-common-BiM6tnUZ.js} +1 -1
- package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
- package/{breadcrumb-group.component-Bfm4RZu7.js → breadcrumb-group.component-De3Lu3lx.js} +1 -1
- package/breadcrumb.js +1 -1
- package/breadcrumb.pure.js +1 -1
- package/button/common/button-common.js +1 -1
- package/button-common-Cu47yCSS.js +85 -0
- package/button.js +1 -1
- package/button.pure.js +1 -1
- package/calendar/calendar/calendar.component.js +1 -1
- package/{calendar.component-ZyfTrKs_.js → calendar.component-nWdtZYqg.js} +1 -1
- package/calendar.js +1 -1
- package/calendar.pure.js +1 -1
- package/card/card-badge/card-badge.component.js +1 -1
- package/{card-badge.component-CsEpGTHm.js → card-badge.component-CEqox6TU.js} +1 -1
- package/card.js +1 -1
- package/card.pure.js +1 -1
- package/checkbox/checkbox.component.js +1 -1
- package/checkbox/common/checkbox-common.js +1 -1
- package/{checkbox-common-Bo4u1RXX.js → checkbox-common-DSmxKbmR.js} +1 -1
- package/{checkbox.component-vjqZh2aC.js → checkbox.component-CR2aIgjA.js} +1 -1
- package/checkbox.js +2 -2
- package/checkbox.pure.js +2 -2
- package/chip/chip-group/chip-group.component.js +1 -1
- package/{chip-group.component-DPzfaV_H.js → chip-group.component-DbNctvjy.js} +1 -1
- package/chip.js +1 -1
- package/chip.pure.js +1 -1
- package/{compact-paginator.component-DEEhXiMm.js → compact-paginator.component-Dyu9bezr.js} +1 -1
- package/core/styles/core.scss +17 -73
- package/core/styles/mixins/typo.scss +2 -2
- package/core.css +67 -65
- package/custom-elements.json +3179 -3179
- package/development/autocomplete/autocomplete-base-element.js +1 -1
- package/development/autocomplete/autocomplete.component.js +1 -1
- package/development/autocomplete-base-element-BC3IUhrb.js +686 -0
- package/development/autocomplete.js +1 -1
- package/development/autocomplete.pure.js +1 -1
- package/development/{block-link-common-B9Vx8CTp.js → block-link-common-qMULXu4g.js} +2 -2
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
- package/development/breadcrumb-group.component-BC1mWiQE.js +193 -0
- package/development/breadcrumb.js +1 -1
- package/development/breadcrumb.pure.js +1 -1
- package/development/button/common/button-common.js +1 -1
- package/development/{button-common-jaQVRdwS.js → button-common-ChY47M8t.js} +3 -3
- package/development/button.js +1 -1
- package/development/button.pure.js +1 -1
- package/development/calendar/calendar/calendar.component.js +1 -1
- package/development/calendar.component-B5dz7mau.js +1451 -0
- package/development/calendar.js +1 -1
- package/development/calendar.pure.js +1 -1
- package/development/card/card-badge/card-badge.component.js +1 -1
- package/development/card-badge.component-CQBLpmpo.js +83 -0
- package/development/card.js +1 -1
- package/development/card.pure.js +1 -1
- package/development/checkbox/checkbox.component.js +1 -1
- package/development/checkbox/common/checkbox-common.js +1 -1
- package/development/checkbox-common-DOoEKgML.js +84 -0
- package/development/{checkbox.component-DgrfkdyZ.js → checkbox.component-DZjhQhbB.js} +2 -2
- package/development/checkbox.js +2 -2
- package/development/checkbox.pure.js +2 -2
- package/development/chip/chip-group/chip-group.component.js +1 -1
- package/development/chip-group.component-B4Mjcep2.js +402 -0
- package/development/chip.js +1 -1
- package/development/chip.pure.js +1 -1
- package/development/compact-paginator.component-CRojCci5.js +51 -0
- package/development/error.component-TvgLhaZh.js +53 -0
- package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +1 -1
- package/development/expansion-panel-header.component-Ok8Qmq5K.js +82 -0
- package/development/expansion-panel.js +1 -1
- package/development/expansion-panel.pure.js +1 -1
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
- package/development/{file-selector-dropzone.component-dyv_u-Ga.js → file-selector-dropzone.component-B1Y5qOjb.js} +2 -2
- package/development/file-selector.js +1 -1
- package/development/file-selector.pure.js +1 -1
- package/development/footer/footer.component.js +1 -1
- package/development/footer.component-kFeZqO-Q.js +169 -0
- package/development/footer.js +1 -1
- package/development/footer.pure.js +1 -1
- package/development/form-field/error/error.component.js +1 -1
- package/development/form-field/form-field/form-field.component.js +1 -1
- package/development/form-field/hint/hint.component.js +1 -1
- package/development/form-field.component-CdTnOAi2.js +703 -0
- package/development/form-field.js +3 -3
- package/development/form-field.pure.js +3 -3
- package/development/header/header/header.component.js +1 -1
- package/development/header.component-BmZkCs9m.js +335 -0
- package/development/header.js +1 -1
- package/development/header.pure.js +1 -1
- package/development/hint.component-D5rTFJ-O.js +36 -0
- package/development/link/common/block-link-common.js +1 -1
- package/development/link.js +1 -1
- package/development/link.pure.js +1 -1
- package/development/message/message.component.js +1 -1
- package/development/message.component-Dzah9lXK.js +43 -0
- package/development/message.js +1 -1
- package/development/message.pure.js +1 -1
- package/development/navigation/common/navigation-action-common.js +1 -1
- package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/development/navigation/navigation-section/navigation-section.component.js +1 -1
- package/development/{navigation-action-common-ZBiv0Xiw.js → navigation-action-common-B2soWZWW.js} +2 -2
- package/development/{navigation-marker.component-BsfPR_uk.js → navigation-marker.component-BRdbbjF5.js} +2 -2
- package/development/{navigation-section.component-BSvxMUxM.js → navigation-section.component-VwCJlOfE.js} +2 -2
- package/development/navigation.js +3 -3
- package/development/navigation.pure.js +3 -3
- package/development/notification/notification.component.js +1 -1
- package/development/notification.component-BgF5aGrn.js +271 -0
- package/development/notification.js +1 -1
- package/development/notification.pure.js +1 -1
- package/development/paginator/compact-paginator/compact-paginator.component.js +1 -1
- package/development/paginator/paginator/paginator.component.js +1 -1
- package/development/paginator.component-BlyTYIs0.js +261 -0
- package/development/paginator.js +2 -2
- package/development/paginator.pure.js +2 -2
- package/development/radio-button/common/radio-button-common.js +1 -1
- package/development/radio-button/radio-button.component.js +1 -1
- package/development/radio-button-common-ZMs5IFm2.js +125 -0
- package/development/{radio-button.component-DAgH41z0.js → radio-button.component-DggZ7RZD.js} +2 -2
- package/development/radio-button.js +2 -2
- package/development/radio-button.pure.js +2 -2
- package/development/select/select.component.js +1 -1
- package/development/select.component-CZI19HAK.js +804 -0
- package/development/select.js +1 -1
- package/development/select.pure.js +1 -1
- package/development/status/status.component.js +1 -1
- package/development/status.component-BtJ8ri61.js +110 -0
- package/development/status.js +1 -1
- package/development/status.pure.js +1 -1
- package/development/step-label.component-Dfx9rLcN.js +126 -0
- package/development/stepper/step-label/step-label.component.js +1 -1
- package/development/stepper.js +1 -1
- package/development/stepper.pure.js +1 -1
- package/development/styles-WppEBrlW.js +14 -0
- package/development/{tab-label.component-Du1W0dxN.js → tab-label.component-Ggx6qaIk.js} +2 -2
- package/development/tabs/common/styles.js +1 -1
- package/development/tabs/tab-label/tab-label.component.js +1 -1
- package/development/tabs.js +2 -2
- package/development/tabs.pure.js +2 -2
- package/development/tag/tag/tag.component.js +1 -1
- package/development/tag.component-Davxisfj.js +241 -0
- package/development/tag.js +1 -1
- package/development/tag.pure.js +1 -1
- package/development/teaser-hero/teaser-hero.component.js +1 -1
- package/development/teaser-hero.component-bp9IsVmY.js +100 -0
- package/development/teaser-hero.js +1 -1
- package/development/teaser-hero.pure.js +1 -1
- package/development/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/development/{timetable-occupancy.component-D6BIvkpY.js → timetable-occupancy.component-B-uVA9KC.js} +2 -2
- package/development/timetable-occupancy.js +1 -1
- package/development/timetable-occupancy.pure.js +1 -1
- package/development/title/title-base.js +1 -1
- package/development/title/title.component.js +1 -1
- package/development/{title-base-CWLTIRh_.js → title-base-DKVyL7TQ.js} +2 -2
- package/development/{title.component-TCKohHBO.js → title.component-BEEzA9cF.js} +2 -2
- package/development/title.js +2 -2
- package/development/title.pure.js +2 -2
- package/development/toast/toast.component.js +1 -1
- package/development/{toast.component-CZL72aVO.js → toast.component-1YR4wmm9.js} +2 -2
- package/development/toast.js +1 -1
- package/development/toast.pure.js +1 -1
- package/development/toggle/toggle/toggle.component.js +1 -1
- package/development/toggle.component-CQYpVyvs.js +244 -0
- package/development/toggle.js +1 -1
- package/development/toggle.pure.js +1 -1
- package/development/tooltip/tooltip.component.js +1 -1
- package/development/tooltip.component-Br7aDPFn.js +369 -0
- package/development/tooltip.js +1 -1
- package/development/tooltip.pure.js +1 -1
- package/development/train/train-wagon/train-wagon.component.js +1 -1
- package/development/{train-wagon.component-X0XSMLK_.js → train-wagon.component-B6V4dPKn.js} +2 -2
- package/development/train.js +1 -1
- package/development/train.pure.js +1 -1
- package/{error.component-BLChP2fE.js → error.component-D3JgDJfN.js} +1 -1
- package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +1 -1
- package/{expansion-panel-header.component-DdRIlyms.js → expansion-panel-header.component-DYvq-uUi.js} +1 -1
- package/expansion-panel.js +1 -1
- package/expansion-panel.pure.js +1 -1
- package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
- package/{file-selector-dropzone.component-Bz3Wpl0X.js → file-selector-dropzone.component-BSF-kegh.js} +1 -1
- package/file-selector.js +1 -1
- package/file-selector.pure.js +1 -1
- package/footer/footer.component.js +1 -1
- package/{footer.component-Don15vOd.js → footer.component-CdTEaV6u.js} +1 -1
- package/footer.js +1 -1
- package/footer.pure.js +1 -1
- package/form-field/error/error.component.js +1 -1
- package/form-field/form-field/form-field.component.js +1 -1
- package/form-field/hint/hint.component.js +1 -1
- package/{form-field.component-DbV7fMoe.js → form-field.component-Dtzbp6-e.js} +1 -1
- package/form-field.js +3 -3
- package/form-field.pure.js +3 -3
- package/header/header/header.component.js +1 -1
- package/{header.component-D-WVEMFn.js → header.component-DoAFSXgO.js} +1 -1
- package/header.js +1 -1
- package/header.pure.js +1 -1
- package/{hint.component-CaF6CBCN.js → hint.component-BB_h0G6v.js} +1 -1
- package/link/common/block-link-common.js +1 -1
- package/link.js +1 -1
- package/link.pure.js +1 -1
- package/message/message.component.js +1 -1
- package/message.component-CF-_MD7m.js +26 -0
- package/message.js +1 -1
- package/message.pure.js +1 -1
- package/navigation/common/navigation-action-common.js +1 -1
- package/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/navigation/navigation-section/navigation-section.component.js +1 -1
- package/{navigation-action-common-Dm47M2BG.js → navigation-action-common-D2vwX-oy.js} +1 -1
- package/{navigation-marker.component-1VHe19c9.js → navigation-marker.component-BQzC4gn_.js} +1 -1
- package/{navigation-section.component-DrnbQAZX.js → navigation-section.component-CR-FanCa.js} +1 -1
- package/navigation.js +3 -3
- package/navigation.pure.js +3 -3
- package/notification/notification.component.js +1 -1
- package/{notification.component-IsSZe3Ul.js → notification.component-D9oxjMJs.js} +1 -1
- package/notification.js +1 -1
- package/notification.pure.js +1 -1
- package/off-brand-theme.css +67 -65
- package/package.json +2 -2
- package/paginator/compact-paginator/compact-paginator.component.js +1 -1
- package/paginator/paginator/paginator.component.js +1 -1
- package/{paginator.component-BkECB-iV.js → paginator.component-DA_wUypF.js} +1 -1
- package/paginator.js +2 -2
- package/paginator.pure.js +2 -2
- package/radio-button/common/radio-button-common.js +1 -1
- package/radio-button/radio-button.component.js +1 -1
- package/{radio-button-common-CQyKqDLJ.js → radio-button-common-iNYco_B8.js} +1 -1
- package/{radio-button.component-Cenb6FL5.js → radio-button.component-v5czJYC3.js} +1 -1
- package/radio-button.js +2 -2
- package/radio-button.pure.js +2 -2
- package/safety-theme.css +67 -65
- package/select/select.component.js +1 -1
- package/{select.component-BcDZm7EM.js → select.component-CCFfP21g.js} +1 -1
- package/select.js +1 -1
- package/select.pure.js +1 -1
- package/standard-theme.css +67 -65
- package/status/status.component.js +1 -1
- package/{status.component-CgMvY4Pe.js → status.component-5SKEusnj.js} +1 -1
- package/status.js +1 -1
- package/status.pure.js +1 -1
- package/step-label.component-DM7lQw8b.js +77 -0
- package/stepper/step-label/step-label.component.js +1 -1
- package/stepper.js +1 -1
- package/stepper.pure.js +1 -1
- package/styles-DisU4TWi.js +5 -0
- package/{tab-label.component-CH24fqmB.js → tab-label.component-JjktN30A.js} +1 -1
- package/tabs/common/styles.js +1 -1
- package/tabs/tab-label/tab-label.component.js +1 -1
- package/tabs.js +2 -2
- package/tabs.pure.js +2 -2
- package/tag/tag/tag.component.js +1 -1
- package/{tag.component-B7YExnbA.js → tag.component-BGYVbfUx.js} +1 -1
- package/tag.js +1 -1
- package/tag.pure.js +1 -1
- package/teaser-hero/teaser-hero.component.js +1 -1
- package/{teaser-hero.component-BUhWjc2i.js → teaser-hero.component-By1HInfz.js} +1 -1
- package/teaser-hero.js +1 -1
- package/teaser-hero.pure.js +1 -1
- package/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/{timetable-occupancy.component-CLpJ-rjI.js → timetable-occupancy.component-Dq9RM6qS.js} +1 -1
- package/timetable-occupancy.js +1 -1
- package/timetable-occupancy.pure.js +1 -1
- package/title/title-base.js +1 -1
- package/title/title.component.js +1 -1
- package/{title-base-HD0z6npS.js → title-base-B43-Q_7r.js} +1 -1
- package/{title.component-CjDkG7gT.js → title.component-DXJHJ6p6.js} +1 -1
- package/title.js +2 -2
- package/title.pure.js +2 -2
- package/toast/toast.component.js +1 -1
- package/{toast.component-DzsaWxPV.js → toast.component-D53COYeM.js} +1 -1
- package/toast.js +1 -1
- package/toast.pure.js +1 -1
- package/toggle/toggle/toggle.component.js +1 -1
- package/{toggle.component-D7X0E_hM.js → toggle.component-BGgAnHau.js} +1 -1
- package/toggle.js +1 -1
- package/toggle.pure.js +1 -1
- package/tooltip/tooltip.component.js +1 -1
- package/{tooltip.component-BCRFxBuV.js → tooltip.component-Bp-8vRoA.js} +1 -1
- package/tooltip.js +1 -1
- package/tooltip.pure.js +1 -1
- package/train/train-wagon/train-wagon.component.js +1 -1
- package/{train-wagon.component-CZiVPOaZ.js → train-wagon.component-LwKwwuta.js} +1 -1
- package/train.js +1 -1
- package/train.pure.js +1 -1
- package/button-common-C3wYY-UK.js +0 -85
- package/development/autocomplete-base-element-8hV4-ys6.js +0 -686
- package/development/breadcrumb-group.component-DP9X9qV1.js +0 -193
- package/development/calendar.component-C2WJuFrr.js +0 -1451
- package/development/card-badge.component-Be4gXazr.js +0 -83
- package/development/checkbox-common-DpE48IrV.js +0 -84
- package/development/chip-group.component-CxM8l839.js +0 -402
- package/development/compact-paginator.component-DiMeNNTc.js +0 -51
- package/development/error.component-C8JQQqSB.js +0 -53
- package/development/expansion-panel-header.component-CWojFAB-.js +0 -82
- package/development/footer.component-Dbc5xFqr.js +0 -169
- package/development/form-field.component-M0wf8ZR8.js +0 -703
- package/development/header.component-B2T2pmHs.js +0 -335
- package/development/hint.component-hKw1TLvO.js +0 -36
- package/development/message.component-CrXtMprr.js +0 -43
- package/development/notification.component-CKyNdgbx.js +0 -271
- package/development/paginator.component-Cqm7MuRD.js +0 -261
- package/development/radio-button-common-u7NYOI2p.js +0 -125
- package/development/select.component-Ibby7Q-L.js +0 -804
- package/development/status.component-p-egQ_U4.js +0 -110
- package/development/step-label.component-BTXuaONx.js +0 -126
- package/development/styles-D_8dMc_0.js +0 -14
- package/development/tag.component-CWL9jJTW.js +0 -241
- package/development/teaser-hero.component-De621iKn.js +0 -100
- package/development/toggle.component-BeHHTgRh.js +0 -244
- package/development/tooltip.component-BV0yBh9f.js +0 -369
- package/message.component-DgTPvDym.js +0 -26
- package/step-label.component-CbtQ7MvH.js +0 -77
- package/styles-DMLyYaea.js +0 -5
|
@@ -7,7 +7,7 @@ import { ref as k } from "lit/directives/ref.js";
|
|
|
7
7
|
import { MutationController as A } from "@lit-labs/observers/mutation-controller.js";
|
|
8
8
|
import { until as j } from "lit/directives/until.js";
|
|
9
9
|
//#region src/elements/select/select.scss?inline
|
|
10
|
-
var ie = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--_sbb-options-panel-max-height: min( var(--sbb-options-panel-max-height-calculated), var(--sbb-options-panel-max-height, 100000em) );--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-options-panel-internal-z-index: var( --sbb-select-z-index, var(--sbb-overlay-default-z-index) );--sbb-select-placeholder-fallback-color: var(--sbb-color-metal);--sbb-select-placeholder-fallback-color: light-dark( var(--sbb-color-metal), var(--sbb-color-smoke) );display:block;font-weight:400}:host([size=s]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-1x)}:host([size=m]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x)}:host([negative]){--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-options-panel-background-color: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-select-placeholder-fallback-color: var(--sbb-color-5)}:host(:not(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))),:host(:is(:state(state-closed),[state--state-closed])){--sbb-options-panel-visibility: hidden}:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-options-panel-animation-name: close}:host(:is(:state(state-opened),[state--state-opened])),:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-gap-fix-opacity: 1}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--_sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}.sbb-select__trigger{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:var(--sbb-cursor-default);height:calc(1em * var(--sbb-typo-line-height-text))}:host(:not(:is(:state(has-display-value),[state--has-display-value]))) .sbb-select__trigger{color:var(--sbb-select-placeholder-color, var(--sbb-select-placeholder-fallback-color));-webkit-text-fill-color:var(--sbb-select-placeholder-color, var(--sbb-select-placeholder-fallback-color))}.sbb-select__container{position:fixed;pointer-events:none;inset:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-select__container[popover]{margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent}.sbb-select__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility, visible);opacity:var(--sbb-options-panel-gap-fix-opacity, 0);background-color:transparent;width:var(--sbb-options-panel-width, fit-content);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform, none);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-select__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility, \"visible\");overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width, fit-content);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-select__panel:before,.sbb-select__panel:after{content:\"\";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-select__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))) .sbb-select__panel{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))[negative]) .sbb-select__panel{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-select__panel:before{display:block}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])) .sbb-select__panel:after{display:block}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-select__panel:before,:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-select__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])[negative]) .sbb-select__panel:before,:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])[negative]) .sbb-select__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}.sbb-select__wrapper{overflow:hidden}.sbb-select__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-options-panel-padding-block);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--_sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function)}.sbb-select__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-select__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-select__options::-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-select__options::-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-select__options::-webkit-scrollbar-button,.sbb-select__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-select__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}@media(forced-colors:active){.sbb-select__options{border:var(--sbb-border-width-1x) solid CanvasText;border-block-start:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}", M = C, N = 0, P = (() => {
|
|
10
|
+
var ie = ".sbb-gap-fix-wrapper{position:relative;overflow:hidden;width:var(--sbb-options-panel-border-radius);height:var(--sbb-options-panel-border-radius);background-color:transparent}.sbb-gap-fix-corner{position:absolute;border-radius:50%;border:calc(var(--sbb-options-panel-border-radius) / 2) solid var(--sbb-options-panel-background-color);width:calc(var(--sbb-options-panel-border-radius) * 3);height:calc(var(--sbb-options-panel-border-radius) * 3);bottom:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}.sbb-gap-fix-corner#left{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#left{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1);left:unset}.sbb-gap-fix-corner#right{right:calc(var(--sbb-options-panel-border-radius) / 2 * -1)}:host(:dir(rtl)) .sbb-gap-fix-corner#right{left:calc(var(--sbb-options-panel-border-radius) / 2 * -1);right:unset}:host{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-options-panel-position-x: 0;--sbb-options-panel-position-y: 0;--_sbb-options-panel-max-height: min( var(--sbb-options-panel-max-height-calculated), var(--sbb-options-panel-max-height, 100000em) );--sbb-options-panel-min-height: var(--sbb-options-panel-origin-height);--sbb-options-panel-options-border-radius: 0 0 var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius);--sbb-options-panel-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-options-panel-gap-fix-top: calc( var(--sbb-options-panel-position-y) - var(--sbb-options-panel-border-radius) );--sbb-focus-outline-color: var(--sbb-focus-outline-color-default);--sbb-focus-outline-color: light-dark( var(--sbb-focus-outline-color-default), var(--sbb-focus-outline-color-dark) );--sbb-options-panel-internal-z-index: var( --sbb-select-z-index, var(--sbb-overlay-default-z-index) );display:block;font-weight:400;line-height:var(--sbb-typo-line-height-text)}:host([size=s]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-1x)}:host([size=m]){--sbb-options-panel-padding-block: var(--sbb-spacing-fixed-2x)}:host([negative]){--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-options-panel-background-color: var(--sbb-background-color-1-negative);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-select-placeholder-fallback-color: var(--sbb-color-5)}:host(:not(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))),:host(:is(:state(state-closed),[state--state-closed])){--sbb-options-panel-visibility: hidden}:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-animation-name: open}:host(:is(:state(state-closing),[state--state-closing])){--sbb-options-panel-animation-name: close}:host(:is(:state(state-opened),[state--state-opened])),:host(:is(:state(state-opening),[state--state-opening])){--sbb-options-panel-gap-fix-opacity: 1}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])){--sbb-options-panel-animation-transform: translateY( calc((var(--sbb-options-panel-origin-height) / 2) * -1) )}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])){--sbb-options-panel-options-border-radius: var(--sbb-options-panel-border-radius) var(--sbb-options-panel-border-radius) 0 0;--sbb-options-panel-gap-fix-top: var(--_sbb-options-panel-max-height);--sbb-options-panel-gap-fix-transform: rotate(180deg);--sbb-options-panel-animation-transform: translateY( calc(var(--sbb-options-panel-origin-height) / 2) )}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}.sbb-select__trigger{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:var(--sbb-cursor-default);height:calc(1em * var(--sbb-typo-line-height-text))}:host(:not(:is(:state(has-display-value),[state--has-display-value]))) .sbb-select__trigger{color:var(--sbb-select-placeholder-color, var(--sbb-select-placeholder-fallback-color));-webkit-text-fill-color:var(--sbb-select-placeholder-color, var(--sbb-select-placeholder-fallback-color))}.sbb-select__container{position:fixed;pointer-events:none;inset:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-select__container[popover]{margin:0;padding:0;border:none;width:auto;height:auto;background-color:transparent}.sbb-select__gap-fix{display:flex;justify-content:space-between;position:fixed;visibility:var(--sbb-options-panel-visibility, visible);opacity:var(--sbb-options-panel-gap-fix-opacity, 0);background-color:transparent;width:var(--sbb-options-panel-width, fit-content);height:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-gap-fix-top);left:var(--sbb-options-panel-position-x);transform:var(--sbb-options-panel-gap-fix-transform, none);transition:opacity var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-select__panel{display:block;position:absolute;visibility:var(--sbb-options-panel-visibility, \"visible\");overflow:hidden;background-color:transparent;border:none;border-radius:var(--sbb-options-panel-border-radius);top:var(--sbb-options-panel-position-y);left:var(--sbb-options-panel-position-x);width:var(--sbb-options-panel-width, fit-content);transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function)}.sbb-select__panel:before,.sbb-select__panel:after{content:\"\";display:none;position:relative;width:100%;height:var(--sbb-options-panel-origin-height);background-color:transparent;border-radius:var(--sbb-options-panel-border-radius);pointer-events:none;transition:box-shadow var(--sbb-options-panel-animation-duration) var(--sbb-options-panel-animation-timing-function);z-index:1}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-select__panel{inset-block-start:calc(var(--sbb-options-panel-position-y) - var(--sbb-options-panel-origin-height))}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))) .sbb-select__panel{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening]))[negative]) .sbb-select__panel{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-select__panel:before{display:block}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])) .sbb-select__panel:after{display:block}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-select__panel:before,:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])) .sbb-select__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard)}:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])[negative]) .sbb-select__panel:before,:host(:is(:is(:state(state-opened),[state--state-opened]),:is(:state(state-opening),[state--state-opening])):is(:state(option-panel-origin-borderless),[state--option-panel-origin-borderless])[negative]) .sbb-select__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}.sbb-select__wrapper{overflow:hidden}.sbb-select__options{background-color:var(--sbb-options-panel-background-color);padding-block:var(--sbb-options-panel-padding-block);padding-inline:0;border-radius:var(--sbb-options-panel-options-border-radius);max-height:var(--_sbb-options-panel-max-height);min-height:var(--sbb-options-panel-min-height);pointer-events:all;overflow-y:auto;animation-name:var(--sbb-options-panel-animation-name);animation-duration:var(--sbb-options-panel-animation-duration);animation-timing-function:var(--sbb-options-panel-animation-timing-function)}.sbb-select__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-select__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-select__options::-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-select__options::-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-select__options::-webkit-scrollbar-button,.sbb-select__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-select__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}@media(forced-colors:active){.sbb-select__options{border:var(--sbb-border-width-1x) solid CanvasText;border-block-start:none}}@keyframes open{0%{transform:var(--sbb-options-panel-animation-transform);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes close{0%{transform:translateY(0);opacity:1}to{transform:var(--sbb-options-panel-animation-transform);opacity:0}}", M = C, N = 0, P = (() => {
|
|
11
11
|
let C = p(s(l(f(d(te(u)))))), P = [], F, I = [], L = [], R, z = [], B = [], V, H = [], U = [], W, G = [], K = [], q, J, Y = [], X = [], Z, Q = [], $ = [];
|
|
12
12
|
return class extends C {
|
|
13
13
|
static {
|
package/select.js
CHANGED
package/select.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./select.component-
|
|
1
|
+
import { t as e } from "./select.component-CCFfP21g.js";
|
|
2
2
|
export { e as SbbSelectElement };
|
package/standard-theme.css
CHANGED
|
@@ -226,6 +226,7 @@ slot[name=error]::slotted(*) {
|
|
|
226
226
|
transition: color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);
|
|
227
227
|
font-size: var(--sbb-tab-label-font-size);
|
|
228
228
|
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
229
|
+
line-height: var(--sbb-typo-line-height-text);
|
|
229
230
|
font-weight: var(--sbb-tab-label-font-weight);
|
|
230
231
|
text-decoration: var(--sbb-tab-label-text-decoration);
|
|
231
232
|
}
|
|
@@ -1762,6 +1763,11 @@ slot[name=error]::slotted(*) {
|
|
|
1762
1763
|
--sbb-signet-panel-color: var(--sbb-color-brand);
|
|
1763
1764
|
--sbb-signet-icon-color: var(--sbb-color-white);
|
|
1764
1765
|
--sbb-signet-aspect-ratio: 2 / 1;
|
|
1766
|
+
--sbb-select-placeholder-fallback-color: var(--sbb-color-metal);
|
|
1767
|
+
--sbb-select-placeholder-fallback-color: light-dark(
|
|
1768
|
+
var(--sbb-color-metal),
|
|
1769
|
+
var(--sbb-color-smoke)
|
|
1770
|
+
);
|
|
1765
1771
|
--sbb-slider-line-height: 0.25rem;
|
|
1766
1772
|
--sbb-slider-knob-size: 1.75rem;
|
|
1767
1773
|
--sbb-slider-knob-size-active: 1.9375rem;
|
|
@@ -1847,6 +1853,7 @@ slot[name=error]::slotted(*) {
|
|
|
1847
1853
|
--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);
|
|
1848
1854
|
--sbb-teaser-border-radius: var(--sbb-border-radius-4x);
|
|
1849
1855
|
--sbb-teaser-image-width: 18.75rem;
|
|
1856
|
+
--sbb-teaser-hero-link-font-weight: 400;
|
|
1850
1857
|
--sbb-panel-width: 13.9375rem;
|
|
1851
1858
|
--sbb-panel-inner-height: 10.4375rem;
|
|
1852
1859
|
--sbb-panel-triangle-height: 2.0625rem;
|
|
@@ -1897,6 +1904,7 @@ slot[name=error]::slotted(*) {
|
|
|
1897
1904
|
--sbb-timetable-occupancy-font-size: var(--sbb-text-font-size-s);
|
|
1898
1905
|
--sbb-timetable-occupancy-list-gap: var(--sbb-spacing-fixed-2x);
|
|
1899
1906
|
--sbb-timetable-occupancy-item-gap: var(--sbb-spacing-fixed-1x);
|
|
1907
|
+
--sbb-time-input-max-width: 3.625rem;
|
|
1900
1908
|
--sbb-toggle-check-font-size: var(--sbb-text-font-size-s);
|
|
1901
1909
|
--sbb-toggle-check-color: var(--sbb-color-2);
|
|
1902
1910
|
--sbb-toggle-check-checked-color: var(--sbb-color-primary);
|
|
@@ -2014,11 +2022,10 @@ slot[name=error]::slotted(*) {
|
|
|
2014
2022
|
--sbb-train-formation-wagon-width: 5rem;
|
|
2015
2023
|
--sbb-train-formation-wagon-height: 2.5rem;
|
|
2016
2024
|
--sbb-train-formation-wagon-gap: var(--sbb-spacing-fixed-1x);
|
|
2017
|
-
--sbb-time-input-max-width: 3.625rem;
|
|
2018
2025
|
--sbb-overlay-default-z-index: 1000;
|
|
2019
2026
|
--sbb-cursor-default: default;
|
|
2020
2027
|
--sbb-cursor-pointer: pointer;
|
|
2021
|
-
--sbb-border-radius-infinity:
|
|
2028
|
+
--sbb-border-radius-infinity: calc(infinity * 1px);
|
|
2022
2029
|
}
|
|
2023
2030
|
:root.sbb-lean {
|
|
2024
2031
|
--sbb-title-font-size-level-1-lean: var(--sbb-heading-font-size-2);
|
|
@@ -2121,13 +2128,11 @@ slot[name=error]::slotted(*) {
|
|
|
2121
2128
|
--sbb-teaser-product-footer-padding-block-start: var(--sbb-spacing-responsive-xs);
|
|
2122
2129
|
--sbb-teaser-product-footer-padding-block-end: var(--sbb-spacing-responsive-xs);
|
|
2123
2130
|
--sbb-teaser-product-footer-min-height: var(--sbb-teaser-product-container-spacing);
|
|
2131
|
+
--sbb-time-input-max-width: 4.0625rem;
|
|
2124
2132
|
}
|
|
2125
2133
|
:root.sbb-lean {
|
|
2126
2134
|
--sbb-title-font-size-level-6-lean: var(--sbb-typo-scale-0-875x);
|
|
2127
2135
|
}
|
|
2128
|
-
:root {
|
|
2129
|
-
--sbb-time-input-max-width: 4.0625rem;
|
|
2130
|
-
}
|
|
2131
2136
|
}
|
|
2132
2137
|
@media (min-width: calc(90rem)) {
|
|
2133
2138
|
:root {
|
|
@@ -2412,10 +2417,6 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
|
|
|
2412
2417
|
}
|
|
2413
2418
|
}
|
|
2414
2419
|
|
|
2415
|
-
sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
|
|
2416
|
-
margin-block-start: var(--sbb-header-height);
|
|
2417
|
-
}
|
|
2418
|
-
|
|
2419
2420
|
:root:has(sbb-header[size=m]) {
|
|
2420
2421
|
--sbb-header-height: var(--sbb-spacing-fixed-14x);
|
|
2421
2422
|
}
|
|
@@ -2432,6 +2433,26 @@ sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
|
|
|
2432
2433
|
--sbb-header-height: var(--sbb-spacing-fixed-14x);
|
|
2433
2434
|
}
|
|
2434
2435
|
}
|
|
2436
|
+
sbb-header + :where(sbb-sidebar-container, sbb-icon-sidebar-container) {
|
|
2437
|
+
margin-block-start: var(--sbb-header-height);
|
|
2438
|
+
}
|
|
2439
|
+
|
|
2440
|
+
.sbb-header-info {
|
|
2441
|
+
display: flex;
|
|
2442
|
+
padding-inline: var(--sbb-spacing-fixed-4x);
|
|
2443
|
+
gap: var(--sbb-spacing-fixed-1x);
|
|
2444
|
+
align-items: baseline;
|
|
2445
|
+
color: var(--sbb-color-1);
|
|
2446
|
+
font-size: var(--sbb-text-font-size-xs);
|
|
2447
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
2448
|
+
}
|
|
2449
|
+
.sbb-header-info strong + * {
|
|
2450
|
+
font-size: var(--sbb-text-font-size-xxs);
|
|
2451
|
+
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
2452
|
+
color: var(--sbb-color-granite);
|
|
2453
|
+
color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
|
|
2454
|
+
}
|
|
2455
|
+
|
|
2435
2456
|
sbb-icon-sidebar-content + sbb-icon-sidebar :is(sbb-icon-sidebar-link, sbb-icon-sidebar-button) {
|
|
2436
2457
|
--sbb-icon-sidebar-button__current-border-inset-inline-start: auto;
|
|
2437
2458
|
}
|
|
@@ -2465,6 +2486,20 @@ sbb-message > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap-image) {
|
|
|
2465
2486
|
--sbb-option-hint-padding-block-end: var(--sbb-spacing-fixed-1x);
|
|
2466
2487
|
}
|
|
2467
2488
|
|
|
2489
|
+
.sbb-options-nowrap {
|
|
2490
|
+
--sbb-option-text-overflow: ellipsis;
|
|
2491
|
+
--sbb-option-overflow: hidden;
|
|
2492
|
+
--sbb-option-white-space: nowrap;
|
|
2493
|
+
}
|
|
2494
|
+
|
|
2495
|
+
.sbb-select-trigger {
|
|
2496
|
+
width: 100%;
|
|
2497
|
+
height: var(--sbb-size-element-xs);
|
|
2498
|
+
}
|
|
2499
|
+
sbb-form-field .sbb-select-trigger {
|
|
2500
|
+
top: 0;
|
|
2501
|
+
}
|
|
2502
|
+
|
|
2468
2503
|
sbb-sidebar:has(sbb-sidebar-title) {
|
|
2469
2504
|
--_sbb-sidebar-padding-block-start: 0;
|
|
2470
2505
|
}
|
|
@@ -2503,6 +2538,29 @@ sbb-tab-nav-bar .sbb-tab-amount {
|
|
|
2503
2538
|
text-decoration: var(--sbb-tab-label-text-decoration);
|
|
2504
2539
|
}
|
|
2505
2540
|
|
|
2541
|
+
sbb-teaser :is(sbb-image, img):not(.sbb-figure-overlap-image) {
|
|
2542
|
+
--sbb-image-object-fit: cover;
|
|
2543
|
+
--sbb-image-aspect-ratio: 4 / 3;
|
|
2544
|
+
transition-property: filter, scale;
|
|
2545
|
+
will-change: filter, scale;
|
|
2546
|
+
scale: var(--sbb-teaser-scale, 1);
|
|
2547
|
+
}
|
|
2548
|
+
|
|
2549
|
+
sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
|
|
2550
|
+
--sbb-image-aspect-ratio: 1 / 1;
|
|
2551
|
+
border-radius: 0;
|
|
2552
|
+
}
|
|
2553
|
+
@media (min-width: calc(37.5rem)) {
|
|
2554
|
+
sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
|
|
2555
|
+
--sbb-image-aspect-ratio: 16 / 9;
|
|
2556
|
+
}
|
|
2557
|
+
}
|
|
2558
|
+
sbb-teaser-hero img:not(.sbb-figure-overlap-image) {
|
|
2559
|
+
display: block;
|
|
2560
|
+
align-self: stretch;
|
|
2561
|
+
width: 100%;
|
|
2562
|
+
}
|
|
2563
|
+
|
|
2506
2564
|
:is(sbb-teaser-product, sbb-teaser-product-static) :is(sbb-image, img):not(.sbb-figure-overlap-image) {
|
|
2507
2565
|
border-radius: 0;
|
|
2508
2566
|
--sbb-image-object-fit: cover;
|
|
@@ -2585,25 +2643,6 @@ sbb-toast) {
|
|
|
2585
2643
|
pointer-events: all;
|
|
2586
2644
|
}
|
|
2587
2645
|
|
|
2588
|
-
.sbb-header-info {
|
|
2589
|
-
--sbb-text-font-size: var(--sbb-text-font-size-xs);
|
|
2590
|
-
font-family: var(--sbb-typo-font-family);
|
|
2591
|
-
font-weight: normal;
|
|
2592
|
-
line-height: var(--sbb-typo-line-height-text);
|
|
2593
|
-
letter-spacing: var(--sbb-typo-letter-spacing-text);
|
|
2594
|
-
font-size: var(--sbb-text-font-size);
|
|
2595
|
-
display: flex;
|
|
2596
|
-
padding-inline: var(--sbb-spacing-fixed-4x);
|
|
2597
|
-
gap: var(--sbb-spacing-fixed-1x);
|
|
2598
|
-
align-items: baseline;
|
|
2599
|
-
color: var(--sbb-color-1);
|
|
2600
|
-
}
|
|
2601
|
-
.sbb-header-info strong + * {
|
|
2602
|
-
font-size: var(--sbb-text-font-size-xxs);
|
|
2603
|
-
color: var(--sbb-color-granite);
|
|
2604
|
-
color: light-dark(var(--sbb-color-granite), var(--sbb-color-smoke));
|
|
2605
|
-
}
|
|
2606
|
-
|
|
2607
2646
|
sbb-title + p {
|
|
2608
2647
|
margin-block-start: 0;
|
|
2609
2648
|
}
|
|
@@ -2633,29 +2672,6 @@ img {
|
|
|
2633
2672
|
transition: filter var(--sbb-teaser-image-animation-duration) var(--sbb-teaser-image-animation-easing);
|
|
2634
2673
|
}
|
|
2635
2674
|
|
|
2636
|
-
sbb-teaser :is(sbb-image, img):not(.sbb-figure-overlap-image) {
|
|
2637
|
-
--sbb-image-object-fit: cover;
|
|
2638
|
-
--sbb-image-aspect-ratio: 4 / 3;
|
|
2639
|
-
transition-property: filter, scale;
|
|
2640
|
-
will-change: filter, scale;
|
|
2641
|
-
scale: var(--sbb-teaser-scale, 1);
|
|
2642
|
-
}
|
|
2643
|
-
|
|
2644
|
-
sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
|
|
2645
|
-
--sbb-image-aspect-ratio: 1 / 1;
|
|
2646
|
-
border-radius: 0;
|
|
2647
|
-
}
|
|
2648
|
-
@media (min-width: calc(37.5rem)) {
|
|
2649
|
-
sbb-teaser-hero :is(sbb-image, img):not(.sbb-figure-overlap-image) {
|
|
2650
|
-
--sbb-image-aspect-ratio: 16 / 9;
|
|
2651
|
-
}
|
|
2652
|
-
}
|
|
2653
|
-
sbb-teaser-hero img:not(.sbb-figure-overlap-image) {
|
|
2654
|
-
display: block;
|
|
2655
|
-
align-self: stretch;
|
|
2656
|
-
width: 100%;
|
|
2657
|
-
}
|
|
2658
|
-
|
|
2659
2675
|
sbb-train-formation:has(sbb-train[direction-label]) {
|
|
2660
2676
|
--sbb-train-formation-reserve-spacing-display: block;
|
|
2661
2677
|
}
|
|
@@ -2684,26 +2700,12 @@ sbb-train-formation[view=top] sbb-train-wagon {
|
|
|
2684
2700
|
--sbb-train-wagon-wagon-end-right-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='40' viewBox='0 0 80 40' fill='none'%3E%3Cpath d='M8.5,0.5 h51.5 a19.5,19.5 0 0 1 19.5,19.5 v0 a19.5,19.5 0 0 1 -19.5,19.5 h-51.5 a8,8 0 0 1 -8,-8 v-23 a8,8 0 0 1 8,-8 z' stroke='%23000000' stroke-width='1'/%3E%3C/svg%3E");
|
|
2685
2701
|
}
|
|
2686
2702
|
|
|
2687
|
-
.sbb-select-trigger {
|
|
2688
|
-
width: 100%;
|
|
2689
|
-
height: var(--sbb-size-element-xs);
|
|
2690
|
-
}
|
|
2691
|
-
sbb-form-field .sbb-select-trigger {
|
|
2692
|
-
top: 0;
|
|
2693
|
-
}
|
|
2694
|
-
|
|
2695
2703
|
.sbb-overlay-outlet {
|
|
2696
2704
|
position: fixed;
|
|
2697
2705
|
inset: 0;
|
|
2698
2706
|
pointer-events: none;
|
|
2699
2707
|
}
|
|
2700
2708
|
|
|
2701
|
-
.sbb-options-nowrap {
|
|
2702
|
-
--sbb-option-text-overflow: ellipsis;
|
|
2703
|
-
--sbb-option-overflow: hidden;
|
|
2704
|
-
--sbb-option-white-space: nowrap;
|
|
2705
|
-
}
|
|
2706
|
-
|
|
2707
2709
|
sub {
|
|
2708
2710
|
bottom: -0.36em;
|
|
2709
2711
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../status.component-
|
|
1
|
+
import { t as e } from "../status.component-5SKEusnj.js";
|
|
2
2
|
export { e as SbbStatusElement };
|
|
@@ -4,7 +4,7 @@ import { property as i } from "lit/decorators.js";
|
|
|
4
4
|
import { SbbElement as a, boxSizingStyles as o } from "./core.js";
|
|
5
5
|
import { SbbIconNameMixin as s } from "./icon.pure.js";
|
|
6
6
|
//#region src/elements/status/status.scss?inline
|
|
7
|
-
var c = ":host{--sbb-status-text-color: var(--sbb-status-color);display:flex;gap:var(--sbb-status-gap);color:var(--sbb-status-text-color);font-size:var(--sbb-status-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text)}:host([type=error]){--sbb-status-color: var(--sbb-color-error)}:host([type=success]){--sbb-status-color: var(--sbb-color-success)}:host([type=warning]){--sbb-status-color: var(--sbb-color-2)}:host([type=pending]){--sbb-status-color: var(--sbb-color-sky)}:host([type=incomplete]){--sbb-status-color: var(--sbb-color-error)}:host([type=not-started]){--sbb-status-color: var(--sbb-color-5);--sbb-status-text-color: var(--sbb-color-2)}:host([type=in-progress]){--sbb-status-color: var(--sbb-color-pink)}:host(:is(:state(slotted-title),[state--slotted-title])){--sbb-status-gap: var(--sbb-spacing-responsive-xxxs);--_sbb-status-title-font-size: var(--sbb-heading-font-size-5);--_sbb-status-title-line-height: var(--sbb-typo-line-height-heading);color:var(--sbb-status-title-color)}.sbb-status__icon{display:flex;flex-shrink:0;color:var(--sbb-status-color);margin-block-start:calc((var(--_sbb-status-title-font-size, var(--sbb-status-font-size)) * var(--_sbb-status-title-line-height, var(--sbb-typo-line-height-text)) - var(--sbb-size-icon-ui-small)) / 2)}.sbb-status__content-slot{display:inline;margin:0;padding:0}::slotted(sbb-title){margin-block:0}", l = (() => {
|
|
7
|
+
var c = ":host{--sbb-status-text-color: var(--sbb-status-color);display:flex;gap:var(--sbb-status-gap);color:var(--sbb-status-text-color);font-size:var(--sbb-status-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}:host([type=error]){--sbb-status-color: var(--sbb-color-error)}:host([type=success]){--sbb-status-color: var(--sbb-color-success)}:host([type=warning]){--sbb-status-color: var(--sbb-color-2)}:host([type=pending]){--sbb-status-color: var(--sbb-color-sky)}:host([type=incomplete]){--sbb-status-color: var(--sbb-color-error)}:host([type=not-started]){--sbb-status-color: var(--sbb-color-5);--sbb-status-text-color: var(--sbb-color-2)}:host([type=in-progress]){--sbb-status-color: var(--sbb-color-pink)}:host(:is(:state(slotted-title),[state--slotted-title])){--sbb-status-gap: var(--sbb-spacing-responsive-xxxs);--_sbb-status-title-font-size: var(--sbb-heading-font-size-5);--_sbb-status-title-line-height: var(--sbb-typo-line-height-heading);color:var(--sbb-status-title-color)}.sbb-status__icon{display:flex;flex-shrink:0;color:var(--sbb-status-color);margin-block-start:calc((var(--_sbb-status-title-font-size, var(--sbb-status-font-size)) * var(--_sbb-status-title-line-height, var(--sbb-typo-line-height-text)) - var(--sbb-size-icon-ui-small)) / 2)}.sbb-status__content-slot{display:inline;margin:0;padding:0}::slotted(sbb-title){margin-block:0}", l = (() => {
|
|
8
8
|
let l = s(a), u, d = [], f = [];
|
|
9
9
|
return class extends l {
|
|
10
10
|
static {
|
package/status.js
CHANGED
package/status.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./status.component-
|
|
1
|
+
import { t as e } from "./status.component-5SKEusnj.js";
|
|
2
2
|
export { e as SbbStatusElement };
|
|
@@ -0,0 +1,77 @@
|
|
|
1
|
+
import { html as e, unsafeCSS as t } from "lit";
|
|
2
|
+
import { SbbButtonBaseElement as n, SbbDisabledMixin as r, SbbPropertyWatcherController as i, appendAriaElements as a, boxSizingStyles as o, removeAriaElements as s } from "./core.js";
|
|
3
|
+
import { SbbIconNameMixin as c } from "./icon.pure.js";
|
|
4
|
+
//#region src/elements/stepper/step-label/step-label.scss?inline
|
|
5
|
+
var l = ":host{--sbb-step-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-m);--_sbb-step-label-inset-inline-start: calc(var(--sbb-step-label-prefix-size) / 2);--_sbb-step-label-translate-y: calc( -50% + var(--sbb-step-label-translate-y-content-hover, 0rem) );--_sbb-step-label-prefix-inset-block-start: calc( 1em * (var(--sbb-typo-line-height-text) / 2) + (var(--sbb-border-width-1x) / 2) - (var(--sbb-step-label-prefix-size) / 2) );position:relative;display:flex;min-width:0;max-width:fit-content;gap:var(--sbb-step-label-gap);cursor:var(--sbb-step-label-cursor);color:var(--sbb-step-label-color);font-size:var(--sbb-step-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text)}:host:before{position:absolute;top:50%;left:50%;translate:-50% -50%;font-size:var(--sbb-text-font-size-xxs);font-weight:var(--sbb-step-label-font-weight-selected, normal);inset-block-start:var(--_sbb-step-label-inset-block-start);inset-inline-start:var(--_sbb-step-label-inset-inline-start);line-height:1;z-index:1;translate:-50% var(--_sbb-step-label-translate-y);transition:translate var(--sbb-step-label-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: var(--sbb-color-3);--sbb-step-label-font-weight-selected: bold}@media(forced-colors:active){:host(:is(:state(selected),[state--selected])){--sbb-step-label-color: Highlight !important}}:host(:is(:state(size-s),[state--size-s])){--sbb-step-label-gap: var(--sbb-spacing-fixed-3x);--sbb-step-label-prefix-size: var(--sbb-size-element-xxxs);--sbb-step-label-font-size: var(--sbb-text-font-size-m);--_sbb-step-label-inset-block-start: var(--sbb-step-label-inset-block-start-size-s)}:host(:disabled){--sbb-step-label-color: var(--sbb-color-granite);--sbb-step-label-color: light-dark(var(--sbb-color-granite), var(--sbb-color-graphite));--sbb-step-label-prefix-border-style: dashed}@media(forced-colors:active){:host(:disabled){--sbb-step-label-color: GrayText !important}}@media(any-hover:hover){:host(:hover:not(:disabled)){--sbb-step-label-cursor: var(--sbb-cursor-pointer);--sbb-step-label-prefix-background-color: var(--sbb-background-color-3);--sbb-step-label-translate-y-content-hover: -.0625rem;--sbb-step-label-prefix-size-grow-hover: calc(var(--sbb-border-width-2x) * -1)}}: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);border-radius:var(--sbb-border-radius-1x)}:host(:is(:state(orientation-vertical),[state--orientation-vertical])){transition:margin var(--sbb-stepper-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(orientation-vertical),[state--orientation-vertical]):not(:first-of-type)){margin-block-start:var(--sbb-spacing-fixed-6x)}:host(:is(:state(selected),[state--selected]):is(:state(orientation-vertical),[state--orientation-vertical])){margin-block-end:var(--sbb-spacing-fixed-8x)}.sbb-step-label__prefix{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:center;width:var(--sbb-step-label-prefix-size);height:var(--sbb-step-label-prefix-size);inset-block-start:var(--_sbb-step-label-prefix-inset-block-start)}.sbb-step-label__prefix:before{content:\"\";position:absolute;inset:calc(var(--sbb-step-label-prefix-size-grow-hover, 0rem));border-radius:var(--sbb-border-radius-infinity);border:var(--sbb-border-width-1x) var(--sbb-step-label-prefix-border-style) var(--sbb-step-label-prefix-border-color);background-color:var(--sbb-step-label-prefix-background-color);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,inset}.sbb-step-label__text{font-weight:700}:host(:is(:state(orientation-horizontal),[state--orientation-horizontal])) .sbb-step-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}::slotted(sbb-icon),sbb-icon{z-index:1;background-color:var(--sbb-step-label-prefix-background-color);border-radius:var(--sbb-border-radius-infinity);translate:0 var(--sbb-step-label-translate-y-content-hover, 0rem);transition-duration:var(--sbb-step-label-animation-duration);transition-timing-function:var(--sbb-animation-easing);transition-property:background-color,translate}", u = class extends c(r(n)) {
|
|
6
|
+
static {
|
|
7
|
+
this.elementName = "sbb-step-label";
|
|
8
|
+
}
|
|
9
|
+
static {
|
|
10
|
+
this.role = "tab";
|
|
11
|
+
}
|
|
12
|
+
static {
|
|
13
|
+
this.styles = [o, t(l)];
|
|
14
|
+
}
|
|
15
|
+
get step() {
|
|
16
|
+
return this._step;
|
|
17
|
+
}
|
|
18
|
+
get stepper() {
|
|
19
|
+
return this.closest("sbb-stepper");
|
|
20
|
+
}
|
|
21
|
+
set disabled(e) {
|
|
22
|
+
super.disabled = e, this.toggleState("user-disabled", e);
|
|
23
|
+
}
|
|
24
|
+
get disabled() {
|
|
25
|
+
return super.disabled;
|
|
26
|
+
}
|
|
27
|
+
constructor() {
|
|
28
|
+
super(), this._step = null, this.addEventListener?.("click", () => {
|
|
29
|
+
let e = this.stepper;
|
|
30
|
+
e && this.step && this._isNotDeactivatedByLinearMode(this.step) && (e.selected = this.step);
|
|
31
|
+
}), this.addController(new i(this, () => this.stepper, {
|
|
32
|
+
orientation: (e) => {
|
|
33
|
+
this._previousOrientation && this.internals.states.delete(`orientation-${this._previousOrientation}`), this._previousOrientation = e.orientation, this._previousOrientation && this.internals.states.add(`orientation-${this._previousOrientation}`);
|
|
34
|
+
},
|
|
35
|
+
size: (e) => {
|
|
36
|
+
this._previousSize && this.internals.states.delete(`size-${this._previousSize}`), this._previousSize = e.size, this._previousSize && this.internals.states.add(`size-${this._previousSize}`);
|
|
37
|
+
}
|
|
38
|
+
}));
|
|
39
|
+
}
|
|
40
|
+
_isNotDeactivatedByLinearMode(e) {
|
|
41
|
+
let t = this.stepper;
|
|
42
|
+
if (t?.linear && t.selectedIndex !== null) {
|
|
43
|
+
let n = t.steps.indexOf(e);
|
|
44
|
+
return n < t.selectedIndex || n === t.selectedIndex + 1;
|
|
45
|
+
}
|
|
46
|
+
return !0;
|
|
47
|
+
}
|
|
48
|
+
connectedCallback() {
|
|
49
|
+
super.connectedCallback(), this.slot ||= "step-label", this.internals.ariaSelected = "false", this.tabIndex = -1, this._assignStep();
|
|
50
|
+
}
|
|
51
|
+
select() {
|
|
52
|
+
this.tabIndex = 0, this.internals.ariaSelected = "true", this.internals.states.add("selected");
|
|
53
|
+
}
|
|
54
|
+
deselect() {
|
|
55
|
+
this.tabIndex = -1, this.internals.ariaSelected = "false", this.internals.states.delete("selected");
|
|
56
|
+
}
|
|
57
|
+
configure(e, t, n) {
|
|
58
|
+
n && this._assignStep(), this.internals.ariaPosInSet = `${e}`, this.internals.ariaSetSize = `${t}`;
|
|
59
|
+
}
|
|
60
|
+
_assignStep() {
|
|
61
|
+
let e = this.nextElementSibling;
|
|
62
|
+
for (; e && e.localName !== "sbb-step";) e = e.nextElementSibling;
|
|
63
|
+
let t = e;
|
|
64
|
+
this.internals.ariaControlsElements = s(this.internals.ariaControlsElements, this._step), this._step = t instanceof Element ? t : null, this.internals.ariaControlsElements = a(this.internals.ariaControlsElements, this._step);
|
|
65
|
+
}
|
|
66
|
+
disable(e) {
|
|
67
|
+
super.disabled = e;
|
|
68
|
+
}
|
|
69
|
+
render() {
|
|
70
|
+
return e`
|
|
71
|
+
<span class="sbb-step-label__prefix">${this.renderIconSlot()}</span>
|
|
72
|
+
<span class="sbb-step-label__text"><slot></slot></span>
|
|
73
|
+
`;
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
//#endregion
|
|
77
|
+
export { u as t };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../step-label.component-
|
|
1
|
+
import { t as e } from "../../step-label.component-DM7lQw8b.js";
|
|
2
2
|
export { e as SbbStepLabelElement };
|
package/stepper.js
CHANGED
package/stepper.pure.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./step-label.component-
|
|
1
|
+
import { t as e } from "./step-label.component-DM7lQw8b.js";
|
|
2
2
|
import { t } from "./step.component-sQbJslHx.js";
|
|
3
3
|
import { n, t as r } from "./stepper.component-8IXNrdx7.js";
|
|
4
4
|
export { r as SbbStepChangeEvent, t as SbbStepElement, e as SbbStepLabelElement, n as SbbStepperElement };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { unsafeCSS as e } from "lit";
|
|
2
|
+
//#region src/elements/tabs/common/tab-group-common.scss?inline
|
|
3
|
+
var t = ":host{display:flex;flex-direction:column}:host(:not([size])){--sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-default)}:host([size=s]){--sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-size-s)}:host([size=l]){--sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-size-l)}:host([size=xl]){--sbb-tab-group-content-gap: var(--sbb-tab-group-content-gap-size-xl)}.sbb-tab-group,.sbb-tab-nav-bar{display:flex;flex-wrap:wrap}", n = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tab-label-outline-border-radius-internal: calc( var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset) )}:host(:is(:is(:state(size-s),[state--size-s]),[size=s])){--sbb-tab-label-height: var(--sbb-size-element-xs);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);--sbb-tab-label-font-size: var(--sbb-text-font-size-s)}:host(:is(:is(:state(size-l),[state--size-l]),[size=l])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-m)}:host(:is(:is(:state(size-xl),[state--size-xl]),[size=xl])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-xl)}:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){pointer-events:var(--sbb-tab-label-pointer-events, unset)}@media(forced-colors:active){:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a),:host(sbb-tab-label) .sbb-tab-label{position:relative;display:flex;align-items:center;gap:var(--sbb-tab-label-gap);color:var(--sbb-tab-label-color);margin:0;padding-inline:var(--sbb-tab-label-inline-padding);min-height:var(--sbb-tab-label-height);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);font-size:var(--sbb-tab-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);font-weight:var(--sbb-tab-label-font-weight);text-decoration:var(--sbb-tab-label-text-decoration)}:host(sbb-tab-nav-bar) ::slotted(a):after,:host(sbb-tab-label) .sbb-tab-label:after{position:absolute;content:\"\";inset-inline:0;inset-block-end:0;height:var(--sbb-tab-label-marker-thickness);background-color:var(--sbb-tab-label-color);scale:var(--sbb-tab-label-marker-scale, 0);transition-duration:var(--sbb-tab-label-animation-duration);transition-timing-function:var(--sbb-tab-label-animation-easing);transition-property:scale,background-color}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider],:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])){position:relative}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider]:before,:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])):before{content:\"\";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-tab-label-line-color)}:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-text-decoration: line-through}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-color: GrayText;--sbb-tab-label-amount-color: GrayText}}:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: var(--sbb-color-3);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-marker-scale: 1}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}@media(any-hover:hover){:host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),:host(sbb-tab-label:hover:not([disabled])){--sbb-tab-label-marker-scale: 1}}:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: var(--sbb-color-3)}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),:host(sbb-tab-label:focus-visible) .sbb-tab-label{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-tab-label-outline-border-radius-internal)}", r = e(t), i = e(n);
|
|
4
|
+
//#endregion
|
|
5
|
+
export { i as n, r as t };
|
|
@@ -6,7 +6,7 @@ import { html as u, unsafeStatic as d } from "lit/static-html.js";
|
|
|
6
6
|
import { SbbIconNameMixin as f } from "./icon.pure.js";
|
|
7
7
|
import { tabLabelCommonStyles as p } from "./tabs/common/styles.js";
|
|
8
8
|
//#region src/elements/tabs/tab-label/tab-label.scss?inline
|
|
9
|
-
var m = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tab-label-outline-border-radius-internal: calc( var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset) )}:host(:is(:is(:state(size-s),[state--size-s]),[size=s])){--sbb-tab-label-height: var(--sbb-size-element-xs);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);--sbb-tab-label-font-size: var(--sbb-text-font-size-s)}:host(:is(:is(:state(size-l),[state--size-l]),[size=l])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-m)}:host(:is(:is(:state(size-xl),[state--size-xl]),[size=xl])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-xl)}:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){pointer-events:var(--sbb-tab-label-pointer-events, unset)}@media(forced-colors:active){:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a),:host(sbb-tab-label) .sbb-tab-label{position:relative;display:flex;align-items:center;gap:var(--sbb-tab-label-gap);color:var(--sbb-tab-label-color);margin:0;padding-inline:var(--sbb-tab-label-inline-padding);min-height:var(--sbb-tab-label-height);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);font-size:var(--sbb-tab-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);font-weight:var(--sbb-tab-label-font-weight);text-decoration:var(--sbb-tab-label-text-decoration)}:host(sbb-tab-nav-bar) ::slotted(a):after,:host(sbb-tab-label) .sbb-tab-label:after{position:absolute;content:\"\";inset-inline:0;inset-block-end:0;height:var(--sbb-tab-label-marker-thickness);background-color:var(--sbb-tab-label-color);scale:var(--sbb-tab-label-marker-scale, 0);transition-duration:var(--sbb-tab-label-animation-duration);transition-timing-function:var(--sbb-tab-label-animation-easing);transition-property:scale,background-color}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider],:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])){position:relative}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider]:before,:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])):before{content:\"\";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-tab-label-line-color)}:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-text-decoration: line-through}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-color: GrayText;--sbb-tab-label-amount-color: GrayText}}:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: var(--sbb-color-3);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-marker-scale: 1}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}@media(any-hover:hover){:host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),:host(sbb-tab-label:hover:not([disabled])){--sbb-tab-label-marker-scale: 1}}:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: var(--sbb-color-3)}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),:host(sbb-tab-label:focus-visible) .sbb-tab-label{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-tab-label-outline-border-radius-internal)}:host{display:inline-block;max-width:100%;outline:none!important}.sbb-tab-label{cursor:var(--sbb-tab-label-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-tab-label__icon{display:flex;flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tab-label__icon{display:none}.sbb-tab-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-tab-label__text{display:none}.sbb-tab-label__amount{margin:0;color:var(--sbb-tab-label-amount-color);font-weight:400;text-decoration:var(--sbb-tab-label-text-decoration)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tab-label__amount{display:none}", h = (() => {
|
|
9
|
+
var m = ":host{--sbb-tab-label-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-tab-label-outline-border-radius-internal: calc( var(--sbb-tab-label-outline-border-radius) - var(--sbb-focus-outline-offset) )}:host(:is(:is(:state(size-s),[state--size-s]),[size=s])){--sbb-tab-label-height: var(--sbb-size-element-xs);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xxxs);--sbb-tab-label-font-size: var(--sbb-text-font-size-s)}:host(:is(:is(:state(size-l),[state--size-l]),[size=l])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-m)}:host(:is(:is(:state(size-xl),[state--size-xl]),[size=xl])){--sbb-tab-label-height: var(--sbb-size-element-m);--sbb-tab-label-inline-padding: var(--sbb-spacing-responsive-xs);--sbb-tab-label-font-size: var(--sbb-text-font-size-xl)}:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){pointer-events:var(--sbb-tab-label-pointer-events, unset)}@media(forced-colors:active){:host(sbb-tab-label),:host(sbb-tab-nav-bar) ::slotted(a){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a),:host(sbb-tab-label) .sbb-tab-label{position:relative;display:flex;align-items:center;gap:var(--sbb-tab-label-gap);color:var(--sbb-tab-label-color);margin:0;padding-inline:var(--sbb-tab-label-inline-padding);min-height:var(--sbb-tab-label-height);transition:color var(--sbb-tab-label-animation-duration) var(--sbb-tab-label-animation-easing);font-size:var(--sbb-tab-label-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);font-weight:var(--sbb-tab-label-font-weight);text-decoration:var(--sbb-tab-label-text-decoration)}:host(sbb-tab-nav-bar) ::slotted(a):after,:host(sbb-tab-label) .sbb-tab-label:after{position:absolute;content:\"\";inset-inline:0;inset-block-end:0;height:var(--sbb-tab-label-marker-thickness);background-color:var(--sbb-tab-label-color);scale:var(--sbb-tab-label-marker-scale, 0);transition-duration:var(--sbb-tab-label-animation-duration);transition-timing-function:var(--sbb-tab-label-animation-easing);transition-property:scale,background-color}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider],:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])){position:relative}:host(sbb-tab-nav-bar) .sbb-tab-nav-bar>[data-has-divider]:before,:host(sbb-tab-label:is(:state(has-divider),[state--has-divider])):before{content:\"\";position:absolute;inset-inline-start:0;inset-block-end:0;width:var(--sbb-tab-group-width);height:var(--sbb-border-width-1x);background-color:var(--sbb-tab-label-line-color)}:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-text-decoration: line-through}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-disabled),:host(sbb-tab-label[disabled]){--sbb-tab-label-color: GrayText;--sbb-tab-label-amount-color: GrayText}}:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: var(--sbb-color-3);--sbb-tab-label-cursor: unset;--sbb-tab-label-pointer-events: none;--sbb-tab-label-marker-scale: 1}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a.sbb-active:not(.sbb-disabled)),:host(sbb-tab-label[active]:not([disabled])){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}@media(any-hover:hover){:host(sbb-tab-nav-bar) ::slotted(a:hover:not(.sbb-disabled)),:host(sbb-tab-label:hover:not([disabled])){--sbb-tab-label-marker-scale: 1}}:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: var(--sbb-color-3)}@media(forced-colors:active){:host(sbb-tab-nav-bar) ::slotted(a:active:not(.sbb-disabled)),:host(sbb-tab-label:active){--sbb-tab-label-color: ButtonText;--sbb-tab-label-amount-color: ButtonText}}:host(sbb-tab-nav-bar) ::slotted(a:focus-visible),:host(sbb-tab-label:focus-visible) .sbb-tab-label{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-tab-label-outline-border-radius-internal)}:host{display:inline-block;max-width:100%;outline:none!important}.sbb-tab-label{cursor:var(--sbb-tab-label-cursor);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.sbb-tab-label__icon{display:flex;flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tab-label__icon{display:none}.sbb-tab-label__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:not(:is(:state(slotted),[state--slotted]))) .sbb-tab-label__text{display:none}.sbb-tab-label__amount{margin:0;color:var(--sbb-tab-label-amount-color);font-weight:400;text-decoration:var(--sbb-tab-label-text-decoration)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tab-label__amount{display:none}", h = (() => {
|
|
10
10
|
let h = i(f(a)), g, _ = [], v = [], y, b = [], x = [], S, C = [], w = [];
|
|
11
11
|
return class extends h {
|
|
12
12
|
static {
|
package/tabs/common/styles.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { n as e, t } from "../../styles-
|
|
1
|
+
import { n as e, t } from "../../styles-DisU4TWi.js";
|
|
2
2
|
export { t as tabGroupCommonStyles, e as tabLabelCommonStyles };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../tab-label.component-
|
|
1
|
+
import { t as e } from "../../tab-label.component-JjktN30A.js";
|
|
2
2
|
export { e as SbbTabLabelElement };
|
package/tabs.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { t as e } from "./tab-group.component-B3uz-8FA.js";
|
|
2
|
-
import { t } from "./tab-label.component-
|
|
2
|
+
import { t } from "./tab-label.component-JjktN30A.js";
|
|
3
3
|
import { t as n } from "./tab-nav-bar.component-C6ZRnHq_.js";
|
|
4
4
|
import { t as r } from "./tab.component-D6hfhlZw.js";
|
|
5
|
-
import { n as i, t as a } from "./styles-
|
|
5
|
+
import { n as i, t as a } from "./styles-DisU4TWi.js";
|
|
6
6
|
import "./tabs.pure.js";
|
|
7
7
|
r.define(), e.define(), t.define(), n.define();
|
|
8
8
|
//#endregion
|
package/tabs.pure.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as e } from "./tab-group.component-B3uz-8FA.js";
|
|
2
|
-
import { t } from "./tab-label.component-
|
|
2
|
+
import { t } from "./tab-label.component-JjktN30A.js";
|
|
3
3
|
import { t as n } from "./tab-nav-bar.component-C6ZRnHq_.js";
|
|
4
4
|
import { t as r } from "./tab.component-D6hfhlZw.js";
|
|
5
|
-
import { n as i, t as a } from "./styles-
|
|
5
|
+
import { n as i, t as a } from "./styles-DisU4TWi.js";
|
|
6
6
|
export { r as SbbTabElement, e as SbbTabGroupElement, t as SbbTabLabelElement, n as SbbTabNavBarElement, a as tabGroupCommonStyles, i as tabLabelCommonStyles };
|
package/tag/tag/tag.component.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../tag.component-
|
|
1
|
+
import { t as e } from "../../tag.component-BGYVbfUx.js";
|
|
2
2
|
export { e as SbbTagElement };
|
|
@@ -4,7 +4,7 @@ import { property as i } from "lit/decorators.js";
|
|
|
4
4
|
import { SbbButtonLikeBaseElement as a, SbbDisabledTabIndexActionMixin as o, boxSizingStyles as s, forceType as c, getOverride as l, isLean as u, omitEmptyConverter as d } from "./core.js";
|
|
5
5
|
import { SbbIconNameMixin as f } from "./icon.pure.js";
|
|
6
6
|
//#region src/elements/tag/tag/tag.scss?inline
|
|
7
|
-
var p = ":host{--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:inline-block;max-width:100%;outline:none!important}:host(:is(:state(checked),[state--checked])){--sbb-tag-border-color: var(--sbb-border-color-3);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-tag-border-color: Highlight !important;--sbb-tag-border-width: var(--sbb-border-width-4x)}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-text-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host(:is(:state(checked),[state--checked]):is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal);--sbb-tag-border-color: light-dark(var(--sbb-color-metal), var(--sbb-color-cement));--sbb-tag-border-style: dashed}@media(any-hover:hover){:host(:hover:not(:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media(any-hover:hover)and (forced-colors:active){:host(:hover:not(:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-tag-border-color: Highlight}}:host(:is(:active,:is(:state(active),[state--active])):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-color: light-dark(var(--sbb-color-iron), var(--sbb-color-storm));--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-4)}@media(forced-colors:active){:host(:is(:active,:is(:state(active),[state--active])):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=m]){--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x)}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;font-size:var(--sbb-text-font-size-xs);letter-spacing:var(--sbb-typo-letter-spacing-text);gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:var(--sbb-tag-cursor, var(--sbb-cursor-pointer));border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-tag-pointer-events, unset)}.sbb-tag:before{content:\"\";position:absolute;inset:var(--sbb-tag-inset, 0);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible) .sbb-tag:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-text) * 1em);flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}.sbb-tag__amount{color:var(--sbb-tag-amount-color)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift, 0);will-change:transform}", m = (() => {
|
|
7
|
+
var p = ":host{--sbb-tag-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );display:inline-block;max-width:100%;outline:none!important}:host(:is(:state(checked),[state--checked])){--sbb-tag-border-color: var(--sbb-border-color-3);--sbb-tag-border-width: var(--sbb-border-width-2x)}@media(forced-colors:active){:host(:is(:state(checked),[state--checked])){--sbb-tag-border-color: Highlight !important;--sbb-tag-border-width: var(--sbb-border-width-4x)}}:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: var(--sbb-color-granite);--sbb-tag-text-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));--sbb-tag-amount-color: var(--sbb-tag-text-color);--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-cement);--sbb-tag-border-color: light-dark(var(--sbb-color-cement), var(--sbb-color-smoke));--sbb-tag-border-style: dashed;--sbb-tag-cursor: unset;--sbb-tag-pointer-events: none}@media(forced-colors:active){:host(:is(:disabled,[disabled-interactive])){--sbb-tag-text-color: GrayText;--sbb-tag-amount-color: GrayText;--sbb-tag-border-color: GrayText}}:host(:is(:state(checked),[state--checked]):is(:disabled,[disabled-interactive])){--sbb-tag-border-color: var(--sbb-color-metal);--sbb-tag-border-color: light-dark(var(--sbb-color-metal), var(--sbb-color-cement));--sbb-tag-border-style: dashed}@media(any-hover:hover){:host(:hover:not(:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-inset: calc(var(--sbb-border-width-2x) * -1);--sbb-tag-content-shift: translateY(calc(var(--sbb-border-width-1x) * -1))}}@media(any-hover:hover)and (forced-colors:active){:host(:hover:not(:disabled,[disabled-interactive],:active,:is(:state(active),[state--active]))){--sbb-tag-border-color: Highlight}}:host(:is(:active,:is(:state(active),[state--active])):not(:disabled,[disabled-interactive])){--sbb-tag-background-color: var(--sbb-background-color-3);--sbb-tag-border-color: var(--sbb-color-iron);--sbb-tag-border-color: light-dark(var(--sbb-color-iron), var(--sbb-color-storm));--sbb-tag-border-width: var(--sbb-border-width-2x);--sbb-tag-text-color: var(--sbb-color-4)}@media(forced-colors:active){:host(:is(:active,:is(:state(active),[state--active])):not(:disabled,[disabled-interactive])){--sbb-tag-border-color: Highlight;--sbb-tag-text-color: ButtonText}}:host([size=m]){--sbb-tag-height: var(--sbb-size-element-xs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-5x)}:host([size=s]){--sbb-tag-height: var(--sbb-size-element-xxxs);--sbb-tag-padding-inline: var(--sbb-spacing-fixed-3x)}.sbb-tag{position:relative;display:flex;align-items:center;height:var(--sbb-tag-height);max-width:100%;font-size:var(--sbb-text-font-size-xs);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:var(--sbb-typo-line-height-text);gap:var(--sbb-tag-gap);padding-inline:var(--sbb-tag-padding-inline);cursor:var(--sbb-tag-cursor, var(--sbb-cursor-pointer));border-radius:var(--sbb-tag-border-radius);color:var(--sbb-tag-text-color);transition:color var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;pointer-events:var(--sbb-tag-pointer-events, unset)}.sbb-tag:before{content:\"\";position:absolute;inset:var(--sbb-tag-inset, 0);background-color:var(--sbb-tag-background-color);border:var(--sbb-tag-border-width) var(--sbb-tag-border-style) var(--sbb-tag-border-color);border-radius:var(--sbb-tag-border-radius);transition-duration:var(--sbb-tag-animation-duration);transition-timing-function:var(--sbb-tag-animation-easing);transition-property:inset,background-color,border-color,box-shadow}:host(:focus-visible) .sbb-tag:before{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}.sbb-tag__icon{display:flex;align-items:center;height:calc(var(--sbb-typo-line-height-text) * 1em);flex-shrink:0}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-tag__icon{display:none}.sbb-tag__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:700}.sbb-tag__amount{color:var(--sbb-tag-amount-color)}:host(:not(:is(:state(slotted-amount),[state--slotted-amount]),[amount])) .sbb-tag__amount{display:none}.sbb-tag--shift{transition:transform var(--sbb-tag-animation-duration) var(--sbb-tag-animation-easing);transform:var(--sbb-tag-content-shift, 0);will-change:transform}", m = (() => {
|
|
8
8
|
let m = f(o(a)), h, g = [], _ = [], v, y = [], b = [], x, S = [], C = [], w, T = [], E = [];
|
|
9
9
|
return class extends m {
|
|
10
10
|
static {
|
package/tag.js
CHANGED
package/tag.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../teaser-hero.component-
|
|
1
|
+
import { t as e } from "../teaser-hero.component-By1HInfz.js";
|
|
2
2
|
export { e as SbbTeaserHeroElement };
|
|
@@ -6,7 +6,7 @@ import { html as c } from "lit/static-html.js";
|
|
|
6
6
|
import { SbbBlockLinkStaticElement as l } from "./link.pure.js";
|
|
7
7
|
import { SbbTeaserPanelElement as u } from "./teaser-panel.pure.js";
|
|
8
8
|
//#region src/elements/teaser-hero/teaser-hero.scss?inline
|
|
9
|
-
var d = ":host{
|
|
9
|
+
var d = ":host{display:block;position:relative;outline:none!important}::slotted([slot=image]){width:100%}.sbb-teaser-hero{display:block;text-decoration:none}.sbb-teaser-hero:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width)}sbb-teaser-panel{position:absolute}:host(:not(:is(:state(slotted-image),[state--slotted-image]))) sbb-teaser-panel{position:static}:host(:not(:is(:state(slotted),[state--slotted]),:is(:state(slotted-link-content),[state--slotted-link-content]),[link-content])) sbb-teaser-panel{display:none}.sbb-teaser-hero__panel-link{font-weight:var(--sbb-teaser-hero-link-font-weight)}:host(:not([href])) .sbb-teaser-hero__panel-link{display:none}", f = (() => {
|
|
10
10
|
let f = i, p, m = [], h = [];
|
|
11
11
|
return class extends f {
|
|
12
12
|
static {
|
package/teaser-hero.js
CHANGED
package/teaser-hero.pure.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./teaser-hero.component-
|
|
1
|
+
import { t as e } from "./teaser-hero.component-By1HInfz.js";
|
|
2
2
|
export { e as SbbTeaserHeroElement };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../timetable-occupancy.component-
|
|
1
|
+
import { t as e } from "../timetable-occupancy.component-Dq9RM6qS.js";
|
|
2
2
|
export { e as SbbTimetableOccupancyElement };
|
package/{timetable-occupancy.component-CLpJ-rjI.js → timetable-occupancy.component-Dq9RM6qS.js}
RENAMED
|
@@ -4,7 +4,7 @@ import { property as a } from "lit/decorators.js";
|
|
|
4
4
|
import { SbbElement as o, SbbLanguageController as s, SbbNegativeMixin as c, SbbScreenReaderOnlyElement as l, boxSizingStyles as u, i18nClass as d } from "./core.js";
|
|
5
5
|
import { SbbTimetableOccupancyIconElement as f } from "./timetable-occupancy-icon.pure.js";
|
|
6
6
|
//#region src/elements/timetable-occupancy/timetable-occupancy.scss?inline
|
|
7
|
-
var p = ":host{--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem;display:inline-block}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-list-gap)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-item-gap)}.sbb-timetable-occupancy__list-item-class{color:var(--sbb-timetable-occupancy-color);
|
|
7
|
+
var p = ":host{--sbb-icon-svg-width: .890625rem;--sbb-icon-svg-height: v0.75rem;display:inline-block}@media(min-width:64rem){:host{--sbb-icon-svg-width: 1.1875rem;--sbb-icon-svg-height: v1rem}}:host([negative]){--sbb-timetable-occupancy-color: var(--sbb-color-2-negative)}.sbb-timetable-occupancy__list{list-style:none;margin:0;padding:0;font-size:inherit;display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-list-gap)}.sbb-timetable-occupancy__list-item{display:flex;align-items:center;flex-wrap:nowrap;gap:var(--sbb-timetable-occupancy-item-gap)}.sbb-timetable-occupancy__list-item-class{color:var(--sbb-timetable-occupancy-color);font-size:var(--sbb-timetable-occupancy-font-size);letter-spacing:var(--sbb-typo-letter-spacing-text);line-height:1}.sbb-timetable-occupancy__list-item-icon{display:flex}", m = (() => {
|
|
8
8
|
let m = c(o), h, g = [], _ = [], v, y = [], b = [];
|
|
9
9
|
return class extends m {
|
|
10
10
|
constructor() {
|
package/timetable-occupancy.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "./timetable-occupancy.component-
|
|
1
|
+
import { t as e } from "./timetable-occupancy.component-Dq9RM6qS.js";
|
|
2
2
|
export { e as SbbTimetableOccupancyElement };
|