@mapcomponents/react-maplibre 0.1.12 → 0.1.16

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 (133) hide show
  1. package/.github/workflows/storybook.yml +4 -2
  2. package/CHANGELOG.md +33 -0
  3. package/README.md +22 -6
  4. package/coverage/clover.xml +893 -760
  5. package/coverage/coverage-final.json +22 -17
  6. package/coverage/lcov-report/index.html +183 -123
  7. package/coverage/lcov-report/{components → src/components}/MapLibreMap/MapLibreMap.js.html +10 -10
  8. package/coverage/lcov-report/{components → src/components}/MapLibreMap/index.html +10 -10
  9. package/coverage/lcov-report/{components → src/components}/MlCreatePdfButton/MlCreatePdfButton.js.html +10 -10
  10. package/coverage/lcov-report/{components → src/components}/MlCreatePdfButton/index.html +10 -10
  11. package/coverage/lcov-report/{components → src/components}/MlFeatureEditor/MlFeatureEditor.js.html +10 -10
  12. package/coverage/lcov-report/{components → src/components}/MlFeatureEditor/index.html +10 -10
  13. package/coverage/lcov-report/{components → src/components}/MlFillExtrusionLayer/MlFillExtrusionLayer.js.html +10 -10
  14. package/coverage/lcov-report/{components → src/components}/MlFillExtrusionLayer/index.html +10 -10
  15. package/coverage/lcov-report/{components → src/components}/MlFollowGps/MlFollowGps.js.html +148 -136
  16. package/coverage/lcov-report/{components → src/components}/MlFollowGps/index.html +24 -24
  17. package/coverage/lcov-report/{components → src/components}/MlGPXViewer/MlGPXViewer.js.html +66 -60
  18. package/coverage/lcov-report/{components → src/components}/MlGPXViewer/gpxConverter.js.html +49 -70
  19. package/coverage/lcov-report/{components → src/components}/MlGPXViewer/index.html +25 -25
  20. package/coverage/lcov-report/{components → src/components}/MlGeoJsonLayer/MlGeoJsonLayer.js.html +155 -47
  21. package/coverage/lcov-report/{components → src/components}/MlGeoJsonLayer/index.html +28 -28
  22. package/coverage/lcov-report/{components/MlLayer/MlLayer.js.html → src/components/MlImageMarkerLayer/MlImageMarkerLayer.js.html} +88 -121
  23. package/coverage/lcov-report/{components → src/components}/MlImageMarkerLayer/index.html +28 -28
  24. package/coverage/lcov-report/{components/MlImageMarkerLayer/MlImageMarkerLayer.js.html → src/components/MlLayer/MlLayer.js.html} +116 -125
  25. package/coverage/lcov-report/src/components/MlLayer/index.html +117 -0
  26. package/coverage/lcov-report/{components → src/components}/MlLayerMagnify/MlLayerMagnify.js.html +41 -41
  27. package/coverage/lcov-report/{components → src/components}/MlLayerMagnify/index.html +24 -24
  28. package/coverage/lcov-report/{components → src/components}/MlLayerSwipe/MlLayerSwipe.js.html +38 -41
  29. package/coverage/lcov-report/{components → src/components}/MlLayerSwipe/index.html +24 -24
  30. package/coverage/lcov-report/src/components/MlLayerSwitcher/MlLayerSwitcher.js.html +755 -0
  31. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/LayerBox.js.html +380 -0
  32. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/index.html +117 -0
  33. package/coverage/lcov-report/src/components/MlLayerSwitcher/index.html +117 -0
  34. package/coverage/lcov-report/{components → src/components}/MlMarker/MlMarker.js.html +11 -11
  35. package/coverage/lcov-report/{components → src/components}/MlMarker/index.html +10 -10
  36. package/coverage/lcov-report/{components → src/components}/MlNavigationCompass/MlNavigationCompass.js.html +10 -10
  37. package/coverage/lcov-report/{components → src/components}/MlNavigationCompass/index.html +10 -10
  38. package/coverage/lcov-report/{components → src/components}/MlNavigationTools/MlNavigationTools.js.html +50 -41
  39. package/coverage/lcov-report/{components → src/components}/MlNavigationTools/index.html +18 -18
  40. package/coverage/lcov-report/{components → src/components}/MlOsmLayer/MlOsmLayer.js.html +10 -10
  41. package/coverage/lcov-report/{components → src/components}/MlOsmLayer/index.html +10 -10
  42. package/coverage/lcov-report/{components → src/components}/MlScaleReference/MlScaleReference.js.html +10 -10
  43. package/coverage/lcov-report/{components → src/components}/MlScaleReference/index.html +10 -10
  44. package/coverage/lcov-report/{components → src/components}/MlShareMapState/MlShareMapState.js.html +217 -25
  45. package/coverage/lcov-report/{components → src/components}/MlShareMapState/index.html +18 -18
  46. package/coverage/lcov-report/{components → src/components}/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html +10 -10
  47. package/coverage/lcov-report/{components → src/components}/MlSpatialElevationProfile/index.html +10 -10
  48. package/coverage/lcov-report/{components → src/components}/MlThreeJsLayer/MlThreeJsLayer.js.html +30 -54
  49. package/coverage/lcov-report/{components → src/components}/MlThreeJsLayer/index.html +24 -24
  50. package/coverage/lcov-report/{components → src/components}/MlUseMapDebugger/MlUseMapDebugger.js.html +10 -10
  51. package/coverage/lcov-report/{components → src/components}/MlUseMapDebugger/index.html +10 -10
  52. package/coverage/lcov-report/{components → src/components}/MlVectorTileLayer/MlVectorTileLayer.js.html +10 -10
  53. package/coverage/lcov-report/{components → src/components}/MlVectorTileLayer/index.html +10 -10
  54. package/coverage/lcov-report/{components → src/components}/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +10 -10
  55. package/coverage/lcov-report/{components → src/components}/MlWmsFeatureInfoPopup/index.html +10 -10
  56. package/coverage/lcov-report/{components → src/components}/MlWmsLayer/MlWmsLayer.js.html +13 -13
  57. package/coverage/lcov-report/{components → src/components}/MlWmsLayer/index.html +14 -14
  58. package/coverage/lcov-report/{components → src/components}/MlWmsLoader/MlWmsLoader.js.html +31 -19
  59. package/coverage/lcov-report/{components → src/components}/MlWmsLoader/index.html +16 -16
  60. package/coverage/lcov-report/src/hooks/index.html +147 -0
  61. package/coverage/lcov-report/src/hooks/useMap.js.html +296 -0
  62. package/coverage/lcov-report/{hooks → src/hooks}/useMapState.js.html +91 -91
  63. package/coverage/lcov-report/{hooks → src/hooks}/useWms.js.html +18 -18
  64. package/coverage/lcov-report/src/i18n.js.html +167 -0
  65. package/coverage/lcov-report/src/index.html +117 -0
  66. package/coverage/lcov-report/src/translations/english.js.html +95 -0
  67. package/coverage/lcov-report/src/translations/german.js.html +95 -0
  68. package/coverage/lcov-report/src/translations/index.html +132 -0
  69. package/coverage/lcov.info +1610 -1314
  70. package/dist/b556faa3bc6829d2.png +0 -0
  71. package/dist/index.esm.js +934 -668
  72. package/dist/index.esm.js.map +1 -1
  73. package/package.json +3 -1
  74. package/public/assets/dop.png +0 -0
  75. package/public/assets/historic.png +0 -0
  76. package/public/assets/osm.png +0 -0
  77. package/public/thumbnails/MlFollowGps.png +0 -0
  78. package/public/thumbnails/MlThreeJsLayer.png +0 -0
  79. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.js +53 -67
  80. package/src/components/MlComponentTemplate/MlComponentTemplate.js +6 -31
  81. package/src/components/MlFeatureEditor/MlFeatureEditor.meta.json +2 -2
  82. package/src/components/MlFollowGps/MlFollowGps.js +92 -88
  83. package/src/components/MlFollowGps/MlFollowGps.meta.json +2 -2
  84. package/src/components/MlFollowGps/MlFollowGps.test.js +3 -5
  85. package/src/components/MlFollowGps/assets/marker.png +0 -0
  86. package/src/components/MlGPXViewer/MlGPXViewer.js +45 -43
  87. package/src/components/MlGPXViewer/gpxConverter.js +22 -29
  88. package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.js +45 -9
  89. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.js +21 -57
  90. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.test.js +6 -7
  91. package/src/components/MlLayer/MlLayer.js +28 -6
  92. package/src/components/MlLayer/MlLayer.test.js +12 -10
  93. package/src/components/MlLayerMagnify/MlLayerMagnify.js +3 -3
  94. package/src/components/MlLayerSwipe/MlLayerSwipe.js +4 -5
  95. package/src/components/MlLayerSwitcher/MlLayerSwitcher.css +17 -0
  96. package/src/components/MlLayerSwitcher/MlLayerSwitcher.doc.de.md +3 -0
  97. package/src/components/MlLayerSwitcher/MlLayerSwitcher.js +223 -0
  98. package/src/components/MlLayerSwitcher/MlLayerSwitcher.meta_.json +15 -0
  99. package/src/components/MlLayerSwitcher/MlLayerSwitcher.stories.js +106 -0
  100. package/src/components/MlLayerSwitcher/assets/sample_1.json +26 -0
  101. package/src/components/MlLayerSwitcher/assets/sample_2.json +22 -0
  102. package/src/components/MlLayerSwitcher/components/LayerBox.js +98 -0
  103. package/src/components/MlMarker/MlMarker.js +1 -1
  104. package/src/components/MlNavigationTools/MlNavigationTools.js +29 -26
  105. package/src/components/MlScaleReference/MlScaleReference.meta.json +1 -1
  106. package/src/components/MlScaleReference/MlScaleReference.stories.js +25 -21
  107. package/src/components/MlShareMapState/MlShareMapState.js +73 -9
  108. package/src/components/MlShareMapState/MlShareMapState.stories.js +24 -1
  109. package/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.stories.js +12 -6
  110. package/src/components/MlThreeJsLayer/MlThreeJsLayer.js +8 -15
  111. package/src/components/MlWmsLayer/MlWmsLayer.js +1 -1
  112. package/src/components/MlWmsLoader/MlWmsLoader.js +8 -4
  113. package/src/components/MlWmsLoader/MlWmsLoader.meta.json +1 -1
  114. package/src/components/MlWmsLoader/MlWmsLoader.stories.js +5 -4
  115. package/src/decorators/EmptyMapContextDecorator.js +11 -6
  116. package/src/decorators/MapContext3DDecorator.js +25 -20
  117. package/src/decorators/MapContextDashboardDecorator.js +7 -2
  118. package/src/decorators/MapContextDecorator.js +7 -3
  119. package/src/decorators/MapContextKlokantechBasicDecorator.js +8 -4
  120. package/src/decorators/MultiMapContextDecorator.js +2 -1
  121. package/src/hooks/useMap.js +33 -62
  122. package/src/hooks/useMapState.js +3 -3
  123. package/src/hooks/useWms.js +7 -6
  124. package/src/i18n.js +28 -0
  125. package/src/index.js +3 -0
  126. package/src/translations/english.js +4 -0
  127. package/src/translations/german.js +4 -0
  128. package/src/ui_components/ImageLoader.js +73 -0
  129. package/src/ui_components/Sidebar.js +75 -20
  130. package/src/ui_components/TopToolbar.js +18 -18
  131. package/coverage/lcov-report/components/MlLayer/index.html +0 -117
  132. package/coverage/lcov-report/hooks/index.html +0 -147
  133. package/coverage/lcov-report/hooks/useMap.js.html +0 -383
package/coverage/lcov-report/{components → src/components}/MlLayerMagnify/MlLayerMagnify.js.html RENAMED
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlLayerMagnify/MlLayerMagnify.js</title>
6
+ <title>Code coverage report for src/components/MlLayerMagnify/MlLayerMagnify.js</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,20 +19,20 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">components/MlLayerMagnify</a> MlLayerMagnify.js</h1>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlLayerMagnify</a> MlLayerMagnify.js</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">71.23% </span>
26
+ <span class="strong">72.6% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>52/73</span>
28
+ <span class='fraction'>53/73</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">59.09% </span>
33
+ <span class="strong">61.36% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>26/44</span>
35
+ <span class='fraction'>27/44</span>
36
36
  </div>
37
37
 
38
38
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">72.85% </span>
47
+ <span class="strong">74.28% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>51/70</span>
49
+ <span class='fraction'>52/70</span>
50
50
  </div>
51
51
 
52
52
 
@@ -284,31 +284,31 @@
284
284
  <span class="cline-any cline-neutral">&nbsp;</span>
285
285
  <span class="cline-any cline-neutral">&nbsp;</span>
286
286
  <span class="cline-any cline-yes">1x</span>
287
- <span class="cline-any cline-yes">2x</span>
288
- <span class="cline-any cline-yes">2x</span>
289
- <span class="cline-any cline-yes">2x</span>
290
- <span class="cline-any cline-neutral">&nbsp;</span>
291
- <span class="cline-any cline-yes">2x</span>
292
- <span class="cline-any cline-yes">2x</span>
293
- <span class="cline-any cline-yes">2x</span>
294
- <span class="cline-any cline-yes">2x</span>
287
+ <span class="cline-any cline-yes">3x</span>
288
+ <span class="cline-any cline-yes">3x</span>
289
+ <span class="cline-any cline-yes">3x</span>
295
290
  <span class="cline-any cline-neutral">&nbsp;</span>
296
- <span class="cline-any cline-yes">2x</span>
291
+ <span class="cline-any cline-yes">3x</span>
292
+ <span class="cline-any cline-yes">3x</span>
293
+ <span class="cline-any cline-yes">3x</span>
294
+ <span class="cline-any cline-yes">3x</span>
297
295
  <span class="cline-any cline-neutral">&nbsp;</span>
298
- <span class="cline-any cline-yes">2x</span>
296
+ <span class="cline-any cline-yes">3x</span>
299
297
  <span class="cline-any cline-neutral">&nbsp;</span>
300
- <span class="cline-any cline-yes">2x</span>
301
298
  <span class="cline-any cline-yes">3x</span>
302
- <span class="cline-any cline-no">&nbsp;</span>
303
299
  <span class="cline-any cline-neutral">&nbsp;</span>
304
300
  <span class="cline-any cline-yes">3x</span>
301
+ <span class="cline-any cline-yes">3x</span>
305
302
  <span class="cline-any cline-no">&nbsp;</span>
306
303
  <span class="cline-any cline-neutral">&nbsp;</span>
307
- <span class="cline-any cline-neutral">&nbsp;</span>
308
304
  <span class="cline-any cline-yes">3x</span>
305
+ <span class="cline-any cline-yes">1x</span>
309
306
  <span class="cline-any cline-neutral">&nbsp;</span>
310
307
  <span class="cline-any cline-neutral">&nbsp;</span>
311
308
  <span class="cline-any cline-yes">2x</span>
309
+ <span class="cline-any cline-neutral">&nbsp;</span>
310
+ <span class="cline-any cline-neutral">&nbsp;</span>
311
+ <span class="cline-any cline-yes">3x</span>
312
312
  <span class="cline-any cline-no">&nbsp;</span>
313
313
  <span class="cline-any cline-neutral">&nbsp;</span>
314
314
  <span class="cline-any cline-no">&nbsp;</span>
@@ -317,7 +317,7 @@
317
317
  <span class="cline-any cline-neutral">&nbsp;</span>
318
318
  <span class="cline-any cline-neutral">&nbsp;</span>
319
319
  <span class="cline-any cline-neutral">&nbsp;</span>
320
- <span class="cline-any cline-yes">2x</span>
320
+ <span class="cline-any cline-yes">3x</span>
321
321
  <span class="cline-any cline-yes">1x</span>
322
322
  <span class="cline-any cline-yes">1x</span>
323
323
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -329,7 +329,7 @@
329
329
  <span class="cline-any cline-neutral">&nbsp;</span>
330
330
  <span class="cline-any cline-neutral">&nbsp;</span>
331
331
  <span class="cline-any cline-neutral">&nbsp;</span>
332
- <span class="cline-any cline-yes">2x</span>
332
+ <span class="cline-any cline-yes">3x</span>
333
333
  <span class="cline-any cline-neutral">&nbsp;</span>
334
334
  <span class="cline-any cline-yes">1x</span>
335
335
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -367,7 +367,7 @@
367
367
  <span class="cline-any cline-neutral">&nbsp;</span>
368
368
  <span class="cline-any cline-neutral">&nbsp;</span>
369
369
  <span class="cline-any cline-neutral">&nbsp;</span>
370
- <span class="cline-any cline-yes">2x</span>
370
+ <span class="cline-any cline-yes">3x</span>
371
371
  <span class="cline-any cline-yes">2x</span>
372
372
  <span class="cline-any cline-neutral">&nbsp;</span>
373
373
  <span class="cline-any cline-yes">1x</span>
@@ -404,7 +404,7 @@
404
404
  <span class="cline-any cline-neutral">&nbsp;</span>
405
405
  <span class="cline-any cline-neutral">&nbsp;</span>
406
406
  <span class="cline-any cline-neutral">&nbsp;</span>
407
- <span class="cline-any cline-yes">2x</span>
407
+ <span class="cline-any cline-yes">3x</span>
408
408
  <span class="cline-any cline-no">&nbsp;</span>
409
409
  <span class="cline-any cline-no">&nbsp;</span>
410
410
  <span class="cline-any cline-no">&nbsp;</span>
@@ -414,22 +414,22 @@
414
414
  <span class="cline-any cline-neutral">&nbsp;</span>
415
415
  <span class="cline-any cline-neutral">&nbsp;</span>
416
416
  <span class="cline-any cline-neutral">&nbsp;</span>
417
- <span class="cline-any cline-yes">2x</span>
417
+ <span class="cline-any cline-yes">3x</span>
418
418
  <span class="cline-any cline-no">&nbsp;</span>
419
419
  <span class="cline-any cline-no">&nbsp;</span>
420
420
  <span class="cline-any cline-neutral">&nbsp;</span>
421
421
  <span class="cline-any cline-neutral">&nbsp;</span>
422
- <span class="cline-any cline-yes">2x</span>
422
+ <span class="cline-any cline-yes">3x</span>
423
423
  <span class="cline-any cline-no">&nbsp;</span>
424
424
  <span class="cline-any cline-no">&nbsp;</span>
425
425
  <span class="cline-any cline-neutral">&nbsp;</span>
426
426
  <span class="cline-any cline-neutral">&nbsp;</span>
427
- <span class="cline-any cline-yes">2x</span>
427
+ <span class="cline-any cline-yes">3x</span>
428
428
  <span class="cline-any cline-no">&nbsp;</span>
429
429
  <span class="cline-any cline-no">&nbsp;</span>
430
430
  <span class="cline-any cline-neutral">&nbsp;</span>
431
431
  <span class="cline-any cline-neutral">&nbsp;</span>
432
- <span class="cline-any cline-yes">2x</span>
432
+ <span class="cline-any cline-yes">3x</span>
433
433
  <span class="cline-any cline-neutral">&nbsp;</span>
434
434
  <span class="cline-any cline-neutral">&nbsp;</span>
435
435
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -508,8 +508,8 @@ const MlLayerMagnify = (props) =&gt; {
508
508
  <span class="missing-if-branch" title="if path not taken" >I</span>if (!props.map1Id || !props.map2Id) {
509
509
  <span class="cstat-no" title="statement not covered" > return false;</span>
510
510
  }
511
- <span class="missing-if-branch" title="if path not taken" >I</span>if (!mapContext.mapExists(props.map1Id) || !mapContext.mapExists(props.map2Id)) {
512
- <span class="cstat-no" title="statement not covered" > return false;</span>
511
+ if (!mapContext.getMap(props.map1Id) || !mapContext.getMap(props.map2Id)) {
512
+ return false;
513
513
  }
514
514
  &nbsp;
515
515
  return true;
@@ -579,8 +579,8 @@ const MlLayerMagnify = (props) =&gt; {
579
579
  &nbsp;
580
580
  syncMoveInitializedRef.current = true;
581
581
  syncCleanupFunctionRef.current = syncMove(
582
- mapContext.getMap(props.map1Id),
583
- mapContext.getMap(props.map2Id)
582
+ mapContext.getMap(props.map1Id).map,
583
+ mapContext.getMap(props.map2Id).map
584
584
  );
585
585
  &nbsp;
586
586
  <span class="missing-if-branch" title="if path not taken" >I</span>if (
@@ -691,17 +691,17 @@ export default MlLayerMagnify;
691
691
  <div class='footer quiet pad2 space-top1 center small'>
692
692
  Code coverage generated by
693
693
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
694
- at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
694
+ at Thu Dec 23 2021 12:19:00 GMT+0000 (Coordinated Universal Time)
695
695
  </div>
696
696
  </div>
697
- <script src="../../prettify.js"></script>
697
+ <script src="../../../prettify.js"></script>
698
698
  <script>
699
699
  window.onload = function () {
700
700
  prettyPrint();
701
701
  };
702
702
  </script>
703
- <script src="../../sorter.js"></script>
704
- <script src="../../block-navigation.js"></script>
703
+ <script src="../../../sorter.js"></script>
704
+ <script src="../../../block-navigation.js"></script>
705
705
  </body>
706
706
  </html>
707
707
 
package/coverage/lcov-report/{components → src/components}/MlLayerMagnify/index.html RENAMED
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlLayerMagnify</title>
6
+ <title>Code coverage report for src/components/MlLayerMagnify</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,20 +19,20 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> components/MlLayerMagnify</h1>
22
+ <h1><a href="../../../index.html">All files</a> src/components/MlLayerMagnify</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">71.23% </span>
26
+ <span class="strong">72.6% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>52/73</span>
28
+ <span class='fraction'>53/73</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">59.09% </span>
33
+ <span class="strong">61.36% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>26/44</span>
35
+ <span class='fraction'>27/44</span>
36
36
  </div>
37
37
 
38
38
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">72.85% </span>
47
+ <span class="strong">74.28% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>51/70</span>
49
+ <span class='fraction'>52/70</span>
50
50
  </div>
51
51
 
52
52
 
@@ -80,17 +80,17 @@
80
80
  </thead>
81
81
  <tbody><tr>
82
82
  <td class="file medium" data-value="MlLayerMagnify.js"><a href="MlLayerMagnify.js.html">MlLayerMagnify.js</a></td>
83
- <td data-value="71.23" class="pic medium">
84
- <div class="chart"><div class="cover-fill" style="width: 71%"></div><div class="cover-empty" style="width: 29%"></div></div>
83
+ <td data-value="72.6" class="pic medium">
84
+ <div class="chart"><div class="cover-fill" style="width: 72%"></div><div class="cover-empty" style="width: 28%"></div></div>
85
85
  </td>
86
- <td data-value="71.23" class="pct medium">71.23%</td>
87
- <td data-value="73" class="abs medium">52/73</td>
88
- <td data-value="59.09" class="pct medium">59.09%</td>
89
- <td data-value="44" class="abs medium">26/44</td>
86
+ <td data-value="72.6" class="pct medium">72.6%</td>
87
+ <td data-value="73" class="abs medium">53/73</td>
88
+ <td data-value="61.36" class="pct medium">61.36%</td>
89
+ <td data-value="44" class="abs medium">27/44</td>
90
90
  <td data-value="54.54" class="pct medium">54.54%</td>
91
91
  <td data-value="11" class="abs medium">6/11</td>
92
- <td data-value="72.85" class="pct medium">72.85%</td>
93
- <td data-value="70" class="abs medium">51/70</td>
92
+ <td data-value="74.28" class="pct medium">74.28%</td>
93
+ <td data-value="70" class="abs medium">52/70</td>
94
94
  </tr>
95
95
 
96
96
  </tbody>
@@ -101,17 +101,17 @@
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">istanbul</a>
104
- at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
104
+ at Thu Dec 23 2021 12:19:00 GMT+0000 (Coordinated Universal Time)
105
105
  </div>
106
106
  </div>
107
- <script src="../../prettify.js"></script>
107
+ <script src="../../../prettify.js"></script>
108
108
  <script>
109
109
  window.onload = function () {
110
110
  prettyPrint();
111
111
  };
112
112
  </script>
113
- <script src="../../sorter.js"></script>
114
- <script src="../../block-navigation.js"></script>
113
+ <script src="../../../sorter.js"></script>
114
+ <script src="../../../block-navigation.js"></script>
115
115
  </body>
116
116
  </html>
117
117
 
package/coverage/lcov-report/{components → src/components}/MlLayerSwipe/MlLayerSwipe.js.html RENAMED
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlLayerSwipe/MlLayerSwipe.js</title>
6
+ <title>Code coverage report for src/components/MlLayerSwipe/MlLayerSwipe.js</title>
7
7
  <meta charset="utf-8" />
8
- <link rel="stylesheet" href="../../prettify.css" />
9
- <link rel="stylesheet" href="../../base.css" />
10
- <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
8
+ <link rel="stylesheet" href="../../../prettify.css" />
9
+ <link rel="stylesheet" href="../../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../../favicon.png" />
11
11
  <meta name="viewport" content="width=device-width, initial-scale=1" />
12
12
  <style type='text/css'>
13
13
  .coverage-summary .sorter {
14
- background-image: url(../../sort-arrow-sprite.png);
14
+ background-image: url(../../../sort-arrow-sprite.png);
15
15
  }
16
16
  </style>
17
17
  </head>
@@ -19,20 +19,20 @@
19
19
  <body>
20
20
  <div class='wrapper'>
21
21
  <div class='pad1'>
22
- <h1><a href="../../index.html">All files</a> / <a href="index.html">components/MlLayerSwipe</a> MlLayerSwipe.js</h1>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlLayerSwipe</a> MlLayerSwipe.js</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">75.51% </span>
26
+ <span class="strong">77.55% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>37/49</span>
28
+ <span class='fraction'>38/49</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">65.38% </span>
33
+ <span class="strong">69.23% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>17/26</span>
35
+ <span class='fraction'>18/26</span>
36
36
  </div>
37
37
 
38
38
 
@@ -44,9 +44,9 @@
44
44
 
45
45
 
46
46
  <div class='fl pad1y space-right2'>
47
- <span class="strong">76.59% </span>
47
+ <span class="strong">78.72% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>36/47</span>
49
+ <span class='fraction'>37/47</span>
50
50
  </div>
51
51
 
52
52
 
@@ -200,8 +200,7 @@
200
200
  <a name='L135'></a><a href='#L135'>135</a>
201
201
  <a name='L136'></a><a href='#L136'>136</a>
202
202
  <a name='L137'></a><a href='#L137'>137</a>
203
- <a name='L138'></a><a href='#L138'>138</a>
204
- <a name='L139'></a><a href='#L139'>139</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
203
+ <a name='L138'></a><a href='#L138'>138</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
205
204
  <span class="cline-any cline-neutral">&nbsp;</span>
206
205
  <span class="cline-any cline-neutral">&nbsp;</span>
207
206
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -213,32 +212,32 @@
213
212
  <span class="cline-any cline-neutral">&nbsp;</span>
214
213
  <span class="cline-any cline-neutral">&nbsp;</span>
215
214
  <span class="cline-any cline-yes">1x</span>
216
- <span class="cline-any cline-yes">2x</span>
217
- <span class="cline-any cline-yes">2x</span>
218
- <span class="cline-any cline-neutral">&nbsp;</span>
219
- <span class="cline-any cline-yes">2x</span>
220
- <span class="cline-any cline-yes">2x</span>
215
+ <span class="cline-any cline-yes">3x</span>
216
+ <span class="cline-any cline-yes">3x</span>
221
217
  <span class="cline-any cline-neutral">&nbsp;</span>
222
- <span class="cline-any cline-yes">2x</span>
218
+ <span class="cline-any cline-yes">3x</span>
219
+ <span class="cline-any cline-yes">3x</span>
223
220
  <span class="cline-any cline-neutral">&nbsp;</span>
224
- <span class="cline-any cline-yes">2x</span>
225
221
  <span class="cline-any cline-yes">3x</span>
226
- <span class="cline-any cline-no">&nbsp;</span>
227
222
  <span class="cline-any cline-neutral">&nbsp;</span>
228
223
  <span class="cline-any cline-yes">3x</span>
224
+ <span class="cline-any cline-yes">3x</span>
229
225
  <span class="cline-any cline-no">&nbsp;</span>
230
226
  <span class="cline-any cline-neutral">&nbsp;</span>
231
- <span class="cline-any cline-neutral">&nbsp;</span>
232
227
  <span class="cline-any cline-yes">3x</span>
228
+ <span class="cline-any cline-yes">1x</span>
233
229
  <span class="cline-any cline-neutral">&nbsp;</span>
234
230
  <span class="cline-any cline-neutral">&nbsp;</span>
235
231
  <span class="cline-any cline-yes">2x</span>
232
+ <span class="cline-any cline-neutral">&nbsp;</span>
233
+ <span class="cline-any cline-neutral">&nbsp;</span>
234
+ <span class="cline-any cline-yes">3x</span>
236
235
  <span class="cline-any cline-yes">1x</span>
237
236
  <span class="cline-any cline-yes">1x</span>
238
237
  <span class="cline-any cline-neutral">&nbsp;</span>
239
238
  <span class="cline-any cline-neutral">&nbsp;</span>
240
239
  <span class="cline-any cline-neutral">&nbsp;</span>
241
- <span class="cline-any cline-yes">2x</span>
240
+ <span class="cline-any cline-yes">3x</span>
242
241
  <span class="cline-any cline-neutral">&nbsp;</span>
243
242
  <span class="cline-any cline-yes">1x</span>
244
243
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -256,7 +255,6 @@
256
255
  <span class="cline-any cline-yes">1x</span>
257
256
  <span class="cline-any cline-yes">1x</span>
258
257
  <span class="cline-any cline-neutral">&nbsp;</span>
259
- <span class="cline-any cline-neutral">&nbsp;</span>
260
258
  <span class="cline-any cline-yes">1x</span>
261
259
  <span class="cline-any cline-neutral">&nbsp;</span>
262
260
  <span class="cline-any cline-yes">1x</span>
@@ -265,11 +263,11 @@
265
263
  <span class="cline-any cline-neutral">&nbsp;</span>
266
264
  <span class="cline-any cline-neutral">&nbsp;</span>
267
265
  <span class="cline-any cline-neutral">&nbsp;</span>
268
- <span class="cline-any cline-yes">2x</span>
266
+ <span class="cline-any cline-yes">3x</span>
269
267
  <span class="cline-any cline-yes">1x</span>
270
268
  <span class="cline-any cline-neutral">&nbsp;</span>
271
269
  <span class="cline-any cline-neutral">&nbsp;</span>
272
- <span class="cline-any cline-yes">2x</span>
270
+ <span class="cline-any cline-yes">3x</span>
273
271
  <span class="cline-any cline-yes">2x</span>
274
272
  <span class="cline-any cline-neutral">&nbsp;</span>
275
273
  <span class="cline-any cline-yes">1x</span>
@@ -280,7 +278,7 @@
280
278
  <span class="cline-any cline-yes">1x</span>
281
279
  <span class="cline-any cline-neutral">&nbsp;</span>
282
280
  <span class="cline-any cline-neutral">&nbsp;</span>
283
- <span class="cline-any cline-yes">2x</span>
281
+ <span class="cline-any cline-yes">3x</span>
284
282
  <span class="cline-any cline-no">&nbsp;</span>
285
283
  <span class="cline-any cline-no">&nbsp;</span>
286
284
  <span class="cline-any cline-no">&nbsp;</span>
@@ -290,17 +288,17 @@
290
288
  <span class="cline-any cline-neutral">&nbsp;</span>
291
289
  <span class="cline-any cline-neutral">&nbsp;</span>
292
290
  <span class="cline-any cline-neutral">&nbsp;</span>
293
- <span class="cline-any cline-yes">2x</span>
291
+ <span class="cline-any cline-yes">3x</span>
294
292
  <span class="cline-any cline-no">&nbsp;</span>
295
293
  <span class="cline-any cline-no">&nbsp;</span>
296
294
  <span class="cline-any cline-neutral">&nbsp;</span>
297
295
  <span class="cline-any cline-neutral">&nbsp;</span>
298
- <span class="cline-any cline-yes">2x</span>
296
+ <span class="cline-any cline-yes">3x</span>
299
297
  <span class="cline-any cline-no">&nbsp;</span>
300
298
  <span class="cline-any cline-no">&nbsp;</span>
301
299
  <span class="cline-any cline-neutral">&nbsp;</span>
302
300
  <span class="cline-any cline-neutral">&nbsp;</span>
303
- <span class="cline-any cline-yes">2x</span>
301
+ <span class="cline-any cline-yes">3x</span>
304
302
  <span class="cline-any cline-neutral">&nbsp;</span>
305
303
  <span class="cline-any cline-neutral">&nbsp;</span>
306
304
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -363,8 +361,8 @@ const MlLayerSwipe = (props) =&gt; {
363
361
  <span class="missing-if-branch" title="if path not taken" >I</span>if (!props.map1Id || !props.map2Id) {
364
362
  <span class="cstat-no" title="statement not covered" > return false;</span>
365
363
  }
366
- <span class="missing-if-branch" title="if path not taken" >I</span>if (!mapContext.mapExists(props.map1Id) || !mapContext.mapExists(props.map2Id)) {
367
- <span class="cstat-no" title="statement not covered" > return false;</span>
364
+ if (!mapContext.getMap(props.map1Id) || !mapContext.getMap(props.map2Id)) {
365
+ return false;
368
366
  }
369
367
  &nbsp;
370
368
  return true;
@@ -394,8 +392,7 @@ const MlLayerSwipe = (props) =&gt; {
394
392
  setSwipeX(swipeX_tmp);
395
393
  swipeXRef.current = swipeX_tmp;
396
394
  &nbsp;
397
- var clipA =
398
- "rect(0, " + (swipeXRef.current * bounds.width) / 100 + "px, 999em, 0)";
395
+ var clipA = "rect(0, " + (swipeXRef.current * bounds.width) / 100 + "px, 999em, 0)";
399
396
  &nbsp;
400
397
  mapContext.maps[props.map2Id].getContainer().style.clip = clipA;
401
398
  }
@@ -412,8 +409,8 @@ const MlLayerSwipe = (props) =&gt; {
412
409
  &nbsp;
413
410
  initializedRef.current = true;
414
411
  syncCleanupFunctionRef.current = syncMove(
415
- mapContext.getMap(props.map1Id),
416
- mapContext.getMap(props.map2Id)
412
+ mapContext.getMap(props.map1Id).map,
413
+ mapContext.getMap(props.map2Id).map
417
414
  );
418
415
  onMove({ clientX: mapContext.maps[props.map1Id].getCanvas().clientWidth / 2 });
419
416
  }, [mapContext.mapIds, mapContext, props, onMove, mapExists]);
@@ -484,17 +481,17 @@ export default MlLayerSwipe;
484
481
  <div class='footer quiet pad2 space-top1 center small'>
485
482
  Code coverage generated by
486
483
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
487
- at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
484
+ at Thu Dec 23 2021 12:19:00 GMT+0000 (Coordinated Universal Time)
488
485
  </div>
489
486
  </div>
490
- <script src="../../prettify.js"></script>
487
+ <script src="../../../prettify.js"></script>
491
488
  <script>
492
489
  window.onload = function () {
493
490
  prettyPrint();
494
491
  };
495
492
  </script>
496
- <script src="../../sorter.js"></script>
497
- <script src="../../block-navigation.js"></script>
493
+ <script src="../../../sorter.js"></script>
494
+ <script src="../../../block-navigation.js"></script>
498
495
  </body>
499
496
  </html>
500
497