@kiva/kv-components 3.95.1 → 3.96.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.
- package/CHANGELOG.md +11 -0
- package/package.json +2 -2
- package/vue/KvMap.vue +8 -4
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [3.96.0](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.95.1...@kiva/kv-components@3.96.0) (2024-08-28)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Features
|
|
10
|
+
|
|
11
|
+
* async countries border data import ([#451](https://github.com/kiva/kv-ui-elements/issues/451)) ([aa27135](https://github.com/kiva/kv-ui-elements/commit/aa2713540d61ad2cd780a0fdfbfd8249030d9cbd))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
|
|
16
|
+
|
|
6
17
|
## [3.95.1](https://github.com/kiva/kv-ui-elements/compare/@kiva/kv-components@3.95.0...@kiva/kv-components@3.95.1) (2024-08-28)
|
|
7
18
|
|
|
8
19
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@kiva/kv-components",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.96.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -84,5 +84,5 @@
|
|
|
84
84
|
"optional": true
|
|
85
85
|
}
|
|
86
86
|
},
|
|
87
|
-
"gitHead": "
|
|
87
|
+
"gitHead": "2ae4d98f1355e0035d20943ddc6616aa252c59cc"
|
|
88
88
|
}
|
package/vue/KvMap.vue
CHANGED
|
@@ -15,7 +15,6 @@
|
|
|
15
15
|
<script>
|
|
16
16
|
import kvTokensPrimitives from '@kiva/kv-tokens/primitives.json';
|
|
17
17
|
import { animationCoordinator, generateMapMarkers, getCountryColor } from '../utils/mapUtils';
|
|
18
|
-
import countriesBorders from '../data/countries-borders.json';
|
|
19
18
|
|
|
20
19
|
export default {
|
|
21
20
|
name: 'KvMap',
|
|
@@ -164,6 +163,7 @@ export default {
|
|
|
164
163
|
mapLibreReady: false,
|
|
165
164
|
mapLoaded: false,
|
|
166
165
|
zoomActive: false,
|
|
166
|
+
countriesBorders: {},
|
|
167
167
|
};
|
|
168
168
|
},
|
|
169
169
|
computed: {
|
|
@@ -201,7 +201,11 @@ export default {
|
|
|
201
201
|
}
|
|
202
202
|
},
|
|
203
203
|
},
|
|
204
|
-
mounted() {
|
|
204
|
+
async mounted() {
|
|
205
|
+
if (this.countriesData) {
|
|
206
|
+
this.countriesBorders = await import('../data/countries-borders.json');
|
|
207
|
+
}
|
|
208
|
+
|
|
205
209
|
if (!this.mapLibreReady && !this.leafletReady) {
|
|
206
210
|
this.initializeMap();
|
|
207
211
|
}
|
|
@@ -498,7 +502,7 @@ export default {
|
|
|
498
502
|
});
|
|
499
503
|
},
|
|
500
504
|
getCountriesData() {
|
|
501
|
-
const countriesFeatures = countriesBorders.features ?? [];
|
|
505
|
+
const countriesFeatures = this.countriesBorders.features ?? [];
|
|
502
506
|
|
|
503
507
|
countriesFeatures.forEach((country, index) => {
|
|
504
508
|
const countryData = this.countriesData.find((data) => data.isoCode === country.properties.ISO_A2);
|
|
@@ -508,7 +512,7 @@ export default {
|
|
|
508
512
|
}
|
|
509
513
|
});
|
|
510
514
|
|
|
511
|
-
return countriesBorders;
|
|
515
|
+
return this.countriesBorders;
|
|
512
516
|
},
|
|
513
517
|
countryStyle(feature) {
|
|
514
518
|
return {
|