@sbb-esta/lyne-elements 3.0.0-next.1 → 3.0.0-next.3
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/accordion/accordion.component.js +19 -22
- package/action-group/action-group.component.js +3 -5
- package/alert/alert/alert.component.d.ts +5 -7
- package/alert/alert/alert.component.d.ts.map +1 -1
- package/alert/alert/alert.component.js +69 -84
- package/alert/alert-group/alert-group.component.js +2 -3
- package/autocomplete/autocomplete-base-element.js +83 -95
- package/autocomplete/autocomplete.component.js +28 -33
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +42 -50
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +1 -1
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +4 -5
- package/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +17 -20
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +1 -1
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +21 -24
- package/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +5 -5
- package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +27 -31
- package/button/mini-button/mini-button.component.js +1 -1
- package/button/mini-button-group/mini-button-group.component.js +1 -2
- package/calendar/calendar.component.d.ts +0 -5
- package/calendar/calendar.component.d.ts.map +1 -1
- package/calendar/calendar.component.js +129 -147
- package/card/card/card.component.js +12 -12
- package/card/card-badge/card-badge.component.js +17 -17
- package/card/common/card-action-common.js +20 -22
- package/checkbox/checkbox/checkbox.component.js +17 -20
- package/checkbox/checkbox-group/checkbox-group.component.js +39 -52
- package/checkbox/checkbox-panel/checkbox-panel.component.js +18 -21
- package/checkbox/common/checkbox-common.js +13 -15
- package/chip/chip-group/chip-group.component.js +66 -80
- package/clock/clock.component.js +50 -60
- package/container/container/container.component.js +28 -29
- package/container/sticky-bar/sticky-bar.component.js +25 -26
- package/core/a11y/focus-trap-controller.js +11 -14
- package/core/a11y/input-modality-detector.js +15 -16
- package/core/a11y/interactivity-checker.js +10 -10
- package/core/a11y/live-announcer.js +12 -14
- package/core/base-elements/button-base-element.js +58 -63
- package/core/base-elements/link-base-element.js +3 -6
- package/core/base-elements/open-close-base-element.js +1 -1
- package/core/config/config.d.ts.map +1 -1
- package/core/controllers/escapable-overlay-controller.js +10 -12
- package/core/controllers/id-reference-controller.js +13 -14
- package/core/controllers/inert-controller.js +8 -10
- package/core/controllers/slot-state-controller.js +16 -26
- package/core/datetime/date-adapter.d.ts +1 -1
- package/core/datetime/date-adapter.d.ts.map +1 -1
- package/core/datetime/date-adapter.js +21 -21
- package/core/datetime/native-date-adapter.d.ts +1 -1
- package/core/datetime/native-date-adapter.d.ts.map +1 -1
- package/core/datetime/native-date-adapter.js +28 -28
- package/core/decorators/force-type.js +4 -5
- package/core/decorators/id-reference.js +34 -37
- package/core/decorators/plain-date.js +16 -19
- package/core/dom/breakpoint.js +8 -8
- package/core/eventing/event-emitter.js +4 -5
- package/core/i18n/i18n.js +41 -41
- package/core/mixins/element-internals-mixin.d.ts +21 -0
- package/core/mixins/element-internals-mixin.d.ts.map +1 -1
- package/core/mixins/element-internals-mixin.js +109 -23
- package/core/mixins/form-associated-checkbox-mixin.js +32 -37
- package/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
- package/core/mixins/form-associated-input-mixin.js +69 -93
- package/core/mixins/form-associated-mixin.js +32 -35
- package/core/mixins/form-associated-radio-button-mixin.js +3 -5
- package/core/mixins/hydration-mixin.js +12 -13
- package/core/mixins/named-slot-list-mixin.js +32 -37
- package/core/mixins/panel-mixin.js +26 -27
- package/core/mixins/readonly-mixin.d.ts.map +1 -1
- package/core/mixins/readonly-mixin.js +10 -11
- package/core/mixins.js +27 -25
- package/core/overlay/position.js +23 -23
- package/core/styles/core/mediaqueries.scss +1 -1
- package/core/styles/core.scss +70 -35
- package/core/styles/mixins/table.scss +1 -24
- package/core/testing/event-spy.js +2 -4
- package/core/testing/wait-for-image-ready.js +8 -9
- package/core/testing/wait-for-render.js +8 -9
- package/core.css +29 -0
- package/custom-elements.json +5233 -2634
- package/date-input/date-input.component.d.ts +16 -1
- package/date-input/date-input.component.d.ts.map +1 -1
- package/date-input/date-input.component.js +71 -58
- package/datepicker/common/datepicker-button.d.ts +31 -20
- package/datepicker/common/datepicker-button.d.ts.map +1 -1
- package/datepicker/common/datepicker-button.js +79 -74
- package/datepicker/common.d.ts +0 -1
- package/datepicker/common.d.ts.map +1 -1
- package/datepicker/common.js +3 -5
- package/datepicker/datepicker/datepicker.component.d.ts +23 -102
- package/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
- package/datepicker/datepicker/datepicker.component.js +91 -233
- package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts +2 -2
- package/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map +1 -1
- package/datepicker/datepicker-next-day/datepicker-next-day.component.js +27 -18
- package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts +2 -2
- package/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map +1 -1
- package/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +27 -18
- package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts +6 -26
- package/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts.map +1 -1
- package/datepicker/datepicker-toggle/datepicker-toggle.component.js +36 -145
- package/datepicker.js +9 -11
- package/development/accordion/accordion.component.js +4 -7
- package/development/action-group/action-group.component.js +3 -5
- package/development/alert/alert/alert.component.d.ts +5 -7
- package/development/alert/alert/alert.component.d.ts.map +1 -1
- package/development/alert/alert/alert.component.js +34 -52
- package/development/alert/alert-group/alert-group.component.js +2 -3
- package/development/autocomplete/autocomplete-base-element.js +20 -32
- package/development/autocomplete/autocomplete.component.js +7 -12
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +10 -18
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.component.js +4 -9
- package/development/autocomplete-grid/autocomplete-grid-cell/autocomplete-grid-cell.component.js +1 -1
- package/development/autocomplete-grid/autocomplete-grid-optgroup/autocomplete-grid-optgroup.component.js +4 -7
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts +1 -1
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-option/autocomplete-grid-option.component.js +4 -7
- package/development/autocomplete-grid/autocomplete-grid-row/autocomplete-grid-row.component.js +2 -2
- package/development/breadcrumb/breadcrumb/breadcrumb.component.js +1 -1
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +5 -9
- package/development/button/accent-button/accent-button.component.js +1 -1
- package/development/button/accent-button-link/accent-button-link.component.js +1 -1
- package/development/button/accent-button-static/accent-button-static.component.js +1 -1
- package/development/button/button/button.component.js +1 -1
- package/development/button/button-link/button-link.component.js +1 -1
- package/development/button/button-static/button-static.component.js +1 -1
- package/development/button/common/button-common.js +1 -1
- package/development/button/mini-button/mini-button.component.js +1 -1
- package/development/button/mini-button-group/mini-button-group.component.js +2 -3
- package/development/button/secondary-button/secondary-button.component.js +1 -1
- package/development/button/secondary-button-link/secondary-button-link.component.js +1 -1
- package/development/button/secondary-button-static/secondary-button-static.component.js +1 -1
- package/development/button/transparent-button/transparent-button.component.js +1 -1
- package/development/button/transparent-button-link/transparent-button-link.component.js +1 -1
- package/development/button/transparent-button-static/transparent-button-static.component.js +1 -1
- package/development/calendar/calendar.component.d.ts +0 -5
- package/development/calendar/calendar.component.d.ts.map +1 -1
- package/development/calendar/calendar.component.js +20 -44
- package/development/card/card/card.component.js +1 -1
- package/development/card/card-badge/card-badge.component.js +2 -2
- package/development/card/card-button/card-button.component.js +1 -1
- package/development/card/card-link/card-link.component.js +1 -1
- package/development/card/common/card-action-common.js +4 -6
- package/development/checkbox/checkbox/checkbox.component.js +2 -5
- package/development/checkbox/checkbox-group/checkbox-group.component.js +8 -21
- package/development/checkbox/checkbox-panel/checkbox-panel.component.js +2 -5
- package/development/checkbox/common/checkbox-common.js +3 -5
- package/development/chip/chip/chip.component.js +1 -1
- package/development/chip/chip-group/chip-group.component.js +18 -32
- package/development/chip-label/chip-label.component.js +1 -1
- package/development/clock/clock.component.js +23 -33
- package/development/container/container/container.component.js +2 -3
- package/development/container/sticky-bar/sticky-bar.component.js +3 -4
- package/development/core/a11y/arrow-navigation.js +1 -1
- package/development/core/a11y/fake-event-detection.js +1 -1
- package/development/core/a11y/focus-trap-controller.js +6 -9
- package/development/core/a11y/focus-visible-within-controller.js +1 -1
- package/development/core/a11y/input-modality-detector.js +2 -3
- package/development/core/a11y/interactivity-checker.js +2 -2
- package/development/core/a11y/live-announcer.js +6 -8
- package/development/core/base-elements/action-base-element.js +2 -3
- package/development/core/base-elements/button-base-element.js +6 -11
- package/development/core/base-elements/link-base-element.js +4 -7
- package/development/core/base-elements/open-close-base-element.js +2 -2
- package/development/core/config/config.d.ts.map +1 -1
- package/development/core/config/config.js +1 -1
- package/development/core/controllers/escapable-overlay-controller.js +3 -5
- package/development/core/controllers/id-reference-controller.js +2 -3
- package/development/core/controllers/inert-controller.js +4 -6
- package/development/core/controllers/language-controller.js +1 -1
- package/development/core/controllers/media-matchers-controller.js +1 -1
- package/development/core/controllers/slot-state-controller.js +8 -18
- package/development/core/datetime/date-adapter.d.ts +1 -1
- package/development/core/datetime/date-adapter.d.ts.map +1 -1
- package/development/core/datetime/date-adapter.js +5 -5
- package/development/core/datetime/native-date-adapter.d.ts +1 -1
- package/development/core/datetime/native-date-adapter.d.ts.map +1 -1
- package/development/core/datetime/native-date-adapter.js +4 -4
- package/development/core/decorators/force-type.js +3 -4
- package/development/core/decorators/get-override.js +1 -1
- package/development/core/decorators/handle-distinct-change.js +1 -1
- package/development/core/decorators/host-attributes.js +1 -1
- package/development/core/decorators/id-reference.js +4 -7
- package/development/core/decorators/plain-date.js +5 -8
- package/development/core/decorators/slot-state.js +1 -1
- package/development/core/dom/animation.js +1 -1
- package/development/core/dom/breakpoint.js +2 -2
- package/development/core/dom/host-context.js +1 -1
- package/development/core/dom/platform.js +1 -1
- package/development/core/dom/scroll.js +1 -1
- package/development/core/dom/set-or-remove-attribute.js +1 -1
- package/development/core/eventing/composed-path-has-attribute.js +1 -1
- package/development/core/eventing/event-emitter.js +2 -3
- package/development/core/eventing/form-element-handlers.js +1 -1
- package/development/core/eventing/forward-event.js +1 -1
- package/development/core/eventing/throttle.js +1 -1
- package/development/core/i18n/i18n.js +18 -18
- package/development/core/mixins/animation-complete-mixin.js +1 -1
- package/development/core/mixins/disabled-mixin.js +1 -1
- package/development/core/mixins/element-internals-mixin.d.ts +21 -0
- package/development/core/mixins/element-internals-mixin.d.ts.map +1 -1
- package/development/core/mixins/element-internals-mixin.js +123 -2
- package/development/core/mixins/form-associated-checkbox-mixin.js +6 -9
- package/development/core/mixins/form-associated-input-mixin.d.ts.map +1 -1
- package/development/core/mixins/form-associated-input-mixin.js +29 -59
- package/development/core/mixins/form-associated-mixin.js +6 -9
- package/development/core/mixins/form-associated-radio-button-mixin.js +7 -9
- package/development/core/mixins/hydration-mixin.js +3 -4
- package/development/core/mixins/named-slot-list-mixin.js +4 -7
- package/development/core/mixins/negative-mixin.js +1 -1
- package/development/core/mixins/panel-mixin.js +2 -3
- package/development/core/mixins/readonly-mixin.d.ts.map +1 -1
- package/development/core/mixins/readonly-mixin.js +4 -6
- package/development/core/mixins/required-mixin.js +1 -1
- package/development/core/mixins/update-scheduler-mixin.js +1 -1
- package/development/core/mixins.js +4 -2
- package/development/core/overlay/overlay-option-panel.js +1 -1
- package/development/core/overlay/overlay-trigger-attributes.js +1 -1
- package/development/core/overlay/overlay.js +1 -1
- package/development/core/overlay/position.js +5 -5
- package/development/core/testing/event-spy.js +3 -5
- package/development/core/testing/mocha-extensions.js +1 -1
- package/development/core/testing/wait-for-condition.js +1 -1
- package/development/core/testing/wait-for-image-ready.js +2 -3
- package/development/core/testing/wait-for-render.js +2 -3
- package/development/date-input/date-input.component.d.ts +16 -1
- package/development/date-input/date-input.component.d.ts.map +1 -1
- package/development/date-input/date-input.component.js +28 -11
- package/development/datepicker/common/datepicker-button.d.ts +31 -20
- package/development/datepicker/common/datepicker-button.d.ts.map +1 -1
- package/development/datepicker/common/datepicker-button.js +103 -90
- package/development/datepicker/common.d.ts +0 -1
- package/development/datepicker/common.d.ts.map +1 -1
- package/development/datepicker/common.js +4 -6
- package/development/datepicker/datepicker/datepicker.component.d.ts +23 -102
- package/development/datepicker/datepicker/datepicker.component.d.ts.map +1 -1
- package/development/datepicker/datepicker/datepicker.component.js +94 -337
- package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts +2 -2
- package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map +1 -1
- package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js +18 -6
- package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts +2 -2
- package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map +1 -1
- package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js +18 -6
- package/development/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts +6 -26
- package/development/datepicker/datepicker-toggle/datepicker-toggle.component.d.ts.map +1 -1
- package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js +137 -224
- package/development/datepicker.js +3 -5
- package/development/dialog/dialog/dialog.component.d.ts +7 -16
- package/development/dialog/dialog/dialog.component.d.ts.map +1 -1
- package/development/dialog/dialog/dialog.component.js +78 -149
- package/development/dialog/dialog-actions/dialog-actions.component.d.ts +2 -2
- package/development/dialog/dialog-actions/dialog-actions.component.d.ts.map +1 -1
- package/development/dialog/dialog-actions/dialog-actions.component.js +20 -17
- package/development/dialog/dialog-content/dialog-content.component.d.ts.map +1 -1
- package/development/dialog/dialog-content/dialog-content.component.js +5 -46
- package/development/dialog/dialog-title/dialog-title.component.d.ts +2 -26
- package/development/dialog/dialog-title/dialog-title.component.d.ts.map +1 -1
- package/development/dialog/dialog-title/dialog-title.component.js +12 -179
- package/development/divider/divider.component.js +2 -2
- package/development/expansion-panel/expansion-panel/expansion-panel.component.js +9 -13
- package/development/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +2 -2
- package/development/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +5 -6
- package/development/file-selector/common/file-selector-common.js +2 -3
- package/development/file-selector/file-selector/file-selector.component.js +1 -1
- package/development/file-selector/file-selector-dropzone/file-selector-dropzone.component.js +1 -1
- package/development/flip-card/flip-card/flip-card.component.js +7 -13
- package/development/flip-card/flip-card-details/flip-card-details.component.js +3 -4
- package/development/flip-card/flip-card-summary/flip-card-summary.component.js +3 -4
- package/development/footer/footer.component.js +1 -1
- package/development/form-error/form-error.component.js +3 -4
- package/development/form-field/form-field/form-field.component.d.ts +1 -1
- package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
- package/development/form-field/form-field/form-field.component.js +39 -67
- package/development/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
- package/development/form-field/form-field-clear/form-field-clear.component.js +6 -8
- package/development/header/common/header-action-common.js +1 -1
- package/development/header/header/header.component.js +5 -8
- package/development/header/header-button/header-button.component.js +1 -1
- package/development/header/header-link/header-link.component.js +1 -1
- package/development/icon/icon-base.d.ts +5 -3
- package/development/icon/icon-base.d.ts.map +1 -1
- package/development/icon/icon-base.js +4 -7
- package/development/icon/icon-name-mixin.js +1 -1
- package/development/icon/icon-request.js +2 -3
- package/development/icon/icon-validate.js +1 -1
- package/development/icon/icon.component.d.ts +1 -2
- package/development/icon/icon.component.d.ts.map +1 -1
- package/development/icon/icon.component.js +8 -19
- package/development/image/image.component.js +7 -9
- package/development/journey-header/journey-header.component.d.ts +5 -5
- package/development/journey-header/journey-header.component.d.ts.map +1 -1
- package/development/journey-header/journey-header.component.js +26 -40
- package/development/lead-container/lead-container.component.js +1 -1
- package/development/link/block-link/block-link.component.js +1 -1
- package/development/link/block-link-button/block-link-button.component.js +1 -1
- package/development/link/block-link-static/block-link-static.component.js +1 -1
- package/development/link/common/block-link-common.js +1 -1
- package/development/link/common/inline-link-common.js +1 -1
- package/development/link/link/link.component.js +1 -1
- package/development/link/link-button/link-button.component.js +1 -1
- package/development/link/link-static/link-static.component.js +1 -1
- package/development/link-common-DPLJx5Uo.js +1 -1
- package/development/link-list/common/link-list-base.js +1 -1
- package/development/link-list/link-list/link-list.component.js +1 -1
- package/development/link-list/link-list-anchor/link-list-anchor.component.js +1 -1
- package/development/loading-indicator/loading-indicator.component.js +1 -1
- package/development/loading-indicator-circle/loading-indicator-circle.component.js +1 -1
- package/development/logo/logo.component.js +1 -1
- package/development/map-container/map-container.component.js +2 -3
- package/development/menu/common/menu-action-common.js +1 -1
- package/development/menu/menu/menu.component.js +17 -25
- package/development/menu/menu-button/menu-button.component.js +1 -1
- package/development/menu/menu-link/menu-link.component.js +1 -1
- package/development/message/message.component.d.ts +4 -8
- package/development/message/message.component.d.ts.map +1 -1
- package/development/message/message.component.js +12 -54
- package/development/navigation/common/navigation-action-common.js +3 -5
- package/development/navigation/navigation/navigation.component.js +19 -35
- package/development/navigation/navigation-button/navigation-button.component.js +1 -1
- package/development/navigation/navigation-link/navigation-link.component.js +1 -1
- package/development/navigation/navigation-list/navigation-list.component.js +1 -1
- package/development/navigation/navigation-marker/navigation-marker.component.js +4 -6
- package/development/navigation/navigation-section/navigation-section.component.d.ts +1 -1
- package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
- package/development/navigation/navigation-section/navigation-section.component.js +27 -37
- package/development/notification/notification.component.d.ts +7 -9
- package/development/notification/notification.component.d.ts.map +1 -1
- package/development/notification/notification.component.js +47 -77
- package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
- package/development/option/optgroup/optgroup-base-element.js +8 -14
- package/development/option/optgroup/optgroup.component.js +6 -10
- package/development/option/option/option-base-element.js +3 -4
- package/development/option/option/option.component.js +7 -10
- package/development/overlay/overlay-base-element.d.ts +24 -6
- package/development/overlay/overlay-base-element.d.ts.map +1 -1
- package/development/overlay/overlay-base-element.js +114 -15
- package/development/overlay/overlay.component.d.ts +2 -12
- package/development/overlay/overlay.component.d.ts.map +1 -1
- package/development/overlay/overlay.component.js +33 -98
- 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.js +2 -3
- package/development/popover/popover/popover.component.d.ts +45 -34
- package/development/popover/popover/popover.component.d.ts.map +1 -1
- package/development/popover/popover/popover.component.js +215 -172
- package/development/popover/popover-trigger/popover-trigger.component.js +1 -1
- package/development/popover/popover.js +2 -1
- package/development/popover.js +2 -1
- package/development/radio-button/common/radio-button-common.js +6 -10
- package/development/radio-button/radio-button/radio-button.component.js +2 -5
- package/development/radio-button/radio-button-group/radio-button-group.component.d.ts +1 -1
- package/development/radio-button/radio-button-group/radio-button-group.component.d.ts.map +1 -1
- package/development/radio-button/radio-button-group/radio-button-group.component.js +8 -24
- package/development/radio-button/radio-button-panel/radio-button-panel.component.js +3 -7
- package/development/screen-reader-only/screen-reader-only.component.js +1 -1
- package/development/select/select.component.js +26 -49
- package/development/selection-expansion-panel/selection-expansion-panel.component.js +7 -11
- package/development/sidebar/icon-sidebar/icon-sidebar.component.js +1 -1
- package/development/sidebar/icon-sidebar-button/icon-sidebar-button.component.js +1 -1
- package/development/sidebar/icon-sidebar-container/icon-sidebar-container.component.js +4 -7
- package/development/sidebar/icon-sidebar-content/icon-sidebar-content.component.js +1 -1
- package/development/sidebar/icon-sidebar-link/icon-sidebar-link.component.js +1 -1
- package/development/sidebar/sidebar/sidebar.component.js +9 -16
- package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts +0 -1
- package/development/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map +1 -1
- package/development/sidebar/sidebar-close-button/sidebar-close-button.component.js +3 -8
- package/development/sidebar/sidebar-container/sidebar-container.component.js +9 -13
- package/development/sidebar/sidebar-content/sidebar-content.component.js +1 -1
- package/development/sidebar/sidebar-title/sidebar-title.component.d.ts +2 -0
- package/development/sidebar/sidebar-title/sidebar-title.component.d.ts.map +1 -1
- package/development/sidebar/sidebar-title/sidebar-title.component.js +3 -9
- package/development/signet/signet.component.js +1 -1
- package/development/skiplink-list/skiplink-list.component.d.ts.map +1 -1
- package/development/skiplink-list/skiplink-list.component.js +19 -10
- package/development/slider/slider.component.js +4 -6
- package/development/status/status.component.d.ts +4 -7
- package/development/status/status.component.d.ts.map +1 -1
- package/development/status/status.component.js +23 -57
- package/development/stepper/step/step.component.d.ts +2 -2
- package/development/stepper/step/step.component.d.ts.map +1 -1
- package/development/stepper/step/step.component.js +20 -22
- package/development/stepper/step-label/step-label.component.d.ts +3 -4
- package/development/stepper/step-label/step-label.component.d.ts.map +1 -1
- package/development/stepper/step-label/step-label.component.js +20 -24
- package/development/stepper/stepper/stepper.component.js +16 -29
- package/development/table/table-wrapper/table-wrapper.component.js +2 -7
- package/development/tabs/tab/tab.component.js +1 -1
- package/development/tabs/tab-group/tab-group.component.js +23 -38
- package/development/tabs/tab-label/tab-label.component.js +1 -1
- package/development/tag/tag/tag.component.js +7 -13
- package/development/tag/tag-group/tag-group.component.js +5 -13
- package/development/teaser/teaser.component.d.ts +6 -10
- package/development/teaser/teaser.component.d.ts.map +1 -1
- package/development/teaser/teaser.component.js +48 -76
- package/development/teaser-hero/teaser-hero.component.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/teaser-product-static/teaser-product-static.component.js +1 -1
- package/development/time-input/time-input.component.js +10 -14
- package/development/timetable-occupancy/timetable-occupancy.component.js +1 -1
- package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map +1 -1
- package/development/timetable-occupancy-icon/timetable-occupancy-icon.component.js +2 -5
- package/development/title/title-base.d.ts +0 -8
- package/development/title/title-base.d.ts.map +1 -1
- package/development/title/title-base.js +17 -49
- package/development/title/title.component.d.ts +2 -0
- package/development/title/title.component.d.ts.map +1 -1
- package/development/title/title.component.js +9 -14
- package/development/toast/toast.component.d.ts.map +1 -1
- package/development/toast/toast.component.js +7 -16
- package/development/toggle/toggle/toggle.component.js +8 -12
- package/development/toggle/toggle-option/toggle-option.component.d.ts +1 -1
- package/development/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
- package/development/toggle/toggle-option/toggle-option.component.js +10 -17
- package/development/toggle-check/toggle-check.component.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 +5 -7
- package/development/train/train-wagon/train-wagon.component.js +1 -1
- package/development/visual-checkbox/visual-checkbox.component.js +1 -1
- package/dialog/dialog/dialog.component.d.ts +7 -16
- package/dialog/dialog/dialog.component.d.ts.map +1 -1
- package/dialog/dialog/dialog.component.js +57 -87
- package/dialog/dialog-actions/dialog-actions.component.d.ts +2 -2
- package/dialog/dialog-actions/dialog-actions.component.d.ts.map +1 -1
- package/dialog/dialog-actions/dialog-actions.component.js +16 -16
- package/dialog/dialog-content/dialog-content.component.d.ts.map +1 -1
- package/dialog/dialog-content/dialog-content.component.js +14 -19
- package/dialog/dialog-title/dialog-title.component.d.ts +2 -26
- package/dialog/dialog-title/dialog-title.component.d.ts.map +1 -1
- package/dialog/dialog-title/dialog-title.component.js +16 -111
- package/divider/divider.component.js +3 -3
- package/expansion-panel/expansion-panel/expansion-panel.component.js +5 -9
- package/expansion-panel/expansion-panel-content/expansion-panel-content.component.js +1 -1
- package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js +30 -31
- package/file-selector/common/file-selector-common.js +1 -2
- package/flip-card/flip-card/flip-card.component.js +48 -54
- package/flip-card/flip-card-details/flip-card-details.component.js +15 -16
- package/flip-card/flip-card-summary/flip-card-summary.component.js +19 -20
- package/form-error/form-error.component.js +13 -14
- package/form-field/form-field/form-field.component.d.ts +1 -1
- package/form-field/form-field/form-field.component.d.ts.map +1 -1
- package/form-field/form-field/form-field.component.js +149 -168
- package/form-field/form-field-clear/form-field-clear.component.d.ts.map +1 -1
- package/form-field/form-field-clear/form-field-clear.component.js +19 -21
- package/header/header/header.component.js +26 -29
- package/icon/icon-base.d.ts +5 -3
- package/icon/icon-base.d.ts.map +1 -1
- package/icon/icon-base.js +32 -34
- package/icon/icon-request.js +10 -11
- package/icon/icon.component.d.ts +1 -2
- package/icon/icon.component.d.ts.map +1 -1
- package/icon/icon.component.js +37 -37
- package/icon-sidebar-button-common-CM-ueEhH.js +7 -0
- package/image/image.component.js +4 -6
- package/journey-header/journey-header.component.d.ts +5 -5
- package/journey-header/journey-header.component.d.ts.map +1 -1
- package/journey-header/journey-header.component.js +50 -63
- package/map-container/map-container.component.js +1 -2
- package/menu/menu/menu.component.js +47 -55
- package/message/message.component.d.ts +4 -8
- package/message/message.component.d.ts.map +1 -1
- package/message/message.component.js +18 -47
- package/navigation/common/navigation-action-common.js +19 -21
- package/navigation/navigation/navigation.component.js +73 -92
- package/navigation/navigation-marker/navigation-marker.component.js +26 -28
- package/navigation/navigation-section/navigation-section.component.d.ts +1 -1
- package/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
- package/navigation/navigation-section/navigation-section.component.js +72 -82
- package/notification/notification.component.d.ts +7 -9
- package/notification/notification.component.d.ts.map +1 -1
- package/notification/notification.component.js +77 -95
- package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
- package/option/optgroup/optgroup-base-element.js +36 -38
- package/option/optgroup/optgroup.component.js +16 -20
- package/option/option/option-base-element.js +3 -4
- package/option/option/option.component.js +26 -29
- package/overlay/overlay-base-element.d.ts +24 -6
- package/overlay/overlay-base-element.d.ts.map +1 -1
- package/overlay/overlay-base-element.js +98 -51
- package/overlay/overlay.component.d.ts +2 -12
- package/overlay/overlay.component.d.ts.map +1 -1
- package/overlay/overlay.component.js +57 -95
- package/package.json +1 -1
- package/paginator/paginator/paginator.component.js +3 -4
- package/popover/popover/popover.component.d.ts +45 -34
- package/popover/popover/popover.component.d.ts.map +1 -1
- package/popover/popover/popover.component.js +194 -168
- package/popover/popover-trigger/popover-trigger.component.js +1 -1
- package/popover/popover.js +2 -1
- package/popover.js +5 -4
- package/radio-button/common/radio-button-common.js +11 -15
- package/radio-button/radio-button/radio-button.component.js +16 -19
- package/radio-button/radio-button-group/radio-button-group.component.d.ts +1 -1
- package/radio-button/radio-button-group/radio-button-group.component.d.ts.map +1 -1
- package/radio-button/radio-button-group/radio-button-group.component.js +27 -43
- package/radio-button/radio-button-panel/radio-button-panel.component.js +33 -37
- package/select/select.component.js +94 -117
- package/selection-expansion-panel/selection-expansion-panel.component.js +35 -39
- package/sidebar/common.js +1 -1
- package/sidebar/icon-sidebar-container/icon-sidebar-container.component.js +10 -13
- package/sidebar/sidebar/sidebar.component.js +62 -69
- package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts +0 -1
- package/sidebar/sidebar-close-button/sidebar-close-button.component.d.ts.map +1 -1
- package/sidebar/sidebar-close-button/sidebar-close-button.component.js +18 -18
- package/sidebar/sidebar-container/sidebar-container.component.js +29 -33
- package/sidebar/sidebar-title/sidebar-title.component.d.ts +2 -0
- package/sidebar/sidebar-title/sidebar-title.component.d.ts.map +1 -1
- package/sidebar/sidebar-title/sidebar-title.component.js +16 -16
- package/sidebar.js +1 -1
- package/skiplink-list/skiplink-list.component.d.ts.map +1 -1
- package/skiplink-list/skiplink-list.component.js +36 -39
- package/slider/slider.component.js +11 -13
- package/standard-theme.css +29 -25
- package/status/status.component.d.ts +4 -7
- package/status/status.component.d.ts.map +1 -1
- package/status/status.component.js +34 -50
- package/stepper/step/step.component.d.ts +2 -2
- package/stepper/step/step.component.d.ts.map +1 -1
- package/stepper/step/step.component.js +29 -30
- package/stepper/step-label/step-label.component.d.ts +3 -4
- package/stepper/step-label/step-label.component.d.ts.map +1 -1
- package/stepper/step-label/step-label.component.js +22 -25
- package/stepper/stepper/stepper.component.js +72 -86
- package/table/table-wrapper/table-wrapper.component.js +17 -18
- package/table.css +0 -25
- package/tabs/tab-group/tab-group.component.js +77 -92
- package/tabs/tab-label/tab-label.component.js +12 -12
- package/tag/tag/tag.component.js +49 -55
- package/tag/tag-group/tag-group.component.js +37 -45
- package/teaser/teaser.component.d.ts +6 -10
- package/teaser/teaser.component.d.ts.map +1 -1
- package/teaser/teaser.component.js +45 -68
- package/teaser-product/common.js +1 -1
- package/teaser-product/teaser-product/teaser-product.component.js +1 -1
- package/teaser-product-common-C8oSkIxy.js +5 -0
- package/teaser-product.js +1 -1
- package/time-input/time-input.component.js +29 -33
- package/timetable-occupancy-icon/timetable-occupancy-icon.component.d.ts.map +1 -1
- package/timetable-occupancy-icon/timetable-occupancy-icon.component.js +22 -25
- package/title/title-base.d.ts +0 -8
- package/title/title-base.d.ts.map +1 -1
- package/title/title-base.js +34 -53
- package/title/title.component.d.ts +2 -0
- package/title/title.component.d.ts.map +1 -1
- package/title/title.component.js +9 -9
- package/toast/toast.component.d.ts.map +1 -1
- package/toast/toast.component.js +6 -9
- package/toggle/toggle/toggle.component.js +27 -31
- package/toggle/toggle-option/toggle-option.component.d.ts +1 -1
- package/toggle/toggle-option/toggle-option.component.d.ts.map +1 -1
- package/toggle/toggle-option/toggle-option.component.js +44 -51
- package/train/train-formation/train-formation.component.js +41 -43
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +0 -530
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +0 -1123
- package/datepicker/common/datepicker-association-controllers.d.ts +0 -21
- package/datepicker/common/datepicker-association-controllers.d.ts.map +0 -1
- package/datepicker/common/datepicker-association-controllers.js +0 -58
- package/development/datepicker/common/datepicker-association-controllers.d.ts +0 -21
- package/development/datepicker/common/datepicker-association-controllers.d.ts.map +0 -1
- package/development/datepicker/common/datepicker-association-controllers.js +0 -82
- package/icon-sidebar-button-common-DG8bnrBu.js +0 -7
- package/teaser-product-common-CpMAlYEp.js +0 -5
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
var
|
|
1
|
+
var S = (a) => {
|
|
2
2
|
throw TypeError(a);
|
|
3
3
|
};
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var z = (a, i, e) => i.has(a) || S("Cannot " + e);
|
|
5
|
+
var y = (a, i, e) => (z(a, i, "read from private field"), e ? e.call(a) : i.get(a)), h = (a, i, e) => i.has(a) ? S("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(a) : i.set(a, e), d = (a, i, e, r) => (z(a, i, "write to private field"), r ? r.call(a, e) : i.set(a, e), e);
|
|
6
6
|
import { __runInitializers as k, __esDecorate as v } from "tslib";
|
|
7
|
-
import { IntersectionController as
|
|
8
|
-
import { css as
|
|
9
|
-
import { customElement as
|
|
10
|
-
import { isLean as
|
|
7
|
+
import { IntersectionController as E } from "@lit-labs/observers/intersection-controller.js";
|
|
8
|
+
import { css as U, LitElement as R, html as I } from "lit";
|
|
9
|
+
import { customElement as D, property as A } from "lit/decorators.js";
|
|
10
|
+
import { isLean as T, isZeroAnimationDuration as B } from "../../core/dom.js";
|
|
11
11
|
import { EventEmitter as u } from "../../core/eventing.js";
|
|
12
|
-
import { SbbUpdateSchedulerMixin as
|
|
13
|
-
const
|
|
14
|
-
let
|
|
12
|
+
import { SbbUpdateSchedulerMixin as H } from "../../core/mixins.js";
|
|
13
|
+
const L = U`*,:before,:after{box-sizing:border-box}:host{--sbb-sticky-bar-position: sticky;--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xs);--sbb-sticky-bar-border-radius: var(--sbb-border-radius-8x);--sbb-sticky-bar-animation-easing: var(--sbb-animation-easing);--sbb-sticky-bar-fade-in-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-5x) );--sbb-sticky-bar-fade-out-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-2x) );--sbb-sticky-bar-slide-vertically-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--sbb-sticky-bar-slide-vertically-animation-easing: ease-out;--sbb-sticky-bar-slide-vertically-animation-delay: 0s;--sbb-sticky-bar-slide-vertically-animation-name: unset;--_sbb-sticky-bar-background-animation-duration: var( --sbb-sticky-bar-fade-out-animation-duration );--_sbb-sticky-bar-intersector-background-color: transparent;--_sbb-sticky-bar-forced-colors-border: none;display:contents}:host([size=s]){--sbb-sticky-bar-padding-block: var(--sbb-spacing-responsive-xxxs)}:host([data-sticking]:not([data-state=unsticky])){--sbb-sticky-bar-sticky-background-color: var( --sbb-container-background-color, var(--sbb-color-white) );--_sbb-sticky-bar-intersector-background-color: var(--sbb-sticky-bar-sticky-background-color);--_sbb-sticky-bar-background-animation-duration: var(--sbb-sticky-bar-fade-in-animation-duration)}@media (forced-colors: active){:host([data-sticking]:not([data-state=unsticky])){--_sbb-sticky-bar-forced-colors-border: var(--sbb-border-width-1x) solid CanvasText}}:host([data-sticking]:not([data-state=unsticky])[color=white]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-white)}:host([data-sticking]:not([data-state=unsticky])[color=milk]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-milk)}:host([data-sticking]:not([data-state=unsticky])[color=midnight]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-midnight)}:host([data-sticking]:not([data-state=unsticky])[color=charcoal]){--sbb-sticky-bar-sticky-background-color: var(--sbb-color-charcoal)}:host(:is([data-sticking]:is([data-slide-vertically],[data-state=sticking],[data-state=unsticking]),[data-state=unsticky])){--_sbb-sticky-bar-background-animation-duration: 0s}:host([data-sticking]:is([data-slide-vertically]:not([data-state=unsticky],[data-state=unsticking]),[data-state=sticking])){--sbb-sticky-bar-slide-vertically-animation-name: slide-in}:host([data-sticking][data-state=unsticking]){--sbb-sticky-bar-slide-vertically-animation-name: slide-out}:host(:is(:not([data-initialized]),[data-state=unsticky])){--sbb-sticky-bar-position: relative}.sbb-sticky-bar__wrapper{position:var(--sbb-sticky-bar-position);inset-block-end:0;display:block;z-index:var(--sbb-sticky-bar-z-index);animation-name:var(--sbb-sticky-bar-slide-vertically-animation-name);animation-duration:var(--sbb-sticky-bar-slide-vertically-animation-duration);animation-timing-function:var(--sbb-sticky-bar-slide-vertically-animation-easing);animation-delay:var(--sbb-sticky-bar-slide-vertically-animation-delay);animation-fill-mode:backwards}.sbb-sticky-bar__wrapper:after,.sbb-sticky-bar__wrapper:before{content:"";inset:0;position:absolute;display:block;z-index:-1}.sbb-sticky-bar__wrapper:before{background-color:var(--sbb-container-background-color);padding:0!important}:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar__wrapper:before{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}.sbb-sticky-bar__wrapper:after{background-color:var(--sbb-sticky-bar-sticky-background-color, transparent);border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);border:var(--_sbb-sticky-bar-forced-colors-border)}.sbb-sticky-bar{display:flex;padding-block:var(--sbb-sticky-bar-padding-block);margin-block-end:-1px}.sbb-sticky-bar:before{content:"";position:absolute;inset:0;z-index:-1;border-start-start-radius:var(--sbb-sticky-bar-border-radius);border-start-end-radius:var(--sbb-sticky-bar-border-radius);transition:box-shadow var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing);clip-path:polygon(-50% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% calc(-1 * var(--sbb-shadow-elevation-level-11-shadow-1-blur)),150% 50%,-50% 50%)}:host([data-sticking]:not([data-state=unsticky])) .sbb-sticky-bar:before{box-shadow:var(--sbb-shadow-elevation-level-11-shadow-2-offset-x) var(--sbb-shadow-elevation-level-11-shadow-2-offset-y) var(--sbb-shadow-elevation-level-11-shadow-2-blur) var(--sbb-shadow-elevation-level-11-shadow-2-spread) var(--sbb-shadow-elevation-level-11-soft-2-color),var(--sbb-shadow-elevation-level-11-shadow-1-offset-x) var(--sbb-shadow-elevation-level-11-shadow-1-offset-y) var(--sbb-shadow-elevation-level-11-shadow-1-blur) var(--sbb-shadow-elevation-level-11-shadow-1-spread) var(--sbb-shadow-elevation-level-11-soft-1-color)}:host(:not([data-expanded])) .sbb-sticky-bar{padding-inline:var(--sbb-layout-base-offset-responsive);margin-inline:auto;width:100%}@media (min-width: 90rem){:host(:not([data-expanded])) .sbb-sticky-bar{max-width:calc(var(--sbb-layout-base-page-max-width) + 2 * var(--sbb-layout-base-offset-responsive))}}:host([data-expanded]) .sbb-sticky-bar{padding-inline:var(--sbb-spacing-responsive-xxs)}.sbb-sticky-bar__intersector{height:1px}.sbb-sticky-bar__intersector:after{content:"";display:block;position:absolute;width:100%;height:calc(var(--sbb-sticky-bar-bottom-overlapping-height, 0) + 1px);background-color:var(--_sbb-sticky-bar-intersector-background-color);pointer-events:none;transition:background-color var(--_sbb-sticky-bar-background-animation-duration) var(--sbb-sticky-bar-animation-easing)}@keyframes slide-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-out{0%{transform:translateY(0)}to{transform:translateY(100%)}}`;
|
|
14
|
+
let F = (() => {
|
|
15
15
|
var b, c, o;
|
|
16
|
-
let a = [
|
|
16
|
+
let a = [D("sbb-sticky-bar")], i, e = [], r, m = H(R), _, g = [], p = [], f, w = [], x = [];
|
|
17
17
|
var n = (o = class extends m {
|
|
18
18
|
constructor() {
|
|
19
19
|
super(...arguments);
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
d(this, b, k(this, g, null)), d(this, c, (k(this, p), k(this, w,
|
|
20
|
+
h(this, b);
|
|
21
|
+
h(this, c);
|
|
22
|
+
d(this, b, k(this, g, null)), d(this, c, (k(this, p), k(this, w, T() ? "s" : "m"))), this._willStick = (k(this, x), new u(this, n.events.willStick, {
|
|
23
23
|
cancelable: !0
|
|
24
24
|
})), this._didStick = new u(this, n.events.didStick, {
|
|
25
25
|
cancelable: !0
|
|
26
|
-
}), this._willUnstick = new u(this, n.events.willUnstick, { cancelable: !0 }), this._didUnstick = new u(this, n.events.didUnstick, { cancelable: !0 }), this._observer = new
|
|
26
|
+
}), this._willUnstick = new u(this, n.events.willUnstick, { cancelable: !0 }), this._didUnstick = new u(this, n.events.didUnstick, { cancelable: !0 }), this._observer = new E(this, {
|
|
27
27
|
// Although `this` is observed, we have to postpone observing
|
|
28
28
|
// into firstUpdated() to achieve a correct initial state.
|
|
29
29
|
target: null,
|
|
@@ -32,7 +32,7 @@ let J = (() => {
|
|
|
32
32
|
}
|
|
33
33
|
/** Color of the container, like transparent, white etc. */
|
|
34
34
|
get color() {
|
|
35
|
-
return
|
|
35
|
+
return y(this, b);
|
|
36
36
|
}
|
|
37
37
|
set color(t) {
|
|
38
38
|
d(this, b, t);
|
|
@@ -42,7 +42,7 @@ let J = (() => {
|
|
|
42
42
|
* @default 'm' / 's' (lean)
|
|
43
43
|
*/
|
|
44
44
|
get size() {
|
|
45
|
-
return
|
|
45
|
+
return y(this, c);
|
|
46
46
|
}
|
|
47
47
|
set size(t) {
|
|
48
48
|
d(this, c, t);
|
|
@@ -55,7 +55,7 @@ let J = (() => {
|
|
|
55
55
|
return this.getAttribute("data-state");
|
|
56
56
|
}
|
|
57
57
|
connectedCallback() {
|
|
58
|
-
super.connectedCallback(), this.slot
|
|
58
|
+
super.connectedCallback(), this.slot ||= "sticky-bar", this._state = "sticky", this.startUpdate();
|
|
59
59
|
const t = this.closest("sbb-container");
|
|
60
60
|
t && this.toggleAttribute("data-expanded", t.expanded), this._intersector && this._observer.observe(this._intersector);
|
|
61
61
|
}
|
|
@@ -66,13 +66,12 @@ let J = (() => {
|
|
|
66
66
|
super.firstUpdated(t), this._intersector || (this._intersector = this.shadowRoot.querySelector(".sbb-sticky-bar__intersector"), this._observer.observe(this._intersector)), this._observer.observe(this);
|
|
67
67
|
}
|
|
68
68
|
_isZeroAnimationDuration() {
|
|
69
|
-
return
|
|
69
|
+
return B(this, "--sbb-sticky-bar-slide-vertically-animation-duration");
|
|
70
70
|
}
|
|
71
71
|
_detectStickyState(t) {
|
|
72
|
-
var S;
|
|
73
72
|
this.toggleAttribute("data-initialized", !0);
|
|
74
|
-
const s = !t.isIntersecting && t.boundingClientRect.top > 0, l =
|
|
75
|
-
this.toggleAttribute("data-slide-vertically", s && this._intersector && Math.abs(l.bottom -
|
|
73
|
+
const s = !t.isIntersecting && t.boundingClientRect.top > 0, l = this._intersector?.getBoundingClientRect(), C = this.shadowRoot.querySelector(".sbb-sticky-bar__wrapper").getBoundingClientRect();
|
|
74
|
+
this.toggleAttribute("data-slide-vertically", s && this._intersector && Math.abs(l.bottom - C.bottom) > 30), this.toggleAttribute("data-sticking", s), this.completeUpdate();
|
|
76
75
|
}
|
|
77
76
|
/** Animates from normal content flow position to `position: sticky`. */
|
|
78
77
|
stick() {
|
|
@@ -92,7 +91,7 @@ let J = (() => {
|
|
|
92
91
|
(this._state === "sticking" || this._state === "sticky") && t.animationName === "slide-in" ? this._stickyCallback() : this._state === "unsticking" && t.animationName === "slide-out" && this._unstickyCallback();
|
|
93
92
|
}
|
|
94
93
|
render() {
|
|
95
|
-
return
|
|
94
|
+
return I`
|
|
96
95
|
<div class="sbb-sticky-bar__wrapper" @animationend=${this._onAnimationEnd}>
|
|
97
96
|
<div class="sbb-sticky-bar">
|
|
98
97
|
<slot></slot>
|
|
@@ -103,12 +102,12 @@ let J = (() => {
|
|
|
103
102
|
}
|
|
104
103
|
}, b = new WeakMap(), c = new WeakMap(), r = o, (() => {
|
|
105
104
|
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(m[Symbol.metadata] ?? null) : void 0;
|
|
106
|
-
_ = [
|
|
105
|
+
_ = [A({ reflect: !0 })], f = [A({ reflect: !0 })], v(o, null, _, { kind: "accessor", name: "color", static: !1, private: !1, access: { has: (s) => "color" in s, get: (s) => s.color, set: (s, l) => {
|
|
107
106
|
s.color = l;
|
|
108
107
|
} }, metadata: t }, g, p), v(o, null, f, { kind: "accessor", name: "size", static: !1, private: !1, access: { has: (s) => "size" in s, get: (s) => s.size, set: (s, l) => {
|
|
109
108
|
s.size = l;
|
|
110
109
|
} }, metadata: t }, w, x), v(null, i = { value: r }, a, { kind: "class", name: r.name, metadata: t }, null, e), n = r = i.value, t && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
|
|
111
|
-
})(), o.styles =
|
|
110
|
+
})(), o.styles = L, o.events = {
|
|
112
111
|
willStick: "willStick",
|
|
113
112
|
didStick: "didStick",
|
|
114
113
|
willUnstick: "willUnstick",
|
|
@@ -117,5 +116,5 @@ let J = (() => {
|
|
|
117
116
|
return n = r;
|
|
118
117
|
})();
|
|
119
118
|
export {
|
|
120
|
-
|
|
119
|
+
F as SbbStickyBarElement
|
|
121
120
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { interactivityChecker as
|
|
1
|
+
import { interactivityChecker as i } from "./interactivity-checker.js";
|
|
2
2
|
class r {
|
|
3
3
|
/**
|
|
4
4
|
* Whether the focus is trap is enabled.
|
|
@@ -11,8 +11,7 @@ class r {
|
|
|
11
11
|
return !!this._abortController;
|
|
12
12
|
}
|
|
13
13
|
constructor(t) {
|
|
14
|
-
|
|
15
|
-
this._host = t, this._abortController = null, (s = (e = this._host).addController) == null || s.call(e, this);
|
|
14
|
+
this._host = t, this._abortController = null, this._host.addController?.(this);
|
|
16
15
|
}
|
|
17
16
|
hostDisconnected() {
|
|
18
17
|
this._untrap();
|
|
@@ -24,9 +23,9 @@ class r {
|
|
|
24
23
|
focusInitialElement(t) {
|
|
25
24
|
const e = this._host.querySelector("[sbb-focus-initial]");
|
|
26
25
|
if (e) {
|
|
27
|
-
if (!
|
|
26
|
+
if (!i.isFocusable(e)) {
|
|
28
27
|
const s = this._getFirstTabbableElement(e);
|
|
29
|
-
return s
|
|
28
|
+
return s?.focus(t), !!s;
|
|
30
29
|
}
|
|
31
30
|
return e.focus(t), !0;
|
|
32
31
|
}
|
|
@@ -50,20 +49,19 @@ class r {
|
|
|
50
49
|
}
|
|
51
50
|
_trap() {
|
|
52
51
|
this._abortController = new AbortController(), this._host.addEventListener("keydown", (t) => {
|
|
53
|
-
var e, s;
|
|
54
52
|
if (t.key === "Tab")
|
|
55
53
|
if (t.shiftKey) {
|
|
56
|
-
const
|
|
57
|
-
|
|
54
|
+
const e = this._getFirstTabbableElement(this._host);
|
|
55
|
+
e && t.composedPath().includes(e) && (this._getLastTabbableElement(this._host)?.focus(), t.preventDefault());
|
|
58
56
|
} else {
|
|
59
|
-
const
|
|
60
|
-
|
|
57
|
+
const e = this._getLastTabbableElement(this._host);
|
|
58
|
+
e && t.composedPath().includes(e) && (this._getFirstTabbableElement(this._host)?.focus(), t.preventDefault());
|
|
61
59
|
}
|
|
62
60
|
}, { signal: this._abortController.signal });
|
|
63
61
|
}
|
|
64
62
|
/** Get the first tabbable element from a DOM subtree (inclusive). */
|
|
65
63
|
_getFirstTabbableElement(t) {
|
|
66
|
-
if (t !== this._host &&
|
|
64
|
+
if (t !== this._host && i.isFocusable(t) && i.isTabbable(t))
|
|
67
65
|
return t;
|
|
68
66
|
const e = t.shadowRoot ? t.shadowRoot.children : t.localName === "slot" ? t.assignedElements() : t.children;
|
|
69
67
|
for (let s = 0; s < e.length; s++) {
|
|
@@ -75,7 +73,7 @@ class r {
|
|
|
75
73
|
}
|
|
76
74
|
/** Get the last tabbable element from a DOM subtree (inclusive). */
|
|
77
75
|
_getLastTabbableElement(t) {
|
|
78
|
-
if (t !== this._host &&
|
|
76
|
+
if (t !== this._host && i.isFocusable(t) && i.isTabbable(t))
|
|
79
77
|
return t;
|
|
80
78
|
const e = t.shadowRoot ? t.shadowRoot.children : t.localName === "slot" ? t.assignedElements() : t.children;
|
|
81
79
|
for (let s = e.length - 1; s >= 0; s--) {
|
|
@@ -86,8 +84,7 @@ class r {
|
|
|
86
84
|
return null;
|
|
87
85
|
}
|
|
88
86
|
_untrap() {
|
|
89
|
-
|
|
90
|
-
(t = this._abortController) == null || t.abort(), this._abortController = null;
|
|
87
|
+
this._abortController?.abort(), this._abortController = null;
|
|
91
88
|
}
|
|
92
89
|
}
|
|
93
90
|
export {
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { isServer as
|
|
2
|
-
import { getEventTarget as
|
|
3
|
-
import { isFakeMousedownFromScreenReader as
|
|
4
|
-
const
|
|
5
|
-
ignoreKeys: [
|
|
6
|
-
},
|
|
1
|
+
import { isServer as s } from "lit";
|
|
2
|
+
import { getEventTarget as n } from "../eventing.js";
|
|
3
|
+
import { isFakeMousedownFromScreenReader as i, isFakeTouchstartFromScreenReader as a } from "./fake-event-detection.js";
|
|
4
|
+
const r = 16, c = 17, u = 18, d = 91, m = 224, h = {
|
|
5
|
+
ignoreKeys: [u, c, m, d, r]
|
|
6
|
+
}, l = 650, o = {
|
|
7
7
|
passive: !0,
|
|
8
8
|
capture: !0
|
|
9
9
|
};
|
|
10
|
-
class
|
|
10
|
+
class _ {
|
|
11
11
|
/** The most recently detected input modality. */
|
|
12
12
|
get mostRecentModality() {
|
|
13
13
|
return this._mostRecentModality;
|
|
@@ -21,28 +21,27 @@ class M {
|
|
|
21
21
|
}
|
|
22
22
|
constructor() {
|
|
23
23
|
this._mostRecentModality = "mouse", this._mostRecentTarget = null, this._options = {
|
|
24
|
-
...
|
|
24
|
+
...h
|
|
25
25
|
}, this._lastTouchMs = 0, this._onKeydown = (t) => {
|
|
26
|
-
|
|
27
|
-
(s = (e = this._options) == null ? void 0 : e.ignoreKeys) != null && s.some((n) => n === t.keyCode) || this._updateState("keyboard", t);
|
|
26
|
+
this._options?.ignoreKeys?.some((e) => e === t.keyCode) || this._updateState("keyboard", t);
|
|
28
27
|
}, this._onMousedown = (t) => {
|
|
29
|
-
Date.now() - this._lastTouchMs <
|
|
28
|
+
Date.now() - this._lastTouchMs < l || this._updateState(i(t) ? "keyboard" : "mouse", t);
|
|
30
29
|
}, this._onTouchstart = (t) => {
|
|
31
|
-
if (
|
|
30
|
+
if (a(t)) {
|
|
32
31
|
this._updateState("keyboard", t);
|
|
33
32
|
return;
|
|
34
33
|
}
|
|
35
34
|
this._lastTouchMs = Date.now(), this._updateState("touch", t);
|
|
36
|
-
},
|
|
35
|
+
}, s || (document.addEventListener("keydown", this._onKeydown, o), document.addEventListener("mousedown", this._onMousedown, o), document.addEventListener("touchstart", this._onTouchstart, o));
|
|
37
36
|
}
|
|
38
37
|
reset() {
|
|
39
38
|
this._updateState("mouse", null), this._lastTouchMs = 0;
|
|
40
39
|
}
|
|
41
40
|
_updateState(t, e) {
|
|
42
|
-
this._mostRecentModality && document.documentElement.classList.remove(`sbb-focus-modality-${this._mostRecentModality}`), this._mostRecentModality = t, this._mostRecentTarget = e ?
|
|
41
|
+
this._mostRecentModality && document.documentElement.classList.remove(`sbb-focus-modality-${this._mostRecentModality}`), this._mostRecentModality = t, this._mostRecentTarget = e ? n(e) : null, document.documentElement.classList.add(`sbb-focus-modality-${this._mostRecentModality}`);
|
|
43
42
|
}
|
|
44
43
|
}
|
|
45
|
-
const
|
|
44
|
+
const R = new _();
|
|
46
45
|
export {
|
|
47
|
-
|
|
46
|
+
R as sbbInputModalityDetector
|
|
48
47
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { isServer as
|
|
1
|
+
import { isServer as s } from "lit";
|
|
2
2
|
import { isWebkit as a, isIOS as o, isFirefox as u } from "../dom/platform.js";
|
|
3
3
|
/**
|
|
4
4
|
* @license
|
|
@@ -7,7 +7,7 @@ import { isWebkit as a, isIOS as o, isFirefox as u } from "../dom/platform.js";
|
|
|
7
7
|
* Use of this source code is governed by an MIT-style license that can be
|
|
8
8
|
* found in the LICENSE file at https://angular.io/license
|
|
9
9
|
*/
|
|
10
|
-
class
|
|
10
|
+
class A {
|
|
11
11
|
constructor() {
|
|
12
12
|
this.ignoreVisibility = !1;
|
|
13
13
|
}
|
|
@@ -41,7 +41,7 @@ class b {
|
|
|
41
41
|
* @returns Whether the element is tabbable.
|
|
42
42
|
*/
|
|
43
43
|
isTabbable(i) {
|
|
44
|
-
if (
|
|
44
|
+
if (s)
|
|
45
45
|
return !1;
|
|
46
46
|
const r = i.nodeName.toLowerCase(), e = x(i);
|
|
47
47
|
return i.hasAttribute("contenteditable") ? e !== -1 : r === "iframe" || r === "object" || a && o && !I(i) ? !1 : r === "audio" ? i.hasAttribute("controls") ? e !== -1 : !1 : r === "video" ? e === -1 ? !1 : e !== null ? !0 : u || i.hasAttribute("controls") : i.tabIndex >= 0;
|
|
@@ -54,10 +54,10 @@ class b {
|
|
|
54
54
|
* @returns Whether the element is focusable.
|
|
55
55
|
*/
|
|
56
56
|
isFocusable(i, r) {
|
|
57
|
-
return y(i) && !i.inert && !this.isDisabled(i) && (
|
|
57
|
+
return y(i) && !i.inert && !this.isDisabled(i) && (r?.ignoreVisibility || this.isVisible(i));
|
|
58
58
|
}
|
|
59
59
|
}
|
|
60
|
-
const
|
|
60
|
+
const C = new b();
|
|
61
61
|
function f(t) {
|
|
62
62
|
return !!(t.offsetWidth || t.offsetHeight || typeof t.getClientRects == "function" && t.getClientRects().length);
|
|
63
63
|
}
|
|
@@ -77,14 +77,14 @@ function h(t) {
|
|
|
77
77
|
function p(t) {
|
|
78
78
|
return t.nodeName.toLowerCase() == "a";
|
|
79
79
|
}
|
|
80
|
-
function
|
|
80
|
+
function n(t) {
|
|
81
81
|
if (!t.hasAttribute("tabindex") || t.tabIndex === void 0)
|
|
82
82
|
return !1;
|
|
83
83
|
const i = t.getAttribute("tabindex");
|
|
84
84
|
return !!(i && !isNaN(parseInt(i, 10)));
|
|
85
85
|
}
|
|
86
86
|
function x(t) {
|
|
87
|
-
if (!
|
|
87
|
+
if (!n(t))
|
|
88
88
|
return null;
|
|
89
89
|
const i = parseInt(t.getAttribute("tabindex") || "", 10);
|
|
90
90
|
return isNaN(i) ? -1 : i;
|
|
@@ -94,10 +94,10 @@ function I(t) {
|
|
|
94
94
|
return r === "text" || r === "password" || i === "select" || i === "textarea";
|
|
95
95
|
}
|
|
96
96
|
function y(t) {
|
|
97
|
-
return d(t) ? !1 : c(t) || l(t) || t.hasAttribute("contenteditable") ||
|
|
97
|
+
return d(t) ? !1 : c(t) || l(t) || t.hasAttribute("contenteditable") || n(t);
|
|
98
98
|
}
|
|
99
99
|
export {
|
|
100
100
|
b as InteractivityChecker,
|
|
101
|
-
|
|
102
|
-
|
|
101
|
+
A as IsFocusableConfig,
|
|
102
|
+
C as interactivityChecker
|
|
103
103
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { isServer as
|
|
1
|
+
import { isServer as n } from "lit";
|
|
2
2
|
/**
|
|
3
3
|
* @license
|
|
4
4
|
* Copyright Google LLC All Rights Reserved.
|
|
@@ -9,16 +9,15 @@ import { isServer as o } from "lit";
|
|
|
9
9
|
let l = 0;
|
|
10
10
|
class u {
|
|
11
11
|
constructor() {
|
|
12
|
-
|
|
12
|
+
n || (this._liveElement = this._createLiveElement());
|
|
13
13
|
}
|
|
14
|
-
announce(
|
|
15
|
-
if (
|
|
14
|
+
announce(r, ...t) {
|
|
15
|
+
if (n)
|
|
16
16
|
return Promise.resolve();
|
|
17
17
|
const e = {};
|
|
18
|
-
let
|
|
19
|
-
return t.length === 1 && typeof t[0] == "number" ?
|
|
20
|
-
|
|
21
|
-
this._liveElement.textContent = i, typeof r == "number" && (this._previousTimeout = setTimeout(() => this.clear(), r)), (n = this._currentResolve) == null || n.call(this), this._currentPromise = this._currentResolve = void 0;
|
|
18
|
+
let i, s;
|
|
19
|
+
return t.length === 1 && typeof t[0] == "number" ? s = t[0] : [i, s] = t, this.clear(), clearTimeout(this._previousTimeout), i ??= e?.politeness ?? "polite", s ??= e?.duration, this._liveElement.setAttribute("aria-live", i), this._currentPromise || (this._currentPromise = new Promise((o) => this._currentResolve = o)), clearTimeout(this._previousTimeout), this._previousTimeout = setTimeout(() => {
|
|
20
|
+
this._liveElement.textContent = r, typeof s == "number" && (this._previousTimeout = setTimeout(() => this.clear(), s)), this._currentResolve?.(), this._currentPromise = this._currentResolve = void 0;
|
|
22
21
|
}, 100), this._currentPromise;
|
|
23
22
|
}
|
|
24
23
|
/**
|
|
@@ -30,14 +29,13 @@ class u {
|
|
|
30
29
|
this._liveElement && (this._liveElement.textContent = "");
|
|
31
30
|
}
|
|
32
31
|
destroy() {
|
|
33
|
-
|
|
34
|
-
clearTimeout(this._previousTimeout), (i = this._liveElement) == null || i.remove(), this._liveElement = null, (t = this._currentResolve) == null || t.call(this), this._currentPromise = this._currentResolve = void 0;
|
|
32
|
+
clearTimeout(this._previousTimeout), this._liveElement?.remove(), this._liveElement = null, this._currentResolve?.(), this._currentPromise = this._currentResolve = void 0;
|
|
35
33
|
}
|
|
36
34
|
_createLiveElement() {
|
|
37
|
-
const
|
|
38
|
-
for (let
|
|
39
|
-
t[
|
|
40
|
-
return e.classList.add(
|
|
35
|
+
const r = "sbb-live-announcer-element", t = document.getElementsByClassName(r), e = document.createElement("div");
|
|
36
|
+
for (let i = 0; i < t.length; i++)
|
|
37
|
+
t[i].remove();
|
|
38
|
+
return e.classList.add(r), e.classList.add("sbb-screen-reader-only"), e.setAttribute("aria-atomic", "true"), e.setAttribute("aria-live", "polite"), e.id = `sbb-live-announcer-${l++}`, document.body.appendChild(e), e;
|
|
41
39
|
}
|
|
42
40
|
}
|
|
43
41
|
const v = new u();
|
|
@@ -11,22 +11,22 @@ import { isEventPrevented as w } from "../eventing.js";
|
|
|
11
11
|
import { SbbFormAssociatedMixin as K } from "../mixins.js";
|
|
12
12
|
import { SbbActionBaseElement as O } from "./action-base-element.js";
|
|
13
13
|
let I = (() => {
|
|
14
|
-
var
|
|
14
|
+
var o;
|
|
15
15
|
let i = [S({
|
|
16
16
|
tabindex: "0",
|
|
17
17
|
"data-button": ""
|
|
18
18
|
})], a, n = [], l, u = K(O);
|
|
19
|
-
return
|
|
19
|
+
return o = class extends u {
|
|
20
20
|
constructor() {
|
|
21
|
-
if (super(), this._preventScrollOnSpaceKeydown = (
|
|
22
|
-
|
|
23
|
-
}, this._removeActiveMarker = (
|
|
24
|
-
|
|
25
|
-
}, this._dispatchClickEventOnSpaceKeyup = (
|
|
26
|
-
|
|
27
|
-
}, this._dispatchClickEvent = (
|
|
28
|
-
const { altKey: r, ctrlKey: m, metaKey: y, shiftKey:
|
|
29
|
-
|
|
21
|
+
if (super(), this._preventScrollOnSpaceKeydown = (t) => {
|
|
22
|
+
t.key === " " && (t.preventDefault(), t.target.toggleAttribute("data-active", !0));
|
|
23
|
+
}, this._removeActiveMarker = (t) => {
|
|
24
|
+
t.target.removeAttribute("data-active");
|
|
25
|
+
}, this._dispatchClickEventOnSpaceKeyup = (t) => {
|
|
26
|
+
t.key === " " && (this._removeActiveMarker(t), this._dispatchClickEvent(t));
|
|
27
|
+
}, this._dispatchClickEvent = (t) => {
|
|
28
|
+
const { altKey: r, ctrlKey: m, metaKey: y, shiftKey: e } = t;
|
|
29
|
+
t.target.dispatchEvent(new PointerEvent("click", {
|
|
30
30
|
bubbles: !0,
|
|
31
31
|
cancelable: !0,
|
|
32
32
|
composed: !0,
|
|
@@ -35,86 +35,81 @@ let I = (() => {
|
|
|
35
35
|
altKey: r,
|
|
36
36
|
ctrlKey: m,
|
|
37
37
|
metaKey: y,
|
|
38
|
-
shiftKey:
|
|
38
|
+
shiftKey: e
|
|
39
39
|
}));
|
|
40
40
|
}, !g) {
|
|
41
41
|
this.setupBaseEventHandlers();
|
|
42
|
-
const
|
|
43
|
-
this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup,
|
|
42
|
+
const t = { passive: !0 };
|
|
43
|
+
this.addEventListener("keydown", this._preventScrollOnSpaceKeydown), this.addEventListener("keyup", this._dispatchClickEventOnSpaceKeyup, t), this.addEventListener("blur", this._removeActiveMarker, t), this.addEventListener("keypress", (r) => {
|
|
44
44
|
(r.key === "Enter" || r.key === `
|
|
45
45
|
`) && this._dispatchClickEvent(r);
|
|
46
|
-
},
|
|
46
|
+
}, t);
|
|
47
47
|
}
|
|
48
48
|
}
|
|
49
|
-
attributeChangedCallback(
|
|
50
|
-
(!["name", "value"].includes(
|
|
49
|
+
attributeChangedCallback(t, r, m) {
|
|
50
|
+
(!["name", "value"].includes(t) || r !== m) && super.attributeChangedCallback(t, r, m);
|
|
51
51
|
}
|
|
52
|
-
}, l =
|
|
53
|
-
const
|
|
54
|
-
d(null, a = { value: l }, i, { kind: "class", name: l.name, metadata:
|
|
55
|
-
})(),
|
|
56
|
-
})(),
|
|
57
|
-
var
|
|
58
|
-
let i = I, a = [], n, l = [], u = [],
|
|
52
|
+
}, l = o, (() => {
|
|
53
|
+
const t = typeof Symbol == "function" && Symbol.metadata ? Object.create(u[Symbol.metadata] ?? null) : void 0;
|
|
54
|
+
d(null, a = { value: l }, i, { kind: "class", name: l.name, metadata: t }, null, n), l = a.value, t && Object.defineProperty(l, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: t });
|
|
55
|
+
})(), o.role = "button", h(l, n), l;
|
|
56
|
+
})(), q = (() => {
|
|
57
|
+
var t, r;
|
|
58
|
+
let i = I, a = [], n, l = [], u = [], o, f;
|
|
59
59
|
return r = class extends i {
|
|
60
60
|
constructor() {
|
|
61
61
|
super();
|
|
62
|
-
E(this,
|
|
62
|
+
E(this, t);
|
|
63
63
|
this._elementsOnWhichEnterPressTriggersSubmit = (h(this, a), [
|
|
64
64
|
"input",
|
|
65
65
|
"sbb-date-input",
|
|
66
66
|
"sbb-time-input"
|
|
67
|
-
]), p(this,
|
|
68
|
-
if (this.type === "button" || await w(
|
|
67
|
+
]), p(this, t, h(this, l, "")), this._formId = (h(this, u), ""), this._handleButtonClick = async (e) => {
|
|
68
|
+
if (this.type === "button" || await w(e))
|
|
69
69
|
return;
|
|
70
|
-
const
|
|
71
|
-
if (
|
|
72
|
-
this.type === "submit" ? this._requestSubmit(
|
|
70
|
+
const s = this.form;
|
|
71
|
+
if (s)
|
|
72
|
+
this.type === "submit" ? this._requestSubmit(s) : this.type === "reset" && s.reset();
|
|
73
73
|
else return;
|
|
74
|
-
}, this._formKeyDown = (
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
`) && this._elementsOnWhichEnterPressTriggersSubmit.includes((o = t.target) == null ? void 0 : o.localName) && t.isTrusted && (t.stopImmediatePropagation(), t.preventDefault(), t.composedPath()[0].dispatchEvent(new KeyboardEvent(t.type, t)) && !this.matches(":disabled") && this._requestSubmit(e));
|
|
74
|
+
}, this._formKeyDown = (e) => {
|
|
75
|
+
const s = this.form;
|
|
76
|
+
this.type === "submit" && s && (e.key === "Enter" || e.key === `
|
|
77
|
+
`) && this._elementsOnWhichEnterPressTriggersSubmit.includes(e.target?.localName) && e.isTrusted && (e.stopImmediatePropagation(), e.preventDefault(), e.composedPath()[0].dispatchEvent(new KeyboardEvent(e.type, e)) && !this.matches(":disabled") && this._requestSubmit(s));
|
|
79
78
|
}, this.addEventListener("click", this._handleButtonClick);
|
|
80
79
|
}
|
|
81
80
|
/** Value of the form element. */
|
|
82
81
|
get value() {
|
|
83
|
-
return k(this,
|
|
82
|
+
return k(this, t);
|
|
84
83
|
}
|
|
85
|
-
set value(
|
|
86
|
-
p(this,
|
|
84
|
+
set value(e) {
|
|
85
|
+
p(this, t, e);
|
|
87
86
|
}
|
|
88
87
|
/**
|
|
89
88
|
* The type attribute to use for the button.
|
|
90
89
|
* @default 'button'
|
|
91
90
|
*/
|
|
92
|
-
set type(
|
|
93
|
-
this.setAttribute("type", `${
|
|
91
|
+
set type(e) {
|
|
92
|
+
this.setAttribute("type", `${e}`);
|
|
94
93
|
}
|
|
95
94
|
get type() {
|
|
96
95
|
return this.getAttribute("type") ?? "button";
|
|
97
96
|
}
|
|
98
97
|
/** The `<form>` element to associate the button with. */
|
|
99
|
-
set form(
|
|
100
|
-
|
|
101
|
-
this._formId = t, (e = this.form) == null || e.addEventListener("keydown", this._formKeyDown, { capture: !0 });
|
|
98
|
+
set form(e) {
|
|
99
|
+
this._formId = e, this.form?.addEventListener("keydown", this._formKeyDown, { capture: !0 });
|
|
102
100
|
}
|
|
103
101
|
get form() {
|
|
104
|
-
|
|
105
|
-
return this._formId ? ((o = (e = (t = this.getRootNode) == null ? void 0 : t.call(this)) == null ? void 0 : e.getElementById) == null ? void 0 : o.call(e, this._formId)) ?? null : this.internals.form;
|
|
102
|
+
return this._formId ? this.getRootNode?.()?.getElementById?.(this._formId) ?? null : this.internals.form;
|
|
106
103
|
}
|
|
107
104
|
connectedCallback() {
|
|
108
|
-
|
|
109
|
-
super.connectedCallback(), (t = this.form) == null || t.addEventListener("keydown", this._formKeyDown, { capture: !0 });
|
|
105
|
+
super.connectedCallback(), this.form?.addEventListener("keydown", this._formKeyDown, { capture: !0 });
|
|
110
106
|
}
|
|
111
107
|
disconnectedCallback() {
|
|
112
|
-
|
|
113
|
-
super.disconnectedCallback(), (t = this.form) == null || t.removeEventListener("keydown", this._formKeyDown, { capture: !0 });
|
|
108
|
+
super.disconnectedCallback(), this.form?.removeEventListener("keydown", this._formKeyDown, { capture: !0 });
|
|
114
109
|
}
|
|
115
|
-
_requestSubmit(
|
|
116
|
-
const
|
|
117
|
-
|
|
110
|
+
_requestSubmit(e) {
|
|
111
|
+
const s = document.createElement("button");
|
|
112
|
+
s.inert = !0, s.hidden = !0, s.name = this.name, s.value = this.value ?? "", e.append(s), e.requestSubmit(s), s.remove();
|
|
118
113
|
}
|
|
119
114
|
/**
|
|
120
115
|
* Intentionally empty, as buttons are not targeted by form reset
|
|
@@ -126,7 +121,7 @@ let I = (() => {
|
|
|
126
121
|
* Intentionally empty, as buttons are not targeted by form restore
|
|
127
122
|
* @internal
|
|
128
123
|
*/
|
|
129
|
-
formStateRestoreCallback(
|
|
124
|
+
formStateRestoreCallback(e, s) {
|
|
130
125
|
}
|
|
131
126
|
/**
|
|
132
127
|
* Intentionally empty, as button does not write its data in form.
|
|
@@ -135,18 +130,18 @@ let I = (() => {
|
|
|
135
130
|
*/
|
|
136
131
|
updateFormValue() {
|
|
137
132
|
}
|
|
138
|
-
},
|
|
139
|
-
const
|
|
140
|
-
n = [C(), b()],
|
|
141
|
-
|
|
142
|
-
} }, metadata:
|
|
143
|
-
|
|
144
|
-
} }, metadata:
|
|
145
|
-
|
|
146
|
-
} }, metadata:
|
|
133
|
+
}, t = new WeakMap(), (() => {
|
|
134
|
+
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(i[Symbol.metadata] ?? null) : void 0;
|
|
135
|
+
n = [C(), b()], o = [b()], f = [b()], d(r, null, n, { kind: "accessor", name: "value", static: !1, private: !1, access: { has: (s) => "value" in s, get: (s) => s.value, set: (s, c) => {
|
|
136
|
+
s.value = c;
|
|
137
|
+
} }, metadata: e }, l, u), d(r, null, o, { kind: "setter", name: "type", static: !1, private: !1, access: { has: (s) => "type" in s, set: (s, c) => {
|
|
138
|
+
s.type = c;
|
|
139
|
+
} }, metadata: e }, null, a), d(r, null, f, { kind: "setter", name: "form", static: !1, private: !1, access: { has: (s) => "form" in s, set: (s, c) => {
|
|
140
|
+
s.form = c;
|
|
141
|
+
} }, metadata: e }, null, a), e && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
|
|
147
142
|
})(), r;
|
|
148
143
|
})();
|
|
149
144
|
export {
|
|
150
|
-
|
|
145
|
+
q as SbbButtonBaseElement,
|
|
151
146
|
I as SbbButtonLikeBaseElement
|
|
152
147
|
};
|
|
@@ -71,18 +71,15 @@ let le = (() => {
|
|
|
71
71
|
}
|
|
72
72
|
/** @internal */
|
|
73
73
|
focus(t) {
|
|
74
|
-
|
|
75
|
-
(e = this.shadowRoot.querySelector("a")) == null || e.focus(t);
|
|
74
|
+
this.shadowRoot.querySelector("a")?.focus(t);
|
|
76
75
|
}
|
|
77
76
|
/** @internal */
|
|
78
77
|
blur() {
|
|
79
|
-
|
|
80
|
-
(t = this.shadowRoot.querySelector("a")) == null || t.blur();
|
|
78
|
+
this.shadowRoot.querySelector("a")?.blur();
|
|
81
79
|
}
|
|
82
80
|
/** @internal */
|
|
83
81
|
click() {
|
|
84
|
-
|
|
85
|
-
(t = this.shadowRoot.querySelector("a")) == null || t.click();
|
|
82
|
+
this.shadowRoot.querySelector("a")?.click();
|
|
86
83
|
}
|
|
87
84
|
/** Default render method for link-like components. Can be overridden if the LinkRenderVariables are not needed. */
|
|
88
85
|
render() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/config/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE;QACzB,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;KAChC,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,wBAAgB,UAAU,IAAI,SAAS,CAKtC;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAG5D;AAED,OAAO,CAAC,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/config/config.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE;QACzB,SAAS,EAAE,MAAM,CAAC;QAClB,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,OAAO,EAAE,MAAM,OAAO,CAAC,MAAM,CAAC,CAAC;KAChC,KAAK,OAAO,CAAC,MAAM,CAAC,CAAC;IACtB,UAAU,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAClC;AAED,MAAM,WAAW,iBAAiB;IAChC,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,iBAAiB,CAAC;CAC9B;AAED,wBAAgB,UAAU,IAAI,SAAS,CAKtC;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,IAAI,CAG5D;AAED,OAAO,CAAC,MAAM,CAAC;IAEb,IAAI,SAAS,EAAE,SAAS,CAAC;CAC1B"}
|