@sbb-esta/lyne-elements 3.5.0 → 3.7.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/a11y.css +1 -1
- package/alert/alert-group/alert-group.component.js +12 -12
- package/autocomplete/autocomplete-base-element.d.ts +14 -0
- package/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/autocomplete/autocomplete-base-element.js +110 -77
- package/autocomplete/autocomplete.component.d.ts.map +1 -1
- package/autocomplete/autocomplete.component.js +9 -9
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +5 -5
- package/button/common.js +1 -1
- package/button.js +1 -1
- package/carousel/carousel/carousel.component.d.ts +32 -0
- package/carousel/carousel/carousel.component.d.ts.map +1 -0
- package/carousel/carousel/carousel.component.js +78 -0
- package/carousel/carousel-item/carousel-item.component.d.ts +29 -0
- package/carousel/carousel-item/carousel-item.component.d.ts.map +1 -0
- package/carousel/carousel-item/carousel-item.component.js +26 -0
- package/carousel/carousel-item.d.ts +5 -0
- package/carousel/carousel-item.d.ts.map +1 -0
- package/carousel/carousel-item.js +4 -0
- package/carousel/carousel-list/carousel-list.component.d.ts +30 -0
- package/carousel/carousel-list/carousel-list.component.d.ts.map +1 -0
- package/carousel/carousel-list/carousel-list.component.js +78 -0
- package/carousel/carousel-list.d.ts +5 -0
- package/carousel/carousel-list.d.ts.map +1 -0
- package/carousel/carousel-list.js +4 -0
- package/carousel/carousel.d.ts +5 -0
- package/carousel/carousel.d.ts.map +1 -0
- package/carousel/carousel.js +4 -0
- package/carousel.d.ts +7 -0
- package/carousel.d.ts.map +1 -0
- package/carousel.js +8 -0
- package/core/i18n/i18n.d.ts +6 -0
- package/core/i18n/i18n.d.ts.map +1 -1
- package/core/i18n/i18n.js +196 -160
- package/core/i18n.js +94 -88
- package/core/mixins/element-internals-mixin.d.ts.map +1 -1
- package/core/mixins/element-internals-mixin.js +66 -62
- package/core/styles/core.scss +4 -4
- package/core/styles/mixins/a11y.scss +1 -1
- package/core/styles/mixins/scrollbar.scss +5 -3
- package/core/styles/mixins/timetable-form.scss +63 -0
- package/core/styles/standard-theme.scss +1 -0
- package/core/styles/timetable-form.scss +27 -0
- package/core.css +68 -54
- package/custom-elements.json +3143 -236
- package/datepicker/datepicker/datepicker.component.js +1 -1
- package/development/alert/alert-group/alert-group.component.js +1 -1
- package/development/autocomplete/autocomplete-base-element.d.ts +14 -0
- package/development/autocomplete/autocomplete-base-element.d.ts.map +1 -1
- package/development/autocomplete/autocomplete-base-element.js +64 -9
- package/development/autocomplete/autocomplete.component.d.ts.map +1 -1
- package/development/autocomplete/autocomplete.component.js +4 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.component.js +4 -1
- package/development/button/common.js +1 -1
- package/development/button.js +1 -1
- package/development/carousel/carousel/carousel.component.d.ts +32 -0
- package/development/carousel/carousel/carousel.component.d.ts.map +1 -0
- package/development/carousel/carousel/carousel.component.js +153 -0
- package/development/carousel/carousel-item/carousel-item.component.d.ts +29 -0
- package/development/carousel/carousel-item/carousel-item.component.d.ts.map +1 -0
- package/development/carousel/carousel-item/carousel-item.component.js +46 -0
- package/development/carousel/carousel-item.d.ts +5 -0
- package/development/carousel/carousel-item.d.ts.map +1 -0
- package/development/carousel/carousel-item.js +5 -0
- package/development/carousel/carousel-list/carousel-list.component.d.ts +30 -0
- package/development/carousel/carousel-list/carousel-list.component.d.ts.map +1 -0
- package/development/carousel/carousel-list/carousel-list.component.js +143 -0
- package/development/carousel/carousel-list.d.ts +5 -0
- package/development/carousel/carousel-list.d.ts.map +1 -0
- package/development/carousel/carousel-list.js +5 -0
- package/development/carousel/carousel.d.ts +5 -0
- package/development/carousel/carousel.d.ts.map +1 -0
- package/development/carousel/carousel.js +5 -0
- package/development/carousel.d.ts +7 -0
- package/development/carousel.d.ts.map +1 -0
- package/development/carousel.js +9 -0
- package/development/core/i18n/i18n.d.ts +6 -0
- package/development/core/i18n/i18n.d.ts.map +1 -1
- package/development/core/i18n/i18n.js +43 -1
- package/development/core/i18n.js +7 -1
- package/development/core/mixins/element-internals-mixin.d.ts.map +1 -1
- package/development/core/mixins/element-internals-mixin.js +7 -2
- package/development/datepicker/datepicker/datepicker.component.js +1 -1
- package/development/dialog/dialog/dialog.component.js +2 -2
- package/development/file-selector/common.js +1 -1
- package/development/{file-selector-common-BxXdRZxt.js → file-selector-common-CRnQigIZ.js} +4 -4
- package/development/file-selector.js +1 -1
- package/development/footer/footer.component.js +1 -1
- package/development/form-field/form-field/form-field.component.d.ts +3 -0
- package/development/form-field/form-field/form-field.component.d.ts.map +1 -1
- package/development/form-field/form-field/form-field.component.js +31 -43
- package/development/header/common/header-action-common.js +8 -8
- package/development/header/header-environment/header-environment.component.js +6 -6
- package/development/link-list/link-list/link-list.component.js +8 -8
- package/development/navigation/navigation-section/navigation-section.component.js +1 -1
- package/development/notification/notification.component.js +2 -2
- package/development/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
- package/development/paginator/compact-paginator/compact-paginator.component.js +3 -2
- package/development/paginator/paginator/paginator.component.js +1 -1
- package/development/radio-button/common.js +1 -1
- package/development/{radio-button-common-hZiiLJDY.js → radio-button-common-454JtP9b.js} +7 -3
- package/development/radio-button.js +1 -1
- package/development/screen-reader-only/screen-reader-only.component.js +1 -1
- package/development/selection-action-panel/selection-action-panel.component.js +3 -3
- package/development/selection-expansion-panel/selection-expansion-panel.component.js +3 -3
- package/development/skiplink-list/skiplink-list.component.js +1 -1
- package/development/timetable-form/timetable-form/timetable-form.component.d.ts +17 -0
- package/development/timetable-form/timetable-form/timetable-form.component.d.ts.map +1 -0
- package/development/timetable-form/timetable-form/timetable-form.component.js +40 -0
- package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts +16 -0
- package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts.map +1 -0
- package/development/timetable-form/timetable-form-details/timetable-form-details.component.js +57 -0
- package/development/timetable-form/timetable-form-details.d.ts +5 -0
- package/development/timetable-form/timetable-form-details.d.ts.map +1 -0
- package/development/timetable-form/timetable-form-details.js +5 -0
- package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts +18 -0
- package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts.map +1 -0
- package/development/timetable-form/timetable-form-field/timetable-form-field.component.js +130 -0
- package/development/timetable-form/timetable-form-field.d.ts +5 -0
- package/development/timetable-form/timetable-form-field.d.ts.map +1 -0
- package/development/timetable-form/timetable-form-field.js +5 -0
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +23 -0
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -0
- package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +80 -0
- package/development/timetable-form/timetable-form-swap-button.d.ts +5 -0
- package/development/timetable-form/timetable-form-swap-button.d.ts.map +1 -0
- package/development/timetable-form/timetable-form-swap-button.js +5 -0
- package/development/timetable-form/timetable-form.d.ts +5 -0
- package/development/timetable-form/timetable-form.d.ts.map +1 -0
- package/development/timetable-form/timetable-form.js +5 -0
- package/development/timetable-form.d.ts +8 -0
- package/development/timetable-form.d.ts.map +1 -0
- package/development/timetable-form.js +11 -0
- package/development/title/title-base.d.ts +1 -1
- package/development/title/title-base.d.ts.map +1 -1
- package/development/title/title-base.js +2 -2
- package/development/title/title.component.d.ts +3 -1
- package/development/title/title.component.d.ts.map +1 -1
- package/development/title/title.component.js +30 -4
- package/development/train/train/train.component.js +1 -1
- package/development/train/train-formation/train-formation.component.d.ts.map +1 -1
- package/development/train/train-formation/train-formation.component.js +6 -4
- package/development/train/train-wagon/train-wagon.component.js +1 -1
- package/development/{transparent-button-Dun6bh2G.js → transparent-button-COe-YB_U.js} +2 -2
- package/file-selector/common.js +1 -1
- package/{file-selector-common-Cn6U8goV.js → file-selector-common-OHK9hu3a.js} +1 -1
- package/file-selector.js +1 -1
- package/footer/footer.component.js +1 -1
- package/form-field/form-field/form-field.component.d.ts +3 -0
- package/form-field/form-field/form-field.component.d.ts.map +1 -1
- package/form-field/form-field/form-field.component.js +1 -1
- package/header/common/header-action-common.js +5 -5
- package/index.d.ts +14 -0
- package/index.js +14 -0
- package/link-list/link-list/link-list.component.js +8 -8
- package/navigation/navigation-section/navigation-section.component.js +1 -1
- package/notification/notification.component.js +1 -1
- package/package.json +50 -1
- package/paginator/compact-paginator/compact-paginator.component.d.ts.map +1 -1
- package/paginator/compact-paginator/compact-paginator.component.js +10 -9
- package/paginator/paginator/paginator.component.js +1 -1
- package/radio-button/common.js +1 -1
- package/radio-button-common-CUppr5FI.js +5 -0
- package/radio-button.js +1 -1
- package/screen-reader-only/screen-reader-only.component.js +1 -1
- package/selection-action-panel/selection-action-panel.component.js +3 -3
- package/selection-expansion-panel/selection-expansion-panel.component.js +1 -1
- package/skiplink-list/skiplink-list.component.js +1 -1
- package/standard-theme.css +143 -55
- package/timetable-form/timetable-form/timetable-form.component.d.ts +17 -0
- package/timetable-form/timetable-form/timetable-form.component.d.ts.map +1 -0
- package/timetable-form/timetable-form/timetable-form.component.js +19 -0
- package/timetable-form/timetable-form-details/timetable-form-details.component.d.ts +16 -0
- package/timetable-form/timetable-form-details/timetable-form-details.component.d.ts.map +1 -0
- package/timetable-form/timetable-form-details/timetable-form-details.component.js +19 -0
- package/timetable-form/timetable-form-details.d.ts +5 -0
- package/timetable-form/timetable-form-details.d.ts.map +1 -0
- package/timetable-form/timetable-form-details.js +4 -0
- package/timetable-form/timetable-form-field/timetable-form-field.component.d.ts +18 -0
- package/timetable-form/timetable-form-field/timetable-form-field.component.d.ts.map +1 -0
- package/timetable-form/timetable-form-field/timetable-form-field.component.js +32 -0
- package/timetable-form/timetable-form-field.d.ts +5 -0
- package/timetable-form/timetable-form-field.d.ts.map +1 -0
- package/timetable-form/timetable-form-field.js +4 -0
- package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts +23 -0
- package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -0
- package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +38 -0
- package/timetable-form/timetable-form-swap-button.d.ts +5 -0
- package/timetable-form/timetable-form-swap-button.d.ts.map +1 -0
- package/timetable-form/timetable-form-swap-button.js +4 -0
- package/timetable-form/timetable-form.d.ts +5 -0
- package/timetable-form/timetable-form.d.ts.map +1 -0
- package/timetable-form/timetable-form.js +4 -0
- package/timetable-form.css +73 -0
- package/timetable-form.d.ts +8 -0
- package/timetable-form.d.ts.map +1 -0
- package/timetable-form.js +10 -0
- package/title/title-base.d.ts +1 -1
- package/title/title-base.d.ts.map +1 -1
- package/title/title-base.js +1 -1
- package/title/title.component.d.ts +3 -1
- package/title/title.component.d.ts.map +1 -1
- package/title/title.component.js +34 -15
- package/train/train/train.component.js +1 -1
- package/train/train-formation/train-formation.component.d.ts.map +1 -1
- package/train/train-formation/train-formation.component.js +19 -17
- package/train/train-wagon/train-wagon.component.js +1 -1
- package/{transparent-button-rf30m88X.js → transparent-button-xudJxob_.js} +1 -1
- package/radio-button-common-DJKWrKor.js +0 -5
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
2
|
import { css, LitElement, html } from "lit";
|
|
3
3
|
import { customElement } from "lit/decorators.js";
|
|
4
|
+
import { styleMap } from "lit/directives/style-map.js";
|
|
4
5
|
import { i18nPage, i18nPaginatorOf } from "../../core/i18n.js";
|
|
5
6
|
import { SbbPaginatorCommonElementMixin } from "../common.js";
|
|
6
7
|
import "../../divider.js";
|
|
@@ -68,7 +69,7 @@ let SbbCompactPaginatorElement = (() => {
|
|
|
68
69
|
>${this.pageIndex + 1}<sbb-divider
|
|
69
70
|
orientation="vertical"
|
|
70
71
|
class="sbb-compact-paginator__divider"
|
|
71
|
-
style
|
|
72
|
+
style=${styleMap({ "--sbb-divider-color": "currentcolor" })}
|
|
72
73
|
?negative=${this.negative}
|
|
73
74
|
></sbb-divider
|
|
74
75
|
>${this.numberOfPages()}</span
|
|
@@ -98,4 +99,4 @@ let SbbCompactPaginatorElement = (() => {
|
|
|
98
99
|
export {
|
|
99
100
|
SbbCompactPaginatorElement
|
|
100
101
|
};
|
|
101
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
102
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcGFjdC1wYWdpbmF0b3IuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvcGFnaW5hdG9yL2NvbXBhY3QtcGFnaW5hdG9yL2NvbXBhY3QtcGFnaW5hdG9yLmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBMaXRFbGVtZW50IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgeyBzdHlsZU1hcCB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3N0eWxlLW1hcC5qcyc7XG5cbmltcG9ydCB7IGkxOG5QYWdlLCBpMThuUGFnaW5hdG9yT2YgfSBmcm9tICcuLi8uLi9jb3JlL2kxOG4uanMnO1xuaW1wb3J0IHsgU2JiUGFnaW5hdG9yQ29tbW9uRWxlbWVudE1peGluIH0gZnJvbSAnLi4vY29tbW9uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vY29tcGFjdC1wYWdpbmF0b3Iuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi8uLi9kaXZpZGVyLmpzJztcbmltcG9ydCAnLi4vLi4vc2NyZWVuLXJlYWRlci1vbmx5LmpzJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHBhZ2luYXRvciBjb21wb25lbnQgaW4gY29tcGFjdCBtb2RlLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItY29tcGFjdC1wYWdpbmF0b3InKVxuY2xhc3MgU2JiQ29tcGFjdFBhZ2luYXRvckVsZW1lbnQgZXh0ZW5kcyBTYmJQYWdpbmF0b3JDb21tb25FbGVtZW50TWl4aW4oTGl0RWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBzdHlsZTtcbiAgcHVibGljIHN0YXRpYyByZWFkb25seSBldmVudHM6IFJlY29yZDxzdHJpbmcsIHN0cmluZz4gPSB7XG4gICAgcGFnZTogJ3BhZ2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIHByaXZhdGUgX3JlbmRlclBhZ2VOdW1iZXJzKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXBhZ2luYXRvcl9fcGFnZXNcIiBhcmlhLWhpZGRlbj1cInRydWVcIlxuICAgICAgICA+JHt0aGlzLnBhZ2VJbmRleCArIDF9PHNiYi1kaXZpZGVyXG4gICAgICAgICAgb3JpZW50YXRpb249XCJ2ZXJ0aWNhbFwiXG4gICAgICAgICAgY2xhc3M9XCJzYmItY29tcGFjdC1wYWdpbmF0b3JfX2RpdmlkZXJcIlxuICAgICAgICAgIHN0eWxlPSR7c3R5bGVNYXAoeyAnLS1zYmItZGl2aWRlci1jb2xvcic6ICdjdXJyZW50Y29sb3InIH0pfVxuICAgICAgICAgID9uZWdhdGl2ZT0ke3RoaXMubmVnYXRpdmV9XG4gICAgICAgID48L3NiYi1kaXZpZGVyXG4gICAgICAgID4ke3RoaXMubnVtYmVyT2ZQYWdlcygpfTwvc3BhblxuICAgICAgPlxuICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+XG4gICAgICAgICR7YCR7dGhpcy5hY2Nlc3NpYmlsaXR5UGFnZUxhYmVsID8gdGhpcy5hY2Nlc3NpYmlsaXR5UGFnZUxhYmVsIDogaTE4blBhZ2VbdGhpcy5sYW5ndWFnZS5jdXJyZW50XX0gJHt0aGlzLnBhZ2VJbmRleCArIDF9ICR7aTE4blBhZ2luYXRvck9mW3RoaXMubGFuZ3VhZ2UuY3VycmVudF19ICR7dGhpcy5udW1iZXJPZlBhZ2VzKCl9YH1cbiAgICAgIDwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5cbiAgICBgO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlclBhZ2luYXRvcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2IGNsYXNzPVwic2JiLWNvbXBhY3QtcGFnaW5hdG9yXCI+XG4gICAgICAgICR7dGhpcy5wYWdlclBvc2l0aW9uID09PSAnc3RhcnQnXG4gICAgICAgICAgPyBodG1sYCR7dGhpcy5yZW5kZXJQcmV2TmV4dEJ1dHRvbnMoKX0gJHt0aGlzLl9yZW5kZXJQYWdlTnVtYmVycygpfWBcbiAgICAgICAgICA6IGh0bWxgJHt0aGlzLl9yZW5kZXJQYWdlTnVtYmVycygpfSAke3RoaXMucmVuZGVyUHJldk5leHRCdXR0b25zKCl9YH1cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1jb21wYWN0LXBhZ2luYXRvcic6IFNiYkNvbXBhY3RQYWdpbmF0b3JFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBa0JNLDhCQUEwQixNQUFBOzswQkFEL0IsY0FBYyx1QkFBdUIsQ0FBQzs7OztvQkFDRSwrQkFBK0IsVUFBVTtBQUFqRCxFQUFBLG1CQUFRLFlBQTBDO0FBQUEsSUFNekUscUJBQWtCO0FBQ3hCLGFBQU87QUFBQTtBQUFBLFdBRUEsS0FBSyxZQUFZLENBQUM7QUFBQTtBQUFBO0FBQUEsa0JBR1gsU0FBUyxFQUFFLHVCQUF1QixnQkFBZ0IsQ0FBQztBQUFBLHNCQUMvQyxLQUFLLFFBQVE7QUFBQTtBQUFBLFdBRXhCLEtBQUssZUFBZTtBQUFBO0FBQUE7QUFBQSxVQUdyQixHQUFHLEtBQUsseUJBQXlCLEtBQUsseUJBQXlCLFNBQVMsS0FBSyxTQUFTLE9BQU8sQ0FBQyxJQUFJLEtBQUssWUFBWSxDQUFDLElBQUksZ0JBQWdCLEtBQUssU0FBUyxPQUFPLENBQUMsSUFBSSxLQUFLLGNBQUEsQ0FBZSxFQUFFO0FBQUE7QUFBQTtBQUFBLElBR2hNO0FBQUEsSUFFbUIsa0JBQWU7QUFDaEMsYUFBTztBQUFBO0FBQUEsVUFFRCxLQUFLLGtCQUFrQixVQUNyQixPQUFPLEtBQUssdUJBQXVCLElBQUksS0FBSyxtQkFBQSxDQUFvQixLQUNoRSxPQUFPLEtBQUssbUJBQUEsQ0FBb0IsSUFBSSxLQUFLLHNCQUFBLENBQXVCLEVBQUU7QUFBQTtBQUFBO0FBQUEsSUFHNUU7QUFBQTs7QUEvQkYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLE9BQ3pCLEdBQUEsU0FBaUM7QUFBQSxJQUN0RCxNQUFNO0FBQUEsRUFBQSxHQUhKLGtCQUFBLFlBQUEsdUJBQUEsR0FBMkI7OzsifQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SbbRadioButtonCommonElementMixin } from "./common/radio-button-common.js";
|
|
2
|
-
import { r } from "../radio-button-common-
|
|
2
|
+
import { r } from "../radio-button-common-454JtP9b.js";
|
|
3
3
|
export {
|
|
4
4
|
SbbRadioButtonCommonElementMixin,
|
|
5
5
|
r as radioButtonCommonStyle
|
|
@@ -45,7 +45,7 @@ const radioButtonCommon = css`*,
|
|
|
45
45
|
--sbb-radio-button-label-color: var(--sbb-color-granite);
|
|
46
46
|
--sbb-radio-button-background-color: var(--sbb-color-milk);
|
|
47
47
|
--sbb-radio-button-border-style: dashed;
|
|
48
|
-
--sbb-radio-button-inner-circle-color: var(--sbb-color
|
|
48
|
+
--sbb-radio-button-inner-circle-color: var(--sbb-radio-button-background-color);
|
|
49
49
|
--sbb-radio-button-cursor: default;
|
|
50
50
|
}
|
|
51
51
|
@media (forced-colors: active) {
|
|
@@ -56,13 +56,17 @@ const radioButtonCommon = css`*,
|
|
|
56
56
|
}
|
|
57
57
|
}
|
|
58
58
|
|
|
59
|
+
:host(:disabled[data-checked]) {
|
|
60
|
+
--sbb-radio-button-inner-circle-color: var(--sbb-color-charcoal);
|
|
61
|
+
}
|
|
62
|
+
|
|
59
63
|
:host([size=xs]) {
|
|
60
64
|
--sbb-radio-button-dimension: 1.25rem;
|
|
61
65
|
}
|
|
62
66
|
|
|
63
67
|
.sbb-screen-reader-only {
|
|
64
68
|
border: 0;
|
|
65
|
-
clip: rect(0 0 0 0);
|
|
69
|
+
clip-path: rect(0 0 0 0);
|
|
66
70
|
height: 1px;
|
|
67
71
|
margin: -1px;
|
|
68
72
|
overflow: hidden;
|
|
@@ -136,4 +140,4 @@ const radioButtonCommon = css`*,
|
|
|
136
140
|
export {
|
|
137
141
|
radioButtonCommon as r
|
|
138
142
|
};
|
|
139
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
143
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmFkaW8tYnV0dG9uLWNvbW1vbi00NTRKdFA5Yi5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7In0=
|
|
@@ -2,7 +2,7 @@ import { SbbRadioButtonElement } from "./radio-button/radio-button/radio-button.
|
|
|
2
2
|
import { SbbRadioButtonGroupElement } from "./radio-button/radio-button-group/radio-button-group.component.js";
|
|
3
3
|
import { SbbRadioButtonPanelElement } from "./radio-button/radio-button-panel/radio-button-panel.component.js";
|
|
4
4
|
import { SbbRadioButtonCommonElementMixin } from "./radio-button/common/radio-button-common.js";
|
|
5
|
-
import { r } from "./radio-button-common-
|
|
5
|
+
import { r } from "./radio-button-common-454JtP9b.js";
|
|
6
6
|
export {
|
|
7
7
|
SbbRadioButtonCommonElementMixin,
|
|
8
8
|
SbbRadioButtonElement,
|
|
@@ -27,16 +27,16 @@ const style = css`*,
|
|
|
27
27
|
--sbb-selection-action-panel-background: var(--sbb-color-milk);
|
|
28
28
|
}
|
|
29
29
|
|
|
30
|
-
:host(:where(:state(checked),
|
|
30
|
+
:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))) {
|
|
31
31
|
--sbb-selection-action-panel-border-color: var(--sbb-color-charcoal);
|
|
32
32
|
--sbb-selection-action-panel-border-width: var(--sbb-border-width-2x);
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
:host([borderless]:not(:where(:state(checked),
|
|
35
|
+
:host([borderless]:not(:where(:is(:state(checked),[state--checked])))) {
|
|
36
36
|
--sbb-selection-action-panel-border-color: transparent;
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
:host(:is(:state(with-expansion-panel),
|
|
39
|
+
:host(:where(:is(:state(with-expansion-panel),[state--with-expansion-panel]))) {
|
|
40
40
|
--sbb-selection-action-panel-background: transparent;
|
|
41
41
|
--sbb-selection-action-panel-border-color: transparent;
|
|
42
42
|
}
|
|
@@ -45,16 +45,16 @@ const style = css`*,
|
|
|
45
45
|
--sbb-selection-expansion-panel-background: var(--sbb-color-milk);
|
|
46
46
|
}
|
|
47
47
|
|
|
48
|
-
:host(:where(:state(checked),
|
|
48
|
+
:host(:where(:is(:state(checked),[state--checked])):not(:where(:is(:state(disabled),[state--disabled])))) {
|
|
49
49
|
--sbb-selection-expansion-panel-border-color: var(--sbb-color-charcoal);
|
|
50
50
|
--sbb-selection-expansion-panel-border-width: var(--sbb-border-width-2x);
|
|
51
51
|
}
|
|
52
52
|
|
|
53
|
-
:host([data-slot-names~=content]:where(:state(disabled),
|
|
53
|
+
:host([data-slot-names~=content]:where(:is(:state(disabled),[state--disabled]))) {
|
|
54
54
|
--sbb-selection-expansion-panel-border-color: var(--sbb-color-cloud);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
:host([borderless]:not(:where(:state(checked),
|
|
57
|
+
:host([borderless]:not(:where(:is(:state(checked),[state--checked])))) {
|
|
58
58
|
--sbb-selection-expansion-panel-border-color: transparent;
|
|
59
59
|
}
|
|
60
60
|
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Serves as a building block of a sbb 'timetable-form'.
|
|
4
|
+
* It automatically handles the styles and part of its behaviors
|
|
5
|
+
*
|
|
6
|
+
* @slot - Use the unnamed slot to add content to the 'timetable-form'
|
|
7
|
+
*/
|
|
8
|
+
export declare class SbbTimetableFormElement extends LitElement {
|
|
9
|
+
static styles: CSSResultGroup;
|
|
10
|
+
protected render(): TemplateResult;
|
|
11
|
+
}
|
|
12
|
+
declare global {
|
|
13
|
+
interface HTMLElementTagNameMap {
|
|
14
|
+
'sbb-timetable-form': SbbTimetableFormElement;
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=timetable-form.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/timetable-form/timetable-form/timetable-form.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;;;;GAKG;AACH,qBAEM,uBAAwB,SAAQ,UAAU;IAC9C,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { css, LitElement, html } from "lit";
|
|
3
|
+
import { customElement } from "lit/decorators.js";
|
|
4
|
+
const style = css`*,
|
|
5
|
+
::before,
|
|
6
|
+
::after {
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:host {
|
|
11
|
+
--sbb-timetable-form-background-color: var(--sbb-color-white);
|
|
12
|
+
--sbb-timetable-form-border-radius: var(--sbb-border-radius-4x);
|
|
13
|
+
border-radius: var(--sbb-timetable-form-border-radius);
|
|
14
|
+
background-color: var(--sbb-timetable-form-background-color);
|
|
15
|
+
display: flex;
|
|
16
|
+
flex-direction: column;
|
|
17
|
+
}`;
|
|
18
|
+
let SbbTimetableFormElement = (() => {
|
|
19
|
+
var _a;
|
|
20
|
+
let _classDecorators = [customElement("sbb-timetable-form")];
|
|
21
|
+
let _classDescriptor;
|
|
22
|
+
let _classExtraInitializers = [];
|
|
23
|
+
let _classThis;
|
|
24
|
+
let _classSuper = LitElement;
|
|
25
|
+
_a = class extends _classSuper {
|
|
26
|
+
render() {
|
|
27
|
+
return html`<slot></slot>`;
|
|
28
|
+
}
|
|
29
|
+
}, _classThis = _a, (() => {
|
|
30
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
31
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
32
|
+
_classThis = _classDescriptor.value;
|
|
33
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
34
|
+
})(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
|
|
35
|
+
return _classThis;
|
|
36
|
+
})();
|
|
37
|
+
export {
|
|
38
|
+
SbbTimetableFormElement
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0uY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGltZXRhYmxlLWZvcm0vdGltZXRhYmxlLWZvcm0vdGltZXRhYmxlLWZvcm0uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLWZvcm0uc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBTZXJ2ZXMgYXMgYSBidWlsZGluZyBibG9jayBvZiBhIHNiYiAndGltZXRhYmxlLWZvcm0nLlxuICogSXQgYXV0b21hdGljYWxseSBoYW5kbGVzIHRoZSBzdHlsZXMgYW5kIHBhcnQgb2YgaXRzIGJlaGF2aW9yc1xuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlICd0aW1ldGFibGUtZm9ybSdcbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRpbWV0YWJsZS1mb3JtJylcbmNsYXNzIFNiYlRpbWV0YWJsZUZvcm1FbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzbG90Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLWZvcm0nOiBTYmJUaW1ldGFibGVGb3JtRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBY00sMkJBQXVCLE1BQUE7OzBCQUQ1QixjQUFjLG9CQUFvQixDQUFDOzs7O29CQUNFO0FBQVIsRUFBQSxtQkFBUSxZQUFVO0FBQUEsSUFHM0IsU0FBTTtBQUN2QixhQUFPO0FBQUEsSUFDVDtBQUFBOztBQUxGLGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixPQUQ1QyxrQkFBQSxZQUFBLHVCQUFBLEdBQXdCOzs7In0=
|
package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts
ADDED
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { CSSResultGroup, TemplateResult, LitElement } from 'lit';
|
|
2
|
+
/**
|
|
3
|
+
* Wraps the details section of the `sbb-timetable-form`.
|
|
4
|
+
*
|
|
5
|
+
* @slot - Use the unnamed slot to add content to the details section.
|
|
6
|
+
*/
|
|
7
|
+
export declare class SbbTimetableFormDetailsElement extends LitElement {
|
|
8
|
+
static styles: CSSResultGroup;
|
|
9
|
+
protected render(): TemplateResult;
|
|
10
|
+
}
|
|
11
|
+
declare global {
|
|
12
|
+
interface HTMLElementTagNameMap {
|
|
13
|
+
'sbb-timetable-form-details': SbbTimetableFormDetailsElement;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
//# sourceMappingURL=timetable-form-details.component.d.ts.map
|
package/development/timetable-form/timetable-form-details/timetable-form-details.component.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form-details.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/timetable-form/timetable-form-details/timetable-form-details.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1D,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;AAKvC;;;;GAIG;AACH,qBAEM,8BAA+B,SAAQ,UAAU;IACrD,OAAuB,MAAM,EAAE,cAAc,CAAS;cAEnC,MAAM,IAAI,cAAc;CAG5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { css, LitElement, html } from "lit";
|
|
3
|
+
import { customElement } from "lit/decorators.js";
|
|
4
|
+
const style = css`*,
|
|
5
|
+
::before,
|
|
6
|
+
::after {
|
|
7
|
+
box-sizing: border-box;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
:host {
|
|
11
|
+
--sbb-timetable-form-details-padding-block: var(--sbb-spacing-fixed-1x);
|
|
12
|
+
--sbb-timetable-form-details-padding-inline: var(--sbb-spacing-responsive-xxs);
|
|
13
|
+
--sbb-timetable-form-details-horizontal-divider-height: 1.5rem;
|
|
14
|
+
display: flex;
|
|
15
|
+
flex-wrap: wrap;
|
|
16
|
+
gap: var(--sbb-spacing-fixed-1x);
|
|
17
|
+
border-block-start: var(--sbb-border-width-1x) solid var(--sbb-color-cloud);
|
|
18
|
+
padding-block: var(--sbb-timetable-form-details-padding-block);
|
|
19
|
+
padding-inline-start: calc(var(--sbb-size-icon-ui-small) + var(--sbb-spacing-responsive-xxxs));
|
|
20
|
+
align-items: center;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
::slotted(sbb-form-field) {
|
|
24
|
+
--sbb-form-field-border-radius: var(--sbb-border-radius-6x);
|
|
25
|
+
--sbb-form-field-outline-offset: -0.3125rem;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
::slotted(sbb-divider[orientation=vertical]) {
|
|
29
|
+
height: var(--sbb-timetable-form-details-horizontal-divider-height);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
::slotted(:last-child) {
|
|
33
|
+
margin-inline-end: var(--sbb-timetable-form-details-padding-inline);
|
|
34
|
+
}`;
|
|
35
|
+
let SbbTimetableFormDetailsElement = (() => {
|
|
36
|
+
var _a;
|
|
37
|
+
let _classDecorators = [customElement("sbb-timetable-form-details")];
|
|
38
|
+
let _classDescriptor;
|
|
39
|
+
let _classExtraInitializers = [];
|
|
40
|
+
let _classThis;
|
|
41
|
+
let _classSuper = LitElement;
|
|
42
|
+
_a = class extends _classSuper {
|
|
43
|
+
render() {
|
|
44
|
+
return html`<slot></slot>`;
|
|
45
|
+
}
|
|
46
|
+
}, _classThis = _a, (() => {
|
|
47
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
48
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
49
|
+
_classThis = _classDescriptor.value;
|
|
50
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
51
|
+
})(), _a.styles = style, __runInitializers(_classThis, _classExtraInitializers), _a;
|
|
52
|
+
return _classThis;
|
|
53
|
+
})();
|
|
54
|
+
export {
|
|
55
|
+
SbbTimetableFormDetailsElement
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZGV0YWlscy5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90aW1ldGFibGUtZm9ybS90aW1ldGFibGUtZm9ybS1kZXRhaWxzL3RpbWV0YWJsZS1mb3JtLWRldGFpbHMuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLWZvcm0tZGV0YWlscy5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIFdyYXBzIHRoZSBkZXRhaWxzIHNlY3Rpb24gb2YgdGhlIGBzYmItdGltZXRhYmxlLWZvcm1gLlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGRldGFpbHMgc2VjdGlvbi5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRpbWV0YWJsZS1mb3JtLWRldGFpbHMnKVxuY2xhc3MgU2JiVGltZXRhYmxlRm9ybURldGFpbHNFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYDxzbG90Pjwvc2xvdD5gO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGltZXRhYmxlLWZvcm0tZGV0YWlscyc6IFNiYlRpbWV0YWJsZUZvcm1EZXRhaWxzRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFhTSxrQ0FBOEIsTUFBQTs7MEJBRG5DLGNBQWMsNEJBQTRCLENBQUM7Ozs7b0JBQ0M7QUFBUixFQUFBLG1CQUFRLFlBQVU7QUFBQSxJQUdsQyxTQUFNO0FBQ3ZCLGFBQU87QUFBQSxJQUNUO0FBQUE7O0FBTEYsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLE9BRDVDLGtCQUFBLFlBQUEsdUJBQUEsR0FBK0I7OzsifQ==
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form-details.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-form/timetable-form-details.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,8DAA8D,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { SbbTimetableFormDetailsElement } from "./timetable-form-details/timetable-form-details.component.js";
|
|
2
|
+
export {
|
|
3
|
+
SbbTimetableFormDetailsElement
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZGV0YWlscy5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7In0=
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { CSSResultGroup, TemplateResult } from 'lit';
|
|
2
|
+
import { SbbFormFieldElement } from '../../form-field/form-field.js';
|
|
3
|
+
/**
|
|
4
|
+
* Extends the `sbb-form-field`. Meant to be used inside a `sbb-timetable-form`.
|
|
5
|
+
*/
|
|
6
|
+
export declare class SbbTimetableFormFieldElement extends SbbFormFieldElement {
|
|
7
|
+
static styles: CSSResultGroup;
|
|
8
|
+
private _routeIcon;
|
|
9
|
+
constructor();
|
|
10
|
+
connectedCallback(): void;
|
|
11
|
+
render(): TemplateResult;
|
|
12
|
+
}
|
|
13
|
+
declare global {
|
|
14
|
+
interface HTMLElementTagNameMap {
|
|
15
|
+
'sbb-timetable-form-field': SbbTimetableFormFieldElement;
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=timetable-form-field.component.d.ts.map
|
package/development/timetable-form/timetable-form-field/timetable-form-field.component.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form-field.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/timetable-form/timetable-form-field/timetable-form-field.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAkB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/E,OAAO,EAAE,mBAAmB,EAAE,MAAM,gCAAgC,CAAC;AAIrE;;GAEG;AACH,qBAEM,4BAA6B,SAAQ,mBAAmB;IAC5D,OAAuB,MAAM,EAAE,cAAc,CAAuC;IAEpF,OAAO,CAAC,UAAU,CAAS;;IAUX,iBAAiB,IAAI,IAAI;IAWzB,MAAM,IAAI,cAAc;CAWzC;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,0BAA0B,EAAE,4BAA4B,CAAC;KAC1D;CACF"}
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { css, isServer, html } from "lit";
|
|
3
|
+
import { customElement } from "lit/decorators.js";
|
|
4
|
+
import { SbbFormFieldElement } from "../../form-field/form-field.js";
|
|
5
|
+
const style = css`*,
|
|
6
|
+
::before,
|
|
7
|
+
::after {
|
|
8
|
+
box-sizing: border-box;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
:host {
|
|
12
|
+
display: flex;
|
|
13
|
+
--sbb-form-field-border-radius: var(--sbb-border-radius-6x);
|
|
14
|
+
--sbb-form-field-outline-offset: -0.3125rem;
|
|
15
|
+
--sbb-timetable-form-field-route-icon-color: var(--sbb-color-black);
|
|
16
|
+
--sbb-timetable-form-field-route-icon-background-color: var(--sbb-color-white);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
:host(:first-of-type) {
|
|
20
|
+
--sbb-timetable-form-field-route-icon-rotate: 90deg;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:host(:last-of-type) {
|
|
24
|
+
--sbb-timetable-form-field-route-icon-rotate: -90deg;
|
|
25
|
+
--sbb-timetable-form-field-route-icon-translate: -0.0625rem 0;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
:host(:where(:not(:last-of-type))) .sbb-form-field__wrapper::after {
|
|
29
|
+
content: "";
|
|
30
|
+
position: absolute;
|
|
31
|
+
border-block-end: var(--sbb-border-width-1x) var(--sbb-form-field-border-style) var(--sbb-color-cloud);
|
|
32
|
+
inset-inline: var(--sbb-form-field-padding-inline);
|
|
33
|
+
inset-block-end: 0;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.sbb-timetable-form-field__start-route-icon {
|
|
37
|
+
align-self: center;
|
|
38
|
+
margin-inline-start: var(--sbb-form-field-padding-inline);
|
|
39
|
+
rotate: var(--sbb-timetable-form-field-route-icon-rotate);
|
|
40
|
+
translate: var(--sbb-timetable-form-field-route-icon-translate);
|
|
41
|
+
}
|
|
42
|
+
.sbb-timetable-form-field__start-route-icon::after {
|
|
43
|
+
--connecting-line-offset: 0.1875rem;
|
|
44
|
+
--connecting-line-width: calc(
|
|
45
|
+
(var(--sbb-form-field-min-height) - var(--sbb-icon-svg-height)) / 2 +
|
|
46
|
+
var(--connecting-line-offset)
|
|
47
|
+
);
|
|
48
|
+
content: "";
|
|
49
|
+
position: absolute;
|
|
50
|
+
inset-block-start: 50%;
|
|
51
|
+
border-block-start: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);
|
|
52
|
+
width: var(--connecting-line-width);
|
|
53
|
+
margin-left: calc(var(--connecting-line-offset) * -1);
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.sbb-timetable-form-field__via-route-icon {
|
|
57
|
+
align-self: stretch;
|
|
58
|
+
position: relative;
|
|
59
|
+
width: var(--sbb-size-icon-ui-small);
|
|
60
|
+
margin-inline-start: var(--sbb-form-field-padding-inline);
|
|
61
|
+
}
|
|
62
|
+
.sbb-timetable-form-field__via-route-icon::before {
|
|
63
|
+
content: "";
|
|
64
|
+
position: absolute;
|
|
65
|
+
inset-inline-start: 50%;
|
|
66
|
+
height: 100%;
|
|
67
|
+
margin-inline-start: -0.0625rem;
|
|
68
|
+
border-inline-start: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);
|
|
69
|
+
}
|
|
70
|
+
.sbb-timetable-form-field__via-route-icon::after {
|
|
71
|
+
content: "";
|
|
72
|
+
position: absolute;
|
|
73
|
+
inset-block-start: 50%;
|
|
74
|
+
inset-inline-start: 50%;
|
|
75
|
+
translate: -50% -50%;
|
|
76
|
+
width: 0.4375rem;
|
|
77
|
+
height: 0.4375rem;
|
|
78
|
+
border: var(--sbb-border-width-1x) solid var(--sbb-timetable-form-field-route-icon-color);
|
|
79
|
+
border-radius: var(--sbb-border-radius-infinity);
|
|
80
|
+
background-color: var(--sbb-timetable-form-field-route-icon-background-color);
|
|
81
|
+
margin-inline-start: -0.03125rem;
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.sbb-form-field__space-wrapper {
|
|
85
|
+
flex-grow: 1;
|
|
86
|
+
}`;
|
|
87
|
+
let SbbTimetableFormFieldElement = (() => {
|
|
88
|
+
var _a;
|
|
89
|
+
let _classDecorators = [customElement("sbb-timetable-form-field")];
|
|
90
|
+
let _classDescriptor;
|
|
91
|
+
let _classExtraInitializers = [];
|
|
92
|
+
let _classThis;
|
|
93
|
+
let _classSuper = SbbFormFieldElement;
|
|
94
|
+
_a = class extends _classSuper {
|
|
95
|
+
constructor() {
|
|
96
|
+
super();
|
|
97
|
+
this._routeIcon = false;
|
|
98
|
+
this.borderless = true;
|
|
99
|
+
this.floatingLabel = true;
|
|
100
|
+
this.width = "collapse";
|
|
101
|
+
this.size = "l";
|
|
102
|
+
}
|
|
103
|
+
connectedCallback() {
|
|
104
|
+
super.connectedCallback();
|
|
105
|
+
if (isServer) {
|
|
106
|
+
return;
|
|
107
|
+
}
|
|
108
|
+
this.hydrationComplete.then(() => this._routeIcon = this.matches(":first-of-type, :last-of-type"));
|
|
109
|
+
}
|
|
110
|
+
render() {
|
|
111
|
+
return html`
|
|
112
|
+
${this._routeIcon ? html` <sbb-icon
|
|
113
|
+
name="route-circle-start-small"
|
|
114
|
+
class="sbb-timetable-form-field__start-route-icon"
|
|
115
|
+
></sbb-icon>` : html` <span class="sbb-timetable-form-field__via-route-icon"></span> `}
|
|
116
|
+
${super.render()}
|
|
117
|
+
`;
|
|
118
|
+
}
|
|
119
|
+
}, _classThis = _a, (() => {
|
|
120
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
121
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
122
|
+
_classThis = _classDescriptor.value;
|
|
123
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
124
|
+
})(), _a.styles = [SbbFormFieldElement.styles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
|
|
125
|
+
return _classThis;
|
|
126
|
+
})();
|
|
127
|
+
export {
|
|
128
|
+
SbbTimetableFormFieldElement
|
|
129
|
+
};
|
|
130
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZmllbGQuY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGltZXRhYmxlLWZvcm0vdGltZXRhYmxlLWZvcm0tZmllbGQvdGltZXRhYmxlLWZvcm0tZmllbGQuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHR5cGUgQ1NTUmVzdWx0R3JvdXAsIGh0bWwsIGlzU2VydmVyLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkZvcm1GaWVsZEVsZW1lbnQgfSBmcm9tICcuLi8uLi9mb3JtLWZpZWxkL2Zvcm0tZmllbGQuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90aW1ldGFibGUtZm9ybS1maWVsZC5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEV4dGVuZHMgdGhlIGBzYmItZm9ybS1maWVsZGAuIE1lYW50IHRvIGJlIHVzZWQgaW5zaWRlIGEgYHNiYi10aW1ldGFibGUtZm9ybWAuXG4gKi9cbmV4cG9ydFxuQGN1c3RvbUVsZW1lbnQoJ3NiYi10aW1ldGFibGUtZm9ybS1maWVsZCcpXG5jbGFzcyBTYmJUaW1ldGFibGVGb3JtRmllbGRFbGVtZW50IGV4dGVuZHMgU2JiRm9ybUZpZWxkRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtTYmJGb3JtRmllbGRFbGVtZW50LnN0eWxlcywgc3R5bGVdO1xuXG4gIHByaXZhdGUgX3JvdXRlSWNvbiA9IGZhbHNlO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuYm9yZGVybGVzcyA9IHRydWU7XG4gICAgdGhpcy5mbG9hdGluZ0xhYmVsID0gdHJ1ZTtcbiAgICB0aGlzLndpZHRoID0gJ2NvbGxhcHNlJztcbiAgICB0aGlzLnNpemUgPSAnbCc7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcblxuICAgIGlmIChpc1NlcnZlcikge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLmh5ZHJhdGlvbkNvbXBsZXRlLnRoZW4oXG4gICAgICAoKSA9PiAodGhpcy5fcm91dGVJY29uID0gdGhpcy5tYXRjaGVzKCc6Zmlyc3Qtb2YtdHlwZSwgOmxhc3Qtb2YtdHlwZScpKSxcbiAgICApO1xuICB9XG5cbiAgcHVibGljIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICAke3RoaXMuX3JvdXRlSWNvblxuICAgICAgICA/IGh0bWxgIDxzYmItaWNvblxuICAgICAgICAgICAgbmFtZT1cInJvdXRlLWNpcmNsZS1zdGFydC1zbWFsbFwiXG4gICAgICAgICAgICBjbGFzcz1cInNiYi10aW1ldGFibGUtZm9ybS1maWVsZF9fc3RhcnQtcm91dGUtaWNvblwiXG4gICAgICAgICAgPjwvc2JiLWljb24+YFxuICAgICAgICA6IGh0bWxgIDxzcGFuIGNsYXNzPVwic2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkX192aWEtcm91dGUtaWNvblwiPjwvc3Bhbj4gYH1cbiAgICAgICR7c3VwZXIucmVuZGVyKCl9XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkJzogU2JiVGltZXRhYmxlRm9ybUZpZWxkRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBWU0sZ0NBQTRCLE1BQUE7OzBCQURqQyxjQUFjLDBCQUEwQixDQUFDOzs7O29CQUNDO0FBQVIsRUFBQSxtQkFBUSxZQUFtQjtBQUFBLElBSzVELGNBQUE7QUFDRSxZQUFBO0FBSE0sV0FBQSxhQUFhO0FBSW5CLFdBQUssYUFBYTtBQUNsQixXQUFLLGdCQUFnQjtBQUNyQixXQUFLLFFBQVE7QUFDYixXQUFLLE9BQU87QUFBQSxJQUNkO0FBQUEsSUFFZ0Isb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFFTixVQUFJLFVBQVU7QUFDWjtBQUFBLE1BQ0Y7QUFDQSxXQUFLLGtCQUFrQixLQUNyQixNQUFPLEtBQUssYUFBYSxLQUFLLFFBQVEsK0JBQStCLENBQUU7QUFBQSxJQUUzRTtBQUFBLElBRWdCLFNBQU07QUFDcEIsYUFBTztBQUFBLFFBQ0gsS0FBSyxhQUNIO0FBQUE7QUFBQTtBQUFBLDBCQUlBLHNFQUFzRTtBQUFBLFFBQ3hFLE1BQU0sUUFBUTtBQUFBO0FBQUEsSUFFcEI7QUFBQTs7QUFsQ0YsaUJBQUEsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQUN5QixHQUFBLFNBQXlCLENBQUMsb0JBQW9CLFFBQVEsS0FBSyxHQUQ5RSxrQkFBQSxZQUFBLHVCQUFBLEdBQTZCOzs7In0=
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form-field.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-form/timetable-form-field.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,0DAA0D,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { SbbTimetableFormFieldElement } from "./timetable-form-field/timetable-form-field.component.js";
|
|
2
|
+
export {
|
|
3
|
+
SbbTimetableFormFieldElement
|
|
4
|
+
};
|
|
5
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tZmllbGQuanMiLCJzb3VyY2VzIjpbXSwic291cmNlc0NvbnRlbnQiOltdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOyJ9
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { CSSResultGroup, PropertyValues } from 'lit';
|
|
2
|
+
import { SbbSecondaryButtonElement } from '../../button/secondary-button.js';
|
|
3
|
+
/**
|
|
4
|
+
* An extension of `sbb-secondary-button` to be used inside the `sbb-timetable-form`.
|
|
5
|
+
* When placed between two `sbb-timetable-form-field`, the 'click' swaps the value of the sibling inputs.
|
|
6
|
+
*/
|
|
7
|
+
export declare class SbbTimetableFormSwapButtonElement extends SbbSecondaryButtonElement {
|
|
8
|
+
static styles: CSSResultGroup;
|
|
9
|
+
private _languageController;
|
|
10
|
+
constructor();
|
|
11
|
+
connectedCallback(): void;
|
|
12
|
+
protected willUpdate(changedProperties: PropertyValues<this>): void;
|
|
13
|
+
/**
|
|
14
|
+
* Search for `sbb-timetable-form-field` inputs, invert their values and dispatch the respective input and change events
|
|
15
|
+
*/
|
|
16
|
+
private _invertFieldValues;
|
|
17
|
+
}
|
|
18
|
+
declare global {
|
|
19
|
+
interface HTMLElementTagNameMap {
|
|
20
|
+
'sbb-timetable-form-swap-button': SbbTimetableFormSwapButtonElement;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
//# sourceMappingURL=timetable-form-swap-button.component.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form-swap-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAM7E;;;GAGG;AACH,qBAEM,iCAAkC,SAAQ,yBAAyB;IACvE,OAAuB,MAAM,EAAE,cAAc,CAA6C;IAE1F,OAAO,CAAC,mBAAmB,CAAmC;;IAQ9C,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK5E;;OAEG;IACH,OAAO,CAAC,kBAAkB;CAiB3B;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,gCAAgC,EAAE,iCAAiC,CAAC;KACrE;CACF"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { customElement } from "lit/decorators.js";
|
|
3
|
+
import { SbbSecondaryButtonElement } from "../../button/secondary-button.js";
|
|
4
|
+
import { SbbLanguageController } from "../../core/controllers.js";
|
|
5
|
+
import { i18nTimetableFormSwapButtonLabel } from "../../core/i18n.js";
|
|
6
|
+
import { css } from "lit";
|
|
7
|
+
const style = css`*,
|
|
8
|
+
::before,
|
|
9
|
+
::after {
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
:host(:is(:state(timetable-form-context),[state--timetable-form-context])) {
|
|
14
|
+
--sbb-timetable-form-swap-button-margin-inline-end: var(--sbb-spacing-fixed-6x);
|
|
15
|
+
--sbb-timetable-form-swap-button-translate: 0 -50%;
|
|
16
|
+
--sbb-timetable-form-swap-button-z-index: 1;
|
|
17
|
+
--sbb-timetable-form-swap-button-position: absolute;
|
|
18
|
+
position: relative;
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.sbb-timetable-form-swap-button {
|
|
22
|
+
position: var(--sbb-timetable-form-swap-button-position, relative);
|
|
23
|
+
margin-inline-end: var(--sbb-timetable-form-swap-button-margin-inline-end);
|
|
24
|
+
translate: var(--sbb-timetable-form-swap-button-translate);
|
|
25
|
+
z-index: var(--sbb-timetable-form-swap-button-z-index);
|
|
26
|
+
inset-inline-end: 0;
|
|
27
|
+
}`;
|
|
28
|
+
let SbbTimetableFormSwapButtonElement = (() => {
|
|
29
|
+
var _a;
|
|
30
|
+
let _classDecorators = [customElement("sbb-timetable-form-swap-button")];
|
|
31
|
+
let _classDescriptor;
|
|
32
|
+
let _classExtraInitializers = [];
|
|
33
|
+
let _classThis;
|
|
34
|
+
let _classSuper = SbbSecondaryButtonElement;
|
|
35
|
+
_a = class extends _classSuper {
|
|
36
|
+
constructor() {
|
|
37
|
+
super();
|
|
38
|
+
this._languageController = new SbbLanguageController(this);
|
|
39
|
+
this.iconName = "arrow-change-small";
|
|
40
|
+
this.addEventListener("click", () => this._invertFieldValues());
|
|
41
|
+
}
|
|
42
|
+
connectedCallback() {
|
|
43
|
+
super.connectedCallback();
|
|
44
|
+
this.toggleState("timetable-form-context", !!this.closest("sbb-timetable-form"));
|
|
45
|
+
}
|
|
46
|
+
willUpdate(changedProperties) {
|
|
47
|
+
super.willUpdate(changedProperties);
|
|
48
|
+
this.internals.ariaLabel = i18nTimetableFormSwapButtonLabel[this._languageController.current];
|
|
49
|
+
}
|
|
50
|
+
/**
|
|
51
|
+
* Search for `sbb-timetable-form-field` inputs, invert their values and dispatch the respective input and change events
|
|
52
|
+
*/
|
|
53
|
+
_invertFieldValues() {
|
|
54
|
+
const parentForm = this.closest("sbb-timetable-form");
|
|
55
|
+
const fields = Array.from(parentForm?.querySelectorAll("sbb-timetable-form-field") || []);
|
|
56
|
+
const values = fields.map((f) => f.inputElement?.value);
|
|
57
|
+
if (!parentForm || values.length === 0 || values.every((v) => !v)) {
|
|
58
|
+
return;
|
|
59
|
+
}
|
|
60
|
+
values.reverse().forEach((v, i) => {
|
|
61
|
+
const input = fields[i].inputElement;
|
|
62
|
+
if (input instanceof HTMLInputElement) {
|
|
63
|
+
input.value = v;
|
|
64
|
+
input.dispatchEvent(new InputEvent("input", { bubbles: true, composed: true }));
|
|
65
|
+
input.dispatchEvent(new Event("change", { bubbles: true }));
|
|
66
|
+
}
|
|
67
|
+
});
|
|
68
|
+
}
|
|
69
|
+
}, _classThis = _a, (() => {
|
|
70
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
71
|
+
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
72
|
+
_classThis = _classDescriptor.value;
|
|
73
|
+
if (_metadata) Object.defineProperty(_classThis, Symbol.metadata, { enumerable: true, configurable: true, writable: true, value: _metadata });
|
|
74
|
+
})(), _a.styles = [SbbSecondaryButtonElement.styles, style], __runInitializers(_classThis, _classExtraInitializers), _a;
|
|
75
|
+
return _classThis;
|
|
76
|
+
})();
|
|
77
|
+
export {
|
|
78
|
+
SbbTimetableFormSwapButtonElement
|
|
79
|
+
};
|
|
80
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGltZXRhYmxlLWZvcm0vdGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24vdGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYlNlY29uZGFyeUJ1dHRvbkVsZW1lbnQgfSBmcm9tICcuLi8uLi9idXR0b24vc2Vjb25kYXJ5LWJ1dHRvbi5qcyc7XG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGkxOG5UaW1ldGFibGVGb3JtU3dhcEJ1dHRvbkxhYmVsIH0gZnJvbSAnLi4vLi4vY29yZS9pMThuLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLWZvcm0tc3dhcC1idXR0b24uc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBBbiBleHRlbnNpb24gb2YgYHNiYi1zZWNvbmRhcnktYnV0dG9uYCB0byBiZSB1c2VkIGluc2lkZSB0aGUgYHNiYi10aW1ldGFibGUtZm9ybWAuXG4gKiBXaGVuIHBsYWNlZCBiZXR3ZWVuIHR3byBgc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkYCwgdGhlICdjbGljaycgc3dhcHMgdGhlIHZhbHVlIG9mIHRoZSBzaWJsaW5nIGlucHV0cy5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRpbWV0YWJsZS1mb3JtLXN3YXAtYnV0dG9uJylcbmNsYXNzIFNiYlRpbWV0YWJsZUZvcm1Td2FwQnV0dG9uRWxlbWVudCBleHRlbmRzIFNiYlNlY29uZGFyeUJ1dHRvbkVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiU2Vjb25kYXJ5QnV0dG9uRWxlbWVudC5zdHlsZXMsIHN0eWxlXTtcblxuICBwcml2YXRlIF9sYW5ndWFnZUNvbnRyb2xsZXIgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuXG4gIHB1YmxpYyBjb25zdHJ1Y3RvcigpIHtcbiAgICBzdXBlcigpO1xuICAgIHRoaXMuaWNvbk5hbWUgPSAnYXJyb3ctY2hhbmdlLXNtYWxsJztcbiAgICB0aGlzLmFkZEV2ZW50TGlzdGVuZXIoJ2NsaWNrJywgKCkgPT4gdGhpcy5faW52ZXJ0RmllbGRWYWx1ZXMoKSk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLnRvZ2dsZVN0YXRlKCd0aW1ldGFibGUtZm9ybS1jb250ZXh0JywgISF0aGlzLmNsb3Nlc3QoJ3NiYi10aW1ldGFibGUtZm9ybScpKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuICAgIHRoaXMuaW50ZXJuYWxzLmFyaWFMYWJlbCA9IGkxOG5UaW1ldGFibGVGb3JtU3dhcEJ1dHRvbkxhYmVsW3RoaXMuX2xhbmd1YWdlQ29udHJvbGxlci5jdXJyZW50XTtcbiAgfVxuXG4gIC8qKlxuICAgKiBTZWFyY2ggZm9yIGBzYmItdGltZXRhYmxlLWZvcm0tZmllbGRgIGlucHV0cywgaW52ZXJ0IHRoZWlyIHZhbHVlcyBhbmQgZGlzcGF0Y2ggdGhlIHJlc3BlY3RpdmUgaW5wdXQgYW5kIGNoYW5nZSBldmVudHNcbiAgICovXG4gIHByaXZhdGUgX2ludmVydEZpZWxkVmFsdWVzKCk6IHZvaWQge1xuICAgIGNvbnN0IHBhcmVudEZvcm0gPSB0aGlzLmNsb3Nlc3QoJ3NiYi10aW1ldGFibGUtZm9ybScpO1xuICAgIGNvbnN0IGZpZWxkcyA9IEFycmF5LmZyb20ocGFyZW50Rm9ybT8ucXVlcnlTZWxlY3RvckFsbCgnc2JiLXRpbWV0YWJsZS1mb3JtLWZpZWxkJykgfHwgW10pO1xuICAgIGNvbnN0IHZhbHVlcyA9IGZpZWxkcy5tYXAoKGYpID0+IChmLmlucHV0RWxlbWVudCBhcyBIVE1MSW5wdXRFbGVtZW50KT8udmFsdWUpO1xuICAgIGlmICghcGFyZW50Rm9ybSB8fCB2YWx1ZXMubGVuZ3RoID09PSAwIHx8IHZhbHVlcy5ldmVyeSgodikgPT4gIXYpKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgdmFsdWVzLnJldmVyc2UoKS5mb3JFYWNoKCh2LCBpKSA9PiB7XG4gICAgICBjb25zdCBpbnB1dCA9IGZpZWxkc1tpXS5pbnB1dEVsZW1lbnQ7XG4gICAgICBpZiAoaW5wdXQgaW5zdGFuY2VvZiBIVE1MSW5wdXRFbGVtZW50KSB7XG4gICAgICAgIGlucHV0LnZhbHVlID0gdjtcbiAgICAgICAgaW5wdXQuZGlzcGF0Y2hFdmVudChuZXcgSW5wdXRFdmVudCgnaW5wdXQnLCB7IGJ1YmJsZXM6IHRydWUsIGNvbXBvc2VkOiB0cnVlIH0pKTtcbiAgICAgICAgaW5wdXQuZGlzcGF0Y2hFdmVudChuZXcgRXZlbnQoJ2NoYW5nZScsIHsgYnViYmxlczogdHJ1ZSB9KSk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10aW1ldGFibGUtZm9ybS1zd2FwLWJ1dHRvbic6IFNiYlRpbWV0YWJsZUZvcm1Td2FwQnV0dG9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQWVNLHFDQUFpQyxNQUFBOzswQkFEdEMsY0FBYyxnQ0FBZ0MsQ0FBQzs7OztvQkFDQTtBQUFSLEVBQUEsbUJBQVEsWUFBeUI7QUFBQSxJQUt2RSxjQUFBO0FBQ0UsWUFBQTtBQUhNLFdBQUEsc0JBQXNCLElBQUksc0JBQXNCLElBQUk7QUFJMUQsV0FBSyxXQUFXO0FBQ2hCLFdBQUssaUJBQWlCLFNBQVMsTUFBTSxLQUFLLG9CQUFvQjtBQUFBLElBQ2hFO0FBQUEsSUFFZ0Isb0JBQWlCO0FBQy9CLFlBQU0sa0JBQUE7QUFDTixXQUFLLFlBQVksMEJBQTBCLENBQUMsQ0FBQyxLQUFLLFFBQVEsb0JBQW9CLENBQUM7QUFBQSxJQUNqRjtBQUFBLElBRW1CLFdBQVcsbUJBQXVDO0FBQ25FLFlBQU0sV0FBVyxpQkFBaUI7QUFDbEMsV0FBSyxVQUFVLFlBQVksaUNBQWlDLEtBQUssb0JBQW9CLE9BQU87QUFBQSxJQUM5RjtBQUFBO0FBQUE7QUFBQTtBQUFBLElBS1EscUJBQWtCO0FBQ3hCLFlBQU0sYUFBYSxLQUFLLFFBQVEsb0JBQW9CO0FBQ3BELFlBQU0sU0FBUyxNQUFNLEtBQUssWUFBWSxpQkFBaUIsMEJBQTBCLEtBQUssRUFBRTtBQUN4RixZQUFNLFNBQVMsT0FBTyxJQUFJLENBQUMsTUFBTyxFQUFFLGNBQW1DLEtBQUs7QUFDNUUsVUFBSSxDQUFDLGNBQWMsT0FBTyxXQUFXLEtBQUssT0FBTyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBRztBQUNqRTtBQUFBLE1BQ0Y7QUFFQSxhQUFPLFFBQUEsRUFBVSxRQUFRLENBQUMsR0FBRyxNQUFLO0FBQ2hDLGNBQU0sUUFBUSxPQUFPLENBQUMsRUFBRTtBQUN4QixZQUFJLGlCQUFpQixrQkFBa0I7QUFDckMsZ0JBQU0sUUFBUTtBQUNkLGdCQUFNLGNBQWMsSUFBSSxXQUFXLFNBQVMsRUFBRSxTQUFTLE1BQU0sVUFBVSxLQUFBLENBQU0sQ0FBQztBQUM5RSxnQkFBTSxjQUFjLElBQUksTUFBTSxVQUFVLEVBQUUsU0FBUyxLQUFBLENBQU0sQ0FBQztBQUFBLFFBQzVEO0FBQUEsTUFDRixDQUFDO0FBQUEsSUFDSDtBQUFBOztBQXhDRixpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsQ0FBQywwQkFBMEIsUUFBUSxLQUFLLEdBRHBGLGtCQUFBLFlBQUEsdUJBQUEsR0FBa0M7OzsifQ==
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"timetable-form-swap-button.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-form/timetable-form-swap-button.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,cAAc,sEAAsE,CAAC"}
|