@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776756036 → 5.0.0-next-dev.1776772852
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-B7fDDO1F.js → autocomplete-base-element-gPLexIVc.js} +1 -1
- package/autocomplete.js +1 -1
- package/autocomplete.pure.js +1 -1
- package/core/styles/core.scss +6 -0
- package/core/styles/host-scrollbar.scss +6 -0
- package/core/styles/mixins/panel.scss +5 -1
- package/core/styles/mixins/scrollbar.scss +5 -8
- package/core/styles/scrollbar.scss +10 -8
- package/core/styles/styles.js +2 -2
- package/core.css +23 -2
- package/core.js +2 -2
- package/custom-elements.json +677 -326
- package/development/autocomplete/autocomplete-base-element.js +1 -1
- package/development/autocomplete/autocomplete.component.js +1 -1
- package/development/{autocomplete-base-element-DnpaK_k3.js → autocomplete-base-element-8hV4-ys6.js} +2 -2
- package/development/autocomplete.js +1 -1
- package/development/autocomplete.pure.js +1 -1
- package/development/core/styles/styles.d.ts +1 -0
- package/development/core/styles/styles.d.ts.map +1 -1
- package/development/core/styles/styles.js +2 -2
- package/development/core.js +2 -2
- package/development/dialog/dialog-content/dialog-content.component.d.ts +1 -0
- package/development/dialog/dialog-content/dialog-content.component.d.ts.map +1 -1
- package/development/dialog/dialog-content/dialog-content.component.js +1 -1
- package/development/dialog-content.component-DlSxpY_e.js +34 -0
- package/development/dialog.js +1 -1
- package/development/dialog.pure.js +1 -1
- package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.d.ts.map +1 -1
- package/development/icon-sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
- package/development/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.d.ts.map +1 -1
- package/development/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js +1 -1
- package/development/icon-sidebar-content.component-CfkM9k--.js +35 -0
- package/development/{icon-sidebar.component-xzwoc_4y.js → icon-sidebar.component-Cgvuxg4k.js} +3 -3
- package/development/icon-sidebar.js +2 -2
- package/development/icon-sidebar.pure.js +2 -2
- package/development/map-container/map-container.component.js +1 -1
- package/development/{map-container.component-mzZ_K_fR.js → map-container.component-rgU7ZofE.js} +2 -2
- package/development/map-container.js +1 -1
- package/development/map-container.pure.js +1 -1
- package/development/menu/menu/menu.component.js +1 -1
- package/development/{menu.component-BM7hhOb4.js → menu.component-DbNRrGYy.js} +2 -2
- package/development/menu.js +1 -1
- package/development/menu.pure.js +1 -1
- package/development/navigation/navigation/navigation.component.js +1 -1
- package/development/navigation/navigation-section/navigation-section.component.js +1 -1
- package/development/{navigation-section.component-6tqZADWM.js → navigation-section.component-BSvxMUxM.js} +2 -2
- package/development/{navigation.component-DUy2QGHI.js → navigation.component-lgvLMF5e.js} +2 -2
- package/development/navigation.js +2 -2
- package/development/navigation.pure.js +2 -2
- package/development/overlay/overlay.component.js +1 -1
- package/development/{overlay.component-CA0fWX47.js → overlay.component-iy6QUYWU.js} +2 -2
- package/development/overlay.js +1 -1
- package/development/overlay.pure.js +1 -1
- package/development/popover/popover.component.js +1 -1
- package/development/{popover.component-B1gMzBuv.js → popover.component-C-zVDwjc.js} +2 -2
- package/development/popover.js +1 -1
- package/development/popover.pure.js +1 -1
- package/development/select/select.component.js +1 -1
- package/development/{select.component-CqwBdtsN.js → select.component-Ibby7Q-L.js} +2 -2
- package/development/select.js +1 -1
- package/development/select.pure.js +1 -1
- package/development/sidebar/sidebar/sidebar.component.js +1 -1
- package/development/sidebar/sidebar-content/sidebar-content.component.d.ts +1 -2
- package/development/sidebar/sidebar-content/sidebar-content.component.d.ts.map +1 -1
- package/development/sidebar/sidebar-content/sidebar-content.component.js +1 -1
- package/development/{sidebar-content.component-Os9gd7zB.js → sidebar-content.component-DbcREBUa.js} +8 -5
- package/development/{sidebar.component-CwuT6dno.js → sidebar.component-zMWbdz0h.js} +2 -2
- package/development/sidebar.js +2 -2
- package/development/sidebar.pure.js +2 -2
- package/development/styles-DcuJgwEt.js +14 -0
- package/development/tab.component-BVhYPy5Y.js +68 -0
- package/development/table/table-wrapper/table-wrapper.component.d.ts.map +1 -1
- package/development/table/table-wrapper/table-wrapper.component.js +1 -1
- package/development/table-wrapper.component-DcLwEDzr.js +119 -0
- package/development/table.js +1 -1
- package/development/table.pure.js +1 -1
- package/development/tabs/tab/tab.component.d.ts.map +1 -1
- package/development/tabs/tab/tab.component.js +1 -1
- package/development/tabs.js +1 -1
- package/development/tabs.pure.js +1 -1
- package/development/teaser/teaser.component.js +1 -1
- package/development/teaser-hero/teaser-hero.component.d.ts.map +1 -1
- package/development/teaser-hero/teaser-hero.component.js +1 -1
- package/development/teaser-hero.component-De621iKn.js +100 -0
- package/development/teaser-hero.js +1 -1
- package/development/teaser-hero.pure.js +1 -1
- package/development/teaser-panel/teaser-panel.component.d.ts +19 -0
- package/development/teaser-panel/teaser-panel.component.d.ts.map +1 -0
- package/development/teaser-panel/teaser-panel.component.js +2 -0
- package/development/teaser-panel.component-Dhka2dPT.js +32 -0
- package/development/teaser-panel.d.ts +2 -0
- package/development/teaser-panel.d.ts.map +1 -0
- package/development/teaser-panel.js +9 -0
- package/development/teaser-panel.pure.d.ts +3 -0
- package/development/teaser-panel.pure.d.ts.map +1 -0
- package/development/teaser-panel.pure.js +2 -0
- package/development/teaser-product/common/teaser-product-common.js +1 -1
- package/development/teaser-product/teaser-product/teaser-product.component.js +1 -1
- package/development/{teaser-product-common-DhbAGnQN.js → teaser-product-common-DasV_SDa.js} +1 -1
- package/development/{teaser-product.component-C3PZbA5W.js → teaser-product.component-CB6fOX7T.js} +1 -1
- package/development/teaser-product.js +2 -2
- package/development/teaser-product.pure.js +2 -2
- package/development/{teaser.component-BJso_6lz.js → teaser.component-DwM26tMt.js} +1 -1
- package/development/teaser.js +1 -1
- package/development/teaser.pure.js +1 -1
- package/development/time-input/time-input.component.js +1 -1
- package/development/{time-input.component-BWMBV6fm.js → time-input.component-x-QOtbwE.js} +1 -1
- package/development/time-input.js +1 -1
- package/development/time-input.pure.js +1 -1
- package/development/timetable-form/timetable-form/timetable-form.component.js +1 -1
- package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
- package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
- package/development/{timetable-form-details.component-C8EdT4rZ.js → timetable-form-details.component-B7mwIQoz.js} +1 -1
- package/development/{timetable-form-field.component-CoANLGWk.js → timetable-form-field.component-BIpoMaJW.js} +1 -1
- package/development/{timetable-form-swap-button.component-_EUhzoww.js → timetable-form-swap-button.component-DM7UFhGh.js} +1 -1
- package/development/{timetable-form.component-DLjBbFRv.js → timetable-form.component-BBkeono7.js} +1 -1
- package/development/timetable-form.js +4 -4
- package/development/timetable-form.pure.js +4 -4
- package/development/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.js +1 -1
- package/development/{timetable-occupancy-icon.component-DXFUx67a.js → timetable-occupancy-icon.component-CRayfWIo.js} +1 -1
- package/development/timetable-occupancy-icon.js +1 -1
- package/development/timetable-occupancy-icon.pure.js +1 -1
- package/development/{timetable-occupancy.component-By7X3Sj2.js → timetable-occupancy.component-D6BIvkpY.js} +1 -1
- 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-Bc3biGfy.js → title-base-CWLTIRh_.js} +1 -1
- package/development/{title.component-B7rIqG0N.js → title.component-TCKohHBO.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-lPPTFudM.js → toast.component-CZL72aVO.js} +1 -1
- 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/toggle-option/toggle-option.component.js +1 -1
- package/development/toggle-check/toggle-check.component.js +1 -1
- package/development/{toggle-check.component-CuODx4cx.js → toggle-check.component-BPcuOvOu.js} +1 -1
- package/development/toggle-check.js +1 -1
- package/development/toggle-check.pure.js +1 -1
- package/development/{toggle-option.component-DscH6K3b.js → toggle-option.component-DRAJ11fp.js} +1 -1
- package/development/{toggle.component-Dap1d4rK.js → toggle.component-BeHHTgRh.js} +1 -1
- package/development/toggle.js +2 -2
- package/development/toggle.pure.js +2 -2
- package/development/tooltip/tooltip.component.js +1 -1
- package/development/{tooltip.component-lvElko6C.js → tooltip.component-BV0yBh9f.js} +1 -1
- package/development/tooltip.js +1 -1
- package/development/tooltip.pure.js +1 -1
- package/development/train/train/train.component.js +1 -1
- package/development/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
- package/development/train/train-formation/train-formation.component.js +1 -1
- package/development/train/train-wagon/train-wagon.component.js +1 -1
- package/development/{train-blocked-passage.component-C6XmqBo_.js → train-blocked-passage.component-Bh2dR1gn.js} +1 -1
- package/development/{train-formation.component-CfdHRBsd.js → train-formation.component-Dm0t9N_h.js} +2 -2
- package/development/{train-wagon.component-zQVbqhIL.js → train-wagon.component-X0XSMLK_.js} +1 -1
- package/development/{train.component-D5Z4vgej.js → train.component-BvbNBkZF.js} +1 -1
- package/development/train.js +4 -4
- package/development/train.pure.js +4 -4
- package/development/visual-checkbox/visual-checkbox.component.js +1 -1
- package/development/{visual-checkbox.component-jRksxrOu.js → visual-checkbox.component-DJ30EugM.js} +1 -1
- package/development/visual-checkbox.js +1 -1
- package/development/visual-checkbox.pure.js +1 -1
- package/dialog/dialog-content/dialog-content.component.js +1 -1
- package/dialog-content.component-C_Gr8BNL.js +22 -0
- package/dialog.js +1 -1
- package/dialog.pure.js +1 -1
- package/icon-sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
- package/icon-sidebar/icon-sidebar-content/icon-sidebar-content.component.js +1 -1
- package/{icon-sidebar-content.component-DlUqWEAX.js → icon-sidebar-content.component-lFstg91Y.js} +9 -5
- package/{icon-sidebar.component-DbA4omxc.js → icon-sidebar.component-D0TtF-kR.js} +11 -11
- package/icon-sidebar.js +2 -2
- package/icon-sidebar.pure.js +2 -2
- package/index.d.ts +2 -0
- package/index.js +2 -0
- package/map-container/map-container.component.js +1 -1
- package/{map-container.component-Cqn9mKoo.js → map-container.component-De-8Tsau.js} +1 -1
- package/map-container.js +1 -1
- package/map-container.pure.js +1 -1
- package/menu/menu/menu.component.js +1 -1
- package/{menu.component-i-X_ag2Y.js → menu.component-KdXwqe55.js} +1 -1
- package/menu.js +1 -1
- package/menu.pure.js +1 -1
- package/navigation/navigation/navigation.component.js +1 -1
- package/navigation/navigation-section/navigation-section.component.js +1 -1
- package/{navigation-section.component-Db2MWBDn.js → navigation-section.component-DrnbQAZX.js} +1 -1
- package/{navigation.component-Bym1kjzt.js → navigation.component-D6HU-F51.js} +1 -1
- package/navigation.js +2 -2
- package/navigation.pure.js +2 -2
- package/off-brand-theme.css +74 -55
- package/overlay/overlay.component.js +1 -1
- package/overlay.component-bHg2Xk6D.js +161 -0
- package/overlay.js +1 -1
- package/overlay.pure.js +1 -1
- package/package.json +12 -2
- package/popover/popover.component.js +1 -1
- package/{popover.component-Dd4rKGml.js → popover.component-BCLBnddM.js} +1 -1
- package/popover.js +1 -1
- package/popover.pure.js +1 -1
- package/safety-theme.css +74 -55
- package/scrollbar.css +51 -53
- package/select/select.component.js +1 -1
- package/{select.component-Cu3ewc4i.js → select.component-BcDZm7EM.js} +1 -1
- package/select.js +1 -1
- package/select.pure.js +1 -1
- package/sidebar/sidebar/sidebar.component.js +1 -1
- package/sidebar/sidebar-content/sidebar-content.component.js +1 -1
- package/{sidebar-content.component-DEgmt4BB.js → sidebar-content.component-CYupfsq_.js} +9 -5
- package/{sidebar.component-Bxt8pWMf.js → sidebar.component-Sw06otwx.js} +1 -1
- package/sidebar.js +2 -2
- package/sidebar.pure.js +2 -2
- package/standard-theme.css +74 -55
- package/styles-swTeDfst.js +5 -0
- package/{tab.component-D39b0S04.js → tab.component-D6hfhlZw.js} +6 -6
- package/table/table-wrapper/table-wrapper.component.js +1 -1
- package/{table-wrapper.component-C36NdMWS.js → table-wrapper.component-Dxb8kzV3.js} +13 -13
- package/table.js +1 -1
- package/table.pure.js +1 -1
- package/tabs/tab/tab.component.js +1 -1
- package/tabs.js +1 -1
- package/tabs.pure.js +1 -1
- package/teaser/teaser.component.js +1 -1
- package/teaser-hero/teaser-hero.component.js +1 -1
- package/teaser-hero.component-BUhWjc2i.js +80 -0
- package/teaser-hero.js +1 -1
- package/teaser-hero.pure.js +1 -1
- package/teaser-panel/teaser-panel.component.js +2 -0
- package/teaser-panel.component-zejDYKkU.js +21 -0
- package/teaser-panel.js +6 -0
- package/teaser-panel.pure.js +2 -0
- package/teaser-product/common/teaser-product-common.js +1 -1
- package/teaser-product/teaser-product/teaser-product.component.js +1 -1
- package/teaser-product.js +2 -2
- package/teaser-product.pure.js +2 -2
- package/teaser.js +1 -1
- package/teaser.pure.js +1 -1
- package/time-input/time-input.component.js +1 -1
- package/time-input.js +1 -1
- package/time-input.pure.js +1 -1
- package/timetable-form/timetable-form/timetable-form.component.js +1 -1
- package/timetable-form/timetable-form-details/timetable-form-details.component.js +1 -1
- package/timetable-form/timetable-form-field/timetable-form-field.component.js +1 -1
- package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
- package/timetable-form.js +4 -4
- package/timetable-form.pure.js +4 -4
- package/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +1 -1
- package/timetable-occupancy-icon.js +1 -1
- package/timetable-occupancy-icon.pure.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.component-7zqQqbRJ.js → title.component-CjDkG7gT.js} +1 -1
- package/title.js +2 -2
- package/title.pure.js +2 -2
- package/toast/toast.component.js +1 -1
- package/toast.js +1 -1
- package/toast.pure.js +1 -1
- package/toggle/toggle/toggle.component.js +1 -1
- package/toggle/toggle-option/toggle-option.component.js +1 -1
- package/toggle-check/toggle-check.component.js +1 -1
- package/toggle-check.js +1 -1
- package/toggle-check.pure.js +1 -1
- package/toggle.js +2 -2
- package/toggle.pure.js +2 -2
- package/tooltip/tooltip.component.js +1 -1
- package/tooltip.js +1 -1
- package/tooltip.pure.js +1 -1
- package/train/train/train.component.js +1 -1
- package/train/train-blocked-passage/train-blocked-passage.component.js +1 -1
- package/train/train-formation/train-formation.component.js +1 -1
- package/train/train-wagon/train-wagon.component.js +1 -1
- package/{train-formation.component-5AASBGSX.js → train-formation.component-DS4EDwPY.js} +1 -1
- package/train.js +4 -4
- package/train.pure.js +4 -4
- package/visual-checkbox/visual-checkbox.component.js +1 -1
- package/visual-checkbox.js +1 -1
- package/visual-checkbox.pure.js +1 -1
- package/development/dialog-content.component-B3VB2ptp.js +0 -30
- package/development/icon-sidebar-content.component-CMzp1ewD.js +0 -31
- package/development/styles-CcYw6JtZ.js +0 -8
- package/development/tab.component-CvzGdR9_.js +0 -68
- package/development/table-wrapper.component-iSeT-FPH.js +0 -119
- package/development/teaser-hero.component-7KeR7bPf.js +0 -101
- package/dialog-content.component-DvJiuDJI.js +0 -19
- package/overlay.component-BydJOM2r.js +0 -161
- package/styles-x5HG0xjp.js +0 -6
- package/teaser-hero.component-CLuVP2ba.js +0 -81
- /package/{teaser-product-common-B8NakRRV.js → teaser-product-common-Kz3ApcVE.js} +0 -0
- /package/{teaser-product.component-Dqapk40c.js → teaser-product.component-C7KoSqcP.js} +0 -0
- /package/{teaser.component-BaxumXCl.js → teaser.component-Bl_Myx2h.js} +0 -0
- /package/{time-input.component-N0DexLd9.js → time-input.component-BVoO7JLV.js} +0 -0
- /package/{timetable-form-details.component-CIY5ZAQJ.js → timetable-form-details.component-BQmF3WLu.js} +0 -0
- /package/{timetable-form-field.component-LuzgeDdh.js → timetable-form-field.component-DrQuTOJr.js} +0 -0
- /package/{timetable-form-swap-button.component-BT36u2L9.js → timetable-form-swap-button.component-C9dU9vDV.js} +0 -0
- /package/{timetable-form.component-YNDnJnkX.js → timetable-form.component-AbZF15Tg.js} +0 -0
- /package/{timetable-occupancy-icon.component-DPNwMhLs.js → timetable-occupancy-icon.component-B6pF-j0D.js} +0 -0
- /package/{timetable-occupancy.component-BbHtiw_F.js → timetable-occupancy.component-CLpJ-rjI.js} +0 -0
- /package/{title-base-Cbe4eNS1.js → title-base-HD0z6npS.js} +0 -0
- /package/{toast.component-ccBpQmCC.js → toast.component-DzsaWxPV.js} +0 -0
- /package/{toggle-check.component-DkOBgRQM.js → toggle-check.component-CnZBajpA.js} +0 -0
- /package/{toggle-option.component-BiyjKQB1.js → toggle-option.component-DeePQ-NW.js} +0 -0
- /package/{toggle.component-CVbRdQDM.js → toggle.component-D7X0E_hM.js} +0 -0
- /package/{tooltip.component-Do4V1jGd.js → tooltip.component-BCRFxBuV.js} +0 -0
- /package/{train-blocked-passage.component-EET0Kobk.js → train-blocked-passage.component-DIh8dbU9.js} +0 -0
- /package/{train-wagon.component-CLMLEf6I.js → train-wagon.component-CZiVPOaZ.js} +0 -0
- /package/{train.component-D_ysGCwu.js → train.component-DuFi_iBX.js} +0 -0
- /package/{visual-checkbox.component-CdqoYyEe.js → visual-checkbox.component-BsjmJgcn.js} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../autocomplete-base-element-
|
|
1
|
+
import { t as e } from "../autocomplete-base-element-gPLexIVc.js";
|
|
2
2
|
export { e as SbbAutocompleteBaseElement };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../autocomplete-base-element-
|
|
1
|
+
import { t as e } from "../autocomplete-base-element-gPLexIVc.js";
|
|
2
2
|
import { getNextElementIndex as t, isSafari as n, setAriaComboBoxAttributes as r } from "../core.js";
|
|
3
3
|
//#region src/elements/autocomplete/autocomplete.component.ts
|
|
4
4
|
var i = 0, a = n, o = class extends e {
|
|
@@ -5,7 +5,7 @@ import { SbbEscapableOverlayController as s, SbbNegativeMixin as c, SbbOpenClose
|
|
|
5
5
|
import { ResizeController as b } from "@lit-labs/observers/resize-controller.js";
|
|
6
6
|
import { ref as x } from "lit/directives/ref.js";
|
|
7
7
|
//#region src/elements/autocomplete/autocomplete-base-element.scss?inline
|
|
8
|
-
var S = ".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-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-pointer-events: all;--sbb-options-panel-internal-z-index: var( --sbb-autocomplete-z-index, var(--sbb-overlay-default-z-index) );display:none;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(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host([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)}: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;--sbb-options-pointer-events: none}: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) )}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}.sbb-autocomplete__container{position:fixed;pointer-events:none;inset:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-autocomplete__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-autocomplete__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-autocomplete__panel:before,.sbb-autocomplete__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-autocomplete__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-autocomplete__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-autocomplete__panel{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-autocomplete__panel:before{display:block}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])) .sbb-autocomplete__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-autocomplete__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-autocomplete__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-autocomplete__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-autocomplete__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}.sbb-autocomplete__wrapper{overflow:hidden}.sbb-autocomplete__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-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-autocomplete__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__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-autocomplete__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-autocomplete__options::-webkit-scrollbar-button,.sbb-autocomplete__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-autocomplete__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-autocomplete__options{pointer-events:var(--sbb-options-pointer-events)}@media(forced-colors:active){.sbb-autocomplete__options{border:var(--sbb-border-width-1x) solid CanvasText;border-top: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}}", C = g, w = (() => {
|
|
8
|
+
var S = ".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-pointer-events: all;--sbb-options-panel-internal-z-index: var( --sbb-autocomplete-z-index, var(--sbb-overlay-default-z-index) );display:none;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(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host([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)}: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;--sbb-options-pointer-events: none}: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) )}:host([preserve-icon-space]){--sbb-option-icon-container-display: block}::slotted(sbb-divider){margin-block:var(--sbb-options-panel-divider-margin-block)}.sbb-autocomplete__container{position:fixed;pointer-events:none;inset:0;z-index:var(--sbb-options-panel-internal-z-index)}.sbb-autocomplete__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-autocomplete__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-autocomplete__panel:before,.sbb-autocomplete__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-autocomplete__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-autocomplete__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-autocomplete__panel{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}:host(:is(:state(options-panel-position-below),[state--options-panel-position-below])) .sbb-autocomplete__panel:before{display:block}:host(:is(:state(options-panel-position-above),[state--options-panel-position-above])) .sbb-autocomplete__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-autocomplete__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-autocomplete__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-autocomplete__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-autocomplete__panel:after{box-shadow:var(--sbb-box-shadow-level-5-hard-negative)}.sbb-autocomplete__wrapper{overflow:hidden}.sbb-autocomplete__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-autocomplete__options::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__options::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-autocomplete__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-autocomplete__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-autocomplete__options::-webkit-scrollbar-button,.sbb-autocomplete__options::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-autocomplete__options{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-autocomplete__options{pointer-events:var(--sbb-options-pointer-events)}@media(forced-colors:active){.sbb-autocomplete__options{border:var(--sbb-border-width-1x) solid CanvasText;border-top: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}}", C = g, w = (() => {
|
|
9
9
|
let g = c(l), w, T = [], E = [], D, O = [], k = [], A, j = [], M = [], N, P = [], F = [], I, L = [], R = [], z, B = [], V = [], H, U = [], W = [], G, K = [], q = [], J, Y = [], X = [], Z, Q = [], $ = [];
|
|
10
10
|
return class extends g {
|
|
11
11
|
static {
|
package/autocomplete.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./autocomplete-base-element-
|
|
1
|
+
import { t as e } from "./autocomplete-base-element-gPLexIVc.js";
|
|
2
2
|
import { SbbAutocompleteElement as t } from "./autocomplete/autocomplete.component.js";
|
|
3
3
|
import "./autocomplete.pure.js";
|
|
4
4
|
//#region src/elements/autocomplete.ts
|
package/autocomplete.pure.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { t as e } from "./autocomplete-base-element-
|
|
1
|
+
import { t as e } from "./autocomplete-base-element-gPLexIVc.js";
|
|
2
2
|
import { SbbAutocompleteElement as t } from "./autocomplete/autocomplete.component.js";
|
|
3
3
|
export { e as SbbAutocompleteBaseElement, t as SbbAutocompleteElement };
|
package/core/styles/core.scss
CHANGED
|
@@ -239,6 +239,9 @@ $theme: 'standard' !default;
|
|
|
239
239
|
@use '../../teaser/teaser.global' as teaser with (
|
|
240
240
|
$theme: $theme
|
|
241
241
|
);
|
|
242
|
+
@use '../../teaser-panel/teaser-panel.global' as teaser-panel with (
|
|
243
|
+
$theme: $theme
|
|
244
|
+
);
|
|
242
245
|
@use '../../teaser-product/common/teaser-product-common.global' as teaser-product-common with (
|
|
243
246
|
$theme: $theme
|
|
244
247
|
);
|
|
@@ -344,6 +347,7 @@ $theme: 'standard' !default;
|
|
|
344
347
|
@include tab-label-common.base;
|
|
345
348
|
@include tag.base;
|
|
346
349
|
@include teaser.base;
|
|
350
|
+
@include teaser-panel.base;
|
|
347
351
|
@include teaser-product-common.base;
|
|
348
352
|
@include timetable-form.base;
|
|
349
353
|
@include timetable-form-details.base;
|
|
@@ -445,6 +449,7 @@ $theme: 'standard' !default;
|
|
|
445
449
|
@include form-field.base-breakpoint-large;
|
|
446
450
|
@include header.base-breakpoint-large;
|
|
447
451
|
@include menu.base-breakpoint-large;
|
|
452
|
+
@include teaser-panel.base-breakpoint-large;
|
|
448
453
|
@include teaser-product-common.base-breakpoint-large;
|
|
449
454
|
|
|
450
455
|
// TODO: Remove complete block when new lean theme is complete
|
|
@@ -464,6 +469,7 @@ $theme: 'standard' !default;
|
|
|
464
469
|
|
|
465
470
|
@include lead-container.base-breakpoint-ultra;
|
|
466
471
|
@include map-container.base-breakpoint-ultra;
|
|
472
|
+
@include teaser-panel.base-breakpoint-ultra;
|
|
467
473
|
}
|
|
468
474
|
}
|
|
469
475
|
|
|
@@ -5,7 +5,9 @@
|
|
|
5
5
|
// ----------------------------------------------------------------------------------------------------
|
|
6
6
|
// Panel Mixins: Achieve the styling of a panel
|
|
7
7
|
// ----------------------------------------------------------------------------------------------------
|
|
8
|
+
// TODO: delete this file within the next major;
|
|
8
9
|
|
|
10
|
+
// @deprecated
|
|
9
11
|
@mixin panel-variables {
|
|
10
12
|
--sbb-panel-width: #{functions.px-to-rem-build(223)};
|
|
11
13
|
--sbb-panel-inner-height: #{functions.px-to-rem-build(167)};
|
|
@@ -31,7 +33,7 @@
|
|
|
31
33
|
--sbb-panel-font-size: var(--sbb-typo-scale-2x);
|
|
32
34
|
}
|
|
33
35
|
|
|
34
|
-
@include mediaqueries.mq($from:
|
|
36
|
+
@include mediaqueries.mq($from: ultra) {
|
|
35
37
|
--sbb-panel-width: #{functions.px-to-rem-build(428)};
|
|
36
38
|
--sbb-panel-inner-height: #{functions.px-to-rem-build(320.38)};
|
|
37
39
|
--sbb-panel-triangle-height: #{functions.px-to-rem-build(63.31)};
|
|
@@ -40,6 +42,7 @@
|
|
|
40
42
|
}
|
|
41
43
|
}
|
|
42
44
|
|
|
45
|
+
// @deprecated
|
|
43
46
|
@mixin panel {
|
|
44
47
|
position: relative;
|
|
45
48
|
display: flex;
|
|
@@ -66,6 +69,7 @@
|
|
|
66
69
|
}
|
|
67
70
|
}
|
|
68
71
|
|
|
72
|
+
// @deprecated
|
|
69
73
|
@mixin panel-text {
|
|
70
74
|
font-family: var(--sbb-typo-font-family);
|
|
71
75
|
font-size: var(--sbb-panel-font-size);
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
@use '../core/functions';
|
|
2
2
|
|
|
3
3
|
@mixin scrollbar-rules {
|
|
4
|
-
--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
|
|
5
|
-
|
|
6
4
|
&::-webkit-scrollbar {
|
|
7
5
|
// Total width
|
|
8
6
|
width: var(--sbb-scrollbar-width);
|
|
@@ -40,12 +38,9 @@
|
|
|
40
38
|
// We have to use the `not` selector as Chrome supports both, the -webkit-* and the following properties.
|
|
41
39
|
// As long as possible we use the -webkit-* approach as we have more styling possibilities there.
|
|
42
40
|
@supports not selector(::-webkit-scrollbar) {
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
scrollbar-color: var(--sbb-scrollbar-color, currentcolor)
|
|
47
|
-
var(--sbb-scrollbar-track-color, transparent);
|
|
48
|
-
}
|
|
41
|
+
scrollbar-width: var(--sbb-scrollbar-width-firefox);
|
|
42
|
+
scrollbar-color: var(--sbb-scrollbar-color, currentcolor)
|
|
43
|
+
var(--sbb-scrollbar-track-color, transparent);
|
|
49
44
|
}
|
|
50
45
|
}
|
|
51
46
|
|
|
@@ -90,6 +85,8 @@
|
|
|
90
85
|
}
|
|
91
86
|
|
|
92
87
|
@mixin scrollbar-variables($size: thin, $negative: false, $track-visible: false) {
|
|
88
|
+
--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
|
|
89
|
+
|
|
93
90
|
@if $size == thin {
|
|
94
91
|
@include scrollbar-variables--size-thin;
|
|
95
92
|
} @else {
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
@use './mixins/scrollbar';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
.sbb-scrollbar
|
|
5
|
-
.sbb-scrollbar-
|
|
6
|
-
.sbb-scrollbar-thick
|
|
7
|
-
.sbb-scrollbar-
|
|
8
|
-
.sbb-scrollbar-
|
|
9
|
-
.sbb-scrollbar-
|
|
10
|
-
.sbb-scrollbar-thick-
|
|
3
|
+
:is(
|
|
4
|
+
.sbb-scrollbar,
|
|
5
|
+
.sbb-scrollbar-negative,
|
|
6
|
+
.sbb-scrollbar-thick,
|
|
7
|
+
.sbb-scrollbar-thick-negative,
|
|
8
|
+
.sbb-scrollbar-track-visible,
|
|
9
|
+
.sbb-scrollbar-negative-track-visible,
|
|
10
|
+
.sbb-scrollbar-thick-track-visible,
|
|
11
|
+
.sbb-scrollbar-thick-negative-track-visible
|
|
12
|
+
) {
|
|
11
13
|
@include scrollbar.scrollbar-rules;
|
|
12
14
|
}
|
|
13
15
|
|
package/core/styles/styles.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
export {
|
|
1
|
+
import { n as e, t } from "../../styles-swTeDfst.js";
|
|
2
|
+
export { t as boxSizingStyles, e as hostScrollbarStyles };
|
package/core.css
CHANGED
|
@@ -1743,6 +1743,18 @@ slot[name=error]::slotted(*) {
|
|
|
1743
1743
|
--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);
|
|
1744
1744
|
--sbb-teaser-border-radius: var(--sbb-border-radius-4x);
|
|
1745
1745
|
--sbb-teaser-image-width: 18.75rem;
|
|
1746
|
+
--sbb-panel-width: 13.9375rem;
|
|
1747
|
+
--sbb-panel-inner-height: 10.4375rem;
|
|
1748
|
+
--sbb-panel-triangle-height: 2.0625rem;
|
|
1749
|
+
--sbb-panel-line-height: var(--sbb-typo-line-height-heading);
|
|
1750
|
+
--sbb-panel-font-size: var(--sbb-typo-scale-1-5x);
|
|
1751
|
+
--sbb-panel-font-weight: 300;
|
|
1752
|
+
--sbb-panel-color: var(--sbb-color-1-negative);
|
|
1753
|
+
--sbb-panel-background-color: color-mix(in srgb, var(--sbb-color-primary) 90%, transparent);
|
|
1754
|
+
--sbb-panel-background-color-hover: var(--sbb-color-primary);
|
|
1755
|
+
--sbb-panel-padding-inline: var(--sbb-spacing-responsive-m);
|
|
1756
|
+
--sbb-panel-gap: var(--sbb-spacing-responsive-xs);
|
|
1757
|
+
--sbb-panel-animation-easing: var(--sbb-animation-easing);
|
|
1746
1758
|
--sbb-teaser-product-background-color: var(--sbb-color-cloud);
|
|
1747
1759
|
--sbb-teaser-product-background-color: light-dark(
|
|
1748
1760
|
var(--sbb-color-cloud),
|
|
@@ -1978,6 +1990,10 @@ slot[name=error]::slotted(*) {
|
|
|
1978
1990
|
--sbb-menu-max-width: 20rem;
|
|
1979
1991
|
--sbb-menu-min-width: 11.25rem;
|
|
1980
1992
|
--sbb-menu-transform-y: var(--sbb-spacing-fixed-2x);
|
|
1993
|
+
--sbb-panel-width: 20.0625rem;
|
|
1994
|
+
--sbb-panel-inner-height: 15.006875rem;
|
|
1995
|
+
--sbb-panel-triangle-height: 2.965625rem;
|
|
1996
|
+
--sbb-panel-font-size: var(--sbb-typo-scale-2x);
|
|
1981
1997
|
--sbb-teaser-product-container-padding-block: var(--sbb-spacing-responsive-l) 0;
|
|
1982
1998
|
--sbb-teaser-product-container-padding-inline: var(--sbb-spacing-responsive-xl);
|
|
1983
1999
|
--sbb-teaser-product-content-align-content: center;
|
|
@@ -2008,6 +2024,11 @@ slot[name=error]::slotted(*) {
|
|
|
2008
2024
|
--sbb-lead-container-image-ratio: 21 / 9;
|
|
2009
2025
|
--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius);
|
|
2010
2026
|
--sbb-map-container-sidebar-width: 30rem;
|
|
2027
|
+
--sbb-panel-width: 26.75rem;
|
|
2028
|
+
--sbb-panel-inner-height: 20.02375rem;
|
|
2029
|
+
--sbb-panel-triangle-height: 3.956875rem;
|
|
2030
|
+
--sbb-panel-font-size: var(--sbb-typo-scale-2-5x);
|
|
2031
|
+
--sbb-panel-line-height: 1.2;
|
|
2011
2032
|
}
|
|
2012
2033
|
}
|
|
2013
2034
|
|
|
@@ -2130,6 +2151,7 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
|
|
|
2130
2151
|
margin-block: calc(0.5 * var(--sbb-form-field-input-text-size) * (var(--sbb-typo-line-height-text) - 1.25));
|
|
2131
2152
|
}
|
|
2132
2153
|
:is(sbb-form-field, sbb-timetable-form-field) :where(textarea) {
|
|
2154
|
+
--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
|
|
2133
2155
|
--sbb-scrollbar-thumb-width: 0.125rem;
|
|
2134
2156
|
--sbb-scrollbar-thumb-width-hover: 0.25rem;
|
|
2135
2157
|
--sbb-scrollbar-width-firefox: thin;
|
|
@@ -2144,7 +2166,6 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
|
|
|
2144
2166
|
color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
|
|
2145
2167
|
);
|
|
2146
2168
|
--sbb-scrollbar-track-color: transparent;
|
|
2147
|
-
--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
|
|
2148
2169
|
}
|
|
2149
2170
|
:is(sbb-form-field, sbb-timetable-form-field) :where(textarea)::-webkit-scrollbar {
|
|
2150
2171
|
width: var(--sbb-scrollbar-width);
|
|
@@ -2185,13 +2206,13 @@ sbb-flip-card-summary > [slot=image] :is(sbb-image, img):not(.sbb-figure-overlap
|
|
|
2185
2206
|
padding-block-end: 0.34375rem;
|
|
2186
2207
|
}
|
|
2187
2208
|
:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea) {
|
|
2209
|
+
--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
|
|
2188
2210
|
--sbb-scrollbar-thumb-width: 0.125rem;
|
|
2189
2211
|
--sbb-scrollbar-thumb-width-hover: 0.25rem;
|
|
2190
2212
|
--sbb-scrollbar-width-firefox: thin;
|
|
2191
2213
|
--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
|
|
2192
2214
|
--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
|
|
2193
2215
|
--sbb-scrollbar-track-color: transparent;
|
|
2194
|
-
--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
|
|
2195
2216
|
}
|
|
2196
2217
|
:is(sbb-form-field, sbb-timetable-form-field)[negative] :where(textarea)::-webkit-scrollbar {
|
|
2197
2218
|
width: var(--sbb-scrollbar-width);
|
package/core.js
CHANGED
|
@@ -64,5 +64,5 @@ import { setOverlayPosition as or } from "./core/overlay/overlay-option-panel.js
|
|
|
64
64
|
import { SbbOverlayOutsidePointerEventListener as sr, sbbOverlayOutsidePointerEventListener as cr } from "./core/overlay/overlay-outside-pointer-event-listener.js";
|
|
65
65
|
import { removeAriaComboBoxAttributes as lr, removeAriaOverlayTriggerProperties as ur, setAriaComboBoxAttributes as dr, setAriaOverlayTriggerProperties as fr } from "./core/overlay/overlay-trigger-attributes.js";
|
|
66
66
|
import { t as pr } from "./screen-reader-only.component-B08Bt5Ct.js";
|
|
67
|
-
import {
|
|
68
|
-
export { q as DAYS_PER_ROW, J as DateAdapter, Y as FORMAT_DATE, X as FRIDAY, Z as ISO8601_FORMAT_DATE, l as IS_FOCUSABLE_QUERY, u as InteractivityChecker, d as IsFocusableConfig, Q as MONDAY, $ as MONTHS_PER_PAGE, ee as MONTHS_PER_ROW, ce as NativeDateAdapter, te as SATURDAY, ne as SUNDAY, x as SbbActionBaseElement, Rn as SbbAnimationCompleteMixin, S as SbbButtonBaseElement, C as SbbButtonLikeBaseElement, P as SbbDarkModeController, zn as SbbDisabledInteractiveMixin, Bn as SbbDisabledMixin, Vn as SbbDisabledTabIndexActionMixin, g as SbbElement, A as SbbEscapableOverlayController, p as SbbFocusTrapController, c as SbbFocusVisibleWithinController, Wn as SbbFormAssociatedCheckboxMixin, Kn as SbbFormAssociatedInputMixin, Hn as SbbFormAssociatedMixin, qn as SbbFormAssociatedRadioButtonMixin, j as SbbIdReferenceController, M as SbbInertController, N as SbbLanguageController, w as SbbLinkBaseElement, m as SbbLiveAnnouncer, F as SbbMediaMatcherController, I as SbbMediaQueryBreakpointLargeAndAbove, L as SbbMediaQueryBreakpointLargeAndBelow, R as SbbMediaQueryBreakpointSmallAndAbove, z as SbbMediaQueryBreakpointSmallAndBelow, B as SbbMediaQueryBreakpointUltraAndAbove, V as SbbMediaQueryBreakpointZeroAndAbove, H as SbbMediaQueryDarkMode, U as SbbMediaQueryForcedColors, W as SbbMediaQueryHover, G as SbbMediaQueryPointerCoarse, Yn as SbbNamedSlotListMixin, Xn as SbbNegativeMixin, T as SbbOpenCloseBaseElement, sr as SbbOverlayOutsidePointerEventListener, K as SbbOverlayPositionController, Qn as SbbPanelMixin, k as SbbPropertyWatcherController, Gn as SbbReadonlyMixin, Un as SbbRequiredMixin, pr as SbbScreenReaderOnlyElement, Fe as SbbScrollHandler, E as SbbSelectionGroupBaseElement, $n as SbbSelectionPanelMixin, _ as SbbSlottedChangeEvent, er as SbbUpdateSchedulerMixin, re as THURSDAY, ie as TUESDAY, ue as TemporalDateAdapter, ae as WEDNESDAY, oe as YEARS_PER_PAGE, se as YEARS_PER_ROW, v as appendAriaElements,
|
|
67
|
+
import { n as mr, t as hr } from "./styles-swTeDfst.js";
|
|
68
|
+
export { q as DAYS_PER_ROW, J as DateAdapter, Y as FORMAT_DATE, X as FRIDAY, Z as ISO8601_FORMAT_DATE, l as IS_FOCUSABLE_QUERY, u as InteractivityChecker, d as IsFocusableConfig, Q as MONDAY, $ as MONTHS_PER_PAGE, ee as MONTHS_PER_ROW, ce as NativeDateAdapter, te as SATURDAY, ne as SUNDAY, x as SbbActionBaseElement, Rn as SbbAnimationCompleteMixin, S as SbbButtonBaseElement, C as SbbButtonLikeBaseElement, P as SbbDarkModeController, zn as SbbDisabledInteractiveMixin, Bn as SbbDisabledMixin, Vn as SbbDisabledTabIndexActionMixin, g as SbbElement, A as SbbEscapableOverlayController, p as SbbFocusTrapController, c as SbbFocusVisibleWithinController, Wn as SbbFormAssociatedCheckboxMixin, Kn as SbbFormAssociatedInputMixin, Hn as SbbFormAssociatedMixin, qn as SbbFormAssociatedRadioButtonMixin, j as SbbIdReferenceController, M as SbbInertController, N as SbbLanguageController, w as SbbLinkBaseElement, m as SbbLiveAnnouncer, F as SbbMediaMatcherController, I as SbbMediaQueryBreakpointLargeAndAbove, L as SbbMediaQueryBreakpointLargeAndBelow, R as SbbMediaQueryBreakpointSmallAndAbove, z as SbbMediaQueryBreakpointSmallAndBelow, B as SbbMediaQueryBreakpointUltraAndAbove, V as SbbMediaQueryBreakpointZeroAndAbove, H as SbbMediaQueryDarkMode, U as SbbMediaQueryForcedColors, W as SbbMediaQueryHover, G as SbbMediaQueryPointerCoarse, Yn as SbbNamedSlotListMixin, Xn as SbbNegativeMixin, T as SbbOpenCloseBaseElement, sr as SbbOverlayOutsidePointerEventListener, K as SbbOverlayPositionController, Qn as SbbPanelMixin, k as SbbPropertyWatcherController, Gn as SbbReadonlyMixin, Un as SbbRequiredMixin, pr as SbbScreenReaderOnlyElement, Fe as SbbScrollHandler, E as SbbSelectionGroupBaseElement, $n as SbbSelectionPanelMixin, _ as SbbSlottedChangeEvent, er as SbbUpdateSchedulerMixin, re as THURSDAY, ie as TUESDAY, ue as TemporalDateAdapter, ae as WEDNESDAY, oe as YEARS_PER_PAGE, se as YEARS_PER_ROW, v as appendAriaElements, hr as boxSizingStyles, Le as composedPathHasAttribute, be as containsPierceShadowDom, le as defaultDateAdapter, de as forceType, Be as forwardEvent, nr as getElementPosition, rr as getElementPositionHorizontal, ir as getElementRectangle, Re as getEventTarget, e as getNextElementIndex, fe as getOverride, pe as handleDistinctChange, me as hostAttributes, mr as hostScrollbarStyles, Ue as i18nAdditionalWagonInformationHeading, We as i18nArrival, Ge as i18nBlockedPassage, Ke as i18nBreadcrumbEllipsisButtonLabel, qe as i18nCalendarDateSelection, Je as i18nCalendarWeekNumber, Ye as i18nCarouselArrowsNavigationHint, Xe as i18nCarouselItemAriaLabel, Ze as i18nCheckboxRequired, Qe as i18nChipDelete, $e as i18nChipGroupInputDescription, et as i18nClass, tt as i18nClearInput, nt as i18nCloseAlert, rt as i18nCloseDialog, it as i18nCloseNavigation, at as i18nCloseNotification, ot as i18nClosePopover, st as i18nCloseSidebar, ct as i18nClosedCompartmentLabel, lt as i18nCollapsed, ut as i18nConnectionFrom, dt as i18nConnectionRoundtrip, ft as i18nConnectionTo, pt as i18nCouchetteWagonLabel, mt as i18nDateChangedTo, ht as i18nDateInvalid, gt as i18nDateMax, _t as i18nDateMin, vt as i18nDatePickerPlaceholder, yt as i18nDeparture, bt as i18nDialog, xt as i18nDirection, St as i18nDurationDay, Ct as i18nDurationHour, wt as i18nDurationMinute, Tt as i18nExpanded, Et as i18nFileSelectorButtonLabel, Dt as i18nFileSelectorButtonLabelMultiple, Ot as i18nFileSelectorCurrentlySelected, kt as i18nFileSelectorDeleteFile, At as i18nFileSelectorSubtitleLabel, jt as i18nFileSelectorSubtitleLabelMultiple, Mt as i18nFlipCard, Nt as i18nFromPlatform, Pt as i18nGoBack, Ft as i18nInputRequired, It as i18nItemsPerPage, Lt as i18nLocomotiveLabel, Rt as i18nMapContainerButtonLabel, zt as i18nMeansOfTransport, Bt as i18nNew, Vt as i18nNextDay, Ht as i18nNextMonth, Ut as i18nNextPage, Wt as i18nNextSlide, Gt as i18nNextYear, Kt as i18nNextYearRange, qt as i18nOccupancy, Jt as i18nOptional, Yt as i18nPage, Xt as i18nPaginatorOf, Zt as i18nPaginatorSelected, Qt as i18nPreviousDay, $t as i18nPreviousMonth, en as i18nPreviousPage, tn as i18nPreviousSlide, nn as i18nPreviousYear, rn as i18nPreviousYearRange, an as i18nRealTimeInfo, on as i18nRemainingCharacters, sn as i18nRestaurantWagonLabel, cn as i18nReverseCard, ln as i18nSector, un as i18nSectorShort, dn as i18nSelectNextDay, fn as i18nSelectPreviousDay, pn as i18nSelectionRequired, mn as i18nShowCalendar, hn as i18nSleepingWagonLabel, gn as i18nSlide, _n as i18nSupersaver, vn as i18nTargetOpensInNewWindow, yn as i18nTimeInputChange, bn as i18nTimeInvalid, xn as i18nTimeMax, Sn as i18nTimeMaxLength, Cn as i18nTimetableFormSwapButtonLabel, wn as i18nToday, Tn as i18nTrain, En as i18nTrains, Dn as i18nTransferProcedure, On as i18nTransferProcedures, kn as i18nTravelhints, An as i18nTripDuration, jn as i18nTripQuayChange, Mn as i18nWagonLabel, Nn as i18nWagonLabelNumber, Pn as i18nWagonsLabel, Fn as i18nWalkingDistanceArrival, In as i18nWalkingDistanceDeparture, Ln as i18nYearMonthSelection, he as idReference, f as interactivityChecker, Ce as isAndroid, t as isArrowKeyOrPageKeysPressed, n as isArrowKeyPressed, we as isBlink, Te as isChromium, Ee as isEdge, ar as isEventOnElement, Ve as isEventPrevented, a as isFakeMousedownFromScreenReader, o as isFakeTouchstartFromScreenReader, De as isFirefox, Oe as isIOS, xe as isLean, ke as isMacOS, r as isNextArrowKeyPressed, Ae as isNextjs, i as isPreviousArrowKeyPressed, je as isSafari, Me as isTrident, Ne as isWebkit, ye as isZeroAnimationDuration, D as mergeConfig, ge as omitEmptyConverter, tr as overlayGapFixCorners, Ie as pageScrollDisabled, Zn as panelCommonStyle, _e as plainDate, ve as plainDateConverter, ze as preventScrollOnSpacebarPress, Pe as queueDomContentLoaded, Jn as radioButtonRegistry, O as readConfig, lr as removeAriaComboBoxAttributes, y as removeAriaElements, ur as removeAriaOverlayTriggerProperties, s as sbbInputModalityDetector, h as sbbLiveAnnouncer, cr as sbbOverlayOutsidePointerEventListener, dr as setAriaComboBoxAttributes, fr as setAriaOverlayTriggerProperties, Se as setOrRemoveAttribute, or as setOverlayPosition, He as throttle, b as ɵstateController };
|