@sbb-esta/lyne-elements-dev 4.7.0-dev.1773397316 → 4.7.0-dev.1773398427
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 +232 -232
- 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
package/core/styles/core.scss
CHANGED
|
@@ -141,6 +141,9 @@ $theme: 'standard' !default;
|
|
|
141
141
|
@use '../../logo/logo.global' as logo with (
|
|
142
142
|
$theme: $theme
|
|
143
143
|
);
|
|
144
|
+
@use '../../map-container/map-container.global' as map-container with (
|
|
145
|
+
$theme: $theme
|
|
146
|
+
);
|
|
144
147
|
@use '../../message/message.global' as message with (
|
|
145
148
|
$theme: $theme
|
|
146
149
|
);
|
|
@@ -234,6 +237,7 @@ $theme: 'standard' !default;
|
|
|
234
237
|
@include loading-indicator.base;
|
|
235
238
|
@include loading-indicator-circle.base;
|
|
236
239
|
@include logo.base;
|
|
240
|
+
@include map-container.base;
|
|
237
241
|
@include message.base;
|
|
238
242
|
@include mini-calendar-day.base;
|
|
239
243
|
@include mini-calendar-month.base;
|
|
@@ -351,6 +355,7 @@ $theme: 'standard' !default;
|
|
|
351
355
|
@include sbb-css-tokens.breakpoint-ultra;
|
|
352
356
|
|
|
353
357
|
@include lead-container.base-breakpoint-ultra;
|
|
358
|
+
@include map-container.base-breakpoint-ultra;
|
|
354
359
|
}
|
|
355
360
|
}
|
|
356
361
|
|
package/core.css
CHANGED
|
@@ -1548,6 +1548,11 @@
|
|
|
1548
1548
|
--sbb-logo-word-mark-color: var(--sbb-color-black);
|
|
1549
1549
|
--sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
|
|
1550
1550
|
--sbb-logo-aspect-ratio: 454 / 48;
|
|
1551
|
+
--sbb-map-container-map-height-zero: 18.4375rem;
|
|
1552
|
+
--sbb-map-container-map-height-small: 20rem;
|
|
1553
|
+
--sbb-map-container-sidebar-width: 25rem;
|
|
1554
|
+
--sbb-map-container-sidebar-background-color: var(--sbb-background-color-1);
|
|
1555
|
+
--sbb-map-container-border-radius: var(--sbb-border-radius-4x);
|
|
1551
1556
|
--sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
|
|
1552
1557
|
--sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
|
|
1553
1558
|
--sbb-message-image-border-radius: var(--sbb-border-radius-4x);
|
|
@@ -1827,6 +1832,7 @@
|
|
|
1827
1832
|
--sbb-grid-base-gutter-responsive: var(--sbb-layout-base-grid-gutter-responsive-ultra);
|
|
1828
1833
|
--sbb-lead-container-image-ratio: 21 / 9;
|
|
1829
1834
|
--sbb-lead-container-image-border-radius: var(--sbb-lead-container-border-radius);
|
|
1835
|
+
--sbb-map-container-sidebar-width: 30rem;
|
|
1830
1836
|
}
|
|
1831
1837
|
}
|
|
1832
1838
|
|
package/custom-elements.json
CHANGED
|
@@ -30743,238 +30743,6 @@
|
|
|
30743
30743
|
}
|
|
30744
30744
|
]
|
|
30745
30745
|
},
|
|
30746
|
-
{
|
|
30747
|
-
"kind": "javascript-module",
|
|
30748
|
-
"path": "timetable-occupancy/timetable-occupancy.component.js",
|
|
30749
|
-
"declarations": [
|
|
30750
|
-
{
|
|
30751
|
-
"kind": "class",
|
|
30752
|
-
"description": "Used in `sbb-timetable-row`, it displays information about wagon occupancy.",
|
|
30753
|
-
"name": "SbbTimetableOccupancyElement",
|
|
30754
|
-
"members": [
|
|
30755
|
-
{
|
|
30756
|
-
"kind": "field",
|
|
30757
|
-
"name": "elementName",
|
|
30758
|
-
"type": {
|
|
30759
|
-
"text": "string"
|
|
30760
|
-
},
|
|
30761
|
-
"privacy": "public",
|
|
30762
|
-
"static": true,
|
|
30763
|
-
"readonly": true,
|
|
30764
|
-
"default": "'sbb-timetable-occupancy'",
|
|
30765
|
-
"inheritedFrom": {
|
|
30766
|
-
"name": "SbbElement",
|
|
30767
|
-
"module": "core/base-elements/element.js"
|
|
30768
|
-
}
|
|
30769
|
-
},
|
|
30770
|
-
{
|
|
30771
|
-
"kind": "field",
|
|
30772
|
-
"name": "firstClassOccupancy",
|
|
30773
|
-
"type": {
|
|
30774
|
-
"text": "SbbOccupancy | null"
|
|
30775
|
-
},
|
|
30776
|
-
"privacy": "public",
|
|
30777
|
-
"default": "null",
|
|
30778
|
-
"description": "Occupancy for first class wagons.",
|
|
30779
|
-
"attribute": "first-class-occupancy"
|
|
30780
|
-
},
|
|
30781
|
-
{
|
|
30782
|
-
"kind": "field",
|
|
30783
|
-
"name": "secondClassOccupancy",
|
|
30784
|
-
"type": {
|
|
30785
|
-
"text": "SbbOccupancy | null"
|
|
30786
|
-
},
|
|
30787
|
-
"privacy": "public",
|
|
30788
|
-
"default": "null",
|
|
30789
|
-
"description": "Occupancy for second class wagons.",
|
|
30790
|
-
"attribute": "second-class-occupancy"
|
|
30791
|
-
},
|
|
30792
|
-
{
|
|
30793
|
-
"kind": "field",
|
|
30794
|
-
"name": "_language",
|
|
30795
|
-
"privacy": "private",
|
|
30796
|
-
"default": "new SbbLanguageController(this)"
|
|
30797
|
-
},
|
|
30798
|
-
{
|
|
30799
|
-
"kind": "field",
|
|
30800
|
-
"name": "negative",
|
|
30801
|
-
"type": {
|
|
30802
|
-
"text": "boolean"
|
|
30803
|
-
},
|
|
30804
|
-
"privacy": "public",
|
|
30805
|
-
"default": "false",
|
|
30806
|
-
"description": "Negative coloring variant flag.",
|
|
30807
|
-
"attribute": "negative",
|
|
30808
|
-
"reflects": true,
|
|
30809
|
-
"inheritedFrom": {
|
|
30810
|
-
"name": "SbbNegativeMixin",
|
|
30811
|
-
"module": "core/mixins/negative-mixin.js"
|
|
30812
|
-
}
|
|
30813
|
-
},
|
|
30814
|
-
{
|
|
30815
|
-
"kind": "field",
|
|
30816
|
-
"name": "_hydrationRequired",
|
|
30817
|
-
"type": {
|
|
30818
|
-
"text": "boolean"
|
|
30819
|
-
},
|
|
30820
|
-
"privacy": "private",
|
|
30821
|
-
"default": "!!this.shadowRoot",
|
|
30822
|
-
"inheritedFrom": {
|
|
30823
|
-
"name": "SbbHydrationMixin",
|
|
30824
|
-
"module": "core/mixins/hydration-mixin.js"
|
|
30825
|
-
}
|
|
30826
|
-
},
|
|
30827
|
-
{
|
|
30828
|
-
"kind": "field",
|
|
30829
|
-
"name": "_hydrationComplete",
|
|
30830
|
-
"privacy": "private",
|
|
30831
|
-
"default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
|
|
30832
|
-
"inheritedFrom": {
|
|
30833
|
-
"name": "SbbHydrationMixin",
|
|
30834
|
-
"module": "core/mixins/hydration-mixin.js"
|
|
30835
|
-
}
|
|
30836
|
-
},
|
|
30837
|
-
{
|
|
30838
|
-
"kind": "field",
|
|
30839
|
-
"name": "_resolveHydration",
|
|
30840
|
-
"type": {
|
|
30841
|
-
"text": "(hydrationRequired: boolean) => void"
|
|
30842
|
-
},
|
|
30843
|
-
"privacy": "private",
|
|
30844
|
-
"inheritedFrom": {
|
|
30845
|
-
"name": "SbbHydrationMixin",
|
|
30846
|
-
"module": "core/mixins/hydration-mixin.js"
|
|
30847
|
-
}
|
|
30848
|
-
},
|
|
30849
|
-
{
|
|
30850
|
-
"kind": "field",
|
|
30851
|
-
"name": "hydrationRequired",
|
|
30852
|
-
"type": {
|
|
30853
|
-
"text": "boolean"
|
|
30854
|
-
},
|
|
30855
|
-
"privacy": "protected",
|
|
30856
|
-
"description": "Returns whether hydration is required and not completed.",
|
|
30857
|
-
"readonly": true,
|
|
30858
|
-
"inheritedFrom": {
|
|
30859
|
-
"name": "SbbHydrationMixin",
|
|
30860
|
-
"module": "core/mixins/hydration-mixin.js"
|
|
30861
|
-
},
|
|
30862
|
-
"default": "!!this.shadowRoot"
|
|
30863
|
-
},
|
|
30864
|
-
{
|
|
30865
|
-
"kind": "method",
|
|
30866
|
-
"name": "toggleState",
|
|
30867
|
-
"privacy": "protected",
|
|
30868
|
-
"return": {
|
|
30869
|
-
"type": {
|
|
30870
|
-
"text": "void"
|
|
30871
|
-
}
|
|
30872
|
-
},
|
|
30873
|
-
"parameters": [
|
|
30874
|
-
{
|
|
30875
|
-
"name": "value",
|
|
30876
|
-
"type": {
|
|
30877
|
-
"text": "string"
|
|
30878
|
-
}
|
|
30879
|
-
},
|
|
30880
|
-
{
|
|
30881
|
-
"name": "force",
|
|
30882
|
-
"optional": true,
|
|
30883
|
-
"type": {
|
|
30884
|
-
"text": "boolean"
|
|
30885
|
-
}
|
|
30886
|
-
}
|
|
30887
|
-
],
|
|
30888
|
-
"inheritedFrom": {
|
|
30889
|
-
"name": "SbbElementInternalsMixin",
|
|
30890
|
-
"module": "core/mixins/element-internals-mixin.js"
|
|
30891
|
-
}
|
|
30892
|
-
},
|
|
30893
|
-
{
|
|
30894
|
-
"kind": "field",
|
|
30895
|
-
"name": "['_$sbbElement$']",
|
|
30896
|
-
"type": {
|
|
30897
|
-
"text": "boolean"
|
|
30898
|
-
},
|
|
30899
|
-
"privacy": "public",
|
|
30900
|
-
"static": true,
|
|
30901
|
-
"default": "true",
|
|
30902
|
-
"inheritedFrom": {
|
|
30903
|
-
"name": "SbbElement",
|
|
30904
|
-
"module": "core/base-elements/element.js"
|
|
30905
|
-
}
|
|
30906
|
-
},
|
|
30907
|
-
{
|
|
30908
|
-
"kind": "field",
|
|
30909
|
-
"name": "_controllers",
|
|
30910
|
-
"type": {
|
|
30911
|
-
"text": "Set<SbbReactiveController> | undefined"
|
|
30912
|
-
},
|
|
30913
|
-
"privacy": "private",
|
|
30914
|
-
"inheritedFrom": {
|
|
30915
|
-
"name": "SbbElement",
|
|
30916
|
-
"module": "core/base-elements/element.js"
|
|
30917
|
-
}
|
|
30918
|
-
}
|
|
30919
|
-
],
|
|
30920
|
-
"attributes": [
|
|
30921
|
-
{
|
|
30922
|
-
"name": "first-class-occupancy",
|
|
30923
|
-
"type": {
|
|
30924
|
-
"text": "SbbOccupancy | null"
|
|
30925
|
-
},
|
|
30926
|
-
"default": "null",
|
|
30927
|
-
"description": "Occupancy for first class wagons.",
|
|
30928
|
-
"fieldName": "firstClassOccupancy"
|
|
30929
|
-
},
|
|
30930
|
-
{
|
|
30931
|
-
"name": "second-class-occupancy",
|
|
30932
|
-
"type": {
|
|
30933
|
-
"text": "SbbOccupancy | null"
|
|
30934
|
-
},
|
|
30935
|
-
"default": "null",
|
|
30936
|
-
"description": "Occupancy for second class wagons.",
|
|
30937
|
-
"fieldName": "secondClassOccupancy"
|
|
30938
|
-
},
|
|
30939
|
-
{
|
|
30940
|
-
"name": "negative",
|
|
30941
|
-
"type": {
|
|
30942
|
-
"text": "boolean"
|
|
30943
|
-
},
|
|
30944
|
-
"default": "false",
|
|
30945
|
-
"description": "Negative coloring variant flag.",
|
|
30946
|
-
"fieldName": "negative",
|
|
30947
|
-
"inheritedFrom": {
|
|
30948
|
-
"name": "SbbNegativeMixin",
|
|
30949
|
-
"module": "core/mixins/negative-mixin.js"
|
|
30950
|
-
}
|
|
30951
|
-
}
|
|
30952
|
-
],
|
|
30953
|
-
"mixins": [
|
|
30954
|
-
{
|
|
30955
|
-
"name": "SbbNegativeMixin",
|
|
30956
|
-
"module": "core/mixins.js"
|
|
30957
|
-
}
|
|
30958
|
-
],
|
|
30959
|
-
"superclass": {
|
|
30960
|
-
"name": "SbbElement",
|
|
30961
|
-
"module": "core/base-elements.js"
|
|
30962
|
-
},
|
|
30963
|
-
"tagName": "sbb-timetable-occupancy",
|
|
30964
|
-
"customElement": true
|
|
30965
|
-
}
|
|
30966
|
-
],
|
|
30967
|
-
"exports": [
|
|
30968
|
-
{
|
|
30969
|
-
"kind": "js",
|
|
30970
|
-
"name": "SbbTimetableOccupancyElement",
|
|
30971
|
-
"declaration": {
|
|
30972
|
-
"name": "SbbTimetableOccupancyElement",
|
|
30973
|
-
"module": "timetable-occupancy/timetable-occupancy.component.js"
|
|
30974
|
-
}
|
|
30975
|
-
}
|
|
30976
|
-
]
|
|
30977
|
-
},
|
|
30978
30746
|
{
|
|
30979
30747
|
"kind": "javascript-module",
|
|
30980
30748
|
"path": "timetable-occupancy-icon/timetable-occupancy-icon.component.js",
|
|
@@ -32559,6 +32327,238 @@
|
|
|
32559
32327
|
}
|
|
32560
32328
|
]
|
|
32561
32329
|
},
|
|
32330
|
+
{
|
|
32331
|
+
"kind": "javascript-module",
|
|
32332
|
+
"path": "timetable-occupancy/timetable-occupancy.component.js",
|
|
32333
|
+
"declarations": [
|
|
32334
|
+
{
|
|
32335
|
+
"kind": "class",
|
|
32336
|
+
"description": "Used in `sbb-timetable-row`, it displays information about wagon occupancy.",
|
|
32337
|
+
"name": "SbbTimetableOccupancyElement",
|
|
32338
|
+
"members": [
|
|
32339
|
+
{
|
|
32340
|
+
"kind": "field",
|
|
32341
|
+
"name": "elementName",
|
|
32342
|
+
"type": {
|
|
32343
|
+
"text": "string"
|
|
32344
|
+
},
|
|
32345
|
+
"privacy": "public",
|
|
32346
|
+
"static": true,
|
|
32347
|
+
"readonly": true,
|
|
32348
|
+
"default": "'sbb-timetable-occupancy'",
|
|
32349
|
+
"inheritedFrom": {
|
|
32350
|
+
"name": "SbbElement",
|
|
32351
|
+
"module": "core/base-elements/element.js"
|
|
32352
|
+
}
|
|
32353
|
+
},
|
|
32354
|
+
{
|
|
32355
|
+
"kind": "field",
|
|
32356
|
+
"name": "firstClassOccupancy",
|
|
32357
|
+
"type": {
|
|
32358
|
+
"text": "SbbOccupancy | null"
|
|
32359
|
+
},
|
|
32360
|
+
"privacy": "public",
|
|
32361
|
+
"default": "null",
|
|
32362
|
+
"description": "Occupancy for first class wagons.",
|
|
32363
|
+
"attribute": "first-class-occupancy"
|
|
32364
|
+
},
|
|
32365
|
+
{
|
|
32366
|
+
"kind": "field",
|
|
32367
|
+
"name": "secondClassOccupancy",
|
|
32368
|
+
"type": {
|
|
32369
|
+
"text": "SbbOccupancy | null"
|
|
32370
|
+
},
|
|
32371
|
+
"privacy": "public",
|
|
32372
|
+
"default": "null",
|
|
32373
|
+
"description": "Occupancy for second class wagons.",
|
|
32374
|
+
"attribute": "second-class-occupancy"
|
|
32375
|
+
},
|
|
32376
|
+
{
|
|
32377
|
+
"kind": "field",
|
|
32378
|
+
"name": "_language",
|
|
32379
|
+
"privacy": "private",
|
|
32380
|
+
"default": "new SbbLanguageController(this)"
|
|
32381
|
+
},
|
|
32382
|
+
{
|
|
32383
|
+
"kind": "field",
|
|
32384
|
+
"name": "negative",
|
|
32385
|
+
"type": {
|
|
32386
|
+
"text": "boolean"
|
|
32387
|
+
},
|
|
32388
|
+
"privacy": "public",
|
|
32389
|
+
"default": "false",
|
|
32390
|
+
"description": "Negative coloring variant flag.",
|
|
32391
|
+
"attribute": "negative",
|
|
32392
|
+
"reflects": true,
|
|
32393
|
+
"inheritedFrom": {
|
|
32394
|
+
"name": "SbbNegativeMixin",
|
|
32395
|
+
"module": "core/mixins/negative-mixin.js"
|
|
32396
|
+
}
|
|
32397
|
+
},
|
|
32398
|
+
{
|
|
32399
|
+
"kind": "field",
|
|
32400
|
+
"name": "_hydrationRequired",
|
|
32401
|
+
"type": {
|
|
32402
|
+
"text": "boolean"
|
|
32403
|
+
},
|
|
32404
|
+
"privacy": "private",
|
|
32405
|
+
"default": "!!this.shadowRoot",
|
|
32406
|
+
"inheritedFrom": {
|
|
32407
|
+
"name": "SbbHydrationMixin",
|
|
32408
|
+
"module": "core/mixins/hydration-mixin.js"
|
|
32409
|
+
}
|
|
32410
|
+
},
|
|
32411
|
+
{
|
|
32412
|
+
"kind": "field",
|
|
32413
|
+
"name": "_hydrationComplete",
|
|
32414
|
+
"privacy": "private",
|
|
32415
|
+
"default": "new Promise<boolean>( (resolve) => (this._resolveHydration = resolve), )",
|
|
32416
|
+
"inheritedFrom": {
|
|
32417
|
+
"name": "SbbHydrationMixin",
|
|
32418
|
+
"module": "core/mixins/hydration-mixin.js"
|
|
32419
|
+
}
|
|
32420
|
+
},
|
|
32421
|
+
{
|
|
32422
|
+
"kind": "field",
|
|
32423
|
+
"name": "_resolveHydration",
|
|
32424
|
+
"type": {
|
|
32425
|
+
"text": "(hydrationRequired: boolean) => void"
|
|
32426
|
+
},
|
|
32427
|
+
"privacy": "private",
|
|
32428
|
+
"inheritedFrom": {
|
|
32429
|
+
"name": "SbbHydrationMixin",
|
|
32430
|
+
"module": "core/mixins/hydration-mixin.js"
|
|
32431
|
+
}
|
|
32432
|
+
},
|
|
32433
|
+
{
|
|
32434
|
+
"kind": "field",
|
|
32435
|
+
"name": "hydrationRequired",
|
|
32436
|
+
"type": {
|
|
32437
|
+
"text": "boolean"
|
|
32438
|
+
},
|
|
32439
|
+
"privacy": "protected",
|
|
32440
|
+
"description": "Returns whether hydration is required and not completed.",
|
|
32441
|
+
"readonly": true,
|
|
32442
|
+
"inheritedFrom": {
|
|
32443
|
+
"name": "SbbHydrationMixin",
|
|
32444
|
+
"module": "core/mixins/hydration-mixin.js"
|
|
32445
|
+
},
|
|
32446
|
+
"default": "!!this.shadowRoot"
|
|
32447
|
+
},
|
|
32448
|
+
{
|
|
32449
|
+
"kind": "method",
|
|
32450
|
+
"name": "toggleState",
|
|
32451
|
+
"privacy": "protected",
|
|
32452
|
+
"return": {
|
|
32453
|
+
"type": {
|
|
32454
|
+
"text": "void"
|
|
32455
|
+
}
|
|
32456
|
+
},
|
|
32457
|
+
"parameters": [
|
|
32458
|
+
{
|
|
32459
|
+
"name": "value",
|
|
32460
|
+
"type": {
|
|
32461
|
+
"text": "string"
|
|
32462
|
+
}
|
|
32463
|
+
},
|
|
32464
|
+
{
|
|
32465
|
+
"name": "force",
|
|
32466
|
+
"optional": true,
|
|
32467
|
+
"type": {
|
|
32468
|
+
"text": "boolean"
|
|
32469
|
+
}
|
|
32470
|
+
}
|
|
32471
|
+
],
|
|
32472
|
+
"inheritedFrom": {
|
|
32473
|
+
"name": "SbbElementInternalsMixin",
|
|
32474
|
+
"module": "core/mixins/element-internals-mixin.js"
|
|
32475
|
+
}
|
|
32476
|
+
},
|
|
32477
|
+
{
|
|
32478
|
+
"kind": "field",
|
|
32479
|
+
"name": "['_$sbbElement$']",
|
|
32480
|
+
"type": {
|
|
32481
|
+
"text": "boolean"
|
|
32482
|
+
},
|
|
32483
|
+
"privacy": "public",
|
|
32484
|
+
"static": true,
|
|
32485
|
+
"default": "true",
|
|
32486
|
+
"inheritedFrom": {
|
|
32487
|
+
"name": "SbbElement",
|
|
32488
|
+
"module": "core/base-elements/element.js"
|
|
32489
|
+
}
|
|
32490
|
+
},
|
|
32491
|
+
{
|
|
32492
|
+
"kind": "field",
|
|
32493
|
+
"name": "_controllers",
|
|
32494
|
+
"type": {
|
|
32495
|
+
"text": "Set<SbbReactiveController> | undefined"
|
|
32496
|
+
},
|
|
32497
|
+
"privacy": "private",
|
|
32498
|
+
"inheritedFrom": {
|
|
32499
|
+
"name": "SbbElement",
|
|
32500
|
+
"module": "core/base-elements/element.js"
|
|
32501
|
+
}
|
|
32502
|
+
}
|
|
32503
|
+
],
|
|
32504
|
+
"attributes": [
|
|
32505
|
+
{
|
|
32506
|
+
"name": "first-class-occupancy",
|
|
32507
|
+
"type": {
|
|
32508
|
+
"text": "SbbOccupancy | null"
|
|
32509
|
+
},
|
|
32510
|
+
"default": "null",
|
|
32511
|
+
"description": "Occupancy for first class wagons.",
|
|
32512
|
+
"fieldName": "firstClassOccupancy"
|
|
32513
|
+
},
|
|
32514
|
+
{
|
|
32515
|
+
"name": "second-class-occupancy",
|
|
32516
|
+
"type": {
|
|
32517
|
+
"text": "SbbOccupancy | null"
|
|
32518
|
+
},
|
|
32519
|
+
"default": "null",
|
|
32520
|
+
"description": "Occupancy for second class wagons.",
|
|
32521
|
+
"fieldName": "secondClassOccupancy"
|
|
32522
|
+
},
|
|
32523
|
+
{
|
|
32524
|
+
"name": "negative",
|
|
32525
|
+
"type": {
|
|
32526
|
+
"text": "boolean"
|
|
32527
|
+
},
|
|
32528
|
+
"default": "false",
|
|
32529
|
+
"description": "Negative coloring variant flag.",
|
|
32530
|
+
"fieldName": "negative",
|
|
32531
|
+
"inheritedFrom": {
|
|
32532
|
+
"name": "SbbNegativeMixin",
|
|
32533
|
+
"module": "core/mixins/negative-mixin.js"
|
|
32534
|
+
}
|
|
32535
|
+
}
|
|
32536
|
+
],
|
|
32537
|
+
"mixins": [
|
|
32538
|
+
{
|
|
32539
|
+
"name": "SbbNegativeMixin",
|
|
32540
|
+
"module": "core/mixins.js"
|
|
32541
|
+
}
|
|
32542
|
+
],
|
|
32543
|
+
"superclass": {
|
|
32544
|
+
"name": "SbbElement",
|
|
32545
|
+
"module": "core/base-elements.js"
|
|
32546
|
+
},
|
|
32547
|
+
"tagName": "sbb-timetable-occupancy",
|
|
32548
|
+
"customElement": true
|
|
32549
|
+
}
|
|
32550
|
+
],
|
|
32551
|
+
"exports": [
|
|
32552
|
+
{
|
|
32553
|
+
"kind": "js",
|
|
32554
|
+
"name": "SbbTimetableOccupancyElement",
|
|
32555
|
+
"declaration": {
|
|
32556
|
+
"name": "SbbTimetableOccupancyElement",
|
|
32557
|
+
"module": "timetable-occupancy/timetable-occupancy.component.js"
|
|
32558
|
+
}
|
|
32559
|
+
}
|
|
32560
|
+
]
|
|
32561
|
+
},
|
|
32562
32562
|
{
|
|
32563
32563
|
"kind": "javascript-module",
|
|
32564
32564
|
"path": "toggle/toggle-option.js",
|
|
@@ -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+YFxuICAgICAgICAgIDogbm90aGluZ31cbiAgICAgIDwvZGl2PlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1tYXAtY29udGFpbmVyJzogU2JiTWFwQ29udGFpbmVyRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQStCYSwwQkFBc0IsTUFBQTs7b0JBQVM7Ozs7Ozs7QUFBL0IsU0FBQSxtQkFBK0IsWUFBVTtBQUFBOztBQU9wRDtBQUVTO0FBRk8seUJBQUEsc0NBQUEsa0JBQUEsTUFBQSxrQ0FBOEIsS0FBSztBQUV6Qix5QkFBQSwyQ0FBQSxrQkFBQSxNQUFBLHFDQUFBLEdBQUEsa0JBQUEsTUFBQSxzQ0FBeUIsS0FBSztBQUVoRCxXQUFBLGlGQUFZLElBQUksc0JBQXNCLElBQUk7QUFDMUMsV0FBQSxZQUFZLElBQUksdUJBQXVCLE1BQU07QUFBQSxRQUNuRCxRQUFRO0FBQUEsUUFDUixVQUFVLENBQUMsWUFBWSxLQUFLLG1DQUFtQyxP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
|
|
@@ -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.1773398427",
|
|
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/7505f763b5526170d4fc2706c6fcbabf46083f61"
|
|
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
|
|