@mapcomponents/react-maplibre 0.1.25 → 0.1.29

package/coverage/lcov-report/src/components/MlNavigationCompass/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">60.97% </span>
+                <span class="strong">53.12% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>25/41</span>
+                <span class='fraction'>17/32</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">37.5% </span>
+                <span class="strong">20% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>6/16</span>
+                <span class='fraction'>2/10</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">57.14% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>4/8</span>
+                <span class='fraction'>4/7</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">60% </span>
+                <span class="strong">51.61% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>24/40</span>
+                <span class='fraction'>16/31</span>
             </div>
         
             
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file medium" data-value="MlNavigationCompass.js"><a href="MlNavigationCompass.js.html">MlNavigationCompass.js</a></td>
-	<td data-value="60.97" class="pic medium">
-	<div class="chart"><div class="cover-fill" style="width: 60%"></div><div class="cover-empty" style="width: 40%"></div></div>
+	<td data-value="53.12" class="pic medium">
+	<div class="chart"><div class="cover-fill" style="width: 53%"></div><div class="cover-empty" style="width: 47%"></div></div>
 	</td>
-	<td data-value="60.97" class="pct medium">60.97%</td>
-	<td data-value="41" class="abs medium">25/41</td>
-	<td data-value="37.5" class="pct low">37.5%</td>
-	<td data-value="16" class="abs low">6/16</td>
-	<td data-value="50" class="pct medium">50%</td>
-	<td data-value="8" class="abs medium">4/8</td>
-	<td data-value="60" class="pct medium">60%</td>
-	<td data-value="40" class="abs medium">24/40</td>
+	<td data-value="53.12" class="pct medium">53.12%</td>
+	<td data-value="32" class="abs medium">17/32</td>
+	<td data-value="20" class="pct low">20%</td>
+	<td data-value="10" class="abs low">2/10</td>
+	<td data-value="57.14" class="pct medium">57.14%</td>
+	<td data-value="7" class="abs medium">4/7</td>
+	<td data-value="51.61" class="pct medium">51.61%</td>
+	<td data-value="31" class="abs medium">16/31</td>
 	</tr>
 
 </tbody>
@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Sun Feb 20 2022 15:15:59 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlNavigationTools/MlNavigationTools.js.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">2.63% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/50</span>
+                <span class='fraction'>1/38</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/44</span>
+                <span class='fraction'>0/38</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/12</span>
+                <span class='fraction'>0/10</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">2.94% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/46</span>
+                <span class='fraction'>1/34</span>
             </div>
         
             
@@ -197,43 +197,7 @@
 <a name='L132'></a><a href='#L132'>132</a>
 <a name='L133'></a><a href='#L133'>133</a>
 <a name='L134'></a><a href='#L134'>134</a>
-<a name='L135'></a><a href='#L135'>135</a>
-<a name='L136'></a><a href='#L136'>136</a>
-<a name='L137'></a><a href='#L137'>137</a>
-<a name='L138'></a><a href='#L138'>138</a>
-<a name='L139'></a><a href='#L139'>139</a>
-<a name='L140'></a><a href='#L140'>140</a>
-<a name='L141'></a><a href='#L141'>141</a>
-<a name='L142'></a><a href='#L142'>142</a>
-<a name='L143'></a><a href='#L143'>143</a>
-<a name='L144'></a><a href='#L144'>144</a>
-<a name='L145'></a><a href='#L145'>145</a>
-<a name='L146'></a><a href='#L146'>146</a>
-<a name='L147'></a><a href='#L147'>147</a>
-<a name='L148'></a><a href='#L148'>148</a>
-<a name='L149'></a><a href='#L149'>149</a>
-<a name='L150'></a><a href='#L150'>150</a>
-<a name='L151'></a><a href='#L151'>151</a>
-<a name='L152'></a><a href='#L152'>152</a>
-<a name='L153'></a><a href='#L153'>153</a>
-<a name='L154'></a><a href='#L154'>154</a>
-<a name='L155'></a><a href='#L155'>155</a>
-<a name='L156'></a><a href='#L156'>156</a>
-<a name='L157'></a><a href='#L157'>157</a>
-<a name='L158'></a><a href='#L158'>158</a>
-<a name='L159'></a><a href='#L159'>159</a>
-<a name='L160'></a><a href='#L160'>160</a>
-<a name='L161'></a><a href='#L161'>161</a>
-<a name='L162'></a><a href='#L162'>162</a>
-<a name='L163'></a><a href='#L163'>163</a>
-<a name='L164'></a><a href='#L164'>164</a>
-<a name='L165'></a><a href='#L165'>165</a>
-<a name='L166'></a><a href='#L166'>166</a>
-<a name='L167'></a><a href='#L167'>167</a>
-<a name='L168'></a><a href='#L168'>168</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L135'></a><a href='#L135'>135</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -245,12 +209,7 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
+<span class="cline-any cline-yes">1x</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
@@ -277,32 +236,7 @@
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-no">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-no">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -397,28 +331,20 @@
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
-<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from "react";
-&nbsp;
-import {MapContext} from "@mapcomponents/react-core";
-import {useEffect, useRef, useContext, useState} from "react";
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useEffect, useState } from "react";
 import Button from "@mui/material/Button";
 import ButtonGroup from "@mui/material/ButtonGroup";
 import ControlPointIcon from "@mui/icons-material/ControlPoint";
 import RemoveCircleOutlineIcon from "@mui/icons-material/RemoveCircleOutline";
-//import ZoomOutIcon from "@mui/icons-material/ZoomOut";
-//import ZoomInIcon from "@mui/icons-material/ZoomIn";
 import GpsFixedIcon from "@mui/icons-material/GpsFixed";
-import {v4 as uuidv4} from "uuid";
 &nbsp;
 import MlNavigationCompass from "../MlNavigationCompass/MlNavigationCompass";
 import MlFollowGps from "../MlFollowGps/MlFollowGps";
 import useMediaQuery from "@mui/material/useMediaQuery";
+import useMap from "../../hooks/useMap";
 &nbsp;
-const MlNavigationTools = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {</span>
-  const mapContext = <span class="cstat-no" title="statement not covered" >useContext(MapContext);</span>
-  const initializedRef = <span class="cstat-no" title="statement not covered" >useRef(false);</span>
-  const mapRef = <span class="cstat-no" title="statement not covered" >useRef(undefined);</span>
-  const componentId = <span class="cstat-no" title="statement not covered" >useRef((props.idPrefix ? props.idPrefix : "MlComponentTemplate-") + uuidv4());</span>
+const MlNavigationTools = <span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {
+  const mapHook = <span class="cstat-no" title="statement not covered" >useMap({ mapId: props.mapId, waitForLayer: props.insertBeforeLayer });</span>
 &nbsp;
   const [pitch, setPitch] = <span class="cstat-no" title="statement not covered" >useState(0);</span>
   const [locationAccessDenied, setLocationAccessDenied] = <span class="cstat-no" title="statement not covered" >useState(false);</span>
@@ -437,67 +363,42 @@ const MlNavigationTools = <span class="cstat-no" title="statement not covered" >
     ":hover": {
       backgroundColor: "#515151",
     },
-    color: "#ececec"
+    color: "#ececec",
   };
 &nbsp;
 <span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-    let _componentId = <span class="cstat-no" title="statement not covered" >componentId.current;</span>
-&nbsp;
-<span class="cstat-no" title="statement not covered" >    return <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-      // This is the cleanup function, it is called when this react component is removed from react-dom
-      // try to remove anything this component has added to the MapLibre-gl instance
-      // e.g.: remove the layer
-      // mapContext.getMap(props.mapId).removeLayer(layerRef.current);
-      // check for the existence of map.style before calling getLayer or getSource
+<span class="cstat-no" title="statement not covered" >    if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >      if (mapRef.current) {</span>
-<span class="cstat-no" title="statement not covered" >        mapRef.current.cleanup(_componentId);</span>
-<span class="cstat-no" title="statement not covered" >        mapRef.current = undefined;</span>
-      }
-<span class="cstat-no" title="statement not covered" >      initializedRef.current = false;</span>
-    };
-  }, []);
-&nbsp;
-<span class="cstat-no" title="statement not covered" >  useEffect(<span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!mapContext.mapExists(props.mapId) || initializedRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
-    // the MapLibre-gl instance (mapContext.getMap(props.mapId)) is accessible here
-    // initialize the layer and add it to the MapLibre-gl instance or do something else with it
-<span class="cstat-no" title="statement not covered" >    initializedRef.current = true;</span>
-<span class="cstat-no" title="statement not covered" >    mapRef.current = mapContext.getMap(props.mapId);</span>
-<span class="cstat-no" title="statement not covered" >    mapRef.current.on(</span>
-      "pitchend",
-<span class="fstat-no" title="function not covered" >      ()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >        setPitch(mapRef.current.getPitch());</span>
-      },
-      componentId.current
-    );
-<span class="cstat-no" title="statement not covered" >    setPitch(mapRef.current.getPitch());</span>
-  }, [mapContext.mapIds, mapContext, props.mapId]);
+<span class="cstat-no" title="statement not covered" >    mapHook.map.on("pitchend", <span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
+<span class="cstat-no" title="statement not covered" >      setPitch(mapHook.map.getPitch());</span>
+    });
+<span class="cstat-no" title="statement not covered" >    setPitch(mapHook.map.getPitch());</span>
+  }, [mapHook.map, props.mapId]);
 &nbsp;
   const zoomIn = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
+<span class="cstat-no" title="statement not covered" >    if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (mapRef.current.transform._zoom + 0.5 &lt;= mapRef.current.transform._maxZoom) {</span>
-<span class="cstat-no" title="statement not covered" >      mapRef.current.easeTo({zoom: mapRef.current.transform._zoom + 0.5});</span>
+<span class="cstat-no" title="statement not covered" >    if (mapHook.map.transform._zoom + 0.5 &lt;= mapHook.map.transform._maxZoom) {</span>
+<span class="cstat-no" title="statement not covered" >      mapHook.map.easeTo({ zoom: mapHook.map.transform._zoom + 0.5 });</span>
     }
   };
 &nbsp;
   const zoomOut = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
+<span class="cstat-no" title="statement not covered" >    if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (mapRef.current.transform._zoom - 0.5 &gt;= mapRef.current.transform._minZoom) {</span>
-<span class="cstat-no" title="statement not covered" >      mapRef.current.easeTo({zoom: mapRef.current.transform._zoom - 0.5});</span>
+<span class="cstat-no" title="statement not covered" >    if (mapHook.map.transform._zoom - 0.5 &gt;= mapHook.map.transform._minZoom) {</span>
+<span class="cstat-no" title="statement not covered" >      mapHook.map.easeTo({ zoom: mapHook.map.transform._zoom - 0.5 });</span>
     }
   };
 &nbsp;
   const adjustPitch = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    if (!mapRef.current) <span class="cstat-no" title="statement not covered" >return;</span></span>
+<span class="cstat-no" title="statement not covered" >    if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
     let targetPitch = <span class="cstat-no" title="statement not covered" >60;</span>
-<span class="cstat-no" title="statement not covered" >    if (mapRef.current.getPitch() !== 0) {</span>
+<span class="cstat-no" title="statement not covered" >    if (mapHook.map.getPitch() !== 0) {</span>
 <span class="cstat-no" title="statement not covered" >      targetPitch = 0;</span>
     }
-<span class="cstat-no" title="statement not covered" >    mapRef.current.easeTo({pitch: targetPitch});</span>
+<span class="cstat-no" title="statement not covered" >    mapHook.map.easeTo({ pitch: targetPitch });</span>
   };
 &nbsp;
   const moveToCurrentLocation = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
@@ -505,7 +406,7 @@ const MlNavigationTools = <span class="cstat-no" title="statement not covered" >
   };
 &nbsp;
   const getLocationSuccess = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(l</span>ocation) =&gt; {</span>
-<span class="cstat-no" title="statement not covered" >    mapRef.current.setCenter([location.coords.longitude, location.coords.latitude]);</span>
+<span class="cstat-no" title="statement not covered" >    mapHook.map.setCenter([location.coords.longitude, location.coords.latitude]);</span>
   };
 &nbsp;
   const getLocationError = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >()</span> =&gt; {</span>
@@ -530,33 +431,33 @@ const MlNavigationTools = <span class="cstat-no" title="statement not covered" >
           position: "relative",
           height: mediaIsMobile ? "55px" : "45px",
           marginLeft: mediaIsMobile ? "3px" : "-5px",
-          transform: mediaIsMobile ? "scale(1.6)" : "scale(1)"
+          transform: mediaIsMobile ? "scale(1.6)" : "scale(1)",
         }}
         backgroundStyle={{
           boxShadow: "0px 0px 18px rgba(0,0,0,.5)",
         }}
       /&gt;
-      &lt;Button sx={{...buttonStyle, fontWeight: 600}} onClick={adjustPitch}&gt;
+      &lt;Button sx={{ ...buttonStyle, fontWeight: 600 }} onClick={adjustPitch}&gt;
         {pitch ? "2D" : "3D"}
       &lt;/Button&gt;
       &lt;Button sx={buttonStyle} onClick={moveToCurrentLocation} disabled={locationAccessDenied}&gt;
-        &lt;GpsFixedIcon sx={{fontSize: mediaIsMobile ? "1.5em" : "1.2em"}}/&gt;
+        &lt;GpsFixedIcon sx={{ fontSize: mediaIsMobile ? "1.5em" : "1.2em" }} /&gt;
       &lt;/Button&gt;
-      &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;
+      &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;
       &lt;ButtonGroup
         orientation="vertical"
         sx={{
           width: "50px",
           border: "none",
-          Button: {minWidth: "20px !important", border: "none", padding: 0},
-          "Button:hover": {border: "none"},
+          Button: { minWidth: "20px !important", border: "none", padding: 0 },
+          "Button:hover": { border: "none" },
         }}
       &gt;
-        &lt;Button sx={{...buttonStyle, color: "#ececec",}} onClick={zoomIn}&gt;
-          &lt;ControlPointIcon sx={{fontSize: mediaIsMobile ? "1.5em" : "1.2em"}}/&gt;
+        &lt;Button sx={{ ...buttonStyle, color: "#ececec" }} onClick={zoomIn}&gt;
+          &lt;ControlPointIcon sx={{ fontSize: mediaIsMobile ? "1.5em" : "1.2em" }} /&gt;
         &lt;/Button&gt;
-        &lt;Button sx={{...buttonStyle, color: "#ececec",}} onClick={zoomOut}&gt;
-          &lt;RemoveCircleOutlineIcon sx={{fontSize: mediaIsMobile ? "1.5em" : "1.2em"}}/&gt;
+        &lt;Button sx={{ ...buttonStyle, color: "#ececec" }} onClick={zoomOut}&gt;
+          &lt;RemoveCircleOutlineIcon sx={{ fontSize: mediaIsMobile ? "1.5em" : "1.2em" }} /&gt;
         &lt;/Button&gt;
       &lt;/ButtonGroup&gt;
     &lt;/div&gt;
@@ -571,7 +472,7 @@ export default MlNavigationTools;
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Sun Feb 20 2022 15:15:59 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlNavigationTools/index.html

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">2.63% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>0/50</span>
+                <span class='fraction'>1/38</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>0/44</span>
+                <span class='fraction'>0/38</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
                 <span class="strong">0% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>0/12</span>
+                <span class='fraction'>0/10</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">0% </span>
+                <span class="strong">2.94% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>0/46</span>
+                <span class='fraction'>1/34</span>
             </div>
         
             
@@ -80,17 +80,17 @@
 </thead>
 <tbody><tr>
 	<td class="file low" data-value="MlNavigationTools.js"><a href="MlNavigationTools.js.html">MlNavigationTools.js</a></td>
-	<td data-value="0" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 0%"></div><div class="cover-empty" style="width: 100%"></div></div>
+	<td data-value="2.63" class="pic low">
+	<div class="chart"><div class="cover-fill" style="width: 2%"></div><div class="cover-empty" style="width: 98%"></div></div>
 	</td>
+	<td data-value="2.63" class="pct low">2.63%</td>
+	<td data-value="38" class="abs low">1/38</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="50" class="abs low">0/50</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="44" class="abs low">0/44</td>
-	<td data-value="0" class="pct low">0%</td>
-	<td data-value="12" class="abs low">0/12</td>
+	<td data-value="38" class="abs low">0/38</td>
 	<td data-value="0" class="pct low">0%</td>
-	<td data-value="46" class="abs low">0/46</td>
+	<td data-value="10" class="abs low">0/10</td>
+	<td data-value="2.94" class="pct low">2.94%</td>
+	<td data-value="34" class="abs low">1/34</td>
 	</tr>
 
 </tbody>
@@ -101,7 +101,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at Mon Jan 31 2022 16:41:51 GMT+0000 (Coordinated Universal Time)
+                at Sun Feb 20 2022 15:15:59 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>