@sbb-esta/lyne-elements 1.9.0 → 1.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion/accordion.d.ts +5 -5
- package/accordion/accordion.d.ts.map +1 -1
- package/accordion.js +17 -17
- package/action-group/action-group.d.ts +1 -1
- package/action-group/action-group.d.ts.map +1 -1
- package/action-group.js +3 -3
- package/alert/alert/alert.d.ts +1 -1
- package/alert/alert/alert.d.ts.map +1 -1
- package/alert/alert.js +3 -3
- package/autocomplete/autocomplete-base-element.d.ts +1 -1
- package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/autocomplete/autocomplete.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +1 -4
- package/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid-button.js +32 -28
- package/autocomplete-grid/autocomplete-grid-option.js +1 -1
- package/autocomplete-grid/autocomplete-grid.js +24 -25
- package/autocomplete.js +28 -29
- package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts +0 -1
- package/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
- package/breadcrumb/breadcrumb-group.js +25 -24
- package/button/button/button.d.ts +1 -1
- package/button/button-link/button-link.d.ts +1 -1
- package/button/button-link.js +14 -14
- package/button/common.js +5 -5
- package/button/mini-button/mini-button.d.ts +1 -1
- package/button/secondary-button/secondary-button.d.ts +1 -1
- package/button/secondary-button-link/secondary-button-link.d.ts +1 -1
- package/button/secondary-button-link.js +15 -15
- package/button/tertiary-button/tertiary-button.d.ts +1 -1
- package/button/tertiary-button-link/tertiary-button-link.d.ts +1 -1
- package/button/tertiary-button-link.js +12 -12
- package/button/transparent-button/transparent-button.d.ts +1 -1
- package/button/transparent-button-link/transparent-button-link.d.ts +1 -1
- package/button/transparent-button-link.js +15 -15
- package/calendar/calendar.d.ts +2 -2
- package/calendar/calendar.d.ts.map +1 -1
- package/calendar.js +5 -4
- package/card/card-badge/card-badge.d.ts.map +1 -1
- package/card/card-badge.js +7 -9
- package/card/common/card-action-common.d.ts.map +1 -1
- package/card/common.js +24 -25
- package/clock/clock.d.ts +2 -2
- package/clock/clock.d.ts.map +1 -1
- package/container/sticky-bar/sticky-bar.d.ts +0 -1
- package/container/sticky-bar/sticky-bar.d.ts.map +1 -1
- package/container/sticky-bar.js +20 -20
- package/core/a11y/arrow-navigation.d.ts.map +1 -1
- package/core/a11y/focus-visible-within-controller.d.ts +1 -1
- package/core/a11y/focus-visible-within-controller.d.ts.map +1 -1
- package/core/a11y/input-modality-detector.d.ts +2 -2
- package/core/a11y/input-modality-detector.d.ts.map +1 -1
- package/core/a11y.js +49 -50
- package/core/base-elements/action-base-element.d.ts +2 -0
- package/core/base-elements/action-base-element.d.ts.map +1 -1
- package/core/base-elements/button-base-element.d.ts +1 -1
- package/core/base-elements/button-base-element.d.ts.map +1 -1
- package/core/base-elements.js +47 -42
- package/core/controllers/language-controller.d.ts.map +1 -1
- package/core/controllers/slot-state-controller.d.ts +1 -1
- package/core/controllers/slot-state-controller.d.ts.map +1 -1
- package/core/controllers.js +22 -23
- package/core/dom/get-document-writing-mode.d.ts +3 -0
- package/core/dom/get-document-writing-mode.d.ts.map +1 -1
- package/core/mixins/disabled-mixin.d.ts +14 -1
- package/core/mixins/disabled-mixin.d.ts.map +1 -1
- package/core/mixins.js +132 -114
- package/core/observers/intersection-observer.d.ts +6 -0
- package/core/observers/intersection-observer.d.ts.map +1 -1
- package/core/observers/mutation-observer.d.ts +6 -0
- package/core/observers/mutation-observer.d.ts.map +1 -1
- package/core/observers/resize-observer.d.ts +6 -0
- package/core/observers/resize-observer.d.ts.map +1 -1
- package/core/styles/core.scss +23 -0
- package/core/styles/mixins/overlay.scss +2 -2
- package/core/styles/mixins/panel.scss +0 -2
- package/core/styles/mixins/table.scss +11 -0
- package/core/styles/mixins/typo.scss +0 -30
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss +1 -0
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +2 -1
- package/core/styles/table.scss +6 -1
- package/core.css +25 -14
- package/custom-elements.json +1566 -385
- package/datepicker/datepicker/datepicker.d.ts +1 -1
- package/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
- package/datepicker/datepicker-toggle.js +13 -12
- package/datepicker/datepicker.js +35 -35
- package/development/accordion/accordion.d.ts +5 -5
- package/development/accordion/accordion.d.ts.map +1 -1
- package/development/accordion.js +25 -38
- package/development/action-group/action-group.d.ts +1 -1
- package/development/action-group/action-group.d.ts.map +1 -1
- package/development/action-group.js +8 -21
- package/development/alert/alert/alert.d.ts +1 -1
- package/development/alert/alert/alert.d.ts.map +1 -1
- package/development/alert/alert-group.js +2 -15
- package/development/alert/alert.js +6 -19
- package/development/autocomplete/autocomplete-base-element.d.ts +1 -1
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete/autocomplete.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts +1 -4
- package/development/autocomplete-grid/autocomplete-grid-button/autocomplete-grid-button.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid-button.js +18 -29
- package/development/autocomplete-grid/autocomplete-grid-cell.js +2 -15
- package/development/autocomplete-grid/autocomplete-grid-option.js +4 -17
- package/development/autocomplete-grid/autocomplete-grid-row.js +2 -15
- package/development/autocomplete-grid/autocomplete-grid.js +7 -8
- package/development/autocomplete.js +10 -24
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts +0 -1
- package/development/breadcrumb/breadcrumb-group/breadcrumb-group.d.ts.map +1 -1
- package/development/breadcrumb/breadcrumb-group.js +10 -22
- package/development/breadcrumb/breadcrumb.js +2 -15
- package/development/button/button/button.d.ts +1 -1
- package/development/button/button-link/button-link.d.ts +1 -1
- package/development/button/button-link.js +3 -3
- package/development/button/common.js +2 -17
- package/development/button/mini-button/mini-button.d.ts +1 -1
- package/development/button/mini-button-group.js +2 -15
- package/development/button/mini-button.js +2 -15
- package/development/button/secondary-button/secondary-button.d.ts +1 -1
- package/development/button/secondary-button-link/secondary-button-link.d.ts +1 -1
- package/development/button/secondary-button-link.js +3 -3
- package/development/button/tertiary-button/tertiary-button.d.ts +1 -1
- package/development/button/tertiary-button-link/tertiary-button-link.d.ts +1 -1
- package/development/button/tertiary-button-link.js +3 -3
- package/development/button/transparent-button/transparent-button.d.ts +1 -1
- package/development/button/transparent-button-link/transparent-button-link.d.ts +1 -1
- package/development/button/transparent-button-link.js +3 -3
- package/development/calendar/calendar.d.ts +2 -2
- package/development/calendar/calendar.d.ts.map +1 -1
- package/development/calendar.js +7 -19
- package/development/card/card-badge/card-badge.d.ts.map +1 -1
- package/development/card/card-badge.js +4 -19
- package/development/card/card.js +2 -15
- package/development/card/common/card-action-common.d.ts.map +1 -1
- package/development/card/common.js +9 -24
- package/development/checkbox/checkbox-group.js +2 -15
- package/development/checkbox/checkbox.js +2 -15
- package/development/checkbox/common.js +1 -14
- package/development/chip.js +2 -15
- package/development/clock/clock.d.ts +2 -2
- package/development/clock/clock.d.ts.map +1 -1
- package/development/clock.js +2 -15
- package/development/container/container.js +1 -14
- package/development/container/sticky-bar/sticky-bar.d.ts +0 -1
- package/development/container/sticky-bar/sticky-bar.d.ts.map +1 -1
- package/development/container/sticky-bar.js +9 -23
- package/development/core/a11y/arrow-navigation.d.ts.map +1 -1
- package/development/core/a11y/focus-visible-within-controller.d.ts +1 -1
- package/development/core/a11y/focus-visible-within-controller.d.ts.map +1 -1
- package/development/core/a11y/input-modality-detector.d.ts +2 -2
- package/development/core/a11y/input-modality-detector.d.ts.map +1 -1
- package/development/core/a11y.js +7 -8
- package/development/core/base-elements/action-base-element.d.ts +2 -0
- package/development/core/base-elements/action-base-element.d.ts.map +1 -1
- package/development/core/base-elements/button-base-element.d.ts +1 -1
- package/development/core/base-elements/button-base-element.d.ts.map +1 -1
- package/development/core/base-elements.js +17 -5
- package/development/core/controllers/language-controller.d.ts.map +1 -1
- package/development/core/controllers/slot-state-controller.d.ts +1 -1
- package/development/core/controllers/slot-state-controller.d.ts.map +1 -1
- package/development/core/controllers.js +9 -4
- package/development/core/dom/get-document-writing-mode.d.ts +3 -0
- package/development/core/dom/get-document-writing-mode.d.ts.map +1 -1
- package/development/core/dom.js +1 -1
- package/development/core/mixins/disabled-mixin.d.ts +14 -1
- package/development/core/mixins/disabled-mixin.d.ts.map +1 -1
- package/development/core/mixins.js +48 -23
- package/development/core/observers/intersection-observer.d.ts +6 -0
- package/development/core/observers/intersection-observer.d.ts.map +1 -1
- package/development/core/observers/mutation-observer.d.ts +6 -0
- package/development/core/observers/mutation-observer.d.ts.map +1 -1
- package/development/core/observers/resize-observer.d.ts +6 -0
- package/development/core/observers/resize-observer.d.ts.map +1 -1
- package/development/core/observers.js +1 -1
- package/development/datepicker/datepicker/datepicker.d.ts +1 -1
- package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/development/datepicker/datepicker-next-day.js +2 -15
- package/development/datepicker/datepicker-previous-day.js +2 -15
- package/development/datepicker/datepicker-toggle/datepicker-toggle.d.ts.map +1 -1
- package/development/datepicker/datepicker-toggle.js +9 -21
- package/development/datepicker/datepicker.js +8 -21
- package/development/dialog/dialog/dialog.d.ts +0 -1
- package/development/dialog/dialog/dialog.d.ts.map +1 -1
- package/development/dialog/dialog-actions.js +2 -15
- package/development/dialog/dialog-content.js +2 -15
- package/development/dialog/dialog-title.js +2 -15
- package/development/dialog/dialog.js +12 -25
- package/development/divider.js +2 -15
- package/development/expansion-panel/expansion-panel-content.js +2 -15
- package/development/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts +1 -1
- package/development/expansion-panel/expansion-panel-header.js +3 -15
- package/development/expansion-panel/expansion-panel.js +2 -15
- package/development/file-selector/file-selector.d.ts +4 -4
- package/development/file-selector/file-selector.d.ts.map +1 -1
- package/development/file-selector.js +2 -17
- package/development/flip-card/flip-card-details/flip-card-details.d.ts +2 -5
- package/development/flip-card/flip-card-details/flip-card-details.d.ts.map +1 -1
- package/development/flip-card/flip-card-details.js +11 -36
- package/development/flip-card/flip-card-summary.js +2 -15
- package/development/flip-card/flip-card.js +2 -15
- package/development/footer.js +2 -15
- package/development/form-error.js +2 -15
- package/development/form-field/form-field/form-field.d.ts.map +1 -1
- package/development/form-field/form-field-clear.js +2 -15
- package/development/form-field/form-field.js +11 -25
- package/development/header/common.js +43 -35
- package/development/header/header/header.d.ts +2 -0
- package/development/header/header/header.d.ts.map +1 -1
- package/development/header/header.js +13 -15
- package/development/icon/icon.d.ts +6 -0
- package/development/icon/icon.d.ts.map +1 -1
- package/development/icon.js +10 -15
- package/development/image.js +4 -17
- package/development/journey-header/journey-header.d.ts.map +1 -1
- package/development/journey-header.js +4 -18
- package/development/lead-container.js +2 -15
- package/development/link/block-link-button/block-link-button.d.ts +1 -1
- package/development/link/common.js +4 -43
- package/development/link/link-button/link-button.d.ts +1 -1
- package/development/link-list/common.js +2 -15
- package/development/link-list/link-list-anchor.js +2 -15
- package/development/link-list/link-list.js +2 -15
- package/development/loading-indicator.js +2 -15
- package/development/logo.js +3 -18
- package/development/map-container/map-container.d.ts +8 -5
- package/development/map-container/map-container.d.ts.map +1 -1
- package/development/map-container.js +32 -48
- package/development/menu/common/menu-action-common.d.ts +1 -2
- package/development/menu/common/menu-action-common.d.ts.map +1 -1
- package/development/menu/common.js +2 -15
- package/development/menu/menu/menu.d.ts.map +1 -1
- package/development/menu/menu-button/menu-button.d.ts +1 -1
- package/development/menu/menu-link/menu-link.d.ts +1 -1
- package/development/menu/menu-link/menu-link.d.ts.map +1 -1
- package/development/menu/menu-link.js +5 -2
- package/development/menu/menu.js +3 -16
- package/development/message.js +2 -15
- package/development/navigation/common.js +2 -17
- package/development/navigation/navigation/navigation.d.ts +1 -1
- package/development/navigation/navigation/navigation.d.ts.map +1 -1
- package/development/navigation/navigation-list.js +2 -15
- package/development/navigation/navigation-marker/navigation-marker.d.ts +1 -2
- package/development/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
- package/development/navigation/navigation-marker.js +9 -31
- package/development/navigation/navigation-section.js +2 -19
- package/development/navigation/navigation.js +14 -24
- package/development/notification/notification.d.ts +0 -1
- package/development/notification/notification.d.ts.map +1 -1
- package/development/notification.js +12 -27
- package/development/option/optgroup/optgroup-base-element.d.ts +2 -4
- package/development/option/optgroup/optgroup-base-element.d.ts.map +1 -1
- package/development/option/optgroup.js +10 -28
- package/development/option/option/option-base-element.d.ts +14 -7
- package/development/option/option/option-base-element.d.ts.map +1 -1
- package/development/option/option.js +19 -29
- package/development/overlay/overlay-base-element.d.ts +1 -1
- package/development/overlay/overlay-base-element.d.ts.map +1 -1
- package/development/overlay.js +2 -15
- package/development/popover/popover-trigger/popover-trigger.d.ts +1 -1
- package/development/popover/popover-trigger.js +2 -15
- package/development/popover/popover.js +2 -15
- package/development/radio-button/common.js +2 -15
- package/development/radio-button/radio-button-group/radio-button-group.d.ts +1 -1
- package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/development/radio-button/radio-button-group.js +9 -22
- package/development/radio-button/radio-button.js +2 -15
- package/development/screen-reader-only.js +2 -15
- package/development/select/select.d.ts.map +1 -1
- package/development/select.js +33 -47
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts +12 -3
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/development/selection-expansion-panel.js +40 -19
- package/development/signet/signet.d.ts +4 -1
- package/development/signet/signet.d.ts.map +1 -1
- package/development/signet.js +38 -22
- package/development/skiplink-list.js +2 -15
- package/development/slider/slider.d.ts.map +1 -1
- package/development/slider.js +12 -16
- package/development/status.js +2 -15
- package/development/stepper/step/step.d.ts +1 -2
- package/development/stepper/step/step.d.ts.map +1 -1
- package/development/stepper/step-label/step-label.d.ts +6 -6
- package/development/stepper/step-label/step-label.d.ts.map +1 -1
- package/development/stepper/step-label.js +31 -44
- package/development/stepper/step.js +10 -28
- package/development/stepper/stepper/stepper.d.ts +3 -3
- package/development/stepper/stepper/stepper.d.ts.map +1 -1
- package/development/stepper/stepper.js +2 -15
- package/development/table/table-wrapper/table-wrapper.d.ts +0 -1
- package/development/table/table-wrapper/table-wrapper.d.ts.map +1 -1
- package/development/table/table-wrapper.js +8 -21
- package/development/tabs/tab-group/tab-group.d.ts +4 -5
- package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
- package/development/tabs/tab-group.js +39 -51
- package/development/tabs/tab-label.js +2 -19
- package/development/tabs/tab.js +1 -14
- package/development/tag/tag/tag.d.ts +1 -1
- package/development/tag/tag-group.js +2 -15
- package/development/tag/tag.js +2 -15
- package/development/teaser-hero.js +3 -23
- package/development/teaser-product/common.js +2 -15
- package/development/teaser-product/teaser-product.js +3 -16
- package/development/teaser.js +2 -15
- package/development/time-input.js +2 -15
- package/development/timetable-occupancy-icon.js +2 -15
- package/development/timetable-occupancy.js +2 -15
- package/development/title.js +3 -41
- package/development/toast.js +2 -17
- package/development/toggle/toggle/toggle.d.ts +2 -3
- package/development/toggle/toggle/toggle.d.ts.map +1 -1
- package/development/toggle/toggle-option.js +2 -15
- package/development/toggle/toggle.js +29 -42
- package/development/toggle-check.js +1 -14
- package/development/train/train-blocked-passage.js +2 -15
- package/development/train/train-formation/train-formation.d.ts +1 -2
- package/development/train/train-formation/train-formation.d.ts.map +1 -1
- package/development/train/train-formation.js +11 -22
- package/development/train/train-wagon.js +2 -17
- package/development/train/train.js +2 -15
- package/development/visual-checkbox.js +2 -15
- package/dialog/dialog/dialog.d.ts +0 -1
- package/dialog/dialog/dialog.d.ts.map +1 -1
- package/dialog/dialog.js +17 -18
- package/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts +1 -1
- package/expansion-panel/expansion-panel-header.js +5 -5
- package/file-selector/file-selector.d.ts +4 -4
- package/file-selector/file-selector.d.ts.map +1 -1
- package/file-selector.js +1 -1
- package/flip-card/flip-card-details/flip-card-details.d.ts +2 -5
- package/flip-card/flip-card-details/flip-card-details.d.ts.map +1 -1
- package/flip-card/flip-card-details.js +20 -28
- package/form-field/form-field/form-field.d.ts.map +1 -1
- package/form-field/form-field.js +26 -27
- package/header/common.js +3 -3
- package/header/header/header.d.ts +2 -0
- package/header/header/header.d.ts.map +1 -1
- package/header/header.js +21 -18
- package/icon/icon.d.ts +6 -0
- package/icon/icon.d.ts.map +1 -1
- package/icon.js +27 -19
- package/image.js +2 -2
- package/journey-header/journey-header.d.ts.map +1 -1
- package/journey-header.js +14 -15
- package/link/block-link-button/block-link-button.d.ts +1 -1
- package/link/link-button/link-button.d.ts +1 -1
- package/lists.css +0 -13
- package/logo.js +1 -1
- package/map-container/map-container.d.ts +8 -5
- package/map-container/map-container.d.ts.map +1 -1
- package/map-container.js +35 -37
- package/menu/common/menu-action-common.d.ts +1 -2
- package/menu/common/menu-action-common.d.ts.map +1 -1
- package/menu/menu/menu.d.ts.map +1 -1
- package/menu/menu-button/menu-button.d.ts +1 -1
- package/menu/menu-link/menu-link.d.ts +1 -1
- package/menu/menu-link/menu-link.d.ts.map +1 -1
- package/menu/menu-link.js +15 -12
- package/menu/menu.js +1 -1
- package/navigation/common.js +1 -1
- package/navigation/navigation/navigation.d.ts +1 -1
- package/navigation/navigation/navigation.d.ts.map +1 -1
- package/navigation/navigation-marker/navigation-marker.d.ts +1 -2
- package/navigation/navigation-marker/navigation-marker.d.ts.map +1 -1
- package/navigation/navigation-marker.js +17 -22
- package/navigation/navigation-section.js +1 -1
- package/navigation/navigation.js +40 -34
- package/notification/notification.d.ts +0 -1
- package/notification/notification.d.ts.map +1 -1
- package/notification.js +17 -18
- package/option/optgroup/optgroup-base-element.d.ts +2 -4
- package/option/optgroup/optgroup-base-element.d.ts.map +1 -1
- package/option/optgroup.js +31 -33
- package/option/option/option-base-element.d.ts +14 -7
- package/option/option/option-base-element.d.ts.map +1 -1
- package/option/option.js +45 -40
- package/overlay/overlay-base-element.d.ts +1 -1
- package/overlay/overlay-base-element.d.ts.map +1 -1
- package/package.json +2 -1
- package/popover/popover-trigger/popover-trigger.d.ts +1 -1
- package/radio-button/radio-button-group/radio-button-group.d.ts +1 -1
- package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/radio-button/radio-button-group.js +5 -5
- package/select/select.d.ts.map +1 -1
- package/select.js +37 -38
- package/selection-expansion-panel/selection-expansion-panel.d.ts +12 -3
- package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -1
- package/selection-expansion-panel.js +71 -49
- package/signet/signet.d.ts +4 -1
- package/signet/signet.d.ts.map +1 -1
- package/signet.js +34 -23
- package/slider/slider.d.ts.map +1 -1
- package/slider.js +5 -5
- package/standard-theme.css +58 -23
- package/stepper/step/step.d.ts +1 -2
- package/stepper/step/step.d.ts.map +1 -1
- package/stepper/step-label/step-label.d.ts +6 -6
- package/stepper/step-label/step-label.d.ts.map +1 -1
- package/stepper/step-label.js +20 -20
- package/stepper/step.js +19 -24
- package/stepper/stepper/stepper.d.ts +3 -3
- package/stepper/stepper/stepper.d.ts.map +1 -1
- package/table/table-wrapper/table-wrapper.d.ts +0 -1
- package/table/table-wrapper/table-wrapper.d.ts.map +1 -1
- package/table/table-wrapper.js +19 -18
- package/tabs/tab-group/tab-group.d.ts +4 -5
- package/tabs/tab-group/tab-group.d.ts.map +1 -1
- package/tabs/tab-group.js +51 -47
- package/tabs/tab-label.js +12 -12
- package/tag/tag/tag.d.ts +1 -1
- package/teaser-hero.js +13 -13
- package/teaser-product/teaser-product.js +5 -5
- package/teaser.js +15 -15
- package/title.js +23 -23
- package/toast.js +4 -4
- package/toggle/toggle/toggle.d.ts +2 -3
- package/toggle/toggle/toggle.d.ts.map +1 -1
- package/toggle/toggle.js +40 -39
- package/train/train-formation/train-formation.d.ts +1 -2
- package/train/train-formation/train-formation.d.ts.map +1 -1
- package/train/train-formation.js +23 -22
- package/train/train-wagon.js +7 -7
- package/typography.css +0 -13
package/core/a11y.js
CHANGED
|
@@ -1,69 +1,65 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { isServer as w } from "lit";
|
|
1
|
+
import { isServer as _ } from "lit";
|
|
3
2
|
import { getEventTarget as a } from "./eventing.js";
|
|
4
3
|
function d() {
|
|
5
|
-
return
|
|
4
|
+
return document.documentElement.matches(":dir(rtl)") ? { prevKey: "ArrowRight", nextKey: "ArrowLeft" } : { prevKey: "ArrowLeft", nextKey: "ArrowRight" };
|
|
6
5
|
}
|
|
7
|
-
function
|
|
6
|
+
function w(t) {
|
|
8
7
|
return ["ArrowRight", "ArrowLeft", "ArrowUp", "ArrowDown"].includes(t.key);
|
|
9
8
|
}
|
|
10
|
-
function
|
|
9
|
+
function O(t) {
|
|
11
10
|
return t.key === "ArrowUp" || t.key === d().prevKey;
|
|
12
11
|
}
|
|
13
|
-
function
|
|
12
|
+
function U(t) {
|
|
14
13
|
return t.key === "ArrowDown" || t.key === d().nextKey;
|
|
15
14
|
}
|
|
16
|
-
function
|
|
17
|
-
return
|
|
15
|
+
function V(t) {
|
|
16
|
+
return w(t) || ["PageUp", "PageDown", "Home", "End"].includes(t.key);
|
|
18
17
|
}
|
|
19
18
|
function f(t, e, o) {
|
|
20
19
|
return (t + o + e) % e;
|
|
21
20
|
}
|
|
22
|
-
function
|
|
21
|
+
function R(t) {
|
|
23
22
|
return t - 1;
|
|
24
23
|
}
|
|
25
24
|
const y = 0;
|
|
26
|
-
function
|
|
25
|
+
function Y(t, e, o) {
|
|
27
26
|
const { prevKey: s, nextKey: r } = d();
|
|
28
|
-
return t.key === s || t.key === "ArrowUp" ? e < y ?
|
|
27
|
+
return t.key === s || t.key === "ArrowUp" ? e < y ? R(o) : f(e, o, -1) : t.key === r || t.key === "ArrowDown" ? e >= o ? y : f(e, o, 1) : e;
|
|
29
28
|
}
|
|
30
|
-
function
|
|
29
|
+
function A(t) {
|
|
31
30
|
return t.buttons === 0 || t.detail === 0;
|
|
32
31
|
}
|
|
33
|
-
function
|
|
32
|
+
function E(t) {
|
|
34
33
|
const e = t.touches && t.touches[0] || t.changedTouches && t.changedTouches[0];
|
|
35
34
|
return !!e && e.identifier === -1 && (e.radiusX == null || e.radiusX === 1) && (e.radiusY == null || e.radiusY === 1);
|
|
36
35
|
}
|
|
37
|
-
const
|
|
38
|
-
ignoreKeys: [
|
|
39
|
-
},
|
|
36
|
+
const M = 16, k = 17, v = 18, T = 91, K = 224, L = {
|
|
37
|
+
ignoreKeys: [v, k, K, T, M]
|
|
38
|
+
}, C = 650, l = {
|
|
40
39
|
passive: !0,
|
|
41
40
|
capture: !0
|
|
42
41
|
};
|
|
43
|
-
class
|
|
42
|
+
class x {
|
|
44
43
|
constructor() {
|
|
45
44
|
this._mostRecentModality = "mouse", this._mostRecentTarget = null, this._options = {
|
|
46
|
-
...
|
|
45
|
+
...L
|
|
47
46
|
}, this._lastTouchMs = 0, this._onKeydown = (e) => {
|
|
48
47
|
var o, s;
|
|
49
48
|
(s = (o = this._options) == null ? void 0 : o.ignoreKeys) != null && s.some((r) => r === e.keyCode) || (this._mostRecentModality = "keyboard", this._mostRecentTarget = a(e));
|
|
50
49
|
}, this._onMousedown = (e) => {
|
|
51
|
-
Date.now() - this._lastTouchMs <
|
|
50
|
+
Date.now() - this._lastTouchMs < C || (this._mostRecentModality = A(e) ? "keyboard" : "mouse", this._mostRecentTarget = a(e));
|
|
52
51
|
}, this._onTouchstart = (e) => {
|
|
53
|
-
if (
|
|
52
|
+
if (E(e)) {
|
|
54
53
|
this._mostRecentModality = "keyboard", this._mostRecentTarget = a(e);
|
|
55
54
|
return;
|
|
56
55
|
}
|
|
57
56
|
this._lastTouchMs = Date.now(), this._mostRecentModality = "touch", this._mostRecentTarget = a(e);
|
|
58
|
-
},
|
|
57
|
+
}, _ || (document.addEventListener("keydown", this._onKeydown, l), document.addEventListener("mousedown", this._onMousedown, l), document.addEventListener("touchstart", this._onTouchstart, l));
|
|
59
58
|
}
|
|
60
59
|
/** The most recently detected input modality. */
|
|
61
60
|
get mostRecentModality() {
|
|
62
61
|
return this._mostRecentModality;
|
|
63
62
|
}
|
|
64
|
-
reset() {
|
|
65
|
-
this._mostRecentModality = "mouse", this._mostRecentTarget = null, this._lastTouchMs = 0;
|
|
66
|
-
}
|
|
67
63
|
/**
|
|
68
64
|
* The most recently detected input modality event target. Is null if no input modality has been
|
|
69
65
|
* detected or if the associated event target is null for some unknown reason.
|
|
@@ -71,9 +67,12 @@ class F {
|
|
|
71
67
|
get mostRecentTarget() {
|
|
72
68
|
return this._mostRecentTarget;
|
|
73
69
|
}
|
|
70
|
+
reset() {
|
|
71
|
+
this._mostRecentModality = "mouse", this._mostRecentTarget = null, this._lastTouchMs = 0;
|
|
72
|
+
}
|
|
74
73
|
}
|
|
75
|
-
const m = new
|
|
76
|
-
function
|
|
74
|
+
const m = new x();
|
|
75
|
+
function B(t) {
|
|
77
76
|
if (!t)
|
|
78
77
|
return;
|
|
79
78
|
const e = m.mostRecentModality;
|
|
@@ -91,7 +90,7 @@ function X(t) {
|
|
|
91
90
|
{ once: !0 }
|
|
92
91
|
);
|
|
93
92
|
}
|
|
94
|
-
class
|
|
93
|
+
class W {
|
|
95
94
|
constructor(e) {
|
|
96
95
|
this._host = e, this._focusinHandler = () => {
|
|
97
96
|
this._host.toggleAttribute(
|
|
@@ -109,10 +108,10 @@ class j {
|
|
|
109
108
|
this._host.removeEventListener("focusin", this._focusinHandler), this._host.removeEventListener("focusout", this._focusoutHandler);
|
|
110
109
|
}
|
|
111
110
|
}
|
|
112
|
-
function
|
|
111
|
+
function F(t) {
|
|
113
112
|
return !!(t.offsetWidth || t.offsetHeight || typeof t.getClientRects == "function" && t.getClientRects().length);
|
|
114
113
|
}
|
|
115
|
-
class
|
|
114
|
+
class S {
|
|
116
115
|
/**
|
|
117
116
|
* Gets whether an element is visible for the purposes of interactivity.
|
|
118
117
|
*
|
|
@@ -122,15 +121,15 @@ class D {
|
|
|
122
121
|
* @returns Whether the element is visible.
|
|
123
122
|
*/
|
|
124
123
|
isVisible(e) {
|
|
125
|
-
return
|
|
124
|
+
return F(e) && getComputedStyle(e).visibility === "visible";
|
|
126
125
|
}
|
|
127
126
|
}
|
|
128
|
-
class
|
|
127
|
+
class D {
|
|
129
128
|
isVisible() {
|
|
130
129
|
return !0;
|
|
131
130
|
}
|
|
132
131
|
}
|
|
133
|
-
const
|
|
132
|
+
const I = typeof getComputedStyle > "u" || getComputedStyle(document.documentElement).visibility === "" ? new D() : new S(), H = [
|
|
134
133
|
"button",
|
|
135
134
|
"[href]",
|
|
136
135
|
"input",
|
|
@@ -153,7 +152,7 @@ function g(t, e) {
|
|
|
153
152
|
);
|
|
154
153
|
continue;
|
|
155
154
|
}
|
|
156
|
-
if (n.matches(
|
|
155
|
+
if (n.matches(H) && ((e == null ? void 0 : e.includeInvisibleElements) ?? I.isVisible(n)) && o.add(n), e != null && e.findFirstFocusable && o.size > 0)
|
|
157
156
|
break;
|
|
158
157
|
if (n.children.length || (i = n.shadowRoot) != null && i.children.length) {
|
|
159
158
|
const u = Array.from(n.children).length ? Array.from(n.children) : Array.from(n.shadowRoot.children);
|
|
@@ -163,14 +162,14 @@ function g(t, e) {
|
|
|
163
162
|
}
|
|
164
163
|
return s(t, e == null ? void 0 : e.filter), [...o];
|
|
165
164
|
}
|
|
166
|
-
function
|
|
165
|
+
function X(t, e) {
|
|
167
166
|
const o = g(t, {
|
|
168
167
|
filter: e,
|
|
169
168
|
findFirstFocusable: !0
|
|
170
169
|
});
|
|
171
170
|
return o.length ? o[0] : null;
|
|
172
171
|
}
|
|
173
|
-
class
|
|
172
|
+
class j {
|
|
174
173
|
constructor() {
|
|
175
174
|
this._controller = new AbortController();
|
|
176
175
|
}
|
|
@@ -206,21 +205,21 @@ class Q {
|
|
|
206
205
|
}
|
|
207
206
|
}
|
|
208
207
|
export {
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
208
|
+
H as IS_FOCUSABLE_QUERY,
|
|
209
|
+
S as InteractivityChecker,
|
|
210
|
+
j as SbbFocusHandler,
|
|
211
|
+
W as SbbFocusVisibleWithinController,
|
|
212
|
+
X as getFirstFocusableElement,
|
|
214
213
|
g as getFocusableElements,
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
214
|
+
Y as getNextElementIndex,
|
|
215
|
+
F as hasGeometry,
|
|
216
|
+
I as interactivityChecker,
|
|
217
|
+
V as isArrowKeyOrPageKeysPressed,
|
|
218
|
+
w as isArrowKeyPressed,
|
|
219
|
+
A as isFakeMousedownFromScreenReader,
|
|
220
|
+
E as isFakeTouchstartFromScreenReader,
|
|
221
|
+
U as isNextArrowKeyPressed,
|
|
222
|
+
O as isPreviousArrowKeyPressed,
|
|
224
223
|
m as sbbInputModalityDetector,
|
|
225
|
-
|
|
224
|
+
B as setModalityOnNextFocus
|
|
226
225
|
};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { LitElement, TemplateResult } from 'lit';
|
|
2
2
|
export declare abstract class SbbActionBaseElement extends LitElement {
|
|
3
3
|
protected get maybeDisabled(): boolean | undefined;
|
|
4
|
+
protected get maybeDisabledInteractive(): boolean | undefined;
|
|
5
|
+
connectedCallback(): void;
|
|
4
6
|
protected setupBaseEventHandlers(): void;
|
|
5
7
|
/** Override this method to render the component template. */
|
|
6
8
|
protected renderTemplate(): TemplateResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"action-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/action-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"action-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/action-base-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAQ,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAgB5D,8BAGsB,oBAAqB,SAAQ,UAAU;IAC3D,SAAS,KAAK,aAAa,IAAI,OAAO,GAAG,SAAS,CAGjD;IAED,SAAS,KAAK,wBAAwB,IAAI,OAAO,GAAG,SAAS,CAE5D;IAEe,iBAAiB,IAAI,IAAI;IAezC,SAAS,CAAC,sBAAsB,IAAI,IAAI;IAexC,6DAA6D;IAC7D,SAAS,CAAC,cAAc,IAAI,cAAc;IAI1C,wDAAwD;cACrC,MAAM,IAAI,cAAc;CAO5C"}
|
|
@@ -23,6 +23,7 @@ export declare abstract class SbbButtonBaseElement extends SbbActionBaseElement
|
|
|
23
23
|
get value(): string;
|
|
24
24
|
/** The <form> element to associate the button with. */
|
|
25
25
|
form?: string;
|
|
26
|
+
constructor();
|
|
26
27
|
private _handleButtonClick;
|
|
27
28
|
/**
|
|
28
29
|
* Prevents scrolling from pressing Space, when the event target is an action element.
|
|
@@ -39,7 +40,6 @@ export declare abstract class SbbButtonBaseElement extends SbbActionBaseElement
|
|
|
39
40
|
*/
|
|
40
41
|
private _dispatchClickEventOnSpaceKeyup;
|
|
41
42
|
private _dispatchClickEvent;
|
|
42
|
-
constructor();
|
|
43
43
|
attributeChangedCallback(name: string, old: string | null, value: string | null): void;
|
|
44
44
|
}
|
|
45
45
|
//# sourceMappingURL=button-base-element.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/button-base-element.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1D,yBAAyB;AACzB,8BAKsB,oBAAqB,SAAQ,oBAAoB;IACrE,gDAAgD;IAC7B,IAAI,EAAE,aAAa,CAAY;IAElD;;;;;OAKG;IACH,IACW,IAAI,CAAC,IAAI,EAAE,MAAM,EAE3B;IACD,IAAW,IAAI,IAAI,MAAM,CAExB;IAED;;;;;OAKG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAE7B;IACD,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,uDAAuD;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC
|
|
1
|
+
{"version":3,"file":"button-base-element.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/base-elements/button-base-element.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAEhE,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAC;AAE1D,yBAAyB;AACzB,8BAKsB,oBAAqB,SAAQ,oBAAoB;IACrE,gDAAgD;IAC7B,IAAI,EAAE,aAAa,CAAY;IAElD;;;;;OAKG;IACH,IACW,IAAI,CAAC,IAAI,EAAE,MAAM,EAE3B;IACD,IAAW,IAAI,IAAI,MAAM,CAExB;IAED;;;;;OAKG;IACH,IACW,KAAK,CAAC,KAAK,EAAE,MAAM,EAE7B;IACD,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED,uDAAuD;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;;IAwBjC,OAAO,CAAC,kBAAkB,CAmBxB;IAEF;;;;OAIG;IACH,OAAO,CAAC,4BAA4B,CAKlC;IAEF,OAAO,CAAC,mBAAmB,CAEzB;IAEF;;;;;OAKG;IACH,OAAO,CAAC,+BAA+B,CAKrC;IAEF,OAAO,CAAC,mBAAmB,CAezB;IAEc,wBAAwB,CACtC,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,KAAK,EAAE,MAAM,GAAG,IAAI,GACnB,IAAI;CAKR"}
|
package/core/base-elements.js
CHANGED
|
@@ -1,26 +1,32 @@
|
|
|
1
|
-
import { LitElement as w, html as
|
|
1
|
+
import { LitElement as w, html as m, isServer as g, nothing as o } from "lit";
|
|
2
2
|
import { hostAttributes as f } from "./decorators.js";
|
|
3
|
-
import {
|
|
3
|
+
import { getLocalName as _ } from "./dom.js";
|
|
4
4
|
import { property as l } from "lit/decorators.js";
|
|
5
5
|
import { isEventPrevented as C, EventEmitter as b } from "./eventing.js";
|
|
6
|
-
import { SbbLanguageController as
|
|
7
|
-
import { i18nTargetOpensInNewWindow as
|
|
6
|
+
import { SbbLanguageController as O } from "./controllers.js";
|
|
7
|
+
import { i18nTargetOpensInNewWindow as E } from "./i18n.js";
|
|
8
8
|
import "../screen-reader-only.js";
|
|
9
|
-
var
|
|
10
|
-
for (var s = i > 1 ? void 0 : i ?
|
|
9
|
+
var $ = Object.defineProperty, D = Object.getOwnPropertyDescriptor, k = (e, t, r, i) => {
|
|
10
|
+
for (var s = i > 1 ? void 0 : i ? D(t, r) : t, a = e.length - 1, n; a >= 0; a--)
|
|
11
11
|
(n = e[a]) && (s = (i ? n(t, r, s) : n(s)) || s);
|
|
12
|
-
return i && s &&
|
|
12
|
+
return i && s && $(t, r, s), s;
|
|
13
13
|
};
|
|
14
|
-
let
|
|
14
|
+
let v = class extends w {
|
|
15
15
|
get maybeDisabled() {
|
|
16
16
|
const e = this;
|
|
17
17
|
return e.disabled || e.formDisabled;
|
|
18
18
|
}
|
|
19
|
+
get maybeDisabledInteractive() {
|
|
20
|
+
return this.disabledInteractive;
|
|
21
|
+
}
|
|
22
|
+
connectedCallback() {
|
|
23
|
+
super.connectedCallback();
|
|
24
|
+
}
|
|
19
25
|
setupBaseEventHandlers() {
|
|
20
26
|
this.addEventListener(
|
|
21
27
|
"click",
|
|
22
28
|
(e) => {
|
|
23
|
-
this.maybeDisabled && (e.preventDefault(), e.stopImmediatePropagation());
|
|
29
|
+
this.maybeDisabled && !this.maybeDisabledInteractive && (e.preventDefault(), e.stopImmediatePropagation());
|
|
24
30
|
},
|
|
25
31
|
// capture is necessary here, as this event handler needs to be executed before any other
|
|
26
32
|
// in order to stop immediate propagation in the disabled case.
|
|
@@ -33,25 +39,24 @@ let m = class extends w {
|
|
|
33
39
|
}
|
|
34
40
|
/** Default render method for button-like components. */
|
|
35
41
|
render() {
|
|
36
|
-
return
|
|
42
|
+
return m`
|
|
37
43
|
<span class="sbb-action-base ${this.localName ?? _(this)}">
|
|
38
44
|
${this.renderTemplate()}
|
|
39
45
|
</span>
|
|
40
46
|
`;
|
|
41
47
|
}
|
|
42
48
|
};
|
|
43
|
-
|
|
49
|
+
v = k([
|
|
44
50
|
f({
|
|
45
|
-
dir: O(),
|
|
46
51
|
"data-action": ""
|
|
47
52
|
})
|
|
48
|
-
],
|
|
49
|
-
var
|
|
50
|
-
for (var s = i > 1 ? void 0 : i ?
|
|
53
|
+
], v);
|
|
54
|
+
var A = Object.defineProperty, P = Object.getOwnPropertyDescriptor, u = (e, t, r, i) => {
|
|
55
|
+
for (var s = i > 1 ? void 0 : i ? P(t, r) : t, a = e.length - 1, n; a >= 0; a--)
|
|
51
56
|
(n = e[a]) && (s = (i ? n(t, r, s) : n(s)) || s);
|
|
52
|
-
return i && s &&
|
|
57
|
+
return i && s && A(t, r, s), s;
|
|
53
58
|
};
|
|
54
|
-
let h = class extends
|
|
59
|
+
let h = class extends v {
|
|
55
60
|
constructor() {
|
|
56
61
|
if (super(), this.type = "button", this._handleButtonClick = async (e) => {
|
|
57
62
|
if (this.type === "button" || await C(e))
|
|
@@ -129,14 +134,14 @@ h = u([
|
|
|
129
134
|
"data-button": ""
|
|
130
135
|
})
|
|
131
136
|
], h);
|
|
132
|
-
var
|
|
133
|
-
for (var s = i > 1 ? void 0 : i ?
|
|
137
|
+
var S = Object.defineProperty, L = Object.getOwnPropertyDescriptor, d = (e, t, r, i) => {
|
|
138
|
+
for (var s = i > 1 ? void 0 : i ? L(t, r) : t, a = e.length - 1, n; a >= 0; a--)
|
|
134
139
|
(n = e[a]) && (s = (i ? n(t, r, s) : n(s)) || s);
|
|
135
|
-
return i && s &&
|
|
140
|
+
return i && s && S(t, r, s), s;
|
|
136
141
|
};
|
|
137
|
-
let
|
|
142
|
+
let p = class extends v {
|
|
138
143
|
constructor() {
|
|
139
|
-
super(), this.language = new
|
|
144
|
+
super(), this.language = new O(this), this._evaluateRelAttribute = () => this.rel ? this.rel : this.target === "_blank" ? "external noopener nofollow" : o, g || this.setupBaseEventHandlers();
|
|
140
145
|
}
|
|
141
146
|
/** @internal */
|
|
142
147
|
focus(e) {
|
|
@@ -155,7 +160,7 @@ let c = class extends m {
|
|
|
155
160
|
}
|
|
156
161
|
/** Default render method for link-like components. Can be overridden if the LinkRenderVariables are not needed. */
|
|
157
162
|
render() {
|
|
158
|
-
return
|
|
163
|
+
return m`
|
|
159
164
|
<a
|
|
160
165
|
class="sbb-action-base ${this.localName ?? _(this)}"
|
|
161
166
|
href=${this.href || o}
|
|
@@ -163,12 +168,12 @@ let c = class extends m {
|
|
|
163
168
|
target=${this.target || o}
|
|
164
169
|
rel=${this._evaluateRelAttribute()}
|
|
165
170
|
aria-label=${this.accessibilityLabel || o}
|
|
166
|
-
tabindex=${this.maybeDisabled ? "-1" : o}
|
|
171
|
+
tabindex=${this.maybeDisabled && !this.maybeDisabledInteractive ? "-1" : o}
|
|
167
172
|
aria-disabled=${this.maybeDisabled ? "true" : o}
|
|
168
173
|
>
|
|
169
174
|
${this.renderTemplate()}
|
|
170
|
-
${this.href && this.target === "_blank" ?
|
|
171
|
-
>. ${
|
|
175
|
+
${this.href && this.target === "_blank" ? m`<sbb-screen-reader-only
|
|
176
|
+
>. ${E[this.language.current]}</sbb-screen-reader-only
|
|
172
177
|
>` : o}
|
|
173
178
|
</a>
|
|
174
179
|
`;
|
|
@@ -176,35 +181,35 @@ let c = class extends m {
|
|
|
176
181
|
};
|
|
177
182
|
d([
|
|
178
183
|
l()
|
|
179
|
-
],
|
|
184
|
+
], p.prototype, "href", 2);
|
|
180
185
|
d([
|
|
181
186
|
l()
|
|
182
|
-
],
|
|
187
|
+
], p.prototype, "target", 2);
|
|
183
188
|
d([
|
|
184
189
|
l()
|
|
185
|
-
],
|
|
190
|
+
], p.prototype, "rel", 2);
|
|
186
191
|
d([
|
|
187
192
|
l({ type: Boolean })
|
|
188
|
-
],
|
|
193
|
+
], p.prototype, "download", 2);
|
|
189
194
|
d([
|
|
190
195
|
l({ attribute: "accessibility-label" })
|
|
191
|
-
],
|
|
192
|
-
|
|
196
|
+
], p.prototype, "accessibilityLabel", 2);
|
|
197
|
+
p = d([
|
|
193
198
|
f({
|
|
194
199
|
"data-link": ""
|
|
195
200
|
})
|
|
196
|
-
],
|
|
197
|
-
const
|
|
201
|
+
], p);
|
|
202
|
+
const c = class c extends w {
|
|
198
203
|
constructor() {
|
|
199
204
|
super(...arguments), this.willOpen = new b(
|
|
200
205
|
this,
|
|
201
|
-
|
|
202
|
-
), this.didOpen = new b(this,
|
|
206
|
+
c.events.willOpen
|
|
207
|
+
), this.didOpen = new b(this, c.events.didOpen), this.willClose = new b(
|
|
203
208
|
this,
|
|
204
|
-
|
|
209
|
+
c.events.willClose
|
|
205
210
|
), this.didClose = new b(
|
|
206
211
|
this,
|
|
207
|
-
|
|
212
|
+
c.events.didClose
|
|
208
213
|
);
|
|
209
214
|
}
|
|
210
215
|
/** The state of the component. */
|
|
@@ -222,16 +227,16 @@ const p = class p extends w {
|
|
|
222
227
|
super.connectedCallback(), this.state || (this.state = "closed");
|
|
223
228
|
}
|
|
224
229
|
};
|
|
225
|
-
|
|
230
|
+
c.events = {
|
|
226
231
|
willOpen: "willOpen",
|
|
227
232
|
didOpen: "didOpen",
|
|
228
233
|
willClose: "willClose",
|
|
229
234
|
didClose: "didClose"
|
|
230
235
|
};
|
|
231
|
-
let y =
|
|
236
|
+
let y = c;
|
|
232
237
|
export {
|
|
233
|
-
|
|
238
|
+
v as SbbActionBaseElement,
|
|
234
239
|
h as SbbButtonBaseElement,
|
|
235
|
-
|
|
240
|
+
p as SbbLinkBaseElement,
|
|
236
241
|
y as SbbOpenCloseBaseElement
|
|
237
242
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"language-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/language-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"language-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/language-controller.ts"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,kBAAkB,EAAE,KAAK,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAIrF;;;;;;;GAOG;AACH,qBAAa,qBAAsB,YAAW,kBAAkB;IA4C3C,OAAO,CAAC,KAAK;IA3ChC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAQ;IAChD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,iBAAiB,CAA4B;IAErE,gFAAgF;IAChF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,UAAU,CAAoC;IAEtE,iFAAiF;IACjF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,SAAS,CAMxB;IACT,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAGrC;IAEF,gCAAgC;IAChC,WAAkB,OAAO,IAAI,MAAM,CAalC;IAED,gCAAgC;IAChC,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED,OAAO,CAAC,iBAAiB,CAAC,CAAS;IACnC,OAAO,CAAC,SAAS,CAAsB;gBAEZ,KAAK,EAAE,sBAAsB;IAIxD,qCAAqC;IAC9B,WAAW,CAAC,OAAO,EAAE,MAAM,IAAI,GAAG,IAAI;IAOtC,aAAa,IAAI,IAAI;IAiBrB,gBAAgB,IAAI,IAAI;IAW/B,OAAO,CAAC,aAAa;CAMtB"}
|
|
@@ -22,10 +22,10 @@ export declare class SbbSlotStateController implements ReactiveController {
|
|
|
22
22
|
private _host;
|
|
23
23
|
private _onChangeCallback;
|
|
24
24
|
readonly slots: Set<string>;
|
|
25
|
-
private _slotchangeHandler;
|
|
26
25
|
constructor(_host: ReactiveControllerHost & HTMLElement, _onChangeCallback?: (() => void) | null);
|
|
27
26
|
hostConnected(): void;
|
|
28
27
|
hostDisconnected(): void;
|
|
28
|
+
private _slotchangeHandler;
|
|
29
29
|
private _syncSlots;
|
|
30
30
|
}
|
|
31
31
|
//# sourceMappingURL=slot-state-controller.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slot-state-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/slot-state-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;
|
|
1
|
+
{"version":3,"file":"slot-state-controller.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/controllers/slot-state-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,KAAK,CAAC;AAEtE;;;;;;;;;;;;;;;;;;GAkBG;AACH,qBAAa,sBAAuB,YAAW,kBAAkB;IAI7D,OAAO,CAAC,KAAK;IACb,OAAO,CAAC,iBAAiB;IAJ3B,SAAgB,KAAK,cAAqB;gBAGhC,KAAK,EAAE,sBAAsB,GAAG,WAAW,EAC3C,iBAAiB,GAAE,CAAC,MAAM,IAAI,CAAC,GAAG,IAAW;IAKhD,aAAa,IAAI,IAAI;IAMrB,gBAAgB,IAAI,IAAI;IAM/B,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,UAAU;CAuBnB"}
|
package/core/controllers.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import { isServer as
|
|
1
|
+
import { isServer as n } from "lit";
|
|
2
2
|
import { readConfig as u } from "./config.js";
|
|
3
|
-
|
|
4
|
-
class C {
|
|
3
|
+
class m {
|
|
5
4
|
constructor(t) {
|
|
6
5
|
this._host = t, this._abortController = new AbortController(), this._host.addController(this);
|
|
7
6
|
}
|
|
@@ -17,9 +16,9 @@ class C {
|
|
|
17
16
|
(t = this._abortController) == null || t.abort(), this._abortController = void 0;
|
|
18
17
|
}
|
|
19
18
|
}
|
|
20
|
-
const
|
|
21
|
-
class
|
|
22
|
-
constructor(t, i =
|
|
19
|
+
const _ = ["script", "head", "template", "style"], b = /* @__PURE__ */ new Set(), f = /* @__PURE__ */ new Set();
|
|
20
|
+
class A {
|
|
21
|
+
constructor(t, i = b, r = f) {
|
|
23
22
|
var s, o;
|
|
24
23
|
this._host = t, this._inertElements = i, this._inertOverlays = r, (o = (s = this._host).addController) == null || o.call(s, this);
|
|
25
24
|
}
|
|
@@ -54,7 +53,7 @@ class E {
|
|
|
54
53
|
let t = this._currentOverlay();
|
|
55
54
|
for (; t !== document.documentElement && t !== null; )
|
|
56
55
|
Array.from(((i = (t == null ? void 0 : t.parentElement) ?? (t == null ? void 0 : t.getRootNode())) == null ? void 0 : i.childNodes) ?? []).filter(
|
|
57
|
-
(s) => s !== t && s instanceof window.HTMLElement && !
|
|
56
|
+
(s) => s !== t && s instanceof window.HTMLElement && !_.includes(s.localName)
|
|
58
57
|
).forEach((s) => {
|
|
59
58
|
this._inertElements.add(s), s.inert || (s.inert = !0, s.toggleAttribute("data-sbb-inert", !0)), s.hasAttribute("aria-hidden") || (s.setAttribute("aria-hidden", "true"), s.toggleAttribute("data-sbb-aria-hidden", !0));
|
|
60
59
|
}), t = (t == null ? void 0 : t.parentElement) ?? ((r = t == null ? void 0 : t.getRootNode()) == null ? void 0 : r.host) ?? null;
|
|
@@ -66,7 +65,7 @@ const e = class e {
|
|
|
66
65
|
}
|
|
67
66
|
/** Get the current language. */
|
|
68
67
|
static get current() {
|
|
69
|
-
const i = ((u().language ?? (
|
|
68
|
+
const i = ((u().language ?? (n ? e._defaultLanguage : document.documentElement.getAttribute("lang"))) || e._defaultLanguage).split("-")[0];
|
|
70
69
|
return e._supportedLocales.includes(i) ? i : e._defaultLanguage;
|
|
71
70
|
}
|
|
72
71
|
/** Get the current language. */
|
|
@@ -78,26 +77,26 @@ const e = class e {
|
|
|
78
77
|
return this._handlers.unshift(t), this;
|
|
79
78
|
}
|
|
80
79
|
hostConnected() {
|
|
81
|
-
e._listeners.size || e._observer.observe(
|
|
80
|
+
n || (e._listeners.size || e._observer.observe(
|
|
82
81
|
document.documentElement,
|
|
83
82
|
e._observerConfig
|
|
84
|
-
), e._listeners.add(this), this._previousLanguage !== this.current && this._callHandlers(this._previousLanguage !== void 0);
|
|
83
|
+
), e._listeners.add(this), this._previousLanguage !== this.current && this._callHandlers(this._previousLanguage !== void 0));
|
|
85
84
|
}
|
|
86
85
|
hostDisconnected() {
|
|
87
|
-
this._previousLanguage = this.current, e._listeners.delete(this), e._listeners.size || e._observer.disconnect();
|
|
86
|
+
n || (this._previousLanguage = this.current, e._listeners.delete(this), e._listeners.size || e._observer.disconnect());
|
|
88
87
|
}
|
|
89
88
|
_callHandlers(t = !0) {
|
|
90
89
|
this._handlers.forEach((i) => i()), t && this._host.requestUpdate();
|
|
91
90
|
}
|
|
92
91
|
};
|
|
93
|
-
e._defaultLanguage = "en", e._supportedLocales = ["en", "de", "fr", "it"], e._listeners = /* @__PURE__ */ new Set(), e._observer = new
|
|
92
|
+
e._defaultLanguage = "en", e._supportedLocales = ["en", "de", "fr", "it"], e._listeners = /* @__PURE__ */ new Set(), e._observer = n ? null : new MutationObserver((t) => {
|
|
94
93
|
t[0].oldValue !== document.documentElement.getAttribute("lang") && e._listeners.forEach((i) => i._callHandlers());
|
|
95
94
|
}), e._observerConfig = {
|
|
96
95
|
attributeFilter: ["lang"],
|
|
97
96
|
attributeOldValue: !0
|
|
98
97
|
};
|
|
99
|
-
let
|
|
100
|
-
class
|
|
98
|
+
let c = e;
|
|
99
|
+
class C {
|
|
101
100
|
constructor(t, i = null) {
|
|
102
101
|
this._host = t, this._onChangeCallback = i, this.slots = /* @__PURE__ */ new Set(), this._slotchangeHandler = (r) => {
|
|
103
102
|
this._syncSlots(r.target);
|
|
@@ -114,19 +113,19 @@ class p {
|
|
|
114
113
|
_syncSlots(...t) {
|
|
115
114
|
var s;
|
|
116
115
|
for (const o of t) {
|
|
117
|
-
const
|
|
118
|
-
o.assignedNodes().some((
|
|
119
|
-
var
|
|
120
|
-
return "tagName" in
|
|
121
|
-
}) ? this.slots.add(
|
|
116
|
+
const h = o.name || "unnamed";
|
|
117
|
+
o.assignedNodes().some((l) => {
|
|
118
|
+
var d;
|
|
119
|
+
return "tagName" in l || ((d = l.textContent) == null ? void 0 : d.trim());
|
|
120
|
+
}) ? this.slots.add(h) : this.slots.delete(h);
|
|
122
121
|
}
|
|
123
122
|
const i = this._host.getAttribute("data-slot-names"), r = [...this.slots].sort().join(" ");
|
|
124
123
|
r ? this._host.getAttribute("data-slot-names") !== r && this._host.setAttribute("data-slot-names", r) : this._host.removeAttribute("data-slot-names"), r !== i && ((s = this._onChangeCallback) == null || s.call(this));
|
|
125
124
|
}
|
|
126
125
|
}
|
|
127
126
|
export {
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
127
|
+
m as SbbConnectedAbortController,
|
|
128
|
+
A as SbbInertController,
|
|
129
|
+
c as SbbLanguageController,
|
|
130
|
+
C as SbbSlotStateController
|
|
132
131
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"get-document-writing-mode.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/get-document-writing-mode.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,QAAO,MAC4B,CAAC"}
|
|
1
|
+
{"version":3,"file":"get-document-writing-mode.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/dom/get-document-writing-mode.ts"],"names":[],"mappings":"AAEA;;GAEG;AACH,eAAO,MAAM,sBAAsB,QAAO,MAC4B,CAAC"}
|
|
@@ -5,9 +5,22 @@ export declare class SbbDisabledMixinType {
|
|
|
5
5
|
get disabled(): boolean;
|
|
6
6
|
protected isDisabledExternally(): boolean;
|
|
7
7
|
}
|
|
8
|
+
export declare class SbbDisabledInteractiveMixinType {
|
|
9
|
+
disabledInteractive: boolean;
|
|
10
|
+
}
|
|
8
11
|
/**
|
|
9
12
|
* Enhance your component with a disabled property.
|
|
10
13
|
*/
|
|
11
14
|
export declare const SbbDisabledMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType> & T;
|
|
12
|
-
|
|
15
|
+
/**
|
|
16
|
+
* Enhance your component with a disabled interactive property.
|
|
17
|
+
*/
|
|
18
|
+
export declare const SbbDisabledInteractiveMixin: <T extends AbstractConstructor<LitElement & SbbDisabledMixinType>>(superClass: T) => AbstractConstructor<SbbDisabledInteractiveMixinType> & T;
|
|
19
|
+
export declare const SbbDisabledTabIndexActionMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType & SbbDisabledInteractiveMixinType> & T;
|
|
20
|
+
/**
|
|
21
|
+
* Extends `SbbDisabledMixin` with the `aria-disabled` attribute.
|
|
22
|
+
* For a11y purposes, keeps the element focusable even when disabled.
|
|
23
|
+
* @deprecated Will be removed with next major version
|
|
24
|
+
*/
|
|
25
|
+
export declare const SbbFocusableDisabledActionMixin: <T extends AbstractConstructor<LitElement>>(superClass: T) => AbstractConstructor<SbbDisabledMixinType> & T;
|
|
13
26
|
//# sourceMappingURL=disabled-mixin.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"disabled-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/disabled-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAC/B,SAAS,CAAC,oBAAoB,IAAI,OAAO;CAC1C;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC5D,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAwB9C,CAAC;AAGF,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC1E,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,
|
|
1
|
+
{"version":3,"file":"disabled-mixin.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/mixins/disabled-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AAGtD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAE5D,MAAM,CAAC,OAAO,OAAO,oBAAoB;IACvC,IAAW,QAAQ,CAAC,KAAK,EAAE,OAAO,EAAE;IACpC,IAAW,QAAQ,IAAI,OAAO,CAAC;IAC/B,SAAS,CAAC,oBAAoB,IAAI,OAAO;CAC1C;AAED,MAAM,CAAC,OAAO,OAAO,+BAA+B;IAC3C,mBAAmB,EAAE,OAAO,CAAC;CACrC;AAED;;GAEG;AAEH,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC5D,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAwB9C,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,2BAA2B,GACtC,CAAC,SAAS,mBAAmB,CAAC,UAAU,GAAG,oBAAoB,CAAC,cAEpD,CAAC,KACZ,mBAAmB,CAAC,+BAA+B,CAAC,GAAG,CAYzD,CAAC;AAGF,eAAO,MAAM,8BAA8B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC1E,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,GAAG,+BAA+B,CAAC,GAAG,CA6BhF,CAAC;AAEF;;;;GAIG;AAEH,eAAO,MAAM,+BAA+B,GAAI,CAAC,SAAS,mBAAmB,CAAC,UAAU,CAAC,cAC3E,CAAC,KACZ,mBAAmB,CAAC,oBAAoB,CAAC,GAAG,CAoB9C,CAAC"}
|