@sbb-esta/lyne-elements-dev 4.9.0-dev.1774516800 → 4.9.0-dev.1774530358
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/core/styles/core.scss +6 -2
- package/core.css +7 -0
- package/custom-elements.json +668 -668
- package/development/overlay/overlay.component.js +1 -1
- package/development/overlay.component-H1N5AUm0.js +408 -0
- package/development/overlay.js +1 -1
- package/development/overlay.pure.js +1 -1
- package/development/signet/signet.component.js +1 -1
- package/development/signet.component-kYHKCQQN.js +163 -0
- package/development/signet.js +1 -1
- package/development/signet.pure.js +1 -1
- package/off-brand-theme.css +7 -0
- package/overlay/overlay.component.js +1 -1
- package/{overlay.component-CaBxt4sb.js → overlay.component-QYenVZtj.js} +1 -1
- package/overlay.js +1 -1
- package/overlay.pure.js +1 -1
- package/package.json +2 -2
- package/safety-theme.css +7 -0
- package/signet/signet.component.js +1 -1
- package/{signet.component-CobWzWhG.js → signet.component-BizigK8j.js} +1 -1
- package/signet.js +1 -1
- package/signet.pure.js +1 -1
- package/standard-theme.css +7 -0
- package/development/overlay.component-Btd42clm.js +0 -411
- package/development/signet.component-9afq0BQh.js +0 -164
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbOverlayElement } from "../overlay.component-
|
|
1
|
+
import { t as SbbOverlayElement } from "../overlay.component-H1N5AUm0.js";
|
|
2
2
|
export { SbbOverlayElement };
|
|
@@ -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+PC9zYmItc2NyZWVuLXJlYWRlci1vbmx5PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1vdmVybGF5JzogU2JiT3Zlcmxh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
|
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-
|
|
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 */
|
|
@@ -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-
|
|
2
|
+
import { t as SbbOverlayElement } from "./overlay.component-H1N5AUm0.js";
|
|
3
3
|
export { SbbOverlayBaseElement, SbbOverlayCloseEvent, SbbOverlayElement, assignOverlayResult, overlayRefs };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbSignetElement } from "../signet.component-
|
|
1
|
+
import { t as SbbSignetElement } from "../signet.component-kYHKCQQN.js";
|
|
2
2
|
export { SbbSignetElement };
|
|
@@ -0,0 +1,163 @@
|
|
|
1
|
+
import { __esDecorate, __runInitializers } from "tslib";
|
|
2
|
+
import { css, html } 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 { boxSizingStyles } from "./core/styles.js";
|
|
7
|
+
//#region src/elements/signet/signet.scss?lit&inline
|
|
8
|
+
var signet_default = css`:host {
|
|
9
|
+
display: flex;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: center;
|
|
12
|
+
background-color: var(--sbb-signet-background-color);
|
|
13
|
+
aspect-ratio: var(--sbb-signet-aspect-ratio);
|
|
14
|
+
height: var(--sbb-signet-height, auto);
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
:host([protective-room=minimal]) {
|
|
18
|
+
--sbb-signet-aspect-ratio: 108 / 64;
|
|
19
|
+
--sbb-signet-svg-container-height: calc(44 / 64 * 100%);
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
:host([protective-room=ideal]) {
|
|
23
|
+
--sbb-signet-aspect-ratio: 128 / 84;
|
|
24
|
+
--sbb-signet-svg-container-height: calc(44 / 84 * 100%);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
:host([protective-room=panel]) {
|
|
28
|
+
--sbb-signet-aspect-ratio: 143 / 48;
|
|
29
|
+
--sbb-signet-background-color: unset;
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.sbb-signet__svg-container {
|
|
33
|
+
display: flex;
|
|
34
|
+
height: var(--sbb-signet-svg-container-height, auto);
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
svg {
|
|
38
|
+
width: 100%;
|
|
39
|
+
height: 100%;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
#sbb-signet__panel {
|
|
43
|
+
fill: var(--sbb-signet-panel-color);
|
|
44
|
+
stroke: var(--sbb-signet-panel-color);
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
#sbb-signet__icon {
|
|
48
|
+
fill: var(--sbb-signet-icon-color);
|
|
49
|
+
}`;
|
|
50
|
+
//#endregion
|
|
51
|
+
//#region src/elements/signet/signet.component.ts
|
|
52
|
+
/**
|
|
53
|
+
* It displays the SBB signet.
|
|
54
|
+
*
|
|
55
|
+
* @cssprop [--sbb-signet-height=auto] - Can be used to set the height of the signet.
|
|
56
|
+
*/
|
|
57
|
+
var SbbSignetElement = (() => {
|
|
58
|
+
let _classSuper = SbbElement;
|
|
59
|
+
let _protectiveRoom_decorators;
|
|
60
|
+
let _protectiveRoom_initializers = [];
|
|
61
|
+
let _protectiveRoom_extraInitializers = [];
|
|
62
|
+
let _accessibilityLabel_decorators;
|
|
63
|
+
let _accessibilityLabel_initializers = [];
|
|
64
|
+
let _accessibilityLabel_extraInitializers = [];
|
|
65
|
+
return class SbbSignetElement extends _classSuper {
|
|
66
|
+
static {
|
|
67
|
+
const _metadata = typeof Symbol === "function" && Symbol.metadata ? Object.create(_classSuper[Symbol.metadata] ?? null) : void 0;
|
|
68
|
+
_protectiveRoom_decorators = [property({
|
|
69
|
+
attribute: "protective-room",
|
|
70
|
+
reflect: true
|
|
71
|
+
})];
|
|
72
|
+
_accessibilityLabel_decorators = [forceType(), property({ attribute: "accessibility-label" })];
|
|
73
|
+
__esDecorate(this, null, _protectiveRoom_decorators, {
|
|
74
|
+
kind: "accessor",
|
|
75
|
+
name: "protectiveRoom",
|
|
76
|
+
static: false,
|
|
77
|
+
private: false,
|
|
78
|
+
access: {
|
|
79
|
+
has: (obj) => "protectiveRoom" in obj,
|
|
80
|
+
get: (obj) => obj.protectiveRoom,
|
|
81
|
+
set: (obj, value) => {
|
|
82
|
+
obj.protectiveRoom = value;
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
metadata: _metadata
|
|
86
|
+
}, _protectiveRoom_initializers, _protectiveRoom_extraInitializers);
|
|
87
|
+
__esDecorate(this, null, _accessibilityLabel_decorators, {
|
|
88
|
+
kind: "accessor",
|
|
89
|
+
name: "accessibilityLabel",
|
|
90
|
+
static: false,
|
|
91
|
+
private: false,
|
|
92
|
+
access: {
|
|
93
|
+
has: (obj) => "accessibilityLabel" in obj,
|
|
94
|
+
get: (obj) => obj.accessibilityLabel,
|
|
95
|
+
set: (obj, value) => {
|
|
96
|
+
obj.accessibilityLabel = value;
|
|
97
|
+
}
|
|
98
|
+
},
|
|
99
|
+
metadata: _metadata
|
|
100
|
+
}, _accessibilityLabel_initializers, _accessibilityLabel_extraInitializers);
|
|
101
|
+
if (_metadata) Object.defineProperty(this, Symbol.metadata, {
|
|
102
|
+
enumerable: true,
|
|
103
|
+
configurable: true,
|
|
104
|
+
writable: true,
|
|
105
|
+
value: _metadata
|
|
106
|
+
});
|
|
107
|
+
}
|
|
108
|
+
static {
|
|
109
|
+
this.elementName = "sbb-signet";
|
|
110
|
+
}
|
|
111
|
+
static {
|
|
112
|
+
this.styles = [boxSizingStyles, signet_default];
|
|
113
|
+
}
|
|
114
|
+
#protectiveRoom_accessor_storage = __runInitializers(this, _protectiveRoom_initializers, "ideal");
|
|
115
|
+
/** Visual protective room around signet. */
|
|
116
|
+
get protectiveRoom() {
|
|
117
|
+
return this.#protectiveRoom_accessor_storage;
|
|
118
|
+
}
|
|
119
|
+
set protectiveRoom(value) {
|
|
120
|
+
this.#protectiveRoom_accessor_storage = value;
|
|
121
|
+
}
|
|
122
|
+
#accessibilityLabel_accessor_storage = (__runInitializers(this, _protectiveRoom_extraInitializers), __runInitializers(this, _accessibilityLabel_initializers, "Logo"));
|
|
123
|
+
/** Accessibility label which will be forwarded to the inner SVG signet. */
|
|
124
|
+
get accessibilityLabel() {
|
|
125
|
+
return this.#accessibilityLabel_accessor_storage;
|
|
126
|
+
}
|
|
127
|
+
set accessibilityLabel(value) {
|
|
128
|
+
this.#accessibilityLabel_accessor_storage = value;
|
|
129
|
+
}
|
|
130
|
+
render() {
|
|
131
|
+
return html`
|
|
132
|
+
<span class="sbb-signet__svg-container">
|
|
133
|
+
${this.protectiveRoom === "panel" ? html`
|
|
134
|
+
<svg focusable="false" viewBox="0 0 143 48" xmlns="http://www.w3.org/2000/svg">
|
|
135
|
+
<title .textContent=${this.accessibilityLabel}></title>
|
|
136
|
+
<path id="sbb-signet__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
|
|
137
|
+
<path
|
|
138
|
+
id="sbb-signet__icon"
|
|
139
|
+
d="M87 40h9.3L83.8 27.7h15.5V40h7.4V27.7h15.6L109.7 40h9.3l16-16-15.9-16h-9.3l12.5 12.3h-15.6V8h-7.4v12.3H83.8L96.3 8H87L71 24l16 16z"
|
|
140
|
+
></path>
|
|
141
|
+
</svg>
|
|
142
|
+
` : html`
|
|
143
|
+
<svg focusable="false" viewBox="0 0 80 40" xmlns="http://www.w3.org/2000/svg">
|
|
144
|
+
<title .textContent=${this.accessibilityLabel}></title>
|
|
145
|
+
<path
|
|
146
|
+
id="sbb-signet__icon"
|
|
147
|
+
d="M20.0265 40H31.6821L16 24.6154H35.3907V40H44.6093V24.6154H64.106L48.4238 40H60.0795L80 20.0531L60.0795 0H48.4238L64.106 15.3846H44.6093V0H35.3907V15.3846H16L31.6821 0H20.0265L0 20.0531L20.0265 40Z"
|
|
148
|
+
></path>
|
|
149
|
+
</svg>
|
|
150
|
+
`}
|
|
151
|
+
</span>
|
|
152
|
+
`;
|
|
153
|
+
}
|
|
154
|
+
constructor() {
|
|
155
|
+
super(...arguments);
|
|
156
|
+
__runInitializers(this, _accessibilityLabel_extraInitializers);
|
|
157
|
+
}
|
|
158
|
+
};
|
|
159
|
+
})();
|
|
160
|
+
//#endregion
|
|
161
|
+
export { SbbSignetElement as t };
|
|
162
|
+
|
|
163
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lnbmV0LmNvbXBvbmVudC1rWUhLQ1FRTi5qcyIsIm5hbWVzIjpbXSwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lnbmV0L3NpZ25ldC5zY3NzP2xpdCZpbmxpbmUiLCIuLi8uLi8uLi9zcmMvZWxlbWVudHMvc2lnbmV0L3NpZ25ldC5jb21wb25lbnQudHMiXSwic291cmNlc0NvbnRlbnQiOlsiQHVzZSAnLi4vY29yZS9zdHlsZXMnIGFzIHNiYjtcblxuOmhvc3Qge1xuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tc2JiLXNpZ25ldC1iYWNrZ3JvdW5kLWNvbG9yKTtcbiAgYXNwZWN0LXJhdGlvOiB2YXIoLS1zYmItc2lnbmV0LWFzcGVjdC1yYXRpbyk7XG4gIGhlaWdodDogdmFyKC0tc2JiLXNpZ25ldC1oZWlnaHQsIGF1dG8pO1xufVxuXG46aG9zdChbcHJvdGVjdGl2ZS1yb29tPSdtaW5pbWFsJ10pIHtcbiAgLS1zYmItc2lnbmV0LWFzcGVjdC1yYXRpbzogMTA4IC8gNjQ7XG4gIC0tc2JiLXNpZ25ldC1zdmctY29udGFpbmVyLWhlaWdodDogY2FsYyg0NCAvIDY0ICogMTAwJSk7XG59XG5cbjpob3N0KFtwcm90ZWN0aXZlLXJvb209J2lkZWFsJ10pIHtcbiAgLS1zYmItc2lnbmV0LWFzcGVjdC1yYXRpbzogMTI4IC8gODQ7XG4gIC0tc2JiLXNpZ25ldC1zdmctY29udGFpbmVyLWhlaWdodDogY2FsYyg0NCAvIDg0ICogMTAwJSk7XG59XG5cbjpob3N0KFtwcm90ZWN0aXZlLXJvb209J3BhbmVsJ10pIHtcbiAgLS1zYmItc2lnbmV0LWFzcGVjdC1yYXRpbzogMTQzIC8gNDg7XG4gIC0tc2JiLXNpZ25ldC1iYWNrZ3JvdW5kLWNvbG9yOiB1bnNldDtcbn1cblxuLnNiYi1zaWduZXRfX3N2Zy1jb250YWluZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBoZWlnaHQ6IHZhcigtLXNiYi1zaWduZXQtc3ZnLWNvbnRhaW5lci1oZWlnaHQsIGF1dG8pO1xufVxuXG5zdmcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xufVxuXG4jc2JiLXNpZ25ldF9fcGFuZWwge1xuICBmaWxsOiB2YXIoLS1zYmItc2lnbmV0LXBhbmVsLWNvbG9yKTtcbiAgc3Ryb2tlOiB2YXIoLS1zYmItc2lnbmV0LXBhbmVsLWNvbG9yKTtcbn1cblxuI3NiYi1zaWduZXRfX2ljb24ge1xuICBmaWxsOiB2YXIoLS1zYmItc2lnbmV0LWljb24tY29sb3IpO1xufVxuIiwiaW1wb3J0IHR5cGUgeyBDU1NSZXN1bHRHcm91cCwgVGVtcGxhdGVSZXN1bHQgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBmb3JjZVR5cGUgfSBmcm9tICcuLi9jb3JlL2RlY29yYXRvcnMudHMnO1xuaW1wb3J0IHR5cGUgeyBTYmJQcm90ZWN0aXZlUm9vbSB9IGZyb20gJy4uL2NvcmUvaW50ZXJmYWNlcy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL3NpZ25ldC5zY3NzP2xpdCZpbmxpbmUnO1xuXG5leHBvcnQgdHlwZSBTYmJTaWduZXRQcm90ZWN0aXZlUm9vbSA9IFNiYlByb3RlY3RpdmVSb29tIHwgJ3BhbmVsJztcblxuLyoqXG4gKiBJdCBkaXNwbGF5cyB0aGUgU0JCIHNpZ25ldC5cbiAqXG4gKiBAY3NzcHJvcCBbLS1zYmItc2lnbmV0LWhlaWdodD1hdXRvXSAtIENhbiBiZSB1c2VkIHRvIHNldCB0aGUgaGVpZ2h0IG9mIHRoZSBzaWduZXQuXG4gKi9cbmV4cG9ydCBjbGFzcyBTYmJTaWduZXRFbGVtZW50IGV4dGVuZHMgU2JiRWxlbWVudCB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItc2lnbmV0JztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKiBWaXN1YWwgcHJvdGVjdGl2ZSByb29tIGFyb3VuZCBzaWduZXQuICovXG4gIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ3Byb3RlY3RpdmUtcm9vbScsIHJlZmxlY3Q6IHRydWUgfSlcbiAgcHVibGljIGFjY2Vzc29yIHByb3RlY3RpdmVSb29tOiBTYmJTaWduZXRQcm90ZWN0aXZlUm9vbSA9ICdpZGVhbCc7XG5cbiAgLyoqIEFjY2Vzc2liaWxpdHkgbGFiZWwgd2hpY2ggd2lsbCBiZSBmb3J3YXJkZWQgdG8gdGhlIGlubmVyIFNWRyBzaWduZXQuICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LWxhYmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnTG9nbyc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1zaWduZXRfX3N2Zy1jb250YWluZXJcIj5cbiAgICAgICAgJHt0aGlzLnByb3RlY3RpdmVSb29tID09PSAncGFuZWwnXG4gICAgICAgICAgPyBodG1sYFxuICAgICAgICAgICAgICA8c3ZnIGZvY3VzYWJsZT1cImZhbHNlXCIgdmlld0JveD1cIjAgMCAxNDMgNDhcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICAgICAgICAgICAgPHRpdGxlIC50ZXh0Q29udGVudD0ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfT48L3RpdGxlPlxuICAgICAgICAgICAgICAgIDxwYXRoIGlkPVwic2JiLXNpZ25ldF9fcGFuZWxcIiBzdHJva2Utd2lkdGg9XCIxXCIgZD1cIk0xIDQ3aDE0MVYxSDF2NDZ6XCI+PC9wYXRoPlxuICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICBpZD1cInNiYi1zaWduZXRfX2ljb25cIlxuICAgICAgICAgICAgICAgICAgZD1cIk04NyA0MGg5LjNMODMuOCAyNy43aDE1LjVWNDBoNy40VjI3LjdoMTUuNkwxMDkuNyA0MGg5LjNsMTYtMTYtMTUuOS0xNmgtOS4zbDEyLjUgMTIuM2gtMTUuNlY4aC03LjR2MTIuM0g4My44TDk2LjMgOEg4N0w3MSAyNGwxNiAxNnpcIlxuICAgICAgICAgICAgICAgID48L3BhdGg+XG4gICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgYFxuICAgICAgICAgIDogaHRtbGBcbiAgICAgICAgICAgICAgPHN2ZyBmb2N1c2FibGU9XCJmYWxzZVwiIHZpZXdCb3g9XCIwIDAgODAgNDBcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCI+XG4gICAgICAgICAgICAgICAgPHRpdGxlIC50ZXh0Q29udGVudD0ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfT48L3RpdGxlPlxuICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICBpZD1cInNiYi1zaWduZXRfX2ljb25cIlxuICAgICAgICAgICAgICAgICAgZD1cIk0yMC4wMjY1IDQwSDMxLjY4MjFMMTYgMjQuNjE1NEgzNS4zOTA3VjQwSDQ0LjYwOTNWMjQuNjE1NEg2NC4xMDZMNDguNDIzOCA0MEg2MC4wNzk1TDgwIDIwLjA1MzFMNjAuMDc5NSAwSDQ4LjQyMzhMNjQuMTA2IDE1LjM4NDZINDQuNjA5M1YwSDM1LjM5MDdWMTUuMzg0NkgxNkwzMS42ODIxIDBIMjAuMDI2NUwwIDIwLjA1MzFMMjAuMDI2NSA0MFpcIlxuICAgICAgICAgICAgICAgID48L3BhdGg+XG4gICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgYH1cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItc2lnbmV0JzogU2JiU2lnbmV0RWxlbWVudDtcbiAgfVxufVxuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQ2tCYSwwQkFBZ0I7bUJBQVM7Ozs7Ozs7Y0FBekIseUJBQXlCLFlBQVU7OztpQ0FLN0MsU0FBUztJQUFFLFdBQVc7SUFBbUIsU0FBUztJQUFNLENBQUMsQ0FBQTtxQ0FJekQsV0FBVyxFQUNYLFNBQVMsRUFBRSxXQUFXLHVCQUF1QixDQUFDLENBQUE7QUFKL0MsZ0JBQUEsTUFBQSxNQUFBLDRCQUFBO0lBQUEsTUFBQTtJQUFBLE1BQUE7SUFBQSxRQUFBO0lBQUEsU0FBQTtJQUFBLFFBQUE7S0FBQSxNQUFBLFFBQUEsb0JBQUE7S0FBQSxNQUFBLFFBQUEsSUFBZ0I7S0FBYyxNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQWQsaUJBQWM7O0tBQUE7SUFBQSxVQUFBO0lBQUEsRUFBQSw4QkFBQSxrQ0FBQTtBQUs5QixnQkFBQSxNQUFBLE1BQUEsZ0NBQUE7SUFBQSxNQUFBO0lBQUEsTUFBQTtJQUFBLFFBQUE7SUFBQSxTQUFBO0lBQUEsUUFBQTtLQUFBLE1BQUEsUUFBQSx3QkFBQTtLQUFBLE1BQUEsUUFBQSxJQUFnQjtLQUFrQixNQUFBLEtBQUEsVUFBQTtBQUFBLFVBQWxCLHFCQUFrQjs7S0FBQTtJQUFBLFVBQUE7SUFBQSxFQUFBLGtDQUFBLHNDQUFBOzs7Ozs7Ozs7QUFWRixRQUFBLGNBQXNCOzs7QUFDL0IsUUFBQSxTQUF5QixDQUFDLGlCQUFpQixlQUFNOztFQUl4RSxtQ0FBQSxrQkFBQSxNQUFBLDhCQUEwRCxRQUFPOztFQUFqRSxJQUFnQixpQkFBYztBQUFBLFVBQUEsTUFBQTs7RUFBOUIsSUFBZ0IsZUFBYyxPQUFBO0FBQUEsU0FBQSxrQ0FBQTs7RUFLOUIsd0NBQUEsa0JBQUEsTUFBQSxrQ0FBQSxFQUFBLGtCQUFBLE1BQUEsa0NBQTZDLE9BQU07O0VBQW5ELElBQWdCLHFCQUFrQjtBQUFBLFVBQUEsTUFBQTs7RUFBbEMsSUFBZ0IsbUJBQWtCLE9BQUE7QUFBQSxTQUFBLHNDQUFBOztFQUVmLFNBQU07QUFDdkIsVUFBTyxJQUFJOztVQUVMLEtBQUssbUJBQW1CLFVBQ3RCLElBQUk7O3NDQUVzQixLQUFLLG1CQUFrQjs7Ozs7OztnQkFRakQsSUFBSTs7c0NBRXNCLEtBQUssbUJBQWtCIn0=
|
package/development/signet.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as SbbSignetElement } from "./signet.component-
|
|
1
|
+
import { t as SbbSignetElement } from "./signet.component-kYHKCQQN.js";
|
|
2
2
|
export { SbbSignetElement };
|
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);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { t as e } from "../overlay.component-
|
|
1
|
+
import { t as e } from "../overlay.component-QYenVZtj.js";
|
|
2
2
|
export { e as SbbOverlayElement };
|