@mapcomponents/react-maplibre 0.1.12 → 0.1.13

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 (120) hide show
  1. package/coverage/clover.xml +727 -608
  2. package/coverage/coverage-final.json +19 -14
  3. package/coverage/lcov-report/index.html +156 -96
  4. package/coverage/lcov-report/{components → src/components}/MapLibreMap/MapLibreMap.js.html +10 -10
  5. package/coverage/lcov-report/{components → src/components}/MapLibreMap/index.html +10 -10
  6. package/coverage/lcov-report/{components → src/components}/MlCreatePdfButton/MlCreatePdfButton.js.html +10 -10
  7. package/coverage/lcov-report/{components → src/components}/MlCreatePdfButton/index.html +10 -10
  8. package/coverage/lcov-report/{components → src/components}/MlFeatureEditor/MlFeatureEditor.js.html +10 -10
  9. package/coverage/lcov-report/{components → src/components}/MlFeatureEditor/index.html +10 -10
  10. package/coverage/lcov-report/{components → src/components}/MlFillExtrusionLayer/MlFillExtrusionLayer.js.html +10 -10
  11. package/coverage/lcov-report/{components → src/components}/MlFillExtrusionLayer/index.html +10 -10
  12. package/coverage/lcov-report/{components → src/components}/MlFollowGps/MlFollowGps.js.html +61 -55
  13. package/coverage/lcov-report/{components → src/components}/MlFollowGps/index.html +10 -10
  14. package/coverage/lcov-report/{components → src/components}/MlGPXViewer/MlGPXViewer.js.html +66 -60
  15. package/coverage/lcov-report/{components → src/components}/MlGPXViewer/gpxConverter.js.html +49 -70
  16. package/coverage/lcov-report/{components → src/components}/MlGPXViewer/index.html +25 -25
  17. package/coverage/lcov-report/{components → src/components}/MlGeoJsonLayer/MlGeoJsonLayer.js.html +70 -28
  18. package/coverage/lcov-report/{components → src/components}/MlGeoJsonLayer/index.html +27 -27
  19. package/coverage/lcov-report/{components → src/components}/MlImageMarkerLayer/MlImageMarkerLayer.js.html +19 -22
  20. package/coverage/lcov-report/{components → src/components}/MlImageMarkerLayer/index.html +19 -19
  21. package/coverage/lcov-report/{components → src/components}/MlLayer/MlLayer.js.html +30 -30
  22. package/coverage/lcov-report/{components → src/components}/MlLayer/index.html +26 -26
  23. package/coverage/lcov-report/{components → src/components}/MlLayerMagnify/MlLayerMagnify.js.html +41 -41
  24. package/coverage/lcov-report/{components → src/components}/MlLayerMagnify/index.html +24 -24
  25. package/coverage/lcov-report/{components → src/components}/MlLayerSwipe/MlLayerSwipe.js.html +38 -41
  26. package/coverage/lcov-report/{components → src/components}/MlLayerSwipe/index.html +24 -24
  27. package/coverage/lcov-report/src/components/MlLayerSwitcher/MlLayerSwitcher.js.html +755 -0
  28. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/LayerBox.js.html +380 -0
  29. package/coverage/lcov-report/src/components/MlLayerSwitcher/components/index.html +117 -0
  30. package/coverage/lcov-report/src/components/MlLayerSwitcher/index.html +117 -0
  31. package/coverage/lcov-report/{components → src/components}/MlMarker/MlMarker.js.html +11 -11
  32. package/coverage/lcov-report/{components → src/components}/MlMarker/index.html +10 -10
  33. package/coverage/lcov-report/{components → src/components}/MlNavigationCompass/MlNavigationCompass.js.html +10 -10
  34. package/coverage/lcov-report/{components → src/components}/MlNavigationCompass/index.html +10 -10
  35. package/coverage/lcov-report/{components → src/components}/MlNavigationTools/MlNavigationTools.js.html +48 -36
  36. package/coverage/lcov-report/{components → src/components}/MlNavigationTools/index.html +16 -16
  37. package/coverage/lcov-report/{components → src/components}/MlOsmLayer/MlOsmLayer.js.html +10 -10
  38. package/coverage/lcov-report/{components → src/components}/MlOsmLayer/index.html +10 -10
  39. package/coverage/lcov-report/{components → src/components}/MlScaleReference/MlScaleReference.js.html +10 -10
  40. package/coverage/lcov-report/{components → src/components}/MlScaleReference/index.html +10 -10
  41. package/coverage/lcov-report/{components → src/components}/MlShareMapState/MlShareMapState.js.html +10 -10
  42. package/coverage/lcov-report/{components → src/components}/MlShareMapState/index.html +10 -10
  43. package/coverage/lcov-report/{components → src/components}/MlSpatialElevationProfile/MlSpatialElevationProfile.js.html +10 -10
  44. package/coverage/lcov-report/{components → src/components}/MlSpatialElevationProfile/index.html +10 -10
  45. package/coverage/lcov-report/{components → src/components}/MlThreeJsLayer/MlThreeJsLayer.js.html +30 -54
  46. package/coverage/lcov-report/{components → src/components}/MlThreeJsLayer/index.html +24 -24
  47. package/coverage/lcov-report/{components → src/components}/MlUseMapDebugger/MlUseMapDebugger.js.html +10 -10
  48. package/coverage/lcov-report/{components → src/components}/MlUseMapDebugger/index.html +10 -10
  49. package/coverage/lcov-report/{components → src/components}/MlVectorTileLayer/MlVectorTileLayer.js.html +10 -10
  50. package/coverage/lcov-report/{components → src/components}/MlVectorTileLayer/index.html +10 -10
  51. package/coverage/lcov-report/{components → src/components}/MlWmsFeatureInfoPopup/MlWmsFeatureInfoPopup.js.html +10 -10
  52. package/coverage/lcov-report/{components → src/components}/MlWmsFeatureInfoPopup/index.html +10 -10
  53. package/coverage/lcov-report/{components → src/components}/MlWmsLayer/MlWmsLayer.js.html +13 -13
  54. package/coverage/lcov-report/{components → src/components}/MlWmsLayer/index.html +14 -14
  55. package/coverage/lcov-report/{components → src/components}/MlWmsLoader/MlWmsLoader.js.html +31 -19
  56. package/coverage/lcov-report/{components → src/components}/MlWmsLoader/index.html +16 -16
  57. package/coverage/lcov-report/{hooks → src/hooks}/index.html +10 -10
  58. package/coverage/lcov-report/{hooks → src/hooks}/useMap.js.html +10 -10
  59. package/coverage/lcov-report/{hooks → src/hooks}/useMapState.js.html +10 -10
  60. package/coverage/lcov-report/{hooks → src/hooks}/useWms.js.html +18 -18
  61. package/coverage/lcov-report/src/i18n.js.html +167 -0
  62. package/coverage/lcov-report/src/index.html +117 -0
  63. package/coverage/lcov-report/src/translations/english.js.html +95 -0
  64. package/coverage/lcov-report/src/translations/german.js.html +95 -0
  65. package/coverage/lcov-report/src/translations/index.html +132 -0
  66. package/coverage/lcov.info +1240 -976
  67. package/dist/b556faa3bc6829d2.png +0 -0
  68. package/dist/index.esm.js +102 -71
  69. package/dist/index.esm.js.map +1 -1
  70. package/package.json +3 -1
  71. package/public/assets/dop.png +0 -0
  72. package/public/assets/historic.png +0 -0
  73. package/public/assets/osm.png +0 -0
  74. package/public/thumbnails/MlFollowGps.png +0 -0
  75. package/public/thumbnails/MlThreeJsLayer.png +0 -0
  76. package/src/components/MapLibreMap/lib/MapLibreGlWrapper.js +58 -73
  77. package/src/components/MlFeatureEditor/MlFeatureEditor.meta.json +2 -2
  78. package/src/components/MlFollowGps/MlFollowGps.js +45 -43
  79. package/src/components/MlFollowGps/MlFollowGps.meta.json +2 -2
  80. package/src/components/MlFollowGps/assets/marker.png +0 -0
  81. package/src/components/MlGPXViewer/MlGPXViewer.js +45 -43
  82. package/src/components/MlGPXViewer/gpxConverter.js +22 -29
  83. package/src/components/MlGeoJsonLayer/MlGeoJsonLayer.js +22 -8
  84. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.js +3 -4
  85. package/src/components/MlImageMarkerLayer/MlImageMarkerLayer.test.js +6 -7
  86. package/src/components/MlLayer/MlLayer.js +2 -2
  87. package/src/components/MlLayer/MlLayer.test.js +12 -10
  88. package/src/components/MlLayerMagnify/MlLayerMagnify.js +3 -3
  89. package/src/components/MlLayerSwipe/MlLayerSwipe.js +4 -5
  90. package/src/components/MlLayerSwitcher/MlLayerSwitcher.css +17 -0
  91. package/src/components/MlLayerSwitcher/MlLayerSwitcher.doc.de.md +3 -0
  92. package/src/components/MlLayerSwitcher/MlLayerSwitcher.js +223 -0
  93. package/src/components/MlLayerSwitcher/MlLayerSwitcher.meta_.json +15 -0
  94. package/src/components/MlLayerSwitcher/MlLayerSwitcher.stories.js +106 -0
  95. package/src/components/MlLayerSwitcher/assets/sample_1.json +26 -0
  96. package/src/components/MlLayerSwitcher/assets/sample_2.json +22 -0
  97. package/src/components/MlLayerSwitcher/components/LayerBox.js +98 -0
  98. package/src/components/MlMarker/MlMarker.js +1 -1
  99. package/src/components/MlNavigationTools/MlNavigationTools.js +26 -22
  100. package/src/components/MlScaleReference/MlScaleReference.meta.json +1 -1
  101. package/src/components/MlScaleReference/MlScaleReference.stories.js +25 -21
  102. package/src/components/MlSpatialElevationProfile/MlSpatialElevationProfile.stories.js +12 -6
  103. package/src/components/MlThreeJsLayer/MlThreeJsLayer.js +8 -15
  104. package/src/components/MlWmsLayer/MlWmsLayer.js +1 -1
  105. package/src/components/MlWmsLoader/MlWmsLoader.js +8 -4
  106. package/src/components/MlWmsLoader/MlWmsLoader.meta.json +1 -1
  107. package/src/components/MlWmsLoader/MlWmsLoader.stories.js +5 -4
  108. package/src/decorators/EmptyMapContextDecorator.js +11 -6
  109. package/src/decorators/MapContext3DDecorator.js +25 -20
  110. package/src/decorators/MapContextDashboardDecorator.js +7 -2
  111. package/src/decorators/MapContextDecorator.js +7 -3
  112. package/src/decorators/MapContextKlokantechBasicDecorator.js +8 -4
  113. package/src/decorators/MultiMapContextDecorator.js +2 -1
  114. package/src/hooks/useWms.js +7 -6
  115. package/src/i18n.js +28 -0
  116. package/src/translations/english.js +4 -0
  117. package/src/translations/german.js +4 -0
  118. package/src/ui_components/ImageLoader.js +73 -0
  119. package/src/ui_components/Sidebar.js +75 -20
  120. package/src/ui_components/TopToolbar.js +18 -18
package/coverage/lcov-report/{components → src/components}/MlLayer/MlLayer.js.html RENAMED
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlLayer/MlLayer.js</title>
6
+ <title>Code coverage report for src/components/MlLayer/MlLayer.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/MlLayer</a> MlLayer.js</h1>
22
+ <h1><a href="../../../index.html">All files</a> / <a href="index.html">src/components/MlLayer</a> MlLayer.js</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">86.48% </span>
26
+ <span class="strong">75.67% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>32/37</span>
28
+ <span class='fraction'>28/37</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">75% </span>
33
+ <span class="strong">50% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>21/28</span>
35
+ <span class='fraction'>14/28</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">86.11% </span>
47
+ <span class="strong">75% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>31/36</span>
49
+ <span class='fraction'>27/36</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line high'></div>
64
+ <div class='status-line medium'></div>
65
65
  <pre><table class="coverage">
66
66
  <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
67
  <a name='L2'></a><a href='#L2'>2</a>
@@ -185,21 +185,21 @@
185
185
  <span class="cline-any cline-neutral">&nbsp;</span>
186
186
  <span class="cline-any cline-neutral">&nbsp;</span>
187
187
  <span class="cline-any cline-neutral">&nbsp;</span>
188
- <span class="cline-any cline-yes">8x</span>
188
+ <span class="cline-any cline-yes">12x</span>
189
189
  <span class="cline-any cline-neutral">&nbsp;</span>
190
190
  <span class="cline-any cline-neutral">&nbsp;</span>
191
191
  <span class="cline-any cline-neutral">&nbsp;</span>
192
192
  <span class="cline-any cline-neutral">&nbsp;</span>
193
- <span class="cline-any cline-yes">4x</span>
194
- <span class="cline-any cline-yes">4x</span>
193
+ <span class="cline-any cline-no">&nbsp;</span>
194
+ <span class="cline-any cline-no">&nbsp;</span>
195
195
  <span class="cline-any cline-no">&nbsp;</span>
196
196
  <span class="cline-any cline-no">&nbsp;</span>
197
197
  <span class="cline-any cline-neutral">&nbsp;</span>
198
198
  <span class="cline-any cline-no">&nbsp;</span>
199
199
  <span class="cline-any cline-neutral">&nbsp;</span>
200
200
  <span class="cline-any cline-neutral">&nbsp;</span>
201
- <span class="cline-any cline-yes">4x</span>
202
- <span class="cline-any cline-yes">4x</span>
201
+ <span class="cline-any cline-no">&nbsp;</span>
202
+ <span class="cline-any cline-no">&nbsp;</span>
203
203
  <span class="cline-any cline-no">&nbsp;</span>
204
204
  <span class="cline-any cline-no">&nbsp;</span>
205
205
  <span class="cline-any cline-neutral">&nbsp;</span>
@@ -249,7 +249,7 @@ const MlLayer = (props) =&gt; {
249
249
  (props.layerId ? <span class="branch-0 cbranch-no" title="branch not covered" >props.layerId </span>: "MlLayer-") + uuidv4()
250
250
  );
251
251
  const idSuffixRef = useRef(props.idSuffix || new Date().getTime());
252
- const layerId = (props.layerId || "MlLayer-") + idSuffixRef.current;
252
+ const layerId = useRef(props.layerId || componentId.current);
253
253
  const layerPaintConfRef = useRef(undefined);
254
254
  const layerLayoutConfRef = useRef(undefined);
255
255
  &nbsp;
@@ -268,24 +268,24 @@ const MlLayer = (props) =&gt; {
268
268
  if (
269
269
  !mapContext.mapExists(props.mapId) ||
270
270
  !mapContext.getMap(props.mapId)?.getLayer?.(layerId) ||
271
- !layerInitializedRef.current ||
272
- !props.options
271
+ <span class="branch-2 cbranch-no" title="branch not covered" > !layerInitializedRef.current </span>||
272
+ <span class="branch-3 cbranch-no" title="branch not covered" > !props.options</span>
273
273
  )
274
274
  return;
275
275
  // the MapLibre-gl instance (mapContext.map) is accessible here
276
276
  // initialize the layer and add it to the MapLibre-gl instance or do something else with it
277
277
  var key;
278
278
  &nbsp;
279
- let layoutString = JSON.stringify(props.options.layout);
280
- <span class="missing-if-branch" title="if path not taken" >I</span>if (props.options.layout &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >layoutString !== layerLayoutConfRef.current)</span> {
279
+ let layoutString = <span class="cstat-no" title="statement not covered" >JSON.stringify(props.options.layout);</span>
280
+ <span class="cstat-no" title="statement not covered" > if (props.options.layout &amp;&amp; layoutString !== layerLayoutConfRef.current) {</span>
281
281
  <span class="cstat-no" title="statement not covered" > for (key in props.options.layout) {</span>
282
282
  <span class="cstat-no" title="statement not covered" > mapRef.current.setLayoutProperty(layerId, key, props.options.layout[key]);</span>
283
283
  }
284
284
  <span class="cstat-no" title="statement not covered" > layerLayoutConfRef.current = layoutString;</span>
285
285
  }
286
286
  &nbsp;
287
- let paintString = JSON.stringify(props.options.paint);
288
- <span class="missing-if-branch" title="if path not taken" >I</span>if (props.options.paint &amp;&amp; <span class="branch-1 cbranch-no" title="branch not covered" >paintString === layerPaintConfRef.current)</span> {
287
+ let paintString = <span class="cstat-no" title="statement not covered" >JSON.stringify(props.options.paint);</span>
288
+ <span class="cstat-no" title="statement not covered" > if (props.options.paint &amp;&amp; paintString === layerPaintConfRef.current) {</span>
289
289
  <span class="cstat-no" title="statement not covered" > for (key in props.options.paint) {</span>
290
290
  <span class="cstat-no" title="statement not covered" > mapRef.current.setPaintProperty(layerId, key, props.options.paint[key]);</span>
291
291
  }
@@ -302,7 +302,7 @@ const MlLayer = (props) =&gt; {
302
302
  layerInitializedRef.current = true;
303
303
  mapRef.current.addLayer(
304
304
  {
305
- id: layerId,
305
+ id: layerId.current,
306
306
  type: "background",
307
307
  paint: {
308
308
  "background-color": "rgba(0,0,0,0)",
@@ -328,17 +328,17 @@ export default MlLayer;
328
328
  <div class='footer quiet pad2 space-top1 center small'>
329
329
  Code coverage generated by
330
330
  <a href="https://istanbul.js.org/" target="_blank" rel="noopener">istanbul</a>
331
- at Sat Dec 04 2021 10:55:55 GMT+0000 (Coordinated Universal Time)
331
+ at Wed Dec 15 2021 17:14:00 GMT+0000 (Coordinated Universal Time)
332
332
  </div>
333
333
  </div>
334
- <script src="../../prettify.js"></script>
334
+ <script src="../../../prettify.js"></script>
335
335
  <script>
336
336
  window.onload = function () {
337
337
  prettyPrint();
338
338
  };
339
339
  </script>
340
- <script src="../../sorter.js"></script>
341
- <script src="../../block-navigation.js"></script>
340
+ <script src="../../../sorter.js"></script>
341
+ <script src="../../../block-navigation.js"></script>
342
342
  </body>
343
343
  </html>
344
344
 
package/coverage/lcov-report/{components → src/components}/MlLayer/index.html RENAMED
@@ -3,15 +3,15 @@
3
3
  <html lang="en">
4
4
 
5
5
  <head>
6
- <title>Code coverage report for components/MlLayer</title>
6
+ <title>Code coverage report for src/components/MlLayer</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/MlLayer</h1>
22
+ <h1><a href="../../../index.html">All files</a> src/components/MlLayer</h1>
23
23
  <div class='clearfix'>
24
24
 
25
25
  <div class='fl pad1y space-right2'>
26
- <span class="strong">86.48% </span>
26
+ <span class="strong">75.67% </span>
27
27
  <span class="quiet">Statements</span>
28
- <span class='fraction'>32/37</span>
28
+ <span class='fraction'>28/37</span>
29
29
  </div>
30
30
 
31
31
 
32
32
  <div class='fl pad1y space-right2'>
33
- <span class="strong">75% </span>
33
+ <span class="strong">50% </span>
34
34
  <span class="quiet">Branches</span>
35
- <span class='fraction'>21/28</span>
35
+ <span class='fraction'>14/28</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">86.11% </span>
47
+ <span class="strong">75% </span>
48
48
  <span class="quiet">Lines</span>
49
- <span class='fraction'>31/36</span>
49
+ <span class='fraction'>27/36</span>
50
50
  </div>
51
51
 
52
52
 
@@ -61,7 +61,7 @@
61
61
  </div>
62
62
  </template>
63
63
  </div>
64
- <div class='status-line high'></div>
64
+ <div class='status-line medium'></div>
65
65
  <div class="pad1">
66
66
  <table class="coverage-summary">
67
67
  <thead>
@@ -79,18 +79,18 @@
79
79
  </tr>
80
80
  </thead>
81
81
  <tbody><tr>
82
- <td class="file high" data-value="MlLayer.js"><a href="MlLayer.js.html">MlLayer.js</a></td>
83
- <td data-value="86.48" class="pic high">
84
- <div class="chart"><div class="cover-fill" style="width: 86%"></div><div class="cover-empty" style="width: 14%"></div></div>
82
+ <td class="file medium" data-value="MlLayer.js"><a href="MlLayer.js.html">MlLayer.js</a></td>
83
+ <td data-value="75.67" class="pic medium">
84
+ <div class="chart"><div class="cover-fill" style="width: 75%"></div><div class="cover-empty" style="width: 25%"></div></div>
85
85
  </td>
86
- <td data-value="86.48" class="pct high">86.48%</td>
87
- <td data-value="37" class="abs high">32/37</td>
88
- <td data-value="75" class="pct medium">75%</td>
89
- <td data-value="28" class="abs medium">21/28</td>
86
+ <td data-value="75.67" class="pct medium">75.67%</td>
87
+ <td data-value="37" class="abs medium">28/37</td>
88
+ <td data-value="50" class="pct medium">50%</td>
89
+ <td data-value="28" class="abs medium">14/28</td>
90
90
  <td data-value="100" class="pct high">100%</td>
91
91
  <td data-value="5" class="abs high">5/5</td>
92
- <td data-value="86.11" class="pct high">86.11%</td>
93
- <td data-value="36" class="abs high">31/36</td>
92
+ <td data-value="75" class="pct medium">75%</td>
93
+ <td data-value="36" class="abs medium">27/36</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 Wed Dec 15 2021 17:14: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}/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 Wed Dec 15 2021 17:14: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 Wed Dec 15 2021 17:14: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