@sbb-esta/lyne-elements-dev 4.7.0-dev.1773396933 → 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 +322 -322
- 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
|
@@ -30745,12 +30745,12 @@
|
|
|
30745
30745
|
},
|
|
30746
30746
|
{
|
|
30747
30747
|
"kind": "javascript-module",
|
|
30748
|
-
"path": "timetable-occupancy/timetable-occupancy.component.js",
|
|
30748
|
+
"path": "timetable-occupancy-icon/timetable-occupancy-icon.component.js",
|
|
30749
30749
|
"declarations": [
|
|
30750
30750
|
{
|
|
30751
30751
|
"kind": "class",
|
|
30752
|
-
"description": "
|
|
30753
|
-
"name": "
|
|
30752
|
+
"description": "It displays a wagon's occupancy icon.",
|
|
30753
|
+
"name": "SbbTimetableOccupancyIconElement",
|
|
30754
30754
|
"members": [
|
|
30755
30755
|
{
|
|
30756
30756
|
"kind": "field",
|
|
@@ -30761,39 +30761,95 @@
|
|
|
30761
30761
|
"privacy": "public",
|
|
30762
30762
|
"static": true,
|
|
30763
30763
|
"readonly": true,
|
|
30764
|
-
"default": "'sbb-timetable-occupancy'",
|
|
30765
30764
|
"inheritedFrom": {
|
|
30766
30765
|
"name": "SbbElement",
|
|
30767
30766
|
"module": "core/base-elements/element.js"
|
|
30768
|
-
}
|
|
30767
|
+
},
|
|
30768
|
+
"default": "'sbb-timetable-occupancy-icon'"
|
|
30769
30769
|
},
|
|
30770
30770
|
{
|
|
30771
30771
|
"kind": "field",
|
|
30772
|
-
"name": "
|
|
30772
|
+
"name": "occupancy",
|
|
30773
30773
|
"type": {
|
|
30774
|
-
"text": "SbbOccupancy
|
|
30774
|
+
"text": "SbbOccupancy"
|
|
30775
30775
|
},
|
|
30776
30776
|
"privacy": "public",
|
|
30777
|
-
"default": "
|
|
30778
|
-
"description": "
|
|
30779
|
-
"attribute": "
|
|
30777
|
+
"default": "'none'",
|
|
30778
|
+
"description": "Wagon occupancy.",
|
|
30779
|
+
"attribute": "occupancy"
|
|
30780
30780
|
},
|
|
30781
30781
|
{
|
|
30782
30782
|
"kind": "field",
|
|
30783
|
-
"name": "
|
|
30783
|
+
"name": "_language",
|
|
30784
|
+
"privacy": "private"
|
|
30785
|
+
},
|
|
30786
|
+
{
|
|
30787
|
+
"kind": "field",
|
|
30788
|
+
"name": "_mediaMatcher",
|
|
30789
|
+
"privacy": "private",
|
|
30790
|
+
"default": "new SbbMediaMatcherController(this, { [SbbMediaQueryForcedColors]: (matches) => { this._forcedColors = matches; this._setNameAndAriaLabel(); }, })"
|
|
30791
|
+
},
|
|
30792
|
+
{
|
|
30793
|
+
"kind": "field",
|
|
30794
|
+
"name": "_darkModeController",
|
|
30795
|
+
"privacy": "private",
|
|
30796
|
+
"default": "new SbbDarkModeController(this, () => this._setNameAndAriaLabel())"
|
|
30797
|
+
},
|
|
30798
|
+
{
|
|
30799
|
+
"kind": "field",
|
|
30800
|
+
"name": "_forcedColors",
|
|
30784
30801
|
"type": {
|
|
30785
|
-
"text": "
|
|
30802
|
+
"text": "boolean"
|
|
30786
30803
|
},
|
|
30787
|
-
"privacy": "
|
|
30788
|
-
"default": "null",
|
|
30789
|
-
"description": "Occupancy for second class wagons.",
|
|
30790
|
-
"attribute": "second-class-occupancy"
|
|
30804
|
+
"privacy": "private"
|
|
30791
30805
|
},
|
|
30792
30806
|
{
|
|
30793
|
-
"kind": "
|
|
30794
|
-
"name": "
|
|
30807
|
+
"kind": "method",
|
|
30808
|
+
"name": "_setNameAndAriaLabel",
|
|
30795
30809
|
"privacy": "private",
|
|
30796
|
-
"
|
|
30810
|
+
"return": {
|
|
30811
|
+
"type": {
|
|
30812
|
+
"text": "Promise<void>"
|
|
30813
|
+
}
|
|
30814
|
+
}
|
|
30815
|
+
},
|
|
30816
|
+
{
|
|
30817
|
+
"kind": "method",
|
|
30818
|
+
"name": "fetchSvgIcon",
|
|
30819
|
+
"privacy": "protected",
|
|
30820
|
+
"return": {
|
|
30821
|
+
"type": {
|
|
30822
|
+
"text": "Promise<string>"
|
|
30823
|
+
}
|
|
30824
|
+
},
|
|
30825
|
+
"parameters": [
|
|
30826
|
+
{
|
|
30827
|
+
"name": "namespace",
|
|
30828
|
+
"type": {
|
|
30829
|
+
"text": "string"
|
|
30830
|
+
}
|
|
30831
|
+
},
|
|
30832
|
+
{
|
|
30833
|
+
"name": "name",
|
|
30834
|
+
"type": {
|
|
30835
|
+
"text": "string"
|
|
30836
|
+
}
|
|
30837
|
+
}
|
|
30838
|
+
],
|
|
30839
|
+
"inheritedFrom": {
|
|
30840
|
+
"name": "SbbIconBase",
|
|
30841
|
+
"module": "icon/icon-base.js"
|
|
30842
|
+
}
|
|
30843
|
+
},
|
|
30844
|
+
{
|
|
30845
|
+
"kind": "method",
|
|
30846
|
+
"name": "_setAriaLabel",
|
|
30847
|
+
"privacy": "private",
|
|
30848
|
+
"return": {
|
|
30849
|
+
"type": {
|
|
30850
|
+
"text": "void"
|
|
30851
|
+
}
|
|
30852
|
+
}
|
|
30797
30853
|
},
|
|
30798
30854
|
{
|
|
30799
30855
|
"kind": "field",
|
|
@@ -30811,6 +30867,107 @@
|
|
|
30811
30867
|
"module": "core/mixins/negative-mixin.js"
|
|
30812
30868
|
}
|
|
30813
30869
|
},
|
|
30870
|
+
{
|
|
30871
|
+
"kind": "field",
|
|
30872
|
+
"name": "role",
|
|
30873
|
+
"type": {
|
|
30874
|
+
"text": "string"
|
|
30875
|
+
},
|
|
30876
|
+
"privacy": "public",
|
|
30877
|
+
"static": true,
|
|
30878
|
+
"readonly": true,
|
|
30879
|
+
"default": "'img'",
|
|
30880
|
+
"inheritedFrom": {
|
|
30881
|
+
"name": "SbbIconBase",
|
|
30882
|
+
"module": "icon/icon-base.js"
|
|
30883
|
+
}
|
|
30884
|
+
},
|
|
30885
|
+
{
|
|
30886
|
+
"kind": "field",
|
|
30887
|
+
"name": "_svgNamespace",
|
|
30888
|
+
"privacy": "private",
|
|
30889
|
+
"default": "'default'",
|
|
30890
|
+
"type": {
|
|
30891
|
+
"text": "string"
|
|
30892
|
+
},
|
|
30893
|
+
"inheritedFrom": {
|
|
30894
|
+
"name": "SbbIconBase",
|
|
30895
|
+
"module": "icon/icon-base.js"
|
|
30896
|
+
}
|
|
30897
|
+
},
|
|
30898
|
+
{
|
|
30899
|
+
"kind": "field",
|
|
30900
|
+
"name": "_svgIcon",
|
|
30901
|
+
"type": {
|
|
30902
|
+
"text": "Promise<DirectiveResult<typeof UnsafeHTMLDirective>> | null"
|
|
30903
|
+
},
|
|
30904
|
+
"privacy": "private",
|
|
30905
|
+
"default": "null",
|
|
30906
|
+
"description": "The icon svg content rendered on the page: <svg>...</svg>.",
|
|
30907
|
+
"inheritedFrom": {
|
|
30908
|
+
"name": "SbbIconBase",
|
|
30909
|
+
"module": "icon/icon-base.js"
|
|
30910
|
+
}
|
|
30911
|
+
},
|
|
30912
|
+
{
|
|
30913
|
+
"kind": "field",
|
|
30914
|
+
"name": "noSanitize",
|
|
30915
|
+
"type": {
|
|
30916
|
+
"text": "boolean"
|
|
30917
|
+
},
|
|
30918
|
+
"privacy": "public",
|
|
30919
|
+
"default": "false",
|
|
30920
|
+
"description": "When set to `true`, SVG content that is HTTP fetched will not be checked\nif the response SVG content has any `<script>` elements, or any attributes\nthat start with `on`, such as `onclick`.",
|
|
30921
|
+
"attribute": "no-sanitize",
|
|
30922
|
+
"inheritedFrom": {
|
|
30923
|
+
"name": "SbbIconBase",
|
|
30924
|
+
"module": "icon/icon-base.js"
|
|
30925
|
+
}
|
|
30926
|
+
},
|
|
30927
|
+
{
|
|
30928
|
+
"kind": "method",
|
|
30929
|
+
"name": "loadSvgIcon",
|
|
30930
|
+
"privacy": "protected",
|
|
30931
|
+
"return": {
|
|
30932
|
+
"type": {
|
|
30933
|
+
"text": "Promise<void>"
|
|
30934
|
+
}
|
|
30935
|
+
},
|
|
30936
|
+
"parameters": [
|
|
30937
|
+
{
|
|
30938
|
+
"name": "iconName",
|
|
30939
|
+
"type": {
|
|
30940
|
+
"text": "string"
|
|
30941
|
+
}
|
|
30942
|
+
}
|
|
30943
|
+
],
|
|
30944
|
+
"inheritedFrom": {
|
|
30945
|
+
"name": "SbbIconBase",
|
|
30946
|
+
"module": "icon/icon-base.js"
|
|
30947
|
+
}
|
|
30948
|
+
},
|
|
30949
|
+
{
|
|
30950
|
+
"kind": "method",
|
|
30951
|
+
"name": "_splitIconName",
|
|
30952
|
+
"privacy": "private",
|
|
30953
|
+
"return": {
|
|
30954
|
+
"type": {
|
|
30955
|
+
"text": "[string, string]"
|
|
30956
|
+
}
|
|
30957
|
+
},
|
|
30958
|
+
"parameters": [
|
|
30959
|
+
{
|
|
30960
|
+
"name": "iconName",
|
|
30961
|
+
"type": {
|
|
30962
|
+
"text": "string"
|
|
30963
|
+
}
|
|
30964
|
+
}
|
|
30965
|
+
],
|
|
30966
|
+
"inheritedFrom": {
|
|
30967
|
+
"name": "SbbIconBase",
|
|
30968
|
+
"module": "icon/icon-base.js"
|
|
30969
|
+
}
|
|
30970
|
+
},
|
|
30814
30971
|
{
|
|
30815
30972
|
"kind": "field",
|
|
30816
30973
|
"name": "_hydrationRequired",
|
|
@@ -30919,22 +31076,13 @@
|
|
|
30919
31076
|
],
|
|
30920
31077
|
"attributes": [
|
|
30921
31078
|
{
|
|
30922
|
-
"name": "
|
|
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",
|
|
31079
|
+
"name": "occupancy",
|
|
30932
31080
|
"type": {
|
|
30933
|
-
"text": "SbbOccupancy
|
|
31081
|
+
"text": "SbbOccupancy"
|
|
30934
31082
|
},
|
|
30935
|
-
"default": "
|
|
30936
|
-
"description": "
|
|
30937
|
-
"fieldName": "
|
|
31083
|
+
"default": "'none'",
|
|
31084
|
+
"description": "Wagon occupancy.",
|
|
31085
|
+
"fieldName": "occupancy"
|
|
30938
31086
|
},
|
|
30939
31087
|
{
|
|
30940
31088
|
"name": "negative",
|
|
@@ -30948,6 +31096,19 @@
|
|
|
30948
31096
|
"name": "SbbNegativeMixin",
|
|
30949
31097
|
"module": "core/mixins/negative-mixin.js"
|
|
30950
31098
|
}
|
|
31099
|
+
},
|
|
31100
|
+
{
|
|
31101
|
+
"name": "no-sanitize",
|
|
31102
|
+
"type": {
|
|
31103
|
+
"text": "boolean"
|
|
31104
|
+
},
|
|
31105
|
+
"default": "false",
|
|
31106
|
+
"description": "When set to `true`, SVG content that is HTTP fetched will not be checked\nif the response SVG content has any `<script>` elements, or any attributes\nthat start with `on`, such as `onclick`.",
|
|
31107
|
+
"fieldName": "noSanitize",
|
|
31108
|
+
"inheritedFrom": {
|
|
31109
|
+
"name": "SbbIconBase",
|
|
31110
|
+
"module": "icon/icon-base.js"
|
|
31111
|
+
}
|
|
30951
31112
|
}
|
|
30952
31113
|
],
|
|
30953
31114
|
"mixins": [
|
|
@@ -30957,20 +31118,40 @@
|
|
|
30957
31118
|
}
|
|
30958
31119
|
],
|
|
30959
31120
|
"superclass": {
|
|
30960
|
-
"name": "
|
|
30961
|
-
"module": "
|
|
31121
|
+
"name": "SbbIconBase",
|
|
31122
|
+
"module": "icon.js"
|
|
30962
31123
|
},
|
|
30963
|
-
"tagName": "sbb-timetable-occupancy",
|
|
30964
|
-
"customElement": true
|
|
31124
|
+
"tagName": "sbb-timetable-occupancy-icon",
|
|
31125
|
+
"customElement": true,
|
|
31126
|
+
"cssProperties": [
|
|
31127
|
+
{
|
|
31128
|
+
"description": "Can be used to set a custom width.",
|
|
31129
|
+
"name": "--sbb-icon-svg-width",
|
|
31130
|
+
"default": "auto",
|
|
31131
|
+
"inheritedFrom": {
|
|
31132
|
+
"name": "SbbIconBase",
|
|
31133
|
+
"module": "icon/icon-base.js"
|
|
31134
|
+
}
|
|
31135
|
+
},
|
|
31136
|
+
{
|
|
31137
|
+
"description": "Can be used to set a custom height.",
|
|
31138
|
+
"name": "--sbb-icon-svg-height",
|
|
31139
|
+
"default": "auto",
|
|
31140
|
+
"inheritedFrom": {
|
|
31141
|
+
"name": "SbbIconBase",
|
|
31142
|
+
"module": "icon/icon-base.js"
|
|
31143
|
+
}
|
|
31144
|
+
}
|
|
31145
|
+
]
|
|
30965
31146
|
}
|
|
30966
31147
|
],
|
|
30967
31148
|
"exports": [
|
|
30968
31149
|
{
|
|
30969
31150
|
"kind": "js",
|
|
30970
|
-
"name": "
|
|
31151
|
+
"name": "SbbTimetableOccupancyIconElement",
|
|
30971
31152
|
"declaration": {
|
|
30972
|
-
"name": "
|
|
30973
|
-
"module": "timetable-occupancy/timetable-occupancy.component.js"
|
|
31153
|
+
"name": "SbbTimetableOccupancyIconElement",
|
|
31154
|
+
"module": "timetable-occupancy-icon/timetable-occupancy-icon.component.js"
|
|
30974
31155
|
}
|
|
30975
31156
|
}
|
|
30976
31157
|
]
|
|
@@ -32087,288 +32268,131 @@
|
|
|
32087
32268
|
},
|
|
32088
32269
|
"tagName": "sbb-toast",
|
|
32089
32270
|
"customElement": true,
|
|
32090
|
-
"events": [
|
|
32091
|
-
{
|
|
32092
|
-
"name": "beforeopen",
|
|
32093
|
-
"type": {
|
|
32094
|
-
"text": "Event"
|
|
32095
|
-
},
|
|
32096
|
-
"description": "Emits whenever the component starts the opening transition. Can be canceled.",
|
|
32097
|
-
"inheritedFrom": {
|
|
32098
|
-
"name": "SbbOpenCloseBaseElement",
|
|
32099
|
-
"module": "core/base-elements/open-close-base-element.js"
|
|
32100
|
-
}
|
|
32101
|
-
},
|
|
32102
|
-
{
|
|
32103
|
-
"name": "open",
|
|
32104
|
-
"type": {
|
|
32105
|
-
"text": "Event"
|
|
32106
|
-
},
|
|
32107
|
-
"description": "Emits whenever the component is opened.",
|
|
32108
|
-
"inheritedFrom": {
|
|
32109
|
-
"name": "SbbOpenCloseBaseElement",
|
|
32110
|
-
"module": "core/base-elements/open-close-base-element.js"
|
|
32111
|
-
}
|
|
32112
|
-
},
|
|
32113
|
-
{
|
|
32114
|
-
"name": "beforeclose",
|
|
32115
|
-
"type": {
|
|
32116
|
-
"text": "Event"
|
|
32117
|
-
},
|
|
32118
|
-
"description": "Emits whenever the component begins the closing transition. Can be canceled.",
|
|
32119
|
-
"inheritedFrom": {
|
|
32120
|
-
"name": "SbbOpenCloseBaseElement",
|
|
32121
|
-
"module": "core/base-elements/open-close-base-element.js"
|
|
32122
|
-
}
|
|
32123
|
-
},
|
|
32124
|
-
{
|
|
32125
|
-
"name": "close",
|
|
32126
|
-
"type": {
|
|
32127
|
-
"text": "Event"
|
|
32128
|
-
},
|
|
32129
|
-
"description": "Emits whenever the component is closed.",
|
|
32130
|
-
"inheritedFrom": {
|
|
32131
|
-
"name": "SbbOpenCloseBaseElement",
|
|
32132
|
-
"module": "core/base-elements/open-close-base-element.js"
|
|
32133
|
-
}
|
|
32134
|
-
}
|
|
32135
|
-
]
|
|
32136
|
-
}
|
|
32137
|
-
],
|
|
32138
|
-
"exports": [
|
|
32139
|
-
{
|
|
32140
|
-
"kind": "js",
|
|
32141
|
-
"name": "SbbToastElement",
|
|
32142
|
-
"declaration": {
|
|
32143
|
-
"name": "SbbToastElement",
|
|
32144
|
-
"module": "toast/toast.component.js"
|
|
32145
|
-
}
|
|
32146
|
-
}
|
|
32147
|
-
]
|
|
32148
|
-
},
|
|
32149
|
-
{
|
|
32150
|
-
"kind": "javascript-module",
|
|
32151
|
-
"path": "timetable-occupancy-icon/timetable-occupancy-icon.component.js",
|
|
32152
|
-
"declarations": [
|
|
32153
|
-
{
|
|
32154
|
-
"kind": "class",
|
|
32155
|
-
"description": "It displays a wagon's occupancy icon.",
|
|
32156
|
-
"name": "SbbTimetableOccupancyIconElement",
|
|
32157
|
-
"members": [
|
|
32158
|
-
{
|
|
32159
|
-
"kind": "field",
|
|
32160
|
-
"name": "elementName",
|
|
32161
|
-
"type": {
|
|
32162
|
-
"text": "string"
|
|
32163
|
-
},
|
|
32164
|
-
"privacy": "public",
|
|
32165
|
-
"static": true,
|
|
32166
|
-
"readonly": true,
|
|
32167
|
-
"inheritedFrom": {
|
|
32168
|
-
"name": "SbbElement",
|
|
32169
|
-
"module": "core/base-elements/element.js"
|
|
32170
|
-
},
|
|
32171
|
-
"default": "'sbb-timetable-occupancy-icon'"
|
|
32172
|
-
},
|
|
32173
|
-
{
|
|
32174
|
-
"kind": "field",
|
|
32175
|
-
"name": "occupancy",
|
|
32176
|
-
"type": {
|
|
32177
|
-
"text": "SbbOccupancy"
|
|
32178
|
-
},
|
|
32179
|
-
"privacy": "public",
|
|
32180
|
-
"default": "'none'",
|
|
32181
|
-
"description": "Wagon occupancy.",
|
|
32182
|
-
"attribute": "occupancy"
|
|
32183
|
-
},
|
|
32184
|
-
{
|
|
32185
|
-
"kind": "field",
|
|
32186
|
-
"name": "_language",
|
|
32187
|
-
"privacy": "private"
|
|
32188
|
-
},
|
|
32189
|
-
{
|
|
32190
|
-
"kind": "field",
|
|
32191
|
-
"name": "_mediaMatcher",
|
|
32192
|
-
"privacy": "private",
|
|
32193
|
-
"default": "new SbbMediaMatcherController(this, { [SbbMediaQueryForcedColors]: (matches) => { this._forcedColors = matches; this._setNameAndAriaLabel(); }, })"
|
|
32194
|
-
},
|
|
32195
|
-
{
|
|
32196
|
-
"kind": "field",
|
|
32197
|
-
"name": "_darkModeController",
|
|
32198
|
-
"privacy": "private",
|
|
32199
|
-
"default": "new SbbDarkModeController(this, () => this._setNameAndAriaLabel())"
|
|
32200
|
-
},
|
|
32201
|
-
{
|
|
32202
|
-
"kind": "field",
|
|
32203
|
-
"name": "_forcedColors",
|
|
32204
|
-
"type": {
|
|
32205
|
-
"text": "boolean"
|
|
32206
|
-
},
|
|
32207
|
-
"privacy": "private"
|
|
32208
|
-
},
|
|
32209
|
-
{
|
|
32210
|
-
"kind": "method",
|
|
32211
|
-
"name": "_setNameAndAriaLabel",
|
|
32212
|
-
"privacy": "private",
|
|
32213
|
-
"return": {
|
|
32214
|
-
"type": {
|
|
32215
|
-
"text": "Promise<void>"
|
|
32216
|
-
}
|
|
32271
|
+
"events": [
|
|
32272
|
+
{
|
|
32273
|
+
"name": "beforeopen",
|
|
32274
|
+
"type": {
|
|
32275
|
+
"text": "Event"
|
|
32276
|
+
},
|
|
32277
|
+
"description": "Emits whenever the component starts the opening transition. Can be canceled.",
|
|
32278
|
+
"inheritedFrom": {
|
|
32279
|
+
"name": "SbbOpenCloseBaseElement",
|
|
32280
|
+
"module": "core/base-elements/open-close-base-element.js"
|
|
32217
32281
|
}
|
|
32218
32282
|
},
|
|
32219
32283
|
{
|
|
32220
|
-
"
|
|
32221
|
-
"
|
|
32222
|
-
|
|
32223
|
-
"return": {
|
|
32224
|
-
"type": {
|
|
32225
|
-
"text": "Promise<string>"
|
|
32226
|
-
}
|
|
32284
|
+
"name": "open",
|
|
32285
|
+
"type": {
|
|
32286
|
+
"text": "Event"
|
|
32227
32287
|
},
|
|
32228
|
-
"
|
|
32229
|
-
{
|
|
32230
|
-
"name": "namespace",
|
|
32231
|
-
"type": {
|
|
32232
|
-
"text": "string"
|
|
32233
|
-
}
|
|
32234
|
-
},
|
|
32235
|
-
{
|
|
32236
|
-
"name": "name",
|
|
32237
|
-
"type": {
|
|
32238
|
-
"text": "string"
|
|
32239
|
-
}
|
|
32240
|
-
}
|
|
32241
|
-
],
|
|
32288
|
+
"description": "Emits whenever the component is opened.",
|
|
32242
32289
|
"inheritedFrom": {
|
|
32243
|
-
"name": "
|
|
32244
|
-
"module": "
|
|
32290
|
+
"name": "SbbOpenCloseBaseElement",
|
|
32291
|
+
"module": "core/base-elements/open-close-base-element.js"
|
|
32245
32292
|
}
|
|
32246
32293
|
},
|
|
32247
32294
|
{
|
|
32248
|
-
"
|
|
32249
|
-
"
|
|
32250
|
-
|
|
32251
|
-
|
|
32252
|
-
|
|
32253
|
-
|
|
32254
|
-
|
|
32295
|
+
"name": "beforeclose",
|
|
32296
|
+
"type": {
|
|
32297
|
+
"text": "Event"
|
|
32298
|
+
},
|
|
32299
|
+
"description": "Emits whenever the component begins the closing transition. Can be canceled.",
|
|
32300
|
+
"inheritedFrom": {
|
|
32301
|
+
"name": "SbbOpenCloseBaseElement",
|
|
32302
|
+
"module": "core/base-elements/open-close-base-element.js"
|
|
32255
32303
|
}
|
|
32256
32304
|
},
|
|
32257
32305
|
{
|
|
32258
|
-
"
|
|
32259
|
-
"name": "negative",
|
|
32306
|
+
"name": "close",
|
|
32260
32307
|
"type": {
|
|
32261
|
-
"text": "
|
|
32308
|
+
"text": "Event"
|
|
32262
32309
|
},
|
|
32263
|
-
"
|
|
32264
|
-
"default": "false",
|
|
32265
|
-
"description": "Negative coloring variant flag.",
|
|
32266
|
-
"attribute": "negative",
|
|
32267
|
-
"reflects": true,
|
|
32310
|
+
"description": "Emits whenever the component is closed.",
|
|
32268
32311
|
"inheritedFrom": {
|
|
32269
|
-
"name": "
|
|
32270
|
-
"module": "core/
|
|
32312
|
+
"name": "SbbOpenCloseBaseElement",
|
|
32313
|
+
"module": "core/base-elements/open-close-base-element.js"
|
|
32271
32314
|
}
|
|
32272
|
-
}
|
|
32315
|
+
}
|
|
32316
|
+
]
|
|
32317
|
+
}
|
|
32318
|
+
],
|
|
32319
|
+
"exports": [
|
|
32320
|
+
{
|
|
32321
|
+
"kind": "js",
|
|
32322
|
+
"name": "SbbToastElement",
|
|
32323
|
+
"declaration": {
|
|
32324
|
+
"name": "SbbToastElement",
|
|
32325
|
+
"module": "toast/toast.component.js"
|
|
32326
|
+
}
|
|
32327
|
+
}
|
|
32328
|
+
]
|
|
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": [
|
|
32273
32339
|
{
|
|
32274
32340
|
"kind": "field",
|
|
32275
|
-
"name": "
|
|
32341
|
+
"name": "elementName",
|
|
32276
32342
|
"type": {
|
|
32277
32343
|
"text": "string"
|
|
32278
32344
|
},
|
|
32279
32345
|
"privacy": "public",
|
|
32280
32346
|
"static": true,
|
|
32281
32347
|
"readonly": true,
|
|
32282
|
-
"default": "'
|
|
32348
|
+
"default": "'sbb-timetable-occupancy'",
|
|
32283
32349
|
"inheritedFrom": {
|
|
32284
|
-
"name": "
|
|
32285
|
-
"module": "
|
|
32350
|
+
"name": "SbbElement",
|
|
32351
|
+
"module": "core/base-elements/element.js"
|
|
32286
32352
|
}
|
|
32287
32353
|
},
|
|
32288
32354
|
{
|
|
32289
32355
|
"kind": "field",
|
|
32290
|
-
"name": "
|
|
32291
|
-
"privacy": "private",
|
|
32292
|
-
"default": "'default'",
|
|
32356
|
+
"name": "firstClassOccupancy",
|
|
32293
32357
|
"type": {
|
|
32294
|
-
"text": "
|
|
32358
|
+
"text": "SbbOccupancy | null"
|
|
32295
32359
|
},
|
|
32296
|
-
"
|
|
32297
|
-
|
|
32298
|
-
|
|
32299
|
-
|
|
32360
|
+
"privacy": "public",
|
|
32361
|
+
"default": "null",
|
|
32362
|
+
"description": "Occupancy for first class wagons.",
|
|
32363
|
+
"attribute": "first-class-occupancy"
|
|
32300
32364
|
},
|
|
32301
32365
|
{
|
|
32302
32366
|
"kind": "field",
|
|
32303
|
-
"name": "
|
|
32367
|
+
"name": "secondClassOccupancy",
|
|
32304
32368
|
"type": {
|
|
32305
|
-
"text": "
|
|
32369
|
+
"text": "SbbOccupancy | null"
|
|
32306
32370
|
},
|
|
32307
|
-
"privacy": "
|
|
32371
|
+
"privacy": "public",
|
|
32308
32372
|
"default": "null",
|
|
32309
|
-
"description": "
|
|
32310
|
-
"
|
|
32311
|
-
"name": "SbbIconBase",
|
|
32312
|
-
"module": "icon/icon-base.js"
|
|
32313
|
-
}
|
|
32373
|
+
"description": "Occupancy for second class wagons.",
|
|
32374
|
+
"attribute": "second-class-occupancy"
|
|
32314
32375
|
},
|
|
32315
32376
|
{
|
|
32316
32377
|
"kind": "field",
|
|
32317
|
-
"name": "
|
|
32378
|
+
"name": "_language",
|
|
32379
|
+
"privacy": "private",
|
|
32380
|
+
"default": "new SbbLanguageController(this)"
|
|
32381
|
+
},
|
|
32382
|
+
{
|
|
32383
|
+
"kind": "field",
|
|
32384
|
+
"name": "negative",
|
|
32318
32385
|
"type": {
|
|
32319
32386
|
"text": "boolean"
|
|
32320
32387
|
},
|
|
32321
32388
|
"privacy": "public",
|
|
32322
32389
|
"default": "false",
|
|
32323
|
-
"description": "
|
|
32324
|
-
"attribute": "
|
|
32325
|
-
"
|
|
32326
|
-
"name": "SbbIconBase",
|
|
32327
|
-
"module": "icon/icon-base.js"
|
|
32328
|
-
}
|
|
32329
|
-
},
|
|
32330
|
-
{
|
|
32331
|
-
"kind": "method",
|
|
32332
|
-
"name": "loadSvgIcon",
|
|
32333
|
-
"privacy": "protected",
|
|
32334
|
-
"return": {
|
|
32335
|
-
"type": {
|
|
32336
|
-
"text": "Promise<void>"
|
|
32337
|
-
}
|
|
32338
|
-
},
|
|
32339
|
-
"parameters": [
|
|
32340
|
-
{
|
|
32341
|
-
"name": "iconName",
|
|
32342
|
-
"type": {
|
|
32343
|
-
"text": "string"
|
|
32344
|
-
}
|
|
32345
|
-
}
|
|
32346
|
-
],
|
|
32347
|
-
"inheritedFrom": {
|
|
32348
|
-
"name": "SbbIconBase",
|
|
32349
|
-
"module": "icon/icon-base.js"
|
|
32350
|
-
}
|
|
32351
|
-
},
|
|
32352
|
-
{
|
|
32353
|
-
"kind": "method",
|
|
32354
|
-
"name": "_splitIconName",
|
|
32355
|
-
"privacy": "private",
|
|
32356
|
-
"return": {
|
|
32357
|
-
"type": {
|
|
32358
|
-
"text": "[string, string]"
|
|
32359
|
-
}
|
|
32360
|
-
},
|
|
32361
|
-
"parameters": [
|
|
32362
|
-
{
|
|
32363
|
-
"name": "iconName",
|
|
32364
|
-
"type": {
|
|
32365
|
-
"text": "string"
|
|
32366
|
-
}
|
|
32367
|
-
}
|
|
32368
|
-
],
|
|
32390
|
+
"description": "Negative coloring variant flag.",
|
|
32391
|
+
"attribute": "negative",
|
|
32392
|
+
"reflects": true,
|
|
32369
32393
|
"inheritedFrom": {
|
|
32370
|
-
"name": "
|
|
32371
|
-
"module": "
|
|
32394
|
+
"name": "SbbNegativeMixin",
|
|
32395
|
+
"module": "core/mixins/negative-mixin.js"
|
|
32372
32396
|
}
|
|
32373
32397
|
},
|
|
32374
32398
|
{
|
|
@@ -32479,13 +32503,22 @@
|
|
|
32479
32503
|
],
|
|
32480
32504
|
"attributes": [
|
|
32481
32505
|
{
|
|
32482
|
-
"name": "occupancy",
|
|
32506
|
+
"name": "first-class-occupancy",
|
|
32483
32507
|
"type": {
|
|
32484
|
-
"text": "SbbOccupancy"
|
|
32508
|
+
"text": "SbbOccupancy | null"
|
|
32485
32509
|
},
|
|
32486
|
-
"default": "
|
|
32487
|
-
"description": "
|
|
32488
|
-
"fieldName": "
|
|
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"
|
|
32489
32522
|
},
|
|
32490
32523
|
{
|
|
32491
32524
|
"name": "negative",
|
|
@@ -32499,19 +32532,6 @@
|
|
|
32499
32532
|
"name": "SbbNegativeMixin",
|
|
32500
32533
|
"module": "core/mixins/negative-mixin.js"
|
|
32501
32534
|
}
|
|
32502
|
-
},
|
|
32503
|
-
{
|
|
32504
|
-
"name": "no-sanitize",
|
|
32505
|
-
"type": {
|
|
32506
|
-
"text": "boolean"
|
|
32507
|
-
},
|
|
32508
|
-
"default": "false",
|
|
32509
|
-
"description": "When set to `true`, SVG content that is HTTP fetched will not be checked\nif the response SVG content has any `<script>` elements, or any attributes\nthat start with `on`, such as `onclick`.",
|
|
32510
|
-
"fieldName": "noSanitize",
|
|
32511
|
-
"inheritedFrom": {
|
|
32512
|
-
"name": "SbbIconBase",
|
|
32513
|
-
"module": "icon/icon-base.js"
|
|
32514
|
-
}
|
|
32515
32535
|
}
|
|
32516
32536
|
],
|
|
32517
32537
|
"mixins": [
|
|
@@ -32521,40 +32541,20 @@
|
|
|
32521
32541
|
}
|
|
32522
32542
|
],
|
|
32523
32543
|
"superclass": {
|
|
32524
|
-
"name": "
|
|
32525
|
-
"module": "
|
|
32544
|
+
"name": "SbbElement",
|
|
32545
|
+
"module": "core/base-elements.js"
|
|
32526
32546
|
},
|
|
32527
|
-
"tagName": "sbb-timetable-occupancy
|
|
32528
|
-
"customElement": true
|
|
32529
|
-
"cssProperties": [
|
|
32530
|
-
{
|
|
32531
|
-
"description": "Can be used to set a custom width.",
|
|
32532
|
-
"name": "--sbb-icon-svg-width",
|
|
32533
|
-
"default": "auto",
|
|
32534
|
-
"inheritedFrom": {
|
|
32535
|
-
"name": "SbbIconBase",
|
|
32536
|
-
"module": "icon/icon-base.js"
|
|
32537
|
-
}
|
|
32538
|
-
},
|
|
32539
|
-
{
|
|
32540
|
-
"description": "Can be used to set a custom height.",
|
|
32541
|
-
"name": "--sbb-icon-svg-height",
|
|
32542
|
-
"default": "auto",
|
|
32543
|
-
"inheritedFrom": {
|
|
32544
|
-
"name": "SbbIconBase",
|
|
32545
|
-
"module": "icon/icon-base.js"
|
|
32546
|
-
}
|
|
32547
|
-
}
|
|
32548
|
-
]
|
|
32547
|
+
"tagName": "sbb-timetable-occupancy",
|
|
32548
|
+
"customElement": true
|
|
32549
32549
|
}
|
|
32550
32550
|
],
|
|
32551
32551
|
"exports": [
|
|
32552
32552
|
{
|
|
32553
32553
|
"kind": "js",
|
|
32554
|
-
"name": "
|
|
32554
|
+
"name": "SbbTimetableOccupancyElement",
|
|
32555
32555
|
"declaration": {
|
|
32556
|
-
"name": "
|
|
32557
|
-
"module": "timetable-occupancy
|
|
32556
|
+
"name": "SbbTimetableOccupancyElement",
|
|
32557
|
+
"module": "timetable-occupancy/timetable-occupancy.component.js"
|
|
32558
32558
|
}
|
|
32559
32559
|
}
|
|
32560
32560
|
]
|
|
@@ -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
|
|