@sbb-esta/lyne-elements 0.52.1 → 0.53.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/accordion.js +54 -54
- package/action-group.js +3 -3
- package/alert/alert-group.js +22 -22
- package/alert/alert.js +22 -22
- package/autocomplete.js +126 -126
- package/breadcrumb/breadcrumb-group.js +60 -60
- package/breadcrumb/breadcrumb.js +17 -17
- package/calendar.js +423 -423
- package/card/card-badge.js +17 -17
- package/card/card.js +2 -2
- package/card/common.js +30 -30
- package/checkbox/checkbox/checkbox.d.ts +3 -46
- package/checkbox/checkbox/checkbox.d.ts.map +1 -1
- package/checkbox/checkbox-group/checkbox-group.d.ts +4 -2
- package/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/checkbox/checkbox-group.js +26 -23
- package/checkbox/checkbox-panel/checkbox-panel.d.ts +41 -0
- package/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -0
- package/checkbox/checkbox-panel.d.ts +2 -0
- package/checkbox/checkbox-panel.d.ts.map +1 -0
- package/checkbox/checkbox-panel.js +67 -0
- package/checkbox/checkbox.js +27 -104
- package/checkbox/common/checkbox-common.d.ts +13 -0
- package/checkbox/common/checkbox-common.d.ts.map +1 -0
- package/checkbox/common.d.ts +2 -0
- package/checkbox/common.d.ts.map +1 -0
- package/checkbox/common.js +52 -0
- package/checkbox.d.ts +2 -0
- package/checkbox.d.ts.map +1 -1
- package/checkbox.js +2 -0
- package/clock.js +83 -83
- package/container/sticky-bar.js +16 -16
- package/core/a11y.js +91 -91
- package/core/base-elements.js +86 -86
- package/core/controllers.js +40 -40
- package/core/datetime.js +32 -32
- package/core/dom.js +26 -26
- package/core/eventing.js +33 -33
- package/core/mixins/panel-mixin.d.ts +13 -0
- package/core/mixins/panel-mixin.d.ts.map +1 -0
- package/core/mixins.d.ts +1 -0
- package/core/mixins.d.ts.map +1 -1
- package/core/mixins.js +170 -139
- package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss +1 -1
- package/core/testing.js +29 -29
- package/core.css +1 -1
- package/custom-elements.json +8862 -6904
- package/datepicker/common.js +55 -55
- package/datepicker/datepicker-toggle.js +94 -94
- package/datepicker/datepicker.js +144 -144
- package/development/checkbox/checkbox/checkbox.d.ts +3 -46
- package/development/checkbox/checkbox/checkbox.d.ts.map +1 -1
- package/development/checkbox/checkbox-group/checkbox-group.d.ts +4 -2
- package/development/checkbox/checkbox-group/checkbox-group.d.ts.map +1 -1
- package/development/checkbox/checkbox-group.js +43 -13
- package/development/checkbox/checkbox-panel/checkbox-panel.d.ts +41 -0
- package/development/checkbox/checkbox-panel/checkbox-panel.d.ts.map +1 -0
- package/development/checkbox/checkbox-panel.d.ts +2 -0
- package/development/checkbox/checkbox-panel.d.ts.map +1 -0
- package/development/checkbox/checkbox-panel.js +86 -0
- package/development/checkbox/checkbox.js +19 -239
- package/development/checkbox/common/checkbox-common.d.ts +13 -0
- package/development/checkbox/common/checkbox-common.d.ts.map +1 -0
- package/development/checkbox/common.d.ts +2 -0
- package/development/checkbox/common.d.ts.map +1 -0
- package/development/checkbox/common.js +156 -0
- package/development/checkbox.d.ts +2 -0
- package/development/checkbox.d.ts.map +1 -1
- package/development/checkbox.js +3 -1
- package/development/core/mixins/panel-mixin.d.ts +13 -0
- package/development/core/mixins/panel-mixin.d.ts.map +1 -0
- package/development/core/mixins.d.ts +1 -0
- package/development/core/mixins.d.ts.map +1 -1
- package/development/core/mixins.js +187 -31
- package/development/image.js +1 -1
- package/development/radio-button/common/radio-button-common.d.ts +22 -0
- package/development/radio-button/common/radio-button-common.d.ts.map +1 -0
- package/development/radio-button/common.d.ts +2 -0
- package/development/radio-button/common.d.ts.map +1 -0
- package/development/radio-button/common.js +294 -0
- package/development/radio-button/radio-button/radio-button.d.ts +2 -81
- package/development/radio-button/radio-button/radio-button.d.ts.map +1 -1
- package/development/radio-button/radio-button-group/radio-button-group.d.ts +6 -4
- package/development/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/development/radio-button/radio-button-group.js +55 -23
- package/development/radio-button/radio-button-panel/index.d.ts +2 -0
- package/development/radio-button/radio-button-panel/index.d.ts.map +1 -0
- package/development/radio-button/radio-button-panel/radio-button-panel.d.ts +29 -0
- package/development/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -0
- package/development/radio-button/radio-button-panel.d.ts +2 -0
- package/development/radio-button/radio-button-panel.d.ts.map +1 -0
- package/development/radio-button/radio-button-panel.js +69 -0
- package/development/radio-button/radio-button.js +10 -324
- package/development/radio-button.d.ts +2 -0
- package/development/radio-button.d.ts.map +1 -1
- package/development/radio-button.js +3 -1
- package/{selection-panel/selection-panel.d.ts → development/selection-expansion-panel/selection-expansion-panel.d.ts} +9 -7
- package/development/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -0
- package/development/selection-expansion-panel.d.ts +2 -0
- package/development/selection-expansion-panel.d.ts.map +1 -0
- package/development/selection-expansion-panel.js +340 -0
- package/development/tabs/tab/index.d.ts +2 -0
- package/development/tabs/tab/index.d.ts.map +1 -0
- package/development/tabs/tab/tab.d.ts +24 -0
- package/development/tabs/tab/tab.d.ts.map +1 -0
- package/development/tabs/tab-group/tab-group.d.ts +20 -15
- package/development/tabs/tab-group/tab-group.d.ts.map +1 -1
- package/development/tabs/tab-group.js +24 -14
- package/development/tabs/{tab-title/tab-title.d.ts → tab-label/tab-label.d.ts} +4 -4
- package/development/tabs/{tab-title/tab-title.d.ts.map → tab-label/tab-label.d.ts.map} +1 -1
- package/development/tabs/tab-label.d.ts +2 -0
- package/development/tabs/tab-label.d.ts.map +1 -0
- package/development/tabs/{tab-title.js → tab-label.js} +86 -86
- package/development/tabs/tab.d.ts +2 -0
- package/development/tabs/tab.d.ts.map +1 -0
- package/development/tabs/tab.js +71 -0
- package/development/tabs.d.ts +2 -1
- package/development/tabs.d.ts.map +1 -1
- package/development/tabs.js +3 -2
- package/development/train/train-formation/train-formation.d.ts.map +1 -1
- package/development/train/train-formation.js +12 -12
- package/dialog/dialog-title.js +20 -20
- package/dialog/dialog.js +66 -66
- package/expansion-panel/expansion-panel-header.js +20 -20
- package/expansion-panel/expansion-panel.js +60 -60
- package/file-selector.js +91 -91
- package/form-field/form-field-clear.js +12 -12
- package/form-field/form-field.js +111 -111
- package/header/header.js +53 -53
- package/icon.js +107 -107
- package/image.js +87 -87
- package/index.d.ts +10 -8
- package/index.js +10 -8
- package/journey-header.js +29 -29
- package/map-container.js +23 -23
- package/menu/menu.js +91 -91
- package/navigation/common.js +16 -16
- package/navigation/navigation-marker.js +34 -34
- package/navigation/navigation-section.js +83 -83
- package/navigation/navigation.js +87 -87
- package/notification.js +52 -52
- package/option/optgroup.js +45 -45
- package/option/option.js +108 -108
- package/overlay.js +5 -5
- package/package.json +34 -19
- package/popover/popover.js +110 -110
- package/radio-button/common/radio-button-common.d.ts +22 -0
- package/radio-button/common/radio-button-common.d.ts.map +1 -0
- package/radio-button/common.d.ts +2 -0
- package/radio-button/common.d.ts.map +1 -0
- package/radio-button/common.js +105 -0
- package/radio-button/radio-button/radio-button.d.ts +2 -81
- package/radio-button/radio-button/radio-button.d.ts.map +1 -1
- package/radio-button/radio-button-group/radio-button-group.d.ts +6 -4
- package/radio-button/radio-button-group/radio-button-group.d.ts.map +1 -1
- package/radio-button/radio-button-group.js +86 -80
- package/radio-button/radio-button-panel/index.d.ts +2 -0
- package/radio-button/radio-button-panel/index.d.ts.map +1 -0
- package/radio-button/radio-button-panel/radio-button-panel.d.ts +29 -0
- package/radio-button/radio-button-panel/radio-button-panel.d.ts.map +1 -0
- package/radio-button/radio-button-panel.d.ts +2 -0
- package/radio-button/radio-button-panel.d.ts.map +1 -0
- package/radio-button/radio-button-panel.js +59 -0
- package/radio-button/radio-button.js +20 -143
- package/radio-button.d.ts +2 -0
- package/radio-button.d.ts.map +1 -1
- package/radio-button.js +2 -0
- package/select.js +178 -178
- package/{development/selection-panel/selection-panel.d.ts → selection-expansion-panel/selection-expansion-panel.d.ts} +9 -7
- package/selection-expansion-panel/selection-expansion-panel.d.ts.map +1 -0
- package/selection-expansion-panel.d.ts +2 -0
- package/selection-expansion-panel.d.ts.map +1 -0
- package/selection-expansion-panel.js +146 -0
- package/slider.js +58 -58
- package/standard-theme.css +1 -1
- package/status.js +6 -6
- package/stepper/step-label.js +19 -19
- package/stepper/step.js +31 -31
- package/stepper/stepper.js +46 -46
- package/tabs/tab/index.d.ts +2 -0
- package/tabs/tab/index.d.ts.map +1 -0
- package/tabs/tab/tab.d.ts +24 -0
- package/tabs/tab/tab.d.ts.map +1 -0
- package/tabs/tab-group/tab-group.d.ts +20 -15
- package/tabs/tab-group/tab-group.d.ts.map +1 -1
- package/tabs/tab-group.js +85 -75
- package/tabs/{tab-title/tab-title.d.ts → tab-label/tab-label.d.ts} +4 -4
- package/tabs/{tab-title/tab-title.d.ts.map → tab-label/tab-label.d.ts.map} +1 -1
- package/tabs/tab-label.d.ts +2 -0
- package/tabs/tab-label.d.ts.map +1 -0
- package/tabs/tab-label.js +51 -0
- package/tabs/tab.d.ts +2 -0
- package/tabs/tab.d.ts.map +1 -0
- package/tabs/tab.js +41 -0
- package/tabs.d.ts +2 -1
- package/tabs.d.ts.map +1 -1
- package/tabs.js +2 -1
- package/tag/tag-group.js +8 -8
- package/tag/tag.js +27 -27
- package/time-input.js +73 -73
- package/timetable-occupancy-icon.js +26 -26
- package/timetable-occupancy.js +9 -9
- package/toast.js +38 -38
- package/toggle/toggle-option.js +33 -33
- package/toggle/toggle.js +46 -46
- package/train/train-formation/train-formation.d.ts.map +1 -1
- package/train/train-formation.js +51 -51
- package/train/train-wagon.js +30 -30
- package/train/train.js +13 -13
- package/development/selection-panel/selection-panel.d.ts.map +0 -1
- package/development/selection-panel.d.ts +0 -2
- package/development/selection-panel.d.ts.map +0 -1
- package/development/selection-panel.js +0 -376
- package/development/tabs/tab-title.d.ts +0 -2
- package/development/tabs/tab-title.d.ts.map +0 -1
- package/development/teaser-hero/teaser-hero.d.ts +0 -26
- package/development/teaser-hero/teaser-hero.d.ts.map +0 -1
- package/development/teaser-hero.d.ts +0 -2
- package/development/teaser-hero.d.ts.map +0 -1
- package/development/teaser-hero.js +0 -181
- package/development/teaser-paid/teaser-paid.d.ts +0 -20
- package/development/teaser-paid/teaser-paid.d.ts.map +0 -1
- package/development/teaser-paid.d.ts +0 -2
- package/development/teaser-paid.d.ts.map +0 -1
- package/development/teaser-paid.js +0 -91
- package/selection-panel/selection-panel.d.ts.map +0 -1
- package/selection-panel.d.ts +0 -2
- package/selection-panel.d.ts.map +0 -1
- package/selection-panel.js +0 -138
- package/tabs/tab-title.d.ts +0 -2
- package/tabs/tab-title.d.ts.map +0 -1
- package/tabs/tab-title.js +0 -51
- package/teaser-hero/teaser-hero.d.ts +0 -26
- package/teaser-hero/teaser-hero.d.ts.map +0 -1
- package/teaser-hero.d.ts +0 -2
- package/teaser-hero.d.ts.map +0 -1
- package/teaser-hero.js +0 -51
- package/teaser-paid/teaser-paid.d.ts +0 -20
- package/teaser-paid/teaser-paid.d.ts.map +0 -1
- package/teaser-paid.d.ts +0 -2
- package/teaser-paid.d.ts.map +0 -1
- package/teaser-paid.js +0 -28
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
import { css, LitElement, html } from "lit";
|
|
2
|
+
import { customElement } from "lit/decorators.js";
|
|
3
|
+
const style = css`/**
|
|
4
|
+
* Better font rendering (on OS X)
|
|
5
|
+
* http://maximilianhoffmann.com/posts/better-font-rendering-on-osx
|
|
6
|
+
*
|
|
7
|
+
* Usage:
|
|
8
|
+
*
|
|
9
|
+
* .var_dark_on_light {
|
|
10
|
+
* @include font-smoothing;
|
|
11
|
+
* }
|
|
12
|
+
* .var_light_on_dark {
|
|
13
|
+
* @include font-smoothing-reset;
|
|
14
|
+
* }
|
|
15
|
+
*/
|
|
16
|
+
/** This mixin can be used to avoid spacing problems by inserting an invisible space as pseudo element. */
|
|
17
|
+
*,
|
|
18
|
+
::before,
|
|
19
|
+
::after {
|
|
20
|
+
box-sizing: border-box;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
:host {
|
|
24
|
+
display: block;
|
|
25
|
+
}`;
|
|
26
|
+
var __defProp = Object.defineProperty;
|
|
27
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
28
|
+
var __decorateClass = (decorators, target, key, kind) => {
|
|
29
|
+
var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
|
|
30
|
+
for (var i = decorators.length - 1, decorator; i >= 0; i--)
|
|
31
|
+
if (decorator = decorators[i])
|
|
32
|
+
result = (kind ? decorator(target, key, result) : decorator(result)) || result;
|
|
33
|
+
if (kind && result) __defProp(target, key, result);
|
|
34
|
+
return result;
|
|
35
|
+
};
|
|
36
|
+
let SbbTabElement = class extends LitElement {
|
|
37
|
+
constructor() {
|
|
38
|
+
super(...arguments);
|
|
39
|
+
this._label = null;
|
|
40
|
+
}
|
|
41
|
+
/** The `sbb-tab-label` associated with the tab. */
|
|
42
|
+
get label() {
|
|
43
|
+
return this._label;
|
|
44
|
+
}
|
|
45
|
+
_getTabLabel() {
|
|
46
|
+
let previousSibling = this.previousElementSibling;
|
|
47
|
+
while (previousSibling && previousSibling.localName !== "sbb-tab-label") {
|
|
48
|
+
previousSibling = previousSibling.previousElementSibling;
|
|
49
|
+
}
|
|
50
|
+
return previousSibling;
|
|
51
|
+
}
|
|
52
|
+
/** @internal */
|
|
53
|
+
configure() {
|
|
54
|
+
this._label = this._getTabLabel();
|
|
55
|
+
}
|
|
56
|
+
render() {
|
|
57
|
+
return html`
|
|
58
|
+
<div class="sbb-tab">
|
|
59
|
+
<slot></slot>
|
|
60
|
+
</div>
|
|
61
|
+
`;
|
|
62
|
+
}
|
|
63
|
+
};
|
|
64
|
+
SbbTabElement.styles = style;
|
|
65
|
+
SbbTabElement = __decorateClass([
|
|
66
|
+
customElement("sbb-tab")
|
|
67
|
+
], SbbTabElement);
|
|
68
|
+
export {
|
|
69
|
+
SbbTabElement
|
|
70
|
+
};
|
|
71
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWIvdGFiLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwsIExpdEVsZW1lbnQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHR5cGUgeyBTYmJUYWJMYWJlbEVsZW1lbnQgfSBmcm9tICcuLi90YWItbGFiZWwuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWIuc2Nzcz9saXQmaW5saW5lJztcblxuLyoqXG4gKiBDb21iaW5lZCB3aXRoIGEgYHNiYi10YWItZ3JvdXBgLCBpdCBkaXNwbGF5cyBhIHRhYidzIGNvbnRlbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBwcm92aWRlIGNvbnRlbnQuXG4gKi9cbkBjdXN0b21FbGVtZW50KCdzYmItdGFiJylcbmV4cG9ydCBjbGFzcyBTYmJUYWJFbGVtZW50IGV4dGVuZHMgTGl0RWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuXG4gIC8qKiBUaGUgYHNiYi10YWItbGFiZWxgIGFzc29jaWF0ZWQgd2l0aCB0aGUgdGFiLiAqL1xuICBwdWJsaWMgZ2V0IGxhYmVsKCk6IFNiYlRhYkxhYmVsRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLl9sYWJlbDtcbiAgfVxuICBwcml2YXRlIF9sYWJlbDogU2JiVGFiTGFiZWxFbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgcHJpdmF0ZSBfZ2V0VGFiTGFiZWwoKTogU2JiVGFiTGFiZWxFbGVtZW50IHwgbnVsbCB7XG4gICAgbGV0IHByZXZpb3VzU2libGluZyA9IHRoaXMucHJldmlvdXNFbGVtZW50U2libGluZztcbiAgICB3aGlsZSAocHJldmlvdXNTaWJsaW5nICYmIHByZXZpb3VzU2libGluZy5sb2NhbE5hbWUgIT09ICdzYmItdGFiLWxhYmVsJykge1xuICAgICAgcHJldmlvdXNTaWJsaW5nID0gcHJldmlvdXNTaWJsaW5nLnByZXZpb3VzRWxlbWVudFNpYmxpbmc7XG4gICAgfVxuICAgIHJldHVybiBwcmV2aW91c1NpYmxpbmcgYXMgU2JiVGFiTGFiZWxFbGVtZW50O1xuICB9XG5cbiAgLyoqIEBpbnRlcm5hbCAqL1xuICBwdWJsaWMgY29uZmlndXJlKCk6IHZvaWQge1xuICAgIHRoaXMuX2xhYmVsID0gdGhpcy5fZ2V0VGFiTGFiZWwoKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10YWJcIj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRhYic6IFNiYlRhYkVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQWNhLElBQUEsZ0JBQU4sY0FBNEIsV0FBVztBQUFBLEVBQXZDLGNBQUE7QUFBQSxVQUFBLEdBQUEsU0FBQTtBQU9MLFNBQVEsU0FBb0M7QUFBQSxFQUFBO0FBQUE7QUFBQSxFQUg1QyxJQUFXLFFBQW1DO0FBQzVDLFdBQU8sS0FBSztBQUFBLEVBQ2Q7QUFBQSxFQUdRLGVBQTBDO0FBQ2hELFFBQUksa0JBQWtCLEtBQUs7QUFDcEIsV0FBQSxtQkFBbUIsZ0JBQWdCLGNBQWMsaUJBQWlCO0FBQ3ZFLHdCQUFrQixnQkFBZ0I7QUFBQSxJQUNwQztBQUNPLFdBQUE7QUFBQSxFQUNUO0FBQUE7QUFBQSxFQUdPLFlBQWtCO0FBQ2xCLFNBQUEsU0FBUyxLQUFLO0VBQ3JCO0FBQUEsRUFFbUIsU0FBeUI7QUFDbkMsV0FBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsRUFLVDtBQUNGO0FBN0JhLGNBQ1ksU0FBeUI7QUFEckMsZ0JBQU4sZ0JBQUE7QUFBQSxFQUROLGNBQWMsU0FBUztBQUFBLEdBQ1gsYUFBQTsifQ==
|
package/development/tabs.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/elements/tabs.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../../../src/elements/tabs.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}
|
package/development/tabs.js
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
export * from "./tabs/tab.js";
|
|
1
2
|
export * from "./tabs/tab-group.js";
|
|
2
|
-
export * from "./tabs/tab-
|
|
3
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
3
|
+
export * from "./tabs/tab-label.js";
|
|
4
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFicy5qcyIsInNvdXJjZXMiOltdLCJzb3VyY2VzQ29udGVudCI6W10sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OzsifQ==
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"train-formation.d.ts","sourceRoot":"","sources":["../../../../../src/elements/train/train-formation/train-formation.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,
|
|
1
|
+
{"version":3,"file":"train-formation.d.ts","sourceRoot":"","sources":["../../../../../src/elements/train/train-formation/train-formation.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,UAAU,EAEV,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAMb,OAAO,EAAyB,KAAK,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAIpF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;;AAUnD;;;;GAIG;AACH,qBACa,wBAAyB,SAAQ,6BAGjC;IACX,OAAuB,MAAM,EAAE,cAAc,CAAS;IACtD,mBAA4B,mBAAmB,WAAiB;IAEhE,uCAAuC;IAC2C,cAAc,UACxF;IAEC,OAAO,CAAC,QAAQ,CAA0B;IAEnD,sDAAsD;IACtD,OAAO,CAAC,aAAa,CAAkB;IACvC,OAAO,CAAC,sBAAsB,CAA2D;IACzF,OAAO,CAAC,MAAM,CAAyC;IACvD,OAAO,CAAC,SAAS,CAAmC;IAEpC,iBAAiB,IAAI,IAAI;IAOzB,oBAAoB,IAAI,IAAI;IAK5C;;;OAGG;IACH,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,YAAY;YA0CN,mBAAmB;cAcd,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,gBAAgB,CAAC,IAAI,CAAC,CAAC,GAAG,IAAI;cAQ3E,MAAM,IAAI,cAAc;CAkC5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,qBAAqB,EAAE,wBAAwB,CAAC;KACjD;CACF"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { css, LitElement, html } from "lit";
|
|
1
|
+
import { css, LitElement, html, nothing } from "lit";
|
|
2
2
|
import { property, state, customElement } from "lit/decorators.js";
|
|
3
3
|
import { ref } from "lit/directives/ref.js";
|
|
4
4
|
import { SbbConnectedAbortController, SbbLanguageController } from "../core/controllers.js";
|
|
@@ -252,20 +252,20 @@ let SbbTrainFormationElement = class extends SbbNamedSlotListMixin(LitElement) {
|
|
|
252
252
|
render() {
|
|
253
253
|
return html`
|
|
254
254
|
<div class="sbb-train-formation" ${ref(this._updateFormationDiv)}>
|
|
255
|
-
|
|
256
|
-
|
|
255
|
+
${this._sectors.length && this._sectors[0].label !== void 0 ? html`<div class="sbb-train-formation__sectors" aria-hidden="true">
|
|
256
|
+
${this._sectors.map(
|
|
257
257
|
(aggregatedSector) => html`<span
|
|
258
|
-
|
|
259
|
-
|
|
258
|
+
class="sbb-train-formation__sector"
|
|
259
|
+
style="
|
|
260
260
|
--sbb-train-formation-wagon-count: ${aggregatedSector.wagonCount};
|
|
261
261
|
--sbb-train-formation-wagon-blocked-passage-count: ${aggregatedSector.blockedPassageCount}"
|
|
262
|
-
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
262
|
+
>
|
|
263
|
+
<span class="sbb-train-formation__sector-sticky-wrapper">
|
|
264
|
+
${`${aggregatedSector.wagonCount === 1 && aggregatedSector.label ? i18nSectorShort[this._language.current] : i18nSector[this._language.current]} ${aggregatedSector.label ? aggregatedSector.label : ""}`}
|
|
265
|
+
</span>
|
|
266
|
+
</span>`
|
|
267
267
|
)}
|
|
268
|
-
|
|
268
|
+
</div>` : nothing}
|
|
269
269
|
|
|
270
270
|
<div class="sbb-train-formation__trains">
|
|
271
271
|
${this.renderList({
|
|
@@ -290,4 +290,4 @@ SbbTrainFormationElement = __decorateClass([
|
|
|
290
290
|
export {
|
|
291
291
|
SbbTrainFormationElement
|
|
292
292
|
};
|
|
293
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4tZm9ybWF0aW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdHJhaW4vdHJhaW4tZm9ybWF0aW9uL3RyYWluLWZvcm1hdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBMaXRFbGVtZW50LFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgcmVmIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVmLmpzJztcblxuaW1wb3J0IHsgU2JiQ29ubmVjdGVkQWJvcnRDb250cm9sbGVyLCBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGkxOG5TZWN0b3IsIGkxOG5TZWN0b3JTaG9ydCwgaTE4blRyYWlucyB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBTYmJOYW1lZFNsb3RMaXN0TWl4aW4sIHR5cGUgV2l0aExpc3RDaGlsZHJlbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IEFnbm9zdGljUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICcuLi8uLi9jb3JlL29ic2VydmVycy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluQmxvY2tlZFBhc3NhZ2VFbGVtZW50IH0gZnJvbSAnLi4vdHJhaW4tYmxvY2tlZC1wYXNzYWdlLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVHJhaW5XYWdvbkVsZW1lbnQgfSBmcm9tICcuLi90cmFpbi13YWdvbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluRWxlbWVudCB9IGZyb20gJy4uL3RyYWluLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdHJhaW4tZm9ybWF0aW9uLnNjc3M/bGl0JmlubGluZSc7XG5cbmludGVyZmFjZSBBZ2dyZWdhdGVkU2VjdG9yIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgd2Fnb25Db3VudDogbnVtYmVyO1xuICBibG9ja2VkUGFzc2FnZUNvdW50OiBudW1iZXI7XG59XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSB0cmFpbiBjb21wb3NpdGlvbiwgYWN0aW5nIGFzIGEgY29udGFpbmVyIGZvciBvbmUgb3IgbW9yZSBgc2JiLXRyYWluYCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgJ3NiYi10cmFpbicgZWxlbWVudHMgdG8gdGhlIGBzYmItdHJhaW4tZm9ybWF0aW9uYC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi10cmFpbi1mb3JtYXRpb24nKVxuZXhwb3J0IGNsYXNzIFNiYlRyYWluRm9ybWF0aW9uRWxlbWVudCBleHRlbmRzIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxcbiAgU2JiVHJhaW5FbGVtZW50LFxuICB0eXBlb2YgTGl0RWxlbWVudFxuPihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFsnc2JiLXRyYWluJ107XG5cbiAgLyoqIE9wdGlvbiB0byBoaWRlIGFsbCB3YWdvbiBsYWJlbHMuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2hpZGUtd2Fnb24tbGFiZWwnLCByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pIHB1YmxpYyBoaWRlV2Fnb25MYWJlbCA9XG4gICAgZmFsc2U7XG5cbiAgQHN0YXRlKCkgcHJpdmF0ZSBfc2VjdG9yczogQWdncmVnYXRlZFNlY3RvcltdID0gW107XG5cbiAgLyoqIEVsZW1lbnQgdGhhdCBkZWZpbmVzIHRoZSB2aXNpYmxlIGNvbnRlbnQgd2lkdGguICovXG4gIHByaXZhdGUgX2Zvcm1hdGlvbkRpdiE6IEhUTUxEaXZFbGVtZW50O1xuICBwcml2YXRlIF9jb250ZW50UmVzaXplT2JzZXJ2ZXIgPSBuZXcgQWdub3N0aWNSZXNpemVPYnNlcnZlcigoKSA9PiB0aGlzLl9hcHBseUNzc1dpZHRoKCkpO1xuICBwcml2YXRlIF9hYm9ydCA9IG5ldyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICBjb25zdCBzaWduYWwgPSB0aGlzLl9hYm9ydC5zaWduYWw7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCd0cmFpblNsb3RDaGFuZ2UnLCAoZSkgPT4gdGhpcy5fcmVhZFNlY3RvcnMoZSksIHsgc2lnbmFsIH0pO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcignc2VjdG9yQ2hhbmdlJywgKGUpID0+IHRoaXMuX3JlYWRTZWN0b3JzKGUpLCB7IHNpZ25hbCB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX2NvbnRlbnRSZXNpemVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gIH1cblxuICAvKipcbiAgICogQXBwbHkgd2lkdGggb2YgdGhlIHNjcm9sbGFibGUgc3BhY2Ugb2YgdGhlIGZvcm1hdGlvbiBhcyBhIGNzcyB2YXJpYWJsZS4gVGhpcyB3aWxsIGJlIHVzZWQgZnJvbVxuICAgKiBldmVyeSBzbG90dGVkIHNiYi10cmFpbiBmb3IgdGhlIGRpcmVjdGlvbi1sYWJlbFxuICAgKi9cbiAgcHJpdmF0ZSBfYXBwbHlDc3NXaWR0aCgpOiB2b2lkIHtcbiAgICBjb25zdCBjb250ZW50V2lkdGggPSB0aGlzLl9mb3JtYXRpb25EaXYuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgdGhpcy5fZm9ybWF0aW9uRGl2LnN0eWxlLnNldFByb3BlcnR5KCctLXNiYi10cmFpbi1kaXJlY3Rpb24td2lkdGgnLCBgJHtjb250ZW50V2lkdGh9cHhgKTtcbiAgfVxuXG4gIHByaXZhdGUgX3JlYWRTZWN0b3JzKGV2ZW50PzogRXZlbnQpOiB2b2lkIHtcbiAgICAvLyBLZWVwIHRoZSBldmVudCBpbnRlcm5hbC5cbiAgICBldmVudD8uc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICB0aGlzLl9zZWN0b3JzID0gQXJyYXkuZnJvbShcbiAgICAgIHRoaXMucXVlcnlTZWxlY3RvckFsbD8uPFNiYlRyYWluV2Fnb25FbGVtZW50IHwgU2JiVHJhaW5CbG9ja2VkUGFzc2FnZUVsZW1lbnQ+KFxuICAgICAgICAnc2JiLXRyYWluLXdhZ29uLHNiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnLFxuICAgICAgKSA/PyBbXSxcbiAgICApLnJlZHVjZShcbiAgICAgIChcbiAgICAgICAgYWdncmVnYXRlZFNlY3RvcnM6IEFnZ3JlZ2F0ZWRTZWN0b3JbXSxcbiAgICAgICAgaXRlbTogU2JiVHJhaW5XYWdvbkVsZW1lbnQgfCBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudCxcbiAgICAgICkgPT4ge1xuICAgICAgICBjb25zdCBjdXJyZW50QWdncmVnYXRlZFNlY3RvciA9IGFnZ3JlZ2F0ZWRTZWN0b3JzW2FnZ3JlZ2F0ZWRTZWN0b3JzLmxlbmd0aCAtIDFdO1xuXG4gICAgICAgIGlmIChpdGVtLmxvY2FsTmFtZSA9PT0gJ3NiYi10cmFpbi13YWdvbicpIHtcbiAgICAgICAgICBjb25zdCBzZWN0b3JBdHRyaWJ1dGUgPVxuICAgICAgICAgICAgKGl0ZW0gYXMgU2JiVHJhaW5XYWdvbkVsZW1lbnQpLnNlY3RvciA/PyBpdGVtLmdldEF0dHJpYnV0ZSgnc2VjdG9yJyk7XG5cbiAgICAgICAgICBpZiAoIWN1cnJlbnRBZ2dyZWdhdGVkU2VjdG9yLmxhYmVsICYmIHNlY3RvckF0dHJpYnV0ZSkge1xuICAgICAgICAgICAgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgPSBzZWN0b3JBdHRyaWJ1dGU7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKCFzZWN0b3JBdHRyaWJ1dGUgfHwgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgPT09IHNlY3RvckF0dHJpYnV0ZSkge1xuICAgICAgICAgICAgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3Iud2Fnb25Db3VudCsrO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBhZ2dyZWdhdGVkU2VjdG9ycy5wdXNoKHtcbiAgICAgICAgICAgICAgbGFiZWw6IHNlY3RvckF0dHJpYnV0ZSxcbiAgICAgICAgICAgICAgd2Fnb25Db3VudDogMSxcbiAgICAgICAgICAgICAgYmxvY2tlZFBhc3NhZ2VDb3VudDogMCxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIGlmIChpdGVtLmxvY2FsTmFtZSA9PT0gJ3NiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnKSB7XG4gICAgICAgICAgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IuYmxvY2tlZFBhc3NhZ2VDb3VudCsrO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGFnZ3JlZ2F0ZWRTZWN0b3JzO1xuICAgICAgfSxcbiAgICAgIFt7IHdhZ29uQ291bnQ6IDAsIGJsb2NrZWRQYXNzYWdlQ291bnQ6IDAgfSBhcyBBZ2dyZWdhdGVkU2VjdG9yXSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfdXBkYXRlRm9ybWF0aW9uRGl2KGVsOiBFbGVtZW50IHwgdW5kZWZpbmVkKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgaWYgKCFlbCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9jb250ZW50UmVzaXplT2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICAgIHRoaXMuX2Zvcm1hdGlvbkRpdiA9IGVsIGFzIEhUTUxEaXZFbGVtZW50O1xuICAgIHRoaXMuX2NvbnRlbnRSZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuX2Zvcm1hdGlvbkRpdik7XG4gICAgLy8gVGhlcmUgc2VlbXMgdG8gYmUgYSBzbGlnaHQgZGlmZmVyZW5jZSBiZXR3ZWVuIGJyb3dzZXIsIGluIGhvdyB0aGVcbiAgICAvLyBvYnNlcnZlciBpcyBjYWxsZWQuIEluIG9yZGVyIHRvIGJlIGNvbnNpc3RlbnQgYWNyb3NzIGJyb3dzZXJzXG4gICAgLy8gd2Ugc2V0IHRoZSB3aWR0aCBtYW51YWxseSBvbmNlIHRoZSBjb21wb25lbnQgdXBkYXRlIGlzIGNvbXBsZXRlLlxuICAgIGF3YWl0IHRoaXMudXBkYXRlQ29tcGxldGU7XG4gICAgdGhpcy5fYXBwbHlDc3NXaWR0aCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPFdpdGhMaXN0Q2hpbGRyZW48dGhpcz4+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0Q2hpbGRyZW4nKSkge1xuICAgICAgdGhpcy5fcmVhZFNlY3RvcnMoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdHJhaW4tZm9ybWF0aW9uXCIgJHtyZWYodGhpcy5fdXBkYXRlRm9ybWF0aW9uRGl2KX0+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdHJhaW4tZm9ybWF0aW9uX19zZWN0b3JzXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgJHt0aGlzLl9zZWN0b3JzLm1hcChcbiAgICAgICAgICAgIChhZ2dyZWdhdGVkU2VjdG9yKSA9PlxuICAgICAgICAgICAgICBodG1sYDxzcGFuXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItdHJhaW4tZm9ybWF0aW9uX19zZWN0b3JcIlxuICAgICAgICAgICAgICAgIHN0eWxlPVwiXG4gICAgICAgICAgICAgICAgLS1zYmItdHJhaW4tZm9ybWF0aW9uLXdhZ29uLWNvdW50OiAke2FnZ3JlZ2F0ZWRTZWN0b3Iud2Fnb25Db3VudH07XG4gICAgICAgICAgICAgICAgLS1zYmItdHJhaW4tZm9ybWF0aW9uLXdhZ29uLWJsb2NrZWQtcGFzc2FnZS1jb3VudDogJHthZ2dyZWdhdGVkU2VjdG9yLmJsb2NrZWRQYXNzYWdlQ291bnR9XCJcbiAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRyYWluLWZvcm1hdGlvbl9fc2VjdG9yLXN0aWNreS13cmFwcGVyXCI+XG4gICAgICAgICAgICAgICAgICAke2Ake1xuICAgICAgICAgICAgICAgICAgICBhZ2dyZWdhdGVkU2VjdG9yLndhZ29uQ291bnQgPT09IDEgJiYgYWdncmVnYXRlZFNlY3Rvci5sYWJlbFxuICAgICAgICAgICAgICAgICAgICAgID8gaTE4blNlY3RvclNob3J0W3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdXG4gICAgICAgICAgICAgICAgICAgICAgOiBpMThuU2VjdG9yW3RoaXMuX2xhbmd1YWdlLmN1cnJlbnRdXG4gICAgICAgICAgICAgICAgICB9ICR7YWdncmVnYXRlZFNlY3Rvci5sYWJlbCA/IGFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgOiAnJ31gfVxuICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgPC9zcGFuPmAsXG4gICAgICAgICAgKX1cbiAgICAgICAgPC9kaXY+XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10cmFpbi1mb3JtYXRpb25fX3RyYWluc1wiPlxuICAgICAgICAgICR7dGhpcy5yZW5kZXJMaXN0KHtcbiAgICAgICAgICAgIGNsYXNzOiAnc2JiLXRyYWluLWZvcm1hdGlvbl9fdHJhaW4tbGlzdCcsXG4gICAgICAgICAgICBhcmlhTGFiZWw6IGkxOG5UcmFpbnNbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF0sXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRyYWluLWZvcm1hdGlvbic6IFNiYlRyYWluRm9ybWF0aW9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQWdDTyxJQUFNLDJCQUFOLGNBQXVDLHNCQUc1QyxVQUFVLEVBQUU7QUFBQSxFQUhQLGNBQUE7QUFBQSxVQUFBLEdBQUEsU0FBQTtBQUt1QixTQUFBLHNCQUFzQixDQUFDLFdBQVc7QUFHYSxTQUFPLGlCQUNoRjtBQUVPLFNBQVEsV0FBK0I7QUFJaEQsU0FBUSx5QkFBeUIsSUFBSSx1QkFBdUIsTUFBTSxLQUFLLGdCQUFnQjtBQUMvRSxTQUFBLFNBQVMsSUFBSSw0QkFBNEIsSUFBSTtBQUM3QyxTQUFBLFlBQVksSUFBSSxzQkFBc0IsSUFBSTtBQUFBLEVBQUE7QUFBQSxFQUVsQyxvQkFBMEI7QUFDeEMsVUFBTSxr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
|
|
293
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJhaW4tZm9ybWF0aW9uLmpzIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvZWxlbWVudHMvdHJhaW4vdHJhaW4tZm9ybWF0aW9uL3RyYWluLWZvcm1hdGlvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICB0eXBlIENTU1Jlc3VsdEdyb3VwLFxuICBodG1sLFxuICBMaXRFbGVtZW50LFxuICBub3RoaW5nLFxuICB0eXBlIFByb3BlcnR5VmFsdWVzLFxuICB0eXBlIFRlbXBsYXRlUmVzdWx0LFxufSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgY3VzdG9tRWxlbWVudCwgcHJvcGVydHksIHN0YXRlIH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgcmVmIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVmLmpzJztcblxuaW1wb3J0IHsgU2JiQ29ubmVjdGVkQWJvcnRDb250cm9sbGVyLCBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL2NvbnRyb2xsZXJzLmpzJztcbmltcG9ydCB7IGkxOG5TZWN0b3IsIGkxOG5TZWN0b3JTaG9ydCwgaTE4blRyYWlucyB9IGZyb20gJy4uLy4uL2NvcmUvaTE4bi5qcyc7XG5pbXBvcnQgeyBTYmJOYW1lZFNsb3RMaXN0TWl4aW4sIHR5cGUgV2l0aExpc3RDaGlsZHJlbiB9IGZyb20gJy4uLy4uL2NvcmUvbWl4aW5zLmpzJztcbmltcG9ydCB7IEFnbm9zdGljUmVzaXplT2JzZXJ2ZXIgfSBmcm9tICcuLi8uLi9jb3JlL29ic2VydmVycy5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluQmxvY2tlZFBhc3NhZ2VFbGVtZW50IH0gZnJvbSAnLi4vdHJhaW4tYmxvY2tlZC1wYXNzYWdlLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVHJhaW5XYWdvbkVsZW1lbnQgfSBmcm9tICcuLi90cmFpbi13YWdvbi5qcyc7XG5pbXBvcnQgdHlwZSB7IFNiYlRyYWluRWxlbWVudCB9IGZyb20gJy4uL3RyYWluLmpzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vdHJhaW4tZm9ybWF0aW9uLnNjc3M/bGl0JmlubGluZSc7XG5cbmludGVyZmFjZSBBZ2dyZWdhdGVkU2VjdG9yIHtcbiAgbGFiZWw6IHN0cmluZztcbiAgd2Fnb25Db3VudDogbnVtYmVyO1xuICBibG9ja2VkUGFzc2FnZUNvdW50OiBudW1iZXI7XG59XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYSB0cmFpbiBjb21wb3NpdGlvbiwgYWN0aW5nIGFzIGEgY29udGFpbmVyIGZvciBvbmUgb3IgbW9yZSBgc2JiLXRyYWluYCBjb21wb25lbnQuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgJ3NiYi10cmFpbicgZWxlbWVudHMgdG8gdGhlIGBzYmItdHJhaW4tZm9ybWF0aW9uYC5cbiAqL1xuQGN1c3RvbUVsZW1lbnQoJ3NiYi10cmFpbi1mb3JtYXRpb24nKVxuZXhwb3J0IGNsYXNzIFNiYlRyYWluRm9ybWF0aW9uRWxlbWVudCBleHRlbmRzIFNiYk5hbWVkU2xvdExpc3RNaXhpbjxcbiAgU2JiVHJhaW5FbGVtZW50LFxuICB0eXBlb2YgTGl0RWxlbWVudFxuPihMaXRFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IHN0eWxlO1xuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVhZG9ubHkgbGlzdENoaWxkTG9jYWxOYW1lcyA9IFsnc2JiLXRyYWluJ107XG5cbiAgLyoqIE9wdGlvbiB0byBoaWRlIGFsbCB3YWdvbiBsYWJlbHMuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2hpZGUtd2Fnb24tbGFiZWwnLCByZWZsZWN0OiB0cnVlLCB0eXBlOiBCb29sZWFuIH0pIHB1YmxpYyBoaWRlV2Fnb25MYWJlbCA9XG4gICAgZmFsc2U7XG5cbiAgQHN0YXRlKCkgcHJpdmF0ZSBfc2VjdG9yczogQWdncmVnYXRlZFNlY3RvcltdID0gW107XG5cbiAgLyoqIEVsZW1lbnQgdGhhdCBkZWZpbmVzIHRoZSB2aXNpYmxlIGNvbnRlbnQgd2lkdGguICovXG4gIHByaXZhdGUgX2Zvcm1hdGlvbkRpdiE6IEhUTUxEaXZFbGVtZW50O1xuICBwcml2YXRlIF9jb250ZW50UmVzaXplT2JzZXJ2ZXIgPSBuZXcgQWdub3N0aWNSZXNpemVPYnNlcnZlcigoKSA9PiB0aGlzLl9hcHBseUNzc1dpZHRoKCkpO1xuICBwcml2YXRlIF9hYm9ydCA9IG5ldyBTYmJDb25uZWN0ZWRBYm9ydENvbnRyb2xsZXIodGhpcyk7XG4gIHByaXZhdGUgX2xhbmd1YWdlID0gbmV3IFNiYkxhbmd1YWdlQ29udHJvbGxlcih0aGlzKTtcblxuICBwdWJsaWMgb3ZlcnJpZGUgY29ubmVjdGVkQ2FsbGJhY2soKTogdm9pZCB7XG4gICAgc3VwZXIuY29ubmVjdGVkQ2FsbGJhY2soKTtcbiAgICBjb25zdCBzaWduYWwgPSB0aGlzLl9hYm9ydC5zaWduYWw7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyKCd0cmFpblNsb3RDaGFuZ2UnLCAoZSkgPT4gdGhpcy5fcmVhZFNlY3RvcnMoZSksIHsgc2lnbmFsIH0pO1xuICAgIHRoaXMuYWRkRXZlbnRMaXN0ZW5lcignc2VjdG9yQ2hhbmdlJywgKGUpID0+IHRoaXMuX3JlYWRTZWN0b3JzKGUpLCB7IHNpZ25hbCB9KTtcbiAgfVxuXG4gIHB1YmxpYyBvdmVycmlkZSBkaXNjb25uZWN0ZWRDYWxsYmFjaygpOiB2b2lkIHtcbiAgICBzdXBlci5kaXNjb25uZWN0ZWRDYWxsYmFjaygpO1xuICAgIHRoaXMuX2NvbnRlbnRSZXNpemVPYnNlcnZlci5kaXNjb25uZWN0KCk7XG4gIH1cblxuICAvKipcbiAgICogQXBwbHkgd2lkdGggb2YgdGhlIHNjcm9sbGFibGUgc3BhY2Ugb2YgdGhlIGZvcm1hdGlvbiBhcyBhIGNzcyB2YXJpYWJsZS4gVGhpcyB3aWxsIGJlIHVzZWQgZnJvbVxuICAgKiBldmVyeSBzbG90dGVkIHNiYi10cmFpbiBmb3IgdGhlIGRpcmVjdGlvbi1sYWJlbFxuICAgKi9cbiAgcHJpdmF0ZSBfYXBwbHlDc3NXaWR0aCgpOiB2b2lkIHtcbiAgICBjb25zdCBjb250ZW50V2lkdGggPSB0aGlzLl9mb3JtYXRpb25EaXYuZ2V0Qm91bmRpbmdDbGllbnRSZWN0KCkud2lkdGg7XG4gICAgdGhpcy5fZm9ybWF0aW9uRGl2LnN0eWxlLnNldFByb3BlcnR5KCctLXNiYi10cmFpbi1kaXJlY3Rpb24td2lkdGgnLCBgJHtjb250ZW50V2lkdGh9cHhgKTtcbiAgfVxuXG4gIHByaXZhdGUgX3JlYWRTZWN0b3JzKGV2ZW50PzogRXZlbnQpOiB2b2lkIHtcbiAgICAvLyBLZWVwIHRoZSBldmVudCBpbnRlcm5hbC5cbiAgICBldmVudD8uc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICB0aGlzLl9zZWN0b3JzID0gQXJyYXkuZnJvbShcbiAgICAgIHRoaXMucXVlcnlTZWxlY3RvckFsbD8uPFNiYlRyYWluV2Fnb25FbGVtZW50IHwgU2JiVHJhaW5CbG9ja2VkUGFzc2FnZUVsZW1lbnQ+KFxuICAgICAgICAnc2JiLXRyYWluLXdhZ29uLHNiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnLFxuICAgICAgKSA/PyBbXSxcbiAgICApLnJlZHVjZShcbiAgICAgIChcbiAgICAgICAgYWdncmVnYXRlZFNlY3RvcnM6IEFnZ3JlZ2F0ZWRTZWN0b3JbXSxcbiAgICAgICAgaXRlbTogU2JiVHJhaW5XYWdvbkVsZW1lbnQgfCBTYmJUcmFpbkJsb2NrZWRQYXNzYWdlRWxlbWVudCxcbiAgICAgICkgPT4ge1xuICAgICAgICBjb25zdCBjdXJyZW50QWdncmVnYXRlZFNlY3RvciA9IGFnZ3JlZ2F0ZWRTZWN0b3JzW2FnZ3JlZ2F0ZWRTZWN0b3JzLmxlbmd0aCAtIDFdO1xuXG4gICAgICAgIGlmIChpdGVtLmxvY2FsTmFtZSA9PT0gJ3NiYi10cmFpbi13YWdvbicpIHtcbiAgICAgICAgICBjb25zdCBzZWN0b3JBdHRyaWJ1dGUgPVxuICAgICAgICAgICAgKGl0ZW0gYXMgU2JiVHJhaW5XYWdvbkVsZW1lbnQpLnNlY3RvciA/PyBpdGVtLmdldEF0dHJpYnV0ZSgnc2VjdG9yJyk7XG5cbiAgICAgICAgICBpZiAoIWN1cnJlbnRBZ2dyZWdhdGVkU2VjdG9yLmxhYmVsICYmIHNlY3RvckF0dHJpYnV0ZSkge1xuICAgICAgICAgICAgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgPSBzZWN0b3JBdHRyaWJ1dGU7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgaWYgKCFzZWN0b3JBdHRyaWJ1dGUgfHwgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgPT09IHNlY3RvckF0dHJpYnV0ZSkge1xuICAgICAgICAgICAgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3Iud2Fnb25Db3VudCsrO1xuICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICBhZ2dyZWdhdGVkU2VjdG9ycy5wdXNoKHtcbiAgICAgICAgICAgICAgbGFiZWw6IHNlY3RvckF0dHJpYnV0ZSxcbiAgICAgICAgICAgICAgd2Fnb25Db3VudDogMSxcbiAgICAgICAgICAgICAgYmxvY2tlZFBhc3NhZ2VDb3VudDogMCxcbiAgICAgICAgICAgIH0pO1xuICAgICAgICAgIH1cbiAgICAgICAgfSBlbHNlIGlmIChpdGVtLmxvY2FsTmFtZSA9PT0gJ3NiYi10cmFpbi1ibG9ja2VkLXBhc3NhZ2UnKSB7XG4gICAgICAgICAgY3VycmVudEFnZ3JlZ2F0ZWRTZWN0b3IuYmxvY2tlZFBhc3NhZ2VDb3VudCsrO1xuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIGFnZ3JlZ2F0ZWRTZWN0b3JzO1xuICAgICAgfSxcbiAgICAgIFt7IHdhZ29uQ291bnQ6IDAsIGJsb2NrZWRQYXNzYWdlQ291bnQ6IDAgfSBhcyBBZ2dyZWdhdGVkU2VjdG9yXSxcbiAgICApO1xuICB9XG5cbiAgcHJpdmF0ZSBhc3luYyBfdXBkYXRlRm9ybWF0aW9uRGl2KGVsOiBFbGVtZW50IHwgdW5kZWZpbmVkKTogUHJvbWlzZTx2b2lkPiB7XG4gICAgaWYgKCFlbCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9jb250ZW50UmVzaXplT2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICAgIHRoaXMuX2Zvcm1hdGlvbkRpdiA9IGVsIGFzIEhUTUxEaXZFbGVtZW50O1xuICAgIHRoaXMuX2NvbnRlbnRSZXNpemVPYnNlcnZlci5vYnNlcnZlKHRoaXMuX2Zvcm1hdGlvbkRpdik7XG4gICAgLy8gVGhlcmUgc2VlbXMgdG8gYmUgYSBzbGlnaHQgZGlmZmVyZW5jZSBiZXR3ZWVuIGJyb3dzZXIsIGluIGhvdyB0aGVcbiAgICAvLyBvYnNlcnZlciBpcyBjYWxsZWQuIEluIG9yZGVyIHRvIGJlIGNvbnNpc3RlbnQgYWNyb3NzIGJyb3dzZXJzXG4gICAgLy8gd2Ugc2V0IHRoZSB3aWR0aCBtYW51YWxseSBvbmNlIHRoZSBjb21wb25lbnQgdXBkYXRlIGlzIGNvbXBsZXRlLlxuICAgIGF3YWl0IHRoaXMudXBkYXRlQ29tcGxldGU7XG4gICAgdGhpcy5fYXBwbHlDc3NXaWR0aCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHdpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPFdpdGhMaXN0Q2hpbGRyZW48dGhpcz4+KTogdm9pZCB7XG4gICAgc3VwZXIud2lsbFVwZGF0ZShjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICBpZiAoY2hhbmdlZFByb3BlcnRpZXMuaGFzKCdsaXN0Q2hpbGRyZW4nKSkge1xuICAgICAgdGhpcy5fcmVhZFNlY3RvcnMoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItdHJhaW4tZm9ybWF0aW9uXCIgJHtyZWYodGhpcy5fdXBkYXRlRm9ybWF0aW9uRGl2KX0+XG4gICAgICAgICR7dGhpcy5fc2VjdG9ycy5sZW5ndGggJiYgdGhpcy5fc2VjdG9yc1swXS5sYWJlbCAhPT0gdW5kZWZpbmVkXG4gICAgICAgICAgPyBodG1sYDxkaXYgY2xhc3M9XCJzYmItdHJhaW4tZm9ybWF0aW9uX19zZWN0b3JzXCIgYXJpYS1oaWRkZW49XCJ0cnVlXCI+XG4gICAgICAgICAgICAgICR7dGhpcy5fc2VjdG9ycy5tYXAoXG4gICAgICAgICAgICAgICAgKGFnZ3JlZ2F0ZWRTZWN0b3IpID0+XG4gICAgICAgICAgICAgICAgICBodG1sYDxzcGFuXG4gICAgICAgICAgICAgICAgICAgIGNsYXNzPVwic2JiLXRyYWluLWZvcm1hdGlvbl9fc2VjdG9yXCJcbiAgICAgICAgICAgICAgICAgICAgc3R5bGU9XCJcbiAgICAgICAgICAgICAgICAtLXNiYi10cmFpbi1mb3JtYXRpb24td2Fnb24tY291bnQ6ICR7YWdncmVnYXRlZFNlY3Rvci53YWdvbkNvdW50fTtcbiAgICAgICAgICAgICAgICAtLXNiYi10cmFpbi1mb3JtYXRpb24td2Fnb24tYmxvY2tlZC1wYXNzYWdlLWNvdW50OiAke2FnZ3JlZ2F0ZWRTZWN0b3IuYmxvY2tlZFBhc3NhZ2VDb3VudH1cIlxuICAgICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10cmFpbi1mb3JtYXRpb25fX3NlY3Rvci1zdGlja3ktd3JhcHBlclwiPlxuICAgICAgICAgICAgICAgICAgICAgICR7YCR7XG4gICAgICAgICAgICAgICAgICAgICAgICBhZ2dyZWdhdGVkU2VjdG9yLndhZ29uQ291bnQgPT09IDEgJiYgYWdncmVnYXRlZFNlY3Rvci5sYWJlbFxuICAgICAgICAgICAgICAgICAgICAgICAgICA/IGkxOG5TZWN0b3JTaG9ydFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XVxuICAgICAgICAgICAgICAgICAgICAgICAgICA6IGkxOG5TZWN0b3JbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF1cbiAgICAgICAgICAgICAgICAgICAgICB9ICR7YWdncmVnYXRlZFNlY3Rvci5sYWJlbCA/IGFnZ3JlZ2F0ZWRTZWN0b3IubGFiZWwgOiAnJ31gfVxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L3NwYW4+YCxcbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgIDwvZGl2PmBcbiAgICAgICAgICA6IG5vdGhpbmd9XG5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi10cmFpbi1mb3JtYXRpb25fX3RyYWluc1wiPlxuICAgICAgICAgICR7dGhpcy5yZW5kZXJMaXN0KHtcbiAgICAgICAgICAgIGNsYXNzOiAnc2JiLXRyYWluLWZvcm1hdGlvbl9fdHJhaW4tbGlzdCcsXG4gICAgICAgICAgICBhcmlhTGFiZWw6IGkxOG5UcmFpbnNbdGhpcy5fbGFuZ3VhZ2UuY3VycmVudF0sXG4gICAgICAgICAgfSl9XG4gICAgICAgIDwvZGl2PlxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLXRyYWluLWZvcm1hdGlvbic6IFNiYlRyYWluRm9ybWF0aW9uRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQWlDTyxJQUFNLDJCQUFOLGNBQXVDLHNCQUc1QyxVQUFVLEVBQUU7QUFBQSxFQUhQLGNBQUE7QUFBQSxVQUFBLEdBQUEsU0FBQTtBQUt1QixTQUFBLHNCQUFzQixDQUFDLFdBQVc7QUFHYSxT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
|
package/dialog/dialog-title.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { css as v, nothing as g } from "lit";
|
|
2
|
-
import { property as
|
|
3
|
-
import { html as c, unsafeStatic as
|
|
4
|
-
import { SbbFocusVisibleWithinController as
|
|
2
|
+
import { property as b, customElement as u } from "lit/decorators.js";
|
|
3
|
+
import { html as c, unsafeStatic as r } from "lit/static-html.js";
|
|
4
|
+
import { SbbFocusVisibleWithinController as p } from "../core/a11y.js";
|
|
5
5
|
import { SbbLanguageController as f } from "../core/controllers.js";
|
|
6
6
|
import { EventEmitter as m } from "../core/eventing.js";
|
|
7
7
|
import { i18nCloseDialog as w, i18nGoBack as _ } from "../core/i18n.js";
|
|
@@ -16,44 +16,44 @@ var y = Object.defineProperty, B = Object.getOwnPropertyDescriptor, o = (e, s, i
|
|
|
16
16
|
};
|
|
17
17
|
let a = class extends h {
|
|
18
18
|
constructor() {
|
|
19
|
-
super(), this.backButton = !1, this.
|
|
19
|
+
super(), this.backButton = !1, this._hideOnScroll = !1, this._backClick = new m(
|
|
20
20
|
this,
|
|
21
21
|
a.events.backClick
|
|
22
|
-
), this.
|
|
22
|
+
), this._language = new f(this), this.level = "2", this.visualLevel = "3";
|
|
23
23
|
}
|
|
24
24
|
set hideOnScroll(e) {
|
|
25
|
-
this.
|
|
25
|
+
this._hideOnScroll = e === "" ? !0 : e;
|
|
26
26
|
}
|
|
27
27
|
get hideOnScroll() {
|
|
28
|
-
return this.
|
|
28
|
+
return this._hideOnScroll;
|
|
29
29
|
}
|
|
30
30
|
connectedCallback() {
|
|
31
|
-
super.connectedCallback(), new
|
|
31
|
+
super.connectedCallback(), new p(this);
|
|
32
32
|
}
|
|
33
33
|
willUpdate(e) {
|
|
34
34
|
super.willUpdate(e), (e.has("backButton") || e.has("accessibilityBackLabel")) && (this.backButton = !this.backButton && this.accessibilityBackLabel ? !0 : this.backButton);
|
|
35
35
|
}
|
|
36
36
|
render() {
|
|
37
37
|
const e = this.negative ? "sbb-transparent-button" : "sbb-secondary-button", s = c`
|
|
38
|
-
<${
|
|
38
|
+
<${r(e)}
|
|
39
39
|
class="sbb-dialog__close"
|
|
40
|
-
aria-label=${this.accessibilityCloseLabel || w[this.
|
|
40
|
+
aria-label=${this.accessibilityCloseLabel || w[this._language.current]}
|
|
41
41
|
?negative=${this.negative}
|
|
42
42
|
size="m"
|
|
43
43
|
type="button"
|
|
44
44
|
icon-name="cross-small"
|
|
45
45
|
sbb-dialog-close
|
|
46
|
-
></${
|
|
46
|
+
></${r(e)}>
|
|
47
47
|
`, i = c`
|
|
48
|
-
<${
|
|
48
|
+
<${r(e)}
|
|
49
49
|
class="sbb-dialog__back"
|
|
50
|
-
aria-label=${this.accessibilityBackLabel || _[this.
|
|
50
|
+
aria-label=${this.accessibilityBackLabel || _[this._language.current]}
|
|
51
51
|
?negative=${this.negative}
|
|
52
52
|
size="m"
|
|
53
53
|
type="button"
|
|
54
54
|
icon-name="chevron-small-left-small"
|
|
55
|
-
@click=${() => this.
|
|
56
|
-
></${
|
|
55
|
+
@click=${() => this._backClick.emit()}
|
|
56
|
+
></${r(e)}>
|
|
57
57
|
`;
|
|
58
58
|
return c`
|
|
59
59
|
<div class="sbb-dialog__header">
|
|
@@ -67,19 +67,19 @@ a.events = {
|
|
|
67
67
|
backClick: "requestBackAction"
|
|
68
68
|
};
|
|
69
69
|
o([
|
|
70
|
-
|
|
70
|
+
b({ attribute: "back-button", type: Boolean })
|
|
71
71
|
], a.prototype, "backButton", 2);
|
|
72
72
|
o([
|
|
73
|
-
|
|
73
|
+
b({ attribute: "accessibility-close-label" })
|
|
74
74
|
], a.prototype, "accessibilityCloseLabel", 2);
|
|
75
75
|
o([
|
|
76
|
-
|
|
76
|
+
b({ attribute: "accessibility-back-label" })
|
|
77
77
|
], a.prototype, "accessibilityBackLabel", 2);
|
|
78
78
|
o([
|
|
79
|
-
|
|
79
|
+
b({ attribute: "hide-on-scroll" })
|
|
80
80
|
], a.prototype, "hideOnScroll", 1);
|
|
81
81
|
a = o([
|
|
82
|
-
|
|
82
|
+
u("sbb-dialog-title")
|
|
83
83
|
], a);
|
|
84
84
|
export {
|
|
85
85
|
a as SbbDialogTitleElement
|
package/dialog/dialog.js
CHANGED
|
@@ -1,118 +1,118 @@
|
|
|
1
1
|
import { property as h, customElement as c } from "lit/decorators.js";
|
|
2
2
|
import { html as g } from "lit/static-html.js";
|
|
3
|
-
import { setModalityOnNextFocus as
|
|
3
|
+
import { setModalityOnNextFocus as r, getFirstFocusableElement as m } from "../core/a11y.js";
|
|
4
4
|
import { isBreakpoint as v } from "../core/dom.js";
|
|
5
|
-
import { AgnosticResizeObserver as
|
|
6
|
-
import { applyInertMechanism as
|
|
7
|
-
import { SbbOverlayBaseElement as
|
|
8
|
-
import { css as
|
|
5
|
+
import { AgnosticResizeObserver as p } from "../core/observers.js";
|
|
6
|
+
import { applyInertMechanism as u, removeInertMechanism as f } from "../core/overlay.js";
|
|
7
|
+
import { SbbOverlayBaseElement as _, overlayRefs as d } from "../overlay.js";
|
|
8
|
+
import { css as w } from "lit";
|
|
9
9
|
import "../screen-reader-only.js";
|
|
10
|
-
const y =
|
|
11
|
-
var
|
|
12
|
-
for (var
|
|
13
|
-
(
|
|
14
|
-
return
|
|
10
|
+
const y = w`*,:before,:after{box-sizing:border-box}:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: var(--sbb-color-black-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-black-alpha-60);--sbb-scrollbar-track-color: transparent;--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-5x);--sbb-dialog-color: var(--sbb-color-black);--sbb-dialog-background-color: var(--sbb-color-white);--sbb-dialog-width: 100%;--sbb-dialog-height: 100%;--sbb-dialog-max-width: 100%;--sbb-dialog-max-width-default: 55.75rem;--sbb-dialog-max-height: 100%;--sbb-dialog-inset: 0 auto auto 0;--sbb-dialog-border-radius: var(--sbb-border-radius-8x);--sbb-dialog-padding-block: var(--sbb-spacing-responsive-s);--sbb-dialog-animation-duration: var( --sbb-disable-animation-zero-time, var(--sbb-animation-duration-6x) );--sbb-dialog-animation-easing: ease;--sbb-dialog-pointer-events: none;--sbb-dialog-backdrop-visibility: hidden;--sbb-dialog-backdrop-pointer-events: none;--sbb-dialog-backdrop-color: transparent;--sbb-dialog-content-transition: transform var(--sbb-dialog-animation-duration) var(--sbb-dialog-animation-easing);--sbb-dialog-actions-border: var(--sbb-border-width-1x) solid var(--sbb-color-cloud);display:block;position:fixed;inset:var(--sbb-dialog-inset);z-index:var(--sbb-dialog-z-index, var(--sbb-overlay-default-z-index))}@media (min-width: 22.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-6x)}}@media (min-width: 37.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-fixed-12x)}}@media (min-width: 52.5rem){:host{--sbb-dialog-padding-inline: var(--sbb-spacing-responsive-s);--sbb-dialog-max-width: min( calc(100vw - var(--sbb-spacing-fixed-30x) * 2), var(--sbb-dialog-max-width-default) );--sbb-dialog-max-height: calc(100vh - var(--sbb-spacing-fixed-16x))}}:host(:is([data-state=opened],[data-state=opening])){--sbb-dialog-pointer-events: all}@media (min-width: 52.5rem){:host(:is([data-state=opened],[data-state=opening])){--sbb-dialog-backdrop-visibility: visible;--sbb-dialog-backdrop-pointer-events: all;--sbb-dialog-backdrop-color: var(--sbb-color-milk)}}:host([data-hide-header]){--sbb-dialog-header-margin-block-start: calc(var(--sbb-dialog-header-height) * -1)}:host([negative]){--sbb-scrollbar-color: var(--sbb-color-white-alpha-30);--sbb-scrollbar-color-hover: var(--sbb-color-white-alpha-60);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-dialog-color: var(--sbb-color-white);--sbb-dialog-background-color: var(--sbb-color-midnight);--sbb-dialog-actions-border: none}:host([data-overflows]:not([negative])){--sbb-dialog-actions-border: none}:host(:not([data-state=closed])){--sbb-dialog-inset: 0}.sbb-dialog__container{pointer-events:var(--sbb-dialog-pointer-events);display:flex;align-items:center;position:fixed;inset:var(--sbb-dialog-inset)}.sbb-dialog__container:before{content:"";visibility:var(--sbb-dialog-backdrop-visibility);pointer-events:var(--sbb-dialog-backdrop-pointer-events);position:fixed;inset:var(--sbb-dialog-inset);background-color:var(--sbb-dialog-backdrop-color);transition-duration:var(--sbb-dialog-animation-duration);transition-timing-function:var(--sbb-dialog-animation-easing);transition-property:background-color,visibility}.sbb-dialog{display:none;position:absolute;inset-inline:0;margin:auto;padding:0;border:none;width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);overflow:auto;color:var(--sbb-dialog-color);background-color:var(--sbb-dialog-background-color)}:host([data-state]:not([data-state=closed])) .sbb-dialog{display:block;animation-name:open;animation-duration:var(--sbb-dialog-animation-duration);animation-timing-function:ease}:host([data-state][data-state=closing]) .sbb-dialog{pointer-events:none;animation-name:close}@media (forced-colors: active){.sbb-dialog{outline:var(--sbb-border-width-1x) solid CanvasText}}@media (min-width: 52.5rem){.sbb-dialog{border-radius:var(--sbb-dialog-border-radius);overflow:hidden;height:fit-content}}.sbb-dialog__wrapper{display:flex;flex-direction:column;width:var(--sbb-dialog-width);height:var(--sbb-dialog-height);max-width:var(--sbb-dialog-max-width);max-height:var(--sbb-dialog-max-height);outline:none;position:fixed;word-break:break-word}@media (min-width: 52.5rem){.sbb-dialog__wrapper{position:sticky;inset-block-start:0;height:auto}}@keyframes open{0%{opacity:0;transform:translateY(var(--sbb-spacing-fixed-4x))}to{opacity:1;transform:translateY(0)}}@keyframes close{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(var(--sbb-spacing-fixed-4x))}}`;
|
|
11
|
+
var E = Object.defineProperty, x = Object.getOwnPropertyDescriptor, b = (t, e, a, i) => {
|
|
12
|
+
for (var o = i > 1 ? void 0 : i ? x(e, a) : e, l = t.length - 1, n; l >= 0; l--)
|
|
13
|
+
(n = t[l]) && (o = (i ? n(e, a, o) : n(o)) || o);
|
|
14
|
+
return i && o && E(e, a, o), o;
|
|
15
15
|
};
|
|
16
|
-
let
|
|
16
|
+
let k = 0, s = class extends _ {
|
|
17
17
|
constructor() {
|
|
18
|
-
super(...arguments), this.backdropAction = "close", this.
|
|
19
|
-
() => setTimeout(() => this.
|
|
20
|
-
), this.
|
|
21
|
-
this.backdropAction === "close" && (this.
|
|
22
|
-
}, this.
|
|
23
|
-
this.backdropAction === "close" && !this.
|
|
18
|
+
super(...arguments), this.backdropAction = "close", this._dialogContentResizeObserver = new p(
|
|
19
|
+
() => setTimeout(() => this._onContentResize())
|
|
20
|
+
), this._dialogTitleElement = null, this._dialogContentElement = null, this._dialogActionsElement = null, this._isPointerDownEventOnDialog = !1, this._overflows = !1, this._lastScroll = 0, this._dialogId = `sbb-dialog-${k++}`, this.closeAttribute = "sbb-dialog-close", this._pointerDownListener = (t) => {
|
|
21
|
+
this.backdropAction === "close" && (this._isPointerDownEventOnDialog = t.composedPath().filter((e) => e instanceof window.HTMLElement).some((e) => e.id === this._dialogId));
|
|
22
|
+
}, this._closeOnBackdropClick = (t) => {
|
|
23
|
+
this.backdropAction === "close" && !this._isPointerDownEventOnDialog && !t.composedPath().filter((e) => e instanceof window.HTMLElement).some((e) => e.id === this._dialogId) && this.close();
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
26
|
/** Opens the component. */
|
|
27
27
|
open() {
|
|
28
|
-
var
|
|
29
|
-
this.state === "closed" && (this.lastFocusedElement = document.activeElement, this.
|
|
28
|
+
var t;
|
|
29
|
+
this.state === "closed" && (this.lastFocusedElement = document.activeElement, this._dialogTitleElement = this.querySelector("sbb-dialog-title"), this._dialogContentElement = (t = this.querySelector("sbb-dialog-content")) == null ? void 0 : t.shadowRoot.firstElementChild, this._dialogActionsElement = this.querySelector("sbb-dialog-actions"), this._syncNegative(), this.willOpen.emit() && (this.state = "opening", d.push(this), this._dialogContentResizeObserver.observe(this._dialogContentElement), this.scrollHandler.disableScroll()));
|
|
30
30
|
}
|
|
31
31
|
connectedCallback() {
|
|
32
|
-
super.connectedCallback(), this.addEventListener("pointerdown", this.
|
|
32
|
+
super.connectedCallback(), this.addEventListener("pointerdown", this._pointerDownListener, {
|
|
33
33
|
signal: this.overlayController.signal
|
|
34
|
-
}), this.addEventListener("pointerup", this.
|
|
34
|
+
}), this.addEventListener("pointerup", this._closeOnBackdropClick, {
|
|
35
35
|
signal: this.overlayController.signal
|
|
36
36
|
});
|
|
37
37
|
}
|
|
38
|
-
firstUpdated(
|
|
39
|
-
this.
|
|
38
|
+
firstUpdated(t) {
|
|
39
|
+
this._dialogTitleElement = this.querySelector("sbb-dialog-title"), this._syncNegative(), super.firstUpdated(t);
|
|
40
40
|
}
|
|
41
|
-
willUpdate(
|
|
42
|
-
super.willUpdate(
|
|
41
|
+
willUpdate(t) {
|
|
42
|
+
super.willUpdate(t), t.has("negative") && this._syncNegative();
|
|
43
43
|
}
|
|
44
44
|
disconnectedCallback() {
|
|
45
|
-
super.disconnectedCallback(), this.
|
|
45
|
+
super.disconnectedCallback(), this._dialogContentResizeObserver.disconnect();
|
|
46
46
|
}
|
|
47
47
|
attachOpenOverlayEvents() {
|
|
48
|
-
var
|
|
49
|
-
super.attachOpenOverlayEvents(), (
|
|
48
|
+
var t;
|
|
49
|
+
super.attachOpenOverlayEvents(), (t = this._dialogContentElement) == null || t.addEventListener("scroll", () => this._onContentScroll(), {
|
|
50
50
|
passive: !0,
|
|
51
51
|
signal: this.openOverlayController.signal
|
|
52
|
-
}), window.addEventListener("resize", () => this.
|
|
52
|
+
}), window.addEventListener("resize", () => this._setHideHeaderDataAttribute(!1), {
|
|
53
53
|
signal: this.openOverlayController.signal
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
56
|
// Wait for dialog transition to complete.
|
|
57
57
|
// In rare cases, it can be that the animationEnd event is triggered twice.
|
|
58
58
|
// To avoid entering a corrupt state, exit when state is not expected.
|
|
59
|
-
onOverlayAnimationEnd(
|
|
60
|
-
var
|
|
61
|
-
|
|
59
|
+
onOverlayAnimationEnd(t) {
|
|
60
|
+
var e, a, i;
|
|
61
|
+
t.animationName === "open" && this.state === "opening" ? (this.state = "opened", this.didOpen.emit(), u(this), this.attachOpenOverlayEvents(), this.setOverlayFocus(), setTimeout(
|
|
62
62
|
() => {
|
|
63
|
-
var
|
|
63
|
+
var o;
|
|
64
64
|
return this.setAriaLiveRefContent(
|
|
65
|
-
this.accessibilityLabel || ((
|
|
65
|
+
this.accessibilityLabel || ((o = this._dialogTitleElement) == null ? void 0 : o.innerText.trim())
|
|
66
66
|
);
|
|
67
67
|
}
|
|
68
|
-
), this.focusHandler.trap(this)) :
|
|
68
|
+
), this.focusHandler.trap(this)) : t.animationName === "close" && this.state === "closing" && (this._setHideHeaderDataAttribute(!1), (e = this._dialogContentElement) == null || e.scrollTo(0, 0), this.state = "closed", f(), r(this.lastFocusedElement), (a = this.lastFocusedElement) == null || a.focus(), (i = this.openOverlayController) == null || i.abort(), this.focusHandler.disconnect(), this._dialogContentResizeObserver.disconnect(), this.removeInstanceFromGlobalCollection(), !d.length && this.scrollHandler.enableScroll(), this.didClose.emit({
|
|
69
69
|
returnValue: this.returnValue,
|
|
70
70
|
closeTarget: this.overlayCloseElement
|
|
71
71
|
}));
|
|
72
72
|
}
|
|
73
73
|
// Set focus on the first focusable element.
|
|
74
74
|
setOverlayFocus() {
|
|
75
|
-
const
|
|
76
|
-
Array.from(this.children).filter((
|
|
75
|
+
const t = m(
|
|
76
|
+
Array.from(this.children).filter((e) => e instanceof window.HTMLElement)
|
|
77
77
|
);
|
|
78
|
-
|
|
78
|
+
r(t), t == null || t.focus();
|
|
79
79
|
}
|
|
80
|
-
|
|
81
|
-
this.
|
|
80
|
+
_syncNegative() {
|
|
81
|
+
this._dialogTitleElement && (this._dialogTitleElement.negative = this.negative), this._dialogActionsElement && this._dialogActionsElement.toggleAttribute("data-negative", this.negative);
|
|
82
82
|
}
|
|
83
|
-
|
|
84
|
-
if (!this.
|
|
83
|
+
_onContentScroll() {
|
|
84
|
+
if (!this._dialogContentElement || this.dataset.hideHeader === void 0 && this._dialogContentElement.clientHeight + this._dialogTitleHeight >= this._dialogContentElement.scrollHeight)
|
|
85
85
|
return;
|
|
86
|
-
const
|
|
87
|
-
Math.round(
|
|
86
|
+
const e = this._dialogContentElement.scrollTop;
|
|
87
|
+
Math.round(e + this._dialogContentElement.clientHeight) >= this._dialogContentElement.scrollHeight || (e > 0 && this._lastScroll < e ? this._setHideHeaderDataAttribute(!0) : this._setHideHeaderDataAttribute(!1), this._lastScroll = e <= 0 ? 0 : e);
|
|
88
88
|
}
|
|
89
|
-
|
|
90
|
-
var
|
|
91
|
-
this.
|
|
89
|
+
_setDialogHeaderHeight() {
|
|
90
|
+
var t;
|
|
91
|
+
this._dialogTitleHeight = (t = this._dialogTitleElement) == null ? void 0 : t.shadowRoot.firstElementChild.clientHeight, this.style.setProperty("--sbb-dialog-header-height", `${this._dialogTitleHeight}px`);
|
|
92
92
|
}
|
|
93
|
-
|
|
94
|
-
var
|
|
95
|
-
this.
|
|
93
|
+
_onContentResize() {
|
|
94
|
+
var t, e;
|
|
95
|
+
this._setDialogHeaderHeight(), this._overflows = this._dialogContentElement ? ((t = this._dialogContentElement) == null ? void 0 : t.scrollHeight) > ((e = this._dialogContentElement) == null ? void 0 : e.clientHeight) : !1, this._setOverflowsDataAttribute();
|
|
96
96
|
}
|
|
97
|
-
|
|
98
|
-
var
|
|
99
|
-
const
|
|
100
|
-
this.toggleAttribute("data-hide-header",
|
|
97
|
+
_setHideHeaderDataAttribute(t) {
|
|
98
|
+
var i;
|
|
99
|
+
const e = ((i = this._dialogTitleElement) == null ? void 0 : i.hideOnScroll) ?? !1, a = typeof e == "boolean" ? e : v("zero", e, { includeMaxBreakpoint: !0 });
|
|
100
|
+
this.toggleAttribute("data-hide-header", a ? t : !1), this._dialogTitleElement && this._dialogTitleElement.toggleAttribute("data-hide-header", a ? t : !1);
|
|
101
101
|
}
|
|
102
|
-
|
|
103
|
-
var
|
|
104
|
-
this.toggleAttribute("data-overflows", this.
|
|
102
|
+
_setOverflowsDataAttribute() {
|
|
103
|
+
var t, e;
|
|
104
|
+
this.toggleAttribute("data-overflows", this._overflows), (t = this._dialogTitleElement) == null || t.toggleAttribute("data-overflows", this._overflows), (e = this._dialogActionsElement) == null || e.toggleAttribute("data-overflows", this._overflows);
|
|
105
105
|
}
|
|
106
106
|
render() {
|
|
107
107
|
return g`
|
|
108
108
|
<div class="sbb-dialog__container">
|
|
109
109
|
<div
|
|
110
|
-
@animationend=${(
|
|
110
|
+
@animationend=${(t) => this.onOverlayAnimationEnd(t)}
|
|
111
111
|
class="sbb-dialog"
|
|
112
|
-
id=${this.
|
|
112
|
+
id=${this._dialogId}
|
|
113
113
|
>
|
|
114
114
|
<div
|
|
115
|
-
@click=${(
|
|
115
|
+
@click=${(t) => this.closeOnSbbOverlayCloseClick(t)}
|
|
116
116
|
class="sbb-dialog__wrapper"
|
|
117
117
|
>
|
|
118
118
|
<slot></slot>
|
|
@@ -123,13 +123,13 @@ let E = 0, o = class extends w {
|
|
|
123
123
|
`;
|
|
124
124
|
}
|
|
125
125
|
};
|
|
126
|
-
|
|
127
|
-
|
|
126
|
+
s.styles = y;
|
|
127
|
+
b([
|
|
128
128
|
h({ attribute: "backdrop-action" })
|
|
129
|
-
],
|
|
130
|
-
|
|
129
|
+
], s.prototype, "backdropAction", 2);
|
|
130
|
+
s = b([
|
|
131
131
|
c("sbb-dialog")
|
|
132
|
-
],
|
|
132
|
+
], s);
|
|
133
133
|
export {
|
|
134
|
-
|
|
134
|
+
s as SbbDialogElement
|
|
135
135
|
};
|
|
@@ -3,36 +3,36 @@ import { customElement as d } from "lit/decorators.js";
|
|
|
3
3
|
import { SbbButtonBaseElement as c } from "../core/base-elements.js";
|
|
4
4
|
import { SbbConnectedAbortController as h, SbbSlotStateController as x } from "../core/controllers.js";
|
|
5
5
|
import { hostAttributes as g } from "../core/decorators.js";
|
|
6
|
-
import { EventEmitter as
|
|
7
|
-
import { SbbDisabledTabIndexActionMixin as
|
|
8
|
-
import { SbbIconNameMixin as
|
|
6
|
+
import { EventEmitter as v } from "../core/eventing.js";
|
|
7
|
+
import { SbbDisabledTabIndexActionMixin as m } from "../core/mixins.js";
|
|
8
|
+
import { SbbIconNameMixin as f } from "../icon.js";
|
|
9
9
|
const u = l`*,:before,:after{box-sizing:border-box}:host{--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);display:block}@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}.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)}`;
|
|
10
|
-
var _ = Object.defineProperty,
|
|
11
|
-
for (var a =
|
|
12
|
-
(r = e[i]) && (a = (
|
|
13
|
-
return
|
|
10
|
+
var _ = Object.defineProperty, E = Object.getOwnPropertyDescriptor, w = (e, n, o, t) => {
|
|
11
|
+
for (var a = t > 1 ? void 0 : t ? E(n, o) : n, i = e.length - 1, r; i >= 0; i--)
|
|
12
|
+
(r = e[i]) && (a = (t ? r(n, o, a) : r(a)) || a);
|
|
13
|
+
return t && a && _(n, o, a), a;
|
|
14
14
|
};
|
|
15
|
-
let s = class extends
|
|
16
|
-
|
|
15
|
+
let s = class extends m(
|
|
16
|
+
f(c)
|
|
17
17
|
) {
|
|
18
18
|
constructor() {
|
|
19
|
-
super(...arguments), this.
|
|
19
|
+
super(...arguments), this._toggleExpanded = new v(
|
|
20
20
|
this,
|
|
21
21
|
s.events.toggleExpanded,
|
|
22
22
|
{
|
|
23
23
|
bubbles: !0
|
|
24
24
|
}
|
|
25
|
-
), this.
|
|
25
|
+
), this._abort = new h(this), this._namedSlots = new x(this, () => this._setDataIconAttribute());
|
|
26
26
|
}
|
|
27
27
|
connectedCallback() {
|
|
28
28
|
super.connectedCallback();
|
|
29
|
-
const e = this.
|
|
30
|
-
this.addEventListener("click", () => this.
|
|
29
|
+
const e = this._abort.signal;
|
|
30
|
+
this.addEventListener("click", () => this._emitExpandedEvent(), { signal: e }), this.addEventListener("mouseenter", () => this._onMouseMovement(!0), { signal: e }), this.addEventListener("mouseleave", () => this._onMouseMovement(!1), { signal: e });
|
|
31
31
|
}
|
|
32
|
-
|
|
33
|
-
this.disabled || this.
|
|
32
|
+
_emitExpandedEvent() {
|
|
33
|
+
this.disabled || this._toggleExpanded.emit();
|
|
34
34
|
}
|
|
35
|
-
|
|
35
|
+
_onMouseMovement(e) {
|
|
36
36
|
const n = this.closest("sbb-expansion-panel");
|
|
37
37
|
(!e || n && window.matchMedia("(any-hover: hover)").matches) && n.toggleAttribute("data-toggle-hover", e);
|
|
38
38
|
}
|
|
@@ -41,11 +41,11 @@ let s = class extends v(
|
|
|
41
41
|
* It needs to be set before the @slotchange event bubbles to the 'expansion-panel'
|
|
42
42
|
* but after the 'NamedSlotStateController' has run.
|
|
43
43
|
*/
|
|
44
|
-
|
|
45
|
-
this.toggleAttribute("data-icon", !!(this.iconName || this.
|
|
44
|
+
_setDataIconAttribute() {
|
|
45
|
+
this.toggleAttribute("data-icon", !!(this.iconName || this._namedSlots.slots.has("icon")));
|
|
46
46
|
}
|
|
47
47
|
renderTemplate() {
|
|
48
|
-
return this.
|
|
48
|
+
return this._setDataIconAttribute(), b`
|
|
49
49
|
<span class="sbb-expansion-panel-header__title">
|
|
50
50
|
<span class="sbb-expansion-panel-header__icon"> ${this.renderIconSlot()} </span>
|
|
51
51
|
<slot></slot>
|
|
@@ -64,7 +64,7 @@ s.styles = u;
|
|
|
64
64
|
s.events = {
|
|
65
65
|
toggleExpanded: "toggleExpanded"
|
|
66
66
|
};
|
|
67
|
-
s =
|
|
67
|
+
s = w([
|
|
68
68
|
d("sbb-expansion-panel-header"),
|
|
69
69
|
g({
|
|
70
70
|
slot: "header"
|