@sbb-esta/lyne-elements-dev 4.7.0-dev.1773397316 → 4.7.0-dev.1773405905
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 +5 -0
- package/core.css +6 -0
- package/custom-elements.json +934 -934
- package/development/map-container/map-container.component.d.ts.map +1 -1
- package/development/map-container/map-container.component.js +24 -41
- package/map-container/map-container.component.js +22 -24
- package/off-brand-theme.css +6 -0
- package/package.json +2 -2
- package/safety-theme.css +6 -0
- package/standard-theme.css +6 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"map-container.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/map-container/map-container.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAStD,OAAO,4BAA4B,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACpD,gBAAgC,WAAW,EAAE,MAAM,CAAuB;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,2EAA2E;IAC3E,SAEgB,kBAAkB,EAAE,OAAO,CAAS;IAE3C,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAS;IAEzD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,SAAS,CAGd;cAEgB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,OAAO,CAAC,YAAY;IAIpB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAI5B;;;;OAIG;IACH,OAAO,CAAC,kCAAkC;cAQvB,MAAM,IAAI,cAAc;
|
|
1
|
+
{"version":3,"file":"map-container.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/map-container/map-container.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAStD,OAAO,4BAA4B,CAAC;AAEpC;;;;;;;;;;;;;;GAcG;AACH,qBAAa,sBAAuB,SAAQ,UAAU;IACpD,gBAAgC,WAAW,EAAE,MAAM,CAAuB;IAC1E,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,2EAA2E;IAC3E,SAEgB,kBAAkB,EAAE,OAAO,CAAS;IAE3C,OAAO,CAAC,QAAQ,CAAC,sBAAsB,CAAS;IAEzD,OAAO,CAAC,SAAS,CAAmC;IACpD,OAAO,CAAC,SAAS,CAGd;cAEgB,UAAU,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;cAczD,YAAY,CAAC,iBAAiB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAO9E,OAAO,CAAC,YAAY;IAIpB;;;OAGG;IACH,OAAO,CAAC,oBAAoB;IAI5B;;;;OAIG;IACH,OAAO,CAAC,kCAAkC;cAQvB,MAAM,IAAI,cAAc;CAyB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,mBAAmB,EAAE,sBAAsB,CAAC;KAC7C;CACF"}
|
|
@@ -17,40 +17,25 @@ import { i18nMapContainerButtonLabel } from "../core/i18n.js";
|
|
|
17
17
|
import { boxSizingStyles } from "../core/styles.js";
|
|
18
18
|
import "../button/accent-button.js";
|
|
19
19
|
const style = css`:host {
|
|
20
|
-
display: block;
|
|
21
|
-
--sbb-map-container-map-height-zero: 18.4375rem;
|
|
22
|
-
--sbb-map-container-map-height-small: 20rem;
|
|
23
|
-
--sbb-map-container-sidebar-width: 25rem;
|
|
24
|
-
--sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);
|
|
25
|
-
--sbb-map-container-border-radius: var(--sbb-border-radius-4x);
|
|
26
20
|
--sbb-map-container-animation-duration: var(
|
|
27
21
|
--sbb-disable-animation-duration,
|
|
28
22
|
var(--sbb-animation-duration-4x)
|
|
29
23
|
);
|
|
30
|
-
--
|
|
24
|
+
--_sbb-map-container-map-height: calc(
|
|
31
25
|
var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius)
|
|
32
26
|
);
|
|
33
|
-
|
|
27
|
+
display: grid;
|
|
28
|
+
grid-template-rows: auto auto;
|
|
34
29
|
}
|
|
35
30
|
@media (min-width: calc(37.5rem)) {
|
|
36
31
|
:host {
|
|
37
|
-
--
|
|
32
|
+
--_sbb-map-container-map-height: calc(
|
|
38
33
|
var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius)
|
|
39
34
|
);
|
|
40
35
|
}
|
|
41
36
|
}
|
|
42
|
-
@media (min-width: calc(90rem)) {
|
|
43
|
-
:host {
|
|
44
|
-
--sbb-map-container-sidebar-width: 30rem;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
.sbb-map-container {
|
|
49
|
-
display: grid;
|
|
50
|
-
grid-template-rows: auto auto;
|
|
51
|
-
}
|
|
52
37
|
@media (min-width: calc(64rem)) {
|
|
53
|
-
|
|
38
|
+
:host {
|
|
54
39
|
grid-template-columns: max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));
|
|
55
40
|
position: fixed;
|
|
56
41
|
inset: var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0;
|
|
@@ -152,8 +137,8 @@ const style = css`:host {
|
|
|
152
137
|
}
|
|
153
138
|
@media (max-width: calc(63.9375rem)) {
|
|
154
139
|
.sbb-map-container__map {
|
|
155
|
-
inset-block-start: var(--sbb-map-container-mobile-sticky-block-start);
|
|
156
|
-
height: var(--
|
|
140
|
+
inset-block-start: var(--sbb-map-container-mobile-sticky-block-start, 0);
|
|
141
|
+
height: var(--_sbb-map-container-map-height);
|
|
157
142
|
}
|
|
158
143
|
}
|
|
159
144
|
@media (min-width: calc(64rem)) {
|
|
@@ -239,26 +224,24 @@ let SbbMapContainerElement = (() => {
|
|
|
239
224
|
}
|
|
240
225
|
render() {
|
|
241
226
|
return html`
|
|
242
|
-
<div class="sbb-map-
|
|
243
|
-
<
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
<
|
|
247
|
-
<span id="intersector"></span>
|
|
227
|
+
<div class="sbb-map-container__map">
|
|
228
|
+
<slot name="map"></slot>
|
|
229
|
+
</div>
|
|
230
|
+
<div class="sbb-map-container__sidebar" @scroll=${(e) => forwardEvent(e, document)}>
|
|
231
|
+
<span id="intersector"></span>
|
|
248
232
|
|
|
249
|
-
|
|
233
|
+
<slot></slot>
|
|
250
234
|
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
260
|
-
|
|
261
|
-
</div>
|
|
235
|
+
${!this.hideScrollUpButton ? html`<sbb-accent-button
|
|
236
|
+
class="sbb-map-container__sidebar-button"
|
|
237
|
+
size="l"
|
|
238
|
+
icon-name="location-pin-map-small"
|
|
239
|
+
type="button"
|
|
240
|
+
@click=${() => this._onScrollButtonClick()}
|
|
241
|
+
?inert=${!this._scrollUpButtonVisible}
|
|
242
|
+
>
|
|
243
|
+
${i18nMapContainerButtonLabel[this._language.current]}
|
|
244
|
+
</sbb-accent-button>` : nothing}
|
|
262
245
|
</div>
|
|
263
246
|
`;
|
|
264
247
|
}
|
|
@@ -278,4 +261,4 @@ let SbbMapContainerElement = (() => {
|
|
|
278
261
|
export {
|
|
279
262
|
SbbMapContainerElement
|
|
280
263
|
};
|
|
281
|
-
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9tYXAtY29udGFpbmVyL21hcC1jb250YWluZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEludGVyc2VjdGlvbkNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL2ludGVyc2VjdGlvbi1jb250cm9sbGVyLmpzJztcbmltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5LCBzdGF0ZSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi9jb3JlL2NvbnRyb2xsZXJzLnRzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQgeyBmb3J3YXJkRXZlbnQgfSBmcm9tICcuLi9jb3JlL2V2ZW50aW5nLnRzJztcbmltcG9ydCB7IGkxOG5NYXBDb250YWluZXJCdXR0b25MYWJlbCB9IGZyb20gJy4uL2NvcmUvaTE4bi50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL21hcC1jb250YWluZXIuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi9idXR0b24vYWNjZW50LWJ1dHRvbi50cyc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG1hcHMuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgc2lkZWJhci5cbiAqIEBzbG90IG1hcCAtIFVzZWQgZm9yIHNsb3R0aW5nIHRoZSBtYXAuXG4gKiBAY3NzcHJvcCBbLS1zYmItbWFwLWNvbnRhaW5lci1tYXJnaW4tc3RhcnQ9dmFyKC0tc2JiLWhlYWRlci1oZWlnaHQpXSAtIFRoZSBjb21wb25lbnRcbiAqIGNvbWVzIGFsb25nIHdpdGggYSBoZWlnaHQgY2FsY3VsYXRpb24gdGhhdCBzdWJ0cmFjdHMgdGhlIGhlaWdodCBvZiB0aGUgaGVhZGVyLlxuICogRm9yIHNwZWNpZmljIHVzZSBjYXNlcywgdGhpcyB2YXJpYWJsZSBjYW4gYmUgdXNlZCB0byBtb2RpZnkgdGhlIHByZXNldCBoZWlnaHQuXG4gKiBAY3NzcHJvcCBbLS1zYmItbWFwLWNvbnRhaW5lci1zaWRlYmFyLXdpZHRoPXplcm8tbGFyZ2U6NDAwcHg7dWx0cmE6NDgwcHhdIC0gQ2FuIGJlIHVzZWRcbiAqIHRvIG1vZGlmeSB0aGUgd2lkdGggb2YgdGhlIGxlZnQgc2lkZWJhci5cbiAqIEBjc3Nwcm9wIFstLXNiYi1tYXAtY29udGFpbmVyLW1vYmlsZS1zdGlja3ktYmxvY2stc3RhcnQ9MF0gLSBJZiBlLmcuIGEgaGVhZGVyIHdpdGggYSBmaXhlZCBoZWlnaHRcbiAqIGlzIHBsYWNlZCBiZWZvcmUgdGhlIG1hcC1jb250YWluZXIsIHRoZSBtYXAgc2hvdWxkIGJlIHN0aWNreSByZXNwZWN0aW5nXG4gKiB0aGlzIG9mZnNldCBmcm9tIHRoZSBkb2N1bWVudCdzIHRvcC4gT25seSBhcHBsaWVkIG9uIG1vYmlsZSB2aWV3cy5cbiAqIE1vc3QgY29tbW9ubHkgaXQgY2FuIGJlIHNldCB0byBgdmFyKC0tc2JiLWhlYWRlci1oZWlnaHQpYC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYk1hcENvbnRhaW5lckVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1tYXAtY29udGFpbmVyJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKiBGbGFnIHRvIHNob3cvaGlkZSB0aGUgc2Nyb2xsIHVwIGJ1dHRvbiBpbnNpZGUgdGhlIHNpZGViYXIgb24gbW9iaWxlLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaGlkZS1zY3JvbGwtdXAtYnV0dG9uJywgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgaGlkZVNjcm9sbFVwQnV0dG9uOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQHN0YXRlKCkgcHJpdmF0ZSBhY2Nlc3NvciBfc2Nyb2xsVXBCdXR0b25WaXNpYmxlID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9vYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25Db250cm9sbGVyKHRoaXMsIHtcbiAgICB0YXJnZXQ6IG51bGwsXG4gICAgY2FsbGJhY2s6IChlbnRyaWVzKSA9PiB0aGlzLl90b2dnbGVCdXR0b25WaXNpYmlsaXR5T25JbnRlcnNlY3QoZW50cmllcyksXG4gIH0pO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnaGlkZVNjcm9sbFVwQnV0dG9uJykpIHtcbiAgICAgIGNvbnN0IGludGVyc2VjdG9yRWxlbWVudCA9IHRoaXMuX2ludGVyc2VjdG9yKCk7XG5cbiAgICAgIGlmICghdGhpcy5oaWRlU2Nyb2xsVXBCdXR0b24gJiYgaW50ZXJzZWN0b3JFbGVtZW50KSB7XG4gICAgICAgIHRoaXMuX29ic2VydmVyLm9ic2VydmUoaW50ZXJzZWN0b3JFbGVtZW50KTtcbiAgICAgIH0gZWxzZSBpZiAoaW50ZXJzZWN0b3JFbGVtZW50KSB7XG4gICAgICAgIHRoaXMuX29ic2VydmVyLnVub2JzZXJ2ZShpbnRlcnNlY3RvckVsZW1lbnQpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICBpZiAoIXRoaXMuaGlkZVNjcm9sbFVwQnV0dG9uKSB7XG4gICAgICB0aGlzLl9vYnNlcnZlci5vYnNlcnZlKHRoaXMuX2ludGVyc2VjdG9yKCkhKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9pbnRlcnNlY3RvcigpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnNoYWRvd1Jvb3Q/LnF1ZXJ5U2VsZWN0b3IoJyNpbnRlcnNlY3RvcicpID8/IG51bGw7XG4gIH1cblxuICAvKipcbiAgICogQnV0dG9uIGNsaWNrIGNhbGxiYWNrIHRvIHRyaWdnZXIgdGhlIHNjcm9sbCB0byBjb250YWluZXIgdG9wXG4gICAqIEBwcml2YXRlXG4gICAqL1xuICBwcml2YXRlIF9vblNjcm9sbEJ1dHRvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gIH1cblxuICAvKipcbiAgICogSW50ZXJzZWN0aW9uIGNhbGxiYWNrLiBUb2dnbGVzIHRoZSB2aXNpYmlsaXR5LlxuICAgKiBAcGFyYW0gZW50cmllc1xuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSBfdG9nZ2xlQnV0dG9uVmlzaWJpbGl0eU9uSW50ZXJzZWN0KGVudHJpZXM6IEludGVyc2VjdGlvbk9ic2VydmVyRW50cnlbXSk6IHZvaWQge1xuICAgIGVudHJpZXMuZm9yRWFjaCgoZW50cnkpID0+
|
|
264
|
+
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFwLWNvbnRhaW5lci5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9tYXAtY29udGFpbmVyL21hcC1jb250YWluZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEludGVyc2VjdGlvbkNvbnRyb2xsZXIgfSBmcm9tICdAbGl0LWxhYnMvb2JzZXJ2ZXJzL2ludGVyc2VjdGlvbi1jb250cm9sbGVyLmpzJztcbmltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFByb3BlcnR5VmFsdWVzLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBodG1sLCBub3RoaW5nIH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IHByb3BlcnR5LCBzdGF0ZSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcblxuaW1wb3J0IHsgU2JiRWxlbWVudCB9IGZyb20gJy4uL2NvcmUvYmFzZS1lbGVtZW50cy50cyc7XG5pbXBvcnQgeyBTYmJMYW5ndWFnZUNvbnRyb2xsZXIgfSBmcm9tICcuLi9jb3JlL2NvbnRyb2xsZXJzLnRzJztcbmltcG9ydCB7IGZvcmNlVHlwZSB9IGZyb20gJy4uL2NvcmUvZGVjb3JhdG9ycy50cyc7XG5pbXBvcnQgeyBmb3J3YXJkRXZlbnQgfSBmcm9tICcuLi9jb3JlL2V2ZW50aW5nLnRzJztcbmltcG9ydCB7IGkxOG5NYXBDb250YWluZXJCdXR0b25MYWJlbCB9IGZyb20gJy4uL2NvcmUvaTE4bi50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi9jb3JlL3N0eWxlcy50cyc7XG5cbmltcG9ydCBzdHlsZSBmcm9tICcuL21hcC1jb250YWluZXIuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi9idXR0b24vYWNjZW50LWJ1dHRvbi50cyc7XG5cbi8qKlxuICogSXQgY2FuIGJlIHVzZWQgYXMgYSBjb250YWluZXIgZm9yIG1hcHMuXG4gKlxuICogQHNsb3QgLSBVc2UgdGhlIHVubmFtZWQgc2xvdCB0byBhZGQgY29udGVudCB0byB0aGUgc2lkZWJhci5cbiAqIEBzbG90IG1hcCAtIFVzZWQgZm9yIHNsb3R0aW5nIHRoZSBtYXAuXG4gKiBAY3NzcHJvcCBbLS1zYmItbWFwLWNvbnRhaW5lci1tYXJnaW4tc3RhcnQ9dmFyKC0tc2JiLWhlYWRlci1oZWlnaHQpXSAtIFRoZSBjb21wb25lbnRcbiAqIGNvbWVzIGFsb25nIHdpdGggYSBoZWlnaHQgY2FsY3VsYXRpb24gdGhhdCBzdWJ0cmFjdHMgdGhlIGhlaWdodCBvZiB0aGUgaGVhZGVyLlxuICogRm9yIHNwZWNpZmljIHVzZSBjYXNlcywgdGhpcyB2YXJpYWJsZSBjYW4gYmUgdXNlZCB0byBtb2RpZnkgdGhlIHByZXNldCBoZWlnaHQuXG4gKiBAY3NzcHJvcCBbLS1zYmItbWFwLWNvbnRhaW5lci1zaWRlYmFyLXdpZHRoPXplcm8tbGFyZ2U6NDAwcHg7dWx0cmE6NDgwcHhdIC0gQ2FuIGJlIHVzZWRcbiAqIHRvIG1vZGlmeSB0aGUgd2lkdGggb2YgdGhlIGxlZnQgc2lkZWJhci5cbiAqIEBjc3Nwcm9wIFstLXNiYi1tYXAtY29udGFpbmVyLW1vYmlsZS1zdGlja3ktYmxvY2stc3RhcnQ9MF0gLSBJZiBlLmcuIGEgaGVhZGVyIHdpdGggYSBmaXhlZCBoZWlnaHRcbiAqIGlzIHBsYWNlZCBiZWZvcmUgdGhlIG1hcC1jb250YWluZXIsIHRoZSBtYXAgc2hvdWxkIGJlIHN0aWNreSByZXNwZWN0aW5nXG4gKiB0aGlzIG9mZnNldCBmcm9tIHRoZSBkb2N1bWVudCdzIHRvcC4gT25seSBhcHBsaWVkIG9uIG1vYmlsZSB2aWV3cy5cbiAqIE1vc3QgY29tbW9ubHkgaXQgY2FuIGJlIHNldCB0byBgdmFyKC0tc2JiLWhlYWRlci1oZWlnaHQpYC5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYk1hcENvbnRhaW5lckVsZW1lbnQgZXh0ZW5kcyBTYmJFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSByZWFkb25seSBlbGVtZW50TmFtZTogc3RyaW5nID0gJ3NiYi1tYXAtY29udGFpbmVyJztcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gW2JveFNpemluZ1N0eWxlcywgc3R5bGVdO1xuXG4gIC8qKiBGbGFnIHRvIHNob3cvaGlkZSB0aGUgc2Nyb2xsIHVwIGJ1dHRvbiBpbnNpZGUgdGhlIHNpZGViYXIgb24gbW9iaWxlLiAqL1xuICBAZm9yY2VUeXBlKClcbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAnaGlkZS1zY3JvbGwtdXAtYnV0dG9uJywgcmVmbGVjdDogdHJ1ZSwgdHlwZTogQm9vbGVhbiB9KVxuICBwdWJsaWMgYWNjZXNzb3IgaGlkZVNjcm9sbFVwQnV0dG9uOiBib29sZWFuID0gZmFsc2U7XG5cbiAgQHN0YXRlKCkgcHJpdmF0ZSBhY2Nlc3NvciBfc2Nyb2xsVXBCdXR0b25WaXNpYmxlID0gZmFsc2U7XG5cbiAgcHJpdmF0ZSBfbGFuZ3VhZ2UgPSBuZXcgU2JiTGFuZ3VhZ2VDb250cm9sbGVyKHRoaXMpO1xuICBwcml2YXRlIF9vYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25Db250cm9sbGVyKHRoaXMsIHtcbiAgICB0YXJnZXQ6IG51bGwsXG4gICAgY2FsbGJhY2s6IChlbnRyaWVzKSA9PiB0aGlzLl90b2dnbGVCdXR0b25WaXNpYmlsaXR5T25JbnRlcnNlY3QoZW50cmllcyksXG4gIH0pO1xuXG4gIHByb3RlY3RlZCBvdmVycmlkZSB3aWxsVXBkYXRlKGNoYW5nZWRQcm9wZXJ0aWVzOiBQcm9wZXJ0eVZhbHVlczx0aGlzPik6IHZvaWQge1xuICAgIHN1cGVyLndpbGxVcGRhdGUoY2hhbmdlZFByb3BlcnRpZXMpO1xuXG4gICAgaWYgKGNoYW5nZWRQcm9wZXJ0aWVzLmhhcygnaGlkZVNjcm9sbFVwQnV0dG9uJykpIHtcbiAgICAgIGNvbnN0IGludGVyc2VjdG9yRWxlbWVudCA9IHRoaXMuX2ludGVyc2VjdG9yKCk7XG5cbiAgICAgIGlmICghdGhpcy5oaWRlU2Nyb2xsVXBCdXR0b24gJiYgaW50ZXJzZWN0b3JFbGVtZW50KSB7XG4gICAgICAgIHRoaXMuX29ic2VydmVyLm9ic2VydmUoaW50ZXJzZWN0b3JFbGVtZW50KTtcbiAgICAgIH0gZWxzZSBpZiAoaW50ZXJzZWN0b3JFbGVtZW50KSB7XG4gICAgICAgIHRoaXMuX29ic2VydmVyLnVub2JzZXJ2ZShpbnRlcnNlY3RvckVsZW1lbnQpO1xuICAgICAgfVxuICAgIH1cbiAgfVxuXG4gIHByb3RlY3RlZCBvdmVycmlkZSBmaXJzdFVwZGF0ZWQoY2hhbmdlZFByb3BlcnRpZXM6IFByb3BlcnR5VmFsdWVzPHRoaXM+KTogdm9pZCB7XG4gICAgc3VwZXIuZmlyc3RVcGRhdGVkKGNoYW5nZWRQcm9wZXJ0aWVzKTtcbiAgICBpZiAoIXRoaXMuaGlkZVNjcm9sbFVwQnV0dG9uKSB7XG4gICAgICB0aGlzLl9vYnNlcnZlci5vYnNlcnZlKHRoaXMuX2ludGVyc2VjdG9yKCkhKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9pbnRlcnNlY3RvcigpOiBIVE1MRWxlbWVudCB8IG51bGwge1xuICAgIHJldHVybiB0aGlzLnNoYWRvd1Jvb3Q/LnF1ZXJ5U2VsZWN0b3IoJyNpbnRlcnNlY3RvcicpID8/IG51bGw7XG4gIH1cblxuICAvKipcbiAgICogQnV0dG9uIGNsaWNrIGNhbGxiYWNrIHRvIHRyaWdnZXIgdGhlIHNjcm9sbCB0byBjb250YWluZXIgdG9wXG4gICAqIEBwcml2YXRlXG4gICAqL1xuICBwcml2YXRlIF9vblNjcm9sbEJ1dHRvbkNsaWNrKCk6IHZvaWQge1xuICAgIHRoaXMuc2Nyb2xsSW50b1ZpZXcoeyBiZWhhdmlvcjogJ3Ntb290aCcgfSk7XG4gIH1cblxuICAvKipcbiAgICogSW50ZXJzZWN0aW9uIGNhbGxiYWNrLiBUb2dnbGVzIHRoZSB2aXNpYmlsaXR5LlxuICAgKiBAcGFyYW0gZW50cmllc1xuICAgKiBAcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSBfdG9nZ2xlQnV0dG9uVmlzaWJpbGl0eU9uSW50ZXJzZWN0KGVudHJpZXM6IEludGVyc2VjdGlvbk9ic2VydmVyRW50cnlbXSk6IHZvaWQge1xuICAgIGVudHJpZXMuZm9yRWFjaCgoZW50cnkpID0+IHtcbiAgICAgIGNvbnN0IG1hcElzSGlkZGVuID0gIWVudHJ5LmlzSW50ZXJzZWN0aW5nO1xuICAgICAgdGhpcy50b2dnbGVTdGF0ZSgnc2Nyb2xsLXVwLWJ1dHRvbi12aXNpYmxlJywgbWFwSXNIaWRkZW4pO1xuICAgICAgdGhpcy5fc2Nyb2xsVXBCdXR0b25WaXNpYmxlID0gbWFwSXNIaWRkZW47XG4gICAgfSk7XG4gIH1cblxuICBwcm90ZWN0ZWQgb3ZlcnJpZGUgcmVuZGVyKCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItbWFwLWNvbnRhaW5lcl9fbWFwXCI+XG4gICAgICAgIDxzbG90IG5hbWU9XCJtYXBcIj48L3Nsb3Q+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJzYmItbWFwLWNvbnRhaW5lcl9fc2lkZWJhclwiIEBzY3JvbGw9JHsoZTogRXZlbnQpID0+IGZvcndhcmRFdmVudChlLCBkb2N1bWVudCl9PlxuICAgICAgICA8c3BhbiBpZD1cImludGVyc2VjdG9yXCI+PC9zcGFuPlxuXG4gICAgICAgIDxzbG90Pjwvc2xvdD5cblxuICAgICAgICAkeyF0aGlzLmhpZGVTY3JvbGxVcEJ1dHRvblxuICAgICAgICAgID8gaHRtbGA8c2JiLWFjY2VudC1idXR0b25cbiAgICAgICAgICAgICAgY2xhc3M9XCJzYmItbWFwLWNvbnRhaW5lcl9fc2lkZWJhci1idXR0b25cIlxuICAgICAgICAgICAgICBzaXplPVwibFwiXG4gICAgICAgICAgICAgIGljb24tbmFtZT1cImxvY2F0aW9uLXBpbi1tYXAtc21hbGxcIlxuICAgICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgICAgQGNsaWNrPSR7KCkgPT4gdGhpcy5fb25TY3JvbGxCdXR0b25DbGljaygpfVxuICAgICAgICAgICAgICA/aW5lcnQ9JHshdGhpcy5fc2Nyb2xsVXBCdXR0b25WaXNpYmxlfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAke2kxOG5NYXBDb250YWluZXJCdXR0b25MYWJlbFt0aGlzLl9sYW5ndWFnZS5jdXJyZW50XX1cbiAgICAgICAgICAgIDwvc2JiLWFjY2VudC1idXR0b24+YFxuICAgICAgICAgIDogbm90aGluZ31cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1tYXAtY29udGFpbmVyJzogU2JiTWFwQ29udGFpbmVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQStCYSwwQkFBc0IsTUFBQTs7b0JBQVM7Ozs7Ozs7QUFBL0IsU0FBQSxtQkFBK0IsWUFBVTtBQUFBOztBQU9wRDtBQUVTO0FBRk8seUJBQUEsc0NBQUEsa0JBQUEsTUFBQSxrQ0FBOEIsS0FBSztBQUV6Qix5QkFBQSwyQ0FBQSxrQkFBQSxNQUFBLHFDQUFBLEdBQUEsa0JBQUEsTUFBQSxzQ0FBeUIsS0FBSztBQUVoRCxXQUFBLGlGQUFZLElBQUksc0JBQXNCLElBQUk7QUFDMUMsV0FBQSxZQUFZLElBQUksdUJBQXVCLE1BQU07QUFBQSxRQUNuRCxRQUFRO0FBQUEsUUFDUixVQUFVLENBQUMsWUFBWSxLQUFLLG1DQUFtQyxPQUFPO0FBQUEsTUFBQSxDQUN2RTtBQUFBLElBeUVIO0FBQUE7QUFBQSxJQWpGRSxJQUFnQixxQkFBa0I7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQWxDLElBQWdCLG1CQUFrQixPQUFBO0FBQUEseUJBQUEsc0NBQUE7QUFBQSxJQUFBO0FBQUEsSUFFekIsSUFBaUIseUJBQXNCO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUF2QyxJQUFpQix1QkFBc0IsT0FBQTtBQUFBLHlCQUFBLDBDQUFBO0FBQUEsSUFBQTtBQUFBLElBUTdCLFdBQVcsbUJBQXVDO0FBQ25FLFlBQU0sV0FBVyxpQkFBaUI7QUFFbEMsVUFBSSxrQkFBa0IsSUFBSSxvQkFBb0IsR0FBRztBQUMvQyxjQUFNLHFCQUFxQixLQUFLLGFBQUE7QUFFaEMsWUFBSSxDQUFDLEtBQUssc0JBQXNCLG9CQUFvQjtBQUNsRCxlQUFLLFVBQVUsUUFBUSxrQkFBa0I7QUFBQSxRQUMzQyxXQUFXLG9CQUFvQjtBQUM3QixlQUFLLFVBQVUsVUFBVSxrQkFBa0I7QUFBQSxRQUM3QztBQUFBLE1BQ0Y7QUFBQSxJQUNGO0FBQUEsSUFFbUIsYUFBYSxtQkFBdUM7QUFDckUsWUFBTSxhQUFhLGlCQUFpQjtBQUNwQyxVQUFJLENBQUMsS0FBSyxvQkFBb0I7QUFDNUIsYUFBSyxVQUFVLFFBQVEsS0FBSyxhQUFBLENBQWU7QUFBQSxNQUM3QztBQUFBLElBQ0Y7QUFBQSxJQUVRLGVBQVk7QUFDbEIsYUFBTyxLQUFLLFlBQVksY0FBYyxjQUFjLEtBQUs7QUFBQSxJQUMzRDtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFNUSx1QkFBb0I7QUFDMUIsV0FBSyxlQUFlLEVBQUUsVUFBVSxTQUFBLENBQVU7QUFBQSxJQUM1QztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQU9RLG1DQUFtQyxTQUFvQztBQUM3RSxjQUFRLFFBQVEsQ0FBQyxVQUFTO0FBQ3hCLGNBQU0sY0FBYyxDQUFDLE1BQU07QUFDM0IsYUFBSyxZQUFZLDRCQUE0QixXQUFXO0FBQ3hELGFBQUsseUJBQXlCO0FBQUEsTUFDaEMsQ0FBQztBQUFBLElBQ0g7QUFBQSxJQUVtQixTQUFNO0FBQ3ZCLGFBQU87QUFBQTtBQUFBO0FBQUE7QUFBQSx3REFJNkMsQ0FBQyxNQUFhLGFBQWEsR0FBRyxRQUFRLENBQUM7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLFVBS3JGLENBQUMsS0FBSyxxQkFDSjtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsdUJBS1csTUFBTSxLQUFLLHFCQUFBLENBQXNCO0FBQUEsdUJBQ2pDLENBQUMsS0FBSyxzQkFBc0I7QUFBQTtBQUFBLGdCQUVuQyw0QkFBNEIsS0FBSyxVQUFVLE9BQU8sQ0FBQztBQUFBLG9DQUV2RCxPQUFPO0FBQUE7QUFBQTtBQUFBLElBR2pCO0FBQUEsRUFBQSxHQWhGQSxzREFFUzs7QUFKUixxQ0FBQSxDQUFBLGFBQ0EsU0FBUyxFQUFFLFdBQVcseUJBQXlCLFNBQVMsTUFBTSxNQUFNLFFBQUEsQ0FBUyxDQUFDO0FBRzlFLHlDQUFBLENBQUEsT0FBTztBQUZSLGlCQUFBLElBQUEsTUFBQSxnQ0FBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLHNCQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLHdCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0Isb0JBQWtCLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFsQixxQkFBa0I7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsa0NBQUEscUNBQUE7QUFFekIsaUJBQUEsSUFBQSxNQUFBLG9DQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsMEJBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsNEJBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFpQix3QkFBc0IsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQXRCLHlCQUFzQjtBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxzQ0FBQSx5Q0FBQTs7UUFSaEIsR0FBQSxjQUFzQixxQkFDL0IsR0FBQSxTQUF5QixDQUFDLGlCQUFpQixLQUFLLEdBRjVEOzsifQ==
|
|
@@ -5,16 +5,16 @@ var g = (t, i, o) => i.has(t) || _("Cannot " + o);
|
|
|
5
5
|
var m = (t, i, o) => (g(t, i, "read from private field"), o ? o.call(t) : i.get(t)), p = (t, i, o) => i.has(t) ? _("Cannot add the same private member more than once") : i instanceof WeakSet ? i.add(t) : i.set(t, o), c = (t, i, o, l) => (g(t, i, "write to private field"), l ? l.call(t, o) : i.set(t, o), o);
|
|
6
6
|
import { __runInitializers as d, __esDecorate as w } from "tslib";
|
|
7
7
|
import { IntersectionController as k } from "@lit-labs/observers/intersection-controller.js";
|
|
8
|
-
import { css as B, nothing as
|
|
9
|
-
import { property as
|
|
8
|
+
import { css as B, nothing as U, html as f } from "lit";
|
|
9
|
+
import { property as y, state as x } from "lit/decorators.js";
|
|
10
10
|
import { SbbElement as S } from "../core/base-elements.js";
|
|
11
11
|
import { SbbLanguageController as V } from "../core/controllers.js";
|
|
12
|
-
import { forceType as
|
|
13
|
-
import { forwardEvent as
|
|
12
|
+
import { forceType as I } from "../core/decorators.js";
|
|
13
|
+
import { forwardEvent as z } from "../core/eventing.js";
|
|
14
14
|
import { i18nMapContainerButtonLabel as $ } from "../core/i18n.js";
|
|
15
15
|
import { boxSizingStyles as O } from "../core/styles.js";
|
|
16
16
|
import "../button/accent-button.js";
|
|
17
|
-
const j = B`:host{
|
|
17
|
+
const j = B`:host{--sbb-map-container-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-4x) );--_sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-zero) + var(--sbb-map-container-border-radius) );display:grid;grid-template-rows:auto auto}@media(min-width:37.5rem){:host{--_sbb-map-container-map-height: calc( var(--sbb-map-container-map-height-small) + var(--sbb-map-container-border-radius) )}}@media(min-width:64rem){:host{grid-template-columns:max(var(--sbb-map-container-sidebar-width)) calc(100% - var(--sbb-map-container-sidebar-width));position:fixed;inset:var(--sbb-map-container-margin-start, var(--sbb-header-height)) 0 0 0}}.sbb-map-container__sidebar-button{position:fixed;left:50%;inset-block-end:var(--sbb-spacing-fixed-5x);visibility:hidden;opacity:0;transform:translate(-50%) translateY(calc(100% + var(--sbb-spacing-fixed-5x)));transition:opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing) var(--sbb-map-container-animation-duration),transform var(--sbb-map-container-animation-duration) var(--sbb-animation-easing)}:host(:is(:state(scroll-up-button-visible),[state--scroll-up-button-visible])) .sbb-map-container__sidebar-button{transition:visibility var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),opacity var(--sbb-map-container-animation-duration) var(--sbb-animation-easing),transform var(--sbb-map-container-animation-duration) ease-out;visibility:visible;opacity:1;transform:translate(-50%) translateY(0)}@media(min-width:64rem){.sbb-map-container__sidebar-button{display:none}}.sbb-map-container__sidebar{--sbb-scrollbar-thumb-width: .5rem;--sbb-scrollbar-thumb-width-hover: var(--sbb-scrollbar-thumb-width);--sbb-scrollbar-width-firefox: auto;--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: var(--sbb-background-color-4);--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x)}.sbb-map-container__sidebar::-webkit-scrollbar{width:var(--sbb-scrollbar-width);height:var(--sbb-scrollbar-width);background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-webkit-scrollbar-corner{background-color:var(--sbb-scrollbar-track-color, transparent)}.sbb-map-container__sidebar::-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-map-container__sidebar::-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-map-container__sidebar::-webkit-scrollbar-button,.sbb-map-container__sidebar::-webkit-scrollbar-corner{display:none}@supports not selector(::-webkit-scrollbar){.sbb-map-container__sidebar{scrollbar-width:var(--sbb-scrollbar-width-firefox);scrollbar-color:var(--sbb-scrollbar-color, currentcolor) var(--sbb-scrollbar-track-color, transparent)}}.sbb-map-container__sidebar{grid-column:1/3;grid-row:2/3;width:100%;overflow:hidden auto;position:relative;border-start-end-radius:var(--sbb-map-container-border-radius);border-start-start-radius:var(--sbb-map-container-border-radius);margin-block-start:calc(var(--sbb-map-container-border-radius) * -1);background-color:var(--sbb-map-container-sidebar-background-color)}@media(min-width:64rem){.sbb-map-container__sidebar{grid-column:1/2;grid-row:1/3;border-radius:0;margin-block-start:0;border-block-start:var(--sbb-border-width-1x) solid var(--sbb-border-color-4-inverted)}}.sbb-map-container__map{position:sticky;inset-block-start:0;inset-inline:0;grid-row:1/2;grid-column:1/3}@media(max-width:63.9375rem){.sbb-map-container__map{inset-block-start:var(--sbb-map-container-mobile-sticky-block-start, 0);height:var(--_sbb-map-container-map-height)}}@media(min-width:64rem){.sbb-map-container__map{grid-row:1/3;grid-column:2/3;position:relative}}`;
|
|
18
18
|
let J = (() => {
|
|
19
19
|
var e, b, s;
|
|
20
20
|
let t = S, i, o = [], l = [], u, h = [], v = [];
|
|
@@ -73,32 +73,30 @@ let J = (() => {
|
|
|
73
73
|
}
|
|
74
74
|
render() {
|
|
75
75
|
return f`
|
|
76
|
-
<div class="sbb-map-
|
|
77
|
-
<
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
<
|
|
81
|
-
<span id="intersector"></span>
|
|
76
|
+
<div class="sbb-map-container__map">
|
|
77
|
+
<slot name="map"></slot>
|
|
78
|
+
</div>
|
|
79
|
+
<div class="sbb-map-container__sidebar" @scroll=${(r) => z(r, document)}>
|
|
80
|
+
<span id="intersector"></span>
|
|
82
81
|
|
|
83
|
-
|
|
82
|
+
<slot></slot>
|
|
84
83
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
</div>
|
|
84
|
+
${this.hideScrollUpButton ? U : f`<sbb-accent-button
|
|
85
|
+
class="sbb-map-container__sidebar-button"
|
|
86
|
+
size="l"
|
|
87
|
+
icon-name="location-pin-map-small"
|
|
88
|
+
type="button"
|
|
89
|
+
@click=${() => this._onScrollButtonClick()}
|
|
90
|
+
?inert=${!this._scrollUpButtonVisible}
|
|
91
|
+
>
|
|
92
|
+
${$[this._language.current]}
|
|
93
|
+
</sbb-accent-button>`}
|
|
96
94
|
</div>
|
|
97
95
|
`;
|
|
98
96
|
}
|
|
99
97
|
}, e = new WeakMap(), b = new WeakMap(), (() => {
|
|
100
98
|
const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
|
|
101
|
-
i = [
|
|
99
|
+
i = [I(), y({ attribute: "hide-scroll-up-button", reflect: !0, type: Boolean })], u = [x()], w(s, null, i, { kind: "accessor", name: "hideScrollUpButton", static: !1, private: !1, access: { has: (a) => "hideScrollUpButton" in a, get: (a) => a.hideScrollUpButton, set: (a, n) => {
|
|
102
100
|
a.hideScrollUpButton = n;
|
|
103
101
|
} }, metadata: r }, o, l), w(s, null, u, { kind: "accessor", name: "_scrollUpButtonVisible", static: !1, private: !1, access: { has: (a) => "_scrollUpButtonVisible" in a, get: (a) => a._scrollUpButtonVisible, set: (a, n) => {
|
|
104
102
|
a._scrollUpButtonVisible = n;
|
package/off-brand-theme.css
CHANGED
|
@@ -1652,6 +1652,11 @@ summary {
|
|
|
1652
1652
|
--sbb-logo-word-mark-color: var(--sbb-color-black);
|
|
1653
1653
|
--sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
|
|
1654
1654
|
--sbb-logo-aspect-ratio: 454 / 48;
|
|
1655
|
+
--sbb-map-container-map-height-zero: 18.4375rem;
|
|
1656
|
+
--sbb-map-container-map-height-small: 20rem;
|
|
1657
|
+
--sbb-map-container-sidebar-width: 25rem;
|
|
1658
|
+
--sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);
|
|
1659
|
+
--sbb-map-container-border-radius: var(--sbb-border-radius-4x);
|
|
1655
1660
|
--sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
|
|
1656
1661
|
--sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
|
|
1657
1662
|
--sbb-message-image-border-radius: var(--sbb-border-radius-4x);
|
|
@@ -1931,6 +1936,7 @@ summary {
|
|
|
1931
1936
|
--sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-ultra);
|
|
1932
1937
|
--sbb-lead-container-image-ratio: 21 / 9;
|
|
1933
1938
|
--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius);
|
|
1939
|
+
--sbb-map-container-sidebar-width: 30rem;
|
|
1934
1940
|
}
|
|
1935
1941
|
}
|
|
1936
1942
|
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-dev",
|
|
3
|
-
"version": "4.7.0-dev.
|
|
3
|
+
"version": "4.7.0-dev.1773405905",
|
|
4
4
|
"description": "Lyne Design System",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"design system",
|
|
7
7
|
"web components",
|
|
8
8
|
"lit",
|
|
9
9
|
"storybook",
|
|
10
|
-
"https://github.com/sbb-design-systems/lyne-components/commit/
|
|
10
|
+
"https://github.com/sbb-design-systems/lyne-components/commit/9a3f8b8b042ce3694a12fbfc3e1aebe7e850509c"
|
|
11
11
|
],
|
|
12
12
|
"type": "module",
|
|
13
13
|
"exports": {
|
package/safety-theme.css
CHANGED
|
@@ -1652,6 +1652,11 @@ summary {
|
|
|
1652
1652
|
--sbb-logo-word-mark-color: var(--sbb-color-black);
|
|
1653
1653
|
--sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
|
|
1654
1654
|
--sbb-logo-aspect-ratio: 454 / 48;
|
|
1655
|
+
--sbb-map-container-map-height-zero: 18.4375rem;
|
|
1656
|
+
--sbb-map-container-map-height-small: 20rem;
|
|
1657
|
+
--sbb-map-container-sidebar-width: 25rem;
|
|
1658
|
+
--sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);
|
|
1659
|
+
--sbb-map-container-border-radius: var(--sbb-border-radius-4x);
|
|
1655
1660
|
--sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
|
|
1656
1661
|
--sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
|
|
1657
1662
|
--sbb-message-image-border-radius: var(--sbb-border-radius-4x);
|
|
@@ -1931,6 +1936,7 @@ summary {
|
|
|
1931
1936
|
--sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-ultra);
|
|
1932
1937
|
--sbb-lead-container-image-ratio: 21 / 9;
|
|
1933
1938
|
--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius);
|
|
1939
|
+
--sbb-map-container-sidebar-width: 30rem;
|
|
1934
1940
|
}
|
|
1935
1941
|
}
|
|
1936
1942
|
|
package/standard-theme.css
CHANGED
|
@@ -1652,6 +1652,11 @@ summary {
|
|
|
1652
1652
|
--sbb-logo-word-mark-color: var(--sbb-color-black);
|
|
1653
1653
|
--sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
|
|
1654
1654
|
--sbb-logo-aspect-ratio: 454 / 48;
|
|
1655
|
+
--sbb-map-container-map-height-zero: 18.4375rem;
|
|
1656
|
+
--sbb-map-container-map-height-small: 20rem;
|
|
1657
|
+
--sbb-map-container-sidebar-width: 25rem;
|
|
1658
|
+
--sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);
|
|
1659
|
+
--sbb-map-container-border-radius: var(--sbb-border-radius-4x);
|
|
1655
1660
|
--sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
|
|
1656
1661
|
--sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
|
|
1657
1662
|
--sbb-message-image-border-radius: var(--sbb-border-radius-4x);
|
|
@@ -1931,6 +1936,7 @@ summary {
|
|
|
1931
1936
|
--sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-ultra);
|
|
1932
1937
|
--sbb-lead-container-image-ratio: 21 / 9;
|
|
1933
1938
|
--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius);
|
|
1939
|
+
--sbb-map-container-sidebar-width: 30rem;
|
|
1934
1940
|
}
|
|
1935
1941
|
}
|
|
1936
1942
|
|