@sbb-esta/lyne-elements-dev 4.11.0-dev.1776266967 → 4.11.0-dev.1776332009
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/custom-elements.json +24 -5
- package/development/core/eventing/throttle.d.ts +1 -0
- package/development/core/eventing/throttle.d.ts.map +1 -1
- package/development/core/eventing/throttle.js +2 -1
- package/development/tab-group.component-DldBA45K.js +275 -0
- package/development/tabs/tab-group/tab-group.component.d.ts +1 -0
- package/development/tabs/tab-group/tab-group.component.d.ts.map +1 -1
- package/development/tabs/tab-group/tab-group.component.js +1 -1
- package/development/tabs/tab-group.js +1 -1
- package/development/tabs.js +1 -1
- package/development/tabs.pure.js +1 -1
- package/package.json +2 -2
- package/{tab-group.component-Doy39cEh.js → tab-group.component-CHQlrhUy.js} +36 -33
- package/tabs/tab-group/tab-group.component.js +1 -1
- package/tabs/tab-group.js +1 -1
- package/tabs.js +1 -1
- package/tabs.pure.js +1 -1
- package/development/tab-group.component-DRipdAyc.js +0 -272
package/custom-elements.json
CHANGED
|
@@ -69472,7 +69472,8 @@
|
|
|
69472
69472
|
"text": "number"
|
|
69473
69473
|
}
|
|
69474
69474
|
}
|
|
69475
|
-
]
|
|
69475
|
+
],
|
|
69476
|
+
"deprecated": "true"
|
|
69476
69477
|
}
|
|
69477
69478
|
],
|
|
69478
69479
|
"exports": [
|
|
@@ -125241,6 +125242,14 @@
|
|
|
125241
125242
|
"privacy": "private",
|
|
125242
125243
|
"default": "new ResizeController(this, { target: null, skipInitial: true, callback: () => this._onTabGroupElementResize(), })"
|
|
125243
125244
|
},
|
|
125245
|
+
{
|
|
125246
|
+
"kind": "field",
|
|
125247
|
+
"name": "_contentSlotChangeDebounceId",
|
|
125248
|
+
"type": {
|
|
125249
|
+
"text": "ReturnType<typeof setTimeout> | undefined"
|
|
125250
|
+
},
|
|
125251
|
+
"privacy": "private"
|
|
125252
|
+
},
|
|
125244
125253
|
{
|
|
125245
125254
|
"kind": "field",
|
|
125246
125255
|
"name": "size",
|
|
@@ -125366,14 +125375,24 @@
|
|
|
125366
125375
|
}
|
|
125367
125376
|
},
|
|
125368
125377
|
{
|
|
125369
|
-
"kind": "
|
|
125378
|
+
"kind": "method",
|
|
125370
125379
|
"name": "_onContentSlotChange",
|
|
125371
|
-
"privacy": "private"
|
|
125380
|
+
"privacy": "private",
|
|
125381
|
+
"return": {
|
|
125382
|
+
"type": {
|
|
125383
|
+
"text": "void"
|
|
125384
|
+
}
|
|
125385
|
+
}
|
|
125372
125386
|
},
|
|
125373
125387
|
{
|
|
125374
|
-
"kind": "
|
|
125388
|
+
"kind": "method",
|
|
125375
125389
|
"name": "_onLabelSlotChange",
|
|
125376
|
-
"privacy": "private"
|
|
125390
|
+
"privacy": "private",
|
|
125391
|
+
"return": {
|
|
125392
|
+
"type": {
|
|
125393
|
+
"text": "void"
|
|
125394
|
+
}
|
|
125395
|
+
}
|
|
125377
125396
|
},
|
|
125378
125397
|
{
|
|
125379
125398
|
"kind": "method",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"throttle.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/eventing/throttle.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACxD,MAAM,CAAC,EACP,OAAO,MAAM,KACZ,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAerD,CAAC"}
|
|
1
|
+
{"version":3,"file":"throttle.d.ts","sourceRoot":"","sources":["../../../../../src/elements/core/eventing/throttle.ts"],"names":[],"mappings":"AAAA,kBAAkB;AAClB,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,EACxD,MAAM,CAAC,EACP,OAAO,MAAM,KACZ,CAAC,CAAC,GAAG,IAAI,EAAE,UAAU,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAerD,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
//#region src/elements/core/eventing/throttle.ts
|
|
2
|
+
/** @deprecated */
|
|
2
3
|
var throttle = (func, delay) => {
|
|
3
4
|
let shouldWait = false;
|
|
4
5
|
const throttled = (...args) => {
|
|
@@ -14,4 +15,4 @@ var throttle = (func, delay) => {
|
|
|
14
15
|
//#endregion
|
|
15
16
|
export { throttle };
|
|
16
17
|
|
|
17
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGhyb3R0bGUuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL2NvcmUvZXZlbnRpbmcvdGhyb3R0bGUudHMiXSwic291cmNlc0NvbnRlbnQiOlsiLyoqIEBkZXByZWNhdGVkICovXG5leHBvcnQgY29uc3QgdGhyb3R0bGUgPSA8RiBleHRlbmRzICguLi5hcmdzOiBhbnlbXSkgPT4gYW55PihcbiAgZnVuYzogRixcbiAgZGVsYXk6IG51bWJlcixcbik6ICgoLi4uYXJnczogUGFyYW1ldGVyczxGPikgPT4gUHJvbWlzZTxSZXR1cm5UeXBlPEY+PikgPT4ge1xuICBsZXQgc2hvdWxkV2FpdCA9IGZhbHNlO1xuXG4gIGNvbnN0IHRocm90dGxlZCA9ICguLi5hcmdzOiBQYXJhbWV0ZXJzPEY+KTogYW55ID0+IHtcbiAgICBpZiAoc2hvdWxkV2FpdCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBmdW5jKC4uLmFyZ3MpO1xuICAgIHNob3VsZFdhaXQgPSB0cnVlO1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgc2hvdWxkV2FpdCA9IGZhbHNlO1xuICAgIH0sIGRlbGF5KTtcbiAgfTtcblxuICByZXR1cm4gdGhyb3R0bGVkIGFzICguLi5hcmdzOiBQYXJhbWV0ZXJzPEY+KSA9PiBSZXR1cm5UeXBlPEY+O1xufTtcbiJdLCJtYXBwaW5ncyI6Ijs7QUFDQSxJQUFhLFlBQ1gsTUFDQSxVQUN3RDtDQUN4RCxJQUFJLGFBQWE7Q0FFakIsTUFBTSxhQUFhLEdBQUcsU0FBNEI7QUFDaEQsTUFBSSxXQUNGO0FBRUYsT0FBSyxHQUFHLEtBQUs7QUFDYixlQUFhO0FBQ2IsbUJBQWdCO0FBQ2QsZ0JBQWE7S0FDWixNQUFNOztBQUdYLFFBQU8ifQ==
|
|
@@ -0,0 +1,275 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { html, unsafeCSS } from "lit";
|
|
3
|
+
import { property } from "lit/decorators.js";
|
|
4
|
+
import { SbbElement } from "./core/base-elements.js";
|
|
5
|
+
import { forceType } from "./core/decorators.js";
|
|
6
|
+
import { isLean } from "./core/dom.js";
|
|
7
|
+
import { ɵstateController } from "./core/mixins.js";
|
|
8
|
+
import { boxSizingStyles } from "./core/styles.js";
|
|
9
|
+
import { ResizeController } from "@lit-labs/observers/resize-controller.js";
|
|
10
|
+
import { ref } from "lit/directives/ref.js";
|
|
11
|
+
import { getNextElementIndex, isArrowKeyPressed } from "./core/a11y.js";
|
|
12
|
+
import { tabGroupCommonStyles } from "./tabs/common/styles.js";
|
|
13
|
+
//#region src/elements/tabs/tab-group/tab-group.scss?inline
|
|
14
|
+
var tab_group_default = ":host {\n --sbb-tab-group-animation-duration: 0s;\n gap: var(--sbb-tab-group-content-gap);\n}\n\n:host(:is(:state(initialized),[state--initialized])) {\n --sbb-tab-group-animation-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-4x)\n );\n}\n\n.sbb-tab-group-content {\n height: var(--sbb-tab-content-height);\n transition: height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing);\n}\n\n:host([fixed-height]) ::slotted(sbb-tab) {\n height: 100%;\n overflow: auto;\n}";
|
|
15
|
+
//#endregion
|
|
16
|
+
//#region src/elements/tabs/tab-group/tab-group.component.ts
|
|
17
|
+
/**
|
|
18
|
+
* It displays one or more tabs, each one with a label and some content.
|
|
19
|
+
*
|
|
20
|
+
* @slot - Use the unnamed slot to add content to the `sbb-tab-group` via `sbb-tab-label` and `sbb-tab` instances.
|
|
21
|
+
* @event {CustomEvent<SbbTabChangedEventDetails>} tabchange - The tabchange event is dispatched when a tab is selected.
|
|
22
|
+
*/
|
|
23
|
+
var SbbTabGroupElement = (() => {
|
|
24
|
+
let _classSuper = SbbElement;
|
|
25
|
+
let _size_decorators;
|
|
26
|
+
let _size_initializers = [];
|
|
27
|
+
let _size_extraInitializers = [];
|
|
28
|
+
let _initialSelectedIndex_decorators;
|
|
29
|
+
let _initialSelectedIndex_initializers = [];
|
|
30
|
+
let _initialSelectedIndex_extraInitializers = [];
|
|
31
|
+
let _fixedHeight_decorators;
|
|
32
|
+
let _fixedHeight_initializers = [];
|
|
33
|
+
let _fixedHeight_extraInitializers = [];
|
|
34
|
+
return class SbbTabGroupElement extends _classSuper {
|
|
35
|
+
static {
|
|
36
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
37
|
+
_size_decorators = [property()];
|
|
38
|
+
_initialSelectedIndex_decorators = [forceType(), property({
|
|
39
|
+
attribute: "initial-selected-index",
|
|
40
|
+
type: Number
|
|
41
|
+
})];
|
|
42
|
+
_fixedHeight_decorators = [forceType(), property({
|
|
43
|
+
attribute: "fixed-height",
|
|
44
|
+
type: Boolean,
|
|
45
|
+
reflect: true
|
|
46
|
+
})];
|
|
47
|
+
__esDecorate(this, null, _size_decorators, {
|
|
48
|
+
kind: "accessor",
|
|
49
|
+
name: "size",
|
|
50
|
+
static: false,
|
|
51
|
+
private: false,
|
|
52
|
+
access: {
|
|
53
|
+
has: (obj) => "size" in obj,
|
|
54
|
+
get: (obj) => obj.size,
|
|
55
|
+
set: (obj, value) => {
|
|
56
|
+
obj.size = value;
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
metadata: _metadata
|
|
60
|
+
}, _size_initializers, _size_extraInitializers);
|
|
61
|
+
__esDecorate(this, null, _initialSelectedIndex_decorators, {
|
|
62
|
+
kind: "accessor",
|
|
63
|
+
name: "initialSelectedIndex",
|
|
64
|
+
static: false,
|
|
65
|
+
private: false,
|
|
66
|
+
access: {
|
|
67
|
+
has: (obj) => "initialSelectedIndex" in obj,
|
|
68
|
+
get: (obj) => obj.initialSelectedIndex,
|
|
69
|
+
set: (obj, value) => {
|
|
70
|
+
obj.initialSelectedIndex = value;
|
|
71
|
+
}
|
|
72
|
+
},
|
|
73
|
+
metadata: _metadata
|
|
74
|
+
}, _initialSelectedIndex_initializers, _initialSelectedIndex_extraInitializers);
|
|
75
|
+
__esDecorate(this, null, _fixedHeight_decorators, {
|
|
76
|
+
kind: "accessor",
|
|
77
|
+
name: "fixedHeight",
|
|
78
|
+
static: false,
|
|
79
|
+
private: false,
|
|
80
|
+
access: {
|
|
81
|
+
has: (obj) => "fixedHeight" in obj,
|
|
82
|
+
get: (obj) => obj.fixedHeight,
|
|
83
|
+
set: (obj, value) => {
|
|
84
|
+
obj.fixedHeight = value;
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
metadata: _metadata
|
|
88
|
+
}, _fixedHeight_initializers, _fixedHeight_extraInitializers);
|
|
89
|
+
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
90
|
+
enumerable: true,
|
|
91
|
+
configurable: true,
|
|
92
|
+
writable: true,
|
|
93
|
+
value: _metadata
|
|
94
|
+
});
|
|
95
|
+
}
|
|
96
|
+
static {
|
|
97
|
+
this.elementName = "sbb-tab-group";
|
|
98
|
+
}
|
|
99
|
+
static {
|
|
100
|
+
this.styles = [
|
|
101
|
+
boxSizingStyles,
|
|
102
|
+
tabGroupCommonStyles,
|
|
103
|
+
unsafeCSS(tab_group_default)
|
|
104
|
+
];
|
|
105
|
+
}
|
|
106
|
+
static {
|
|
107
|
+
this.events = { tabchange: "tabchange" };
|
|
108
|
+
}
|
|
109
|
+
#size_accessor_storage;
|
|
110
|
+
/**
|
|
111
|
+
* Size variant, either s, l or xl.
|
|
112
|
+
* @default 'l' / 's' (lean)
|
|
113
|
+
*/
|
|
114
|
+
get size() {
|
|
115
|
+
return this.#size_accessor_storage;
|
|
116
|
+
}
|
|
117
|
+
set size(value) {
|
|
118
|
+
this.#size_accessor_storage = value;
|
|
119
|
+
}
|
|
120
|
+
#initialSelectedIndex_accessor_storage;
|
|
121
|
+
/**
|
|
122
|
+
* Sets the initial tab. If it matches a disabled tab or exceeds the length of
|
|
123
|
+
* the tab group, the first enabled tab will be selected.
|
|
124
|
+
*/
|
|
125
|
+
get initialSelectedIndex() {
|
|
126
|
+
return this.#initialSelectedIndex_accessor_storage;
|
|
127
|
+
}
|
|
128
|
+
set initialSelectedIndex(value) {
|
|
129
|
+
this.#initialSelectedIndex_accessor_storage = value;
|
|
130
|
+
}
|
|
131
|
+
#fixedHeight_accessor_storage;
|
|
132
|
+
/**
|
|
133
|
+
* If set to true, the `sbb-tab` elements take 100% height of the `sbb-tab-group`.
|
|
134
|
+
* It enables controlling the height on the `sbb-tab-group` element.
|
|
135
|
+
* The content becomes scrollable on overflow.
|
|
136
|
+
*/
|
|
137
|
+
get fixedHeight() {
|
|
138
|
+
return this.#fixedHeight_accessor_storage;
|
|
139
|
+
}
|
|
140
|
+
set fixedHeight(value) {
|
|
141
|
+
this.#fixedHeight_accessor_storage = value;
|
|
142
|
+
}
|
|
143
|
+
/** Gets the slotted `sbb-tab-label`s. */
|
|
144
|
+
get labels() {
|
|
145
|
+
/**
|
|
146
|
+
* The querySelector API is not used because when nested tabs are used,
|
|
147
|
+
* the returned array contains the inner tabs too, and this breaks the keyboard navigation.
|
|
148
|
+
*/
|
|
149
|
+
return Array.from(this.children ?? []).filter((child) => /^sbb-tab-label$/u.test(child.localName));
|
|
150
|
+
}
|
|
151
|
+
/** Gets the slotted `sbb-tab`s. */
|
|
152
|
+
get tabs() {
|
|
153
|
+
/**
|
|
154
|
+
* The querySelector API is not used because when nested tabs are used,
|
|
155
|
+
* the returned array contains the inner tabs too, and this breaks the keyboard navigation.
|
|
156
|
+
*/
|
|
157
|
+
return Array.from(this.children ?? []).filter((child) => /^sbb-tab$/u.test(child.localName));
|
|
158
|
+
}
|
|
159
|
+
constructor() {
|
|
160
|
+
super();
|
|
161
|
+
this._tabGroupResizeObserver = new ResizeController(this, {
|
|
162
|
+
target: null,
|
|
163
|
+
skipInitial: true,
|
|
164
|
+
callback: () => this._onTabGroupElementResize()
|
|
165
|
+
});
|
|
166
|
+
this.#size_accessor_storage = __runInitializers(this, _size_initializers, isLean() ? "s" : "l");
|
|
167
|
+
this.#initialSelectedIndex_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _initialSelectedIndex_initializers, 0));
|
|
168
|
+
this.#fixedHeight_accessor_storage = (__runInitializers(this, _initialSelectedIndex_extraInitializers), __runInitializers(this, _fixedHeight_initializers, false));
|
|
169
|
+
__runInitializers(this, _fixedHeight_extraInitializers);
|
|
170
|
+
this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
|
|
171
|
+
}
|
|
172
|
+
firstUpdated(changedProperties) {
|
|
173
|
+
super.firstUpdated(changedProperties);
|
|
174
|
+
this.labels.forEach((tabLabel) => tabLabel["linkToTab"]());
|
|
175
|
+
this._initSelection();
|
|
176
|
+
Promise.resolve().then(() => this.internals.states.add("initialized"));
|
|
177
|
+
this._tabGroupResizeObserver.observe(this._tabGroupElement);
|
|
178
|
+
}
|
|
179
|
+
/**
|
|
180
|
+
* Disables a tab by index.
|
|
181
|
+
* @param index The index of the tab you want to disable.
|
|
182
|
+
*/
|
|
183
|
+
disableTab(index) {
|
|
184
|
+
if (this.labels[index]) this.labels[index].disabled = true;
|
|
185
|
+
}
|
|
186
|
+
/**
|
|
187
|
+
* Enables a tab by index.
|
|
188
|
+
* @param index The index of the tab you want to enable.
|
|
189
|
+
*/
|
|
190
|
+
enableTab(index) {
|
|
191
|
+
if (this.labels[index]) this.labels[index].disabled = false;
|
|
192
|
+
}
|
|
193
|
+
/**
|
|
194
|
+
* Activates a tab by index.
|
|
195
|
+
* @param index The index of the tab you want to activate.
|
|
196
|
+
*/
|
|
197
|
+
activateTab(index) {
|
|
198
|
+
this.labels[index]?.activate();
|
|
199
|
+
}
|
|
200
|
+
_enabledTabs() {
|
|
201
|
+
return this.labels.filter((t) => {
|
|
202
|
+
customElements.upgrade(t);
|
|
203
|
+
return !t.disabled;
|
|
204
|
+
});
|
|
205
|
+
}
|
|
206
|
+
_onContentSlotChange() {
|
|
207
|
+
if (this._contentSlotChangeDebounceId) clearTimeout(this._contentSlotChangeDebounceId);
|
|
208
|
+
this._contentSlotChangeDebounceId = setTimeout(() => {
|
|
209
|
+
this.labels.forEach((tabLabel) => tabLabel["linkToTab"]());
|
|
210
|
+
this.labels.find((tabLabel) => tabLabel.active)?.activate();
|
|
211
|
+
}, 150);
|
|
212
|
+
}
|
|
213
|
+
_onLabelSlotChange() {
|
|
214
|
+
this.labels.forEach((tabLabel) => tabLabel["linkToTab"]());
|
|
215
|
+
this._ensureActiveTab();
|
|
216
|
+
}
|
|
217
|
+
_ensureActiveTab() {
|
|
218
|
+
if (this.internals.states.has("initialized") && !this.labels.some((tabLabel) => tabLabel.active)) this._initSelection();
|
|
219
|
+
}
|
|
220
|
+
_initSelection() {
|
|
221
|
+
const selectedTabLabel = this.labels[this.initialSelectedIndex];
|
|
222
|
+
if (selectedTabLabel) {
|
|
223
|
+
customElements.upgrade(selectedTabLabel);
|
|
224
|
+
if (this.initialSelectedIndex >= 0 && this.initialSelectedIndex < this.labels.length && !selectedTabLabel.disabled) {
|
|
225
|
+
selectedTabLabel.activate();
|
|
226
|
+
return;
|
|
227
|
+
}
|
|
228
|
+
}
|
|
229
|
+
this._enabledTabs()[0]?.activate();
|
|
230
|
+
}
|
|
231
|
+
_onTabGroupElementResize() {
|
|
232
|
+
const tabLabels = this.labels;
|
|
233
|
+
tabLabels.forEach((tabLabel) => {
|
|
234
|
+
ɵstateController(tabLabel)?.toggle("has-divider", tabLabel === tabLabels[0] || tabLabel.offsetLeft === tabLabels[0].offsetLeft);
|
|
235
|
+
});
|
|
236
|
+
this.style.setProperty("--sbb-tab-group-width", `${this._tabGroupElement.clientWidth}px`);
|
|
237
|
+
}
|
|
238
|
+
_handleKeyDown(evt) {
|
|
239
|
+
const enabledTabs = this._enabledTabs();
|
|
240
|
+
if (!enabledTabs || evt.target !== this && evt.target.parentElement !== this) return;
|
|
241
|
+
if (isArrowKeyPressed(evt)) {
|
|
242
|
+
const nextIndex = getNextElementIndex(evt, enabledTabs.findIndex((t) => t.active), enabledTabs.length);
|
|
243
|
+
enabledTabs[nextIndex]?.activate();
|
|
244
|
+
enabledTabs[nextIndex]?.focus();
|
|
245
|
+
evt.preventDefault();
|
|
246
|
+
}
|
|
247
|
+
}
|
|
248
|
+
/**
|
|
249
|
+
* @internal
|
|
250
|
+
*/
|
|
251
|
+
setTabContentHeight(contentHeight) {
|
|
252
|
+
this.style.setProperty("--sbb-tab-content-height", `${contentHeight}px`);
|
|
253
|
+
}
|
|
254
|
+
render() {
|
|
255
|
+
return html`
|
|
256
|
+
<div
|
|
257
|
+
class="sbb-tab-group"
|
|
258
|
+
role="tablist"
|
|
259
|
+
${ref((el) => this._tabGroupElement = el)}
|
|
260
|
+
>
|
|
261
|
+
<slot name="tab-bar" @slotchange=${this._onLabelSlotChange}></slot>
|
|
262
|
+
</div>
|
|
263
|
+
${!this.fixedHeight ? html`
|
|
264
|
+
<div class="sbb-tab-group-content">
|
|
265
|
+
<slot @slotchange=${this._onContentSlotChange}></slot>
|
|
266
|
+
</div>
|
|
267
|
+
` : html`<slot @slotchange=${this._onContentSlotChange}></slot>`}
|
|
268
|
+
`;
|
|
269
|
+
}
|
|
270
|
+
};
|
|
271
|
+
})();
|
|
272
|
+
//#endregion
|
|
273
|
+
export { SbbTabGroupElement as t };
|
|
274
|
+
|
|
275
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWdyb3VwLmNvbXBvbmVudC1EbGRCQTQ1Sy5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWItZ3JvdXAvdGFiLWdyb3VwLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiLWdyb3VwL3RhYi1ncm91cC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi10YWItZ3JvdXAtYW5pbWF0aW9uLWR1cmF0aW9uOiAwcztcblxuICBnYXA6IHZhcigtLXNiYi10YWItZ3JvdXAtY29udGVudC1nYXApO1xufVxuXG46aG9zdCg6c3RhdGUoaW5pdGlhbGl6ZWQpKSB7XG4gIC0tc2JiLXRhYi1ncm91cC1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTR4KVxuICApO1xufVxuXG4uc2JiLXRhYi1ncm91cC1jb250ZW50IHtcbiAgaGVpZ2h0OiB2YXIoLS1zYmItdGFiLWNvbnRlbnQtaGVpZ2h0KTtcbiAgdHJhbnNpdGlvbjogaGVpZ2h0IHZhcigtLXNiYi10YWItZ3JvdXAtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG59XG5cbjo6c2xvdHRlZChzYmItdGFiKSB7XG4gIDpob3N0KFtmaXhlZC1oZWlnaHRdKSAmIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gIH1cbn1cbiIsImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7XG4gIGh0bWwsXG4gIHVuc2FmZUNTUyxcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgcmVmIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVmLmpzJztcblxuaW1wb3J0IHsgZ2V0TmV4dEVsZW1lbnRJbmRleCwgaXNBcnJvd0tleVByZXNzZWQgfSBmcm9tICcuLi8uLi9jb3JlL2ExMXkudHMnO1xuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHsgybVzdGF0ZUNvbnRyb2xsZXIgfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgeyB0YWJHcm91cENvbW1vblN0eWxlcyB9IGZyb20gJy4uL2NvbW1vbi9zdHlsZXMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUYWJFbGVtZW50IH0gZnJvbSAnLi4vdGFiL3RhYi5jb21wb25lbnQudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJUYWJMYWJlbEVsZW1lbnQgfSBmcm9tICcuLi90YWItbGFiZWwvdGFiLWxhYmVsLmNvbXBvbmVudC50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3RhYi1ncm91cC5zY3NzP2lubGluZSc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgU2JiVGFiQ2hhbmdlZEV2ZW50RGV0YWlscyB7XG4gIGFjdGl2ZUluZGV4OiBudW1iZXI7XG4gIGFjdGl2ZVRhYkxhYmVsOiBTYmJUYWJMYWJlbEVsZW1lbnQ7XG4gIGFjdGl2ZVRhYjogU2JiVGFiRWxlbWVudDtcbiAgcHJldmlvdXNJbmRleDogbnVtYmVyO1xuICBwcmV2aW91c1RhYkxhYmVsOiBTYmJUYWJMYWJlbEVsZW1lbnQgfCB1bmRlZmluZWQ7XG4gIHByZXZpb3VzVGFiOiBTYmJUYWJFbGVtZW50IHwgdW5kZWZpbmVkO1xufVxuXG4vKipcbiAqIEl0IGRpc3BsYXlzIG9uZSBvciBtb3JlIHRhYnMsIGVhY2ggb25lIHdpdGggYSBsYWJlbCBhbmQgc29tZSBjb250ZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gYWRkIGNvbnRlbnQgdG8gdGhlIGBzYmItdGFiLWdyb3VwYCB2aWEgYHNiYi10YWItbGFiZWxgIGFuZCBgc2JiLXRhYmAgaW5zdGFuY2VzLlxuICogQGV2ZW50IHtDdXN0b21FdmVudDxTYmJUYWJDaGFuZ2VkRXZlbnREZXRhaWxzPn0gdGFiY2hhbmdlIC0gVGhlIHRhYmNoYW5nZSBldmVudCBpcyBkaXNwYXRjaGVkIHdoZW4gYSB0YWIgaXMgc2VsZWN0ZWQuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJUYWJHcm91cEVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi10YWItZ3JvdXAnO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbXG4gICAgYm94U2l6aW5nU3R5bGVzLFxuICAgIHRhYkdyb3VwQ29tbW9uU3R5bGVzLFxuICAgIHVuc2FmZUNTUyhzdHlsZSksXG4gIF07XG4gIHB1YmxpYyBzdGF0aWMgcmVhZG9ubHkgZXZlbnRzID0ge1xuICAgIHRhYmNoYW5nZTogJ3RhYmNoYW5nZScsXG4gIH0gYXMgY29uc3Q7XG5cbiAgcHJpdmF0ZSBfdGFiR3JvdXBFbGVtZW50ITogSFRNTEVsZW1lbnQ7XG4gIHByaXZhdGUgX3RhYkdyb3VwUmVzaXplT2JzZXJ2ZXIgPSBuZXcgUmVzaXplQ29udHJvbGxlcih0aGlzLCB7XG4gICAgdGFyZ2V0OiBudWxsLFxuICAgIHNraXBJbml0aWFsOiB0cnVlLFxuICAgIGNhbGxiYWNrOiAoKSA9PiB0aGlzLl9vblRhYkdyb3VwRWxlbWVudFJlc2l6ZSgpLFxuICB9KTtcbiAgcHJpdmF0ZSBfY29udGVudFNsb3RDaGFuZ2VEZWJvdW5jZUlkPzogUmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD47XG5cbiAgLyoqXG4gICAqIFNpemUgdmFyaWFudCwgZWl0aGVyIHMsIGwgb3IgeGwuXG4gICAqIEBkZWZhdWx0ICdsJyAvICdzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAncycgfCAnbCcgfCAneGwnID0gaXNMZWFuKCkgPyAncycgOiAnbCc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGluaXRpYWwgdGFiLiBJZiBpdCBtYXRjaGVzIGEgZGlzYWJsZWQgdGFiIG9yIGV4Y2VlZHMgdGhlIGxlbmd0aCBvZlxuICAgKiB0aGUgdGFiIGdyb3VwLCB0aGUgZmlyc3QgZW5hYmxlZCB0YWIgd2lsbCBiZSBzZWxlY3RlZC5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbml0aWFsLXNlbGVjdGVkLWluZGV4JywgdHlwZTogTnVtYmVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBpbml0aWFsU2VsZWN0ZWRJbmRleDogbnVtYmVyID0gMDtcblxuICAvKipcbiAgICogSWYgc2V0IHRvIHRydWUsIHRoZSBgc2JiLXRhYmAgZWxlbWVudHMgdGFrZSAxMDAlIGhlaWdodCBvZiB0aGUgYHNiYi10YWItZ3JvdXBgLlxuICAgKiBJdCBlbmFibGVzIGNvbnRyb2xsaW5nIHRoZSBoZWlnaHQgb24gdGhlIGBzYmItdGFiLWdyb3VwYCBlbGVtZW50LlxuICAgKiBUaGUgY29udGVudCBiZWNvbWVzIHNjcm9sbGFibGUgb24gb3ZlcmZsb3cuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnZml4ZWQtaGVpZ2h0JywgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZml4ZWRIZWlnaHQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogR2V0cyB0aGUgc2xvdHRlZCBgc2JiLXRhYi1sYWJlbGBzLiAqL1xuICBwdWJsaWMgZ2V0IGxhYmVscygpOiBTYmJUYWJMYWJlbEVsZW1lbnRbXSB7XG4gICAgLyoqXG4gICAgICogVGhlIHF1ZXJ5U2VsZWN0b3IgQVBJIGlzIG5vdCB1c2VkIGJlY2F1c2Ugd2hlbiBuZXN0ZWQgdGFicyBhcmUgdXNlZCxcbiAgICAgKiB0aGUgcmV0dXJuZWQgYXJyYXkgY29udGFpbnMgdGhlIGlubmVyIHRhYnMgdG9vLCBhbmQgdGhpcyBicmVha3MgdGhlIGtleWJvYXJkIG5hdmlnYXRpb24uXG4gICAgICovXG4gICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5jaGlsZHJlbiA/PyBbXSkuZmlsdGVyKChjaGlsZCkgPT5cbiAgICAgIC9ec2JiLXRhYi1sYWJlbCQvdS50ZXN0KGNoaWxkLmxvY2FsTmFtZSksXG4gICAgKSBhcyBTYmJUYWJMYWJlbEVsZW1lbnRbXTtcbiAgfVxuXG4gIC8qKiBHZXRzIHRoZSBzbG90dGVkIGBzYmItdGFiYHMuICovXG4gIHB1YmxpYyBnZXQgdGFicygpOiBTYmJUYWJFbGVtZW50W10ge1xuICAgIC8qKlxuICAgICAqIFRoZSBxdWVyeVNlbGVjdG9yIEFQSSBpcyBub3QgdXNlZCBiZWNhdXNlIHdoZW4gbmVzdGVkIHRhYnMgYXJlIHVzZWQsXG4gICAgICogdGhlIHJldHVybmVkIGFycmF5IGNvbnRhaW5zIHRoZSBpbm5lciB0YWJzIHRvbywgYW5kIHRoaXMgYnJlYWtzIHRoZSBrZXlib2FyZCBuYXZpZ2F0aW9uLlxuICAgICAqL1xuICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4gPz8gW10pLmZpbHRlcigoY2hpbGQpID0+XG4gICAgICAvXnNiYi10YWIkL3UudGVzdChjaGlsZC5sb2NhbE5hbWUpLFxuICAgICkgYXMgU2JiVGFiRWxlbWVudFtdO1xuICB9XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2tleWRvd24nLCAoZSkgPT4gdGhpcy5faGFuZGxlS2V5RG93bihlKSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLmxhYmVscy5mb3JFYWNoKCh0YWJMYWJlbCkgPT4gdGFiTGFiZWxbJ2xpbmtUb1RhYiddKCkpO1xuICAgIHRoaXMuX2luaXRTZWxlY3Rpb24oKTtcblxuICAgIC8vIFRvIGF2b2lkIGFuaW1hdGlvbnMgb24gaW5pdGlhbGl6YXRpb24sIHdlIGhhdmUgdG8gbWFyayB0aGUgY29tcG9uZW50IGFzIGluaXRpYWxpemVkIGFuZCB3YWl0IGEgdGljay5cbiAgICBQcm9taXNlLnJlc29sdmUoKS50aGVuKCgpID0+IHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoJ2luaXRpYWxpemVkJykpO1xuICAgIHRoaXMuX3RhYkdyb3VwUmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl90YWJHcm91cEVsZW1lbnQpO1xuICB9XG5cbiAgLyoqXG4gICAqIERpc2FibGVzIGEgdGFiIGJ5IGluZGV4LlxuICAgKiBAcGFyYW0gaW5kZXggVGhlIGluZGV4IG9mIHRoZSB0YWIgeW91IHdhbnQgdG8gZGlzYWJsZS5cbiAgICovXG4gIHB1YmxpYyBkaXNhYmxlVGFiKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5sYWJlbHNbaW5kZXhdKSB7XG4gICAgICB0aGlzLmxhYmVsc1tpbmRleF0uZGlzYWJsZWQgPSB0cnVlO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGEgdGFiIGJ5IGluZGV4LlxuICAgKiBAcGFyYW0gaW5kZXggVGhlIGluZGV4IG9mIHRoZSB0YWIgeW91IHdhbnQgdG8gZW5hYmxlLlxuICAgKi9cbiAgcHVibGljIGVuYWJsZVRhYihpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKHRoaXMubGFiZWxzW2luZGV4XSkge1xuICAgICAgdGhpcy5sYWJlbHNbaW5kZXhdLmRpc2FibGVkID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEFjdGl2YXRlcyBhIHRhYiBieSBpbmRleC5cbiAgICogQHBhcmFtIGluZGV4IFRoZSBpbmRleCBvZiB0aGUgdGFiIHlvdSB3YW50IHRvIGFjdGl2YXRlLlxuICAgKi9cbiAgcHVibGljIGFjdGl2YXRlVGFiKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLmxhYmVsc1tpbmRleF0/LmFjdGl2YXRlKCk7XG4gIH1cblxuICBwcml2YXRlIF9lbmFibGVkVGFicygpOiBTYmJUYWJMYWJlbEVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIHRoaXMubGFiZWxzLmZpbHRlcigodCkgPT4ge1xuICAgICAgY3VzdG9tRWxlbWVudHMudXBncmFkZSh0KTtcbiAgICAgIHJldHVybiAhdC5kaXNhYmxlZDtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX29uQ29udGVudFNsb3RDaGFuZ2UoKTogdm9pZCB7XG4gICAgaWYgKHRoaXMuX2NvbnRlbnRTbG90Q2hhbmdlRGVib3VuY2VJZCkge1xuICAgICAgY2xlYXJUaW1lb3V0KHRoaXMuX2NvbnRlbnRTbG90Q2hhbmdlRGVib3VuY2VJZCk7XG4gICAgfVxuICAgIHRoaXMuX2NvbnRlbnRTbG90Q2hhbmdlRGVib3VuY2VJZCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5sYWJlbHMuZm9yRWFjaCgodGFiTGFiZWwpID0+IHRhYkxhYmVsWydsaW5rVG9UYWInXSgpKTtcbiAgICAgIHRoaXMubGFiZWxzLmZpbmQoKHRhYkxhYmVsKSA9PiB0YWJMYWJlbC5hY3RpdmUpPy5hY3RpdmF0ZSgpO1xuICAgIH0sIDE1MCk7XG4gIH1cblxuICBwcml2YXRlIF9vbkxhYmVsU2xvdENoYW5nZSgpOiB2b2lkIHtcbiAgICB0aGlzLmxhYmVscy5mb3JFYWNoKCh0YWJMYWJlbCkgPT4gdGFiTGFiZWxbJ2xpbmtUb1RhYiddKCkpO1xuICAgIHRoaXMuX2Vuc3VyZUFjdGl2ZVRhYigpO1xuICB9XG5cbiAgcHJpdmF0ZSBfZW5zdXJlQWN0aXZlVGFiKCk6IHZvaWQge1xuICAgIGlmIChcbiAgICAgIHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5oYXMoJ2luaXRpYWxpemVkJykgJiZcbiAgICAgICF0aGlzLmxhYmVscy5zb21lKCh0YWJMYWJlbCkgPT4gdGFiTGFiZWwuYWN0aXZlKVxuICAgICkge1xuICAgICAgdGhpcy5faW5pdFNlbGVjdGlvbigpO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2luaXRTZWxlY3Rpb24oKTogdm9pZCB7XG4gICAgY29uc3Qgc2VsZWN0ZWRUYWJMYWJlbCA9IHRoaXMubGFiZWxzW3RoaXMuaW5pdGlhbFNlbGVjdGVkSW5kZXhdO1xuICAgIGlmIChzZWxlY3RlZFRhYkxhYmVsKSB7XG4gICAgICBjdXN0b21FbGVtZW50cy51cGdyYWRlKHNlbGVjdGVkVGFiTGFiZWwpO1xuICAgICAgaWYgKFxuICAgICAgICB0aGlzLmluaXRpYWxTZWxlY3RlZEluZGV4ID49IDAgJiZcbiAgICAgICAgdGhpcy5pbml0aWFsU2VsZWN0ZWRJbmRleCA8IHRoaXMubGFiZWxzLmxlbmd0aCAmJlxuICAgICAgICAhc2VsZWN0ZWRUYWJMYWJlbC5kaXNhYmxlZFxuICAgICAgKSB7XG4gICAgICAgIHNlbGVjdGVkVGFiTGFiZWwuYWN0aXZhdGUoKTtcbiAgICAgICAgcmV0dXJuO1xuICAgICAgfVxuICAgIH1cbiAgICB0aGlzLl9lbmFibGVkVGFicygpWzBdPy5hY3RpdmF0ZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSBfb25UYWJHcm91cEVsZW1lbnRSZXNpemUoKTogdm9pZCB7XG4gICAgY29uc3QgdGFiTGFiZWxzID0gdGhpcy5sYWJlbHM7XG4gICAgdGFiTGFiZWxzLmZvckVhY2goKHRhYkxhYmVsKSA9PiB7XG4gICAgICDJtXN0YXRlQ29udHJvbGxlcih0YWJMYWJlbCk/LnRvZ2dsZShcbiAgICAgICAgJ2hhcy1kaXZpZGVyJyxcbiAgICAgICAgdGFiTGFiZWwgPT09IHRhYkxhYmVsc1swXSB8fCB0YWJMYWJlbC5vZmZzZXRMZWZ0ID09PSB0YWJMYWJlbHNbMF0ub2Zmc2V0TGVmdCxcbiAgICAgICk7XG4gICAgfSk7XG5cbiAgICB0aGlzLnN0eWxlLnNldFByb3BlcnR5KCctLXNiYi10YWItZ3JvdXAtd2lkdGgnLCBgJHt0aGlzLl90YWJHcm91cEVsZW1lbnQuY2xpZW50V2lkdGh9cHhgKTtcbiAgfVxuXG4gIHByaXZhdGUgX2hhbmRsZUtleURvd24oZXZ0OiBLZXlib2FyZEV2ZW50KTogdm9pZCB7XG4gICAgY29uc3QgZW5hYmxlZFRhYnM6IFNiYlRhYkxhYmVsRWxlbWVudFtdID0gdGhpcy5fZW5hYmxlZFRhYnMoKTtcblxuICAgIGlmIChcbiAgICAgICFlbmFibGVkVGFicyB8fFxuICAgICAgLy8gZG9uJ3QgdHJhcCBuZXN0ZWQgaGFuZGxpbmdcbiAgICAgICgoZXZ0LnRhcmdldCBhcyBIVE1MRWxlbWVudCkgIT09IHRoaXMgJiYgKGV2dC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpLnBhcmVudEVsZW1lbnQgIT09IHRoaXMpXG4gICAgKSB7XG4gICAgICByZXR1cm47XG4gICAgfVxuXG4gICAgaWYgKGlzQXJyb3dLZXlQcmVzc2VkKGV2dCkpIHtcbiAgICAgIGNvbnN0IGN1cnJlbnQ6IG51bWJlciA9IGVuYWJsZWRUYWJzLmZpbmRJbmRleCgodCkgPT4gdC5hY3RpdmUpO1xuICAgICAgY29uc3QgbmV4dEluZGV4OiBudW1iZXIgPSBnZXROZXh0RWxlbWVudEluZGV4KGV2dCwgY3VycmVudCwgZW5hYmxlZFRhYnMubGVuZ3RoKTtcbiAgICAgIGVuYWJsZWRUYWJzW25leHRJbmRleF0/LmFjdGl2YXRlKCk7XG4gICAgICBlbmFibGVkVGFic1tuZXh0SW5kZXhdPy5mb2N1cygpO1xuICAgICAgZXZ0LnByZXZlbnREZWZhdWx0KCk7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEBpbnRlcm5hbFxuICAgKi9cbiAgcHJvdGVjdGVkIHNldFRhYkNvbnRlbnRIZWlnaHQoY29udGVudEhlaWdodDogbnVtYmVyKTogdm9pZCB7XG4gICAgdGhpcy5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1zYmItdGFiLWNvbnRlbnQtaGVpZ2h0JywgYCR7Y29udGVudEhlaWdodH1weGApO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8ZGl2XG4gICAgICAgIGNsYXNzPVwic2JiLXRhYi1ncm91cFwiXG4gICAgICAgIHJvbGU9XCJ0YWJsaXN0XCJcbiAgICAgICAgJHtyZWYoKGVsPzogRWxlbWVudCkgPT4gKHRoaXMuX3RhYkdyb3VwRWxlbWVudCA9IGVsIGFzIEhUTUxFbGVtZW50KSl9XG4gICAgICA+XG4gICAgICAgIDxzbG90IG5hbWU9XCJ0YWItYmFyXCIgQHNsb3RjaGFuZ2U9JHt0aGlzLl9vbkxhYmVsU2xvdENoYW5nZX0+PC9zbG90PlxuICAgICAgPC9kaXY+XG4gICAgICAkeyF0aGlzLmZpeGVkSGVpZ2h0XG4gICAgICAgID8gaHRtbGBcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJzYmItdGFiLWdyb3VwLWNvbnRlbnRcIj5cbiAgICAgICAgICAgICAgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aGlzLl9vbkNvbnRlbnRTbG90Q2hhbmdlfT48L3Nsb3Q+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICBgXG4gICAgICAgIDogaHRtbGA8c2xvdCBAc2xvdGNoYW5nZT0ke3RoaXMuX29uQ29udGVudFNsb3RDaGFuZ2V9Pjwvc2xvdD5gfVxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi10YWItZ3JvdXAnOiBTYmJUYWJHcm91cEVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQ3NDYSw0QkFBa0I7bUJBQVM7Ozs7Ozs7Ozs7Y0FBM0IsMkJBQTJCLFlBQVU7Ozt1QkF1Qi9DLFVBQVUsQ0FBQTt1Q0FPVixXQUFXLEVBQ1gsU0FBUztJQUFFLFdBQVc7SUFBMEIsTUFBTTtJQUFRLENBQUMsQ0FBQTs4QkFRL0QsV0FBVyxFQUNYLFNBQVM7SUFBRSxXQUFXO0lBQWdCLE1BQU07SUFBUyxTQUFTO0lBQU0sQ0FBQyxDQUFBO0FBaEJ0RSxnQkFBQSxNQUFBLE1BQUEsa0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxVQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQUksTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFKLE9BQUk7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSxvQkFBQSx3QkFBQTtBQVFwQixnQkFBQSxNQUFBLE1BQUEsa0NBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSwwQkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFvQixNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQXBCLHVCQUFvQjs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLG9DQUFBLHdDQUFBO0FBU3BDLGdCQUFBLE1BQUEsTUFBQSx5QkFBQTtJQUFBLE1BQUE7SUFBQSxNQUFBO0lBQUEsUUFBQTtJQUFBLFNBQUE7SUFBQSxR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
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab-group/tab-group.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;
|
|
1
|
+
{"version":3,"file":"tab-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/elements/tabs/tab-group/tab-group.component.ts"],"names":[],"mappings":"AACA,OAAO,EAGL,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,cAAc,EACpB,MAAM,KAAK,CAAC;AAKb,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAMzD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAI9E,MAAM,WAAW,yBAAyB;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,kBAAkB,CAAC;IACnC,SAAS,EAAE,aAAa,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,kBAAkB,GAAG,SAAS,CAAC;IACjD,WAAW,EAAE,aAAa,GAAG,SAAS,CAAC;CACxC;AAED;;;;;GAKG;AACH,qBAAa,kBAAmB,SAAQ,UAAU;IAChD,gBAAgC,WAAW,EAAE,MAAM,CAAmB;IACtE,OAAuB,MAAM,EAAE,cAAc,CAI3C;IACF,gBAAuB,MAAM;;MAElB;IAEX,OAAO,CAAC,gBAAgB,CAAe;IACvC,OAAO,CAAC,uBAAuB,CAI5B;IACH,OAAO,CAAC,4BAA4B,CAAC,CAAgC;IAErE;;;OAGG;IACH,SACgB,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,IAAI,CAAwB;IAE9D;;;OAGG;IACH,SAEgB,oBAAoB,EAAE,MAAM,CAAK;IAEjD;;;;OAIG;IACH,SAEgB,WAAW,EAAE,OAAO,CAAS;IAE7C,yCAAyC;IACzC,IAAW,MAAM,IAAI,kBAAkB,EAAE,CAQxC;IAED,mCAAmC;IACnC,IAAW,IAAI,IAAI,aAAa,EAAE,CAQjC;;cAOkB,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAW9E;;;OAGG;IACI,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMtC;;;OAGG;IACI,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMrC;;;OAGG;IACI,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAIvC,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,oBAAoB;IAU5B,OAAO,CAAC,kBAAkB;IAK1B,OAAO,CAAC,gBAAgB;IASxB,OAAO,CAAC,cAAc;IAgBtB,OAAO,CAAC,wBAAwB;IAYhC,OAAO,CAAC,cAAc;IAoBtB;;OAEG;IACH,SAAS,CAAC,mBAAmB,CAAC,aAAa,EAAE,MAAM,GAAG,IAAI;cAIvC,MAAM,IAAI,cAAc;CAkB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbTabGroupElement } from "../../tab-group.component-
|
|
1
|
+
import { t as SbbTabGroupElement } from "../../tab-group.component-DldBA45K.js";
|
|
2
2
|
export { SbbTabGroupElement };
|
package/development/tabs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as SbbTabGroupElement } from "./tab-group.component-
|
|
1
|
+
import { t as SbbTabGroupElement } from "./tab-group.component-DldBA45K.js";
|
|
2
2
|
import { t as SbbTabLabelElement } from "./tab-label.component-14j2eh4Z.js";
|
|
3
3
|
import { t as SbbTabNavBarElement } from "./tab-nav-bar.component-CgYwCSVY.js";
|
|
4
4
|
import { t as SbbTabElement } from "./tab.component-DThKG7-a.js";
|
package/development/tabs.pure.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as SbbTabGroupElement } from "./tab-group.component-
|
|
1
|
+
import { t as SbbTabGroupElement } from "./tab-group.component-DldBA45K.js";
|
|
2
2
|
import { t as SbbTabLabelElement } from "./tab-label.component-14j2eh4Z.js";
|
|
3
3
|
import { t as SbbTabNavBarElement } from "./tab-nav-bar.component-CgYwCSVY.js";
|
|
4
4
|
import { t as SbbTabElement } from "./tab.component-DThKG7-a.js";
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-dev",
|
|
3
|
-
"version": "4.11.0-dev.
|
|
3
|
+
"version": "4.11.0-dev.1776332009",
|
|
4
4
|
"description": "Lyne Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design system",
|
|
7
7
|
"web components",
|
|
8
8
|
"lit",
|
|
9
|
-
"https://github.com/sbb-design-systems/lyne-components/commit/
|
|
9
|
+
"https://github.com/sbb-design-systems/lyne-components/commit/b573cbffa3cab6ddee5eb6555ce548ba81e0d94b"
|
|
10
10
|
],
|
|
11
11
|
"type": "module",
|
|
12
12
|
"exports": {
|
|
@@ -4,27 +4,26 @@ import { property as i } from "lit/decorators.js";
|
|
|
4
4
|
import { SbbElement as a } from "./core/base-elements.js";
|
|
5
5
|
import { forceType as o } from "./core/decorators.js";
|
|
6
6
|
import { isLean as s } from "./core/dom.js";
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import { tabGroupCommonStyles as h } from "./tabs/common/styles.js";
|
|
7
|
+
import { ɵstateController as c } from "./core/mixins.js";
|
|
8
|
+
import { boxSizingStyles as l } from "./core/styles.js";
|
|
9
|
+
import { ResizeController as u } from "@lit-labs/observers/resize-controller.js";
|
|
10
|
+
import { ref as d } from "lit/directives/ref.js";
|
|
11
|
+
import { getNextElementIndex as f, isArrowKeyPressed as p } from "./core/a11y.js";
|
|
12
|
+
import { tabGroupCommonStyles as m } from "./tabs/common/styles.js";
|
|
14
13
|
//#region src/elements/tabs/tab-group/tab-group.scss?inline
|
|
15
|
-
var
|
|
16
|
-
let
|
|
17
|
-
return class extends
|
|
14
|
+
var h = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-content-gap)}:host(:is(:state(initialized),[state--initialized])){--sbb-tab-group-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) )}.sbb-tab-group-content{height:var(--sbb-tab-content-height);transition:height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing)}:host([fixed-height]) ::slotted(sbb-tab){height:100%;overflow:auto}", g = (() => {
|
|
15
|
+
let g = a, _, v = [], y = [], b, x = [], S = [], C, w = [], T = [];
|
|
16
|
+
return class extends g {
|
|
18
17
|
static {
|
|
19
|
-
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(
|
|
20
|
-
|
|
18
|
+
let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(g[Symbol.metadata] ?? null) : void 0;
|
|
19
|
+
_ = [i()], b = [o(), i({
|
|
21
20
|
attribute: "initial-selected-index",
|
|
22
21
|
type: Number
|
|
23
|
-
})],
|
|
22
|
+
})], C = [o(), i({
|
|
24
23
|
attribute: "fixed-height",
|
|
25
24
|
type: Boolean,
|
|
26
25
|
reflect: !0
|
|
27
|
-
})], e(this, null,
|
|
26
|
+
})], e(this, null, _, {
|
|
28
27
|
kind: "accessor",
|
|
29
28
|
name: "size",
|
|
30
29
|
static: !1,
|
|
@@ -37,7 +36,7 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
|
|
|
37
36
|
}
|
|
38
37
|
},
|
|
39
38
|
metadata: t
|
|
40
|
-
},
|
|
39
|
+
}, v, y), e(this, null, b, {
|
|
41
40
|
kind: "accessor",
|
|
42
41
|
name: "initialSelectedIndex",
|
|
43
42
|
static: !1,
|
|
@@ -50,7 +49,7 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
|
|
|
50
49
|
}
|
|
51
50
|
},
|
|
52
51
|
metadata: t
|
|
53
|
-
},
|
|
52
|
+
}, x, S), e(this, null, C, {
|
|
54
53
|
kind: "accessor",
|
|
55
54
|
name: "fixedHeight",
|
|
56
55
|
static: !1,
|
|
@@ -63,7 +62,7 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
|
|
|
63
62
|
}
|
|
64
63
|
},
|
|
65
64
|
metadata: t
|
|
66
|
-
},
|
|
65
|
+
}, w, T), t && Object.defineProperty(this, Symbol.metadata, {
|
|
67
66
|
enumerable: !0,
|
|
68
67
|
configurable: !0,
|
|
69
68
|
writable: !0,
|
|
@@ -75,9 +74,9 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
|
|
|
75
74
|
}
|
|
76
75
|
static {
|
|
77
76
|
this.styles = [
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
r(
|
|
77
|
+
l,
|
|
78
|
+
m,
|
|
79
|
+
r(h)
|
|
81
80
|
];
|
|
82
81
|
}
|
|
83
82
|
static {
|
|
@@ -111,15 +110,11 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
|
|
|
111
110
|
return Array.from(this.children ?? []).filter((e) => /^sbb-tab$/u.test(e.localName));
|
|
112
111
|
}
|
|
113
112
|
constructor() {
|
|
114
|
-
super(), this._tabGroupResizeObserver = new
|
|
113
|
+
super(), this._tabGroupResizeObserver = new u(this, {
|
|
115
114
|
target: null,
|
|
116
115
|
skipInitial: !0,
|
|
117
116
|
callback: () => this._onTabGroupElementResize()
|
|
118
|
-
}), this.#e = t(this,
|
|
119
|
-
this.labels.forEach((e) => e.linkToTab()), this.labels.find((e) => e.active)?.activate();
|
|
120
|
-
}), this._onLabelSlotChange = () => {
|
|
121
|
-
this.labels.forEach((e) => e.linkToTab()), this._ensureActiveTab();
|
|
122
|
-
}, this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
|
|
117
|
+
}), this.#e = t(this, v, s() ? "s" : "l"), this.#t = (t(this, y), t(this, x, 0)), this.#n = (t(this, S), t(this, w, !1)), t(this, T), this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
|
|
123
118
|
}
|
|
124
119
|
firstUpdated(e) {
|
|
125
120
|
super.firstUpdated(e), this.labels.forEach((e) => e.linkToTab()), this._initSelection(), Promise.resolve().then(() => this.internals.states.add("initialized")), this._tabGroupResizeObserver.observe(this._tabGroupElement);
|
|
@@ -136,6 +131,14 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
|
|
|
136
131
|
_enabledTabs() {
|
|
137
132
|
return this.labels.filter((e) => (customElements.upgrade(e), !e.disabled));
|
|
138
133
|
}
|
|
134
|
+
_onContentSlotChange() {
|
|
135
|
+
this._contentSlotChangeDebounceId && clearTimeout(this._contentSlotChangeDebounceId), this._contentSlotChangeDebounceId = setTimeout(() => {
|
|
136
|
+
this.labels.forEach((e) => e.linkToTab()), this.labels.find((e) => e.active)?.activate();
|
|
137
|
+
}, 150);
|
|
138
|
+
}
|
|
139
|
+
_onLabelSlotChange() {
|
|
140
|
+
this.labels.forEach((e) => e.linkToTab()), this._ensureActiveTab();
|
|
141
|
+
}
|
|
139
142
|
_ensureActiveTab() {
|
|
140
143
|
this.internals.states.has("initialized") && !this.labels.some((e) => e.active) && this._initSelection();
|
|
141
144
|
}
|
|
@@ -150,13 +153,13 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
|
|
|
150
153
|
_onTabGroupElementResize() {
|
|
151
154
|
let e = this.labels;
|
|
152
155
|
e.forEach((t) => {
|
|
153
|
-
|
|
156
|
+
c(t)?.toggle("has-divider", t === e[0] || t.offsetLeft === e[0].offsetLeft);
|
|
154
157
|
}), this.style.setProperty("--sbb-tab-group-width", `${this._tabGroupElement.clientWidth}px`);
|
|
155
158
|
}
|
|
156
159
|
_handleKeyDown(e) {
|
|
157
160
|
let t = this._enabledTabs();
|
|
158
|
-
if (!(!t || e.target !== this && e.target.parentElement !== this) &&
|
|
159
|
-
let n =
|
|
161
|
+
if (!(!t || e.target !== this && e.target.parentElement !== this) && p(e)) {
|
|
162
|
+
let n = f(e, t.findIndex((e) => e.active), t.length);
|
|
160
163
|
t[n]?.activate(), t[n]?.focus(), e.preventDefault();
|
|
161
164
|
}
|
|
162
165
|
}
|
|
@@ -168,13 +171,13 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
|
|
|
168
171
|
<div
|
|
169
172
|
class="sbb-tab-group"
|
|
170
173
|
role="tablist"
|
|
171
|
-
${
|
|
174
|
+
${d((e) => this._tabGroupElement = e)}
|
|
172
175
|
>
|
|
173
176
|
<slot name="tab-bar" @slotchange=${this._onLabelSlotChange}></slot>
|
|
174
177
|
</div>
|
|
175
|
-
${this.fixedHeight ? n`<slot @slotchange=${
|
|
178
|
+
${this.fixedHeight ? n`<slot @slotchange=${this._onContentSlotChange}></slot>` : n`
|
|
176
179
|
<div class="sbb-tab-group-content">
|
|
177
|
-
<slot @slotchange=${
|
|
180
|
+
<slot @slotchange=${this._onContentSlotChange}></slot>
|
|
178
181
|
</div>
|
|
179
182
|
`}
|
|
180
183
|
`;
|
|
@@ -182,4 +185,4 @@ var g = ":host{--sbb-tab-group-animation-duration: 0s;gap:var(--sbb-tab-group-co
|
|
|
182
185
|
};
|
|
183
186
|
})();
|
|
184
187
|
//#endregion
|
|
185
|
-
export {
|
|
188
|
+
export { g as t };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../../tab-group.component-
|
|
1
|
+
import { t as e } from "../../tab-group.component-CHQlrhUy.js";
|
|
2
2
|
export { e as SbbTabGroupElement };
|
package/tabs/tab-group.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "../tab-group.component-
|
|
1
|
+
import { t as e } from "../tab-group.component-CHQlrhUy.js";
|
|
2
2
|
e.define(), console.warn("The entrypoint '@sbb-esta/elements/tabs/tab-group.js' has been deprecated.\nUse either '@sbb-esta/elements/tabs.js' or '@sbb-esta/elements/tabs.pure.js' instead.");
|
|
3
3
|
//#endregion
|
|
4
4
|
export { e as SbbTabGroupElement };
|
package/tabs.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./tab-group.component-
|
|
1
|
+
import { t as e } from "./tab-group.component-CHQlrhUy.js";
|
|
2
2
|
import { t } from "./tab-label.component-CD56RH1Z.js";
|
|
3
3
|
import { t as n } from "./tab-nav-bar.component-7mG-Dk6g.js";
|
|
4
4
|
import { t as r } from "./tab.component-rEJAbgtn.js";
|
package/tabs.pure.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as e } from "./tab-group.component-
|
|
1
|
+
import { t as e } from "./tab-group.component-CHQlrhUy.js";
|
|
2
2
|
import { t } from "./tab-label.component-CD56RH1Z.js";
|
|
3
3
|
import { t as n } from "./tab-nav-bar.component-7mG-Dk6g.js";
|
|
4
4
|
import { t as r } from "./tab.component-rEJAbgtn.js";
|
|
@@ -1,272 +0,0 @@
|
|
|
1
|
-
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
-
import { html, unsafeCSS } from "lit";
|
|
3
|
-
import { property } from "lit/decorators.js";
|
|
4
|
-
import { SbbElement } from "./core/base-elements.js";
|
|
5
|
-
import { forceType } from "./core/decorators.js";
|
|
6
|
-
import { isLean } from "./core/dom.js";
|
|
7
|
-
import { throttle } from "./core/eventing.js";
|
|
8
|
-
import { ɵstateController } from "./core/mixins.js";
|
|
9
|
-
import { boxSizingStyles } from "./core/styles.js";
|
|
10
|
-
import { ResizeController } from "@lit-labs/observers/resize-controller.js";
|
|
11
|
-
import { ref } from "lit/directives/ref.js";
|
|
12
|
-
import { getNextElementIndex, isArrowKeyPressed } from "./core/a11y.js";
|
|
13
|
-
import { tabGroupCommonStyles } from "./tabs/common/styles.js";
|
|
14
|
-
//#region src/elements/tabs/tab-group/tab-group.scss?inline
|
|
15
|
-
var tab_group_default = ":host {\n --sbb-tab-group-animation-duration: 0s;\n gap: var(--sbb-tab-group-content-gap);\n}\n\n:host(:is(:state(initialized),[state--initialized])) {\n --sbb-tab-group-animation-duration: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-4x)\n );\n}\n\n.sbb-tab-group-content {\n height: var(--sbb-tab-content-height);\n transition: height var(--sbb-tab-group-animation-duration) var(--sbb-animation-easing);\n}\n\n:host([fixed-height]) ::slotted(sbb-tab) {\n height: 100%;\n overflow: auto;\n}";
|
|
16
|
-
//#endregion
|
|
17
|
-
//#region src/elements/tabs/tab-group/tab-group.component.ts
|
|
18
|
-
/**
|
|
19
|
-
* It displays one or more tabs, each one with a label and some content.
|
|
20
|
-
*
|
|
21
|
-
* @slot - Use the unnamed slot to add content to the `sbb-tab-group` via `sbb-tab-label` and `sbb-tab` instances.
|
|
22
|
-
* @event {CustomEvent<SbbTabChangedEventDetails>} tabchange - The tabchange event is dispatched when a tab is selected.
|
|
23
|
-
*/
|
|
24
|
-
var SbbTabGroupElement = (() => {
|
|
25
|
-
let _classSuper = SbbElement;
|
|
26
|
-
let _size_decorators;
|
|
27
|
-
let _size_initializers = [];
|
|
28
|
-
let _size_extraInitializers = [];
|
|
29
|
-
let _initialSelectedIndex_decorators;
|
|
30
|
-
let _initialSelectedIndex_initializers = [];
|
|
31
|
-
let _initialSelectedIndex_extraInitializers = [];
|
|
32
|
-
let _fixedHeight_decorators;
|
|
33
|
-
let _fixedHeight_initializers = [];
|
|
34
|
-
let _fixedHeight_extraInitializers = [];
|
|
35
|
-
return class SbbTabGroupElement extends _classSuper {
|
|
36
|
-
static {
|
|
37
|
-
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
38
|
-
_size_decorators = [property()];
|
|
39
|
-
_initialSelectedIndex_decorators = [forceType(), property({
|
|
40
|
-
attribute: "initial-selected-index",
|
|
41
|
-
type: Number
|
|
42
|
-
})];
|
|
43
|
-
_fixedHeight_decorators = [forceType(), property({
|
|
44
|
-
attribute: "fixed-height",
|
|
45
|
-
type: Boolean,
|
|
46
|
-
reflect: true
|
|
47
|
-
})];
|
|
48
|
-
__esDecorate(this, null, _size_decorators, {
|
|
49
|
-
kind: "accessor",
|
|
50
|
-
name: "size",
|
|
51
|
-
static: false,
|
|
52
|
-
private: false,
|
|
53
|
-
access: {
|
|
54
|
-
has: (obj) => "size" in obj,
|
|
55
|
-
get: (obj) => obj.size,
|
|
56
|
-
set: (obj, value) => {
|
|
57
|
-
obj.size = value;
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
metadata: _metadata
|
|
61
|
-
}, _size_initializers, _size_extraInitializers);
|
|
62
|
-
__esDecorate(this, null, _initialSelectedIndex_decorators, {
|
|
63
|
-
kind: "accessor",
|
|
64
|
-
name: "initialSelectedIndex",
|
|
65
|
-
static: false,
|
|
66
|
-
private: false,
|
|
67
|
-
access: {
|
|
68
|
-
has: (obj) => "initialSelectedIndex" in obj,
|
|
69
|
-
get: (obj) => obj.initialSelectedIndex,
|
|
70
|
-
set: (obj, value) => {
|
|
71
|
-
obj.initialSelectedIndex = value;
|
|
72
|
-
}
|
|
73
|
-
},
|
|
74
|
-
metadata: _metadata
|
|
75
|
-
}, _initialSelectedIndex_initializers, _initialSelectedIndex_extraInitializers);
|
|
76
|
-
__esDecorate(this, null, _fixedHeight_decorators, {
|
|
77
|
-
kind: "accessor",
|
|
78
|
-
name: "fixedHeight",
|
|
79
|
-
static: false,
|
|
80
|
-
private: false,
|
|
81
|
-
access: {
|
|
82
|
-
has: (obj) => "fixedHeight" in obj,
|
|
83
|
-
get: (obj) => obj.fixedHeight,
|
|
84
|
-
set: (obj, value) => {
|
|
85
|
-
obj.fixedHeight = value;
|
|
86
|
-
}
|
|
87
|
-
},
|
|
88
|
-
metadata: _metadata
|
|
89
|
-
}, _fixedHeight_initializers, _fixedHeight_extraInitializers);
|
|
90
|
-
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
91
|
-
enumerable: true,
|
|
92
|
-
configurable: true,
|
|
93
|
-
writable: true,
|
|
94
|
-
value: _metadata
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
static {
|
|
98
|
-
this.elementName = "sbb-tab-group";
|
|
99
|
-
}
|
|
100
|
-
static {
|
|
101
|
-
this.styles = [
|
|
102
|
-
boxSizingStyles,
|
|
103
|
-
tabGroupCommonStyles,
|
|
104
|
-
unsafeCSS(tab_group_default)
|
|
105
|
-
];
|
|
106
|
-
}
|
|
107
|
-
static {
|
|
108
|
-
this.events = { tabchange: "tabchange" };
|
|
109
|
-
}
|
|
110
|
-
#size_accessor_storage;
|
|
111
|
-
/**
|
|
112
|
-
* Size variant, either s, l or xl.
|
|
113
|
-
* @default 'l' / 's' (lean)
|
|
114
|
-
*/
|
|
115
|
-
get size() {
|
|
116
|
-
return this.#size_accessor_storage;
|
|
117
|
-
}
|
|
118
|
-
set size(value) {
|
|
119
|
-
this.#size_accessor_storage = value;
|
|
120
|
-
}
|
|
121
|
-
#initialSelectedIndex_accessor_storage;
|
|
122
|
-
/**
|
|
123
|
-
* Sets the initial tab. If it matches a disabled tab or exceeds the length of
|
|
124
|
-
* the tab group, the first enabled tab will be selected.
|
|
125
|
-
*/
|
|
126
|
-
get initialSelectedIndex() {
|
|
127
|
-
return this.#initialSelectedIndex_accessor_storage;
|
|
128
|
-
}
|
|
129
|
-
set initialSelectedIndex(value) {
|
|
130
|
-
this.#initialSelectedIndex_accessor_storage = value;
|
|
131
|
-
}
|
|
132
|
-
#fixedHeight_accessor_storage;
|
|
133
|
-
/**
|
|
134
|
-
* If set to true, the `sbb-tab` elements take 100% height of the `sbb-tab-group`.
|
|
135
|
-
* It enables controlling the height on the `sbb-tab-group` element.
|
|
136
|
-
* The content becomes scrollable on overflow.
|
|
137
|
-
*/
|
|
138
|
-
get fixedHeight() {
|
|
139
|
-
return this.#fixedHeight_accessor_storage;
|
|
140
|
-
}
|
|
141
|
-
set fixedHeight(value) {
|
|
142
|
-
this.#fixedHeight_accessor_storage = value;
|
|
143
|
-
}
|
|
144
|
-
/** Gets the slotted `sbb-tab-label`s. */
|
|
145
|
-
get labels() {
|
|
146
|
-
/**
|
|
147
|
-
* The querySelector API is not used because when nested tabs are used,
|
|
148
|
-
* the returned array contains the inner tabs too, and this breaks the keyboard navigation.
|
|
149
|
-
*/
|
|
150
|
-
return Array.from(this.children ?? []).filter((child) => /^sbb-tab-label$/u.test(child.localName));
|
|
151
|
-
}
|
|
152
|
-
/** Gets the slotted `sbb-tab`s. */
|
|
153
|
-
get tabs() {
|
|
154
|
-
/**
|
|
155
|
-
* The querySelector API is not used because when nested tabs are used,
|
|
156
|
-
* the returned array contains the inner tabs too, and this breaks the keyboard navigation.
|
|
157
|
-
*/
|
|
158
|
-
return Array.from(this.children ?? []).filter((child) => /^sbb-tab$/u.test(child.localName));
|
|
159
|
-
}
|
|
160
|
-
constructor() {
|
|
161
|
-
super();
|
|
162
|
-
this._tabGroupResizeObserver = new ResizeController(this, {
|
|
163
|
-
target: null,
|
|
164
|
-
skipInitial: true,
|
|
165
|
-
callback: () => this._onTabGroupElementResize()
|
|
166
|
-
});
|
|
167
|
-
this.#size_accessor_storage = __runInitializers(this, _size_initializers, isLean() ? "s" : "l");
|
|
168
|
-
this.#initialSelectedIndex_accessor_storage = (__runInitializers(this, _size_extraInitializers), __runInitializers(this, _initialSelectedIndex_initializers, 0));
|
|
169
|
-
this.#fixedHeight_accessor_storage = (__runInitializers(this, _initialSelectedIndex_extraInitializers), __runInitializers(this, _fixedHeight_initializers, false));
|
|
170
|
-
this._onContentSlotChange = (__runInitializers(this, _fixedHeight_extraInitializers), () => {
|
|
171
|
-
this.labels.forEach((tabLabel) => tabLabel["linkToTab"]());
|
|
172
|
-
this.labels.find((tabLabel) => tabLabel.active)?.activate();
|
|
173
|
-
});
|
|
174
|
-
this._onLabelSlotChange = () => {
|
|
175
|
-
this.labels.forEach((tabLabel) => tabLabel["linkToTab"]());
|
|
176
|
-
this._ensureActiveTab();
|
|
177
|
-
};
|
|
178
|
-
this.addEventListener?.("keydown", (e) => this._handleKeyDown(e));
|
|
179
|
-
}
|
|
180
|
-
firstUpdated(changedProperties) {
|
|
181
|
-
super.firstUpdated(changedProperties);
|
|
182
|
-
this.labels.forEach((tabLabel) => tabLabel["linkToTab"]());
|
|
183
|
-
this._initSelection();
|
|
184
|
-
Promise.resolve().then(() => this.internals.states.add("initialized"));
|
|
185
|
-
this._tabGroupResizeObserver.observe(this._tabGroupElement);
|
|
186
|
-
}
|
|
187
|
-
/**
|
|
188
|
-
* Disables a tab by index.
|
|
189
|
-
* @param index The index of the tab you want to disable.
|
|
190
|
-
*/
|
|
191
|
-
disableTab(index) {
|
|
192
|
-
if (this.labels[index]) this.labels[index].disabled = true;
|
|
193
|
-
}
|
|
194
|
-
/**
|
|
195
|
-
* Enables a tab by index.
|
|
196
|
-
* @param index The index of the tab you want to enable.
|
|
197
|
-
*/
|
|
198
|
-
enableTab(index) {
|
|
199
|
-
if (this.labels[index]) this.labels[index].disabled = false;
|
|
200
|
-
}
|
|
201
|
-
/**
|
|
202
|
-
* Activates a tab by index.
|
|
203
|
-
* @param index The index of the tab you want to activate.
|
|
204
|
-
*/
|
|
205
|
-
activateTab(index) {
|
|
206
|
-
this.labels[index]?.activate();
|
|
207
|
-
}
|
|
208
|
-
_enabledTabs() {
|
|
209
|
-
return this.labels.filter((t) => {
|
|
210
|
-
customElements.upgrade(t);
|
|
211
|
-
return !t.disabled;
|
|
212
|
-
});
|
|
213
|
-
}
|
|
214
|
-
_ensureActiveTab() {
|
|
215
|
-
if (this.internals.states.has("initialized") && !this.labels.some((tabLabel) => tabLabel.active)) this._initSelection();
|
|
216
|
-
}
|
|
217
|
-
_initSelection() {
|
|
218
|
-
const selectedTabLabel = this.labels[this.initialSelectedIndex];
|
|
219
|
-
if (selectedTabLabel) {
|
|
220
|
-
customElements.upgrade(selectedTabLabel);
|
|
221
|
-
if (this.initialSelectedIndex >= 0 && this.initialSelectedIndex < this.labels.length && !selectedTabLabel.disabled) {
|
|
222
|
-
selectedTabLabel.activate();
|
|
223
|
-
return;
|
|
224
|
-
}
|
|
225
|
-
}
|
|
226
|
-
this._enabledTabs()[0]?.activate();
|
|
227
|
-
}
|
|
228
|
-
_onTabGroupElementResize() {
|
|
229
|
-
const tabLabels = this.labels;
|
|
230
|
-
tabLabels.forEach((tabLabel) => {
|
|
231
|
-
ɵstateController(tabLabel)?.toggle("has-divider", tabLabel === tabLabels[0] || tabLabel.offsetLeft === tabLabels[0].offsetLeft);
|
|
232
|
-
});
|
|
233
|
-
this.style.setProperty("--sbb-tab-group-width", `${this._tabGroupElement.clientWidth}px`);
|
|
234
|
-
}
|
|
235
|
-
_handleKeyDown(evt) {
|
|
236
|
-
const enabledTabs = this._enabledTabs();
|
|
237
|
-
if (!enabledTabs || evt.target !== this && evt.target.parentElement !== this) return;
|
|
238
|
-
if (isArrowKeyPressed(evt)) {
|
|
239
|
-
const nextIndex = getNextElementIndex(evt, enabledTabs.findIndex((t) => t.active), enabledTabs.length);
|
|
240
|
-
enabledTabs[nextIndex]?.activate();
|
|
241
|
-
enabledTabs[nextIndex]?.focus();
|
|
242
|
-
evt.preventDefault();
|
|
243
|
-
}
|
|
244
|
-
}
|
|
245
|
-
/**
|
|
246
|
-
* @internal
|
|
247
|
-
*/
|
|
248
|
-
setTabContentHeight(contentHeight) {
|
|
249
|
-
this.style.setProperty("--sbb-tab-content-height", `${contentHeight}px`);
|
|
250
|
-
}
|
|
251
|
-
render() {
|
|
252
|
-
return html`
|
|
253
|
-
<div
|
|
254
|
-
class="sbb-tab-group"
|
|
255
|
-
role="tablist"
|
|
256
|
-
${ref((el) => this._tabGroupElement = el)}
|
|
257
|
-
>
|
|
258
|
-
<slot name="tab-bar" @slotchange=${this._onLabelSlotChange}></slot>
|
|
259
|
-
</div>
|
|
260
|
-
${!this.fixedHeight ? html`
|
|
261
|
-
<div class="sbb-tab-group-content">
|
|
262
|
-
<slot @slotchange=${throttle(this._onContentSlotChange, 150)}></slot>
|
|
263
|
-
</div>
|
|
264
|
-
` : html`<slot @slotchange=${throttle(this._onContentSlotChange, 150)}></slot>`}
|
|
265
|
-
`;
|
|
266
|
-
}
|
|
267
|
-
};
|
|
268
|
-
})();
|
|
269
|
-
//#endregion
|
|
270
|
-
export { SbbTabGroupElement as t };
|
|
271
|
-
|
|
272
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFiLWdyb3VwLmNvbXBvbmVudC1EUmlwZEF5Yy5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvdGFicy90YWItZ3JvdXAvdGFiLWdyb3VwLnNjc3M/aW5saW5lIiwiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RhYnMvdGFiLWdyb3VwL3RhYi1ncm91cC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICAtLXNiYi10YWItZ3JvdXAtYW5pbWF0aW9uLWR1cmF0aW9uOiAwcztcblxuICBnYXA6IHZhcigtLXNiYi10YWItZ3JvdXAtY29udGVudC1nYXApO1xufVxuXG46aG9zdCg6c3RhdGUoaW5pdGlhbGl6ZWQpKSB7XG4gIC0tc2JiLXRhYi1ncm91cC1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTR4KVxuICApO1xufVxuXG4uc2JiLXRhYi1ncm91cC1jb250ZW50IHtcbiAgaGVpZ2h0OiB2YXIoLS1zYmItdGFiLWNvbnRlbnQtaGVpZ2h0KTtcbiAgdHJhbnNpdGlvbjogaGVpZ2h0IHZhcigtLXNiYi10YWItZ3JvdXAtYW5pbWF0aW9uLWR1cmF0aW9uKSB2YXIoLS1zYmItYW5pbWF0aW9uLWVhc2luZyk7XG59XG5cbjo6c2xvdHRlZChzYmItdGFiKSB7XG4gIDpob3N0KFtmaXhlZC1oZWlnaHRdKSAmIHtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgb3ZlcmZsb3c6IGF1dG87XG4gIH1cbn1cbiIsImltcG9ydCB7IFJlc2l6ZUNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL3Jlc2l6ZS1jb250cm9sbGVyLmpzJztcbmltcG9ydCB7XG4gIGh0bWwsXG4gIHVuc2FmZUNTUyxcbiAgdHlwZSBDU1NSZXN1bHRHcm91cCxcbiAgdHlwZSBQcm9wZXJ0eVZhbHVlcyxcbiAgdHlwZSBUZW1wbGF0ZVJlc3VsdCxcbn0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgcmVmIH0gZnJvbSAnbGl0L2RpcmVjdGl2ZXMvcmVmLmpzJztcblxuaW1wb3J0IHsgZ2V0TmV4dEVsZW1lbnRJbmRleCwgaXNBcnJvd0tleVByZXNzZWQgfSBmcm9tICcuLi8uLi9jb3JlL2ExMXkudHMnO1xuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi8uLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHsgaXNMZWFuIH0gZnJvbSAnLi4vLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHsgdGhyb3R0bGUgfSBmcm9tICcuLi8uLi9jb3JlL2V2ZW50aW5nLnRzJztcbmltcG9ydCB7IMm1c3RhdGVDb250cm9sbGVyIH0gZnJvbSAnLi4vLi4vY29yZS9taXhpbnMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vLi4vY29yZS9zdHlsZXMudHMnO1xuaW1wb3J0IHsgdGFiR3JvdXBDb21tb25TdHlsZXMgfSBmcm9tICcuLi9jb21tb24vc3R5bGVzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGFiRWxlbWVudCB9IGZyb20gJy4uL3RhYi90YWIuY29tcG9uZW50LnRzJztcbmltcG9ydCB0eXBlIHsgU2JiVGFiTGFiZWxFbGVtZW50IH0gZnJvbSAnLi4vdGFiLWxhYmVsL3RhYi1sYWJlbC5jb21wb25lbnQudHMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90YWItZ3JvdXAuc2Nzcz9pbmxpbmUnO1xuXG5leHBvcnQgaW50ZXJmYWNlIFNiYlRhYkNoYW5nZWRFdmVudERldGFpbHMge1xuICBhY3RpdmVJbmRleDogbnVtYmVyO1xuICBhY3RpdmVUYWJMYWJlbDogU2JiVGFiTGFiZWxFbGVtZW50O1xuICBhY3RpdmVUYWI6IFNiYlRhYkVsZW1lbnQ7XG4gIHByZXZpb3VzSW5kZXg6IG51bWJlcjtcbiAgcHJldmlvdXNUYWJMYWJlbDogU2JiVGFiTGFiZWxFbGVtZW50IHwgdW5kZWZpbmVkO1xuICBwcmV2aW91c1RhYjogU2JiVGFiRWxlbWVudCB8IHVuZGVmaW5lZDtcbn1cblxuLyoqXG4gKiBJdCBkaXNwbGF5cyBvbmUgb3IgbW9yZSB0YWJzLCBlYWNoIG9uZSB3aXRoIGEgbGFiZWwgYW5kIHNvbWUgY29udGVudC5cbiAqXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIGFkZCBjb250ZW50IHRvIHRoZSBgc2JiLXRhYi1ncm91cGAgdmlhIGBzYmItdGFiLWxhYmVsYCBhbmQgYHNiYi10YWJgIGluc3RhbmNlcy5cbiAqIEBldmVudCB7Q3VzdG9tRXZlbnQ8U2JiVGFiQ2hhbmdlZEV2ZW50RGV0YWlscz59IHRhYmNoYW5nZSAtIFRoZSB0YWJjaGFuZ2UgZXZlbnQgaXMgZGlzcGF0Y2hlZCB3aGVuIGEgdGFiIGlzIHNlbGVjdGVkLlxuICovXG5leHBvcnQgY2xhc3MgU2JiVGFiR3JvdXBFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItdGFiLWdyb3VwJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW1xuICAgIGJveFNpemluZ1N0eWxlcyxcbiAgICB0YWJHcm91cENvbW1vblN0eWxlcyxcbiAgICB1bnNhZmVDU1Moc3R5bGUpLFxuICBdO1xuICBwdWJsaWMgc3RhdGljIHJlYWRvbmx5IGV2ZW50cyA9IHtcbiAgICB0YWJjaGFuZ2U6ICd0YWJjaGFuZ2UnLFxuICB9IGFzIGNvbnN0O1xuXG4gIHByaXZhdGUgX3RhYkdyb3VwRWxlbWVudCE6IEhUTUxFbGVtZW50O1xuICBwcml2YXRlIF90YWJHcm91cFJlc2l6ZU9ic2VydmVyID0gbmV3IFJlc2l6ZUNvbnRyb2xsZXIodGhpcywge1xuICAgIHRhcmdldDogbnVsbCxcbiAgICBza2lwSW5pdGlhbDogdHJ1ZSxcbiAgICBjYWxsYmFjazogKCkgPT4gdGhpcy5fb25UYWJHcm91cEVsZW1lbnRSZXNpemUoKSxcbiAgfSk7XG5cbiAgLyoqXG4gICAqIFNpemUgdmFyaWFudCwgZWl0aGVyIHMsIGwgb3IgeGwuXG4gICAqIEBkZWZhdWx0ICdsJyAvICdzJyAobGVhbilcbiAgICovXG4gIEBwcm9wZXJ0eSgpXG4gIHB1YmxpYyBhY2Nlc3NvciBzaXplOiAncycgfCAnbCcgfCAneGwnID0gaXNMZWFuKCkgPyAncycgOiAnbCc7XG5cbiAgLyoqXG4gICAqIFNldHMgdGhlIGluaXRpYWwgdGFiLiBJZiBpdCBtYXRjaGVzIGEgZGlzYWJsZWQgdGFiIG9yIGV4Y2VlZHMgdGhlIGxlbmd0aCBvZlxuICAgKiB0aGUgdGFiIGdyb3VwLCB0aGUgZmlyc3QgZW5hYmxlZCB0YWIgd2lsbCBiZSBzZWxlY3RlZC5cbiAgICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdpbml0aWFsLXNlbGVjdGVkLWluZGV4JywgdHlwZTogTnVtYmVyIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBpbml0aWFsU2VsZWN0ZWRJbmRleDogbnVtYmVyID0gMDtcblxuICAvKipcbiAgICogSWYgc2V0IHRvIHRydWUsIHRoZSBgc2JiLXRhYmAgZWxlbWVudHMgdGFrZSAxMDAlIGhlaWdodCBvZiB0aGUgYHNiYi10YWItZ3JvdXBgLlxuICAgKiBJdCBlbmFibGVzIGNvbnRyb2xsaW5nIHRoZSBoZWlnaHQgb24gdGhlIGBzYmItdGFiLWdyb3VwYCBlbGVtZW50LlxuICAgKiBUaGUgY29udGVudCBiZWNvbWVzIHNjcm9sbGFibGUgb24gb3ZlcmZsb3cuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnZml4ZWQtaGVpZ2h0JywgdHlwZTogQm9vbGVhbiwgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZml4ZWRIZWlnaHQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogR2V0cyB0aGUgc2xvdHRlZCBgc2JiLXRhYi1sYWJlbGBzLiAqL1xuICBwdWJsaWMgZ2V0IGxhYmVscygpOiBTYmJUYWJMYWJlbEVsZW1lbnRbXSB7XG4gICAgLyoqXG4gICAgICogVGhlIHF1ZXJ5U2VsZWN0b3IgQVBJIGlzIG5vdCB1c2VkIGJlY2F1c2Ugd2hlbiBuZXN0ZWQgdGFicyBhcmUgdXNlZCxcbiAgICAgKiB0aGUgcmV0dXJuZWQgYXJyYXkgY29udGFpbnMgdGhlIGlubmVyIHRhYnMgdG9vLCBhbmQgdGhpcyBicmVha3MgdGhlIGtleWJvYXJkIG5hdmlnYXRpb24uXG4gICAgICovXG4gICAgcmV0dXJuIEFycmF5LmZyb20odGhpcy5jaGlsZHJlbiA/PyBbXSkuZmlsdGVyKChjaGlsZCkgPT5cbiAgICAgIC9ec2JiLXRhYi1sYWJlbCQvdS50ZXN0KGNoaWxkLmxvY2FsTmFtZSksXG4gICAgKSBhcyBTYmJUYWJMYWJlbEVsZW1lbnRbXTtcbiAgfVxuXG4gIC8qKiBHZXRzIHRoZSBzbG90dGVkIGBzYmItdGFiYHMuICovXG4gIHB1YmxpYyBnZXQgdGFicygpOiBTYmJUYWJFbGVtZW50W10ge1xuICAgIC8qKlxuICAgICAqIFRoZSBxdWVyeVNlbGVjdG9yIEFQSSBpcyBub3QgdXNlZCBiZWNhdXNlIHdoZW4gbmVzdGVkIHRhYnMgYXJlIHVzZWQsXG4gICAgICogdGhlIHJldHVybmVkIGFycmF5IGNvbnRhaW5zIHRoZSBpbm5lciB0YWJzIHRvbywgYW5kIHRoaXMgYnJlYWtzIHRoZSBrZXlib2FyZCBuYXZpZ2F0aW9uLlxuICAgICAqL1xuICAgIHJldHVybiBBcnJheS5mcm9tKHRoaXMuY2hpbGRyZW4gPz8gW10pLmZpbHRlcigoY2hpbGQpID0+XG4gICAgICAvXnNiYi10YWIkL3UudGVzdChjaGlsZC5sb2NhbE5hbWUpLFxuICAgICkgYXMgU2JiVGFiRWxlbWVudFtdO1xuICB9XG5cbiAgcHVibGljIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5hZGRFdmVudExpc3RlbmVyPy4oJ2tleWRvd24nLCAoZSkgPT4gdGhpcy5faGFuZGxlS2V5RG93bihlKSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLmZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllcyk7XG5cbiAgICB0aGlzLmxhYmVscy5mb3JFYWNoKCh0YWJMYWJlbCkgPT4gdGFiTGFiZWxbJ2xpbmtUb1RhYiddKCkpO1xuICAgIHRoaXMuX2luaXRTZWxlY3Rpb24oKTtcblxuICAgIC8vIFRvIGF2b2lkIGFuaW1hdGlvbnMgb24gaW5pdGlhbGl6YXRpb24sIHdlIGhhdmUgdG8gbWFyayB0aGUgY29tcG9uZW50IGFzIGluaXRpYWxpemVkIGFuZCB3YWl0IGEgdGljay5cbiAgICBQcm9taXNlLnJlc29sdmUoKS50aGVuKCgpID0+IHRoaXMuaW50ZXJuYWxzLnN0YXRlcy5hZGQoJ2luaXRpYWxpemVkJykpO1xuICAgIHRoaXMuX3RhYkdyb3VwUmVzaXplT2JzZXJ2ZXIub2JzZXJ2ZSh0aGlzLl90YWJHcm91cEVsZW1lbnQpO1xuICB9XG5cbiAgLyoqXG4gICAqIERpc2FibGVzIGEgdGFiIGJ5IGluZGV4LlxuICAgKiBAcGFyYW0gaW5kZXggVGhlIGluZGV4IG9mIHRoZSB0YWIgeW91IHdhbnQgdG8gZGlzYWJsZS5cbiAgICovXG4gIHB1YmxpYyBkaXNhYmxlVGFiKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5sYWJlbHNbaW5kZXhdKSB7XG4gICAgICB0aGlzLmxhYmVsc1tpbmRleF0uZGlzYWJsZWQgPSB0cnVlO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBFbmFibGVzIGEgdGFiIGJ5IGluZGV4LlxuICAgKiBAcGFyYW0gaW5kZXggVGhlIGluZGV4IG9mIHRoZSB0YWIgeW91IHdhbnQgdG8gZW5hYmxlLlxuICAgKi9cbiAgcHVibGljIGVuYWJsZVRhYihpbmRleDogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKHRoaXMubGFiZWxzW2luZGV4XSkge1xuICAgICAgdGhpcy5sYWJlbHNbaW5kZXhdLmRpc2FibGVkID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgLyoqXG4gICAqIEFjdGl2YXRlcyBhIHRhYiBieSBpbmRleC5cbiAgICogQHBhcmFtIGluZGV4IFRoZSBpbmRleCBvZiB0aGUgdGFiIHlvdSB3YW50IHRvIGFjdGl2YXRlLlxuICAgKi9cbiAgcHVibGljIGFjdGl2YXRlVGFiKGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLmxhYmVsc1tpbmRleF0/LmFjdGl2YXRlKCk7XG4gIH1cblxuICBwcml2YXRlIF9lbmFibGVkVGFicygpOiBTYmJUYWJMYWJlbEVsZW1lbnRbXSB7XG4gICAgcmV0dXJuIHRoaXMubGFiZWxzLmZpbHRlcigodCkgPT4ge1xuICAgICAgY3VzdG9tRWxlbWVudHMudXBncmFkZSh0KTtcbiAgICAgIHJldHVybiAhdC5kaXNhYmxlZDtcbiAgICB9KTtcbiAgfVxuXG4gIHByaXZhdGUgX29uQ29udGVudFNsb3RDaGFuZ2UgPSAoKTogdm9pZCA9PiB7XG4gICAgdGhpcy5sYWJlbHMuZm9yRWFjaCgodGFiTGFiZWwpID0+IHRhYkxhYmVsWydsaW5rVG9UYWInXSgpKTtcbiAgICB0aGlzLmxhYmVscy5maW5kKCh0YWJMYWJlbCkgPT4gdGFiTGFiZWwuYWN0aXZlKT8uYWN0aXZhdGUoKTtcbiAgfTtcblxuICBwcml2YXRlIF9vbkxhYmVsU2xvdENoYW5nZSA9ICgpOiB2b2lkID0+IHtcbiAgICB0aGlzLmxhYmVscy5mb3JFYWNoKCh0YWJMYWJlbCkgPT4gdGFiTGFiZWxbJ2xpbmtUb1RhYiddKCkpO1xuICAgIHRoaXMuX2Vuc3VyZUFjdGl2ZVRhYigpO1xuICB9O1xuXG4gIHByaXZhdGUgX2Vuc3VyZUFjdGl2ZVRhYigpOiB2b2lkIHtcbiAgICBpZiAoXG4gICAgICB0aGlzLmludGVybmFscy5zdGF0ZXMuaGFzKCdpbml0aWFsaXplZCcpICYmXG4gICAgICAhdGhpcy5sYWJlbHMuc29tZSgodGFiTGFiZWwpID0+IHRhYkxhYmVsLmFjdGl2ZSlcbiAgICApIHtcbiAgICAgIHRoaXMuX2luaXRTZWxlY3Rpb24oKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9pbml0U2VsZWN0aW9uKCk6IHZvaWQge1xuICAgIGNvbnN0IHNlbGVjdGVkVGFiTGFiZWwgPSB0aGlzLmxhYmVsc1t0aGlzLmluaXRpYWxTZWxlY3RlZEluZGV4XTtcbiAgICBpZiAoc2VsZWN0ZWRUYWJMYWJlbCkge1xuICAgICAgY3VzdG9tRWxlbWVudHMudXBncmFkZShzZWxlY3RlZFRhYkxhYmVsKTtcbiAgICAgIGlmIChcbiAgICAgICAgdGhpcy5pbml0aWFsU2VsZWN0ZWRJbmRleCA+PSAwICYmXG4gICAgICAgIHRoaXMuaW5pdGlhbFNlbGVjdGVkSW5kZXggPCB0aGlzLmxhYmVscy5sZW5ndGggJiZcbiAgICAgICAgIXNlbGVjdGVkVGFiTGFiZWwuZGlzYWJsZWRcbiAgICAgICkge1xuICAgICAgICBzZWxlY3RlZFRhYkxhYmVsLmFjdGl2YXRlKCk7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cbiAgICB9XG4gICAgdGhpcy5fZW5hYmxlZFRhYnMoKVswXT8uYWN0aXZhdGUoKTtcbiAgfVxuXG4gIHByaXZhdGUgX29uVGFiR3JvdXBFbGVtZW50UmVzaXplKCk6IHZvaWQge1xuICAgIGNvbnN0IHRhYkxhYmVscyA9IHRoaXMubGFiZWxzO1xuICAgIHRhYkxhYmVscy5mb3JFYWNoKCh0YWJMYWJlbCkgPT4ge1xuICAgICAgybVzdGF0ZUNvbnRyb2xsZXIodGFiTGFiZWwpPy50b2dnbGUoXG4gICAgICAgICdoYXMtZGl2aWRlcicsXG4gICAgICAgIHRhYkxhYmVsID09PSB0YWJMYWJlbHNbMF0gfHwgdGFiTGFiZWwub2Zmc2V0TGVmdCA9PT0gdGFiTGFiZWxzWzBdLm9mZnNldExlZnQsXG4gICAgICApO1xuICAgIH0pO1xuXG4gICAgdGhpcy5zdHlsZS5zZXRQcm9wZXJ0eSgnLS1zYmItdGFiLWdyb3VwLXdpZHRoJywgYCR7dGhpcy5fdGFiR3JvdXBFbGVtZW50LmNsaWVudFdpZHRofXB4YCk7XG4gIH1cblxuICBwcml2YXRlIF9oYW5kbGVLZXlEb3duKGV2dDogS2V5Ym9hcmRFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IGVuYWJsZWRUYWJzOiBTYmJUYWJMYWJlbEVsZW1lbnRbXSA9IHRoaXMuX2VuYWJsZWRUYWJzKCk7XG5cbiAgICBpZiAoXG4gICAgICAhZW5hYmxlZFRhYnMgfHxcbiAgICAgIC8vIGRvbid0IHRyYXAgbmVzdGVkIGhhbmRsaW5nXG4gICAgICAoKGV2dC50YXJnZXQgYXMgSFRNTEVsZW1lbnQpICE9PSB0aGlzICYmIChldnQudGFyZ2V0IGFzIEhUTUxFbGVtZW50KS5wYXJlbnRFbGVtZW50ICE9PSB0aGlzKVxuICAgICkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGlmIChpc0Fycm93S2V5UHJlc3NlZChldnQpKSB7XG4gICAgICBjb25zdCBjdXJyZW50OiBudW1iZXIgPSBlbmFibGVkVGFicy5maW5kSW5kZXgoKHQpID0+IHQuYWN0aXZlKTtcbiAgICAgIGNvbnN0IG5leHRJbmRleDogbnVtYmVyID0gZ2V0TmV4dEVsZW1lbnRJbmRleChldnQsIGN1cnJlbnQsIGVuYWJsZWRUYWJzLmxlbmd0aCk7XG4gICAgICBlbmFibGVkVGFic1tuZXh0SW5kZXhdPy5hY3RpdmF0ZSgpO1xuICAgICAgZW5hYmxlZFRhYnNbbmV4dEluZGV4XT8uZm9jdXMoKTtcbiAgICAgIGV2dC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgfVxuXG4gIC8qKlxuICAgKiBAaW50ZXJuYWxcbiAgICovXG4gIHByb3RlY3RlZCBzZXRUYWJDb250ZW50SGVpZ2h0KGNvbnRlbnRIZWlnaHQ6IG51bWJlcik6IHZvaWQge1xuICAgIHRoaXMuc3R5bGUuc2V0UHJvcGVydHkoJy0tc2JiLXRhYi1jb250ZW50LWhlaWdodCcsIGAke2NvbnRlbnRIZWlnaHR9cHhgKTtcbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXIoKTogVGVtcGxhdGVSZXN1bHQge1xuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInNiYi10YWItZ3JvdXBcIlxuICAgICAgICByb2xlPVwidGFibGlzdFwiXG4gICAgICAgICR7cmVmKChlbD86IEVsZW1lbnQpID0+ICh0aGlzLl90YWJHcm91cEVsZW1lbnQgPSBlbCBhcyBIVE1MRWxlbWVudCkpfVxuICAgICAgPlxuICAgICAgICA8c2xvdCBuYW1lPVwidGFiLWJhclwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fb25MYWJlbFNsb3RDaGFuZ2V9Pjwvc2xvdD5cbiAgICAgIDwvZGl2PlxuICAgICAgJHshdGhpcy5maXhlZEhlaWdodFxuICAgICAgICA/IGh0bWxgXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwic2JiLXRhYi1ncm91cC1jb250ZW50XCI+XG4gICAgICAgICAgICAgIDxzbG90IEBzbG90Y2hhbmdlPSR7dGhyb3R0bGUodGhpcy5fb25Db250ZW50U2xvdENoYW5nZSwgMTUwKX0+PC9zbG90PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgYFxuICAgICAgICA6IGh0bWxgPHNsb3QgQHNsb3RjaGFuZ2U9JHt0aHJvdHRsZSh0aGlzLl9vbkNvbnRlbnRTbG90Q2hhbmdlLCAxNTApfT48L3Nsb3Q+YH1cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdz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
|