@fmidev/smartmet-alert-client 4.4.19 → 4.7.0-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (123) hide show
  1. package/.eslintignore +2 -14
  2. package/.github/workflows/test.yaml +26 -0
  3. package/.nvmrc +1 -0
  4. package/AGENTS.md +26 -0
  5. package/index.html +1 -1
  6. package/package.json +80 -22
  7. package/src/AlertClientVue.vue +160 -0
  8. package/src/App.vue +154 -296
  9. package/src/assets/img/ui/arrow-down.svg +4 -11
  10. package/src/assets/img/ui/arrow-up.svg +4 -11
  11. package/src/assets/img/ui/clear.svg +7 -21
  12. package/src/assets/img/ui/close.svg +4 -15
  13. package/src/assets/img/ui/toggle-selected.svg +5 -6
  14. package/src/assets/img/ui/toggle-unselected.svg +5 -6
  15. package/src/assets/img/warning/cold-weather.svg +3 -6
  16. package/src/assets/img/warning/flood-level-3.svg +4 -7
  17. package/src/assets/img/warning/forest-fire-weather.svg +2 -6
  18. package/src/assets/img/warning/grass-fire-weather.svg +2 -6
  19. package/src/assets/img/warning/hot-weather.svg +3 -6
  20. package/src/assets/img/warning/pedestrian-safety.svg +3 -7
  21. package/src/assets/img/warning/rain.svg +2 -7
  22. package/src/assets/img/warning/sea-icing.svg +2 -6
  23. package/src/assets/img/warning/sea-thunder-storm.svg +2 -5
  24. package/src/assets/img/warning/sea-water-height-high-water.svg +3 -8
  25. package/src/assets/img/warning/sea-water-height-shallow-water.svg +3 -7
  26. package/src/assets/img/warning/sea-wave-height.svg +4 -7
  27. package/src/assets/img/warning/sea-wind-legend.svg +2 -5
  28. package/src/assets/img/warning/sea-wind.svg +2 -5
  29. package/src/assets/img/warning/several.svg +2 -5
  30. package/src/assets/img/warning/thunder-storm.svg +2 -5
  31. package/src/assets/img/warning/traffic-weather.svg +2 -6
  32. package/src/assets/img/warning/uv-note.svg +2 -6
  33. package/src/assets/img/warning/wind.svg +2 -5
  34. package/src/components/AlertClient.vue +330 -251
  35. package/src/components/CollapsiblePanel.vue +281 -0
  36. package/src/components/DayLarge.vue +146 -110
  37. package/src/components/DaySmall.vue +97 -81
  38. package/src/components/Days.vue +229 -159
  39. package/src/components/DescriptionWarning.vue +63 -38
  40. package/src/components/GrayScaleToggle.vue +58 -54
  41. package/src/components/Legend.vue +102 -325
  42. package/src/components/MapLarge.vue +574 -351
  43. package/src/components/MapSmall.vue +137 -122
  44. package/src/components/PopupRow.vue +24 -12
  45. package/src/components/Region.vue +168 -118
  46. package/src/components/RegionWarning.vue +40 -33
  47. package/src/components/Regions.vue +189 -105
  48. package/src/components/Warning.vue +70 -45
  49. package/src/components/Warnings.vue +136 -72
  50. package/src/composables/useAlertClient.ts +360 -0
  51. package/src/composables/useConfig.ts +573 -0
  52. package/src/composables/useFields.ts +66 -0
  53. package/src/composables/useI18n.ts +62 -0
  54. package/src/composables/useKeyCodes.ts +16 -0
  55. package/src/composables/useMapPaths.ts +477 -0
  56. package/src/composables/useUtils.ts +683 -0
  57. package/src/composables/useWarningsProcessor.ts +1007 -0
  58. package/src/data/geometries.json +993 -0
  59. package/src/{main.js → main.ts} +1 -0
  60. package/src/mixins/geojsonsvg.d.ts +57 -0
  61. package/src/mixins/geojsonsvg.js +5 -3
  62. package/src/plugins/index.ts +5 -0
  63. package/src/scss/_utilities.scss +193 -0
  64. package/src/scss/constants.scss +2 -1
  65. package/src/scss/warningImages.scss +8 -3
  66. package/src/types/index.ts +509 -0
  67. package/src/vite-env.d.ts +23 -0
  68. package/src/vue.ts +41 -0
  69. package/svgo.config.js +45 -0
  70. package/tests/README.md +430 -0
  71. package/tests/fixtures/mockWarningData.ts +152 -0
  72. package/tests/integration/warning-flow.spec.ts +445 -0
  73. package/tests/setup.ts +41 -0
  74. package/tests/unit/components/AlertClient.spec.ts +701 -0
  75. package/tests/unit/components/DayLarge.spec.ts +348 -0
  76. package/tests/unit/components/DaySmall.spec.ts +352 -0
  77. package/tests/unit/components/Days.spec.ts +548 -0
  78. package/tests/unit/components/DescriptionWarning.spec.ts +385 -0
  79. package/tests/unit/components/GrayScaleToggle.spec.ts +318 -0
  80. package/tests/unit/components/Legend.spec.ts +295 -0
  81. package/tests/unit/components/MapLarge.spec.ts +448 -0
  82. package/tests/unit/components/MapSmall.spec.ts +367 -0
  83. package/tests/unit/components/PopupRow.spec.ts +270 -0
  84. package/tests/unit/components/Region.spec.ts +373 -0
  85. package/tests/unit/components/RegionWarning.snapshot.spec.ts +361 -0
  86. package/tests/unit/components/RegionWarning.spec.ts +381 -0
  87. package/tests/unit/components/Regions.spec.ts +503 -0
  88. package/tests/unit/components/Warning.snapshot.spec.ts +483 -0
  89. package/tests/unit/components/Warning.spec.ts +489 -0
  90. package/tests/unit/components/Warnings.spec.ts +343 -0
  91. package/tests/unit/components/__snapshots__/RegionWarning.snapshot.spec.ts.snap +41 -0
  92. package/tests/unit/components/__snapshots__/Warning.snapshot.spec.ts.snap +433 -0
  93. package/tests/unit/composables/useConfig.spec.ts +279 -0
  94. package/tests/unit/composables/useI18n.spec.ts +116 -0
  95. package/tests/unit/composables/useKeyCodes.spec.ts +27 -0
  96. package/tests/unit/composables/useUtils.spec.ts +213 -0
  97. package/tsconfig.json +43 -0
  98. package/tsconfig.node.json +11 -0
  99. package/vite.config.js +96 -26
  100. package/vitest.config.js +40 -0
  101. package/dist/favicon.ico +0 -0
  102. package/dist/index.dark.html +0 -20
  103. package/dist/index.en.html +0 -15
  104. package/dist/index.fi.html +0 -15
  105. package/dist/index.html +0 -15
  106. package/dist/index.js +0 -281
  107. package/dist/index.mjs +0 -281
  108. package/dist/index.mjs.map +0 -1
  109. package/dist/index.relative.html +0 -19
  110. package/dist/index.start.html +0 -20
  111. package/dist/index.sv.html +0 -15
  112. package/playwright.config.ts +0 -18
  113. package/public/index.relative.html +0 -19
  114. package/public/index.start.html +0 -20
  115. package/src/mixins/config.js +0 -1378
  116. package/src/mixins/fields.js +0 -26
  117. package/src/mixins/i18n.js +0 -25
  118. package/src/mixins/keycodes.js +0 -10
  119. package/src/mixins/panzoom.js +0 -900
  120. package/src/mixins/utils.js +0 -900
  121. package/src/plugins/index.js +0 -3
  122. package/test/snapshot.test.ts +0 -126
  123. package/vitest.config.ts +0 -6
package/tests/unit/components/__snapshots__/Warning.snapshot.spec.ts.snap ADDED
@@ -0,0 +1,433 @@
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
+
3
+ exports[`Warning.vue Snapshots > Hideable prop snapshots > should render with hideable false correctly 1`] = `
4
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
5
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
6
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tuulivaroitus maa‑alueille"></div>
7
+ </div>
8
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
9
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
10
+ <!-- eslint-disable-next-line vue/no-v-html -->
11
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
12
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
13
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">On</span></div>
14
+ </div>
15
+ </div>
16
+ <hr data-v-bd8e0e21="">
17
+ </div>
18
+ </div>"
19
+ `;
20
+
21
+ exports[`Warning.vue Snapshots > Hideable prop snapshots > should render with hideable true correctly 1`] = `
22
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
23
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
24
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tuulivaroitus maa‑alueille"></div>
25
+ </div>
26
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
27
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
28
+ <!-- eslint-disable-next-line vue/no-v-html -->
29
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
30
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
31
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">On</span></div>
32
+ </div>
33
+ </div>
34
+ <hr data-v-bd8e0e21="">
35
+ </div>
36
+ </div>"
37
+ `;
38
+
39
+ exports[`Warning.vue Snapshots > Language snapshots > should render in English correctly 1`] = `
40
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
41
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
42
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Dangerous wind warning for land areas"></div>
43
+ </div>
44
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
45
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
46
+ <!-- eslint-disable-next-line vue/no-v-html -->
47
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Wind warning for land areas</div>
48
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
49
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Wind warning for land areas"><span data-v-bd8e0e21="">On</span></div>
50
+ </div>
51
+ </div>
52
+ <hr data-v-bd8e0e21="">
53
+ </div>
54
+ </div>"
55
+ `;
56
+
57
+ exports[`Warning.vue Snapshots > Language snapshots > should render in Finnish correctly 1`] = `
58
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
59
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
60
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tuulivaroitus maa‑alueille"></div>
61
+ </div>
62
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
63
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
64
+ <!-- eslint-disable-next-line vue/no-v-html -->
65
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
66
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
67
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">On</span></div>
68
+ </div>
69
+ </div>
70
+ <hr data-v-bd8e0e21="">
71
+ </div>
72
+ </div>"
73
+ `;
74
+
75
+ exports[`Warning.vue Snapshots > Language snapshots > should render in Swedish correctly 1`] = `
76
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
77
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
78
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Farlig vindvarning för landområden"></div>
79
+ </div>
80
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
81
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
82
+ <!-- eslint-disable-next-line vue/no-v-html -->
83
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Vindvarning för landområden</div>
84
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
85
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Vindvarning för landområden"><span data-v-bd8e0e21="">On</span></div>
86
+ </div>
87
+ </div>
88
+ <hr data-v-bd8e0e21="">
89
+ </div>
90
+ </div>"
91
+ `;
92
+
93
+ exports[`Warning.vue Snapshots > Severity level snapshots > should render severity level 2 correctly 1`] = `
94
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
95
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
96
+ <div data-v-bd8e0e21="" class="level-2 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Mahdollisesti vaarallinen tuulivaroitus maa‑alueille"></div>
97
+ </div>
98
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
99
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
100
+ <!-- eslint-disable-next-line vue/no-v-html -->
101
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
102
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
103
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">On</span></div>
104
+ </div>
105
+ </div>
106
+ <hr data-v-bd8e0e21="">
107
+ </div>
108
+ </div>"
109
+ `;
110
+
111
+ exports[`Warning.vue Snapshots > Severity level snapshots > should render severity level 3 correctly 1`] = `
112
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
113
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
114
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tuulivaroitus maa‑alueille"></div>
115
+ </div>
116
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
117
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
118
+ <!-- eslint-disable-next-line vue/no-v-html -->
119
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
120
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
121
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">On</span></div>
122
+ </div>
123
+ </div>
124
+ <hr data-v-bd8e0e21="">
125
+ </div>
126
+ </div>"
127
+ `;
128
+
129
+ exports[`Warning.vue Snapshots > Severity level snapshots > should render severity level 4 correctly 1`] = `
130
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
131
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
132
+ <div data-v-bd8e0e21="" class="level-4 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Hyvin vaarallinen tuulivaroitus maa‑alueille"></div>
133
+ </div>
134
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
135
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
136
+ <!-- eslint-disable-next-line vue/no-v-html -->
137
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
138
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
139
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">On</span></div>
140
+ </div>
141
+ </div>
142
+ <hr data-v-bd8e0e21="">
143
+ </div>
144
+ </div>"
145
+ `;
146
+
147
+ exports[`Warning.vue Snapshots > Theme snapshots > should render with dark theme correctly 1`] = `
148
+ "<div data-v-bd8e0e21="" class="symbol-list-table dark-theme">
149
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
150
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tuulivaroitus maa‑alueille"></div>
151
+ </div>
152
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
153
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
154
+ <!-- eslint-disable-next-line vue/no-v-html -->
155
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
156
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
157
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">On</span></div>
158
+ </div>
159
+ </div>
160
+ <hr data-v-bd8e0e21="">
161
+ </div>
162
+ </div>"
163
+ `;
164
+
165
+ exports[`Warning.vue Snapshots > Theme snapshots > should render with dark-gray theme correctly 1`] = `
166
+ "<div data-v-bd8e0e21="" class="symbol-list-table dark-gray-theme">
167
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
168
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tuulivaroitus maa‑alueille"></div>
169
+ </div>
170
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
171
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
172
+ <!-- eslint-disable-next-line vue/no-v-html -->
173
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
174
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
175
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">On</span></div>
176
+ </div>
177
+ </div>
178
+ <hr data-v-bd8e0e21="">
179
+ </div>
180
+ </div>"
181
+ `;
182
+
183
+ exports[`Warning.vue Snapshots > Theme snapshots > should render with light theme correctly 1`] = `
184
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
185
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
186
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tuulivaroitus maa‑alueille"></div>
187
+ </div>
188
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
189
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
190
+ <!-- eslint-disable-next-line vue/no-v-html -->
191
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
192
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
193
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">On</span></div>
194
+ </div>
195
+ </div>
196
+ <hr data-v-bd8e0e21="">
197
+ </div>
198
+ </div>"
199
+ `;
200
+
201
+ exports[`Warning.vue Snapshots > Theme snapshots > should render with light-gray theme correctly 1`] = `
202
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-gray-theme">
203
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
204
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tuulivaroitus maa‑alueille"></div>
205
+ </div>
206
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
207
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
208
+ <!-- eslint-disable-next-line vue/no-v-html -->
209
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
210
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
211
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">On</span></div>
212
+ </div>
213
+ </div>
214
+ <hr data-v-bd8e0e21="">
215
+ </div>
216
+ </div>"
217
+ `;
218
+
219
+ exports[`Warning.vue Snapshots > Visibility state snapshots > should render hidden warning correctly 1`] = `
220
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
221
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
222
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tuulivaroitus maa‑alueille"></div>
223
+ </div>
224
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
225
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
226
+ <!-- eslint-disable-next-line vue/no-v-html -->
227
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
228
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
229
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-unselected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="false" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">Off</span></div>
230
+ </div>
231
+ </div>
232
+ <hr data-v-bd8e0e21="">
233
+ </div>
234
+ </div>"
235
+ `;
236
+
237
+ exports[`Warning.vue Snapshots > Visibility state snapshots > should render visible warning correctly 1`] = `
238
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
239
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
240
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tuulivaroitus maa‑alueille"></div>
241
+ </div>
242
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
243
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
244
+ <!-- eslint-disable-next-line vue/no-v-html -->
245
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
246
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
247
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">On</span></div>
248
+ </div>
249
+ </div>
250
+ <hr data-v-bd8e0e21="">
251
+ </div>
252
+ </div>"
253
+ `;
254
+
255
+ exports[`Warning.vue Snapshots > Warning type snapshots > should render cold weather warning correctly 1`] = `
256
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
257
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
258
+ <div data-v-bd8e0e21="" class="level-3 cold-weather symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen pakkasvaroitus"></div>
259
+ </div>
260
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
261
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
262
+ <!-- eslint-disable-next-line vue/no-v-html -->
263
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Pakkasvaroitus</div>
264
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
265
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-coldWeather" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Pakkasvaroitus"><span data-v-bd8e0e21="">On</span></div>
266
+ </div>
267
+ </div>
268
+ <hr data-v-bd8e0e21="">
269
+ </div>
270
+ </div>"
271
+ `;
272
+
273
+ exports[`Warning.vue Snapshots > Warning type snapshots > should render flood level warning correctly 1`] = `
274
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
275
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
276
+ <div data-v-bd8e0e21="" class="level-3 flood-level symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tulvavaroitus"></div>
277
+ </div>
278
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
279
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
280
+ <!-- eslint-disable-next-line vue/no-v-html -->
281
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tulvavaroitus</div>
282
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
283
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-floodLevel" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tulvavaroitus"><span data-v-bd8e0e21="">On</span></div>
284
+ </div>
285
+ </div>
286
+ <hr data-v-bd8e0e21="">
287
+ </div>
288
+ </div>"
289
+ `;
290
+
291
+ exports[`Warning.vue Snapshots > Warning type snapshots > should render forest fire weather warning correctly 1`] = `
292
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
293
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
294
+ <div data-v-bd8e0e21="" class="level-3 forest-fire-weather symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen maastopalo&amp;shy;varoitus"></div>
295
+ </div>
296
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
297
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
298
+ <!-- eslint-disable-next-line vue/no-v-html -->
299
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Maastopalo­varoitus</div>
300
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
301
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-forestFireWeather" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Maastopalovaroitus"><span data-v-bd8e0e21="">On</span></div>
302
+ </div>
303
+ </div>
304
+ <hr data-v-bd8e0e21="">
305
+ </div>
306
+ </div>"
307
+ `;
308
+
309
+ exports[`Warning.vue Snapshots > Warning type snapshots > should render hot weather warning correctly 1`] = `
310
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
311
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
312
+ <div data-v-bd8e0e21="" class="level-2 hot-weather symbol-list-image-column symbol-list-image warning-image" aria-label="Mahdollisesti vaarallinen hellevaroitus"></div>
313
+ </div>
314
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
315
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
316
+ <!-- eslint-disable-next-line vue/no-v-html -->
317
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Hellevaroitus</div>
318
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
319
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-hotWeather" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Hellevaroitus"><span data-v-bd8e0e21="">On</span></div>
320
+ </div>
321
+ </div>
322
+ <hr data-v-bd8e0e21="">
323
+ </div>
324
+ </div>"
325
+ `;
326
+
327
+ exports[`Warning.vue Snapshots > Warning type snapshots > should render pedestrian safety warning correctly 1`] = `
328
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
329
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
330
+ <div data-v-bd8e0e21="" class="level-2 pedestrian-safety symbol-list-image-column symbol-list-image warning-image" aria-label="Mahdollisesti vaarallinen jalankulkusää"></div>
331
+ </div>
332
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
333
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
334
+ <!-- eslint-disable-next-line vue/no-v-html -->
335
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Jalankulkusää</div>
336
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
337
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-pedestrianSafety" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Jalankulkusää"><span data-v-bd8e0e21="">On</span></div>
338
+ </div>
339
+ </div>
340
+ <hr data-v-bd8e0e21="">
341
+ </div>
342
+ </div>"
343
+ `;
344
+
345
+ exports[`Warning.vue Snapshots > Warning type snapshots > should render rain warning correctly 1`] = `
346
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
347
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
348
+ <div data-v-bd8e0e21="" class="level-2 rain symbol-list-image-column symbol-list-image warning-image" aria-label="Mahdollisesti vaarallinen sadevaroitus"></div>
349
+ </div>
350
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
351
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
352
+ <!-- eslint-disable-next-line vue/no-v-html -->
353
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Sadevaroitus</div>
354
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
355
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-rain" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Sadevaroitus"><span data-v-bd8e0e21="">On</span></div>
356
+ </div>
357
+ </div>
358
+ <hr data-v-bd8e0e21="">
359
+ </div>
360
+ </div>"
361
+ `;
362
+
363
+ exports[`Warning.vue Snapshots > Warning type snapshots > should render sea wind warning correctly 1`] = `
364
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
365
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
366
+ <div data-v-bd8e0e21="" class="level-3 sea-wind symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tuulivaroitus merelle"></div>
367
+ </div>
368
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
369
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
370
+ <!-- eslint-disable-next-line vue/no-v-html -->
371
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus merelle</div>
372
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
373
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-seaWind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus merelle"><span data-v-bd8e0e21="">On</span></div>
374
+ </div>
375
+ </div>
376
+ <hr data-v-bd8e0e21="">
377
+ </div>
378
+ </div>"
379
+ `;
380
+
381
+ exports[`Warning.vue Snapshots > Warning type snapshots > should render thunderstorm warning correctly 1`] = `
382
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
383
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
384
+ <div data-v-bd8e0e21="" class="level-4 thunder-storm symbol-list-image-column symbol-list-image warning-image" aria-label="Hyvin vaarallinen raju ukonilma"></div>
385
+ </div>
386
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
387
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
388
+ <!-- eslint-disable-next-line vue/no-v-html -->
389
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Raju ukonilma</div>
390
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
391
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-thunderStorm" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Raju ukonilma"><span data-v-bd8e0e21="">On</span></div>
392
+ </div>
393
+ </div>
394
+ <hr data-v-bd8e0e21="">
395
+ </div>
396
+ </div>"
397
+ `;
398
+
399
+ exports[`Warning.vue Snapshots > Warning type snapshots > should render traffic weather warning correctly 1`] = `
400
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
401
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
402
+ <div data-v-bd8e0e21="" class="level-2 traffic-weather symbol-list-image-column symbol-list-image warning-image" aria-label="Mahdollisesti vaarallinen liikennesää"></div>
403
+ </div>
404
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
405
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
406
+ <!-- eslint-disable-next-line vue/no-v-html -->
407
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Liikennesää</div>
408
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
409
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-trafficWeather" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Liikennesää"><span data-v-bd8e0e21="">On</span></div>
410
+ </div>
411
+ </div>
412
+ <hr data-v-bd8e0e21="">
413
+ </div>
414
+ </div>"
415
+ `;
416
+
417
+ exports[`Warning.vue Snapshots > Warning type snapshots > should render wind warning correctly 1`] = `
418
+ "<div data-v-bd8e0e21="" class="symbol-list-table light-theme">
419
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-image">
420
+ <div data-v-bd8e0e21="" class="level-3 wind symbol-list-image-column symbol-list-image warning-image" aria-label="Vaarallinen tuulivaroitus maa‑alueille"></div>
421
+ </div>
422
+ <div data-v-bd8e0e21="" class="symbol-list-cell symbol-list-cell-text">
423
+ <div data-v-bd8e0e21="" class="symbol-list-text-select">
424
+ <!-- eslint-disable-next-line vue/no-v-html -->
425
+ <div data-v-bd8e0e21="" class="item-text symbol-list-text">Tuulivaroitus maa‑alueille</div>
426
+ <div data-v-bd8e0e21="" class="symbol-list-select-container d-none d-md-table-cell">
427
+ <div data-v-bd8e0e21="" id="fmi-warnings-flag-wind" class="symbol-list-select flag-selected d-md-block focus-ring d-none" role="button" tabindex="0" aria-pressed="true" aria-label="Tuulivaroitus maa‑alueille"><span data-v-bd8e0e21="">On</span></div>
428
+ </div>
429
+ </div>
430
+ <hr data-v-bd8e0e21="">
431
+ </div>
432
+ </div>"
433
+ `;