@sbb-esta/lyne-elements 1.14.1 → 1.15.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/autocomplete/autocomplete.d.ts +1 -1
- package/autocomplete/autocomplete.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +1 -1
- package/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
- package/autocomplete-grid/autocomplete-grid.js +6 -6
- package/autocomplete.js +20 -19
- package/calendar/calendar.d.ts +1 -1
- package/calendar/calendar.d.ts.map +1 -1
- package/calendar.js +25 -27
- package/checkbox/checkbox-panel/checkbox-panel.d.ts +1 -1
- package/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
- package/checkbox/checkbox-panel.js +5 -5
- package/checkbox/common.js +1 -1
- package/clock/clock.d.ts +1 -1
- package/clock/clock.d.ts.map +1 -1
- package/clock.js +2 -2
- package/container/sticky-bar/sticky-bar.d.ts +29 -2
- package/container/sticky-bar/sticky-bar.d.ts.map +1 -1
- package/container/sticky-bar.js +69 -31
- package/core/base-elements/link-base-element.d.ts +1 -0
- package/core/base-elements/link-base-element.d.ts.map +1 -1
- package/core/base-elements.js +46 -43
- package/core/config/config.d.ts +3 -0
- package/core/config/config.d.ts.map +1 -1
- package/core/controllers/media-matchers-controller.d.ts +32 -0
- package/core/controllers/media-matchers-controller.d.ts.map +1 -0
- package/core/controllers.d.ts +1 -0
- package/core/controllers.d.ts.map +1 -1
- package/core/controllers.js +75 -33
- package/core/dom/breakpoint.d.ts +2 -1
- package/core/dom/breakpoint.d.ts.map +1 -1
- package/core/dom.js +7 -7
- package/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
- package/core/mixins.js +8 -1
- package/core/styles/core/mediaqueries.scss +1 -2
- package/core/styles/mixins/buttons.scss +5 -5
- package/core/testing/event-spy.d.ts +6 -4
- package/core/testing/event-spy.d.ts.map +1 -1
- package/core/testing.js +82 -55
- package/custom-elements.json +953 -97
- package/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/development/autocomplete/autocomplete.d.ts +1 -1
- package/development/autocomplete/autocomplete.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts +1 -1
- package/development/autocomplete-grid/autocomplete-grid/autocomplete-grid.d.ts.map +1 -1
- package/development/autocomplete-grid/autocomplete-grid.js +4 -3
- package/development/autocomplete.js +4 -3
- package/development/calendar/calendar.d.ts +1 -1
- package/development/calendar/calendar.d.ts.map +1 -1
- package/development/calendar.js +8 -11
- package/development/checkbox/checkbox-panel/checkbox-panel.d.ts +1 -1
- package/development/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -1
- package/development/checkbox/checkbox-panel.js +2 -2
- package/development/checkbox/common.js +2 -2
- package/development/clock/clock.d.ts +1 -1
- package/development/clock/clock.d.ts.map +1 -1
- package/development/clock.js +3 -3
- package/development/container/sticky-bar/sticky-bar.d.ts +29 -2
- package/development/container/sticky-bar/sticky-bar.d.ts.map +1 -1
- package/development/container/sticky-bar.js +149 -36
- package/development/core/base-elements/link-base-element.d.ts +1 -0
- package/development/core/base-elements/link-base-element.d.ts.map +1 -1
- package/development/core/base-elements.js +5 -2
- package/development/core/config/config.d.ts +3 -0
- package/development/core/config/config.d.ts.map +1 -1
- package/development/core/config.js +1 -1
- package/development/core/controllers/media-matchers-controller.d.ts +32 -0
- package/development/core/controllers/media-matchers-controller.d.ts.map +1 -0
- package/development/core/controllers.d.ts +1 -0
- package/development/core/controllers.d.ts.map +1 -1
- package/development/core/controllers.js +65 -1
- package/development/core/dom/breakpoint.d.ts +2 -1
- package/development/core/dom/breakpoint.d.ts.map +1 -1
- package/development/core/dom.js +2 -2
- package/development/core/mixins/form-associated-checkbox-mixin.d.ts.map +1 -1
- package/development/core/mixins.js +9 -2
- package/development/core/testing/event-spy.d.ts +6 -4
- package/development/core/testing/event-spy.d.ts.map +1 -1
- package/development/core/testing.js +35 -1
- package/development/datepicker/datepicker/datepicker.d.ts.map +1 -1
- package/development/datepicker/datepicker.js +1 -1
- package/development/dialog/dialog.js +2 -2
- package/development/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts +2 -0
- package/development/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts.map +1 -1
- package/development/expansion-panel/expansion-panel-header.js +7 -3
- package/development/file-selector/file-selector.d.ts +5 -0
- package/development/file-selector/file-selector.d.ts.map +1 -1
- package/development/file-selector.js +8 -1
- package/development/flip-card/flip-card/flip-card.d.ts +4 -0
- package/development/flip-card/flip-card/flip-card.d.ts.map +1 -1
- package/development/flip-card/flip-card-details.js +4 -6
- package/development/flip-card/flip-card-summary/flip-card-summary.d.ts +1 -1
- package/development/flip-card/flip-card-summary/flip-card-summary.d.ts.map +1 -1
- package/development/flip-card/flip-card-summary.js +9 -10
- package/development/flip-card/flip-card.js +26 -2
- package/development/form-field/form-field.js +5 -3
- package/development/icon/icon.d.ts +1 -1
- package/development/icon.js +1 -1
- package/development/image/image.d.ts.map +1 -1
- package/development/image.js +3 -19
- package/development/map-container.js +3 -2
- package/development/menu/menu/menu.d.ts +1 -0
- package/development/menu/menu/menu.d.ts.map +1 -1
- package/development/menu/menu.js +15 -11
- package/development/navigation/navigation-section.js +4 -14
- package/development/navigation/navigation.js +3 -13
- package/development/notification.js +3 -2
- package/development/paginator/paginator/paginator.d.ts +1 -5
- package/development/paginator/paginator/paginator.d.ts.map +1 -1
- package/development/paginator/paginator.js +19 -27
- package/development/popover/popover/popover.d.ts.map +1 -1
- package/development/popover/popover.js +9 -16
- package/development/radio-button/radio-button-panel/radio-button-panel.d.ts +1 -1
- package/development/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
- package/development/radio-button/radio-button-panel.js +2 -2
- package/development/sbb-tokens-BdGhUJjM.js +33 -0
- package/development/select/select.d.ts +6 -5
- package/development/select/select.d.ts.map +1 -1
- package/development/select.js +23 -14
- package/development/slider/slider.d.ts +5 -0
- package/development/slider/slider.d.ts.map +1 -1
- package/development/slider.js +8 -1
- package/development/table/table-wrapper/table-wrapper.d.ts +1 -1
- package/development/table/table-wrapper/table-wrapper.d.ts.map +1 -1
- package/development/table/table-wrapper.js +1 -1
- package/development/teaser/teaser.d.ts +2 -1
- package/development/teaser/teaser.d.ts.map +1 -1
- package/development/teaser-product/common/teaser-product-common.d.ts +1 -1
- package/development/teaser-product/common/teaser-product-common.d.ts.map +1 -1
- package/development/teaser-product/common.js +19 -19
- package/development/teaser-product/teaser-product/teaser-product.d.ts +2 -1
- package/development/teaser-product/teaser-product/teaser-product.d.ts.map +1 -1
- package/development/teaser-product/teaser-product.js +44 -12
- package/development/teaser.js +33 -7
- package/development/timetable-occupancy-icon/timetable-occupancy-icon.d.ts +2 -1
- package/development/timetable-occupancy-icon/timetable-occupancy-icon.d.ts.map +1 -1
- package/development/timetable-occupancy-icon.js +11 -9
- package/development/toggle-check/toggle-check.d.ts +1 -1
- package/development/toggle-check/toggle-check.d.ts.map +1 -1
- package/development/toggle-check.js +2 -2
- package/dialog/dialog.js +1 -1
- package/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts +2 -0
- package/expansion-panel/expansion-panel-header/expansion-panel-header.d.ts.map +1 -1
- package/expansion-panel/expansion-panel-header.js +25 -23
- package/file-selector/file-selector.d.ts +5 -0
- package/file-selector/file-selector.d.ts.map +1 -1
- package/file-selector.js +7 -0
- package/flip-card/flip-card/flip-card.d.ts +4 -0
- package/flip-card/flip-card/flip-card.d.ts.map +1 -1
- package/flip-card/flip-card-details.js +6 -6
- package/flip-card/flip-card-summary/flip-card-summary.d.ts +1 -1
- package/flip-card/flip-card-summary/flip-card-summary.d.ts.map +1 -1
- package/flip-card/flip-card-summary.js +8 -8
- package/flip-card/flip-card.js +56 -42
- package/icon/icon.d.ts +1 -1
- package/image/image.d.ts.map +1 -1
- package/image.js +46 -45
- package/map-container.js +7 -7
- package/menu/menu/menu.d.ts +1 -0
- package/menu/menu/menu.d.ts.map +1 -1
- package/menu/menu.js +45 -41
- package/navigation/navigation-section.js +7 -7
- package/navigation/navigation.js +8 -8
- package/package.json +1 -1
- package/paginator/paginator/paginator.d.ts +1 -5
- package/paginator/paginator/paginator.d.ts.map +1 -1
- package/paginator/paginator.js +50 -52
- package/popover/popover/popover.d.ts.map +1 -1
- package/popover/popover.js +42 -46
- package/radio-button/radio-button-panel/radio-button-panel.d.ts +1 -1
- package/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -1
- package/radio-button/radio-button-panel.js +7 -7
- package/sbb-tokens-Dx20OtVg.js +18 -0
- package/select/select.d.ts +6 -5
- package/select/select.d.ts.map +1 -1
- package/select.js +55 -53
- package/slider/slider.d.ts +5 -0
- package/slider/slider.d.ts.map +1 -1
- package/slider.js +12 -5
- package/table/table-wrapper/table-wrapper.d.ts +1 -1
- package/table/table-wrapper/table-wrapper.d.ts.map +1 -1
- package/teaser/teaser.d.ts +2 -1
- package/teaser/teaser.d.ts.map +1 -1
- package/teaser-product/common/teaser-product-common.d.ts +1 -1
- package/teaser-product/common/teaser-product-common.d.ts.map +1 -1
- package/teaser-product/common.js +22 -20
- package/teaser-product/teaser-product/teaser-product.d.ts +2 -1
- package/teaser-product/teaser-product/teaser-product.d.ts.map +1 -1
- package/teaser-product/teaser-product.js +26 -13
- package/teaser.js +38 -26
- package/timetable-occupancy-icon/timetable-occupancy-icon.d.ts +2 -1
- package/timetable-occupancy-icon/timetable-occupancy-icon.d.ts.map +1 -1
- package/timetable-occupancy-icon.js +45 -44
- package/toggle-check/toggle-check.d.ts +1 -1
- package/toggle-check/toggle-check.d.ts.map +1 -1
- package/toggle-check.js +1 -1
|
@@ -39,15 +39,17 @@ const SbbTeaserProductCommonElementMixin = (superClass) => {
|
|
|
39
39
|
}
|
|
40
40
|
renderTemplate() {
|
|
41
41
|
return html`
|
|
42
|
-
<
|
|
43
|
-
|
|
44
|
-
<
|
|
45
|
-
<
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
<
|
|
49
|
-
|
|
50
|
-
|
|
42
|
+
<div class="sbb-teaser-product__root">
|
|
43
|
+
<div class="sbb-teaser-product__image-container"><slot name="image"></slot></div>
|
|
44
|
+
<div class="sbb-teaser-product__container">
|
|
45
|
+
<span class="sbb-teaser-product__content">
|
|
46
|
+
<slot></slot>
|
|
47
|
+
</span>
|
|
48
|
+
<div class="sbb-teaser-product__footnote">
|
|
49
|
+
<slot name="footnote"></slot>
|
|
50
|
+
</div>
|
|
51
|
+
</div>
|
|
52
|
+
</div>
|
|
51
53
|
`;
|
|
52
54
|
}
|
|
53
55
|
}, _imageAlignment_accessor_storage = new WeakMap(), _classThis = _a, (() => {
|
|
@@ -107,7 +109,6 @@ const teaserProductCommon = css`*,
|
|
|
107
109
|
}
|
|
108
110
|
|
|
109
111
|
.sbb-teaser-product__image-container {
|
|
110
|
-
display: block;
|
|
111
112
|
overflow: hidden;
|
|
112
113
|
border-radius: var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius) 0 0;
|
|
113
114
|
}
|
|
@@ -144,13 +145,8 @@ const teaserProductCommon = css`*,
|
|
|
144
145
|
margin-block-start: var(--sbb-spacing-responsive-xxs);
|
|
145
146
|
}
|
|
146
147
|
|
|
147
|
-
.sbb-action-base {
|
|
148
|
-
display: block;
|
|
149
|
-
position: relative;
|
|
150
|
-
text-decoration: none;
|
|
151
|
-
}
|
|
152
148
|
@media (forced-colors: active) {
|
|
153
|
-
.sbb-
|
|
149
|
+
.sbb-teaser-product__root::after {
|
|
154
150
|
content: "";
|
|
155
151
|
position: absolute;
|
|
156
152
|
display: block;
|
|
@@ -161,8 +157,13 @@ const teaserProductCommon = css`*,
|
|
|
161
157
|
}
|
|
162
158
|
}
|
|
163
159
|
|
|
164
|
-
.sbb-
|
|
160
|
+
.sbb-action-base {
|
|
165
161
|
display: block;
|
|
162
|
+
position: relative;
|
|
163
|
+
text-decoration: none;
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
.sbb-teaser-product__container {
|
|
166
167
|
background: var(--sbb-teaser-product-background);
|
|
167
168
|
border-radius: 0 0 var(--sbb-teaser-product-border-radius) var(--sbb-teaser-product-border-radius);
|
|
168
169
|
padding: var(--sbb-spacing-responsive-s);
|
|
@@ -198,7 +199,6 @@ const teaserProductCommon = css`*,
|
|
|
198
199
|
|
|
199
200
|
.sbb-teaser-product__footnote {
|
|
200
201
|
grid-area: footnote;
|
|
201
|
-
display: block;
|
|
202
202
|
padding-block-start: var(--sbb-spacing-responsive-s);
|
|
203
203
|
color: var(--sbb-teaser-product-footer-color);
|
|
204
204
|
--sbb-text-font-size: var(--sbb-font-size-text-xxs);
|
|
@@ -221,4 +221,4 @@ export {
|
|
|
221
221
|
SbbTeaserProductCommonElementMixin,
|
|
222
222
|
teaserProductCommon as teaserProductCommonStyle
|
|
223
223
|
};
|
|
224
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
224
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tbW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyLXByb2R1Y3QvY29tbW9uL3RlYXNlci1wcm9kdWN0LWNvbW1vbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBodG1sLCB0eXBlIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB7IHNsb3RTdGF0ZSB9IGZyb20gJy4uLy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQge1xuICB0eXBlIEFic3RyYWN0Q29uc3RydWN0b3IsXG4gIFNiYk5lZ2F0aXZlTWl4aW4sXG4gIHR5cGUgU2JiTmVnYXRpdmVNaXhpblR5cGUsXG59IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcblxuZXhwb3J0IGRlY2xhcmUgY2xhc3MgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpblR5cGUgZXh0ZW5kcyBTYmJOZWdhdGl2ZU1peGluVHlwZSB7XG4gIHB1YmxpYyBhY2Nlc3NvciBpbWFnZUFsaWdubWVudDogJ2FmdGVyJyB8ICdiZWZvcmUnO1xufVxuXG4vLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG5leHBvcnQgY29uc3QgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpbiA9IDxcbiAgVCBleHRlbmRzIEFic3RyYWN0Q29uc3RydWN0b3I8U2JiQWN0aW9uQmFzZUVsZW1lbnQ+LFxuPihcbiAgc3VwZXJDbGFzczogVCxcbik6IEFic3RyYWN0Q29uc3RydWN0b3I8U2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICYgVCA9PiB7XG4gIEBzbG90U3RhdGUoKVxuICBhYnN0cmFjdCBjbGFzcyBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudFxuICAgIGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihzdXBlckNsYXNzKVxuICAgIGltcGxlbWVudHMgU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnRNaXhpblR5cGVcbiAge1xuICAgIC8qKlxuICAgICAqIFdoZXRoZXIgdGhlIGZ1bGx5IHZpc2libGUgcGFydCBvZiB0aGUgaW1hZ2UgaXMgYWxpZ25lZCAnYmVmb3JlJyBvciAnYWZ0ZXInIHRoZSBjb250ZW50LlxuICAgICAqIE9ubHkgcmVsZXZhbnQgc3RhcnRpbmcgZnJvbSBsYXJnZSBicmVha3BvaW50LlxuICAgICAqL1xuICAgIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2ltYWdlLWFsaWdubWVudCcsIHJlZmxlY3Q6IHRydWUgfSlcbiAgICBwdWJsaWMgYWNjZXNzb3IgaW1hZ2VBbGlnbm1lbnQ6ICdhZnRlcicgfCAnYmVmb3JlJyA9ICdhZnRlcic7XG5cbiAgICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyVGVtcGxhdGUoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgICAgcmV0dXJuIGh0bWxgXG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGVhc2VyLXByb2R1Y3RfX3Jvb3RcIj5cbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRlYXNlci1wcm9kdWN0X19pbWFnZS1jb250YWluZXJcIj48c2xvdCBuYW1lPVwiaW1hZ2VcIj48L3Nsb3Q+PC9kaXY+XG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fY29udGFpbmVyXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fY29udGVudFwiPlxuICAgICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRlYXNlci1wcm9kdWN0X19mb290bm90ZVwiPlxuICAgICAgICAgICAgICA8c2xvdCBuYW1lPVwiZm9vdG5vdGVcIj48L3Nsb3Q+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgICBgO1xuICAgIH1cbiAgfVxuICByZXR1cm4gU2JiVGVhc2VyUHJvZHVjdENvbW1vbkVsZW1lbnQgYXMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluVHlwZT4gJlxuICAgIFQ7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7OztBQWdCYSxNQUFBLHFDQUFxQyxDQUdoRCxlQUNtRTtNQUVwRCxpQ0FBNkIsTUFBQTs7QUFEM0MsUUFBQSxtQkFBQSxDQUFBLFdBQVc7Ozs7c0JBRUYsaUJBQWlCLFVBQVU7Ozs7QUFBbkMsSUFBQSxtQkFBUSxZQUE0QjtBQUFBOztBQVFwQyw2REFBQSxrQkFBQSxNQUFBLDhCQUFxRCxPQUFPOzs7Ozs7O01BQTVELElBQWdCLGlCQUE2QztBQUFBLGVBQUEsbUJBQUE7QUFBQSxNQUFBO0FBQUEsTUFBN0QsSUFBZ0IsZUFBNkMsT0FBQTtBQUFBLDJCQUFBLGtDQUFBO0FBQUEsTUFBQTtBQUFBLE1BRTFDLGlCQUFjO0FBQ3hCLGVBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxNQUFBO0FBQUEsT0FIVDs7b0NBREMsU0FBUyxFQUFFLFdBQVcsbUJBQW1CLFNBQVMsS0FBQSxDQUFNLENBQUM7QUFDMUMsbUJBQUEsSUFBQSxNQUFBLDRCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsa0JBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsb0JBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLGdCQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxZQUFBLGlCQUE2QztBQUFBLFdBQUEsVUFBQSxhQUFBLDhCQUFBLGlDQUFBO0FBVC9ELG1CQTBCQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O0FBMUJjLHdCQUE2QixZQUFBLHVCQUFBO0FBQUEsSUFBQSxNQUMxQzs7O0FBMEJLLFNBQUE7QUFFVDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OzsifQ==
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { CSSResultGroup } from 'lit';
|
|
1
|
+
import { CSSResultGroup, TemplateResult } from 'lit';
|
|
2
2
|
import { SbbLinkBaseElement } from '../../core/base-elements.js';
|
|
3
3
|
declare const SbbTeaserProductElement_base: import('../../core/mixins.js').AbstractConstructor<import('../common.js').SbbTeaserProductCommonElementMixinType> & typeof SbbLinkBaseElement;
|
|
4
4
|
/**
|
|
@@ -12,6 +12,7 @@ declare const SbbTeaserProductElement_base: import('../../core/mixins.js').Abstr
|
|
|
12
12
|
*/
|
|
13
13
|
export declare class SbbTeaserProductElement extends SbbTeaserProductElement_base {
|
|
14
14
|
static styles: CSSResultGroup;
|
|
15
|
+
protected render(): TemplateResult;
|
|
15
16
|
}
|
|
16
17
|
declare global {
|
|
17
18
|
interface HTMLElementTagNameMap {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"teaser-product.d.ts","sourceRoot":"","sources":["../../../../../src/elements/teaser-product/teaser-product/teaser-product.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"teaser-product.d.ts","sourceRoot":"","sources":["../../../../../src/elements/teaser-product/teaser-product/teaser-product.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAC;AAKjE,OAAO,6BAA6B,CAAC;;AAErC;;;;;;;;GAQG;AACH,qBAEM,uBAAwB,SAAQ,4BAAsD;IAC1F,OAAuB,MAAM,EAAE,cAAc,CAAqC;cAE/D,MAAM,IAAI,cAAc;CAY5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF"}
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
2
|
import { customElement } from "lit/decorators.js";
|
|
3
|
+
import { html } from "lit/static-html.js";
|
|
3
4
|
import { SbbLinkBaseElement } from "../core/base-elements.js";
|
|
4
5
|
import { SbbTeaserProductCommonElementMixin, teaserProductCommonStyle } from "./common.js";
|
|
5
6
|
import { css } from "lit";
|
|
7
|
+
import "../screen-reader-only.js";
|
|
6
8
|
const style = css`:host {
|
|
7
9
|
--sbb-teaser-product-brightness-hover: var(--sbb-hover-image-brightness);
|
|
8
10
|
--sbb-teaser-product-animation-duration: var(
|
|
@@ -12,6 +14,13 @@ const style = css`:host {
|
|
|
12
14
|
--sbb-teaser-product-animation-easing: var(--sbb-animation-easing);
|
|
13
15
|
--sbb-teaser-product-border-radius: var(--sbb-border-radius-4x);
|
|
14
16
|
}
|
|
17
|
+
@media (forced-colors: active) {
|
|
18
|
+
:host {
|
|
19
|
+
--sbb-title-text-color-normal-override: LinkText !important;
|
|
20
|
+
--sbb-teaser-product-content-color: LinkText !important;
|
|
21
|
+
--sbb-teaser-product-footer-color: LinkText !important;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
15
24
|
|
|
16
25
|
@media (any-hover: hover) {
|
|
17
26
|
:host(:hover) {
|
|
@@ -19,23 +28,35 @@ const style = css`:host {
|
|
|
19
28
|
}
|
|
20
29
|
}
|
|
21
30
|
|
|
22
|
-
:host(:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-teaser-product:focus-visible {
|
|
23
|
-
outline-offset: var(--sbb-focus-outline-offset);
|
|
24
|
-
outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
|
|
25
|
-
border-radius: var(--sbb-teaser-product-border-radius);
|
|
26
|
-
}
|
|
27
|
-
@media (forced-colors: active) {
|
|
28
|
-
:host(:hover) .sbb-teaser-product::after {
|
|
29
|
-
border-color: Highlight;
|
|
30
|
-
}
|
|
31
|
-
}
|
|
32
|
-
|
|
33
31
|
::slotted(:is(img, sbb-image)) {
|
|
34
32
|
will-change: filter;
|
|
35
33
|
transition-property: filter;
|
|
36
34
|
transition-duration: var(--sbb-teaser-product-animation-duration);
|
|
37
35
|
transition-timing-function: var(--sbb-animation-easing);
|
|
38
36
|
filter: brightness(var(--sbb-teaser-product-brightness, 1));
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
.sbb-teaser-product__wrapper {
|
|
40
|
+
position: relative;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
.sbb-teaser-product__root {
|
|
44
|
+
pointer-events: none;
|
|
45
|
+
}
|
|
46
|
+
@media (forced-colors: active) {
|
|
47
|
+
:host(:hover) .sbb-teaser-product__root::after {
|
|
48
|
+
border-color: Highlight;
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.sbb-teaser-product {
|
|
53
|
+
position: absolute;
|
|
54
|
+
inset: 0;
|
|
55
|
+
}
|
|
56
|
+
:host(:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-teaser-product:focus-visible {
|
|
57
|
+
outline-offset: var(--sbb-focus-outline-offset);
|
|
58
|
+
outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
|
|
59
|
+
border-radius: var(--sbb-teaser-product-border-radius);
|
|
39
60
|
}`;
|
|
40
61
|
let SbbTeaserProductElement = (() => {
|
|
41
62
|
var _a;
|
|
@@ -45,6 +66,17 @@ let SbbTeaserProductElement = (() => {
|
|
|
45
66
|
let _classThis;
|
|
46
67
|
let _classSuper = SbbTeaserProductCommonElementMixin(SbbLinkBaseElement);
|
|
47
68
|
_a = class extends _classSuper {
|
|
69
|
+
render() {
|
|
70
|
+
return html`
|
|
71
|
+
<div class="sbb-teaser-product__wrapper">
|
|
72
|
+
${this.renderLink(
|
|
73
|
+
// For SEO we add the accessibility hidden as hidden content of the link
|
|
74
|
+
html`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`
|
|
75
|
+
)}
|
|
76
|
+
${this.renderTemplate()}
|
|
77
|
+
</div>
|
|
78
|
+
`;
|
|
79
|
+
}
|
|
48
80
|
}, _classThis = _a, (() => {
|
|
49
81
|
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
50
82
|
__esDecorate(null, _classDescriptor = { value: _classThis }, _classDecorators, { kind: "class", name: _classThis.name, metadata: _metadata }, null, _classExtraInitializers);
|
|
@@ -56,4 +88,4 @@ let SbbTeaserProductElement = (() => {
|
|
|
56
88
|
export {
|
|
57
89
|
SbbTeaserProductElement
|
|
58
90
|
};
|
|
59
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLXByb2R1Y3QuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC90ZWFzZXItcHJvZHVjdC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB7IFNiYkxpbmtCYXNlRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy5qcyc7XG5pbXBvcnQgeyBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluLCB0ZWFzZXJQcm9kdWN0Q29tbW9uU3R5bGUgfSBmcm9tICcuLi9jb21tb24uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90ZWFzZXItcHJvZHVjdC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uLy4uL3NjcmVlbi1yZWFkZXItb25seS5qcyc7XG5cbi8qKlxuICogRGlzcGxheXMgYSB0ZXh0IGFuZCBhIGZvb3Rub3RlLCBjb21iaW5lZCB3aXRoIGFuIGltYWdlLCB0byB0ZWFzZSBhIHByb2R1Y3RcbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSB0aGUgbWFpbiBjb250ZW50LlxuICogQHNsb3QgaW1hZ2UgLSBVc2UgdGhpcyBzbG90IHRvIHByb3ZpZGUgYW4gaW1hZ2Ugb3IgYSBgc2JiLWltYWdlYCBhcyBhIGJhY2tncm91bmQuXG4gKiBAc2xvdCBmb290bm90ZSAtIFVzZSB0aGlzIHNsb3QgdG8gcHJvdmlkZSBhIGZvb3Rub3RlLlxuICogQGNzc3Byb3AgWy0tc2JiLXRlYXNlci1wcm9kdWN0LWJhY2tncm91bmQtZ3JhZGllbnQtc3RhcnQ9MjUlXSAtIEF0IHdoaWNoIHBlcmNlbnRhZ2UgdGhlIGJhY2tncm91bmQgc2hvdWxkIHN0YXJ0IGdldHRpbmcgdHJhbnNwYXJlbnQuXG4gKiBAY3NzcHJvcCBbLS1zYmItdGVhc2VyLXByb2R1Y3QtYmFja2dyb3VuZC1ncmFkaWVudC1lbmQ9NzUlXSAtIEF0IHdoaWNoIHBlcmNlbnRhZ2UgdGhlIGJhY2tncm91bmQgc2hvdWxkIGJlIGZ1bGx5IHRyYW5zcGFyZW50LlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItdGVhc2VyLXByb2R1Y3QnKVxuY2xhc3MgU2JiVGVhc2VyUHJvZHVjdEVsZW1lbnQgZXh0ZW5kcyBTYmJUZWFzZXJQcm9kdWN0Q29tbW9uRWxlbWVudE1peGluKFNiYkxpbmtCYXNlRWxlbWVudCkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbdGVhc2VyUHJvZHVjdENvbW1vblN0eWxlLCBzdHlsZV07XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgLy8gV2UgcmVuZGVyIHRoZSBjb250ZW50IG91dHNpZGUgdGhlIGFuY2hvciB0YWcgdG8gYWxsb3cgc2NyZWVuIHJlYWRlcnMgdG8gbmF2aWdhdGUgdGhyb3VnaCBpdFxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXItcHJvZHVjdF9fd3JhcHBlclwiPlxuICAgICAgICAke3RoaXMucmVuZGVyTGluayhcbiAgICAgICAgICAvLyBGb3IgU0VPIHdlIGFkZCB0aGUgYWNjZXNzaWJpbGl0eSBoaWRkZW4gYXMgaGlkZGVuIGNvbnRlbnQgb2YgdGhlIGxpbmtcbiAgICAgICAgICBodG1sYDxzYmItc2NyZWVuLXJlYWRlci1vbmx5PiR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PmAsXG4gICAgICAgICl9XG4gICAgICAgICR7dGhpcy5yZW5kZXJUZW1wbGF0ZSgpfVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRlYXNlci1wcm9kdWN0JzogU2JiVGVhc2VyUHJvZHVjdEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFzQk0sMkJBQXVCLE1BQUE7OzBCQUQ1QixjQUFjLG9CQUFvQixDQUFDOzs7O29CQUNFLG1DQUFtQyxrQkFBa0I7QUFBN0QsRUFBQSxtQkFBUSxZQUFzRDtBQUFBLElBR3ZFLFNBQU07QUFFaEIsYUFBQTtBQUFBO0FBQUEsVUFFRCxLQUFLO0FBQUE7QUFBQSxRQUVMLCtCQUErQixLQUFLLGtCQUFrQjtBQUFBLE1BQ3ZELENBQUE7QUFBQSxVQUNDLEtBQUssZUFBZ0IsQ0FBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUE7O0FBWC9CLGlCQWVDLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFkd0IsR0FBQSxTQUF5QixDQUFDLDBCQUEwQixLQUFLLEdBRDVFLGtCQUF1QixZQUFBLHVCQUFBLEdBQUM7OzsifQ==
|
package/development/teaser.js
CHANGED
|
@@ -12,6 +12,7 @@ import { SbbLinkBaseElement } from "./core/base-elements.js";
|
|
|
12
12
|
import { slotState, forceType, omitEmptyConverter } from "./core/decorators.js";
|
|
13
13
|
import { css } from "lit";
|
|
14
14
|
import "./chip.js";
|
|
15
|
+
import "./screen-reader-only.js";
|
|
15
16
|
import "./title.js";
|
|
16
17
|
const style = css`@charset "UTF-8";
|
|
17
18
|
*,
|
|
@@ -36,6 +37,12 @@ const style = css`@charset "UTF-8";
|
|
|
36
37
|
var(--sbb-animation-duration-4x)
|
|
37
38
|
);
|
|
38
39
|
}
|
|
40
|
+
@media (forced-colors: active) {
|
|
41
|
+
:host {
|
|
42
|
+
--sbb-teaser-description-color: LinkText;
|
|
43
|
+
--sbb-title-text-color-normal-override: LinkText !important;
|
|
44
|
+
}
|
|
45
|
+
}
|
|
39
46
|
|
|
40
47
|
:host([alignment=after]) {
|
|
41
48
|
--sbb-teaser-align-items: start;
|
|
@@ -48,16 +55,23 @@ const style = css`@charset "UTF-8";
|
|
|
48
55
|
--sbb-teaser-width: 100%;
|
|
49
56
|
}
|
|
50
57
|
|
|
51
|
-
.sbb-
|
|
58
|
+
.sbb-teaser__wrapper {
|
|
52
59
|
display: flex;
|
|
53
|
-
|
|
60
|
+
position: relative;
|
|
61
|
+
cursor: pointer;
|
|
54
62
|
}
|
|
55
|
-
.sbb-
|
|
63
|
+
.sbb-teaser__wrapper::before {
|
|
56
64
|
content: "";
|
|
57
65
|
user-select: none;
|
|
58
66
|
width: 0;
|
|
59
67
|
height: 0;
|
|
60
68
|
}
|
|
69
|
+
|
|
70
|
+
.sbb-teaser {
|
|
71
|
+
text-decoration: none;
|
|
72
|
+
position: absolute;
|
|
73
|
+
inset: 0;
|
|
74
|
+
}
|
|
61
75
|
:host(:not([data-focus-origin=mouse], [data-focus-origin=touch])) .sbb-teaser:focus-visible {
|
|
62
76
|
outline-offset: var(--sbb-focus-outline-offset);
|
|
63
77
|
outline: var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);
|
|
@@ -81,6 +95,7 @@ const style = css`@charset "UTF-8";
|
|
|
81
95
|
gap: var(--sbb-teaser-gap);
|
|
82
96
|
max-width: 100%;
|
|
83
97
|
width: 100%;
|
|
98
|
+
pointer-events: none;
|
|
84
99
|
}
|
|
85
100
|
|
|
86
101
|
.sbb-teaser__text {
|
|
@@ -96,7 +111,7 @@ const style = css`@charset "UTF-8";
|
|
|
96
111
|
transition: var(--sbb-teaser-animation-duration) var(--sbb-animation-easing);
|
|
97
112
|
}
|
|
98
113
|
@media (any-hover: hover) {
|
|
99
|
-
.sbb-
|
|
114
|
+
.sbb-teaser__wrapper:hover ::slotted([slot=image]) {
|
|
100
115
|
transform: scale(var(--sbb-teaser-scale-hover));
|
|
101
116
|
--sbb-teaser-brightness: var(--sbb-teaser-brightness-hover);
|
|
102
117
|
}
|
|
@@ -118,7 +133,7 @@ const style = css`@charset "UTF-8";
|
|
|
118
133
|
transition: var(--sbb-teaser-animation-duration) var(--sbb-animation-easing);
|
|
119
134
|
}
|
|
120
135
|
@media (any-hover: hover) {
|
|
121
|
-
.sbb-
|
|
136
|
+
.sbb-teaser__wrapper:hover .sbb-teaser__image-wrapper {
|
|
122
137
|
box-shadow: var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-elevation-level-9-hard-2-color), var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-elevation-level-9-hard-1-color);
|
|
123
138
|
}
|
|
124
139
|
}
|
|
@@ -202,7 +217,18 @@ let SbbTeaserElement = (() => {
|
|
|
202
217
|
set chipContent(value) {
|
|
203
218
|
__privateSet(this, _chipContent_accessor_storage, value);
|
|
204
219
|
}
|
|
205
|
-
|
|
220
|
+
render() {
|
|
221
|
+
return html`
|
|
222
|
+
<div class="sbb-teaser__wrapper">
|
|
223
|
+
${this.renderLink(
|
|
224
|
+
// For SEO we add the accessibility hidden as hidden content of the link
|
|
225
|
+
html`<sbb-screen-reader-only>${this.accessibilityLabel}</sbb-screen-reader-only>`
|
|
226
|
+
)}
|
|
227
|
+
${this.renderContent()}
|
|
228
|
+
</div>
|
|
229
|
+
`;
|
|
230
|
+
}
|
|
231
|
+
renderContent() {
|
|
206
232
|
return html`
|
|
207
233
|
<span class="sbb-teaser__container">
|
|
208
234
|
<span class="sbb-teaser__image-wrapper">
|
|
@@ -249,4 +275,4 @@ let SbbTeaserElement = (() => {
|
|
|
249
275
|
export {
|
|
250
276
|
SbbTeaserElement
|
|
251
277
|
};
|
|
252
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
278
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGVhc2VyL3RlYXNlci50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgeyBTYmJMaW5rQmFzZUVsZW1lbnQgfSBmcm9tICcuLi9jb3JlL2Jhc2UtZWxlbWVudHMuanMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlLCBvbWl0RW1wdHlDb252ZXJ0ZXIsIHNsb3RTdGF0ZSB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRpdGxlTGV2ZWwgfSBmcm9tICcuLi90aXRsZS5qcyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RlYXNlci5zY3NzP2xpdCZpbmxpbmUnO1xuXG5pbXBvcnQgJy4uL2NoaXAuanMnO1xuaW1wb3J0ICcuLi9zY3JlZW4tcmVhZGVyLW9ubHkuanMnO1xuaW1wb3J0ICcuLi90aXRsZS5qcyc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gaW50ZXJhY3RpdmUgaW1hZ2Ugd2l0aCBjYXB0aW9uLlxuICpcbiAqIEBzbG90IGltYWdlIC0gU2xvdCB1c2VkIHRvIHJlbmRlciB0aGUgaW1hZ2UuXG4gKiBAc2xvdCBjaGlwIC0gU2xvdCB1c2VkIHRvIHJlbmRlciB0aGUgc2JiLWNoaXAgbGFiZWwuXG4gKiBAc2xvdCB0aXRsZSAtIFNsb3QgdXNlZCB0byByZW5kZXIgdGhlIHRpdGxlLlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byByZW5kZXIgdGhlIGRlc2NyaXB0aW9uLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItdGVhc2VyJylcbkBzbG90U3RhdGUoKVxuY2xhc3MgU2JiVGVhc2VyRWxlbWVudCBleHRlbmRzIFNiYkxpbmtCYXNlRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBUZWFzZXIgdmFyaWFudCAtIGRlZmluZSB0aGUgcG9zaXRpb24gYW5kIHRoZSBhbGlnbm1lbnQgb2YgdGhlIHRleHQgYmxvY2suICovXG4gIEBwcm9wZXJ0eSh7IHJlZmxlY3Q6IHRydWUgfSkgcHVibGljIGFjY2Vzc29yIGFsaWdubWVudDogJ2FmdGVyLWNlbnRlcmVkJyB8ICdhZnRlcicgfCAnYmVsb3cnID1cbiAgICAnYWZ0ZXItY2VudGVyZWQnO1xuXG4gIC8qKiBIZWFkaW5nIGxldmVsIG9mIHRoZSBzYmItdGl0bGUgZWxlbWVudCAoZS5nLiBoMS1oNikuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3RpdGxlLWxldmVsJyB9KSBwdWJsaWMgYWNjZXNzb3IgdGl0bGVMZXZlbDogU2JiVGl0bGVMZXZlbCA9ICc1JztcblxuICAvKiogQ29udGVudCBvZiB0aXRsZS4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3RpdGxlLWNvbnRlbnQnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciB0aXRsZUNvbnRlbnQ6IHN0cmluZyA9ICcnO1xuXG4gIC8qKiBDb250ZW50IG9mIGNoaXAuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdjaGlwLWNvbnRlbnQnLCByZWZsZWN0OiB0cnVlLCBjb252ZXJ0ZXI6IG9taXRFbXB0eUNvbnZlcnRlciB9KVxuICBwdWJsaWMgYWNjZXNzb3IgY2hpcENvbnRlbnQ6IHN0cmluZyA9ICcnO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIC8vIFdlIHJlbmRlciB0aGUgY29udGVudCBvdXRzaWRlIHRoZSBhbmNob3IgdGFnIHRvIGFsbG93IHNjcmVlbiByZWFkZXJzIHRvIG5hdmlnYXRlIHRocm91Z2ggaXRcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGVhc2VyX193cmFwcGVyXCI+XG4gICAgICAgICR7dGhpcy5yZW5kZXJMaW5rKFxuICAgICAgICAgIC8vIEZvciBTRU8gd2UgYWRkIHRoZSBhY2Nlc3NpYmlsaXR5IGhpZGRlbiBhcyBoaWRkZW4gY29udGVudCBvZiB0aGUgbGlua1xuICAgICAgICAgIGh0bWxgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHk+JHt0aGlzLmFjY2Vzc2liaWxpdHlMYWJlbH08L3NiYi1zY3JlZW4tcmVhZGVyLW9ubHk+YCxcbiAgICAgICAgKX1cbiAgICAgICAgJHt0aGlzLnJlbmRlckNvbnRlbnQoKX1cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cblxuICBwcm90ZWN0ZWQgcmVuZGVyQ29udGVudCgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXJfX2NvbnRhaW5lclwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXJfX2ltYWdlLXdyYXBwZXJcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiaW1hZ2VcIj48L3Nsb3Q+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdGVhc2VyX190ZXh0XCI+XG4gICAgICAgICAgPHNiYi1jaGlwIHNpemU9XCJ4eHNcIiBjb2xvcj1cImNoYXJjb2FsXCIgY2xhc3M9XCJzYmItdGVhc2VyX19jaGlwXCI+XG4gICAgICAgICAgICA8c2xvdCBuYW1lPVwiY2hpcFwiPiR7dGhpcy5jaGlwQ29udGVudH08L3Nsb3Q+XG4gICAgICAgICAgPC9zYmItY2hpcD5cbiAgICAgICAgICA8c2JiLXRpdGxlIGxldmVsPSR7dGhpcy50aXRsZUxldmVsfSB2aXN1YWwtbGV2ZWw9XCI1XCIgY2xhc3M9XCJzYmItdGVhc2VyX19sZWFkXCI+XG4gICAgICAgICAgICA8c2xvdCBuYW1lPVwidGl0bGVcIj4ke3RoaXMudGl0bGVDb250ZW50fTwvc2xvdD5cbiAgICAgICAgICA8L3NiYi10aXRsZT5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXJfX2Rlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgPC9zcGFuPlxuICAgICAgICA8L3NwYW4+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRlYXNlcic6IFNiYlRlYXNlckVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBeUJNLG9CQUFnQixNQUFBOztBQUZyQixNQUFBLG1CQUFBLENBQUEsY0FBYyxZQUFZLEdBQzFCLFdBQVc7Ozs7b0JBQ21COzs7Ozs7Ozs7Ozs7O0FBQVIsRUFBQSxtQkFBUSxZQUFrQjtBQUFBOztBQUlsQixzREFBQSxrQkFBQSxNQUFBLHlCQUMzQixnQkFBZ0I7QUFHc0Isd0RBQUEsa0JBQUEsTUFBQSw0QkFBQSxHQUFBLGtCQUFBLE1BQUEsMEJBQTRDLEdBQUc7QUFLdkYsMERBQUEsa0JBQUEsTUFBQSw2QkFBQSxHQUFBLGtCQUFBLE1BQUEsNEJBQXVDLEVBQUU7QUFLekMseURBQUEsa0JBQUEsTUFBQSwrQkFBQSxHQUFBLGtCQUFBLE1BQUEsMkJBQXNDLEVBQUU7Ozs7SUFkWCxJQUFnQixZQUMxQjtBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFEVSxJQUFnQixVQUMxQixPQUFBO0FBQUEseUJBQUEsNkJBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUdxQixJQUFnQixhQUFnQztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBaEQsSUFBZ0IsV0FBZ0MsT0FBQTtBQUFBLHlCQUFBLDhCQUFBO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFLeEYsSUFBZ0IsZUFBMEI7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQTFDLElBQWdCLGFBQTBCLE9BQUE7QUFBQSx5QkFBQSxnQ0FBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBSzFDLElBQWdCLGNBQXlCO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUF6QyxJQUFnQixZQUF5QixPQUFBO0FBQUEseUJBQUEsK0JBQUE7QUFBQSxJQUFBO0FBQUEsSUFFdEIsU0FBTTtBQUVoQixhQUFBO0FBQUE7QUFBQSxVQUVELEtBQUs7QUFBQTtBQUFBLFFBRUwsK0JBQStCLEtBQUssa0JBQWtCO0FBQUEsTUFDdkQsQ0FBQTtBQUFBLFVBQ0MsS0FBSyxjQUFlLENBQUE7QUFBQTtBQUFBO0FBQUEsSUFBQTtBQUFBLElBS2xCLGdCQUFhO0FBQ2QsYUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLGdDQU9xQixLQUFLLFdBQVc7QUFBQTtBQUFBLDZCQUVuQixLQUFLLFVBQVU7QUFBQSxpQ0FDWCxLQUFLLFlBQVk7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBQUE7QUFBQSxLQXhDbkIsNkNBSVcsOENBS3hDLGdEQUtBOztBQWRDLDRCQUFBLENBQUEsU0FBUyxFQUFFLFNBQVMsS0FBTSxDQUFBLENBQUM7QUFJM0IsNkJBQUEsQ0FBQSxTQUFTLEVBQUUsV0FBVyxjQUFlLENBQUEsQ0FBQztnQ0FHdEMsYUFDQSxTQUFTLEVBQUUsV0FBVyxnQkFBQSxDQUFpQixDQUFDO0FBSXhDLDhCQUFBLENBQUEsYUFDQSxTQUFTLEVBQUUsV0FBVyxnQkFBZ0IsU0FBUyxNQUFNLFdBQVcsbUJBQW9CLENBQUEsQ0FBQztBQWJ6QyxpQkFBQSxJQUFBLE1BQUEsdUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxhQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLGVBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLFdBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsWUFDMUI7QUFBQSxTQUFBLFVBQUEsYUFBQSx5QkFBQSw0QkFBQTtBQUdxQyxpQkFBQSxJQUFBLE1BQUEsd0JBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxjQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLGdCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxZQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFBLGFBQWdDO0FBQUEsU0FBQSxVQUFBLGFBQUEsMEJBQUEsNkJBQUE7QUFLeEUsaUJBQUEsSUFBQSxNQUFBLDBCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsZ0JBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsa0JBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFBLGNBQUEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQUEsZUFBMEI7QUFBQSxTQUFBLFVBQUEsYUFBQSw0QkFBQSwrQkFBQTtBQUsxQixpQkFBQSxJQUFBLE1BQUEseUJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxlQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLGlCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxhQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFBLGNBQXlCO0FBQUEsU0FBQSxVQUFBLGFBQUEsMkJBQUEsOEJBQUE7QUFsQjNDLGlCQXFEQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBcER3QixHQUFNLFNBQW1CLE9BRDVDLGtCQUFnQixZQUFBLHVCQUFBLEdBQUM7OzsifQ==
|
|
@@ -9,8 +9,9 @@ export declare class SbbTimetableOccupancyIconElement extends SbbTimetableOccupa
|
|
|
9
9
|
static styles: CSSResultGroup;
|
|
10
10
|
/** Wagon occupancy. */
|
|
11
11
|
accessor occupancy: SbbOccupancy;
|
|
12
|
-
private _abort;
|
|
13
12
|
private _language;
|
|
13
|
+
private _mediaMatcher;
|
|
14
|
+
private _forcedColors;
|
|
14
15
|
private _setNameAndAriaLabel;
|
|
15
16
|
protected fetchSvgIcon(namespace: string, name: string): Promise<string>;
|
|
16
17
|
private _setAriaLabel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"timetable-occupancy-icon.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-occupancy-icon/timetable-occupancy-icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"timetable-occupancy-icon.d.ts","sourceRoot":"","sources":["../../../../src/elements/timetable-occupancy-icon/timetable-occupancy-icon.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAU1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;;AAIzC;;GAEG;AACH,qBAEM,gCAAiC,SAAQ,qCAA6B;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAA+B;IAE5E,uBAAuB;IACvB,SAA4B,SAAS,EAAE,YAAY,CAAU;IAE7D,OAAO,CAAC,SAAS,CAA2E;IAC5F,OAAO,CAAC,aAAa,CAKlB;IAEH,OAAO,CAAC,aAAa,CAA2E;YAElF,oBAAoB;cAeT,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC;IAKvF,OAAO,CAAC,aAAa;IAOL,iBAAiB,IAAI,IAAI;cAKtB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAO7E;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,8BAA8B,EAAE,gCAAgC,CAAC;KAClE;CACF"}
|
|
@@ -7,7 +7,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
|
|
|
7
7
|
var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
|
|
8
8
|
import { __runInitializers, __esDecorate } from "tslib";
|
|
9
9
|
import { customElement, property } from "lit/decorators.js";
|
|
10
|
-
import {
|
|
10
|
+
import { SbbLanguageController, SbbMediaMatcherController, SbbMediaQueryForcedColors } from "./core/controllers.js";
|
|
11
11
|
import { setOrRemoveAttribute } from "./core/dom.js";
|
|
12
12
|
import { i18nOccupancy } from "./core/i18n.js";
|
|
13
13
|
import { SbbNegativeMixin } from "./core/mixins.js";
|
|
@@ -33,8 +33,14 @@ let SbbTimetableOccupancyIconElement = (() => {
|
|
|
33
33
|
super(...arguments);
|
|
34
34
|
__privateAdd(this, _occupancy_accessor_storage);
|
|
35
35
|
__privateSet(this, _occupancy_accessor_storage, __runInitializers(this, _occupancy_initializers, "none"));
|
|
36
|
-
this.
|
|
37
|
-
this.
|
|
36
|
+
this._language = (__runInitializers(this, _occupancy_extraInitializers), new SbbLanguageController(this).withHandler(() => this._setAriaLabel()));
|
|
37
|
+
this._mediaMatcher = new SbbMediaMatcherController(this, {
|
|
38
|
+
[SbbMediaQueryForcedColors]: (matches) => {
|
|
39
|
+
this._forcedColors = matches;
|
|
40
|
+
this._setNameAndAriaLabel();
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
this._forcedColors = this._mediaMatcher.matches(SbbMediaQueryForcedColors) ?? false;
|
|
38
44
|
}
|
|
39
45
|
/** Wagon occupancy. */
|
|
40
46
|
get occupancy() {
|
|
@@ -44,12 +50,11 @@ let SbbTimetableOccupancyIconElement = (() => {
|
|
|
44
50
|
__privateSet(this, _occupancy_accessor_storage, value);
|
|
45
51
|
}
|
|
46
52
|
async _setNameAndAriaLabel() {
|
|
47
|
-
var _a2;
|
|
48
53
|
if (!this.occupancy) {
|
|
49
54
|
return;
|
|
50
55
|
}
|
|
51
56
|
let icon = `utilization-${this.occupancy}`;
|
|
52
|
-
if (
|
|
57
|
+
if (this._forcedColors) {
|
|
53
58
|
icon += "-high-contrast";
|
|
54
59
|
} else if (this.negative) {
|
|
55
60
|
icon += "-negative";
|
|
@@ -67,9 +72,6 @@ let SbbTimetableOccupancyIconElement = (() => {
|
|
|
67
72
|
}
|
|
68
73
|
connectedCallback() {
|
|
69
74
|
super.connectedCallback();
|
|
70
|
-
window.matchMedia("(forced-colors: active)").addEventListener("change", () => this._setNameAndAriaLabel(), {
|
|
71
|
-
signal: this._abort.signal
|
|
72
|
-
});
|
|
73
75
|
this._setNameAndAriaLabel();
|
|
74
76
|
}
|
|
75
77
|
willUpdate(changedProperties) {
|
|
@@ -93,4 +95,4 @@ let SbbTimetableOccupancyIconElement = (() => {
|
|
|
93
95
|
export {
|
|
94
96
|
SbbTimetableOccupancyIconElement
|
|
95
97
|
};
|
|
96
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
98
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGltZXRhYmxlLW9jY3VwYW5jeS1pY29uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGltZXRhYmxlLW9jY3VwYW5jeS1pY29uL3RpbWV0YWJsZS1vY2N1cGFuY3ktaWNvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcyB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHtcbiAgU2JiTWVkaWFRdWVyeUZvcmNlZENvbG9ycyxcbiAgU2JiTGFuZ3VhZ2VDb250cm9sbGVyLFxuICBTYmJNZWRpYU1hdGNoZXJDb250cm9sbGVyLFxufSBmcm9tICcuLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IHNldE9yUmVtb3ZlQXR0cmlidXRlIH0gZnJvbSAnLi4vY29yZS9kb20uanMnO1xuaW1wb3J0IHsgaTE4bk9jY3VwYW5jeSB9IGZyb20gJy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYk9jY3VwYW5jeSB9IGZyb20gJy4uL2NvcmUvaW50ZXJmYWNlcy5qcyc7XG5pbXBvcnQgeyBTYmJOZWdhdGl2ZU1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHsgU2JiSWNvbkJhc2UgfSBmcm9tICcuLi9pY29uLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdGltZXRhYmxlLW9jY3VwYW5jeS1pY29uLnNjc3M/bGl0JmlubGluZSc7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSB3YWdvbidzIG9jY3VwYW5jeSBpY29uLlxuICovXG5leHBvcnRcbkBjdXN0b21FbGVtZW50KCdzYmItdGltZXRhYmxlLW9jY3VwYW5jeS1pY29uJylcbmNsYXNzIFNiYlRpbWV0YWJsZU9jY3VwYW5jeUljb25FbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJJY29uQmFzZSkge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbU2JiSWNvbkJhc2Uuc3R5bGVzLCBzdHlsZV07XG5cbiAgLyoqIFdhZ29uIG9jY3VwYW5jeS4gKi9cbiAgQHByb3BlcnR5KCkgcHVibGljIGFjY2Vzc29yIG9jY3VwYW5jeTogU2JiT2NjdXBhbmN5ID0gJ25vbmUnO1xuXG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKS53aXRoSGFuZGxlcigoKSA9PiB0aGlzLl9zZXRBcmlhTGFiZWwoKSk7XG4gIHByaXZhdGUgX21lZGlhTWF0Y2hlciA9IG5ldyBTYmJNZWRpYU1hdGNoZXJDb250cm9sbGVyKHRoaXMsIHtcbiAgICBbU2JiTWVkaWFRdWVyeUZvcmNlZENvbG9yc106IChtYXRjaGVzKSA9PiB7XG4gICAgICB0aGlzLl9mb3JjZWRDb2xvcnMgPSBtYXRjaGVzO1xuICAgICAgdGhpcy5fc2V0TmFtZUFuZEFyaWFMYWJlbCgpO1xuICAgIH0sXG4gIH0pO1xuXG4gIHByaXZhdGUgX2ZvcmNlZENvbG9yczogYm9vbGVhbiA9IHRoaXMuX21lZGlhTWF0Y2hlci5tYXRjaGVzKFNiYk1lZGlhUXVlcnlGb3JjZWRDb2xvcnMpID8/IGZhbHNlO1xuXG4gIHByaXZhdGUgYXN5bmMgX3NldE5hbWVBbmRBcmlhTGFiZWwoKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgaWYgKCF0aGlzLm9jY3VwYW5jeSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGxldCBpY29uID0gYHV0aWxpemF0aW9uLSR7dGhpcy5vY2N1cGFuY3l9YDtcbiAgICBpZiAodGhpcy5fZm9yY2VkQ29sb3JzKSB7XG4gICAgICBpY29uICs9ICctaGlnaC1jb250cmFzdCc7XG4gICAgfSBlbHNlIGlmICh0aGlzLm5lZ2F0aXZlKSB7XG4gICAgICBpY29uICs9ICctbmVnYXRpdmUnO1xuICAgIH1cblxuICAgIGF3YWl0IHRoaXMubG9hZFN2Z0ljb24oaWNvbik7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgYXN5bmMgZmV0Y2hTdmdJY29uKG5hbWVzcGFjZTogc3RyaW5nLCBuYW1lOiBzdHJpbmcpOiBQcm9taXNlPHN0cmluZz4ge1xuICAgIHRoaXMuX3NldEFyaWFMYWJlbCgpO1xuICAgIHJldHVybiBzdXBlci5mZXRjaFN2Z0ljb24obmFtZXNwYWNlLCBuYW1lKTtcbiAgfVxuXG4gIHByaXZhdGUgX3NldEFyaWFMYWJlbCgpOiB2b2lkIHtcbiAgICBjb25zdCBsYWJlbCA9IChpMThuT2NjdXBhbmN5W3RoaXMub2NjdXBhbmN5XSBhcyBSZWNvcmQ8c3RyaW5nLCBzdHJpbmc+KT8uW1xuICAgICAgdGhpcy5fbGFuZ3VhZ2UuY3VycmVudFxuICAgIF07XG4gICAgc2V0T3JSZW1vdmVBdHRyaWJ1dGUodGhpcywgJ2FyaWEtbGFiZWwnLCBsYWJlbCk7XG4gIH1cblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICB0aGlzLl9zZXROYW1lQW5kQXJpYUxhYmVsKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ29jY3VwYW5jeScpIHx8IGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnbmVnYXRpdmUnKSkge1xuICAgICAgdGhpcy5fc2V0TmFtZUFuZEFyaWFMYWJlbCgpO1xuICAgIH1cbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRpbWV0YWJsZS1vY2N1cGFuY3ktaWNvbic6IFNiYlRpbWV0YWJsZU9jY3VwYW5jeUljb25FbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOlsiX2EiXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBcUJNLG9DQUFnQyxNQUFBOzswQkFEckMsY0FBYyw4QkFBOEIsQ0FBQzs7OztvQkFDQyxpQkFBaUIsV0FBVzs7OztBQUFwQyxFQUFBLG1CQUFRLFlBQTZCO0FBQUE7O0FBSTlEO0FBQWdCLHlCQUFBLDZCQUFBLGtCQUFBLE1BQUEseUJBQTBCLE1BQU07QUFFcEQsV0FBQSxvRUFBWSxJQUFJLHNCQUFzQixJQUFJLEVBQUUsWUFBWSxNQUFNLEtBQUssY0FBZSxDQUFBO0FBQ2xGLFdBQUEsZ0JBQWdCLElBQUksMEJBQTBCLE1BQU07QUFBQSxRQUMxRCxDQUFDLHlCQUF5QixHQUFHLENBQUMsWUFBVztBQUN2QyxlQUFLLGdCQUFnQjtBQUNyQixlQUFLLHFCQUFvQjtBQUFBLFFBQUE7QUFBQSxNQUMzQixDQUNEO0FBRU8sV0FBYSxnQkFBWSxLQUFLLGNBQWMsUUFBUSx5QkFBeUIsS0FBSztBQUFBLElBQUE7QUFBQTtBQUFBLElBVjlFLElBQWdCLFlBQWlDO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFqRCxJQUFnQixVQUFpQyxPQUFBO0FBQUEseUJBQUEsNkJBQUE7QUFBQSxJQUFBO0FBQUEsSUFZckQsTUFBTSx1QkFBb0I7QUFDNUIsVUFBQSxDQUFDLEtBQUssV0FBVztBQUNuQjtBQUFBLE1BQUE7QUFHRSxVQUFBLE9BQU8sZUFBZSxLQUFLLFNBQVM7QUFDeEMsVUFBSSxLQUFLLGVBQWU7QUFDZCxnQkFBQTtBQUFBLE1BQUEsV0FDQyxLQUFLLFVBQVU7QUFDaEIsZ0JBQUE7QUFBQSxNQUFBO0FBR0osWUFBQSxLQUFLLFlBQVksSUFBSTtBQUFBLElBQUE7QUFBQSxJQUdWLE1BQU0sYUFBYSxXQUFtQixNQUFZO0FBQ25FLFdBQUssY0FBYTtBQUNYLGFBQUEsTUFBTSxhQUFhLFdBQVcsSUFBSTtBQUFBLElBQUE7QUFBQSxJQUduQyxnQkFBYTs7QUFDbkIsWUFBTSxTQUFTQSxNQUFBLGNBQWMsS0FBSyxTQUFTLE1BQTVCLGdCQUFBQSxJQUNiLEtBQUssVUFBVTtBQUVJLDJCQUFBLE1BQU0sY0FBYyxLQUFLO0FBQUEsSUFBQTtBQUFBLElBR2hDLG9CQUFpQjtBQUMvQixZQUFNLGtCQUFpQjtBQUN2QixXQUFLLHFCQUFvQjtBQUFBLElBQUE7QUFBQSxJQUdSLFdBQVcsbUJBQXVDO0FBQ25FLFlBQU0sV0FBVyxpQkFBaUI7QUFFbEMsVUFBSSxrQkFBa0IsSUFBSSxXQUFXLEtBQUssa0JBQWtCLElBQUksVUFBVSxHQUFHO0FBQzNFLGFBQUsscUJBQW9CO0FBQUEsTUFBQTtBQUFBLElBQzNCO0FBQUEsS0FqRFU7O0FBQVgsNEJBQUEsQ0FBQSxVQUFVO0FBQWlCLGlCQUFBLElBQUEsTUFBQSx1QkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGFBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsZUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsV0FBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxZQUFpQztBQUFBLFNBQUEsVUFBQSxhQUFBLHlCQUFBLDRCQUFBO0FBSi9ELGlCQXVEQyxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBdER3QixHQUFNLFNBQW1CLENBQUMsWUFBWSxRQUFRLEtBQUssR0FEdEUsa0JBQWdDLFlBQUEsdUJBQUEsR0FBQzs7OyJ9
|
|
@@ -21,7 +21,7 @@ export declare class SbbToggleCheckElement extends SbbToggleCheckElement_base {
|
|
|
21
21
|
accessor iconName: string;
|
|
22
22
|
/** The label position relative to the toggle. Defaults to 'after' */
|
|
23
23
|
accessor labelPosition: 'before' | 'after';
|
|
24
|
-
protected willUpdate(changedProperties: PropertyValues<this>):
|
|
24
|
+
protected willUpdate(changedProperties: PropertyValues<this>): void;
|
|
25
25
|
protected render(): TemplateResult;
|
|
26
26
|
}
|
|
27
27
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-check.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle-check/toggle-check.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AASvC;;;;;;;;;GASG;AACH,qBAGM,qBAAsB,SAAQ,0BAA4D;IAC9F,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,uCAAuC;IACvC,SAA6C,IAAI,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAO;IAE1E,gEAAgE;IAChE,SAEyB,QAAQ,EAAE,MAAM,CAAgB;IAEzD,qEAAqE;IACrE,SACgB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAW;
|
|
1
|
+
{"version":3,"file":"toggle-check.d.ts","sourceRoot":"","sources":["../../../../src/elements/toggle-check/toggle-check.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAC1E,OAAO,EAAQ,UAAU,EAAE,MAAM,KAAK,CAAC;;AASvC;;;;;;;;;GASG;AACH,qBAGM,qBAAsB,SAAQ,0BAA4D;IAC9F,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,uCAAuC;IACvC,SAA6C,IAAI,EAAE,IAAI,GAAG,GAAG,GAAG,GAAG,CAAO;IAE1E,gEAAgE;IAChE,SAEyB,QAAQ,EAAE,MAAM,CAAgB;IAEzD,qEAAqE;IACrE,SACgB,aAAa,EAAE,QAAQ,GAAG,OAAO,CAAW;cAEzC,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cASzD,MAAM,IAAI,cAAc;CAgB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,kBAAkB,EAAE,qBAAqB,CAAC;KAC3C;CACF"}
|
|
@@ -231,7 +231,7 @@ let SbbToggleCheckElement = (() => {
|
|
|
231
231
|
set labelPosition(value) {
|
|
232
232
|
__privateSet(this, _labelPosition_accessor_storage, value);
|
|
233
233
|
}
|
|
234
|
-
|
|
234
|
+
willUpdate(changedProperties) {
|
|
235
235
|
super.willUpdate(changedProperties);
|
|
236
236
|
if (changedProperties.has("checked")) {
|
|
237
237
|
this.internals.ariaChecked = `${this.checked}`;
|
|
@@ -279,4 +279,4 @@ let SbbToggleCheckElement = (() => {
|
|
|
279
279
|
export {
|
|
280
280
|
SbbToggleCheckElement
|
|
281
281
|
};
|
|
282
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWNoZWNrLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdG9nZ2xlLWNoZWNrL3RvZ2dsZS1jaGVjay50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlLCBzbG90U3RhdGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgU2JiRm9ybUFzc29jaWF0ZWRDaGVja2JveE1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uL2ljb24uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90b2dnbGUtY2hlY2suc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHRvZ2dsZSBjaGVja2JveC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSB0b2dnbGUgbGFiZWwuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGljb24uIElmIGBpY29uLW5hbWVgIGlzIHNldCwgYSBzYmItaWNvbiB3aWxsIGJlIHVzZWQuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+
|
|
282
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9nZ2xlLWNoZWNrLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdG9nZ2xlLWNoZWNrL3RvZ2dsZS1jaGVjay50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBQcm9wZXJ0eVZhbHVlcywgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCwgTGl0RWxlbWVudCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBjdXN0b21FbGVtZW50LCBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlLCBzbG90U3RhdGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgU2JiRm9ybUFzc29jaWF0ZWRDaGVja2JveE1peGluIH0gZnJvbSAnLi4vY29yZS9taXhpbnMuanMnO1xuaW1wb3J0IHsgU2JiSWNvbk5hbWVNaXhpbiB9IGZyb20gJy4uL2ljb24uanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90b2dnbGUtY2hlY2suc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBhIHRvZ2dsZSBjaGVja2JveC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSB0b2dnbGUgbGFiZWwuXG4gKiBAc2xvdCBpY29uIC0gVXNlIHRoaXMgc2xvdCB0byBwcm92aWRlIGFuIGljb24uIElmIGBpY29uLW5hbWVgIGlzIHNldCwgYSBzYmItaWNvbiB3aWxsIGJlIHVzZWQuXG4gKiBAZXZlbnQge0N1c3RvbUV2ZW50PHZvaWQ+fSBkaWRDaGFuZ2UgLSBEZXByZWNhdGVkLiB1c2VkIGZvciBSZWFjdC4gV2lsbCBwcm9iYWJseSBiZSByZW1vdmVkIG9uY2UgUmVhY3QgMTkgaXMgYXZhaWxhYmxlLlxuICogQGV2ZW50IHtFdmVudH0gY2hhbmdlIC0gRXZlbnQgZmlyZWQgb24gY2hhbmdlLlxuICogQGV2ZW50IHtJbnB1dEV2ZW50fSBpbnB1dCAtIEV2ZW50IGZpcmVkIG9uIGlucHV0LlxuICogQG92ZXJyaWRlVHlwZSB2YWx1ZSAtIHN0cmluZyB8IG51bGxcbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRvZ2dsZS1jaGVjaycpXG5Ac2xvdFN0YXRlKClcbmNsYXNzIFNiYlRvZ2dsZUNoZWNrRWxlbWVudCBleHRlbmRzIFNiYkZvcm1Bc3NvY2lhdGVkQ2hlY2tib3hNaXhpbihTYmJJY29uTmFtZU1peGluKExpdEVsZW1lbnQpKSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICBkaWRDaGFuZ2U6ICdkaWRDaGFuZ2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIC8qKiBTaXplIHZhcmlhbnQsIGVpdGhlciBtLCBzIG9yIHhzLiAqL1xuICBAcHJvcGVydHkoeyByZWZsZWN0OiB0cnVlIH0pIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAneHMnIHwgJ3MnIHwgJ20nID0gJ3MnO1xuXG4gIC8qKiBUaGUgc3ZnIG5hbWUgZm9yIHRoZSB0cnVlIHN0YXRlIC0gZGVmYXVsdCAtPiAndGljay1zbWFsbCcgKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2ljb24tbmFtZScgfSlcbiAgcHVibGljIG92ZXJyaWRlIGFjY2Vzc29yIGljb25OYW1lOiBzdHJpbmcgPSAndGljay1zbWFsbCc7XG5cbiAgLyoqIFRoZSBsYWJlbCBwb3NpdGlvbiByZWxhdGl2ZSB0byB0aGUgdG9nZ2xlLiBEZWZhdWx0cyB0byAnYWZ0ZXInICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2xhYmVsLXBvc2l0aW9uJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgbGFiZWxQb3NpdGlvbjogJ2JlZm9yZScgfCAnYWZ0ZXInID0gJ2FmdGVyJztcblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgd2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci53aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzKTtcblxuICAgIGlmIChjaGFuZ2VkUHJvcGVydGllcy5oYXMoJ2NoZWNrZWQnKSkge1xuICAgICAgdGhpcy5pbnRlcm5hbHMuYXJpYUNoZWNrZWQgPSBgJHt0aGlzLmNoZWNrZWR9YDtcbiAgICAgIHRoaXMudG9nZ2xlQXR0cmlidXRlKCdkYXRhLWNoZWNrZWQnLCB0aGlzLmNoZWNrZWQpO1xuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRvZ2dsZS1jaGVja19fY29udGFpbmVyXCI+XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItdG9nZ2xlLWNoZWNrX19sYWJlbFwiPlxuICAgICAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10b2dnbGUtY2hlY2tfX3RyYWNrXCI+XG4gICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10b2dnbGUtY2hlY2tfX2NpcmNsZVwiPlxuICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10b2dnbGUtY2hlY2tfX2ljb25cIj4gJHt0aGlzLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICA8L3NwYW4+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdG9nZ2xlLWNoZWNrJzogU2JiVG9nZ2xlQ2hlY2tFbGVtZW50O1xuICB9XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUF1Qk0seUJBQXFCLE1BQUE7O0FBRjFCLE1BQUEsbUJBQUEsQ0FBQSxjQUFjLGtCQUFrQixHQUNoQyxXQUFXOzs7O0FBQ3dCLE1BQUEsY0FBQSwrQkFBK0IsaUJBQWlCLFVBQVUsQ0FBQzs7Ozs7Ozs7OztBQUFuRSxFQUFBLG1CQUFRLFlBQTREO0FBQUE7O0FBT2pFLGlEQUFBLGtCQUFBLE1BQUEsb0JBQXlDLEdBQUc7QUFLekUsc0RBQUEsa0JBQUEsTUFBQSx1QkFBQSxHQUFBLGtCQUFBLE1BQUEsd0JBQTRDLFlBQVk7QUFJeEQsMkRBQUEsa0JBQUEsTUFBQSwyQkFBQSxHQUFBLGtCQUFBLE1BQUEsNkJBQW9ELE9BQU87Ozs7SUFUOUIsSUFBZ0IsT0FBNkI7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQTdDLElBQWdCLEtBQTZCLE9BQUE7QUFBQSx5QkFBQSx3QkFBQTtBQUFBLElBQUE7QUFBQTtBQUFBLElBSzFFLElBQXlCLFdBQWdDO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUF6RCxJQUF5QixTQUFnQyxPQUFBO0FBQUEseUJBQUEsNEJBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUl6RCxJQUFnQixnQkFBNEM7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQTVELElBQWdCLGNBQTRDLE9BQUE7QUFBQSx5QkFBQSxpQ0FBQTtBQUFBLElBQUE7QUFBQSxJQUV6QyxXQUFXLG1CQUF1QztBQUNuRSxZQUFNLFdBQVcsaUJBQWlCO0FBRTlCLFVBQUEsa0JBQWtCLElBQUksU0FBUyxHQUFHO0FBQ3BDLGFBQUssVUFBVSxjQUFjLEdBQUcsS0FBSyxPQUFPO0FBQ3ZDLGFBQUEsZ0JBQWdCLGdCQUFnQixLQUFLLE9BQU87QUFBQSxNQUFBO0FBQUEsSUFDbkQ7QUFBQSxJQUdpQixTQUFNO0FBQ2hCLGFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLHNEQVEyQyxLQUFLLGdCQUFnQjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUFBO0FBQUEsS0E3QjVDLHdDQUs3Qiw0Q0FJQTs7QUFUQyx1QkFBQSxDQUFBLFNBQVMsRUFBRSxTQUFTLEtBQU0sQ0FBQSxDQUFDOzRCQUczQixhQUNBLFNBQVMsRUFBRSxXQUFXLFlBQUEsQ0FBYSxDQUFDO2lDQUlwQyxTQUFTLEVBQUUsV0FBVyxrQkFBa0IsU0FBUyxLQUFBLENBQU0sQ0FBQztBQVJaLGlCQUFBLElBQUEsTUFBQSxrQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFFBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsVUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsTUFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxPQUE2QjtBQUFBLFNBQUEsVUFBQSxhQUFBLG9CQUFBLHVCQUFBO0FBS2pELGlCQUFBLElBQUEsTUFBQSxzQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLFlBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsY0FBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQUEsVUFBQSxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBQSxXQUFnQztBQUFBLFNBQUEsVUFBQSxhQUFBLHdCQUFBLDJCQUFBO0FBSXpDLGlCQUFBLElBQUEsTUFBQSwyQkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGlCQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLG1CQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBQSxlQUFBLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFBLGdCQUE0QztBQUFBLFNBQUEsVUFBQSxhQUFBLDZCQUFBLGdDQUFBO0FBaEI5RCxpQkEyQ0MsTUFBQSxtQkFBQSxFQUFBLE9BQUEsV0FBQSxHQUFBLGtCQUFBLEVBQUEsTUFBQSxTQUFBLE1BQUEsV0FBQSxNQUFBLFVBQUEsVUFBQSxHQUFBLE1BQUEsdUJBQUE7OztRQTFDd0IsR0FBTSxTQUFtQixPQUN6QixHQUFBLFNBQVM7QUFBQSxJQUM5QixXQUFXO0FBQUEsRUFDSCxHQUpOLGtCQUFxQixZQUFBLHVCQUFBLEdBQUM7OzsifQ==
|
package/dialog/dialog.js
CHANGED
|
@@ -101,7 +101,7 @@ let L = 0, Y = (() => {
|
|
|
101
101
|
}
|
|
102
102
|
_setHideHeaderDataAttribute(t) {
|
|
103
103
|
var d;
|
|
104
|
-
const e = ((d = this._dialogTitleElement) == null ? void 0 : d.hideOnScroll) ?? !1, n = typeof e == "boolean" ? e : T("zero", e, { includeMaxBreakpoint: !0 });
|
|
104
|
+
const e = ((d = this._dialogTitleElement) == null ? void 0 : d.hideOnScroll) ?? !1, n = typeof e == "boolean" ? e : T("zero", e, { includeMaxBreakpoint: !0 }) ?? !1;
|
|
105
105
|
this.toggleAttribute("data-hide-header", n ? t : !1), this._dialogTitleElement && this._dialogTitleElement.toggleAttribute("data-hide-header", n ? t : !1);
|
|
106
106
|
}
|
|
107
107
|
_setOverflowsDataAttribute() {
|
|
@@ -17,6 +17,8 @@ export declare class SbbExpansionPanelHeaderElement extends SbbExpansionPanelHea
|
|
|
17
17
|
private _toggleExpanded;
|
|
18
18
|
private _abort;
|
|
19
19
|
private _namedSlots;
|
|
20
|
+
private _mediaMatcher;
|
|
21
|
+
private _isHover;
|
|
20
22
|
connectedCallback(): void;
|
|
21
23
|
private _emitExpandedEvent;
|
|
22
24
|
private _onMouseMovement;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"expansion-panel-header.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;
|
|
1
|
+
{"version":3,"file":"expansion-panel-header.d.ts","sourceRoot":"","sources":["../../../../src/elements/expansion-panel/expansion-panel-header/expansion-panel-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG9E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;;AAenE;;;;;;GAMG;AACH,qBAKM,8BAA+B,SAAQ,mCAE5C;IACC,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,gBAAuB,MAAM;;MAElB;IAEX,6DAA6D;IAC7D,OAAO,CAAC,eAAe,CAMrB;IACF,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,WAAW,CAAwE;IAC3F,OAAO,CAAC,aAAa,CAElB;IAEH,OAAO,CAAC,QAAQ,CAAoE;IAEpE,iBAAiB,IAAI,IAAI;IAQzC,OAAO,CAAC,kBAAkB;IAM1B,OAAO,CAAC,gBAAgB;IAQxB;;;;OAIG;IACH,OAAO,CAAC,qBAAqB;cAIV,cAAc,IAAI,cAAc;CAkBpD;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,4BAA4B,EAAE,8BAA8B,CAAC;KAC9D;CACF"}
|
|
@@ -1,23 +1,25 @@
|
|
|
1
|
-
import { __esDecorate as p, __runInitializers as
|
|
2
|
-
import { css as
|
|
3
|
-
import { customElement as
|
|
4
|
-
import { SbbButtonBaseElement as
|
|
5
|
-
import { SbbConnectedAbortController as
|
|
6
|
-
import { hostAttributes as
|
|
7
|
-
import { EventEmitter as
|
|
8
|
-
import { SbbDisabledTabIndexActionMixin as
|
|
9
|
-
import { SbbIconNameMixin as
|
|
10
|
-
const
|
|
11
|
-
let
|
|
1
|
+
import { __esDecorate as p, __runInitializers as c } from "tslib";
|
|
2
|
+
import { css as h, html as b, nothing as x } from "lit";
|
|
3
|
+
import { customElement as m } from "lit/decorators.js";
|
|
4
|
+
import { SbbButtonBaseElement as g } from "../core/base-elements.js";
|
|
5
|
+
import { SbbConnectedAbortController as u, SbbSlotStateController as v, SbbMediaMatcherController as f, SbbMediaQueryHover as l } from "../core/controllers.js";
|
|
6
|
+
import { hostAttributes as _ } from "../core/decorators.js";
|
|
7
|
+
import { EventEmitter as y } from "../core/eventing.js";
|
|
8
|
+
import { SbbDisabledTabIndexActionMixin as E } from "../core/mixins.js";
|
|
9
|
+
import { SbbIconNameMixin as S } from "../icon.js";
|
|
10
|
+
const w = h`*,:before,:after{box-sizing:border-box}:host{display:block;--sbb-expansion-panel-header-cursor: pointer;--sbb-expansion-panel-header-text-color: var(--sbb-color-charcoal);--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-6x);--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-responsive-xs);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-6x)}@media (forced-colors: active){:host{--sbb-expansion-panel-header-text-color: ButtonText}}:host([data-size=s]){--sbb-expansion-panel-header-gap: var(--sbb-spacing-fixed-2x);--sbb-expansion-panel-header-padding-block: var(--sbb-spacing-fixed-3x);--sbb-expansion-panel-header-padding-inline: var(--sbb-spacing-fixed-5x)}:host([disabled]){--sbb-expansion-panel-header-cursor: default;--sbb-expansion-panel-header-text-color: var(--sbb-color-granite)}@media (forced-colors: active){:host([disabled]){--sbb-expansion-panel-header-text-color: GrayText}}:host(:focus-visible:not([data-focus-origin=mouse],[data-focus-origin=touch])){outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) solid var(--sbb-focus-outline-width);outline-offset:var(--sbb-spacing-fixed-1x);border-radius:var(--sbb-expansion-panel-border-radius)}.sbb-expansion-panel-header{--sbb-text-font-size: var(--sbb-font-size-text-l);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);display:flex;justify-content:space-between;align-items:center;gap:var(--sbb-expansion-panel-header-gap);width:100%;padding:var(--sbb-expansion-panel-header-padding-block) var(--sbb-expansion-panel-header-padding-inline);text-align:start;cursor:var(--sbb-expansion-panel-header-cursor);color:var(--sbb-expansion-panel-header-text-color);-webkit-tap-highlight-color:transparent}.sbb-expansion-panel-header__title,.sbb-expansion-panel-header__toggle,.sbb-expansion-panel-header__icon{display:flex}.sbb-expansion-panel-header__icon{width:var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-width: var(--sbb-expansion-panel-icon-size);--sbb-icon-svg-height: var(--sbb-expansion-panel-icon-size)}:host(:not([data-slot-names~=icon],[icon-name])) .sbb-expansion-panel-header__icon{display:none}.sbb-expansion-panel-header__title{align-items:center;gap:var(--sbb-expansion-panel-title-gap);overflow:hidden;min-height:var(--sbb-size-icon-ui-medium)}.sbb-expansion-panel-header__toggle-icon{transition:transform var(--sbb-disable-animation-zero-time, var(--sbb-animation-duration-4x))}:host([aria-expanded]:not([aria-expanded=false])) .sbb-expansion-panel-header__toggle-icon{transform:rotate(-180deg)}`;
|
|
11
|
+
let j = (() => {
|
|
12
12
|
var a;
|
|
13
|
-
let
|
|
13
|
+
let d = [m("sbb-expansion-panel-header"), _({
|
|
14
14
|
slot: "header"
|
|
15
|
-
})], s,
|
|
16
|
-
var t = (a = class extends
|
|
15
|
+
})], s, i = [], n, o = E(S(g));
|
|
16
|
+
var t = (a = class extends o {
|
|
17
17
|
constructor() {
|
|
18
|
-
super(...arguments), this._toggleExpanded = new
|
|
18
|
+
super(...arguments), this._toggleExpanded = new y(this, t.events.toggleExpanded, {
|
|
19
19
|
bubbles: !0
|
|
20
|
-
}), this._abort = new
|
|
20
|
+
}), this._abort = new u(this), this._namedSlots = new v(this, () => this._setDataIconAttribute()), this._mediaMatcher = new f(this, {
|
|
21
|
+
[l]: (e) => this._isHover = e
|
|
22
|
+
}), this._isHover = this._mediaMatcher.matches(l) ?? !1;
|
|
21
23
|
}
|
|
22
24
|
connectedCallback() {
|
|
23
25
|
super.connectedCallback();
|
|
@@ -29,7 +31,7 @@ let T = (() => {
|
|
|
29
31
|
}
|
|
30
32
|
_onMouseMovement(e) {
|
|
31
33
|
const r = this.closest("sbb-expansion-panel");
|
|
32
|
-
(!e || r &&
|
|
34
|
+
(!e || r && this._isHover) && r.toggleAttribute("data-toggle-hover", e);
|
|
33
35
|
}
|
|
34
36
|
/**
|
|
35
37
|
* The 'data-icon' is used by the 'sbb-expansion-panel'.
|
|
@@ -45,7 +47,7 @@ let T = (() => {
|
|
|
45
47
|
<span class="sbb-expansion-panel-header__icon"> ${this.renderIconSlot()} </span>
|
|
46
48
|
<slot></slot>
|
|
47
49
|
</span>
|
|
48
|
-
${this.disabled ?
|
|
50
|
+
${this.disabled ? x : b`<span class="sbb-expansion-panel-header__toggle">
|
|
49
51
|
<sbb-icon
|
|
50
52
|
name="chevron-small-down-medium"
|
|
51
53
|
class="sbb-expansion-panel-header__toggle-icon"
|
|
@@ -55,13 +57,13 @@ let T = (() => {
|
|
|
55
57
|
`;
|
|
56
58
|
}
|
|
57
59
|
}, n = a, (() => {
|
|
58
|
-
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
59
|
-
p(null, s = { value: n },
|
|
60
|
-
})(), a.styles =
|
|
60
|
+
const e = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
|
|
61
|
+
p(null, s = { value: n }, d, { kind: "class", name: n.name, metadata: e }, null, i), t = n = s.value, e && Object.defineProperty(n, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: e });
|
|
62
|
+
})(), a.styles = w, a.events = {
|
|
61
63
|
toggleExpanded: "toggleExpanded"
|
|
62
|
-
},
|
|
64
|
+
}, c(n, i), a);
|
|
63
65
|
return t = n;
|
|
64
66
|
})();
|
|
65
67
|
export {
|
|
66
|
-
|
|
68
|
+
j as SbbExpansionPanelHeaderElement
|
|
67
69
|
};
|