@mapcomponents/react-maplibre 0.1.54 → 0.1.57

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 (95) hide show
  1. package/CHANGELOG.md +31 -1
  2. package/coverage/clover.xml +89 -83
  3. package/coverage/coverage-final.json +3 -3
  4. package/coverage/lcov-report/index.html +22 -22
  5. package/coverage/lcov-report/src/components/MapLibreMap/MapLibreMap.tsx.html +1 -1
  6. package/coverage/lcov-report/src/components/MapLibreMap/index.html +1 -1
  7. package/coverage/lcov-report/src/components/MlCenterPosition/MlCenterPosition.tsx.html +1 -1
  8. package/coverage/lcov-report/src/components/MlCenterPosition/index.html +1 -1
  9. package/coverage/lcov-report/src/components/MlCreatePdfButton/MlCreatePdfButton.tsx.html +1 -1
  10. package/coverage/lcov-report/src/components/MlCreatePdfButton/index.html +1 -1
  11. package/coverage/lcov-report/src/components/MlFeatureEditor/MlFeatureEditor.tsx.html +1 -1
  12. package/coverage/lcov-report/src/components/MlFeatureEditor/index.html +1 -1
  13. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/MlFillExtrusionLayer.tsx.html +1 -1
  14. package/coverage/lcov-report/src/components/MlFillExtrusionLayer/index.html +1 -1
  15. package/coverage/lcov-report/src/components/MlFollowGps/MlFollowGps.tsx.html +123 -36
  16. package/coverage/lcov-report/src/components/MlFollowGps/index.html +15 -15
  17. package/coverage/lcov-report/src/components/MlGPXViewer/MlGPXViewer.tsx.html +1 -1
  18. package/coverage/lcov-report/src/components/MlGPXViewer/gpxConverter.js.html +1 -1
  19. package/coverage/lcov-report/src/components/MlGPXViewer/index.html +1 -1
  20. package/coverage/lcov-report/src/components/MlGeoJsonLayer/MlGeoJsonLayer.tsx.html +1 -1
  21. package/coverage/lcov-report/src/components/MlGeoJsonLayer/index.html +1 -1
  22. package/coverage/lcov-report/src/components/MlImageMarkerLayer/MlImageMarkerLayer.tsx.html +1 -1
  23. package/coverage/lcov-report/src/components/MlImageMarkerLayer/index.html +1 -1
  24. package/coverage/lcov-report/src/components/MlLayer/MlLayer.tsx.html +2 -2
  25. package/coverage/lcov-report/src/components/MlLayer/index.html +1 -1
  26. package/coverage/lcov-report/src/components/MlLayerMagnify/MlLayerMagnify.tsx.html +1 -1
  27. package/coverage/lcov-report/src/components/MlLayerMagnify/index.html +1 -1
  28. package/coverage/lcov-report/src/components/MlLayerSwipe/MlLayerSwipe.tsx.html +1 -1
  29. package/coverage/lcov-report/src/components/MlLayerSwipe/index.html +1 -1
  30. package/coverage/lcov-report/src/components/MlLayerSwitcher/MlLayerSwitcher.js.html +1 -1
  31. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/LayerBox.js.html +1 -1
  32. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/index.html +1 -1
  33. package/coverage/lcov-report/src/components/MlLayerSwitcher/index.html +1 -1
  34. package/coverage/lcov-report/src/components/MlMarker/MlMarker.tsx.html +1 -1
  35. package/coverage/lcov-report/src/components/MlMarker/index.html +1 -1
  36. package/coverage/lcov-report/src/components/MlMeasureTool/MlMeasureTool.tsx.html +1 -1
  37. package/coverage/lcov-report/src/components/MlMeasureTool/index.html +1 -1
  38. package/coverage/lcov-report/src/components/MlNavigationCompass/MlNavigationCompass.tsx.html +1 -1
  39. package/coverage/lcov-report/src/components/MlNavigationCompass/index.html +1 -1
  40. package/coverage/lcov-report/src/components/MlNavigationTools/MlNavigationTools.tsx.html +42 -12
  41. package/coverage/lcov-report/src/components/MlNavigationTools/index.html +3 -3
  42. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.js.html +1 -1
  43. package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.stories_.js.html +1 -1
  44. package/coverage/lcov-report/src/components/MlOsmLayer/index.html +1 -1
  45. package/coverage/lcov-report/src/components/MlScaleReference/MlScaleReference.js.html +7 -7
  46. package/coverage/lcov-report/src/components/MlScaleReference/index.html +11 -11
  47. package/coverage/lcov-report/src/components/MlShareMapState/MlShareMapState.js.html +1 -1
  48. package/coverage/lcov-report/src/components/MlShareMapState/index.html +1 -1
  49. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html +1 -1
  50. package/coverage/lcov-report/src/components/MlSpatialElevationProfile/index.html +1 -1
  51. package/coverage/lcov-report/src/components/MlThreeJsLayer/MlThreeJsLayer.js.html +1 -1
  52. package/coverage/lcov-report/src/components/MlThreeJsLayer/index.html +1 -1
  53. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.tsx.html +1 -1
  54. package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/index.html +1 -1
  55. package/coverage/lcov-report/src/components/MlUseMapDebugger/MlUseMapDebugger.js.html +1 -1
  56. package/coverage/lcov-report/src/components/MlUseMapDebugger/index.html +1 -1
  57. package/coverage/lcov-report/src/components/MlVectorTileLayer/MlVectorTileLayer.tsx.html +1 -1
  58. package/coverage/lcov-report/src/components/MlVectorTileLayer/index.html +1 -1
  59. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +1 -1
  60. package/coverage/lcov-report/src/components/MlWmsFeatureInfoPopup/index.html +1 -1
  61. package/coverage/lcov-report/src/components/MlWmsLayer/MlWmsLayer.tsx.html +1 -1
  62. package/coverage/lcov-report/src/components/MlWmsLayer/index.html +1 -1
  63. package/coverage/lcov-report/src/components/MlWmsLoader/MlWmsLoader.tsx.html +1 -1
  64. package/coverage/lcov-report/src/components/MlWmsLoader/index.html +1 -1
  65. package/coverage/lcov-report/src/contexts/MapContext.tsx.html +1 -1
  66. package/coverage/lcov-report/src/contexts/SimpleDataContext.js.html +1 -1
  67. package/coverage/lcov-report/src/contexts/SimpleDataProvider.js.html +1 -1
  68. package/coverage/lcov-report/src/contexts/index.html +1 -1
  69. package/coverage/lcov-report/src/hooks/index.html +1 -1
  70. package/coverage/lcov-report/src/hooks/useLayer.ts.html +1 -1
  71. package/coverage/lcov-report/src/hooks/useMap.ts.html +1 -1
  72. package/coverage/lcov-report/src/hooks/useMapState.ts.html +1 -1
  73. package/coverage/lcov-report/src/hooks/useWms.js.html +1 -1
  74. package/coverage/lcov-report/src/index.html +1 -1
  75. package/coverage/lcov-report/src/index.ts.html +5 -2
  76. package/coverage/lcov.info +172 -161
  77. package/dist/components/MlFollowGps/MlFollowGps.d.ts +26 -6
  78. package/dist/components/MlLayer/MlLayer.d.ts +1 -1
  79. package/dist/components/MlNavigationTools/MlNavigationTools.d.ts +9 -0
  80. package/dist/components/MlNavigationTools/MlNavigationTools.stories.d.ts +1 -0
  81. package/dist/decorators/ThemeWrapper.d.ts +1 -0
  82. package/dist/index.d.ts +1 -0
  83. package/dist/index.esm.js +348 -173
  84. package/dist/index.esm.js.map +1 -1
  85. package/package.json +1 -1
  86. package/src/components/MlFollowGps/MlFollowGps.stories.js +4 -2
  87. package/src/components/MlFollowGps/MlFollowGps.tsx +53 -24
  88. package/src/components/MlLayer/MlLayer.tsx +1 -1
  89. package/src/components/MlNavigationTools/MlNavigationTools.stories.js +6 -0
  90. package/src/components/MlNavigationTools/MlNavigationTools.tsx +19 -9
  91. package/src/components/MlScaleReference/MlScaleReference.stories.js +22 -24
  92. package/src/decorators/MapContextDecorator.js +9 -10
  93. package/src/decorators/MultiMapContextDecorator.js +54 -55
  94. package/src/decorators/ThemeWrapper.jsx +9 -0
  95. package/src/index.ts +1 -0
@@ -1630,7 +1630,7 @@ export default toGeoJSON;
1630
1630
  <div class='footer quiet pad2 space-top1 center small'>
1631
1631
  Code coverage generated by
1632
1632
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
1633
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
1633
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
1634
1634
  </div>
1635
1635
  <script src="../../../prettify.js"></script>
1636
1636
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
119
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
120
120
  </div>
121
121
  <script src="../../../prettify.js"></script>
122
122
  <script>
@@ -403,7 +403,7 @@ export default MlGeoJsonLayer;
403
403
  <div class='footer quiet pad2 space-top1 center small'>
404
404
  Code coverage generated by
405
405
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
406
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
406
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
407
407
  </div>
408
408
  <script src="../../../prettify.js"></script>
409
409
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -592,7 +592,7 @@ export default MlImageMarkerLayer;
592
592
  <div class='footer quiet pad2 space-top1 center small'>
593
593
  Code coverage generated by
594
594
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
595
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
595
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
596
596
  </div>
597
597
  <script src="../../../prettify.js"></script>
598
598
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -197,7 +197,7 @@ interface MlLayerProps {
197
197
  /**
198
198
  * GeoJSON data that is supposed to be rendered by this component.
199
199
  */
200
- geojson: Feature | FeatureCollection | undefined;
200
+ geojson?: Feature | FeatureCollection | undefined;
201
201
  }
202
202
  &nbsp;
203
203
  /**
@@ -232,7 +232,7 @@ export default MlLayer;
232
232
  <div class='footer quiet pad2 space-top1 center small'>
233
233
  Code coverage generated by
234
234
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
235
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
235
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
236
236
  </div>
237
237
  <script src="../../../prettify.js"></script>
238
238
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -736,7 +736,7 @@ export default MlLayerMagnify;
736
736
  <div class='footer quiet pad2 space-top1 center small'>
737
737
  Code coverage generated by
738
738
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
739
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
739
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
740
740
  </div>
741
741
  <script src="../../../prettify.js"></script>
742
742
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -508,7 +508,7 @@ export default MlLayerSwipe;
508
508
  <div class='footer quiet pad2 space-top1 center small'>
509
509
  Code coverage generated by
510
510
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
511
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
511
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
512
512
  </div>
513
513
  <script src="../../../prettify.js"></script>
514
514
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -721,7 +721,7 @@ export default MlLayerSwitcher;
721
721
  <div class='footer quiet pad2 space-top1 center small'>
722
722
  Code coverage generated by
723
723
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
724
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
724
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
725
725
  </div>
726
726
  <script src="../../../prettify.js"></script>
727
727
  <script>
@@ -292,7 +292,7 @@ export default LayerBox;
292
292
  <div class='footer quiet pad2 space-top1 center small'>
293
293
  Code coverage generated by
294
294
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
295
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
295
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
296
296
  </div>
297
297
  <script src="../../../../prettify.js"></script>
298
298
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../../prettify.js"></script>
107
107
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -490,7 +490,7 @@ export default MlMarker;
490
490
  <div class='footer quiet pad2 space-top1 center small'>
491
491
  Code coverage generated by
492
492
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
493
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
493
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
494
494
  </div>
495
495
  <script src="../../../prettify.js"></script>
496
496
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -250,7 +250,7 @@ export default MlMeasureTool;
250
250
  <div class='footer quiet pad2 space-top1 center small'>
251
251
  Code coverage generated by
252
252
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
253
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
253
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
254
254
  </div>
255
255
  <script src="../../../prettify.js"></script>
256
256
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -748,7 +748,7 @@ export default MlNavigationCompass;
748
748
  <div class='footer quiet pad2 space-top1 center small'>
749
749
  Code coverage generated by
750
750
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
751
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
751
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
752
752
  </div>
753
753
  <script src="../../../prettify.js"></script>
754
754
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -32,7 +32,7 @@
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">0% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/46</span>
35
+ <span class='fraction'>0/44</span>
36
36
  </div>
37
37
 
38
38
 
@@ -253,7 +253,23 @@
253
253
  <a name='L188'></a><a href='#L188'>188</a>
254
254
  <a name='L189'></a><a href='#L189'>189</a>
255
255
  <a name='L190'></a><a href='#L190'>190</a>
256
- <a name='L191'></a><a href='#L191'>191</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
256
+ <a name='L191'></a><a href='#L191'>191</a>
257
+ <a name='L192'></a><a href='#L192'>192</a>
258
+ <a name='L193'></a><a href='#L193'>193</a>
259
+ <a name='L194'></a><a href='#L194'>194</a>
260
+ <a name='L195'></a><a href='#L195'>195</a>
261
+ <a name='L196'></a><a href='#L196'>196</a>
262
+ <a name='L197'></a><a href='#L197'>197</a>
263
+ <a name='L198'></a><a href='#L198'>198</a>
264
+ <a name='L199'></a><a href='#L199'>199</a>
265
+ <a name='L200'></a><a href='#L200'>200</a>
266
+ <a name='L201'></a><a href='#L201'>201</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
267
+ <span class="cline-any cline-neutral">&nbsp;</span>
268
+ <span class="cline-any cline-neutral">&nbsp;</span>
269
+ <span class="cline-any cline-neutral">&nbsp;</span>
270
+ <span class="cline-any cline-neutral">&nbsp;</span>
271
+ <span class="cline-any cline-neutral">&nbsp;</span>
272
+ <span class="cline-any cline-neutral">&nbsp;</span>
257
273
  <span class="cline-any cline-neutral">&nbsp;</span>
258
274
  <span class="cline-any cline-neutral">&nbsp;</span>
259
275
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -443,11 +459,17 @@
443
459
  <span class="cline-any cline-neutral">&nbsp;</span>
444
460
  <span class="cline-any cline-neutral">&nbsp;</span>
445
461
  <span class="cline-any cline-neutral">&nbsp;</span>
462
+ <span class="cline-any cline-neutral">&nbsp;</span>
463
+ <span class="cline-any cline-neutral">&nbsp;</span>
464
+ <span class="cline-any cline-neutral">&nbsp;</span>
465
+ <span class="cline-any cline-neutral">&nbsp;</span>
446
466
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useEffect, useState } from "react";
447
467
  import Button from "@mui/material/Button";
448
468
  import ButtonGroup from "@mui/material/ButtonGroup";
449
469
  import ControlPointIcon from "@mui/icons-material/ControlPoint";
450
470
  import RemoveCircleOutlineIcon from "@mui/icons-material/RemoveCircleOutline";
471
+ import Box from "@mui/material/Box";
472
+ import { SxProps } from "@mui/material";
451
473
  &nbsp;
452
474
  import MlNavigationCompass from "../MlNavigationCompass/MlNavigationCompass";
453
475
  import MlFollowGps from "../MlFollowGps/MlFollowGps";
@@ -485,6 +507,10 @@ interface MlNavigationToolsProps {
485
507
  * Additional JSX Elements to be rendered below MlNavigationTools buttons
486
508
  */
487
509
  children?: JSX.Element;
510
+ /**
511
+ * Style attribute for NavigationTools container
512
+ */
513
+ sx?: SxProps;
488
514
  }
489
515
  &nbsp;
490
516
  /**
@@ -516,7 +542,7 @@ const MlNavigationTools = <span class="fstat-no" title="function not covered" >(
516
542
  };
517
543
  const iconStyle = <span class="cstat-no" title="statement not covered" >{</span>
518
544
  fontSize: buttonStyle.fontSize,
519
- }
545
+ };
520
546
  &nbsp;
521
547
  <span class="cstat-no" title="statement not covered" > useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
522
548
  <span class="cstat-no" title="statement not covered" > if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
@@ -560,14 +586,14 @@ const MlNavigationTools = <span class="fstat-no" title="function not covered" >(
560
586
  };
561
587
  &nbsp;
562
588
  <span class="cstat-no" title="statement not covered" > return (</span>
563
- &lt;div
564
- style={{
589
+ &lt;Box
590
+ sx={{
565
591
  zIndex: 501,
566
592
  position: "absolute",
567
- right: mediaIsMobile ? "15px" : "5px",
568
- bottom: mediaIsMobile ? "40px" : "20px",
569
593
  display: "flex",
570
594
  flexDirection: "column",
595
+ ...(mediaIsMobile ? { margin: "20px 10px 20px 10px" } : {}),
596
+ ...props.sx,
571
597
  }}
572
598
  &gt;
573
599
  &lt;MlNavigationCompass
@@ -591,7 +617,7 @@ const MlNavigationTools = <span class="fstat-no" title="function not covered" >(
591
617
  &lt;/Button&gt;
592
618
  )}
593
619
  {props.showFollowGpsButton &amp;&amp; (
594
- &lt;MlFollowGps style={{ ...(<span class="fstat-no" title="function not covered" >({</span> color, ...rest }) =&gt; <span class="cstat-no" title="statement not covered" >rest)</span>(buttonStyle) }} /&gt;
620
+ &lt;MlFollowGps buttonSx={{ ...(<span class="fstat-no" title="function not covered" >({</span> color, ...rest }) =&gt; <span class="cstat-no" title="statement not covered" >rest)</span>(buttonStyle) }} /&gt;
595
621
  )}
596
622
  {props.showCenterLocationButton &amp;&amp; (
597
623
  &lt;MlCenterPosition style={{ ...(<span class="fstat-no" title="function not covered" >({</span> color, ...rest }) =&gt; <span class="cstat-no" title="statement not covered" >rest)</span>(buttonStyle) }} /&gt;
@@ -608,10 +634,10 @@ const MlNavigationTools = <span class="fstat-no" title="function not covered" >(
608
634
  {props.showZoomButtons &amp;&amp; (
609
635
  &lt;&gt;
610
636
  &lt;Button sx={{ ...buttonStyle }} onClick={zoomIn}&gt;
611
- &lt;ControlPointIcon sx={{...iconStyle}} /&gt;
637
+ &lt;ControlPointIcon sx={{ ...iconStyle }} /&gt;
612
638
  &lt;/Button&gt;
613
639
  &lt;Button sx={{ ...buttonStyle }} onClick={zoomOut}&gt;
614
- &lt;RemoveCircleOutlineIcon sx={{...iconStyle}} /&gt;
640
+ &lt;RemoveCircleOutlineIcon sx={{ ...iconStyle }} /&gt;
615
641
  &lt;/Button&gt;
616
642
  &lt;/&gt;
617
643
  )}
@@ -620,7 +646,7 @@ const MlNavigationTools = <span class="fstat-no" title="function not covered" >(
620
646
  React.cloneElement(props.children, {
621
647
  sx: { ...buttonStyle },
622
648
  })}
623
- &lt;/div&gt;
649
+ &lt;/Box&gt;
624
650
  );
625
651
  };
626
652
  &nbsp;
@@ -630,6 +656,10 @@ MlNavigationTools.defaultProps = {
630
656
  showFollowGpsButton: true,
631
657
  showCenterLocationButton: false,
632
658
  showZoomButtons: true,
659
+ sx: {
660
+ right: "5px",
661
+ bottom: "20px",
662
+ },
633
663
  };
634
664
  &nbsp;
635
665
  export default MlNavigationTools;
@@ -640,7 +670,7 @@ export default MlNavigationTools;
640
670
  <div class='footer quiet pad2 space-top1 center small'>
641
671
  Code coverage generated by
642
672
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
643
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
673
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
644
674
  </div>
645
675
  <script src="../../../prettify.js"></script>
646
676
  <script>
@@ -32,7 +32,7 @@
32
32
  <div class='fl pad1y space-right2'>
33
33
  <span class="strong">0% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>0/46</span>
35
+ <span class='fraction'>0/44</span>
36
36
  </div>
37
37
 
38
38
 
@@ -86,7 +86,7 @@
86
86
  <td data-value="5.71" class="pct low">5.71%</td>
87
87
  <td data-value="35" class="abs low">2/35</td>
88
88
  <td data-value="0" class="pct low">0%</td>
89
- <td data-value="46" class="abs low">0/46</td>
89
+ <td data-value="44" class="abs low">0/44</td>
90
90
  <td data-value="0" class="pct low">0%</td>
91
91
  <td data-value="8" class="abs low">0/8</td>
92
92
  <td data-value="6.66" class="pct low">6.66%</td>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -283,7 +283,7 @@ export default MlOsmLayer;
283
283
  <div class='footer quiet pad2 space-top1 center small'>
284
284
  Code coverage generated by
285
285
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
286
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
286
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
287
287
  </div>
288
288
  <script src="../../../prettify.js"></script>
289
289
  <script>
@@ -217,7 +217,7 @@ export const ExampleConfig = <span class="cstat-no" title="statement not covered
217
217
  <div class='footer quiet pad2 space-top1 center small'>
218
218
  Code coverage generated by
219
219
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
220
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
220
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
221
221
  </div>
222
222
  <script src="../../../prettify.js"></script>
223
223
  <script>
@@ -116,7 +116,7 @@
116
116
  <div class='footer quiet pad2 space-top1 center small'>
117
117
  Code coverage generated by
118
118
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
119
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
119
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
120
120
  </div>
121
121
  <script src="../../../prettify.js"></script>
122
122
  <script>
@@ -23,9 +23,9 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">0% </span>
26
+ <span class="strong">2% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/50</span>
28
+ <span class='fraction'>1/50</span>
29
29
  </div>
30
30
 
31
31
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">0% </span>
47
+ <span class="strong">2.08% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/48</span>
49
+ <span class='fraction'>1/48</span>
50
50
  </div>
51
51
 
52
52
 
@@ -168,7 +168,7 @@
168
168
  <a name='L103'></a><a href='#L103'>103</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
169
169
  <span class="cline-any cline-neutral">&nbsp;</span>
170
170
  <span class="cline-any cline-neutral">&nbsp;</span>
171
- <span class="cline-any cline-no">&nbsp;</span>
171
+ <span class="cline-any cline-yes">10x</span>
172
172
  <span class="cline-any cline-no">&nbsp;</span>
173
173
  <span class="cline-any cline-no">&nbsp;</span>
174
174
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -270,7 +270,7 @@
270
270
  <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useRef, useEffect, useState, useCallback } from "react";
271
271
  import useMap from "../../hooks/useMap";
272
272
  &nbsp;
273
- const MlScaleReference = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {</span>
273
+ const MlScaleReference = <span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {
274
274
  const zoomRef = <span class="cstat-no" title="statement not covered" >useRef(0);</span>
275
275
  const mapHook = <span class="cstat-no" title="statement not covered" >useMap({ mapId: props.mapId, waitForLayer: props.insertBeforeLayer });</span>
276
276
  &nbsp;
@@ -376,7 +376,7 @@ export default MlScaleReference;
376
376
  <div class='footer quiet pad2 space-top1 center small'>
377
377
  Code coverage generated by
378
378
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
379
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
379
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
380
380
  </div>
381
381
  <script src="../../../prettify.js"></script>
382
382
  <script>
@@ -23,9 +23,9 @@
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">0% </span>
26
+ <span class="strong">2% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>0/50</span>
28
+ <span class='fraction'>1/50</span>
29
29
  </div>
30
30
 
31
31
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">0% </span>
47
+ <span class="strong">2.08% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>0/48</span>
49
+ <span class='fraction'>1/48</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file low" data-value="MlScaleReference.js"><a href="MlScaleReference.js.html">MlScaleReference.js</a></td>
83
- <td data-value="0" class="pic low">
84
- <div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
83
+ <td data-value="2" class="pic low">
84
+ <div class="chart"><div class="cover-fill" style="width: 2%"></div><div class="cover-empty" style="width: 98%"></div></div>
85
85
  </td>
86
- <td data-value="0" class="pct low">0%</td>
87
- <td data-value="50" class="abs low">0/50</td>
86
+ <td data-value="2" class="pct low">2%</td>
87
+ <td data-value="50" class="abs low">1/50</td>
88
88
  <td data-value="0" class="pct low">0%</td>
89
89
  <td data-value="26" class="abs low">0/26</td>
90
90
  <td data-value="0" class="pct low">0%</td>
91
91
  <td data-value="7" class="abs low">0/7</td>
92
- <td data-value="0" class="pct low">0%</td>
93
- <td data-value="48" class="abs low">0/48</td>
92
+ <td data-value="2.08" class="pct low">2.08%</td>
93
+ <td data-value="48" class="abs low">1/48</td>
94
94
  </tr>
95
95
 
96
96
  </tbody>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -769,7 +769,7 @@ export default MlShareMapState;
769
769
  <div class='footer quiet pad2 space-top1 center small'>
770
770
  Code coverage generated by
771
771
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
772
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
772
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
773
773
  </div>
774
774
  <script src="../../../prettify.js"></script>
775
775
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -742,7 +742,7 @@ export default MlSpatialElevationProfile;
742
742
  <div class='footer quiet pad2 space-top1 center small'>
743
743
  Code coverage generated by
744
744
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
745
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
745
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
746
746
  </div>
747
747
  <script src="../../../prettify.js"></script>
748
748
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>
@@ -688,7 +688,7 @@ export default MlThreeJsLayer;</pre></td></tr></table></pre>
688
688
  <div class='footer quiet pad2 space-top1 center small'>
689
689
  Code coverage generated by
690
690
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
691
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
691
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
692
692
  </div>
693
693
  <script src="../../../prettify.js"></script>
694
694
  <script>
@@ -101,7 +101,7 @@
101
101
  <div class='footer quiet pad2 space-top1 center small'>
102
102
  Code coverage generated by
103
103
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
104
- at Tue Jul 19 2022 12:46:12 GMT+0000 (Coordinated Universal Time)
104
+ at Tue Aug 30 2022 13:27:18 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  <script src="../../../prettify.js"></script>
107
107
  <script>