@sbb-esta/lyne-elements-dev 4.9.0-dev.1774516800 → 4.9.0-dev.1774519787

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.
Files changed (16) hide show
  1. package/core/styles/core.scss +6 -2
  2. package/core.css +7 -0
  3. package/custom-elements.json +668 -668
  4. package/development/overlay/overlay.component.js +1 -1
  5. package/development/overlay.component-H1N5AUm0.js +408 -0
  6. package/development/overlay.js +1 -1
  7. package/development/overlay.pure.js +1 -1
  8. package/off-brand-theme.css +7 -0
  9. package/overlay/overlay.component.js +1 -1
  10. package/{overlay.component-CaBxt4sb.js → overlay.component-QYenVZtj.js} +1 -1
  11. package/overlay.js +1 -1
  12. package/overlay.pure.js +1 -1
  13. package/package.json +2 -2
  14. package/safety-theme.css +7 -0
  15. package/standard-theme.css +7 -0
  16. package/development/overlay.component-Btd42clm.js +0 -411
package/development/overlay/overlay.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as SbbOverlayElement } from "../overlay.component-Btd42clm.js";
1
+ import { t as SbbOverlayElement } from "../overlay.component-H1N5AUm0.js";
2
2
  export { SbbOverlayElement };
package/development/overlay.component-H1N5AUm0.js ADDED
@@ -0,0 +1,408 @@
1
+ import { SbbOverlayBaseElement, SbbOverlayCloseEvent, overlayRefs } from "./overlay/overlay-base-element.js";
2
+ import { __esDecorate, __runInitializers } from "tslib";
3
+ import { css } from "lit";
4
+ import { property } from "lit/decorators.js";
5
+ import { forceType } from "./core/decorators.js";
6
+ import { isZeroAnimationDuration } from "./core/dom.js";
7
+ import { forwardEvent } from "./core/eventing.js";
8
+ import { boxSizingStyles } from "./core/styles.js";
9
+ import { html as html$1 } from "lit/static-html.js";
10
+ import { i18nCloseDialog } from "./core/i18n.js";
11
+ import "./button/transparent-button.js";
12
+ import { ref } from "lit/directives/ref.js";
13
+ import "./button/secondary-button.js";
14
+ import "./screen-reader-only.js";
15
+ import "./container.js";
16
+ //#region src/elements/overlay/overlay.scss?lit&inline
17
+ var overlay_default = css`:host {
18
+ --sbb-scrollbar-thumb-width: 0.125rem;
19
+ --sbb-scrollbar-thumb-width-hover: 0.25rem;
20
+ --sbb-scrollbar-width-firefox: thin;
21
+ --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);
22
+ --sbb-scrollbar-color: light-dark(
23
+ color-mix(in srgb, var(--sbb-color-black) 30%, transparent),
24
+ color-mix(in srgb, var(--sbb-color-white) 30%, transparent)
25
+ );
26
+ --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);
27
+ --sbb-scrollbar-color-hover: light-dark(
28
+ color-mix(in srgb, var(--sbb-color-black) 60%, transparent),
29
+ color-mix(in srgb, var(--sbb-color-white) 60%, transparent)
30
+ );
31
+ --sbb-scrollbar-track-color: transparent;
32
+ --_sbb-overlay-padding-block: calc(
33
+ var(--sbb-spacing-fixed-14x) + var(--sbb-spacing-responsive-l)
34
+ );
35
+ --sbb-overlay-animation-duration: var(
36
+ --sbb-disable-animation-duration,
37
+ var(--sbb-animation-duration-6x)
38
+ );
39
+ display: var(--sbb-overlay-display);
40
+ position: fixed;
41
+ inset: var(--sbb-overlay-inset);
42
+ z-index: var(--sbb-overlay-z-index, var(--sbb-overlay-default-z-index));
43
+ }
44
+
45
+ :host(:is(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened]), :is(:state(state-closing),[state--state-closing]))) {
46
+ --sbb-overlay-display: block;
47
+ --sbb-overlay-container-display: flex;
48
+ }
49
+
50
+ :host(:is(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened]))) {
51
+ --sbb-overlay-pointer-events: all;
52
+ }
53
+
54
+ :host([negative]) {
55
+ --sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);
56
+ --sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);
57
+ --sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);
58
+ --sbb-overlay-color: var(--sbb-color-1-negative);
59
+ --sbb-overlay-background-color: var(--sbb-background-color-3-negative);
60
+ }
61
+
62
+ :host(:not(:is(:state(state-closed),[state--state-closed]))) {
63
+ --sbb-overlay-inset: 0;
64
+ }
65
+
66
+ .sbb-overlay__container {
67
+ background-color: var(--sbb-overlay-background-color);
68
+ pointer-events: var(--sbb-overlay-pointer-events);
69
+ display: var(--sbb-overlay-container-display);
70
+ align-items: center;
71
+ position: fixed;
72
+ inset: var(--sbb-overlay-inset);
73
+ }
74
+ :host(:is(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened]), :is(:state(state-closing),[state--state-closing]))) .sbb-overlay__container {
75
+ animation-name: open;
76
+ animation-duration: var(--sbb-overlay-animation-duration);
77
+ animation-timing-function: var(--sbb-overlay-animation-easing);
78
+ }
79
+ :host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay__container {
80
+ pointer-events: none;
81
+ animation-name: close;
82
+ }
83
+
84
+ .sbb-overlay {
85
+ position: absolute;
86
+ inset-inline: 0;
87
+ margin: auto;
88
+ padding: 0;
89
+ border: none;
90
+ height: var(--sbb-overlay-height);
91
+ overflow: auto;
92
+ color: var(--sbb-overlay-color);
93
+ }
94
+ :host(:is(:is(:state(state-opening),[state--state-opening]), :is(:state(state-opened),[state--state-opened]), :is(:state(state-closing),[state--state-closing]))) .sbb-overlay {
95
+ animation-name: open-move-in;
96
+ animation-duration: var(--sbb-overlay-animation-duration);
97
+ animation-timing-function: var(--sbb-overlay-animation-easing);
98
+ }
99
+ :host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay {
100
+ animation-name: close-move-out;
101
+ }
102
+
103
+ .sbb-overlay__wrapper {
104
+ display: flex;
105
+ flex-direction: column;
106
+ width: 100%;
107
+ height: var(--sbb-overlay-height);
108
+ outline: none;
109
+ position: fixed;
110
+ }
111
+ @media (min-width: calc(64rem)) {
112
+ .sbb-overlay__wrapper {
113
+ position: sticky;
114
+ inset-block-start: 0;
115
+ height: auto;
116
+ }
117
+ }
118
+
119
+ .sbb-overlay__header {
120
+ position: absolute;
121
+ inset-inline-start: 0;
122
+ display: flex;
123
+ pointer-events: none;
124
+ align-items: start;
125
+ justify-content: space-between;
126
+ width: 100%;
127
+ padding: var(--sbb-spacing-responsive-xs);
128
+ padding-block-end: 0;
129
+ z-index: 1;
130
+ }
131
+ .sbb-overlay__header * {
132
+ pointer-events: all;
133
+ }
134
+
135
+ .sbb-overlay__close {
136
+ margin-inline-start: auto;
137
+ }
138
+
139
+ .sbb-overlay__content {
140
+ --sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);
141
+ }
142
+ .sbb-overlay__content::-webkit-scrollbar {
143
+ width: var(--sbb-scrollbar-width);
144
+ height: var(--sbb-scrollbar-width);
145
+ background-color: var(--sbb-scrollbar-track-color, transparent);
146
+ }
147
+ .sbb-overlay__content::-webkit-scrollbar-corner {
148
+ background-color: var(--sbb-scrollbar-track-color, transparent);
149
+ }
150
+ .sbb-overlay__content::-webkit-scrollbar-thumb {
151
+ background-color: var(--sbb-scrollbar-color, currentcolor);
152
+ border: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;
153
+ border-radius: var(--sbb-border-radius-4x);
154
+ background-clip: padding-box;
155
+ }
156
+ .sbb-overlay__content::-webkit-scrollbar-thumb:hover {
157
+ background-color: var(--sbb-scrollbar-color-hover, currentcolor);
158
+ border-width: calc(0.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)));
159
+ }
160
+ .sbb-overlay__content::-webkit-scrollbar-button, .sbb-overlay__content::-webkit-scrollbar-corner {
161
+ display: none;
162
+ }
163
+ @supports not selector(::-webkit-scrollbar) {
164
+ .sbb-overlay__content {
165
+ scrollbar-width: var(--sbb-scrollbar-width-firefox);
166
+ scrollbar-color: var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent);
167
+ }
168
+ }
169
+ .sbb-overlay__content {
170
+ height: 100vh;
171
+ overflow: auto;
172
+ -webkit-overflow-scrolling: touch;
173
+ }
174
+
175
+ .sbb-overlay__content-container {
176
+ padding-block: var(--_sbb-overlay-padding-block);
177
+ }
178
+
179
+ @keyframes open {
180
+ from {
181
+ opacity: 0;
182
+ }
183
+ to {
184
+ opacity: 1;
185
+ }
186
+ }
187
+ @keyframes open-move-in {
188
+ from {
189
+ transform: translateY(var(--sbb-spacing-fixed-4x));
190
+ }
191
+ to {
192
+ transform: translateY(0%);
193
+ }
194
+ }
195
+ @keyframes close {
196
+ from {
197
+ opacity: 1;
198
+ }
199
+ to {
200
+ opacity: 0;
201
+ }
202
+ }
203
+ @keyframes close-move-out {
204
+ from {
205
+ transform: translateY(0%);
206
+ }
207
+ to {
208
+ transform: translateY(var(--sbb-spacing-fixed-4x));
209
+ }
210
+ }`;
211
+ //#endregion
212
+ //#region src/elements/overlay/overlay.component.ts
213
+ var nextId = 0;
214
+ /**
215
+ * It displays an interactive overlay element.
216
+ *
217
+ * @slot - Use the unnamed slot to provide a content for the overlay.
218
+ * @cssprop [--sbb-overlay-z-index=var(--sbb-overlay-default-z-index)] - To specify a custom stack order,
219
+ * the `z-index` can be overridden by defining this CSS variable. The default `z-index` of the
220
+ * component is set to `var(--sbb-overlay-default-z-index)` with a value of `1000`.
221
+ */
222
+ var SbbOverlayElement = (() => {
223
+ let _classSuper = SbbOverlayBaseElement;
224
+ let _expanded_decorators;
225
+ let _expanded_initializers = [];
226
+ let _expanded_extraInitializers = [];
227
+ let _accessibilityCloseLabel_decorators;
228
+ let _accessibilityCloseLabel_initializers = [];
229
+ let _accessibilityCloseLabel_extraInitializers = [];
230
+ return class SbbOverlayElement extends _classSuper {
231
+ constructor() {
232
+ super(...arguments);
233
+ this.#expanded_accessor_storage = __runInitializers(this, _expanded_initializers, false);
234
+ this.#accessibilityCloseLabel_accessor_storage = (__runInitializers(this, _expanded_extraInitializers), __runInitializers(this, _accessibilityCloseLabel_initializers, ""));
235
+ this.closeAttribute = (__runInitializers(this, _accessibilityCloseLabel_extraInitializers), "sbb-overlay-close");
236
+ this._overlayContentElement = null;
237
+ }
238
+ static {
239
+ const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
240
+ _expanded_decorators = [forceType(), property({
241
+ reflect: true,
242
+ type: Boolean
243
+ })];
244
+ _accessibilityCloseLabel_decorators = [forceType(), property({ attribute: "accessibility-close-label" })];
245
+ __esDecorate(this, null, _expanded_decorators, {
246
+ kind: "accessor",
247
+ name: "expanded",
248
+ static: false,
249
+ private: false,
250
+ access: {
251
+ has: (obj) => "expanded" in obj,
252
+ get: (obj) => obj.expanded,
253
+ set: (obj, value) => {
254
+ obj.expanded = value;
255
+ }
256
+ },
257
+ metadata: _metadata
258
+ }, _expanded_initializers, _expanded_extraInitializers);
259
+ __esDecorate(this, null, _accessibilityCloseLabel_decorators, {
260
+ kind: "accessor",
261
+ name: "accessibilityCloseLabel",
262
+ static: false,
263
+ private: false,
264
+ access: {
265
+ has: (obj) => "accessibilityCloseLabel" in obj,
266
+ get: (obj) => obj.accessibilityCloseLabel,
267
+ set: (obj, value) => {
268
+ obj.accessibilityCloseLabel = value;
269
+ }
270
+ },
271
+ metadata: _metadata
272
+ }, _accessibilityCloseLabel_initializers, _accessibilityCloseLabel_extraInitializers);
273
+ if (_metadata) Object.defineProperty(this, Symbol.metadata, {
274
+ enumerable: true,
275
+ configurable: true,
276
+ writable: true,
277
+ value: _metadata
278
+ });
279
+ }
280
+ static {
281
+ this.elementName = "sbb-overlay";
282
+ }
283
+ static {
284
+ this.styles = [boxSizingStyles, overlay_default];
285
+ }
286
+ static {
287
+ this.events = {
288
+ beforeopen: "beforeopen",
289
+ open: "open",
290
+ beforeclose: "beforeclose",
291
+ close: "close"
292
+ };
293
+ }
294
+ #expanded_accessor_storage;
295
+ /**
296
+ * Whether to allow the overlay content to stretch to full width.
297
+ * By default, the content has the appropriate page size.
298
+ */
299
+ get expanded() {
300
+ return this.#expanded_accessor_storage;
301
+ }
302
+ set expanded(value) {
303
+ this.#expanded_accessor_storage = value;
304
+ }
305
+ #accessibilityCloseLabel_accessor_storage;
306
+ /** This will be forwarded as aria-label to the close button element. */
307
+ get accessibilityCloseLabel() {
308
+ return this.#accessibilityCloseLabel_accessor_storage;
309
+ }
310
+ set accessibilityCloseLabel(value) {
311
+ this.#accessibilityCloseLabel_accessor_storage = value;
312
+ }
313
+ connectedCallback() {
314
+ this.id ||= `sbb-overlay-${nextId++}`;
315
+ super.connectedCallback();
316
+ }
317
+ firstUpdated(changedProperties) {
318
+ super.firstUpdated(changedProperties);
319
+ if (this.isOpen) this.setAriaLiveRefContent();
320
+ }
321
+ isZeroAnimationDuration() {
322
+ return isZeroAnimationDuration(this, "--sbb-overlay-animation-duration");
323
+ }
324
+ handleOpening() {
325
+ this.state = "opened";
326
+ this.inertController.activate();
327
+ this.focusTrapController.focusInitialElement();
328
+ setTimeout(() => this.setAriaLiveRefContent(this.accessibilityLabel));
329
+ this.focusTrapController.enabled = true;
330
+ this.dispatchOpenEvent();
331
+ }
332
+ handleClosing() {
333
+ this._overlayContentElement?.scrollTo(0, 0);
334
+ this.state = "closed";
335
+ this.hidePopover?.();
336
+ this.inertController.deactivate();
337
+ if (!this.skipFocusRestoration) this.lastFocusedElement?.focus();
338
+ this.openOverlayController?.abort();
339
+ this.focusTrapController.enabled = false;
340
+ this.removeInstanceFromGlobalCollection();
341
+ if (!overlayRefs.length) this.scrollHandler.enableScroll();
342
+ this.escapableOverlayController.disconnect();
343
+ this.dispatchCloseEvent({
344
+ returnValue: this.returnValue,
345
+ closeTarget: this.overlayCloseElement
346
+ });
347
+ }
348
+ dispatchBeforeCloseEvent(_detail) {
349
+ /** @type {SbbOverlayCloseEvent} Emits whenever the component begins the closing transition. Can be canceled. */
350
+ return this.dispatchEvent(new SbbOverlayCloseEvent("beforeclose", {
351
+ cancelable: true,
352
+ closeAttribute: this.closeAttribute,
353
+ closeTarget: this.overlayCloseElement,
354
+ result: this.returnValue
355
+ }));
356
+ }
357
+ dispatchCloseEvent(_detail) {
358
+ /** @type {SbbOverlayCloseEvent} Emits whenever the component is closed. */
359
+ return this.dispatchEvent(new SbbOverlayCloseEvent("close", {
360
+ closeAttribute: this.closeAttribute,
361
+ closeTarget: this.overlayCloseElement,
362
+ result: this.returnValue
363
+ }));
364
+ }
365
+ render() {
366
+ return html$1`
367
+ <div class="sbb-overlay__container" @animationend=${this.onOverlayAnimationEnd}>
368
+ <div class="sbb-overlay">
369
+ <div
370
+ @click=${(event) => this.closeOnSbbOverlayCloseClick(event)}
371
+ class="sbb-overlay__wrapper"
372
+ >
373
+ <div class="sbb-overlay__header">
374
+ <sbb-secondary-button
375
+ class="sbb-overlay__close"
376
+ aria-label="${this.accessibilityCloseLabel || i18nCloseDialog[this.language.current]}"
377
+ ?negative=${this.negative}
378
+ size="m"
379
+ type="button"
380
+ icon-name="cross-small"
381
+ sbb-overlay-close
382
+ ></sbb-secondary-button>
383
+ </div>
384
+ <div
385
+ class="sbb-overlay__content"
386
+ ${ref((el) => this._overlayContentElement = el)}
387
+ @scroll=${(e) => forwardEvent(e, document)}
388
+ >
389
+ <sbb-container
390
+ class="sbb-overlay__content-container"
391
+ ?expanded=${this.expanded}
392
+ color="transparent"
393
+ >
394
+ <slot></slot>
395
+ </sbb-container>
396
+ </div>
397
+ </div>
398
+ </div>
399
+ </div>
400
+ <sbb-screen-reader-only aria-live="polite"></sbb-screen-reader-only>
401
+ `;
402
+ }
403
+ };
404
+ })();
405
+ //#endregion
406
+ export { SbbOverlayElement as t };
407
+
408
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3ZlcmxheS5jb21wb25lbnQtSDFONUFVbTAuanMiLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2VsZW1lbnRzL292ZXJsYXkvb3ZlcmxheS5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvb3ZlcmxheS9vdmVybGF5LmNvbXBvbmVudC50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJAdXNlICcuLi9jb3JlL3N0eWxlcycgYXMgc2JiO1xuXG46aG9zdCB7XG4gIEBpbmNsdWRlIHNiYi5zY3JvbGxiYXItdmFyaWFibGVzO1xuXG4gIC0tX3NiYi1vdmVybGF5LXBhZGRpbmctYmxvY2s6IGNhbGMoXG4gICAgdmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtMTR4KSArIHZhcigtLXNiYi1zcGFjaW5nLXJlc3BvbnNpdmUtbClcbiAgKTtcbiAgLS1zYmItb3ZlcmxheS1hbmltYXRpb24tZHVyYXRpb246IHZhcihcbiAgICAtLXNiYi1kaXNhYmxlLWFuaW1hdGlvbi1kdXJhdGlvbixcbiAgICB2YXIoLS1zYmItYW5pbWF0aW9uLWR1cmF0aW9uLTZ4KVxuICApO1xuXG4gIGRpc3BsYXk6IHZhcigtLXNiYi1vdmVybGF5LWRpc3BsYXkpO1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIGluc2V0OiB2YXIoLS1zYmItb3ZlcmxheS1pbnNldCk7XG4gIHotaW5kZXg6IHZhcigtLXNiYi1vdmVybGF5LXotaW5kZXgsIHZhcigtLXNiYi1vdmVybGF5LWRlZmF1bHQtei1pbmRleCkpO1xufVxuXG46aG9zdCg6aXMoOnN0YXRlKHN0YXRlLW9wZW5pbmcpLCA6c3RhdGUoc3RhdGUtb3BlbmVkKSwgOnN0YXRlKHN0YXRlLWNsb3NpbmcpKSkge1xuICAtLXNiYi1vdmVybGF5LWRpc3BsYXk6IGJsb2NrO1xuICAtLXNiYi1vdmVybGF5LWNvbnRhaW5lci1kaXNwbGF5OiBmbGV4O1xufVxuXG46aG9zdCg6aXMoOnN0YXRlKHN0YXRlLW9wZW5pbmcpLCA6c3RhdGUoc3RhdGUtb3BlbmVkKSkpIHtcbiAgLS1zYmItb3ZlcmxheS1wb2ludGVyLWV2ZW50czogYWxsO1xufVxuXG46aG9zdChbbmVnYXRpdmVdKSB7XG4gIEBpbmNsdWRlIHNiYi5zY3JvbGxiYXItdmFyaWFibGVzLS1jb2xvci1uZWdhdGl2ZTtcblxuICAtLXNiYi1mb2N1cy1vdXRsaW5lLWNvbG9yOiB2YXIoLS1zYmItZm9jdXMtb3V0bGluZS1jb2xvci1kYXJrKTtcbiAgLS1zYmItb3ZlcmxheS1jb2xvcjogdmFyKC0tc2JiLWNvbG9yLTEtbmVnYXRpdmUpO1xuICAtLXNiYi1vdmVybGF5LWJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1iYWNrZ3JvdW5kLWNvbG9yLTMtbmVnYXRpdmUpO1xufVxuXG46aG9zdCg6bm90KDpzdGF0ZShzdGF0ZS1jbG9zZWQpKSkge1xuICAtLXNiYi1vdmVybGF5LWluc2V0OiAwO1xufVxuXG4uc2JiLW92ZXJsYXlfX2NvbnRhaW5lciB7XG4gIGJhY2tncm91bmQtY29sb3I6IHZhcigtLXNiYi1vdmVybGF5LWJhY2tncm91bmQtY29sb3IpO1xuICBwb2ludGVyLWV2ZW50czogdmFyKC0tc2JiLW92ZXJsYXktcG9pbnRlci1ldmVudHMpO1xuICBkaXNwbGF5OiB2YXIoLS1zYmItb3ZlcmxheS1jb250YWluZXItZGlzcGxheSk7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIHBvc2l0aW9uOiBmaXhlZDtcbiAgaW5zZXQ6IHZhcigtLXNiYi1vdmVybGF5LWluc2V0KTtcblxuICA6aG9zdCg6aXMoOnN0YXRlKHN0YXRlLW9wZW5pbmcpLCA6c3RhdGUoc3RhdGUtb3BlbmVkKSwgOnN0YXRlKHN0YXRlLWNsb3NpbmcpKSkgJiB7XG4gICAgYW5pbWF0aW9uOiB7XG4gICAgICBuYW1lOiBvcGVuO1xuICAgICAgZHVyYXRpb246IHZhcigtLXNiYi1vdmVybGF5LWFuaW1hdGlvbi1kdXJhdGlvbik7XG4gICAgICB0aW1pbmctZnVuY3Rpb246IHZhcigtLXNiYi1vdmVybGF5LWFuaW1hdGlvbi1lYXNpbmcpO1xuICAgIH1cbiAgfVxuXG4gIDpob3N0KDpzdGF0ZShzdGF0ZS1jbG9zaW5nKSkgJiB7XG4gICAgcG9pbnRlci1ldmVudHM6IG5vbmU7XG4gICAgYW5pbWF0aW9uLW5hbWU6IGNsb3NlO1xuICB9XG59XG5cbi5zYmItb3ZlcmxheSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQtaW5saW5lOiAwO1xuICBtYXJnaW46IGF1dG87XG4gIHBhZGRpbmc6IDA7XG4gIGJvcmRlcjogbm9uZTtcbiAgaGVpZ2h0OiB2YXIoLS1zYmItb3ZlcmxheS1oZWlnaHQpO1xuICBvdmVyZmxvdzogYXV0bztcbiAgY29sb3I6IHZhcigtLXNiYi1vdmVybGF5LWNvbG9yKTtcblxuICA6aG9zdCg6aXMoOnN0YXRlKHN0YXRlLW9wZW5pbmcpLCA6c3RhdGUoc3RhdGUtb3BlbmVkKSwgOnN0YXRlKHN0YXRlLWNsb3NpbmcpKSkgJiB7XG4gICAgYW5pbWF0aW9uOiB7XG4gICAgICBuYW1lOiBvcGVuLW1vdmUtaW47XG4gICAgICBkdXJhdGlvbjogdmFyKC0tc2JiLW92ZXJsYXktYW5pbWF0aW9uLWR1cmF0aW9uKTtcbiAgICAgIHRpbWluZy1mdW5jdGlvbjogdmFyKC0tc2JiLW92ZXJsYXktYW5pbWF0aW9uLWVhc2luZyk7XG4gICAgfVxuICB9XG5cbiAgOmhvc3QoOnN0YXRlKHN0YXRlLWNsb3NpbmcpKSAmIHtcbiAgICBhbmltYXRpb24tbmFtZTogY2xvc2UtbW92ZS1vdXQ7XG4gIH1cbn1cblxuLnNiYi1vdmVybGF5X193cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogdmFyKC0tc2JiLW92ZXJsYXktaGVpZ2h0KTtcbiAgb3V0bGluZTogbm9uZTtcbiAgcG9zaXRpb246IGZpeGVkO1xuXG4gIEBpbmNsdWRlIHNiYi5tcSgkZnJvbTogbGFyZ2UpIHtcbiAgICBwb3NpdGlvbjogc3RpY2t5O1xuICAgIGluc2V0LWJsb2NrLXN0YXJ0OiAwO1xuICAgIGhlaWdodDogYXV0bztcbiAgfVxufVxuXG4uc2JiLW92ZXJsYXlfX2hlYWRlciB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgaW5zZXQtaW5saW5lLXN0YXJ0OiAwO1xuICBkaXNwbGF5OiBmbGV4O1xuICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgYWxpZ24taXRlbXM6IHN0YXJ0O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiB2YXIoLS1zYmItc3BhY2luZy1yZXNwb25zaXZlLXhzKTtcbiAgcGFkZGluZy1ibG9jay1lbmQ6IDA7XG4gIHotaW5kZXg6IDE7XG5cbiAgKiB7XG4gICAgcG9pbnRlci1ldmVudHM6IGFsbDtcbiAgfVxufVxuXG4uc2JiLW92ZXJsYXlfX2Nsb3NlIHtcbiAgbWFyZ2luLWlubGluZS1zdGFydDogYXV0bztcbn1cblxuLnNiYi1vdmVybGF5X19jb250ZW50IHtcbiAgQGluY2x1ZGUgc2JiLnNjcm9sbGJhci1ydWxlcztcblxuICBoZWlnaHQ6IDEwMHZoO1xuICBvdmVyZmxvdzogYXV0bztcbiAgLXdlYmtpdC1vdmVyZmxvdy1zY3JvbGxpbmc6IHRvdWNoO1xufVxuXG4uc2JiLW92ZXJsYXlfX2NvbnRlbnQtY29udGFpbmVyIHtcbiAgcGFkZGluZy1ibG9jazogdmFyKC0tX3NiYi1vdmVybGF5LXBhZGRpbmctYmxvY2spO1xufVxuXG4vLyBJdCBpcyBuZWNlc3NhcnkgdG8gdXNlIGFuaW1hdGlvbnMgd2l0aCBrZXlmcmFtZXMgaW5zdGVhZCBvZiB0cmFuc2l0aW9ucyBpbiBvcmRlciBub3QgdG8gYWx0ZXJcbi8vIHRoZSBkZWZhdWx0IGBkaXNwbGF5OiBibG9ja2Agb2YgdGhlIG1vZGFsIG90aGVyd2lzZSBpdCBjYXVzZXMgc2V2ZXJhbCBwcm9ibGVtcyxcbi8vIGVzcGVjaWFsbHkgZm9yIGFjY2Vzc2liaWxpdHkuXG5Aa2V5ZnJhbWVzIG9wZW4ge1xuICBmcm9tIHtcbiAgICBvcGFjaXR5OiAwO1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBvcGVuLW1vdmUtaW4ge1xuICBmcm9tIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkodmFyKC0tc2JiLXNwYWNpbmctZml4ZWQtNHgpKTtcbiAgfVxuXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoMCUpO1xuICB9XG59XG5cbkBrZXlmcmFtZXMgY2xvc2Uge1xuICBmcm9tIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgdG8ge1xuICAgIG9wYWNpdHk6IDA7XG4gIH1cbn1cblxuQGtleWZyYW1lcyBjbG9zZS1tb3ZlLW91dCB7XG4gIGZyb20ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgwJSk7XG4gIH1cblxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKHZhcigtLXNiYi1zcGFjaW5nLWZpeGVkLTR4KSk7XG4gIH1cbn1cbiIsImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IHJlZiB9IGZyb20gJ2xpdC9kaXJlY3RpdmVzL3JlZi5qcyc7XG5pbXBvcnQgeyBodG1sIH0gZnJvbSAnbGl0L3N0YXRpYy1odG1sLmpzJztcblxuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB7IGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uIH0gZnJvbSAnLi4vY29yZS9kb20udHMnO1xuaW1wb3J0IHsgZm9yd2FyZEV2ZW50IH0gZnJvbSAnLi4vY29yZS9ldmVudGluZy50cyc7XG5pbXBvcnQgeyBpMThuQ2xvc2VEaWFsb2cgfSBmcm9tICcuLi9jb3JlL2kxOG4udHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJPdmVybGF5Q2xvc2VFdmVudERldGFpbHMgfSBmcm9tICcuLi9jb3JlL2ludGVyZmFjZXMudHMnO1xuaW1wb3J0IHsgYm94U2l6aW5nU3R5bGVzIH0gZnJvbSAnLi4vY29yZS9zdHlsZXMudHMnO1xuXG5pbXBvcnQge1xuICBvdmVybGF5UmVmcyxcbiAgU2JiT3ZlcmxheUJhc2VFbGVtZW50LFxuICBTYmJPdmVybGF5Q2xvc2VFdmVudCxcbn0gZnJvbSAnLi9vdmVybGF5LWJhc2UtZWxlbWVudC50cyc7XG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9vdmVybGF5LnNjc3M/bGl0JmlubGluZSc7XG5cbmltcG9ydCAnLi4vYnV0dG9uL3NlY29uZGFyeS1idXR0b24udHMnO1xuaW1wb3J0ICcuLi9idXR0b24vdHJhbnNwYXJlbnQtYnV0dG9uLnRzJztcbmltcG9ydCAnLi4vY29udGFpbmVyLnRzJztcbmltcG9ydCAnLi4vc2NyZWVuLXJlYWRlci1vbmx5LnRzJztcblxubGV0IG5leHRJZCA9IDA7XG5cbi8qKlxuICogSXQgZGlzcGxheXMgYW4gaW50ZXJhY3RpdmUgb3ZlcmxheSBlbGVtZW50LlxuICpcbiAqIEBzbG90IC0gVXNlIHRoZSB1bm5hbWVkIHNsb3QgdG8gcHJvdmlkZSBhIGNvbnRlbnQgZm9yIHRoZSBvdmVybGF5LlxuICogQGNzc3Byb3AgWy0tc2JiLW92ZXJsYXktei1pbmRleD12YXIoLS1zYmItb3ZlcmxheS1kZWZhdWx0LXotaW5kZXgpXSAtIFRvIHNwZWNpZnkgYSBjdXN0b20gc3RhY2sgb3JkZXIsXG4gKiB0aGUgYHotaW5kZXhgIGNhbiBiZSBvdmVycmlkZGVuIGJ5IGRlZmluaW5nIHRoaXMgQ1NTIHZhcmlhYmxlLiBUaGUgZGVmYXVsdCBgei1pbmRleGAgb2YgdGhlXG4gKiBjb21wb25lbnQgaXMgc2V0IHRvIGB2YXIoLS1zYmItb3ZlcmxheS1kZWZhdWx0LXotaW5kZXgpYCB3aXRoIGEgdmFsdWUgb2YgYDEwMDBgLlxuICovXG5leHBvcnQgY2xhc3MgU2JiT3ZlcmxheUVsZW1lbnQgZXh0ZW5kcyBTYmJPdmVybGF5QmFzZUVsZW1lbnQge1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHJlYWRvbmx5IGVsZW1lbnROYW1lOiBzdHJpbmcgPSAnc2JiLW92ZXJsYXknO1xuICBwdWJsaWMgc3RhdGljIG92ZXJyaWRlIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZV07XG5cbiAgLy8gVE9ETzogZml4IHVzaW5nIC4uLnN1cGVyLmV2ZW50cyByZXF1aXJlczogaHR0cHM6Ly9naXRodWIuY29tL3NiYi1kZXNpZ24tc3lzdGVtcy9seW5lLWNvbXBvbmVudHMvaXNzdWVzLzI2MDBcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBldmVudHMgPSB7XG4gICAgYmVmb3Jlb3BlbjogJ2JlZm9yZW9wZW4nLFxuICAgIG9wZW46ICdvcGVuJyxcbiAgICBiZWZvcmVjbG9zZTogJ2JlZm9yZWNsb3NlJyxcbiAgICBjbG9zZTogJ2Nsb3NlJyxcbiAgfSBhcyBjb25zdDtcblxuICAvKipcbiAgICogV2hldGhlciB0byBhbGxvdyB0aGUgb3ZlcmxheSBjb250ZW50IHRvIHN0cmV0Y2ggdG8gZnVsbCB3aWR0aC5cbiAgICogQnkgZGVmYXVsdCwgdGhlIGNvbnRlbnQgaGFzIHRoZSBhcHByb3ByaWF0ZSBwYWdlIHNpemUuXG4gICAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgZXhwYW5kZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAvKiogVGhpcyB3aWxsIGJlIGZvcndhcmRlZCBhcyBhcmlhLWxhYmVsIHRvIHRoZSBjbG9zZSBidXR0b24gZWxlbWVudC4gKi9cbiAgQGZvcmNlVHlwZSgpXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2FjY2Vzc2liaWxpdHktY2xvc2UtbGFiZWwnIH0pXG4gIHB1YmxpYyBhY2Nlc3NvciBhY2Nlc3NpYmlsaXR5Q2xvc2VMYWJlbDogc3RyaW5nID0gJyc7XG5cbiAgcHJvdGVjdGVkIGNsb3NlQXR0cmlidXRlOiBzdHJpbmcgPSAnc2JiLW92ZXJsYXktY2xvc2UnO1xuICBwcml2YXRlIF9vdmVybGF5Q29udGVudEVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgbnVsbCA9IG51bGw7XG5cbiAgcHVibGljIG92ZXJyaWRlIGNvbm5lY3RlZENhbGxiYWNrKCk6IHZvaWQge1xuICAgIHRoaXMuaWQgfHw9IGBzYmItb3ZlcmxheS0ke25leHRJZCsrfWA7XG5cbiAgICBzdXBlci5jb25uZWN0ZWRDYWxsYmFjaygpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGZpcnN0VXBkYXRlZChjaGFuZ2VkUHJvcGVydGllczogUHJvcGVydHlWYWx1ZXM8dGhpcz4pOiB2b2lkIHtcbiAgICBzdXBlci5maXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgLy8gSWYgdGhlIGNvbXBvbmVudCBpcyBhbHJlYWR5IG9wZW4gb24gZmlyc3RVcGRhdGUsIGFubm91bmNlIHRoZSB0aXRsZVxuICAgIGlmICh0aGlzLmlzT3Blbikge1xuICAgICAgdGhpcy5zZXRBcmlhTGl2ZVJlZkNvbnRlbnQoKTtcbiAgICB9XG4gIH1cblxuICBwcm90ZWN0ZWQgaXNaZXJvQW5pbWF0aW9uRHVyYXRpb24oKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIGlzWmVyb0FuaW1hdGlvbkR1cmF0aW9uKHRoaXMsICctLXNiYi1vdmVybGF5LWFuaW1hdGlvbi1kdXJhdGlvbicpO1xuICB9XG5cbiAgcHJvdGVjdGVkIGhhbmRsZU9wZW5pbmcoKTogdm9pZCB7XG4gICAgdGhpcy5zdGF0ZSA9ICdvcGVuZWQnO1xuICAgIHRoaXMuaW5lcnRDb250cm9sbGVyLmFjdGl2YXRlKCk7XG4gICAgdGhpcy5mb2N1c1RyYXBDb250cm9sbGVyLmZvY3VzSW5pdGlhbEVsZW1lbnQoKTtcbiAgICAvLyBVc2UgdGltZW91dCB0byByZWFkIGxhYmVsIGFmdGVyIGZvY3VzZWQgZWxlbWVudFxuICAgIHNldFRpbWVvdXQoKCkgPT4gdGhpcy5zZXRBcmlhTGl2ZVJlZkNvbnRlbnQodGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWwpKTtcbiAgICB0aGlzLmZvY3VzVHJhcENvbnRyb2xsZXIuZW5hYmxlZCA9IHRydWU7XG4gICAgdGhpcy5kaXNwYXRjaE9wZW5FdmVudCgpO1xuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIGhhbmRsZUNsb3NpbmcoKTogdm9pZCB7XG4gICAgdGhpcy5fb3ZlcmxheUNvbnRlbnRFbGVtZW50Py5zY3JvbGxUbygwLCAwKTtcbiAgICB0aGlzLnN0YXRlID0gJ2Nsb3NlZCc7XG4gICAgdGhpcy5oaWRlUG9wb3Zlcj8uKCk7XG4gICAgdGhpcy5pbmVydENvbnRyb2xsZXIuZGVhY3RpdmF0ZSgpO1xuICAgIGlmICghdGhpcy5za2lwRm9jdXNSZXN0b3JhdGlvbikge1xuICAgICAgLy8gTWFudWFsbHkgZm9jdXMgbGFzdCBmb2N1c2VkIGVsZW1lbnRcbiAgICAgIHRoaXMubGFzdEZvY3VzZWRFbGVtZW50Py5mb2N1cygpO1xuICAgIH1cbiAgICB0aGlzLm9wZW5PdmVybGF5Q29udHJvbGxlcj8uYWJvcnQoKTtcbiAgICB0aGlzLmZvY3VzVHJhcENvbnRyb2xsZXIuZW5hYmxlZCA9IGZhbHNlO1xuICAgIHRoaXMucmVtb3ZlSW5zdGFuY2VGcm9tR2xvYmFsQ29sbGVjdGlvbigpO1xuICAgIC8vIEVuYWJsZSBzY3JvbGxpbmcgZm9yIGNvbnRlbnQgYmVsb3cgdGhlIG92ZXJsYXkgaWYgbm8gb3ZlcmxheSBpcyBvcGVuXG4gICAgaWYgKCFvdmVybGF5UmVmcy5sZW5ndGgpIHtcbiAgICAgIHRoaXMuc2Nyb2xsSGFuZGxlci5lbmFibGVTY3JvbGwoKTtcbiAgICB9XG4gICAgdGhpcy5lc2NhcGFibGVPdmVybGF5Q29udHJvbGxlci5kaXNjb25uZWN0KCk7XG4gICAgdGhpcy5kaXNwYXRjaENsb3NlRXZlbnQoe1xuICAgICAgcmV0dXJuVmFsdWU6IHRoaXMucmV0dXJuVmFsdWUsXG4gICAgICBjbG9zZVRhcmdldDogdGhpcy5vdmVybGF5Q2xvc2VFbGVtZW50LFxuICAgIH0pO1xuICB9XG5cbiAgLy8gVE9ETzogcmVtb3ZlIHBhcmFtZXRlciBgZGV0YWlsYFxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZGlzcGF0Y2hCZWZvcmVDbG9zZUV2ZW50KF9kZXRhaWw/OiBTYmJPdmVybGF5Q2xvc2VFdmVudERldGFpbHMpOiBib29sZWFuIHtcbiAgICAvKiogQHR5cGUge1NiYk92ZXJsYXlDbG9zZUV2ZW50fSBFbWl0cyB3aGVuZXZlciB0aGUgY29tcG9uZW50IGJlZ2lucyB0aGUgY2xvc2luZyB0cmFuc2l0aW9uLiBDYW4gYmUgY2FuY2VsZWQuICovXG4gICAgcmV0dXJuIHRoaXMuZGlzcGF0Y2hFdmVudChcbiAgICAgIG5ldyBTYmJPdmVybGF5Q2xvc2VFdmVudCgnYmVmb3JlY2xvc2UnLCB7XG4gICAgICAgIGNhbmNlbGFibGU6IHRydWUsXG4gICAgICAgIGNsb3NlQXR0cmlidXRlOiB0aGlzLmNsb3NlQXR0cmlidXRlLFxuICAgICAgICBjbG9zZVRhcmdldDogdGhpcy5vdmVybGF5Q2xvc2VFbGVtZW50LFxuICAgICAgICByZXN1bHQ6IHRoaXMucmV0dXJuVmFsdWUsXG4gICAgICB9KSxcbiAgICApO1xuICB9XG5cbiAgLy8gVE9ETzogcmVtb3ZlIHBhcmFtZXRlciBgZGV0YWlsYFxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgZGlzcGF0Y2hDbG9zZUV2ZW50KF9kZXRhaWw/OiBTYmJPdmVybGF5Q2xvc2VFdmVudERldGFpbHMpOiBib29sZWFuIHtcbiAgICAvKiogQHR5cGUge1NiYk92ZXJsYXlDbG9zZUV2ZW50fSBFbWl0cyB3aGVuZXZlciB0aGUgY29tcG9uZW50IGlzIGNsb3NlZC4gKi9cbiAgICByZXR1cm4gdGhpcy5kaXNwYXRjaEV2ZW50KFxuICAgICAgbmV3IFNiYk92ZXJsYXlDbG9zZUV2ZW50KCdjbG9zZScsIHtcbiAgICAgICAgY2xvc2VBdHRyaWJ1dGU6IHRoaXMuY2xvc2VBdHRyaWJ1dGUsXG4gICAgICAgIGNsb3NlVGFyZ2V0OiB0aGlzLm92ZXJsYXlDbG9zZUVsZW1lbnQsXG4gICAgICAgIHJlc3VsdDogdGhpcy5yZXR1cm5WYWx1ZSxcbiAgICAgIH0pLFxuICAgICk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItb3ZlcmxheV9fY29udGFpbmVyXCIgQGFuaW1hdGlvbmVuZD0ke3RoaXMub25PdmVybGF5QW5pbWF0aW9uRW5kfT5cbiAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1vdmVybGF5XCI+XG4gICAgICAgICAgPGRpdlxuICAgICAgICAgICAgQGNsaWNrPSR7KGV2ZW50OiBFdmVudCkgPT4gdGhpcy5jbG9zZU9uU2JiT3ZlcmxheUNsb3NlQ2xpY2soZXZlbnQpfVxuICAgICAgICAgICAgY2xhc3M9XCJzYmItb3ZlcmxheV9fd3JhcHBlclwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAgPGRpdiBjbGFzcz1cInNiYi1vdmVybGF5X19oZWFkZXJcIj5cbiAgICAgICAgICAgICAgPHNiYi1zZWNvbmRhcnktYnV0dG9uXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItb3ZlcmxheV9fY2xvc2VcIlxuICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCIke3RoaXMuYWNjZXNzaWJpbGl0eUNsb3NlTGFiZWwgfHxcbiAgICAgICAgICAgICAgICBpMThuQ2xvc2VEaWFsb2dbdGhpcy5sYW5ndWFnZS5jdXJyZW50XX1cIlxuICAgICAgICAgICAgICAgID9uZWdhdGl2ZT0ke3RoaXMubmVnYXRpdmV9XG4gICAgICAgICAgICAgICAgc2l6ZT1cIm1cIlxuICAgICAgICAgICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICAgICAgICAgIGljb24tbmFtZT1cImNyb3NzLXNtYWxsXCJcbiAgICAgICAgICAgICAgICBzYmItb3ZlcmxheS1jbG9zZVxuICAgICAgICAgICAgICA+PC9zYmItc2Vjb25kYXJ5LWJ1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICBjbGFzcz1cInNiYi1vdmVybGF5X19jb250ZW50XCJcbiAgICAgICAgICAgICAgJHtyZWYoKGVsPzogRWxlbWVudCkgPT4gKHRoaXMuX292ZXJsYXlDb250ZW50RWxlbWVudCA9IGVsIGFzIEhUTUxEaXZFbGVtZW50KSl9XG4gICAgICAgICAgICAgIEBzY3JvbGw9JHsoZTogRXZlbnQpID0+IGZvcndhcmRFdmVudChlLCBkb2N1bWVudCl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxzYmItY29udGFpbmVyXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJzYmItb3ZlcmxheV9fY29udGVudC1jb250YWluZXJcIlxuICAgICAgICAgICAgICAgID9leHBhbmRlZD0ke3RoaXMuZXhwYW5kZWR9XG4gICAgICAgICAgICAgICAgY29sb3I9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c2xvdD48L3Nsb3Q+XG4gICAgICAgICAgICAgIDwvc2JiLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPHNiYi1zY3JlZW4tcmVhZGVyLW9ubHkgYXJpYS1saXZlPVwicG9saXRlXCI+PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1vdmVybGF5JzogU2JiT3ZlcmxheUVsZW1lbnQ7XG4gIH1cbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUN3QkEsSUFBSSxTQUFTOzs7Ozs7Ozs7SUFVQSwyQkFBaUI7bUJBQVM7Ozs7Ozs7Y0FBMUIsMEJBQTBCLFlBQXFCOzs7QUFrQjFDLFNBQUEsNEJBQUEsa0JBQUEsTUFBQSx3QkFBb0IsTUFBSztBQUt6QixTQUFBLDRDQUFBLGtCQUFBLE1BQUEsNEJBQUEsRUFBQSxrQkFBQSxNQUFBLHVDQUFrQyxHQUFFO0FBRTFDLFFBQUEsa0JBQWMsa0JBQUEsTUFBQSwyQ0FBQSxFQUFXO0FBQzNCLFFBQUEseUJBQTZDOzs7OzJCQVZwRCxXQUFXLEVBQ1gsU0FBUztJQUFFLFNBQVM7SUFBTSxNQUFNO0lBQVMsQ0FBQyxDQUFBOzBDQUkxQyxXQUFXLEVBQ1gsU0FBUyxFQUFFLFdBQVcsNkJBQTZCLENBQUMsQ0FBQTtBQUpyRCxnQkFBQSxNQUFBLE1BQUEsc0JBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSxjQUFBO0tBQUEsTUFBQSxRQUFBLElBQWdCO0tBQVEsTUFBQSxLQUFBLFVBQUE7QUFBQSxVQUFSLFdBQVE7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSx3QkFBQSw0QkFBQTtBQUt4QixnQkFBQSxNQUFBLE1BQUEscUNBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSw2QkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUF1QixNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQXZCLDBCQUF1Qjs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLHVDQUFBLDJDQUFBOzs7Ozs7Ozs7QUF0QlAsUUFBQSxjQUFzQjs7O0FBQy9CLFFBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsZ0JBQU07OztBQUd4QyxRQUFBLFNBQVM7SUFDdkMsWUFBWTtJQUNaLE1BQU07SUFDTixhQUFhO0lBQ2IsT0FBTztJQUNDOztFQVFWOzs7OztFQUFBLElBQWdCLFdBQVE7QUFBQSxVQUFBLE1BQUE7O0VBQXhCLElBQWdCLFNBQVEsT0FBQTtBQUFBLFNBQUEsNEJBQUE7O0VBS3hCOztFQUFBLElBQWdCLDBCQUF1QjtBQUFBLFVBQUEsTUFBQTs7RUFBdkMsSUFBZ0Isd0JBQXVCLE9BQUE7QUFBQSxTQUFBLDJDQUFBOztFQUt2QixvQkFBaUI7QUFDL0IsUUFBSyxPQUFPLGVBQWU7QUFFM0IsU0FBTSxtQkFBbUI7O0VBR1IsYUFBYSxtQkFBdUM7QUFDckUsU0FBTSxhQUFhLGtCQUFrQjtBQUdyQyxPQUFJLEtBQUssT0FDUCxNQUFLLHVCQUF1Qjs7RUFJdEIsMEJBQXVCO0FBQy9CLFVBQU8sd0JBQXdCLE1BQU0sbUNBQW1DOztFQUdoRSxnQkFBYTtBQUNyQixRQUFLLFFBQVE7QUFDYixRQUFLLGdCQUFnQixVQUFVO0FBQy9CLFFBQUssb0JBQW9CLHFCQUFxQjtBQUU5QyxvQkFBaUIsS0FBSyxzQkFBc0IsS0FBSyxtQkFBbUIsQ0FBQztBQUNyRSxRQUFLLG9CQUFvQixVQUFVO0FBQ25DLFFBQUssbUJBQW1COztFQUdQLGdCQUFhO0FBQzlCLFFBQUssd0JBQXdCLFNBQVMsR0FBRyxFQUFFO0FBQzNDLFFBQUssUUFBUTtBQUNiLFFBQUssZUFBZTtBQUNwQixRQUFLLGdCQUFnQixZQUFZO0FBQ2pDLE9BQUksQ0FBQyxLQUFLLHFCQUVSLE1BQUssb0JBQW9CLE9BQU87QUFFbEMsUUFBSyx1QkFBdUIsT0FBTztBQUNuQyxRQUFLLG9CQUFvQixVQUFVO0FBQ25DLFFBQUssb0NBQW9DO0FBRXpDLE9BQUksQ0FBQyxZQUFZLE9BQ2YsTUFBSyxjQUFjLGNBQWM7QUFFbkMsUUFBSywyQkFBMkIsWUFBWTtBQUM1QyxRQUFLLG1CQUFtQjtJQUN0QixhQUFhLEtBQUs7SUFDbEIsYUFBYSxLQUFLO0lBQ25CLENBQUM7O0VBSWUseUJBQXlCLFNBQXFDOztBQUUvRSxVQUFPLEtBQUssY0FDVixJQUFJLHFCQUFxQixlQUFlO0lBQ3RDLFlBQVk7SUFDWixnQkFBZ0IsS0FBSztJQUNyQixhQUFhLEtBQUs7SUFDbEIsUUFBUSxLQUFLO0lBQ2QsQ0FBQyxDQUNIOztFQUlnQixtQkFBbUIsU0FBcUM7O0FBRXpFLFVBQU8sS0FBSyxjQUNWLElBQUkscUJBQXFCLFNBQVM7SUFDaEMsZ0JBQWdCLEtBQUs7SUFDckIsYUFBYSxLQUFLO0lBQ2xCLFFBQVEsS0FBSztJQUNkLENBQUMsQ0FDSDs7RUFHZ0IsU0FBTTtBQUN2QixVQUFPLE1BQUk7MERBQzJDLEtBQUssc0JBQXFCOzs7c0JBRzlELFVBQWlCLEtBQUssNEJBQTRCLE1BQU0sQ0FBQTs7Ozs7OzhCQU1oRCxLQUFLLDJCQUNuQixnQkFBZ0IsS0FBSyxTQUFTLFNBQVE7NEJBQzFCLEtBQUssU0FBQTs7Ozs7Ozs7O2dCQVNqQixLQUFLLE9BQWtCLEtBQUsseUJBQXlCLEdBQXNCLENBQUE7eUJBQ2xFLE1BQWEsYUFBYSxHQUFHLFNBQVMsQ0FBQTs7Ozs0QkFJbkMsS0FBSyxTQUFBIn0=
package/development/overlay.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SbbOverlayBaseElement, SbbOverlayCloseEvent, assignOverlayResult, overlayRefs } from "./overlay/overlay-base-element.js";
2
- import { t as SbbOverlayElement } from "./overlay.component-Btd42clm.js";
2
+ import { t as SbbOverlayElement } from "./overlay.component-H1N5AUm0.js";
3
3
  import "./overlay.pure.js";
4
4
  //#region src/elements/overlay.ts
5
5
  /** @entrypoint */
package/development/overlay.pure.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { SbbOverlayBaseElement, SbbOverlayCloseEvent, assignOverlayResult, overlayRefs } from "./overlay/overlay-base-element.js";
2
- import { t as SbbOverlayElement } from "./overlay.component-Btd42clm.js";
2
+ import { t as SbbOverlayElement } from "./overlay.component-H1N5AUm0.js";
3
3
  export { SbbOverlayBaseElement, SbbOverlayCloseEvent, SbbOverlayElement, assignOverlayResult, overlayRefs };
package/off-brand-theme.css CHANGED
@@ -1687,6 +1687,13 @@ slot[name=error]::slotted(*) {
1687
1687
  --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
1688
1688
  --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x);
1689
1689
  --sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);
1690
+ --sbb-overlay-background-color: var(--sbb-background-color-3);
1691
+ --sbb-overlay-display: none;
1692
+ --sbb-overlay-height: 100%;
1693
+ --sbb-overlay-inset: 0 auto auto 0;
1694
+ --sbb-overlay-animation-easing: ease;
1695
+ --sbb-overlay-pointer-events: none;
1696
+ --sbb-overlay-container-display: none;
1690
1697
  --sbb-options-panel-border-radius: var(--sbb-border-radius-4x);
1691
1698
  --sbb-options-panel-animation-timing-function: ease;
1692
1699
  --sbb-options-panel-background-color: var(--sbb-background-color-1);
package/overlay/overlay.component.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../overlay.component-CaBxt4sb.js";
1
+ import { t as e } from "../overlay.component-QYenVZtj.js";
2
2
  export { e as SbbOverlayElement };
package/{overlay.component-CaBxt4sb.js → overlay.component-QYenVZtj.js} RENAMED
@@ -14,7 +14,7 @@ import "./button/secondary-button.js";
14
14
  import "./screen-reader-only.js";
15
15
  import "./container.js";
16
16
  //#region src/elements/overlay/overlay.scss?lit&inline
17
- var m = a`:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--sbb-overlay-background-color: var(--sbb-background-color-3);--sbb-overlay-height: 100%;--sbb-overlay-inset: 0 auto auto 0;--sbb-overlay-padding-block: calc(var(--sbb-spacing-fixed-14x) + var(--sbb-spacing-responsive-l));--sbb-overlay-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-overlay-animation-easing: ease;--sbb-overlay-pointer-events: none;display:none;position:fixed;inset:var(--sbb-overlay-inset);z-index:var(--sbb-overlay-z-index, var(--sbb-overlay-default-z-index))}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){display:block}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-overlay-pointer-events: all}:host([negative]){--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-overlay-color: var(--sbb-color-1-negative);--sbb-overlay-background-color: var(--sbb-background-color-3-negative)}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-overlay-inset: 0}.sbb-overlay__container{background-color:var(--sbb-overlay-background-color);pointer-events:var(--sbb-overlay-pointer-events);display:none;align-items:center;position:fixed;inset:var(--sbb-overlay-inset)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-overlay__container{display:flex;animation-name:open;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay__container{pointer-events:none;animation-name:close}.sbb-overlay{position:absolute;inset-inline:0;margin:auto;padding:0;border:none;height:var(--sbb-overlay-height);overflow:auto;color:var(--sbb-overlay-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-overlay{animation-name:open-move-in;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay{animation-name:close-move-out}.sbb-overlay__wrapper{display:flex;flex-direction:column;width:100%;height:var(--sbb-overlay-height);outline:none;position:fixed}@media(min-width:64rem){.sbb-overlay__wrapper{position:sticky;inset-block-start:0;height:auto}}.sbb-overlay__header{position:absolute;inset-inline-start:0;display:flex;pointer-events:none;align-items:start;justify-content:space-between;width:100%;padding:var(--sbb-spacing-responsive-xs);padding-block-end:0;z-index:1}.sbb-overlay__header *{pointer-events:all}.sbb-overlay__close{margin-inline-start:auto}.sbb-overlay__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-overlay__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-overlay__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-overlay__content::-webkit-scrollbar-button,.sbb-overlay__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-overlay__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-overlay__content{height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.sbb-overlay__content-container{padding-block:var(--sbb-overlay-padding-block)}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes open-move-in{0%{transform:translateY(var(--sbb-spacing-fixed-4x))}to{transform:translateY(0)}}@keyframes close{0%{opacity:1}to{opacity:0}}@keyframes close-move-out{0%{transform:translateY(0)}to{transform:translateY(var(--sbb-spacing-fixed-4x))}}`, h = 0, g = (() => {
17
+ var m = a`:host{--sbb-scrollbar-thumb-width: .125rem;--sbb-scrollbar-thumb-width-hover: .25rem;--sbb-scrollbar-width-firefox: thin;--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-black) 30%, transparent);--sbb-scrollbar-color: light-dark( color-mix(in srgb, var(--sbb-color-black) 30%, transparent), color-mix(in srgb, var(--sbb-color-white) 30%, transparent) );--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-black) 60%, transparent);--sbb-scrollbar-color-hover: light-dark( color-mix(in srgb, var(--sbb-color-black) 60%, transparent), color-mix(in srgb, var(--sbb-color-white) 60%, transparent) );--sbb-scrollbar-track-color: transparent;--_sbb-overlay-padding-block: calc( var(--sbb-spacing-fixed-14x) + var(--sbb-spacing-responsive-l) );--sbb-overlay-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );display:var(--sbb-overlay-display);position:fixed;inset:var(--sbb-overlay-inset);z-index:var(--sbb-overlay-z-index, var(--sbb-overlay-default-z-index))}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-overlay-display: block;--sbb-overlay-container-display: flex}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]))){--sbb-overlay-pointer-events: all}:host([negative]){--sbb-scrollbar-color: color-mix(in srgb, var(--sbb-color-white) 30%, transparent);--sbb-scrollbar-color-hover: color-mix(in srgb, var(--sbb-color-white) 60%, transparent);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-overlay-color: var(--sbb-color-1-negative);--sbb-overlay-background-color: var(--sbb-background-color-3-negative)}:host(:not(:is(:state(state-closed),[state--state-closed]))){--sbb-overlay-inset: 0}.sbb-overlay__container{background-color:var(--sbb-overlay-background-color);pointer-events:var(--sbb-overlay-pointer-events);display:var(--sbb-overlay-container-display);align-items:center;position:fixed;inset:var(--sbb-overlay-inset)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-overlay__container{animation-name:open;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay__container{pointer-events:none;animation-name:close}.sbb-overlay{position:absolute;inset-inline:0;margin:auto;padding:0;border:none;height:var(--sbb-overlay-height);overflow:auto;color:var(--sbb-overlay-color)}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))) .sbb-overlay{animation-name:open-move-in;animation-duration:var(--sbb-overlay-animation-duration);animation-timing-function:var(--sbb-overlay-animation-easing)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-overlay{animation-name:close-move-out}.sbb-overlay__wrapper{display:flex;flex-direction:column;width:100%;height:var(--sbb-overlay-height);outline:none;position:fixed}@media(min-width:64rem){.sbb-overlay__wrapper{position:sticky;inset-block-start:0;height:auto}}.sbb-overlay__header{position:absolute;inset-inline-start:0;display:flex;pointer-events:none;align-items:start;justify-content:space-between;width:100%;padding:var(--sbb-spacing-responsive-xs);padding-block-end:0;z-index:1}.sbb-overlay__header *{pointer-events:all}.sbb-overlay__close{margin-inline-start:auto}.sbb-overlay__content{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-overlay__content::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-overlay__content::-webkit-scrollbar-thumb{background-color:var(--sbb-scrollbar-color, currentcolor);border:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width))) solid transparent;border-radius:var(--sbb-border-radius-4x);background-clip:padding-box}.sbb-overlay__content::-webkit-scrollbar-thumb:hover{background-color:var(--sbb-scrollbar-color-hover, currentcolor);border-width:calc(.5 * (var(--sbb-scrollbar-width) - var(--sbb-scrollbar-thumb-width-hover)))}.sbb-overlay__content::-webkit-scrollbar-button,.sbb-overlay__content::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-overlay__content{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-overlay__content{height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}.sbb-overlay__content-container{padding-block:var(--_sbb-overlay-padding-block)}@keyframes open{0%{opacity:0}to{opacity:1}}@keyframes open-move-in{0%{transform:translateY(var(--sbb-spacing-fixed-4x))}to{transform:translateY(0)}}@keyframes close{0%{opacity:1}to{opacity:0}}@keyframes close-move-out{0%{transform:translateY(0)}to{transform:translateY(var(--sbb-spacing-fixed-4x))}}`, h = 0, g = (() => {
18
18
  let a = e, g, _ = [], v = [], y, b = [], x = [];
19
19
  return class extends a {
20
20
  constructor() {
package/overlay.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, assignOverlayResult as n, overlayRefs as r } from "./overlay/overlay-base-element.js";
2
- import { t as i } from "./overlay.component-CaBxt4sb.js";
2
+ import { t as i } from "./overlay.component-QYenVZtj.js";
3
3
  import "./overlay.pure.js";
4
4
  //#region src/elements/overlay.ts
5
5
  i.define();
package/overlay.pure.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, assignOverlayResult as n, overlayRefs as r } from "./overlay/overlay-base-element.js";
2
- import { t as i } from "./overlay.component-CaBxt4sb.js";
2
+ import { t as i } from "./overlay.component-QYenVZtj.js";
3
3
  export { e as SbbOverlayBaseElement, t as SbbOverlayCloseEvent, i as SbbOverlayElement, n as assignOverlayResult, r as overlayRefs };
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "4.9.0-dev.1774516800",
3
+ "version": "4.9.0-dev.1774519787",
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/3a97337072377687f3edc44092ba5402fe21dd0a"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/bf9e5563ef9bc4210a6b443acfa3ef6b3dc84a46"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
package/safety-theme.css CHANGED
@@ -1687,6 +1687,13 @@ slot[name=error]::slotted(*) {
1687
1687
  --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
1688
1688
  --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x);
1689
1689
  --sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);
1690
+ --sbb-overlay-background-color: var(--sbb-background-color-3);
1691
+ --sbb-overlay-display: none;
1692
+ --sbb-overlay-height: 100%;
1693
+ --sbb-overlay-inset: 0 auto auto 0;
1694
+ --sbb-overlay-animation-easing: ease;
1695
+ --sbb-overlay-pointer-events: none;
1696
+ --sbb-overlay-container-display: none;
1690
1697
  --sbb-options-panel-border-radius: var(--sbb-border-radius-4x);
1691
1698
  --sbb-options-panel-animation-timing-function: ease;
1692
1699
  --sbb-options-panel-background-color: var(--sbb-background-color-1);
package/standard-theme.css CHANGED
@@ -1687,6 +1687,13 @@ slot[name=error]::slotted(*) {
1687
1687
  --sbb-optgroup-label-font-size: var(--sbb-text-font-size-xxs);
1688
1688
  --sbb-optgroup-label-padding-end: var(--sbb-spacing-fixed-2x);
1689
1689
  --sbb-optgroup-label-padding-inline: var(--sbb-spacing-responsive-xxxs);
1690
+ --sbb-overlay-background-color: var(--sbb-background-color-3);
1691
+ --sbb-overlay-display: none;
1692
+ --sbb-overlay-height: 100%;
1693
+ --sbb-overlay-inset: 0 auto auto 0;
1694
+ --sbb-overlay-animation-easing: ease;
1695
+ --sbb-overlay-pointer-events: none;
1696
+ --sbb-overlay-container-display: none;
1690
1697
  --sbb-options-panel-border-radius: var(--sbb-border-radius-4x);
1691
1698
  --sbb-options-panel-animation-timing-function: ease;
1692
1699
  --sbb-options-panel-background-color: var(--sbb-background-color-1);