@sbb-esta/lyne-elements-dev 5.0.0-next.3-dev.1779265349 → 5.0.0-next.3-dev.1779268556
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/_index.scss +6 -2
- package/autocomplete/autocomplete-base-element.js +1 -1
- package/autocomplete/autocomplete.component.js +1 -1
- package/{autocomplete-base-element-6leI6UF4.js → autocomplete-base-element-jaXVQcA7.js} +11 -9
- package/autocomplete.js +1 -1
- package/autocomplete.pure.js +1 -1
- package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
- package/{breadcrumb-group.component-XPdnV6-a.js → breadcrumb-group.component-a49dItu9.js} +23 -19
- package/breadcrumb.js +1 -1
- package/breadcrumb.pure.js +1 -1
- package/button/mini-button-group/mini-button-group.component.js +1 -1
- package/button.js +1 -1
- package/button.pure.js +1 -1
- package/calendar/calendar/calendar.component.js +1 -1
- package/{calendar.component-CiT0mE7S.js → calendar.component-DKgkIocz.js} +37 -33
- package/calendar.js +1 -1
- package/calendar.pure.js +1 -1
- package/container/sticky-bar/sticky-bar.component.js +1 -1
- package/container.js +1 -1
- package/container.pure.js +1 -1
- package/core/mixins/named-slot-list-mixin.js +14 -14
- package/core/styles/_index.scss +1 -12
- package/core/styles/_theme.scss +16 -0
- package/core/styles/core/functions.scss +0 -8
- package/core/styles/{a11y.scss → features/a11y.scss} +2 -2
- package/core/styles/{animation.scss → features/animation.scss} +1 -1
- package/core/styles/features/color-scheme.scss +11 -0
- package/core/styles/{core.scss → features/core.scss} +138 -171
- package/core/styles/{image.scss → features/image.scss} +29 -7
- package/core/styles/{layout.private.scss → features/layout.private.scss} +5 -4
- package/core/styles/{layout.scss → features/layout.scss} +1 -1
- package/core/styles/{lists.scss → features/lists.scss} +1 -1
- package/core/styles/{scrollbar.scss → features/scrollbar.scss} +1 -1
- package/core/styles/features/typography.private.scss +9 -0
- package/core/styles/{typography.scss → features/typography.scss} +2 -2
- package/core/styles/internals/button-reset.scss +5 -0
- package/core/styles/{host-scrollbar.scss → internals/host-scrollbar.scss} +1 -1
- package/core/styles/internals/list-reset.scss +6 -0
- package/core/styles/internals/popover-reset.scss +6 -0
- package/core/styles/{screen-reader-only.scss → internals/screen-reader-only.scss} +1 -1
- package/core/styles/mixins/{a11y.scss → _a11y.scss} +0 -21
- package/core/styles/mixins/{helpers.scss → _helpers.scss} +3 -14
- package/core/styles/mixins/{lists.scss → _lists.scss} +8 -12
- package/core/styles/mixins/{pearl-chain-bullet.scss → _pearl-chain-bullet.scss} +5 -5
- package/core/styles/mixins/_reset.scss +38 -0
- package/core/styles/mixins/{typo.scss → _typo.scss} +23 -75
- package/core/styles/styles.js +2 -2
- package/core.js +2 -2
- package/custom-elements.json +68 -22
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete/autocomplete-base-element.js +1 -1
- package/development/autocomplete/autocomplete.component.js +1 -1
- package/development/autocomplete-base-element-JxM7QbC4.js +697 -0
- package/development/autocomplete.js +1 -1
- package/development/autocomplete.pure.js +1 -1
- package/development/block-link-common-DNvRfeay.js +1 -1
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.d.ts.map +1 -1
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +1 -1
- package/development/breadcrumb-group.component-DvY1hq51.js +197 -0
- package/development/breadcrumb.component-D6Cd2FPo.js +1 -1
- package/development/breadcrumb.js +1 -1
- package/development/breadcrumb.pure.js +1 -1
- package/development/button/mini-button-group/mini-button-group.component.js +1 -1
- package/development/button-common-C-A7Dulr.js +1 -1
- package/development/button.js +1 -1
- package/development/button.pure.js +1 -1
- package/development/calendar/calendar/calendar.component.d.ts.map +1 -1
- package/development/calendar/calendar/calendar.component.js +1 -1
- package/development/calendar-cell-base-element-mWRSDeWc.js +1 -1
- package/development/calendar.component-CgEXjBeQ.js +1473 -0
- package/development/calendar.js +1 -1
- package/development/calendar.pure.js +1 -1
- package/development/card.component-CL2gHoyP.js +1 -1
- package/development/chip-label.component-DHHNtvTt.js +1 -1
- package/development/{compact-paginator.component-BgkpxaaD.js → compact-paginator.component-m8MASSB7.js} +1 -1
- package/development/container/sticky-bar/sticky-bar.component.js +1 -1
- package/development/container.js +1 -1
- package/development/container.pure.js +1 -1
- package/development/core/mixins/named-slot-list-mixin.js +3 -3
- package/development/core/styles/styles.d.ts +3 -1
- 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/date-input.component-HxRyCudr.js +1 -1
- package/development/dialog-actions.component-e0ZTTUin.js +1 -1
- package/development/dialog.component-D8B2dVck.js +1 -1
- package/development/error.component-WCkiwM7_.js +1 -1
- package/development/expansion-panel-header.component-gg5A_7Pz.js +1 -1
- package/development/expansion-panel.component-DcFrWkIt.js +1 -1
- package/development/file-selector/common/file-selector-common.js +1 -1
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
- package/development/file-selector-common-Dd0S0qE3.js +421 -0
- package/development/{file-selector-dropzone.component-B84OL4Xd.js → file-selector-dropzone.component-DWLdqMmI.js} +2 -2
- package/development/file-selector.js +2 -2
- package/development/file-selector.pure.js +2 -2
- package/development/flip-card/flip-card/flip-card.component.d.ts.map +1 -1
- package/development/flip-card/flip-card/flip-card.component.js +1 -1
- package/development/flip-card.component-MmiS-x-W.js +189 -0
- package/development/flip-card.js +1 -1
- package/development/flip-card.pure.js +1 -1
- package/development/footer.component-K2bWizjw.js +1 -1
- package/development/form-field.component-CPWBCHer.js +1 -1
- package/development/header/common/header-action-common.js +1 -1
- package/development/header-action-common-BYB-HYtn.js +86 -0
- package/development/header.component-C4e7CNql.js +1 -1
- package/development/header.js +1 -1
- package/development/header.pure.js +1 -1
- package/development/inline-link-common-BV6oAtAA.js +18 -0
- package/development/link/common/inline-link-common.js +1 -1
- package/development/link-common-2RGn9Qz_.js +1 -1
- package/development/link-list/link-list.component.js +1 -1
- package/development/link-list-anchor/link-list-anchor.component.js +1 -1
- package/development/{link-list-anchor.component-Csb-FOQL.js → link-list-anchor.component-BMtCbCRD.js} +2 -2
- package/development/link-list-anchor.js +1 -1
- package/development/link-list-anchor.pure.js +1 -1
- package/development/link-list.component-CLxhjWR7.js +97 -0
- package/development/link-list.js +1 -1
- package/development/link-list.pure.js +1 -1
- package/development/link.js +1 -1
- package/development/link.pure.js +1 -1
- package/development/loading-indicator-circle.component-Cfjw5vyz.js +1 -1
- package/development/logo.component-DYKgAgq0.js +1 -1
- package/development/menu/common/menu-action-common.js +1 -1
- package/development/menu/menu/menu.component.d.ts.map +1 -1
- package/development/menu/menu/menu.component.js +1 -1
- package/development/menu-action-common-DL4t4_-J.js +32 -0
- package/development/menu.component-3qEIFutc.js +369 -0
- package/development/menu.js +2 -2
- package/development/menu.pure.js +2 -2
- package/development/message/message.component.js +1 -1
- package/development/{message.component-CdO5GyE2.js → message.component-BJ-84a0B.js} +2 -2
- package/development/message.js +1 -1
- package/development/message.pure.js +1 -1
- package/development/{mini-button-group.component-VYKZf1rq.js → mini-button-group.component-C88pIaaL.js} +2 -2
- package/development/mini-button-link.component-kpRsi8I2.js +1 -1
- package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
- package/development/navigation/navigation/navigation.component.js +1 -1
- package/development/navigation/navigation-list/navigation-list.component.js +1 -1
- package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/development/navigation-action-common-wrzPCkMT.js +1 -1
- package/development/navigation-list.component-CU-SGC8c.js +86 -0
- package/development/navigation-marker.component-CTk9U0kA.js +120 -0
- package/development/navigation-section.component-iaypc6yQ.js +1 -1
- package/development/navigation.component-Bu1wVUNx.js +319 -0
- package/development/navigation.js +3 -3
- package/development/navigation.pure.js +3 -3
- package/development/option/option/option.component.js +1 -1
- package/development/option/option-styles.d.ts +2 -0
- package/development/option/option-styles.d.ts.map +1 -0
- package/development/option/option-styles.js +2 -0
- package/development/option-styles-IEQgVpCe.js +8 -0
- package/development/option.component-BrTjDq6X.js +131 -0
- package/development/option.js +4 -3
- package/development/option.pure.d.ts +1 -0
- package/development/option.pure.d.ts.map +1 -1
- package/development/option.pure.js +3 -2
- package/development/overlay/overlay-base-element.d.ts.map +1 -1
- package/development/overlay/overlay-base-element.js +3 -3
- package/development/overlay/overlay.component.js +1 -1
- package/development/{overlay.component-YSCuGeme.js → overlay.component-BH-aue7w.js} +1 -1
- package/development/overlay.js +1 -1
- package/development/overlay.pure.js +1 -1
- package/development/paginator/common/paginator-common.js +1 -1
- package/development/paginator/compact-paginator/compact-paginator.component.js +1 -1
- package/development/paginator/paginator/paginator.component.d.ts.map +1 -1
- package/development/paginator/paginator/paginator.component.js +1 -1
- package/development/{paginator-common-B7iba0wQ.js → paginator-common-CRchtcXc.js} +1 -1
- package/development/paginator.component-B8y5tVCL.js +265 -0
- package/development/paginator.js +3 -3
- package/development/paginator.pure.js +3 -3
- package/development/panel-mixin-DPybe45K.js +1 -1
- package/development/popover/popover.component.d.ts.map +1 -1
- package/development/popover/popover.component.js +1 -1
- package/development/popover.component-Ds4fNNsq.js +578 -0
- package/development/popover.js +1 -1
- package/development/popover.pure.js +1 -1
- package/development/radio-button/common/radio-button-common.js +1 -1
- package/development/radio-button/radio-button.component.js +1 -1
- package/development/radio-button-common-Ckz2nMS7.js +129 -0
- package/development/{radio-button.component-DnErH-1J.js → radio-button.component-qsLFvciH.js} +2 -2
- package/development/radio-button.js +2 -2
- package/development/radio-button.pure.js +2 -2
- package/development/select/select.component.d.ts.map +1 -1
- package/development/select/select.component.js +1 -1
- package/development/select.component-BE7ZMrAc.js +809 -0
- package/development/select.js +1 -1
- package/development/select.pure.js +1 -1
- package/development/selection-action-panel/selection-action-panel.component.js +1 -1
- package/development/{selection-action-panel.component-BT0HmTja.js → selection-action-panel.component-C3UlmLkJ.js} +1 -1
- package/development/selection-action-panel.js +1 -1
- package/development/selection-action-panel.pure.js +1 -1
- package/development/selection-expansion-panel/selection-expansion-panel.component.js +1 -1
- package/development/selection-expansion-panel.component-4Ron8XNy.js +186 -0
- package/development/selection-expansion-panel.js +1 -1
- package/development/selection-expansion-panel.pure.js +1 -1
- package/development/sidebar/common/styles.js +1 -1
- package/development/sidebar/sidebar/sidebar.component.js +1 -1
- package/development/sidebar/sidebar-close-button/sidebar-close-button.component.js +1 -1
- package/development/sidebar/sidebar-container/sidebar-container.component.js +1 -1
- package/development/sidebar/sidebar-content/sidebar-content.component.js +1 -1
- package/development/sidebar/sidebar-title/sidebar-title.component.js +1 -1
- package/development/{sidebar-close-button.component-CXnf-P5H.js → sidebar-close-button.component-ByQtC65O.js} +1 -1
- package/development/sidebar-container.component-BmavabUg.js +100 -0
- package/development/{sidebar-content.component-DbcREBUa.js → sidebar-content.component-DcsIIWpz.js} +1 -1
- package/development/{sidebar-title.component-BW04otyD.js → sidebar-title.component-DgJdkoiE.js} +1 -1
- package/development/{sidebar.component-mfXnE6WQ.js → sidebar.component-BszwyJQa.js} +1 -1
- package/development/sidebar.js +5 -5
- package/development/sidebar.pure.js +5 -5
- package/development/signet/signet.component.js +1 -1
- package/development/{signet.component-k14RJ8FA.js → signet.component-DXLTVjJS.js} +1 -1
- package/development/signet.js +1 -1
- package/development/signet.pure.js +1 -1
- package/development/skiplink-list/skiplink-list.component.js +1 -1
- package/development/skiplink-list.component-BC8rpyf9.js +129 -0
- package/development/skiplink-list.js +1 -1
- package/development/skiplink-list.pure.js +1 -1
- package/development/slider/slider.component.js +1 -1
- package/development/slider.component-BLptxiZ4.js +346 -0
- package/development/slider.js +1 -1
- package/development/slider.pure.js +1 -1
- package/development/status/status.component.js +1 -1
- package/development/{status.component-B9en2l26.js → status.component-thSGiOrl.js} +1 -1
- package/development/status.js +1 -1
- package/development/status.pure.js +1 -1
- package/development/step-label.component-CpdXVv32.js +127 -0
- package/development/{step.component-B_YHm1tz.js → step.component-DpSJEkrK.js} +1 -1
- package/development/stepper/step/step.component.js +1 -1
- package/development/stepper/step-label/step-label.component.js +1 -1
- package/development/stepper/stepper/stepper.component.js +1 -1
- package/development/stepper.component-Bv6LCFU0.js +443 -0
- package/development/stepper.js +3 -3
- package/development/stepper.pure.js +3 -3
- package/development/{sticky-bar.component-BJLtRvcd.js → sticky-bar.component-DZpy1gBU.js} +2 -2
- package/development/{styles-WppEBrlW.js → styles-BmvNZZle.js} +1 -1
- package/development/styles-D8h0fqb5.js +30 -0
- package/development/{tab-group.component-CGMBihsQ.js → tab-group.component-DhcfjVxe.js} +1 -1
- package/development/{tab-label.component-CQOLO2t7.js → tab-label.component-B7YEhR1C.js} +1 -1
- package/development/tab-nav-bar.component-DrZ1U7lM.js +109 -0
- package/development/{tab.component-BVhYPy5Y.js → tab.component-COn1G0XA.js} +1 -1
- package/development/table/table-wrapper/table-wrapper.component.js +1 -1
- package/development/{table-wrapper.component-By59zmcU.js → table-wrapper.component-9Lst6dT2.js} +1 -1
- package/development/table.js +1 -1
- package/development/table.pure.js +1 -1
- package/development/tabs/common/styles.js +1 -1
- package/development/tabs/tab/tab.component.js +1 -1
- package/development/tabs/tab-group/tab-group.component.js +1 -1
- package/development/tabs/tab-label/tab-label.component.js +1 -1
- package/development/tabs/tab-nav-bar/tab-nav-bar.component.js +1 -1
- package/development/tabs.js +5 -5
- package/development/tabs.pure.js +5 -5
- package/development/tag/tag/tag.component.js +1 -1
- package/development/tag/tag-group/tag-group.component.js +1 -1
- package/development/tag-group.component-OQ3sxhZI.js +194 -0
- package/development/tag.component-DWOPDWwe.js +238 -0
- package/development/tag.js +2 -2
- package/development/tag.pure.js +2 -2
- package/development/teaser/teaser.component.js +1 -1
- package/development/teaser-hero/teaser-hero.component.js +1 -1
- package/development/{teaser-hero.component-BHMcPmdh.js → teaser-hero.component-Cp42iJGt.js} +1 -1
- package/development/teaser-hero.js +1 -1
- package/development/teaser-hero.pure.js +1 -1
- package/development/teaser-panel/teaser-panel.component.js +1 -1
- package/development/{teaser-panel.component-BRfbvmkb.js → teaser-panel.component-ptDalUEe.js} +1 -1
- package/development/teaser-panel.js +1 -1
- package/development/teaser-panel.pure.js +1 -1
- 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-DOyLdTks.js → teaser-product-common-DxBw-__I.js} +1 -1
- package/development/teaser-product.component-CPj4vJ2V.js +37 -0
- package/development/teaser-product.js +2 -2
- package/development/teaser-product.pure.js +2 -2
- package/development/teaser.component-Dgrc2jh8.js +116 -0
- 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-BFjDAfbv.js +187 -0
- 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-BeuAZUQe.js → timetable-form-details.component-BFmuJ8-6.js} +1 -1
- package/development/{timetable-form-field.component-DC2z1Cwf.js → timetable-form-field.component-DD04XyA0.js} +1 -1
- package/development/{timetable-form-swap-button.component-CnbVc8Ok.js → timetable-form-swap-button.component-DphGegO6.js} +1 -1
- package/development/{timetable-form.component-C8DfPePn.js → timetable-form.component-EIr4B4mA.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.d.ts.map +1 -1
- 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-vsXoAiKz.js +95 -0
- package/development/timetable-occupancy-icon.js +1 -1
- package/development/timetable-occupancy-icon.pure.js +1 -1
- package/development/timetable-occupancy.component-B0zY0RnI.js +126 -0
- package/development/timetable-occupancy.js +1 -1
- package/development/timetable-occupancy.pure.js +1 -1
- package/development/title/title-base.js +1 -1
- package/development/title/title.component.d.ts +0 -2
- package/development/title/title.component.d.ts.map +1 -1
- package/development/title/title.component.js +1 -1
- package/development/title-base-CPAVrsQ9.js +102 -0
- package/development/title.component-DCg9U2CK.js +69 -0
- package/development/title.js +2 -2
- package/development/title.pure.js +2 -2
- package/development/toast/toast.component.d.ts.map +1 -1
- package/development/toast/toast.component.js +1 -1
- package/development/{toast.component-DonS3uQm.js → toast.component-TvSfu5nl.js} +3 -3
- 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-BIV7jFIc.js → toggle-check.component-CbGa5-8I.js} +1 -1
- package/development/toggle-check.js +1 -1
- package/development/toggle-check.pure.js +1 -1
- package/development/{toggle-option.component-DRxwLSKU.js → toggle-option.component-BxGnhJFH.js} +1 -1
- package/development/toggle.component-Q68IDQWX.js +243 -0
- package/development/toggle.js +2 -2
- package/development/toggle.pure.js +2 -2
- package/development/tooltip/tooltip.component.d.ts.map +1 -1
- package/development/tooltip/tooltip.component.js +1 -1
- package/development/tooltip.component-Baoh6M8V.js +369 -0
- 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-common.js +1 -1
- package/development/{train-blocked-passage.component-Cxd7dBDC.js → train-blocked-passage.component-C7ve-a1E.js} +1 -1
- package/development/{train-formation.component-BEg6OPib.js → train-formation.component-DQ_hLKNv.js} +2 -2
- package/development/train-wagon-common-CdckItEt.js +441 -0
- package/development/train.component-Bi74L6C7.js +239 -0
- 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-Dm8DNhH2.js → visual-checkbox.component-B4_iHcsX.js} +1 -1
- package/development/visual-checkbox.js +1 -1
- package/development/visual-checkbox.pure.js +1 -1
- package/file-selector/common/file-selector-common.js +1 -1
- package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
- package/{file-selector-common-VNwWFEmM.js → file-selector-common-BNGnjK__.js} +1 -1
- package/{file-selector-dropzone.component-CGo6odhC.js → file-selector-dropzone.component-sE_fofSq.js} +1 -1
- package/file-selector.js +2 -2
- package/file-selector.pure.js +2 -2
- package/flip-card/flip-card/flip-card.component.js +1 -1
- package/{flip-card.component-CZ0v44Ym.js → flip-card.component-ZsA_kDPS.js} +22 -18
- package/flip-card.js +1 -1
- package/flip-card.pure.js +1 -1
- package/header/common/header-action-common.js +1 -1
- package/header-action-common-B-eRBjSz.js +64 -0
- package/header.js +1 -1
- package/header.pure.js +1 -1
- package/inline-link-common-O650N_pm.js +13 -0
- package/lean-off-brand-theme.css +415 -503
- package/lean-safety-theme.css +415 -503
- package/lean-theme.css +415 -503
- package/link/common/inline-link-common.js +1 -1
- package/link-list/link-list.component.js +1 -1
- package/link-list-anchor/link-list-anchor.component.js +1 -1
- package/{link-list-anchor.component-DG_HCtHH.js → link-list-anchor.component-Bjz_EKvE.js} +1 -1
- package/link-list-anchor.js +1 -1
- package/link-list-anchor.pure.js +1 -1
- package/{link-list.component-BNVd0a8U.js → link-list.component-Dg-7TBPC.js} +1 -1
- package/link-list.js +1 -1
- package/link-list.pure.js +1 -1
- package/link.js +1 -1
- package/link.pure.js +1 -1
- package/menu/common/menu-action-common.js +1 -1
- package/menu/menu/menu.component.js +1 -1
- package/{menu-action-common-Wy36tk18.js → menu-action-common-DakEXPg7.js} +1 -1
- package/{menu.component-DrrKSRmJ.js → menu.component-CqXsI5Cg.js} +25 -21
- package/menu.js +2 -2
- package/menu.pure.js +2 -2
- package/message/message.component.js +1 -1
- package/{message.component-CdfsCpnE.js → message.component-CORYX4KP.js} +1 -1
- package/message.js +1 -1
- package/message.pure.js +1 -1
- package/{mini-button-group.component-DQBU0BDm.js → mini-button-group.component-DWayyUpK.js} +1 -1
- package/navigation/navigation/navigation.component.js +1 -1
- package/navigation/navigation-list/navigation-list.component.js +1 -1
- package/navigation/navigation-marker/navigation-marker.component.js +1 -1
- package/{navigation-list.component-Cezo1tC-.js → navigation-list.component-C5y3ohH0.js} +1 -1
- package/{navigation-marker.component-CNsMaqpH.js → navigation-marker.component-VbvKu1TR.js} +1 -1
- package/{navigation.component-DLgmWh_c.js → navigation.component-DKJujMqj.js} +23 -19
- package/navigation.js +3 -3
- package/navigation.pure.js +3 -3
- package/off-brand-theme.css +415 -503
- package/option/option/option.component.js +1 -1
- package/option/option-styles.js +2 -0
- package/option-styles-DcD5grSB.js +6 -0
- package/option.js +5 -4
- package/option.pure.js +4 -3
- package/overlay/overlay-base-element.js +21 -21
- package/overlay/overlay.component.js +1 -1
- package/overlay.js +1 -1
- package/overlay.pure.js +1 -1
- package/package.json +5 -49
- package/paginator/common/paginator-common.js +1 -1
- package/paginator/compact-paginator/compact-paginator.component.js +1 -1
- package/paginator/paginator/paginator.component.js +1 -1
- package/paginator.component-Dk1xDHgW.js +212 -0
- package/paginator.js +3 -3
- package/paginator.pure.js +3 -3
- package/popover/popover.component.js +1 -1
- package/{popover.component-Dm_86bPY.js → popover.component-Bm-bx-Hs.js} +32 -32
- package/popover.js +1 -1
- package/popover.pure.js +1 -1
- package/radio-button/common/radio-button-common.js +1 -1
- package/radio-button/radio-button.component.js +1 -1
- package/{radio-button.component-CZ273yAb.js → radio-button.component-CGeTCfMq.js} +1 -1
- package/radio-button.js +2 -2
- package/radio-button.pure.js +2 -2
- package/safety-theme.css +415 -503
- package/select/select.component.js +1 -1
- package/{select.component-CLPLpFDz.js → select.component-UcWSndDu.js} +41 -39
- package/select.js +1 -1
- package/select.pure.js +1 -1
- package/selection-action-panel/selection-action-panel.component.js +1 -1
- package/selection-action-panel.js +1 -1
- package/selection-action-panel.pure.js +1 -1
- package/selection-expansion-panel/selection-expansion-panel.component.js +1 -1
- package/selection-expansion-panel.js +1 -1
- package/selection-expansion-panel.pure.js +1 -1
- package/sidebar/sidebar/sidebar.component.js +1 -1
- package/sidebar/sidebar-close-button/sidebar-close-button.component.js +1 -1
- package/sidebar/sidebar-container/sidebar-container.component.js +1 -1
- package/sidebar/sidebar-content/sidebar-content.component.js +1 -1
- package/sidebar/sidebar-title/sidebar-title.component.js +1 -1
- package/sidebar.js +5 -5
- package/sidebar.pure.js +5 -5
- package/signet/signet.component.js +1 -1
- package/signet.js +1 -1
- package/signet.pure.js +1 -1
- package/skiplink-list/skiplink-list.component.js +1 -1
- package/{skiplink-list.component-BXaqYpsI.js → skiplink-list.component-ClGb1J_H.js} +1 -1
- package/skiplink-list.js +1 -1
- package/skiplink-list.pure.js +1 -1
- package/slider/slider.component.js +1 -1
- package/slider.js +1 -1
- package/slider.pure.js +1 -1
- package/standard-theme.css +415 -503
- package/status/status.component.js +1 -1
- package/status.js +1 -1
- package/status.pure.js +1 -1
- package/stepper/step/step.component.js +1 -1
- package/stepper/step-label/step-label.component.js +1 -1
- package/stepper/stepper/stepper.component.js +1 -1
- package/stepper.js +3 -3
- package/stepper.pure.js +3 -3
- package/{sticky-bar.component-dmlGAZLW.js → sticky-bar.component-DtXeRUqi.js} +1 -1
- package/styles-DV41ClRb.js +5 -0
- package/{tab-nav-bar.component-FT2W0urU.js → tab-nav-bar.component-CRC6xnaX.js} +1 -1
- package/table/table-wrapper/table-wrapper.component.js +1 -1
- package/table.js +1 -1
- package/table.pure.js +1 -1
- package/tabs/common/styles.js +1 -1
- package/tabs/tab/tab.component.js +1 -1
- package/tabs/tab-group/tab-group.component.js +1 -1
- package/tabs/tab-label/tab-label.component.js +1 -1
- package/tabs/tab-nav-bar/tab-nav-bar.component.js +1 -1
- package/tabs.js +5 -5
- package/tabs.pure.js +5 -5
- package/tag/tag/tag.component.js +1 -1
- package/tag/tag-group/tag-group.component.js +1 -1
- package/{tag-group.component-9UfHHJ79.js → tag-group.component-wnzXwLPf.js} +1 -1
- package/tag.js +2 -2
- package/tag.pure.js +2 -2
- package/teaser/teaser.component.js +1 -1
- package/teaser-hero/teaser-hero.component.js +1 -1
- package/teaser-hero.js +1 -1
- package/teaser-hero.pure.js +1 -1
- package/teaser-panel/teaser-panel.component.js +1 -1
- package/teaser-panel.js +1 -1
- package/teaser-panel.pure.js +1 -1
- 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.component-DGQ20zH1.js → timetable-occupancy.component-CIkq1cT7.js} +17 -13
- 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-JBhKD3ur.js → title-base-B1xzk7Zb.js} +1 -1
- package/{title.component-VnTeqomb.js → title.component-DTnG8op9.js} +2 -2
- package/title.js +2 -2
- package/title.pure.js +2 -2
- package/toast/toast.component.js +1 -1
- package/{toast.component-BMN90Ouu.js → toast.component-Ew5vuGXf.js} +19 -19
- 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.component-NfyDxfw7.js → tooltip.component-ihyNBI7f.js} +25 -25
- 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-common.js +1 -1
- package/{train-formation.component-DVxNBPIB.js → train-formation.component-CYqdWnkL.js} +1 -1
- package/{train-wagon-common-CDCsWVgi.js → train-wagon-common-C1Py1D01.js} +1 -1
- package/{train.component-DxadS7O8.js → train.component-DRLUjuXY.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/a11y.css +0 -20
- package/animation.css +0 -14
- package/badge.css +0 -32
- package/core/styles/badge.scss +0 -3
- package/core/styles/mixins/badge.scss +0 -42
- package/core/styles/mixins/buttons.scss +0 -12
- package/core/styles/mixins/card.scss +0 -205
- package/core/styles/mixins/dev_and_debug.scss +0 -8
- package/core/styles/mixins/image.scss +0 -43
- package/core/styles/mixins/inputs.scss +0 -11
- package/core/styles/mixins/link.scss +0 -125
- package/core/styles/mixins/panel.scss +0 -80
- package/core/styles/mixins/popover.scss +0 -14
- package/core/styles/mixins/table.scss +0 -185
- package/core/styles/mixins/timetable-form.scss +0 -63
- package/core/styles/option-panel-common.global.scss +0 -11
- package/core/styles/option-panel-common.scss +0 -157
- package/core/styles/theme.scss +0 -20
- package/core/styles/timetable-form.scss +0 -27
- package/core/styles/typography.private.scss +0 -9
- package/core.css +0 -2713
- package/development/autocomplete-base-element-qnPoRLvM.js +0 -695
- package/development/breadcrumb-group.component-BUBfl6LV.js +0 -193
- package/development/calendar.component-CG96KGTg.js +0 -1469
- package/development/file-selector-common-mZ5UYxOF.js +0 -421
- package/development/flip-card.component-DujrPKzU.js +0 -185
- package/development/header-action-common-Be0XQge2.js +0 -86
- package/development/inline-link-common-gmt6yz3v.js +0 -18
- package/development/link-list.component-B90qHOUD.js +0 -97
- package/development/menu-action-common-DRXQc85Y.js +0 -32
- package/development/menu.component-Cv9wRj4H.js +0 -365
- package/development/navigation-list.component-Dvv-bZ2V.js +0 -86
- package/development/navigation-marker.component-DMqe-VlY.js +0 -120
- package/development/navigation.component-CqNkBvEs.js +0 -315
- package/development/option.component-CV6cZnJe.js +0 -131
- package/development/paginator.component-BwLUSpDj.js +0 -261
- package/development/popover.component-CKUZbWbV.js +0 -578
- package/development/radio-button-common-G0jLFo41.js +0 -129
- package/development/select.component-CUjF11sq.js +0 -807
- package/development/selection-expansion-panel.component-BT78Qhbf.js +0 -186
- package/development/sidebar-container.component-CxwDKxv9.js +0 -100
- package/development/skiplink-list.component-m7xm-pns.js +0 -129
- package/development/slider.component-D_nLTlRF.js +0 -346
- package/development/step-label.component-Bo7Z0w7N.js +0 -127
- package/development/stepper.component-BeqeUIRN.js +0 -443
- package/development/styles-Cctez2BS.js +0 -22
- package/development/tab-nav-bar.component-B_mi8GGR.js +0 -109
- package/development/tag-group.component-Db8prSBL.js +0 -194
- package/development/tag.component-DG1uxD28.js +0 -238
- package/development/teaser-product.component-DMyuB-cH.js +0 -37
- package/development/teaser.component-CF_NUbwJ.js +0 -116
- package/development/time-input.component-XxzRoupm.js +0 -187
- package/development/timetable-occupancy-icon.component-UBmyZsTO.js +0 -95
- package/development/timetable-occupancy.component-DMm242Fr.js +0 -122
- package/development/title-base-D_Rjyk_j.js +0 -102
- package/development/title.component-CMxYhTfw.js +0 -71
- package/development/toggle.component-B03k5qc1.js +0 -243
- package/development/tooltip.component-D8zik3p4.js +0 -369
- package/development/train-wagon-common-Dg-BjUtC.js +0 -441
- package/development/train.component-dECIGw2x.js +0 -239
- package/header-action-common-DuPx0U2o.js +0 -64
- package/inline-link-common-BqqH1ExY.js +0 -13
- package/layout.css +0 -30
- package/lists.css +0 -194
- package/normalize.css +0 -95
- package/paginator.component-DB8l-B6J.js +0 -208
- package/scrollbar.css +0 -124
- package/styles-DAMaYe4p.js +0 -5
- package/table.css +0 -261
- package/timetable-form.css +0 -73
- package/typography.css +0 -67
- /package/{compact-paginator.component-BAuShgQE.js → compact-paginator.component-B-8gf_qD.js} +0 -0
- /package/core/styles/{disable-animation.scss → disable-animation-extension.scss} +0 -0
- /package/core/styles/{node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss → features/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables-as-css.scss} +0 -0
- /package/core/styles/{node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss → features/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss} +0 -0
- /package/core/styles/{normalize.scss → features/normalize.scss} +0 -0
- /package/core/styles/{scrollbar.private.scss → features/scrollbar.private.scss} +0 -0
- /package/core/styles/mixins/{animation.scss → _animation.scss} +0 -0
- /package/core/styles/mixins/{font-face.scss → _font-face.scss} +0 -0
- /package/core/styles/mixins/{layout.scss → _layout.scss} +0 -0
- /package/core/styles/mixins/{scrollbar.scss → _scrollbar.scss} +0 -0
- /package/{disable-animation.css → disable-animation-extension.css} +0 -0
- /package/{option.component-BeorlZT0.js → option.component-DiH8AMlV.js} +0 -0
- /package/{overlay.component-myJflfLY.js → overlay.component-D7Z_vx1A.js} +0 -0
- /package/{paginator-common-BWewgXga.js → paginator-common-C0Kn9ibe.js} +0 -0
- /package/{radio-button-common-CrIRn10q.js → radio-button-common-BDNSqXg-.js} +0 -0
- /package/{selection-action-panel.component-DCGJQ3Mx.js → selection-action-panel.component-Ba7N1Hgt.js} +0 -0
- /package/{selection-expansion-panel.component-Cu1egfTY.js → selection-expansion-panel.component-BL1FPfPM.js} +0 -0
- /package/{sidebar-close-button.component-8owwjvk3.js → sidebar-close-button.component-CLjOpBM2.js} +0 -0
- /package/{sidebar-container.component-Dcke-Uhr.js → sidebar-container.component-8filIF5E.js} +0 -0
- /package/{sidebar-content.component-CYupfsq_.js → sidebar-content.component-DMdjHDdq.js} +0 -0
- /package/{sidebar-title.component-Cf64lCJx.js → sidebar-title.component-DaIkBNY9.js} +0 -0
- /package/{sidebar.component-LaqQzMo2.js → sidebar.component-D_HLDNnq.js} +0 -0
- /package/{signet.component-3Xfke8uk.js → signet.component-6q3GxORI.js} +0 -0
- /package/{slider.component-BlUWAWJU.js → slider.component-C8LKcM11.js} +0 -0
- /package/{status.component-mel7wA1j.js → status.component-DMfZTgzz.js} +0 -0
- /package/{step-label.component-BGSaHafq.js → step-label.component-CjNZYk5b.js} +0 -0
- /package/{step.component-tJh-Pb_E.js → step.component-BCkwsZdk.js} +0 -0
- /package/{stepper.component-BCl77LVa.js → stepper.component-mq66fR06.js} +0 -0
- /package/{styles-DisU4TWi.js → styles-DWm_OYpV.js} +0 -0
- /package/{tab-group.component-CDhggNpe.js → tab-group.component-MEm2W7QR.js} +0 -0
- /package/{tab-label.component-BuF2qt1T.js → tab-label.component-BqznCfW8.js} +0 -0
- /package/{tab.component-D6hfhlZw.js → tab.component-DPwbvqp4.js} +0 -0
- /package/{table-wrapper.component-C83EYuZP.js → table-wrapper.component-LzYuAVPb.js} +0 -0
- /package/{tag.component-BKuxfdDi.js → tag.component-zGPaopTo.js} +0 -0
- /package/{teaser-hero.component-mv6HL4vm.js → teaser-hero.component-BlhffYux.js} +0 -0
- /package/{teaser-panel.component-qRmy2lbz.js → teaser-panel.component-BCbKgXVt.js} +0 -0
- /package/{teaser-product-common-J1KZ2Hlw.js → teaser-product-common-C_lgMbyC.js} +0 -0
- /package/{teaser-product.component-BcleFVcu.js → teaser-product.component-CQIXu7sq.js} +0 -0
- /package/{teaser.component-BOqCERR7.js → teaser.component-D9z78Eny.js} +0 -0
- /package/{time-input.component-Dw8pPYDK.js → time-input.component-CLHEoWze.js} +0 -0
- /package/{timetable-form-details.component-0c6h6shd.js → timetable-form-details.component-DJ3oPkQP.js} +0 -0
- /package/{timetable-form-field.component-Cya8n2Ms.js → timetable-form-field.component-6s8_sz9h.js} +0 -0
- /package/{timetable-form-swap-button.component-rI_0UYJw.js → timetable-form-swap-button.component-BY2m2_k9.js} +0 -0
- /package/{timetable-form.component-DVps6baq.js → timetable-form.component-Swe8BX7g.js} +0 -0
- /package/{timetable-occupancy-icon.component-ABh1bz-X.js → timetable-occupancy-icon.component-C44eSFOM.js} +0 -0
- /package/{toggle-check.component-BcQ5ht0O.js → toggle-check.component-Ce-klZJB.js} +0 -0
- /package/{toggle-option.component-DQcPDXyl.js → toggle-option.component-BdMfGuA-.js} +0 -0
- /package/{toggle.component-DARkqJol.js → toggle.component-ySmrXvjA.js} +0 -0
- /package/{train-blocked-passage.component-B601YYJl.js → train-blocked-passage.component-UnNCmspZ.js} +0 -0
- /package/{visual-checkbox.component-YhX5Qk3j.js → visual-checkbox.component-JmGORoDU.js} +0 -0
|
@@ -1,186 +0,0 @@
|
|
|
1
|
-
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { html, unsafeCSS } from "lit";
|
|
3
|
-
import { property, state } from "lit/decorators.js";
|
|
4
|
-
import { SbbElement, SbbLanguageController, SbbSelectionPanelMixin, forceType, i18nCollapsed, i18nExpanded, isZeroAnimationDuration } from "./core.js";
|
|
5
|
-
import { SbbDividerElement } from "./divider.pure.js";
|
|
6
|
-
//#region src/elements/selection-expansion-panel/selection-expansion-panel.scss?inline
|
|
7
|
-
var selection_expansion_panel_default = ":host {\n --sbb-selection-panel-inner-background: transparent;\n --sbb-selection-panel-inner-border-width: 0px;\n --sbb-selection-expansion-panel-animation-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-4x)\n );\n --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);\n --sbb-focus-outline-color: light-dark(\n var(--sbb-focus-outline-color-default),\n var(--sbb-focus-outline-color-dark)\n );\n display: block;\n flex: auto;\n position: relative;\n width: var(--sbb-selection-group-elements-width, 100%);\n background-color: var(--sbb-selection-expansion-panel-background);\n border-radius: var(--sbb-selection-panel-border-radius);\n box-shadow: inset 0 0 0 var(--sbb-selection-expansion-panel-border-width) var(--sbb-selection-expansion-panel-border-color);\n transition-duration: var(--sbb-selection-expansion-panel-animation-duration);\n transition-timing-function: var(--sbb-animation-easing);\n transition-property: box-shadow;\n}\n@media (forced-colors: active) {\n :host::after {\n content: \"\";\n display: block;\n position: absolute;\n inset: 0;\n pointer-events: none;\n border: var(--sbb-selection-expansion-panel-border-width) solid var(--sbb-selection-expansion-panel-border-color);\n border-radius: var(--sbb-selection-panel-border-radius);\n }\n}\n\n:host(:is(:state(size-xs),[state--size-xs])) {\n --sbb-selection-expansion-panel-content-padding-inline: var(\n --sbb-selection-panel-input-padding-inline-xs\n );\n}\n\n:host(:is(:state(size-s),[state--size-s])) {\n --sbb-selection-expansion-panel-content-padding-inline: var(\n --sbb-selection-panel-input-padding-inline-s\n );\n}\n\n:host(:is(:state(size-m),[state--size-m])) {\n --sbb-selection-expansion-panel-content-padding-inline: var(\n --sbb-selection-panel-input-padding-inline-m\n );\n}\n\n:host(:is(:state(color-milk),[state--color-milk])) {\n --sbb-selection-expansion-panel-background: var(--sbb-selection-panel-background-milk);\n}\n\n:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))) {\n --sbb-selection-expansion-panel-border-color: var(--sbb-selection-panel-border-color-checked);\n --sbb-selection-expansion-panel-border-width: var(--sbb-selection-panel-border-width-checked);\n}\n\n:host(:is(:state(slotted-content),[state--slotted-content]):where(:is(:state(disabled),[state--disabled]))) {\n --sbb-selection-expansion-panel-border-color: var(--sbb-selection-panel-border-color-default);\n}\n\n:host(:is(:state(borderless),[state--borderless]):not(:where(:is(:state(checked),[state--checked])))) {\n --sbb-selection-expansion-panel-border-color: transparent;\n}\n\n:host(:not(:is(:state(slotted-content),[state--slotted-content]):where(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened])))) {\n --sbb-selection-expansion-panel-content-padding-block-end: 0px;\n --sbb-selection-expansion-panel-content-visibility: hidden;\n}\n\n.sbb-selection-expansion-panel__content--wrapper {\n display: grid;\n visibility: var(--sbb-selection-expansion-panel-content-visibility);\n grid-template-rows: 0fr;\n opacity: 0;\n}\n:host(:is(:state(state-opened),[state--state-opened])) .sbb-selection-expansion-panel__content--wrapper {\n grid-template-rows: 1fr;\n opacity: 1;\n}\n:host(:is(:state(state-opening),[state--state-opening])) .sbb-selection-expansion-panel__content--wrapper {\n animation-name: open, open-opacity;\n animation-fill-mode: forwards;\n animation-duration: var(--sbb-selection-expansion-panel-animation-duration);\n animation-timing-function: var(--sbb-animation-easing);\n animation-delay: 0s, var(--sbb-selection-expansion-panel-animation-duration);\n}\n:host(:is(:state(state-closing),[state--state-closing])) .sbb-selection-expansion-panel__content--wrapper {\n animation-name: close;\n animation-duration: var(--sbb-selection-expansion-panel-animation-duration);\n animation-timing-function: var(--sbb-animation-easing);\n}\n:host(:not(:is(:state(slotted-content),[state--slotted-content]))) .sbb-selection-expansion-panel__content--wrapper {\n display: none;\n}\n\n.sbb-selection-expansion-panel__content {\n overflow: hidden;\n padding-inline: var(--sbb-selection-expansion-panel-content-padding-inline);\n padding-block-end: var(--sbb-selection-expansion-panel-content-padding-block-end);\n transition: padding var(--sbb-selection-expansion-panel-animation-duration) var(--sbb-animation-easing);\n}\n\nsbb-divider {\n margin-block-end: var(--sbb-selection-expansion-panel-content-padding-block-start);\n}\n\n@keyframes open {\n from {\n grid-template-rows: 0fr;\n }\n to {\n grid-template-rows: 1fr;\n }\n}\n@keyframes open-opacity {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes close {\n from {\n grid-template-rows: 1fr;\n opacity: 1;\n }\n to {\n grid-template-rows: 0fr;\n opacity: 0;\n }\n}";
|
|
8
|
-
//#endregion
|
|
9
|
-
//#region src/elements/selection-expansion-panel/selection-expansion-panel.component.ts
|
|
10
|
-
/**
|
|
11
|
-
* It displays an expandable panel connected to a `sbb-checkbox` or to a `sbb-radio-button`.
|
|
12
|
-
*
|
|
13
|
-
* @slot - Use the unnamed slot to add `sbb-checkbox-panel` or `sbb-radio-button-panel` elements to the `sbb-selection-expansion-panel`.
|
|
14
|
-
* @slot content - Use this slot to provide custom content for the panel (optional).
|
|
15
|
-
*/
|
|
16
|
-
var SbbSelectionExpansionPanelElement = (() => {
|
|
17
|
-
let _classSuper = SbbSelectionPanelMixin(SbbElement);
|
|
18
|
-
let _instanceExtraInitializers = [];
|
|
19
|
-
let _forceOpen_decorators;
|
|
20
|
-
let _forceOpen_initializers = [];
|
|
21
|
-
let _forceOpen_extraInitializers = [];
|
|
22
|
-
let _set__state_decorators;
|
|
23
|
-
return class SbbSelectionExpansionPanelElement extends _classSuper {
|
|
24
|
-
static {
|
|
25
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
26
|
-
_forceOpen_decorators = [forceType(), property({
|
|
27
|
-
attribute: "force-open",
|
|
28
|
-
type: Boolean
|
|
29
|
-
})];
|
|
30
|
-
_set__state_decorators = [state()];
|
|
31
|
-
__esDecorate(this, null, _forceOpen_decorators, {
|
|
32
|
-
kind: "accessor",
|
|
33
|
-
name: "forceOpen",
|
|
34
|
-
static: false,
|
|
35
|
-
private: false,
|
|
36
|
-
access: {
|
|
37
|
-
has: (obj) => "forceOpen" in obj,
|
|
38
|
-
get: (obj) => obj.forceOpen,
|
|
39
|
-
set: (obj, value) => {
|
|
40
|
-
obj.forceOpen = value;
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
metadata: _metadata
|
|
44
|
-
}, _forceOpen_initializers, _forceOpen_extraInitializers);
|
|
45
|
-
__esDecorate(this, null, _set__state_decorators, {
|
|
46
|
-
kind: "setter",
|
|
47
|
-
name: "_state",
|
|
48
|
-
static: false,
|
|
49
|
-
private: false,
|
|
50
|
-
access: {
|
|
51
|
-
has: (obj) => "_state" in obj,
|
|
52
|
-
set: (obj, value) => {
|
|
53
|
-
obj._state = value;
|
|
54
|
-
}
|
|
55
|
-
},
|
|
56
|
-
metadata: _metadata
|
|
57
|
-
}, null, _instanceExtraInitializers);
|
|
58
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
59
|
-
enumerable: true,
|
|
60
|
-
configurable: true,
|
|
61
|
-
writable: true,
|
|
62
|
-
value: _metadata
|
|
63
|
-
});
|
|
64
|
-
}
|
|
65
|
-
static {
|
|
66
|
-
this.elementName = "sbb-selection-expansion-panel";
|
|
67
|
-
}
|
|
68
|
-
static {
|
|
69
|
-
this.elementDependencies = [SbbDividerElement];
|
|
70
|
-
}
|
|
71
|
-
static {
|
|
72
|
-
this.styles = [unsafeCSS(selection_expansion_panel_default)];
|
|
73
|
-
}
|
|
74
|
-
static {
|
|
75
|
-
this.events = {
|
|
76
|
-
beforeopen: "beforeopen",
|
|
77
|
-
open: "open",
|
|
78
|
-
beforeclose: "beforeclose",
|
|
79
|
-
close: "close"
|
|
80
|
-
};
|
|
81
|
-
}
|
|
82
|
-
#forceOpen_accessor_storage;
|
|
83
|
-
/** Whether the content section is always visible. */
|
|
84
|
-
get forceOpen() {
|
|
85
|
-
return this.#forceOpen_accessor_storage;
|
|
86
|
-
}
|
|
87
|
-
set forceOpen(value) {
|
|
88
|
-
this.#forceOpen_accessor_storage = value;
|
|
89
|
-
}
|
|
90
|
-
/** The state of the component. */
|
|
91
|
-
set _state(state) {
|
|
92
|
-
if (this._stateInternal) this.internals.states.delete(`state-${this._stateInternal}`);
|
|
93
|
-
this._stateInternal = state;
|
|
94
|
-
if (this._stateInternal) this.internals.states.add(`state-${this._stateInternal}`);
|
|
95
|
-
}
|
|
96
|
-
get _state() {
|
|
97
|
-
return this._stateInternal;
|
|
98
|
-
}
|
|
99
|
-
/** Whether it has an expandable content */
|
|
100
|
-
get _hasContent() {
|
|
101
|
-
return this.querySelectorAll?.("[slot=\"content\"]").length > 0;
|
|
102
|
-
}
|
|
103
|
-
constructor() {
|
|
104
|
-
super();
|
|
105
|
-
this.#forceOpen_accessor_storage = (__runInitializers(this, _instanceExtraInitializers), __runInitializers(this, _forceOpen_initializers, false));
|
|
106
|
-
this._stateInternal = __runInitializers(this, _forceOpen_extraInitializers);
|
|
107
|
-
this._language = new SbbLanguageController(this);
|
|
108
|
-
this._state = "closed";
|
|
109
|
-
}
|
|
110
|
-
willUpdate(changedProperties) {
|
|
111
|
-
super.willUpdate(changedProperties);
|
|
112
|
-
if (changedProperties.has("forceOpen")) this._updateState();
|
|
113
|
-
}
|
|
114
|
-
onInputStateChange() {
|
|
115
|
-
this._updateState();
|
|
116
|
-
}
|
|
117
|
-
_updateState() {
|
|
118
|
-
if (!this._hasContent) return;
|
|
119
|
-
if (this.forceOpen || this.matches(":is(:state(checked),[state--checked])")) this._open();
|
|
120
|
-
else this._close();
|
|
121
|
-
this._updateExpandedLabel(this.forceOpen || this.matches(":is(:state(checked),[state--checked])"));
|
|
122
|
-
}
|
|
123
|
-
_open() {
|
|
124
|
-
if (this._state !== "closed" && this._state !== "closing") return;
|
|
125
|
-
this._state = "opening";
|
|
126
|
-
/** Emits whenever the content section starts the opening transition. */
|
|
127
|
-
this.dispatchEvent(new Event("beforeopen", { cancelable: true }));
|
|
128
|
-
if (!this.hasUpdated || this._isZeroAnimationDuration()) this._handleOpening();
|
|
129
|
-
}
|
|
130
|
-
_close() {
|
|
131
|
-
if (this._state !== "opened" && this._state !== "opening") return;
|
|
132
|
-
this._state = "closing";
|
|
133
|
-
/** Emits whenever the content section begins the closing transition. */
|
|
134
|
-
this.dispatchEvent(new Event("beforeclose", { cancelable: true }));
|
|
135
|
-
if (this._isZeroAnimationDuration()) this._handleClosing();
|
|
136
|
-
}
|
|
137
|
-
_isZeroAnimationDuration() {
|
|
138
|
-
return isZeroAnimationDuration(this, "--sbb-selection-expansion-panel-animation-duration");
|
|
139
|
-
}
|
|
140
|
-
_handleClosing() {
|
|
141
|
-
this._state = "closed";
|
|
142
|
-
/** Emits whenever the content section is closed. */
|
|
143
|
-
this.dispatchEvent(new Event("close"));
|
|
144
|
-
}
|
|
145
|
-
_handleOpening() {
|
|
146
|
-
this._state = "opened";
|
|
147
|
-
/** Emits whenever the content section is opened. */
|
|
148
|
-
this.dispatchEvent(new Event("open"));
|
|
149
|
-
}
|
|
150
|
-
_onAnimationEnd(event) {
|
|
151
|
-
if (event.animationName === "open-opacity" && this._state === "opening") this._handleOpening();
|
|
152
|
-
else if (event.animationName === "close" && this._state === "closing") this._handleClosing();
|
|
153
|
-
}
|
|
154
|
-
async _updateExpandedLabel(open) {
|
|
155
|
-
await this.hydrationComplete;
|
|
156
|
-
const panelElement = this.panel;
|
|
157
|
-
if (!panelElement) return;
|
|
158
|
-
if (!this._hasContent) {
|
|
159
|
-
panelElement.expansionState = "";
|
|
160
|
-
return;
|
|
161
|
-
}
|
|
162
|
-
panelElement.expansionState = open ? ", " + i18nExpanded[this._language.current] : ", " + i18nCollapsed[this._language.current];
|
|
163
|
-
}
|
|
164
|
-
render() {
|
|
165
|
-
return html`
|
|
166
|
-
<div class="sbb-selection-expansion-panel__input">
|
|
167
|
-
<slot></slot>
|
|
168
|
-
</div>
|
|
169
|
-
<div
|
|
170
|
-
class="sbb-selection-expansion-panel__content--wrapper"
|
|
171
|
-
?inert=${this._state !== "opened"}
|
|
172
|
-
@animationend=${this._onAnimationEnd}
|
|
173
|
-
>
|
|
174
|
-
<div class="sbb-selection-expansion-panel__content">
|
|
175
|
-
<sbb-divider></sbb-divider>
|
|
176
|
-
<slot name="content"></slot>
|
|
177
|
-
</div>
|
|
178
|
-
</div>
|
|
179
|
-
`;
|
|
180
|
-
}
|
|
181
|
-
};
|
|
182
|
-
})();
|
|
183
|
-
//#endregion
|
|
184
|
-
export { SbbSelectionExpansionPanelElement as t };
|
|
185
|
-
|
|
186
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC5jb21wb25lbnQtQlQ3OFFoYmYuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwvc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsL3NlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbi8vIE9wZW4vQ2xvc2UgYW5pbWF0aW9uIHZhcnNcbiRvcGVuLWFuaW0tcm93cy1mcm9tOiAwZnI7XG4kb3Blbi1hbmltLXJvd3MtdG86IDFmcjtcbiRvcGVuLWFuaW0tb3BhY2l0eS1mcm9tOiAwO1xuJG9wZW4tYW5pbS1vcGFjaXR5LXRvOiAxO1xuXG46aG9zdCB7XG4gIC8vIFZhcmlhYmxlIHVzZWQgdG8gb3ZlcnJpZGUgYmFja2dyb3VuZCBjb2xvciBvZiBzZWxlY3Rpb24gcGFuZWxzLlxuICAtLXNiYi1zZWxlY3Rpb24tcGFuZWwtaW5uZXItYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG5cbiAgLy8gVmFyaWFibGUgdXNlZCB0byBvdmVycmlkZSBib3JkZXIgd2lkdGggb2Ygc2VsZWN0aW9uIHBhbmVscy5cbiAgLS1zYmItc2VsZWN0aW9uLXBhbmVsLWlubmVyLWJvcmRlci13aWR0aDogMHB4O1xuICAtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbjogdmFyKFxuICAgIC0tc2JiLWRpc2FibGUtYW5pbWF0aW9uLWR1cmF0aW9uLFxuICAgIHZhcigtLXNiYi1hbmltYXRpb24tZHVyYXRpb24tNHgpXG4gICk7XG5cbiAgLy8gQXMgdGhlIHNlbGVjdGlvbiBwYW5lbCBoYXMgYWx3YXlzIGEgd2hpdGUvbWlsayBiYWNrZ3JvdW5kLCB3ZSBoYXZlIHRvIGZpeCB0aGUgZm9jdXMgb3V0bGluZSBjb2xvclxuICAvLyB0byBkZWZhdWx0IGNvbG9yIGZvciBjYXNlcyB3aGVyZSB0aGUgc2VsZWN0aW9uIHBhbmVsIGlzIHVzZWQgaW4gYSBuZWdhdGl2ZSBjb250ZXh0LlxuICAtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yOiBsaWdodC1kYXJrKFxuICAgIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRlZmF1bHQpLFxuICAgIHZhcigtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yLWRhcmspXG4gICk7XG5cbiAgZGlzcGxheTogYmxvY2s7XG4gIGZsZXg6IGF1dG87XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgd2lkdGg6IHZhcigtLXNiYi1zZWxlY3Rpb24tZ3JvdXAtZWxlbWVudHMtd2lkdGgsIDEwMCUpO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1iYWNrZ3JvdW5kKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItcmFkaXVzKTtcblxuICAvLyBUbyBwcm92aWRlIGEgc21vb3RoIHRyYW5zaXRpb24gb2Ygd2lkdGgsIHdlIHVzZSBib3gtc2hhZG93IHRvIGltaXRhdGUgdGhlIGJvcmRlci5cbiAgYm94LXNoYWRvdzogaW5zZXQgMCAwIDAgdmFyKC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtYm9yZGVyLXdpZHRoKVxuICAgIHZhcigtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWJvcmRlci1jb2xvcik7XG5cbiAgdHJhbnNpdGlvbjoge1xuICAgIGR1cmF0aW9uOiB2YXIoLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgIHRpbWluZy1mdW5jdGlvbjogdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgIHByb3BlcnR5OiBib3gtc2hhZG93O1xuICB9XG5cbiAgLy8gRm9yIGhpZ2ggY29udHJhc3QgbW9kZSB3ZSBuZWVkIGEgcmVhbCBib3JkZXJcbiAgQGluY2x1ZGUgc2JiLmlmLWZvcmNlZC1jb2xvcnMge1xuICAgICY6OmFmdGVyIHtcbiAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBpbnNldDogMDtcbiAgICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgICAgYm9yZGVyOiB2YXIoLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1ib3JkZXItd2lkdGgpIHNvbGlkXG4gICAgICAgIHZhcigtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWJvcmRlci1jb2xvcik7XG4gICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1zYmItc2VsZWN0aW9uLXBhbmVsLWJvcmRlci1yYWRpdXMpO1xuICAgIH1cbiAgfVxufVxuXG46aG9zdCg6c3RhdGUoc2l6ZS14cykpIHtcbiAgLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1jb250ZW50LXBhZGRpbmctaW5saW5lOiB2YXIoXG4gICAgLS1zYmItc2VsZWN0aW9uLXBhbmVsLWlucHV0LXBhZGRpbmctaW5saW5lLXhzXG4gICk7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLXMpKSB7XG4gIC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtY29udGVudC1wYWRkaW5nLWlubGluZTogdmFyKFxuICAgIC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1pbnB1dC1wYWRkaW5nLWlubGluZS1zXG4gICk7XG59XG5cbjpob3N0KDpzdGF0ZShzaXplLW0pKSB7XG4gIC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtY29udGVudC1wYWRkaW5nLWlubGluZTogdmFyKFxuICAgIC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1pbnB1dC1wYWRkaW5nLWlubGluZS1tXG4gICk7XG59XG5cbjpob3N0KDpzdGF0ZShjb2xvci1taWxrKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWJhY2tncm91bmQ6IHZhcigtLXNiYi1zZWxlY3Rpb24tcGFuZWwtYmFja2dyb3VuZC1taWxrKTtcbn1cblxuLy8gOndoZXJlIGlzIHRvIGFsaWduIHNwZWNpZmljaXR5XG46aG9zdCg6d2hlcmUoOnN0YXRlKGNoZWNrZWQpKTpub3QoOndoZXJlKDpzdGF0ZShkaXNhYmxlZCkpKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWJvcmRlci1jb2xvcjogdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItY29sb3ItY2hlY2tlZCk7XG4gIC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtYm9yZGVyLXdpZHRoOiB2YXIoLS1zYmItc2VsZWN0aW9uLXBhbmVsLWJvcmRlci13aWR0aC1jaGVja2VkKTtcbn1cblxuLy8gOndoZXJlIGlzIHRvIGFsaWduIHNwZWNpZmljaXR5XG46aG9zdCg6c3RhdGUoc2xvdHRlZC1jb250ZW50KTp3aGVyZSg6c3RhdGUoZGlzYWJsZWQpKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWJvcmRlci1jb2xvcjogdmFyKC0tc2JiLXNlbGVjdGlvbi1wYW5lbC1ib3JkZXItY29sb3ItZGVmYXVsdCk7XG59XG5cbi8vIDp3aGVyZSBpcyB0byBhbGlnbiBzcGVjaWZpY2l0eVxuOmhvc3QoOnN0YXRlKGJvcmRlcmxlc3MpOm5vdCg6d2hlcmUoOnN0YXRlKGNoZWNrZWQpKSkpIHtcbiAgLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1ib3JkZXItY29sb3I6IHRyYW5zcGFyZW50O1xufVxuXG4vLyBXaGVuIHRoZSBwYW5lbCBpcyBjbG9zZWQsIHdlIHJlbW92ZSB0aGUgcGFkZGluZyBhdCB0aGUgYm90dG9tIGZvciBhIG5pY2UgdHJhbnNpdGlvbiB3aGVuIG9wZW5pbmcuXG46aG9zdCg6bm90KDpzdGF0ZShzbG90dGVkLWNvbnRlbnQpOndoZXJlKDpzdGF0ZShzdGF0ZS1vcGVuaW5nKSwgOnN0YXRlKHN0YXRlLW9wZW5lZCkpKSkge1xuICAtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQtcGFkZGluZy1ibG9jay1lbmQ6IDBweDtcbiAgLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1jb250ZW50LXZpc2liaWxpdHk6IGhpZGRlbjtcbn1cblxuLnNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsX19jb250ZW50LS13cmFwcGVyIHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgdmlzaWJpbGl0eTogdmFyKC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtY29udGVudC12aXNpYmlsaXR5KTtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiAjeyRvcGVuLWFuaW0tcm93cy1mcm9tfTtcbiAgb3BhY2l0eTogI3skb3Blbi1hbmltLW9wYWNpdHktZnJvbX07XG5cbiAgOmhvc3QoOnN0YXRlKHN0YXRlLW9wZW5lZCkpICYge1xuICAgIGdyaWQtdGVtcGxhdGUtcm93czogI3skb3Blbi1hbmltLXJvd3MtdG99O1xuICAgIG9wYWNpdHk6ICN7JG9wZW4tYW5pbS1vcGFjaXR5LXRvfTtcbiAgfVxuXG4gIDpob3N0KDpzdGF0ZShzdGF0ZS1vcGVuaW5nKSkgJiB7XG4gICAgYW5pbWF0aW9uLW5hbWU6IG9wZW4sIG9wZW4tb3BhY2l0eTtcbiAgICBhbmltYXRpb24tZmlsbC1tb2RlOiBmb3J3YXJkcztcbiAgICBhbmltYXRpb24tZHVyYXRpb246IHZhcigtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgIGFuaW1hdGlvbi1kZWxheTogMHMsIHZhcigtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gIH1cblxuICA6aG9zdCg6c3RhdGUoc3RhdGUtY2xvc2luZykpICYge1xuICAgIGFuaW1hdGlvbi1uYW1lOiBjbG9zZTtcbiAgICBhbmltYXRpb24tZHVyYXRpb246IHZhcigtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgYW5pbWF0aW9uLXRpbWluZy1mdW5jdGlvbjogdmFyKC0tc2JiLWFuaW1hdGlvbi1lYXNpbmcpO1xuICB9XG5cbiAgOmhvc3QoOm5vdCg6c3RhdGUoc2xvdHRlZC1jb250ZW50KSkpICYge1xuICAgIGRpc3BsYXk6IG5vbmU7XG4gIH1cbn1cblxuLnNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsX19jb250ZW50IHtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgcGFkZGluZy1pbmxpbmU6IHZhcigtLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWNvbnRlbnQtcGFkZGluZy1pbmxpbmUpO1xuICBwYWRkaW5nLWJsb2NrLWVuZDogdmFyKC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtY29udGVudC1wYWRkaW5nLWJsb2NrLWVuZCk7XG4gIHRyYW5zaXRpb246IHBhZGRpbmcgdmFyKC0tc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwtYW5pbWF0aW9uLWR1cmF0aW9uKVxuICAgIHZhcigtLXNiYi1hbmltYXRpb24tZWFzaW5nKTtcbn1cblxuc2JiLWRpdmlkZXIge1xuICBtYXJnaW4tYmxvY2stZW5kOiB2YXIoLS1zYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbC1jb250ZW50LXBhZGRpbmctYmxvY2stc3RhcnQpO1xufVxuXG5Aa2V5ZnJhbWVzIG9wZW4ge1xuICBmcm9tIHtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6ICN7JG9wZW4tYW5pbS1yb3dzLWZyb219O1xuICB9XG5cbiAgdG8ge1xuICAgIGdyaWQtdGVtcGxhdGUtcm93czogI3skb3Blbi1hbmltLXJvd3MtdG99O1xuICB9XG59XG5cbkBrZXlmcmFtZXMgb3Blbi1vcGFjaXR5IHtcbiAgZnJvbSB7XG4gICAgb3BhY2l0eTogI3skb3Blbi1hbmltLW9wYWNpdHktZnJvbX07XG4gIH1cblxuICB0byB7XG4gICAgb3BhY2l0eTogI3skb3Blbi1hbmltLW9wYWNpdHktdG99O1xuICB9XG59XG5cbkBrZXlmcmFtZXMgY2xvc2Uge1xuICBmcm9tIHtcbiAgICBncmlkLXRlbXBsYXRlLXJvd3M6ICN7JG9wZW4tYW5pbS1yb3dzLXRvfTtcbiAgICBvcGFjaXR5OiAjeyRvcGVuLWFuaW0tb3BhY2l0eS10b307XG4gIH1cblxuICB0byB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiAjeyRvcGVuLWFuaW0tcm93cy1mcm9tfTtcbiAgICBvcGFjaXR5OiAjeyRvcGVuLWFuaW0tb3BhY2l0eS1mcm9tfTtcbiAgfVxufVxuIiwiaW1wb3J0IHtcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgaHRtbCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbiAgdW5zYWZlQ1NTLFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQge1xuICBmb3JjZVR5cGUsXG4gIGkxOG5Db2xsYXBzZWQsXG4gIGkxOG5FeHBhbmRlZCxcbiAgaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24sXG4gIFNiYkVsZW1lbnQsXG4gIHR5cGUgU2JiRWxlbWVudFR5cGUsXG4gIFNiYkxhbmd1YWdlQ29udHJvbGxlcixcbiAgdHlwZSBTYmJPcGVuZWRDbG9zZWRTdGF0ZSxcbiAgU2JiU2VsZWN0aW9uUGFuZWxNaXhpbixcbn0gZnJvbSAnLi4vY29yZS50cyc7XG5pbXBvcnQgeyBTYmJEaXZpZGVyRWxlbWVudCB9IGZyb20gJy4uL2RpdmlkZXIucHVyZS50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NlbGVjdGlvbi1leHBhbnNpb24tcGFuZWwuc2Nzcz9pbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGFuIGV4cGFuZGFibGUgcGFuZWwgY29ubmVjdGVkIHRvIGEgYHNiYi1jaGVja2JveGAgb3IgdG8gYSBgc2JiLXJhZGlvLWJ1dHRvbmAuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1jaGVja2JveC1wYW5lbGAgb3IgYHNiYi1yYWRpby1idXR0b24tcGFuZWxgIGVsZW1lbnRzIHRvIHRoZSBgc2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWxgLlxuICogQHNsb3QgY29udGVudCAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBjdXN0b20gY29udGVudCBmb3IgdGhlIHBhbmVsIChvcHRpb25hbCkuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTZWxlY3Rpb25FeHBhbnNpb25QYW5lbEVsZW1lbnQgZXh0ZW5kcyBTYmJTZWxlY3Rpb25QYW5lbE1peGluKFNiYkVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBlbGVtZW50RGVwZW5kZW5jaWVzOiBTYmJFbGVtZW50VHlwZVtdID0gW1NiYkRpdmlkZXJFbGVtZW50XTtcbiAgLy8gVE9ETzogZml4IGluaGVyaXRpbmcgZnJvbSBTYmJPcGVuQ2xvc2VCYXNlRWxlbWVudCByZXF1aXJlczogaHR0cHM6Ly9naXRodWIuY29tL29wZW4td2MvY3VzdG9tLWVsZW1lbnRzLW1hbmlmZXN0L2lzc3Vlcy8yNTNcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW3Vuc2FmZUNTUyhzdHlsZSldO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBiZWZvcmVvcGVuOiAnYmVmb3Jlb3BlbicsXG4gICAgb3BlbjogJ29wZW4nLFxuICAgIGJlZm9yZWNsb3NlOiAnYmVmb3JlY2xvc2UnLFxuICAgIGNsb3NlOiAnY2xvc2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBjb250ZW50IHNlY3Rpb24gaXMgYWx3YXlzIHZpc2libGUuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdmb3JjZS1vcGVuJywgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZm9yY2VPcGVuOiBib29sZWFuID0gZmFsc2U7XG5cbiAgLyoqIFRoZSBzdGF0ZSBvZiB0aGUgY29tcG9uZW50LiAqL1xuICBAc3RhdGUoKVxuICBwcml2YXRlIHNldCBfc3RhdGUoc3RhdGU6IFNiYk9wZW5lZENsb3NlZFN0YXRlKSB7XG4gICAgaWYgKHRoaXMuX3N0YXRlSW50ZXJuYWwpIHtcbiAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5kZWxldGUoYHN0YXRlLSR7dGhpcy5fc3RhdGVJbnRlcm5hbH1gKTtcbiAgICB9XG4gICAgdGhpcy5fc3RhdGVJbnRlcm5hbCA9IHN0YXRlO1xuICAgIGlmICh0aGlzLl9zdGF0ZUludGVybmFsKSB7XG4gICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuYWRkKGBzdGF0ZS0ke3RoaXMuX3N0YXRlSW50ZXJuYWx9YCk7XG4gICAgfVxuICB9XG4gIHByaXZhdGUgZ2V0IF9zdGF0ZSgpOiBTYmJPcGVuZWRDbG9zZWRTdGF0ZSB7XG4gICAgcmV0dXJuIHRoaXMuX3N0YXRlSW50ZXJuYWw7XG4gIH1cbiAgcHJpdmF0ZSBfc3RhdGVJbnRlcm5hbCE6IFNiYk9wZW5lZENsb3NlZFN0YXRlO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICAvKiogV2hldGhlciBpdCBoYXMgYW4gZXhwYW5kYWJsZSBjb250ZW50ICovXG4gIHByaXZhdGUgZ2V0IF9oYXNDb250ZW50KCk6IGJvb2xlYW4ge1xuICAgIC8vIFdlIGNhbm5vdCB1c2UgdGhlIE5hbWVkU2xvdHMgYmVjYXVzZSBpdCdzIHRvbyBzbG93IHRvIGluaXRpYWxpemVcbiAgICByZXR1cm4gdGhpcy5xdWVyeVNlbGVjdG9yQWxsPy4oJ1tzbG90PVwiY29udGVudFwiXScpLmxlbmd0aCA+IDA7XG4gIH1cblxuICBwdWJsaWMgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcblxuICAgIHRoaXMuX3N0YXRlID0gJ2Nsb3NlZCc7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2ZvcmNlT3BlbicpKSB7XG4gICAgICB0aGlzLl91cGRhdGVTdGF0ZSgpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBvbklucHV0U3RhdGVDaGFuZ2UoKTogdm9pZCB7XG4gICAgdGhpcy5fdXBkYXRlU3RhdGUoKTtcbiAgfVxuXG4gIHByaXZhdGUgX3VwZGF0ZVN0YXRlKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5faGFzQ29udGVudCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICh0aGlzLmZvcmNlT3BlbiB8fCB0aGlzLm1hdGNoZXMoJzpzdGF0ZShjaGVja2VkKScpKSB7XG4gICAgICB0aGlzLl9vcGVuKCk7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuX2Nsb3NlKCk7XG4gICAgfVxuICAgIHRoaXMuX3VwZGF0ZUV4cGFuZGVkTGFiZWwodGhpcy5mb3JjZU9wZW4gfHwgdGhpcy5tYXRjaGVzKCc6c3RhdGUoY2hlY2tlZCknKSk7XG4gIH1cblxuICBwcml2YXRlIF9vcGVuKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9zdGF0ZSAhPT0gJ2Nsb3NlZCcgJiYgdGhpcy5fc3RhdGUgIT09ICdjbG9zaW5nJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuX3N0YXRlID0gJ29wZW5pbmcnO1xuICAgIC8qKiBFbWl0cyB3aGVuZXZlciB0aGUgY29udGVudCBzZWN0aW9uIHN0YXJ0cyB0aGUgb3BlbmluZyB0cmFuc2l0aW9uLiAqL1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2JlZm9yZW9wZW4nLCB7IGNhbmNlbGFibGU6IHRydWUgfSkpO1xuXG4gICAgLy8gSWYgdGhlIGFuaW1hdGlvbiBkdXJhdGlvbiBpcyB6ZXJvLCB0aGUgYW5pbWF0aW9uZW5kIGV2ZW50IGlzIG5vdCBhbHdheXMgZmlyZWQgcmVsaWFibHkuXG4gICAgLy8gSW4gdGhpcyBjYXNlIHdlIGRpcmVjdGx5IHNldCB0aGUgYG9wZW5lZGAgc3RhdGUuXG4gICAgaWYgKCF0aGlzLmhhc1VwZGF0ZWQgfHwgdGhpcy5faXNaZXJvQW5pbWF0aW9uRHVyYXRpb24oKSkge1xuICAgICAgdGhpcy5faGFuZGxlT3BlbmluZygpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2Nsb3NlKCk6IHZvaWQge1xuICAgIGlmICh0aGlzLl9zdGF0ZSAhPT0gJ29wZW5lZCcgJiYgdGhpcy5fc3RhdGUgIT09ICdvcGVuaW5nJykge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIHRoaXMuX3N0YXRlID0gJ2Nsb3NpbmcnO1xuICAgIC8qKiBFbWl0cyB3aGVuZXZlciB0aGUgY29udGVudCBzZWN0aW9uIGJlZ2lucyB0aGUgY2xvc2luZyB0cmFuc2l0aW9uLiAqL1xuICAgIHRoaXMuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2JlZm9yZWNsb3NlJywgeyBjYW5jZWxhYmxlOiB0cnVlIH0pKTtcblxuICAgIC8vIElmIHRoZSBhbmltYXRpb24gZHVyYXRpb24gaXMgemVybywgdGhlIGFuaW1hdGlvbmVuZCBldmVudCBpcyBub3QgYWx3YXlzIGZpcmVkIHJlbGlhYmx5LlxuICAgIC8vIEluIHRoaXMgY2FzZSB3ZSBkaXJlY3RseSBzZXQgdGhlIGBjbG9zZWRgIHN0YXRlLlxuICAgIGlmICh0aGlzLl9pc1plcm9BbmltYXRpb25EdXJhdGlvbigpKSB7XG4gICAgICB0aGlzLl9oYW5kbGVDbG9zaW5nKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKHRoaXMsICctLXNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsLWFuaW1hdGlvbi1kdXJhdGlvbicpO1xuICB9XG5cbiAgcHJpdmF0ZSBfaGFuZGxlQ2xvc2luZygpOiB2b2lkIHtcbiAgICB0aGlzLl9zdGF0ZSA9ICdjbG9zZWQnO1xuICAgIC8qKiBFbWl0cyB3aGVuZXZlciB0aGUgY29udGVudCBzZWN0aW9uIGlzIGNsb3NlZC4gKi9cbiAgICB0aGlzLmRpc3BhdGNoRXZlbnQobmV3IEV2ZW50KCdjbG9zZScpKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZU9wZW5pbmcoKTogdm9pZCB7XG4gICAgdGhpcy5fc3RhdGUgPSAnb3BlbmVkJztcbiAgICAvKiogRW1pdHMgd2hlbmV2ZXIgdGhlIGNvbnRlbnQgc2VjdGlvbiBpcyBvcGVuZWQuICovXG4gICAgdGhpcy5kaXNwYXRjaEV2ZW50KG5ldyBFdmVudCgnb3BlbicpKTtcbiAgfVxuXG4gIHByaXZhdGUgX29uQW5pbWF0aW9uRW5kKGV2ZW50OiBBbmltYXRpb25FdmVudCk6IHZvaWQge1xuICAgIGlmIChldmVudC5hbmltYXRpb25OYW1lID09PSAnb3Blbi1vcGFjaXR5JyAmJiB0aGlzLl9zdGF0ZSA9PT0gJ29wZW5pbmcnKSB7XG4gICAgICB0aGlzLl9oYW5kbGVPcGVuaW5nKCk7XG4gICAgfSBlbHNlIGlmIChldmVudC5hbmltYXRpb25OYW1lID09PSAnY2xvc2UnICYmIHRoaXMuX3N0YXRlID09PSAnY2xvc2luZycpIHtcbiAgICAgIHRoaXMuX2hhbmRsZUNsb3NpbmcoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIGFzeW5jIF91cGRhdGVFeHBhbmRlZExhYmVsKG9wZW46IGJvb2xlYW4pOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBhd2FpdCB0aGlzLmh5ZHJhdGlvbkNvbXBsZXRlO1xuXG4gICAgY29uc3QgcGFuZWxFbGVtZW50ID0gdGhpcy5wYW5lbDtcbiAgICBpZiAoIXBhbmVsRWxlbWVudCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmICghdGhpcy5faGFzQ29udGVudCkge1xuICAgICAgcGFuZWxFbGVtZW50LmV4cGFuc2lvblN0YXRlID0gJyc7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgcGFuZWxFbGVtZW50LmV4cGFuc2lvblN0YXRlID0gb3BlblxuICAgICAgPyAnLCAnICsgaTE4bkV4cGFuZGVkW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdXG4gICAgICA6ICcsICcgKyBpMThuQ29sbGFwc2VkW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLXNlbGVjdGlvbi1leHBhbnNpb24tcGFuZWxfX2lucHV0XCI+XG4gICAgICAgIDxzbG90Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInNiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsX19jb250ZW50LS13cmFwcGVyXCJcbiAgICAgICAgP2luZXJ0PSR7dGhpcy5fc3RhdGUgIT09ICdvcGVuZWQnfVxuICAgICAgICBAYW5pbWF0aW9uZW5kPSR7dGhpcy5fb25BbmltYXRpb25FbmR9XG4gICAgICA+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItc2VsZWN0aW9uLWV4cGFuc2lvbi1wYW5lbF9fY29udGVudFwiPlxuICAgICAgICAgIDxzYmItZGl2aWRlcj48L3NiYi1kaXZpZGVyPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJjb250ZW50XCI+PC9zbG90PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1zZWxlY3Rpb24tZXhwYW5zaW9uLXBhbmVsJzogU2JiU2VsZWN0aW9uRXhwYW5zaW9uUGFuZWxFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7OztJQzhCYSwyQ0FBaUM7bUJBQVMsdUJBQXVCLFVBQVU7Ozs7OztjQUEzRSwwQ0FBMEMsWUFBa0M7Ozs0QkFhdEYsVUFBUyxHQUNULFNBQVM7SUFBRSxXQUFXO0lBQWMsTUFBTTtHQUFPLENBQUUsQ0FBQzs2QkFJcEQsTUFBSyxDQUFFO0dBSFIsYUFBQSxNQUFBLE1BQUEsdUJBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxlQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVMsTUFBQSxLQUFBLFVBQUE7TUFBQSxJQUFULFlBQVM7S0FBQTtJQUFBO0lBQUEsVUFBQTtHQUFBLEdBQUEseUJBQUEsNEJBQUE7R0FJekIsYUFBQSxNQUFBLE1BQUEsd0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxZQUFBO0tBQUEsTUFBQSxLQUFBLFVBQUE7TUFBQSxJQUFZLFNBQU07S0FBQTtJQUFBO0lBQUEsVUFBQTtHQUFBLEdBQUEsTUFBQSwwQkFBQTs7Ozs7Ozs7O0dBbEJjLEtBQUEsY0FBc0I7RUFBZ0M7O0dBQy9ELEtBQUEsc0JBQXdDLENBQUMsaUJBQWlCO0VBQUU7O0dBRTVELEtBQUEsU0FBeUIsQ0FBQyxVQUFVLGlDQUFLLENBQUM7RUFBRTs7R0FDNUMsS0FBQSxTQUFTO0lBQzlCLFlBQVk7SUFDWixNQUFNO0lBQ04sYUFBYTtJQUNiLE9BQU87O0VBQ0U7RUFLWDs7RUFBQSxJQUFnQixZQUFTO0dBQUEsT0FBQSxLQUFBO0VBQUE7RUFBekIsSUFBZ0IsVUFBUyxPQUFBO0dBQUEsS0FBQSw4QkFBQTtFQUFBOztFQUl6QixJQUFZLE9BQU8sT0FBMkI7R0FDNUMsSUFBSSxLQUFLLGdCQUNQLEtBQUssVUFBVSxPQUFPLE9BQU8sU0FBUyxLQUFLLGdCQUFnQjtHQUU3RCxLQUFLLGlCQUFpQjtHQUN0QixJQUFJLEtBQUssZ0JBQ1AsS0FBSyxVQUFVLE9BQU8sSUFBSSxTQUFTLEtBQUssZ0JBQWdCO0VBRTVEO0VBQ0EsSUFBWSxTQUFNO0dBQ2hCLE9BQU8sS0FBSztFQUNkOztFQU1BLElBQVksY0FBVztHQUVyQixPQUFPLEtBQUssbUJBQW1CLG9CQUFrQixFQUFFLFNBQVM7RUFDOUQ7RUFFQSxjQUFBO0dBQ0UsTUFBSztHQTNCUyxLQUFBLCtCQWZMLGtCQUFBLE1BQUEsMEJBQUEsR0FBaUMsa0JBQUEsTUFBQSx5QkFlUCxLQUFLO0dBZ0JsQyxLQUFBLGlCQUFjLGtCQUFBLE1BQUEsNEJBQUE7R0FFZCxLQUFBLFlBQVksSUFBSSxzQkFBc0IsSUFBSTtHQVdoRCxLQUFLLFNBQVM7RUFDaEI7RUFFbUIsV0FBVyxtQkFBdUM7R0FDbkUsTUFBTSxXQUFXLGlCQUFpQjtHQUVsQyxJQUFJLGtCQUFrQixJQUFJLFdBQVcsR0FDbkMsS0FBSyxhQUFZO0VBRXJCO0VBRW1CLHFCQUFrQjtHQUNuQyxLQUFLLGFBQVk7RUFDbkI7RUFFUSxlQUFZO0dBQ2xCLElBQUksQ0FBQyxLQUFLLGFBQ1I7R0FHRixJQUFJLEtBQUssYUFBYSxLQUFLLFFBQVEsdUNBQWlCLEdBQ2xELEtBQUssTUFBSztRQUVWLEtBQUssT0FBTTtHQUViLEtBQUsscUJBQXFCLEtBQUssYUFBYSxLQUFLLFFBQVEsdUNBQWlCLENBQUM7RUFDN0U7RUFFUSxRQUFLO0dBQ1gsSUFBSSxLQUFLLFdBQVcsWUFBWSxLQUFLLFdBQVcsV0FDOUM7R0FHRixLQUFLLFNBQVM7O0dBRWQsS0FBSyxjQUFjLElBQUksTUFBTSxjQUFjLEVBQUUsWUFBWSxLQUFJLENBQUUsQ0FBQztHQUloRSxJQUFJLENBQUMsS0FBSyxjQUFjLEtBQUsseUJBQXdCLEdBQ25ELEtBQUssZUFBYztFQUV2QjtFQUVRLFNBQU07R0FDWixJQUFJLEtBQUssV0FBVyxZQUFZLEtBQUssV0FBVyxXQUM5QztHQUdGLEtBQUssU0FBUzs7R0FFZCxLQUFLLGNBQWMsSUFBSSxNQUFNLGVBQWUsRUFBRSxZQUFZLEtBQUksQ0FBRSxDQUFDO0dBSWpFLElBQUksS0FBSyx5QkFBd0IsR0FDL0IsS0FBSyxlQUFjO0VBRXZCO0VBRVEsMkJBQXdCO0dBQzlCLE9BQU8sd0JBQXdCLE1BQU0sb0RBQW9EO0VBQzNGO0VBRVEsaUJBQWM7R0FDcEIsS0FBSyxTQUFTOztHQUVkLEtBQUssY0FBYyxJQUFJLE1BQU0sT0FBTyxDQUFDO0VBQ3ZDO0VBRVEsaUJBQWM7R0FDcEIsS0FBSyxTQUFTOztHQUVkLEtBQUssY0FBYyxJQUFJLE1BQU0sTUFBTSxDQUFDO0VBQ3RDO0VBRVEsZ0JBQWdCLE9BQXFCO0dBQzNDLElBQUksTUFBTSxrQkFBa0Isa0JBQWtCLEtBQUssV0FBVyxXQUM1RCxLQUFLLGVBQWM7UUFDZCxJQUFJLE1BQU0sa0JBQWtCLFdBQVcsS0FBSyxXQUFXLFdBQzVELEtBQUssZUFBYztFQUV2QjtFQUVRLE1BQU0scUJBQXFCLE1BQWE7R0FDOUMsTUFBTSxLQUFLO0dBRVgsTUFBTSxlQUFlLEtBQUs7R0FDMUIsSUFBSSxDQUFDLGNBQ0g7R0FHRixJQUFJLENBQUMsS0FBSyxhQUFhO0lBQ3JCLGFBQWEsaUJBQWlCO0lBQzlCO0dBQ0Y7R0FFQSxhQUFhLGlCQUFpQixPQUMxQixPQUFPLGFBQWEsS0FBSyxVQUFVLFdBQ25DLE9BQU8sY0FBYyxLQUFLLFVBQVU7RUFDMUM7RUFFbUIsU0FBTTtHQUN2QixPQUFPLElBQUk7Ozs7OztpQkFNRSxLQUFLLFdBQVcsU0FBQTt3QkFDVCxLQUFLLGdCQUFBOzs7Ozs7OztFQVEzQiJ9
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
import { html, isServer, unsafeCSS } from "lit";
|
|
2
|
-
import { SbbElement, ɵstateController } from "./core.js";
|
|
3
|
-
import { sidebarContainerCommonStyle } from "./sidebar/common/styles.js";
|
|
4
|
-
//#region src/elements/sidebar/sidebar-container/sidebar-container.scss?inline
|
|
5
|
-
var sidebar_container_default = ":host {\n display: block;\n overflow: hidden;\n --sbb-sidebar-container-animation-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-4x)\n );\n --sbb-sidebar-container-animation-easing: var(--sbb-animation-easing);\n --sbb-sidebar-container-backdrop-opacity: 0;\n --sbb-sidebar-container__backdrop-visibility: hidden;\n --sbb-sidebar-container-backdrop-animation-duration: var(\n --sbb-sidebar-container-animation-duration\n );\n}\n@media (forced-colors: active) {\n :host {\n --sbb-sidebar-container-backdrop-opacity: 0.5;\n }\n}\n\n.sbb-sidebar-container-backdrop {\n position: absolute;\n inset: 0;\n visibility: var(--sbb-sidebar-container__backdrop-visibility);\n opacity: var(--sbb-sidebar-container-backdrop-opacity);\n background-color: var(--sbb-color-black);\n z-index: 3;\n transition-duration: var(--sbb-sidebar-container-backdrop-animation-duration);\n transition-timing-function: var(--sbb-sidebar-container-animation-easing);\n transition-property: opacity, visibility;\n}";
|
|
6
|
-
//#endregion
|
|
7
|
-
//#region src/elements/sidebar/sidebar-container/sidebar-container.component.ts
|
|
8
|
-
var sidebarContainerRegistry = /* @__PURE__ */ new Set();
|
|
9
|
-
var sidebarContainerResizeObserver;
|
|
10
|
-
var MIN_WIDTH_BEFORE_COLLAPSE = 320;
|
|
11
|
-
/**
|
|
12
|
-
* This is the parent component to one or two `<sbb-sidebar>`s that validates the state internally
|
|
13
|
-
* and coordinates the backdrop and content styling.
|
|
14
|
-
*
|
|
15
|
-
* @slot - Use the unnamed slot to add `sbb-sidebar` and `sbb-sidebar-content` elements.
|
|
16
|
-
*/
|
|
17
|
-
var SbbSidebarContainerElement = class extends SbbElement {
|
|
18
|
-
constructor() {
|
|
19
|
-
super(...arguments);
|
|
20
|
-
this._forcedClosedSidebars = /* @__PURE__ */ new WeakSet();
|
|
21
|
-
}
|
|
22
|
-
static {
|
|
23
|
-
this.elementName = "sbb-sidebar-container";
|
|
24
|
-
}
|
|
25
|
-
static {
|
|
26
|
-
this.styles = [sidebarContainerCommonStyle, unsafeCSS(sidebar_container_default)];
|
|
27
|
-
}
|
|
28
|
-
/** The sidebar children. */
|
|
29
|
-
get sidebars() {
|
|
30
|
-
return Array.from(this.querySelectorAll?.(`:scope > sbb-sidebar`) ?? []);
|
|
31
|
-
}
|
|
32
|
-
/** The sidebar child with the `start` position. */
|
|
33
|
-
get start() {
|
|
34
|
-
return this.querySelector?.(`:scope > sbb-sidebar:not([position='end'])`);
|
|
35
|
-
}
|
|
36
|
-
/** The sidebar child with the `end` position. */
|
|
37
|
-
get end() {
|
|
38
|
-
return this.querySelector?.(`:scope > sbb-sidebar[position='end']`);
|
|
39
|
-
}
|
|
40
|
-
connectedCallback() {
|
|
41
|
-
super.connectedCallback();
|
|
42
|
-
sidebarContainerResizeObserver ??= !isServer && new ResizeObserver(() => this._handleWidthChange());
|
|
43
|
-
if (!isServer && sidebarContainerRegistry.size === 0) sidebarContainerResizeObserver.observe(document?.documentElement);
|
|
44
|
-
sidebarContainerRegistry.add(this);
|
|
45
|
-
this._handleWidthChange();
|
|
46
|
-
}
|
|
47
|
-
disconnectedCallback() {
|
|
48
|
-
super.disconnectedCallback();
|
|
49
|
-
sidebarContainerRegistry.delete(this);
|
|
50
|
-
if (sidebarContainerRegistry.size === 0) sidebarContainerResizeObserver?.disconnect();
|
|
51
|
-
}
|
|
52
|
-
firstUpdated(changedProperties) {
|
|
53
|
-
super.firstUpdated(changedProperties);
|
|
54
|
-
this._handleWidthChange();
|
|
55
|
-
}
|
|
56
|
-
_handleWidthChange() {
|
|
57
|
-
Array.from(sidebarContainerRegistry).sort((c1, c2) => c1.compareDocumentPosition(c2) & Node.DOCUMENT_POSITION_FOLLOWING).forEach((c) => c._calculateSpaceState());
|
|
58
|
-
}
|
|
59
|
-
/**
|
|
60
|
-
* Closes and opens sidebars depending on available width
|
|
61
|
-
* of the container and its parent container.
|
|
62
|
-
*/
|
|
63
|
-
async _calculateSpaceState() {
|
|
64
|
-
if (isServer) return;
|
|
65
|
-
const parentSidebars = (this.parentElement?.closest?.("sbb-sidebar-container"))?.sidebars ?? [];
|
|
66
|
-
for (const sidebar of parentSidebars) await sidebar.updateComplete.then(() => sidebar.animationComplete);
|
|
67
|
-
const width = this.offsetWidth ?? 0;
|
|
68
|
-
if (width === 0) return;
|
|
69
|
-
const sidebars = this.sidebars;
|
|
70
|
-
const hasForcedClosedParentContainer = parentSidebars.some((sidebar) => sidebar.matches(":is(:state(mode-over-forced),[state--mode-over-forced])")) ?? false;
|
|
71
|
-
const isMinimumSpace = width - sidebars.filter((sidebar) => sidebar.mode === "side").reduce((accumulator, currentValue) => accumulator + (currentValue.offsetWidth ?? 0), 0) < MIN_WIDTH_BEFORE_COLLAPSE;
|
|
72
|
-
for (const sidebar of sidebars) {
|
|
73
|
-
const wasMinimum = sidebar.matches(":is(:state(mode-over-forced),[state--mode-over-forced])");
|
|
74
|
-
const controller = ɵstateController(sidebar);
|
|
75
|
-
controller.toggle("mode-over-forced", isMinimumSpace);
|
|
76
|
-
if (sidebar.mode !== "side") continue;
|
|
77
|
-
if ((isMinimumSpace || hasForcedClosedParentContainer) && sidebar.opened && !wasMinimum) {
|
|
78
|
-
if (sidebar.isOpen && !sidebar.matches(":is(:state(skip-animation),[state--skip-animation])")) controller.add("mode-over-forced-closing");
|
|
79
|
-
sidebar.opened = false;
|
|
80
|
-
this._forcedClosedSidebars.add(sidebar);
|
|
81
|
-
if (sidebar.matches(":is(:state(mode-over-forced-closing),[state--mode-over-forced-closing])")) sidebar.updateComplete.then(() => sidebar.animationComplete).then(() => controller.delete("mode-over-forced-closing"));
|
|
82
|
-
} else if (!isMinimumSpace && !hasForcedClosedParentContainer && this._forcedClosedSidebars.has(sidebar)) {
|
|
83
|
-
sidebar["cedeFocus"]();
|
|
84
|
-
sidebar.opened = true;
|
|
85
|
-
this._forcedClosedSidebars.delete(sidebar);
|
|
86
|
-
}
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
render() {
|
|
90
|
-
return html`<div
|
|
91
|
-
class="sbb-sidebar-container-backdrop"
|
|
92
|
-
@click=${() => this.sidebars.forEach((s) => s.close())}
|
|
93
|
-
></div>
|
|
94
|
-
<slot @slotchange=${() => this._handleWidthChange()}></slot>`;
|
|
95
|
-
}
|
|
96
|
-
};
|
|
97
|
-
//#endregion
|
|
98
|
-
export { SbbSidebarContainerElement as t };
|
|
99
|
-
|
|
100
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci1jb250YWluZXIuY29tcG9uZW50LUN4d0RLeHY5LmpzIiwibmFtZXMiOltdLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9zaWRlYmFyL3NpZGViYXItY29udGFpbmVyL3NpZGViYXItY29udGFpbmVyLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NpZGViYXIvc2lkZWJhci1jb250YWluZXIvc2lkZWJhci1jb250YWluZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uLy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgZGlzcGxheTogYmxvY2s7XG5cbiAgLy8gSGlkZSB0aGUgc2lkZWJhcnMgd2hlbiB0aGV5J3JlIGNsb3NlZC5cbiAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTR4KVxuICApO1xuICAtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1hbmltYXRpb24tZWFzaW5nOiB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG5cbiAgLy8gV2UgdXNlICd2aXNpYmlsaXR5OiBoaWRkZW4gfCB2aXNpYmxlJyBiZWNhdXNlICdkaXNwbGF5OiBub25lJyB3aWxsIG5vdCBhbmltYXRlIGFueVxuICAvLyB0cmFuc2l0aW9ucywgd2hpbGUgdmlzaWJpbGl0eSB3aWxsIGludGVycG9sYXRlIHRyYW5zaXRpb25zIHByb3Blcmx5LlxuICAvLyBzZWUgaHR0cHM6Ly9kZXZlbG9wZXIubW96aWxsYS5vcmcvZW4tVVMvZG9jcy9XZWIvQ1NTL3Zpc2liaWxpdHksIHRoZSBJbnRlcnBvbGF0aW9uXG4gIC8vIHNlY3Rpb24uXG4gIC0tc2JiLXNpZGViYXItY29udGFpbmVyLWJhY2tkcm9wLW9wYWNpdHk6IDA7XG4gIC0tc2JiLXNpZGViYXItY29udGFpbmVyX19iYWNrZHJvcC12aXNpYmlsaXR5OiBoaWRkZW47XG5cbiAgLy8gV2UgbmVlZCB0byBkdXBsaWNhdGUgYW5pbWF0aW9uIGR1cmF0aW9uIGRlZmluaXRpb24gZm9yIHRoZSBiYWNrZHJvcCBpbiBvcmRlciB0byBwcmV2ZW50IHBhc3NpbmdcbiAgLy8gZG93biB0aGUgdmFsdWUgdG8gb3RoZXIgc2JiLXNpZGViYXItY29udGFpbmVycyB3aGVuIG92ZXJyaWRlIGl0IGZyb20gY29yZS5zY3NzXG4gIC0tc2JiLXNpZGViYXItY29udGFpbmVyLWJhY2tkcm9wLWFuaW1hdGlvbi1kdXJhdGlvbjogdmFyKFxuICAgIC0tc2JiLXNpZGViYXItY29udGFpbmVyLWFuaW1hdGlvbi1kdXJhdGlvblxuICApO1xuXG4gIEBpbmNsdWRlIHNiYi5pZi1mb3JjZWQtY29sb3JzIHtcbiAgICAtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1iYWNrZHJvcC1vcGFjaXR5OiAwLjU7XG4gIH1cbn1cblxuLnNiYi1zaWRlYmFyLWNvbnRhaW5lci1iYWNrZHJvcCB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQ6IDA7XG4gIHZpc2liaWxpdHk6IHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lcl9fYmFja2Ryb3AtdmlzaWJpbGl0eSk7XG4gIG9wYWNpdHk6IHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1iYWNrZHJvcC1vcGFjaXR5KTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLWJsYWNrKTtcbiAgei1pbmRleDogMztcblxuICB0cmFuc2l0aW9uOiB7XG4gICAgZHVyYXRpb246IHZhcigtLXNiYi1zaWRlYmFyLWNvbnRhaW5lci1iYWNrZHJvcC1hbmltYXRpb24tZHVyYXRpb24pO1xuICAgIHRpbWluZy1mdW5jdGlvbjogdmFyKC0tc2JiLXNpZGViYXItY29udGFpbmVyLWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgIHByb3BlcnR5OiBvcGFjaXR5LCB2aXNpYmlsaXR5O1xuICB9XG59XG4iLCJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBpc1NlcnZlcixcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbiAgdW5zYWZlQ1NTLFxufSBmcm9tICdsaXQnO1xuXG5pbXBvcnQgeyBTYmJFbGVtZW50LCDJtXN0YXRlQ29udHJvbGxlciB9IGZyb20gJy4uLy4uL2NvcmUudHMnO1xuaW1wb3J0IHsgc2lkZWJhckNvbnRhaW5lckNvbW1vblN0eWxlIH0gZnJvbSAnLi4vY29tbW9uL3N0eWxlcy50cyc7XG5pbXBvcnQgdHlwZSB7IFNiYlNpZGViYXJFbGVtZW50IH0gZnJvbSAnLi4vc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZGViYXItY29udGFpbmVyLnNjc3M/aW5saW5lJztcblxuY29uc3Qgc2lkZWJhckNvbnRhaW5lclJlZ2lzdHJ5ID0gbmV3IFNldDxTYmJTaWRlYmFyQ29udGFpbmVyRWxlbWVudD4oKTtcbmxldCBzaWRlYmFyQ29udGFpbmVyUmVzaXplT2JzZXJ2ZXI6IFJlc2l6ZU9ic2VydmVyIHwgdW5kZWZpbmVkO1xuXG5jb25zdCBNSU5fV0lEVEhfQkVGT1JFX0NPTExBUFNFID0gMzIwO1xuXG4vKipcbiAqIFRoaXMgaXMgdGhlIHBhcmVudCBjb21wb25lbnQgdG8gb25lIG9yIHR3byBgPHNiYi1zaWRlYmFyPmBzIHRoYXQgdmFsaWRhdGVzIHRoZSBzdGF0ZSBpbnRlcm5hbGx5XG4gKiBhbmQgY29vcmRpbmF0ZXMgdGhlIGJhY2tkcm9wIGFuZCBjb250ZW50IHN0eWxpbmcuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1zaWRlYmFyYCBhbmQgYHNiYi1zaWRlYmFyLWNvbnRlbnRgIGVsZW1lbnRzLlxuICovXG5leHBvcnQgY2xhc3MgU2JiU2lkZWJhckNvbnRhaW5lckVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1zaWRlYmFyLWNvbnRhaW5lcic7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtzaWRlYmFyQ29udGFpbmVyQ29tbW9uU3R5bGUsIHVuc2FmZUNTUyhzdHlsZSldO1xuXG4gIC8qKiBUaGUgc2lkZWJhciBjaGlsZHJlbi4gKi9cbiAgcHVibGljIGdldCBzaWRlYmFycygpOiBTYmJTaWRlYmFyRWxlbWVudFtdIHtcbiAgICByZXR1cm4gQXJyYXkuZnJvbSh0aGlzLnF1ZXJ5U2VsZWN0b3JBbGw/LjxTYmJTaWRlYmFyRWxlbWVudD4oYDpzY29wZSA+IHNiYi1zaWRlYmFyYCkgPz8gW10pO1xuICB9XG5cbiAgLyoqIFRoZSBzaWRlYmFyIGNoaWxkIHdpdGggdGhlIGBzdGFydGAgcG9zaXRpb24uICovXG4gIHB1YmxpYyBnZXQgc3RhcnQoKTogU2JiU2lkZWJhckVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5xdWVyeVNlbGVjdG9yPy48U2JiU2lkZWJhckVsZW1lbnQ+KGA6c2NvcGUgPiBzYmItc2lkZWJhcjpub3QoW3Bvc2l0aW9uPSdlbmQnXSlgKTtcbiAgfVxuXG4gIC8qKiBUaGUgc2lkZWJhciBjaGlsZCB3aXRoIHRoZSBgZW5kYCBwb3NpdGlvbi4gKi9cbiAgcHVibGljIGdldCBlbmQoKTogU2JiU2lkZWJhckVsZW1lbnQgfCBudWxsIHtcbiAgICByZXR1cm4gdGhpcy5xdWVyeVNlbGVjdG9yPy48U2JiU2lkZWJhckVsZW1lbnQ+KGA6c2NvcGUgPiBzYmItc2lkZWJhcltwb3NpdGlvbj0nZW5kJ11gKTtcbiAgfVxuXG4gIHByaXZhdGUgX2ZvcmNlZENsb3NlZFNpZGViYXJzID0gbmV3IFdlYWtTZXQ8U2JiU2lkZWJhckVsZW1lbnQ+KCk7XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHN1cGVyLmNvbm5lY3RlZENhbGxiYWNrKCk7XG5cbiAgICBzaWRlYmFyQ29udGFpbmVyUmVzaXplT2JzZXJ2ZXIgPz89XG4gICAgICAhaXNTZXJ2ZXIgJiYgbmV3IFJlc2l6ZU9ic2VydmVyKCgpID0+IHRoaXMuX2hhbmRsZVdpZHRoQ2hhbmdlKCkpO1xuXG4gICAgaWYgKCFpc1NlcnZlciAmJiBzaWRlYmFyQ29udGFpbmVyUmVnaXN0cnkuc2l6ZSA9PT0gMCkge1xuICAgICAgc2lkZWJhckNvbnRhaW5lclJlc2l6ZU9ic2VydmVyLm9ic2VydmUoZG9jdW1lbnQ/LmRvY3VtZW50RWxlbWVudCk7XG4gICAgfVxuXG4gICAgc2lkZWJhckNvbnRhaW5lclJlZ2lzdHJ5LmFkZCh0aGlzKTtcblxuICAgIHRoaXMuX2hhbmRsZVdpZHRoQ2hhbmdlKCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgZGlzY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuZGlzY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIHNpZGViYXJDb250YWluZXJSZWdpc3RyeS5kZWxldGUodGhpcyk7XG5cbiAgICBpZiAoc2lkZWJhckNvbnRhaW5lclJlZ2lzdHJ5LnNpemUgPT09IDApIHtcbiAgICAgIHNpZGViYXJDb250YWluZXJSZXNpemVPYnNlcnZlcj8uZGlzY29ubmVjdCgpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIHRoaXMuX2hhbmRsZVdpZHRoQ2hhbmdlKCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVXaWR0aENoYW5nZSgpOiB2b2lkIHtcbiAgICBBcnJheS5mcm9tKHNpZGViYXJDb250YWluZXJSZWdpc3RyeSlcbiAgICAgIC5zb3J0KChjMSwgYzIpID0+IGMxLmNvbXBhcmVEb2N1bWVudFBvc2l0aW9uKGMyKSAmIE5vZGUuRE9DVU1FTlRfUE9TSVRJT05fRk9MTE9XSU5HKVxuICAgICAgLmZvckVhY2goKGMpID0+IGMuX2NhbGN1bGF0ZVNwYWNlU3RhdGUoKSk7XG4gIH1cblxuICAvKipcbiAgICogQ2xvc2VzIGFuZCBvcGVucyBzaWRlYmFycyBkZXBlbmRpbmcgb24gYXZhaWxhYmxlIHdpZHRoXG4gICAqIG9mIHRoZSBjb250YWluZXIgYW5kIGl0cyBwYXJlbnQgY29udGFpbmVyLlxuICAgKi9cbiAgcHJpdmF0ZSBhc3luYyBfY2FsY3VsYXRlU3BhY2VTdGF0ZSgpOiBQcm9taXNlPHZvaWQ+IHtcbiAgICBpZiAoaXNTZXJ2ZXIpIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBwYXJlbnRTaWRlYmFyQ29udGFpbmVyID1cbiAgICAgIHRoaXMucGFyZW50RWxlbWVudD8uY2xvc2VzdD8uPFNiYlNpZGViYXJDb250YWluZXJFbGVtZW50Pignc2JiLXNpZGViYXItY29udGFpbmVyJyk7XG5cbiAgICBjb25zdCBwYXJlbnRTaWRlYmFycyA9IHBhcmVudFNpZGViYXJDb250YWluZXI/LnNpZGViYXJzID8/IFtdO1xuXG4gICAgZm9yIChjb25zdCBzaWRlYmFyIG9mIHBhcmVudFNpZGViYXJzKSB7XG4gICAgICAvLyBVc2luZyBQcm9taXNlLmFsbCBkaWQgY3JlYXRlIHNvbWUgY29uZnVzaW5nIHByb2JsZW1zLCBzbyB3ZSBkZWNpZGVkIHRvIGF3YWl0IGl0IHNlcXVlbnRpYWxseS5cbiAgICAgIGF3YWl0IHNpZGViYXIudXBkYXRlQ29tcGxldGUudGhlbigoKSA9PiBzaWRlYmFyLmFuaW1hdGlvbkNvbXBsZXRlKTtcbiAgICB9XG5cbiAgICBjb25zdCB3aWR0aCA9IHRoaXMub2Zmc2V0V2lkdGggPz8gMDtcbiAgICBpZiAod2lkdGggPT09IDApIHtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBzaWRlYmFycyA9IHRoaXMuc2lkZWJhcnM7XG4gICAgY29uc3QgaGFzRm9yY2VkQ2xvc2VkUGFyZW50Q29udGFpbmVyID1cbiAgICAgIHBhcmVudFNpZGViYXJzLnNvbWUoKHNpZGViYXIpID0+IHNpZGViYXIubWF0Y2hlcygnOnN0YXRlKG1vZGUtb3Zlci1mb3JjZWQpJykpID8/IGZhbHNlO1xuICAgIGNvbnN0IHN1bU9mQWxsUmVsZXZhbnRTaWRlYmFyV2lkdGhzID0gc2lkZWJhcnNcbiAgICAgIC5maWx0ZXIoKHNpZGViYXIpID0+IHNpZGViYXIubW9kZSA9PT0gJ3NpZGUnKVxuICAgICAgLnJlZHVjZSgoYWNjdW11bGF0b3IsIGN1cnJlbnRWYWx1ZSkgPT4gYWNjdW11bGF0b3IgKyAoY3VycmVudFZhbHVlLm9mZnNldFdpZHRoID8/IDApLCAwKTtcbiAgICBjb25zdCBpc01pbmltdW1TcGFjZSA9IHdpZHRoIC0gc3VtT2ZBbGxSZWxldmFudFNpZGViYXJXaWR0aHMgPCBNSU5fV0lEVEhfQkVGT1JFX0NPTExBUFNFO1xuXG4gICAgZm9yIChjb25zdCBzaWRlYmFyIG9mIHNpZGViYXJzKSB7XG4gICAgICBjb25zdCB3YXNNaW5pbXVtID0gc2lkZWJhci5tYXRjaGVzKCc6c3RhdGUobW9kZS1vdmVyLWZvcmNlZCknKTtcbiAgICAgIGNvbnN0IGNvbnRyb2xsZXIgPSDJtXN0YXRlQ29udHJvbGxlcihzaWRlYmFyKTtcbiAgICAgIGNvbnRyb2xsZXIudG9nZ2xlKCdtb2RlLW92ZXItZm9yY2VkJywgaXNNaW5pbXVtU3BhY2UpO1xuXG4gICAgICBpZiAoc2lkZWJhci5tb2RlICE9PSAnc2lkZScpIHtcbiAgICAgICAgY29udGludWU7XG4gICAgICB9XG5cbiAgICAgIGlmICgoaXNNaW5pbXVtU3BhY2UgfHwgaGFzRm9yY2VkQ2xvc2VkUGFyZW50Q29udGFpbmVyKSAmJiBzaWRlYmFyLm9wZW5lZCAmJiAhd2FzTWluaW11bSkge1xuICAgICAgICAvLyBXZSBoYXZlIHRvIGNsb3NlIHRoZSBzaWRlYmFyIHdoZW4gdGhlIHJlbWFpbmluZyB3aWR0aCBpcyBiZWxvdyB0aGUgbWluaW11bSBvciB0aGUgcGFyZW50IGNvbnRhaW5lciBydW5zIG91dCBvZiBzcGFjZS5cblxuICAgICAgICBpZiAoc2lkZWJhci5pc09wZW4gJiYgIXNpZGViYXIubWF0Y2hlcygnOnN0YXRlKHNraXAtYW5pbWF0aW9uKScpKSB7XG4gICAgICAgICAgLy8gSWYgdGhlIHNpZGViYXIgaXMgb3BlbmVkIHZpc3VhbGx5LCBhZGQgYSBzcGVjaWFsIGRhdGEgYXR0cmlidXRlIHRoYXQgY29udHJvbHMgdGhlIHotaW5kZXguXG4gICAgICAgICAgLy8gV2l0aG91dCB0aGlzIHNvbHV0aW9uLCB3aGVuIHRoZSBzaWRlYmFyIGlzIGNsb3NlZCwgaXQgd291bGQgYXBwZWFyIHZpc3VhbGx5IGFzIGlmIGl0IHdlcmUgaW4gJ292ZXInIG1vZGUuXG4gICAgICAgICAgY29udHJvbGxlci5hZGQoJ21vZGUtb3Zlci1mb3JjZWQtY2xvc2luZycpO1xuICAgICAgICB9XG5cbiAgICAgICAgc2lkZWJhci5vcGVuZWQgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5fZm9yY2VkQ2xvc2VkU2lkZWJhcnMuYWRkKHNpZGViYXIpO1xuXG4gICAgICAgIGlmIChzaWRlYmFyLm1hdGNoZXMoJzpzdGF0ZShtb2RlLW92ZXItZm9yY2VkLWNsb3NpbmcpJykpIHtcbiAgICAgICAgICBzaWRlYmFyLnVwZGF0ZUNvbXBsZXRlXG4gICAgICAgICAgICAudGhlbigoKSA9PiBzaWRlYmFyLmFuaW1hdGlvbkNvbXBsZXRlKVxuICAgICAgICAgICAgLnRoZW4oKCkgPT4gY29udHJvbGxlci5kZWxldGUoJ21vZGUtb3Zlci1mb3JjZWQtY2xvc2luZycpKTtcbiAgICAgICAgfVxuICAgICAgfSBlbHNlIGlmIChcbiAgICAgICAgLy8gV2UgaGF2ZSB0byBvcGVuIHRoZSBzaWRlYmFyIHdoZW4gdGhlIHJlbWFpbmluZyB3aWR0aCBvZiB0aGUgc2lkZWJhciBhbmQgdGhlIHBhcmVudCBjb250YWluZXJcbiAgICAgICAgLy8gaXMgYWJvdmUgdGhlIG1pbmltdW0uXG4gICAgICAgIC8vIFdlIG9ubHkgcHJvZ3JhbW1hdGljYWxseSBvcGVuIHRoZSBzaWRlYmFyIHdoZW4gdGhlIGNhdXNlIG9mIGNsb3Npbmcgd2FzIHRoaXMgbG9naWMuXG4gICAgICAgICFpc01pbmltdW1TcGFjZSAmJlxuICAgICAgICAhaGFzRm9yY2VkQ2xvc2VkUGFyZW50Q29udGFpbmVyICYmXG4gICAgICAgIHRoaXMuX2ZvcmNlZENsb3NlZFNpZGViYXJzLmhhcyhzaWRlYmFyKVxuICAgICAgKSB7XG4gICAgICAgIC8vIElmIHRoZSBzaWRlYmFyIHdhcyBtYW51YWxseSBvcGVuZWQgKGluIGZvcmNlZCBvdmVyIG1vZGUpXG4gICAgICAgIC8vIGFuZCB0aGUgc2lkZWJhciBiZWNvbWVzIGVub3VnaCBzcGFjZSBhdmFpbGFibGUsIGl0IHN0YXlzIG9wZW4sIGJ1dCB3ZSBuZWVkIHRvIGVuc3VyZSB0aGF0XG4gICAgICAgIC8vIHRoZSBmb2N1cyB0cmFwIGlzIHJlc2V0LlxuICAgICAgICBzaWRlYmFyWydjZWRlRm9jdXMnXSgpO1xuICAgICAgICBzaWRlYmFyLm9wZW5lZCA9IHRydWU7XG4gICAgICAgIHRoaXMuX2ZvcmNlZENsb3NlZFNpZGViYXJzLmRlbGV0ZShzaWRlYmFyKTtcbiAgICAgIH1cbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGA8ZGl2XG4gICAgICAgIGNsYXNzPVwic2JiLXNpZGViYXItY29udGFpbmVyLWJhY2tkcm9wXCJcbiAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy5zaWRlYmFycy5mb3JFYWNoKChzKSA9PiBzLmNsb3NlKCkpfVxuICAgICAgPjwvZGl2PlxuICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHsoKSA9PiB0aGlzLl9oYW5kbGVXaWR0aENoYW5nZSgpfT48L3Nsb3Q+YDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNpZGViYXItY29udGFpbmVyJzogU2JiU2lkZWJhckNvbnRhaW5lckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQ2VBLElBQU0sMkNBQTJCLElBQUksSUFBRztBQUN4QyxJQUFJO0FBRUosSUFBTSw0QkFBNEI7Ozs7Ozs7QUFRbEMsSUFBYSw2QkFBYixjQUFnRCxXQUFVO0NBQTFELGNBQUE7O0VBbUJVLEtBQUEsd0NBQXdCLElBQUksUUFBTztDQTBIN0M7O0VBNUlrQyxLQUFBLGNBQXNCO0NBQXdCOztFQUN2RCxLQUFBLFNBQXlCLENBQUMsNkJBQTZCLFVBQVUseUJBQUssQ0FBQztDQUFFOztDQUdoRyxJQUFXLFdBQVE7RUFDakIsT0FBTyxNQUFNLEtBQUssS0FBSyxtQkFBc0Msc0JBQXNCLEtBQUssQ0FBQSxDQUFFO0NBQzVGOztDQUdBLElBQVcsUUFBSztFQUNkLE9BQU8sS0FBSyxnQkFBbUMsNENBQTRDO0NBQzdGOztDQUdBLElBQVcsTUFBRztFQUNaLE9BQU8sS0FBSyxnQkFBbUMsc0NBQXNDO0NBQ3ZGO0NBSWdCLG9CQUFpQjtFQUMvQixNQUFNLGtCQUFpQjtFQUV2QixtQ0FDRSxDQUFDLFlBQVksSUFBSSxxQkFBcUIsS0FBSyxtQkFBa0IsQ0FBRTtFQUVqRSxJQUFJLENBQUMsWUFBWSx5QkFBeUIsU0FBUyxHQUNqRCwrQkFBK0IsUUFBUSxVQUFVLGVBQWU7RUFHbEUseUJBQXlCLElBQUksSUFBSTtFQUVqQyxLQUFLLG1CQUFrQjtDQUN6QjtDQUVnQix1QkFBb0I7RUFDbEMsTUFBTSxxQkFBb0I7RUFFMUIseUJBQXlCLE9BQU8sSUFBSTtFQUVwQyxJQUFJLHlCQUF5QixTQUFTLEdBQ3BDLGdDQUFnQyxXQUFVO0NBRTlDO0NBRW1CLGFBQWEsbUJBQXVDO0VBQ3JFLE1BQU0sYUFBYSxpQkFBaUI7RUFFcEMsS0FBSyxtQkFBa0I7Q0FDekI7Q0FFUSxxQkFBa0I7RUFDeEIsTUFBTSxLQUFLLHdCQUF3QixFQUNoQyxNQUFNLElBQUksT0FBTyxHQUFHLHdCQUF3QixFQUFFLElBQUksS0FBSywyQkFBMkIsRUFDbEYsU0FBUyxNQUFNLEVBQUUscUJBQW9CLENBQUU7Q0FDNUM7Ozs7O0NBTVEsTUFBTSx1QkFBb0I7RUFDaEMsSUFBSSxVQUNGO0VBTUYsTUFBTSxrQkFGSixLQUFLLGVBQWUsVUFBc0MsdUJBQXVCLElBRXBDLFlBQVksQ0FBQTtFQUUzRCxLQUFLLE1BQU0sV0FBVyxnQkFFcEIsTUFBTSxRQUFRLGVBQWUsV0FBVyxRQUFRLGlCQUFpQjtFQUduRSxNQUFNLFFBQVEsS0FBSyxlQUFlO0VBQ2xDLElBQUksVUFBVSxHQUNaO0VBR0YsTUFBTSxXQUFXLEtBQUs7RUFDdEIsTUFBTSxpQ0FDSixlQUFlLE1BQU0sWUFBWSxRQUFRLFFBQVEseURBQTBCLENBQUMsS0FBSztFQUluRixNQUFNLGlCQUFpQixRQUhlLFNBQ25DLFFBQVEsWUFBWSxRQUFRLFNBQVMsTUFBTSxFQUMzQyxRQUFRLGFBQWEsaUJBQWlCLGVBQWUsYUFBYSxlQUFlLElBQUksQ0FDekQsSUFBZ0M7RUFFL0QsS0FBSyxNQUFNLFdBQVcsVUFBVTtHQUM5QixNQUFNLGFBQWEsUUFBUSxRQUFRLHlEQUEwQjtHQUM3RCxNQUFNLGFBQWEsaUJBQWlCLE9BQU87R0FDM0MsV0FBVyxPQUFPLG9CQUFvQixjQUFjO0dBRXBELElBQUksUUFBUSxTQUFTLFFBQ25CO0dBR0YsS0FBSyxrQkFBa0IsbUNBQW1DLFFBQVEsVUFBVSxDQUFDLFlBQVk7SUFHdkYsSUFBSSxRQUFRLFVBQVUsQ0FBQyxRQUFRLFFBQVEscURBQXdCLEdBRzdELFdBQVcsSUFBSSwwQkFBMEI7SUFHM0MsUUFBUSxTQUFTO0lBQ2pCLEtBQUssc0JBQXNCLElBQUksT0FBTztJQUV0QyxJQUFJLFFBQVEsUUFBUSx5RUFBa0MsR0FDcEQsUUFBUSxlQUNMLFdBQVcsUUFBUSxpQkFBaUIsRUFDcEMsV0FBVyxXQUFXLE9BQU8sMEJBQTBCLENBQUM7R0FFL0QsT0FBTyxJQUlMLENBQUMsa0JBQ0QsQ0FBQyxrQ0FDRCxLQUFLLHNCQUFzQixJQUFJLE9BQU8sR0FDdEM7SUFJQSxRQUFRLGFBQVk7SUFDcEIsUUFBUSxTQUFTO0lBQ2pCLEtBQUssc0JBQXNCLE9BQU8sT0FBTztHQUMzQztFQUNGO0NBQ0Y7Q0FFbUIsU0FBTTtFQUN2QixPQUFPLElBQUk7O3VCQUVRLEtBQUssU0FBUyxTQUFTLE1BQU0sRUFBRSxNQUFLLENBQUUsRUFBQTs7Z0NBRTdCLEtBQUssbUJBQWtCLEVBQUU7Q0FDdkQifQ==
|
|
@@ -1,129 +0,0 @@
|
|
|
1
|
-
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { unsafeCSS } from "lit";
|
|
3
|
-
import { property } from "lit/decorators.js";
|
|
4
|
-
import { SbbDarkModeController, SbbElement, SbbNamedSlotListMixin, forceType, omitEmptyConverter } from "./core.js";
|
|
5
|
-
import { html as html$1, unsafeStatic } from "lit/static-html.js";
|
|
6
|
-
//#region src/elements/skiplink-list/skiplink-list.scss?inline
|
|
7
|
-
var skiplink_list_default = ":host {\n --sbb-skiplink-list-background: var(--sbb-background-color-1-inverted);\n position: fixed;\n inset-block-start: var(--sbb-spacing-fixed-4x);\n inset-inline-start: var(--sbb-spacing-fixed-4x);\n z-index: calc(var(--sbb-skiplink-list-z-index, var(--sbb-overlay-default-z-index)) + 1);\n}\n\n.sbb-skiplink-list {\n list-style: none;\n margin: 0;\n padding: 0;\n font-size: inherit;\n}\n.sbb-skiplink-list > :is(li, span) {\n box-shadow: var(--sbb-box-shadow-level-5-hard);\n display: list-item;\n height: var(--sbb-skiplink-list-height, 0);\n overflow: var(--sbb-skiplink-list-overflow, hidden);\n border-radius: var(--sbb-border-radius-4x);\n background-color: var(--sbb-skiplink-list-background);\n border: var(--sbb-skiplink-list-border, unset);\n width: fit-content;\n}\n.sbb-skiplink-list > :is(li, span):focus-within {\n --sbb-skiplink-list-height: auto;\n --sbb-skiplink-list-overflow: visible;\n --sbb-skiplink-list-border: var(--sbb-border-width-2x) solid\n var(--sbb-border-color-1-inverted);\n}\n\n::slotted(:is(:state(sbb-link),[state--sbb-link])) {\n --sbb-focus-outline-color: transparent;\n --sbb-link-padding: var(--sbb-spacing-fixed-2x) var(--sbb-spacing-responsive-xxs);\n}\n\n::slotted(*) {\n color-scheme: only light;\n}\n\n:host(:is(:state(dark),[state--dark])) ::slotted(*) {\n --sbb-link-color-normal: var(--sbb-color-midnight);\n}";
|
|
8
|
-
//#endregion
|
|
9
|
-
//#region src/elements/skiplink-list/skiplink-list.component.ts
|
|
10
|
-
/**
|
|
11
|
-
* It displays a list of `sbb-block-link`/`sbb-block-link-button` which are visible only when focused.
|
|
12
|
-
*
|
|
13
|
-
* @slot - Use the unnamed slot to add `sbb-block-link`/`sbb-block-link-button` elements to the `sbb-skiplink-list`.
|
|
14
|
-
* @slot title - Use this to provide a title for the skiplink-list (optional).
|
|
15
|
-
* @cssprop [--sbb-skiplink-list-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
|
|
16
|
-
* the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
|
|
17
|
-
* component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
|
|
18
|
-
*/
|
|
19
|
-
var SbbSkiplinkListElement = (() => {
|
|
20
|
-
let _classSuper = SbbNamedSlotListMixin(SbbElement);
|
|
21
|
-
let _titleContent_decorators;
|
|
22
|
-
let _titleContent_initializers = [];
|
|
23
|
-
let _titleContent_extraInitializers = [];
|
|
24
|
-
let _titleLevel_decorators;
|
|
25
|
-
let _titleLevel_initializers = [];
|
|
26
|
-
let _titleLevel_extraInitializers = [];
|
|
27
|
-
return class SbbSkiplinkListElement extends _classSuper {
|
|
28
|
-
constructor() {
|
|
29
|
-
super(...arguments);
|
|
30
|
-
this.listChildLocalNames = ["sbb-block-link", "sbb-block-link-button"];
|
|
31
|
-
this.#titleContent_accessor_storage = __runInitializers(this, _titleContent_initializers, "");
|
|
32
|
-
this.#titleLevel_accessor_storage = (__runInitializers(this, _titleContent_extraInitializers), __runInitializers(this, _titleLevel_initializers, "2"));
|
|
33
|
-
this._darkModeController = (__runInitializers(this, _titleLevel_extraInitializers), new SbbDarkModeController(this, () => {
|
|
34
|
-
for (const child of this.listChildren) child.negative = this._isLightMode();
|
|
35
|
-
}));
|
|
36
|
-
}
|
|
37
|
-
static {
|
|
38
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
39
|
-
_titleContent_decorators = [forceType(), property({
|
|
40
|
-
attribute: "title-content",
|
|
41
|
-
reflect: true,
|
|
42
|
-
converter: omitEmptyConverter
|
|
43
|
-
})];
|
|
44
|
-
_titleLevel_decorators = [property({ attribute: "title-level" })];
|
|
45
|
-
__esDecorate(this, null, _titleContent_decorators, {
|
|
46
|
-
kind: "accessor",
|
|
47
|
-
name: "titleContent",
|
|
48
|
-
static: false,
|
|
49
|
-
private: false,
|
|
50
|
-
access: {
|
|
51
|
-
has: (obj) => "titleContent" in obj,
|
|
52
|
-
get: (obj) => obj.titleContent,
|
|
53
|
-
set: (obj, value) => {
|
|
54
|
-
obj.titleContent = value;
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
metadata: _metadata
|
|
58
|
-
}, _titleContent_initializers, _titleContent_extraInitializers);
|
|
59
|
-
__esDecorate(this, null, _titleLevel_decorators, {
|
|
60
|
-
kind: "accessor",
|
|
61
|
-
name: "titleLevel",
|
|
62
|
-
static: false,
|
|
63
|
-
private: false,
|
|
64
|
-
access: {
|
|
65
|
-
has: (obj) => "titleLevel" in obj,
|
|
66
|
-
get: (obj) => obj.titleLevel,
|
|
67
|
-
set: (obj, value) => {
|
|
68
|
-
obj.titleLevel = value;
|
|
69
|
-
}
|
|
70
|
-
},
|
|
71
|
-
metadata: _metadata
|
|
72
|
-
}, _titleLevel_initializers, _titleLevel_extraInitializers);
|
|
73
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
74
|
-
enumerable: true,
|
|
75
|
-
configurable: true,
|
|
76
|
-
writable: true,
|
|
77
|
-
value: _metadata
|
|
78
|
-
});
|
|
79
|
-
}
|
|
80
|
-
static {
|
|
81
|
-
this.elementName = "sbb-skiplink-list";
|
|
82
|
-
}
|
|
83
|
-
static {
|
|
84
|
-
this.styles = [unsafeCSS(skiplink_list_default)];
|
|
85
|
-
}
|
|
86
|
-
#titleContent_accessor_storage;
|
|
87
|
-
/** The title text we want to place before the list. */
|
|
88
|
-
get titleContent() {
|
|
89
|
-
return this.#titleContent_accessor_storage;
|
|
90
|
-
}
|
|
91
|
-
set titleContent(value) {
|
|
92
|
-
this.#titleContent_accessor_storage = value;
|
|
93
|
-
}
|
|
94
|
-
#titleLevel_accessor_storage;
|
|
95
|
-
/** The semantic level of the title, e.g. 2 = h2. */
|
|
96
|
-
get titleLevel() {
|
|
97
|
-
return this.#titleLevel_accessor_storage;
|
|
98
|
-
}
|
|
99
|
-
set titleLevel(value) {
|
|
100
|
-
this.#titleLevel_accessor_storage = value;
|
|
101
|
-
}
|
|
102
|
-
willUpdate(changedProperties) {
|
|
103
|
-
super.willUpdate(changedProperties);
|
|
104
|
-
if (changedProperties.has("listChildren")) for (const child of this.listChildren) {
|
|
105
|
-
child.size = "m";
|
|
106
|
-
child.negative = this._isLightMode();
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
_isLightMode() {
|
|
110
|
-
return !this._darkModeController.matches();
|
|
111
|
-
}
|
|
112
|
-
render() {
|
|
113
|
-
const TITLE_TAG_NAME = `h${this.titleLevel || "2"}`;
|
|
114
|
-
return html$1`
|
|
115
|
-
<${unsafeStatic(TITLE_TAG_NAME)}
|
|
116
|
-
class="sbb-screen-reader-only"
|
|
117
|
-
id="sbb-skiplink-list-title-id"
|
|
118
|
-
>
|
|
119
|
-
<slot name="title">${this.titleContent}</slot>
|
|
120
|
-
</${unsafeStatic(TITLE_TAG_NAME)}>
|
|
121
|
-
${this.renderList({ ariaLabelledby: "sbb-skiplink-list-title-id" })}
|
|
122
|
-
`;
|
|
123
|
-
}
|
|
124
|
-
};
|
|
125
|
-
})();
|
|
126
|
-
//#endregion
|
|
127
|
-
export { SbbSkiplinkListElement as t };
|
|
128
|
-
|
|
129
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2tpcGxpbmstbGlzdC5jb21wb25lbnQtbTd4bS1wbnMuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3NraXBsaW5rLWxpc3Qvc2tpcGxpbmstbGlzdC5zY3NzP2lubGluZSIsIi4uLy4uLy4uL3NyYy9lbGVtZW50cy9za2lwbGluay1saXN0L3NraXBsaW5rLWxpc3QuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJy4uL2NvcmUvc3R5bGVzJyBhcyBzYmI7XG5cbjpob3N0IHtcbiAgLS1zYmItc2tpcGxpbmstbGlzdC1iYWNrZ3JvdW5kOiB2YXIoLS1zYmItYmFja2dyb3VuZC1jb2xvci0xLWludmVydGVkKTtcblxuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGluc2V0LWJsb2NrLXN0YXJ0OiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC00eCk7XG4gIGluc2V0LWlubGluZS1zdGFydDogdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtNHgpO1xuICB6LWluZGV4OiBjYWxjKHZhcigtLXNiYi1za2lwbGluay1saXN0LXotaW5kZXgsIHZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleCkpICsgMSk7XG59XG5cbi5zYmItc2tpcGxpbmstbGlzdCB7XG4gIEBpbmNsdWRlIHNiYi5saXN0LXJlc2V0O1xuXG4gICYgPiA6aXMobGksIHNwYW4pIHtcbiAgICBib3gtc2hhZG93OiB2YXIoLS1zYmItYm94LXNoYWRvdy1sZXZlbC01LWhhcmQpO1xuICAgIGRpc3BsYXk6IGxpc3QtaXRlbTtcbiAgICBoZWlnaHQ6IHZhcigtLXNiYi1za2lwbGluay1saXN0LWhlaWdodCwgMCk7XG4gICAgb3ZlcmZsb3c6IHZhcigtLXNiYi1za2lwbGluay1saXN0LW92ZXJmbG93LCBoaWRkZW4pO1xuICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLXNiYi1ib3JkZXItcmFkaXVzLTR4KTtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1zYmItc2tpcGxpbmstbGlzdC1iYWNrZ3JvdW5kKTtcbiAgICBib3JkZXI6IHZhcigtLXNiYi1za2lwbGluay1saXN0LWJvcmRlciwgdW5zZXQpO1xuICAgIHdpZHRoOiBmaXQtY29udGVudDtcblxuICAgICY6Zm9jdXMtd2l0aGluIHtcbiAgICAgIC0tc2JiLXNraXBsaW5rLWxpc3QtaGVpZ2h0OiBhdXRvO1xuICAgICAgLS1zYmItc2tpcGxpbmstbGlzdC1vdmVyZmxvdzogdmlzaWJsZTtcbiAgICAgIC0tc2JiLXNraXBsaW5rLWxpc3QtYm9yZGVyOiB2YXIoLS1zYmItYm9yZGVyLXdpZHRoLTJ4KSBzb2xpZFxuICAgICAgICB2YXIoLS1zYmItYm9yZGVyLWNvbG9yLTEtaW52ZXJ0ZWQpO1xuICAgIH1cbiAgfVxufVxuXG46OnNsb3R0ZWQoOnN0YXRlKHNiYi1saW5rKSkge1xuICAtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1zYmItbGluay1wYWRkaW5nOiB2YXIoLS1zYmItc3BhY2luZy1maXhlZC0yeCkgdmFyKC0tc2JiLXNwYWNpbmctcmVzcG9uc2l2ZS14eHMpO1xufVxuXG46OnNsb3R0ZWQoKikge1xuICAvLyBBcyB0aGUgc2xvdHRlZCBsaW5rcyBhcmUgZGlzcGxheWVkIG9uIGEgd2hpdGUgYmFja2dyb3VuZCwgd2UgbmVlZCB0byBmb3JjZSBsaWdodCBtb2RlIGZvciB0aGVtLlxuICBjb2xvci1zY2hlbWU6IG9ubHkgbGlnaHQ7XG59XG5cbjpob3N0KDpzdGF0ZShkYXJrKSkgOjpzbG90dGVkKCopIHtcbiAgLS1zYmItbGluay1jb2xvci1ub3JtYWw6IHZhcigtLXNiYi1jb2xvci1taWRuaWdodCk7XG59XG4iLCJpbXBvcnQgeyB0eXBlIENTU1Jlc3VsdEdyb3VwLCB0eXBlIFByb3BlcnR5VmFsdWVzLCB0eXBlIFRlbXBsYXRlUmVzdWx0LCB1bnNhZmVDU1MgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBodG1sLCB1bnNhZmVTdGF0aWMgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQge1xuICBmb3JjZVR5cGUsXG4gIG9taXRFbXB0eUNvbnZlcnRlcixcbiAgU2JiRGFya01vZGVDb250cm9sbGVyLFxuICBTYmJFbGVtZW50LFxuICB0eXBlIFNiYkhlYWRpbmdMZXZlbCxcbiAgU2JiTmFtZWRTbG90TGlzdE1peGluLFxuICB0eXBlIFdpdGhMaXN0Q2hpbGRyZW4sXG59IGZyb20gJy4uL2NvcmUudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJCbG9ja0xpbmtCdXR0b25FbGVtZW50LCBTYmJCbG9ja0xpbmtFbGVtZW50IH0gZnJvbSAnLi4vbGluay5wdXJlLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vc2tpcGxpbmstbGlzdC5zY3NzP2lubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSBsaXN0IG9mIGBzYmItYmxvY2stbGlua2AvYHNiYi1ibG9jay1saW5rLWJ1dHRvbmAgd2hpY2ggYXJlIHZpc2libGUgb25seSB3aGVuIGZvY3VzZWQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgYHNiYi1ibG9jay1saW5rYC9gc2JiLWJsb2NrLWxpbmstYnV0dG9uYCBlbGVtZW50cyB0byB0aGUgYHNiYi1za2lwbGluay1saXN0YC5cbiAqIEBzbG90IHRpdGxlIC0gVXNlIHRoaXMgdG8gcHJvdmlkZSBhIHRpdGxlIGZvciB0aGUgc2tpcGxpbmstbGlzdCAob3B0aW9uYWwpLlxuICogQGNzc3Byb3AgWy0tc2JiLXNraXBsaW5rLWxpc3Qtei1pbmRleD12YXIoLS1zYmItb3ZlcmxheS1kZWZhdWx0LXotaW5kZXgpXSAtIFRvIHNwZWNpZnkgYSBjdXN0b20gc3RhY2sgb3JkZXIsXG4gKiB0aGUgYHotaW5kZXhgIGNhbiBiZSBvdmVycmlkZGVuIGJ5IGRlZmluaW5nIHRoaXMgQ1NTIHZhcmlhYmxlLiBUaGUgZGVmYXVsdCBgei1pbmRleGAgb2YgdGhlXG4gKiBjb21wb25lbnQgaXMgc2V0IHRvIGB2YXIoLS1zYmItb3ZlcmxheS1kZWZhdWx0LXotaW5kZXgpYCB3aXRoIGEgdmFsdWUgb2YgYDEwMDBgLlxuICovXG5leHBvcnQgY2xhc3MgU2JiU2tpcGxpbmtMaXN0RWxlbWVudCBleHRlbmRzIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxcbiAgU2JiQmxvY2tMaW5rRWxlbWVudCB8IFNiYkJsb2NrTGlua0J1dHRvbkVsZW1lbnQsXG4gIHR5cGVvZiBTYmJFbGVtZW50XG4+KFNiYkVsZW1lbnQpIHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1za2lwbGluay1saXN0JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW3Vuc2FmZUNTUyhzdHlsZSldO1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFsnc2JiLWJsb2NrLWxpbmsnLCAnc2JiLWJsb2NrLWxpbmstYnV0dG9uJ107XG5cbiAgLyoqIFRoZSB0aXRsZSB0ZXh0IHdlIHdhbnQgdG8gcGxhY2UgYmVmb3JlIHRoZSBsaXN0LiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndGl0bGUtY29udGVudCcsIHJlZmxlY3Q6IHRydWUsIGNvbnZlcnRlcjogb21pdEVtcHR5Q29udmVydGVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB0aXRsZUNvbnRlbnQ6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBUaGUgc2VtYW50aWMgbGV2ZWwgb2YgdGhlIHRpdGxlLCBlLmcuIDIgPSBoMi4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAndGl0bGUtbGV2ZWwnIH0pIHB1YmxpYyBhY2Nlc3NvciB0aXRsZUxldmVsOiBTYmJIZWFkaW5nTGV2ZWwgPSAnMic7XG5cbiAgcHJpdmF0ZSBfZGFya01vZGVDb250cm9sbGVyID0gbmV3IFNiYkRhcmtNb2RlQ29udHJvbGxlcih0aGlzLCAoKSA9PiB7XG4gICAgZm9yIChjb25zdCBjaGlsZCBvZiB0aGlzLmxpc3RDaGlsZHJlbikge1xuICAgICAgY2hpbGQubmVnYXRpdmUgPSB0aGlzLl9pc0xpZ2h0TW9kZSgpO1xuICAgIH1cbiAgfSk7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPFdpdGhMaXN0Q2hpbGRyZW48dGhpcz4+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0Q2hpbGRyZW4nKSkge1xuICAgICAgZm9yIChjb25zdCBjaGlsZCBvZiB0aGlzLmxpc3RDaGlsZHJlbikge1xuICAgICAgICBjaGlsZC5zaXplID0gJ20nO1xuICAgICAgICBjaGlsZC5uZWdhdGl2ZSA9IHRoaXMuX2lzTGlnaHRNb2RlKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBfaXNMaWdodE1vZGUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuICF0aGlzLl9kYXJrTW9kZUNvbnRyb2xsZXIubWF0Y2hlcygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgY29uc3QgVElUTEVfVEFHX05BTUUgPSBgaCR7dGhpcy50aXRsZUxldmVsIHx8ICcyJ31gO1xuXG4gICAgLyogZXNsaW50LWRpc2FibGUgbGl0L2JpbmRpbmctcG9zaXRpb25zICovXG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8JHt1bnNhZmVTdGF0aWMoVElUTEVfVEFHX05BTUUpfVxuICAgICAgICBjbGFzcz1cInNiYi1zY3JlZW4tcmVhZGVyLW9ubHlcIlxuICAgICAgICBpZD1cInNiYi1za2lwbGluay1saXN0LXRpdGxlLWlkXCJcbiAgICAgID5cbiAgICAgICAgPHNsb3QgbmFtZT1cInRpdGxlXCI+JHt0aGlzLnRpdGxlQ29udGVudH08L3Nsb3Q+XG4gICAgICA8LyR7dW5zYWZlU3RhdGljKFRJVExFX1RBR19OQU1FKX0+XG4gICAgICAke3RoaXMucmVuZGVyTGlzdCh7IGFyaWFMYWJlbGxlZGJ5OiAnc2JiLXNraXBsaW5rLWxpc3QtdGl0bGUtaWQnIH0pfVxuICAgIGA7XG4gICAgLyogZXNsaW50LWVuYWJsZSBsaXQvYmluZGluZy1wb3NpdGlvbnMgKi9cbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXNraXBsaW5rLWxpc3QnOiBTYmJTa2lwbGlua0xpc3RFbGVtZW50O1xuICB9XG59XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQzBCYSxnQ0FBc0I7bUJBQVMsc0JBRzFDLFVBQVU7Ozs7Ozs7Y0FIQywrQkFBK0IsWUFHL0I7OztHQUdpQixLQUFBLHNCQUFzQixDQUFDLGtCQUFrQix1QkFBdUI7R0FLNUUsS0FBQSxpQ0FBQSxrQkFBQSxNQUFBLDRCQUF1QixFQUFFO0dBR2UsS0FBQSxnQ0FBQSxrQkFBQSxNQUFBLCtCQUFBLEdBQUEsa0JBQUEsTUFBQSwwQkFBOEIsR0FBRztHQUVqRixLQUFBLHVCQUFtQixrQkFBQSxNQUFBLDZCQUFBLEdBQUcsSUFBSSxzQkFBc0IsWUFBVztJQUNqRSxLQUFLLE1BQU0sU0FBUyxLQUFLLGNBQ3ZCLE1BQU0sV0FBVyxLQUFLLGFBQVk7R0FFdEMsQ0FBQztFQWdDSDs7OytCQTNDRyxVQUFTLEdBQ1QsU0FBUztJQUFFLFdBQVc7SUFBaUIsU0FBUztJQUFNLFdBQVc7R0FBa0IsQ0FBRSxDQUFDOzZCQUl0RixTQUFTLEVBQUUsV0FBVyxjQUFhLENBQUUsQ0FBQztHQUh2QyxhQUFBLE1BQUEsTUFBQSwwQkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLGtCQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVksTUFBQSxLQUFBLFVBQUE7TUFBQSxJQUFaLGVBQVk7S0FBQTtJQUFBO0lBQUEsVUFBQTtHQUFBLEdBQUEsNEJBQUEsK0JBQUE7R0FHWSxhQUFBLE1BQUEsTUFBQSx3QkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxRQUFBO0tBQUEsTUFBQSxRQUFBLGdCQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVUsTUFBQSxLQUFBLFVBQUE7TUFBQSxJQUFWLGFBQVU7S0FBQTtJQUFBO0lBQUEsVUFBQTtHQUFBLEdBQUEsMEJBQUEsNkJBQUE7Ozs7Ozs7OztHQVZsQyxLQUFBLGNBQXNCO0VBQW9COztHQUNuRCxLQUFBLFNBQXlCLENBQUMsVUFBVSxxQkFBSyxDQUFDO0VBQUU7RUFNbkU7O0VBQUEsSUFBZ0IsZUFBWTtHQUFBLE9BQUEsS0FBQTtFQUFBO0VBQTVCLElBQWdCLGFBQVksT0FBQTtHQUFBLEtBQUEsaUNBQUE7RUFBQTtFQUdZOztFQUFBLElBQWdCLGFBQVU7R0FBQSxPQUFBLEtBQUE7RUFBQTtFQUExQixJQUFnQixXQUFVLE9BQUE7R0FBQSxLQUFBLCtCQUFBO0VBQUE7RUFRL0MsV0FBVyxtQkFBeUQ7R0FDckYsTUFBTSxXQUFXLGlCQUFpQjtHQUVsQyxJQUFJLGtCQUFrQixJQUFJLGNBQWMsR0FDdEMsS0FBSyxNQUFNLFNBQVMsS0FBSyxjQUFjO0lBQ3JDLE1BQU0sT0FBTztJQUNiLE1BQU0sV0FBVyxLQUFLLGFBQVk7R0FDcEM7RUFFSjtFQUVRLGVBQVk7R0FDbEIsT0FBTyxDQUFDLEtBQUssb0JBQW9CLFFBQU87RUFDMUM7RUFFbUIsU0FBTTtHQUN2QixNQUFNLGlCQUFpQixJQUFJLEtBQUssY0FBYztHQUc5QyxPQUFPLE1BQUk7U0FDTixhQUFhLGNBQWMsRUFBQTs7Ozs2QkFJUCxLQUFLLGFBQVk7VUFDcEMsYUFBYSxjQUFjLEVBQUM7UUFDOUIsS0FBSyxXQUFXLEVBQUUsZ0JBQWdCLDZCQUE0QixDQUFFLEVBQUE7O0VBR3RFIn0=
|