@mapcomponents/react-maplibre 0.1.62 → 0.1.64

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

@@ -23,30 +23,30 @@
         <div class='clearfix'>
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">45.58% </span>
+                <span class="strong">87.09% </span>
                 <span class="quiet">Statements</span>
-                <span class='fraction'>31/68</span>
+                <span class='fraction'>27/31</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">46.15% </span>
+                <span class="strong">60% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>12/26</span>
+                <span class='fraction'>12/20</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">50% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Functions</span>
-                <span class='fraction'>5/10</span>
+                <span class='fraction'>6/6</span>
             </div>
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">45.16% </span>
+                <span class="strong">100% </span>
                 <span class="quiet">Lines</span>
-                <span class='fraction'>28/62</span>
+                <span class='fraction'>27/27</span>
             </div>
         
             
@@ -61,7 +61,7 @@
             </div>
         </template>
     </div>
-    <div class='status-line low'></div>
+    <div class='status-line high'></div>
     <div class="pad1">
 <table class="coverage-summary">
 <thead>
@@ -79,18 +79,18 @@
 </tr>
 </thead>
 <tbody><tr>
-	<td class="file low" data-value="MlSpatialElevationProfile.js"><a href="MlSpatialElevationProfile.js.html">MlSpatialElevationProfile.js</a></td>
-	<td data-value="45.58" class="pic low">
-	<div class="chart"><div class="cover-fill" style="width: 45%"></div><div class="cover-empty" style="width: 55%"></div></div>
+	<td class="file high" data-value="MlSpatialElevationProfile.tsx"><a href="MlSpatialElevationProfile.tsx.html">MlSpatialElevationProfile.tsx</a></td>
+	<td data-value="87.09" class="pic high">
+	<div class="chart"><div class="cover-fill" style="width: 87%"></div><div class="cover-empty" style="width: 13%"></div></div>
 	</td>
-	<td data-value="45.58" class="pct low">45.58%</td>
-	<td data-value="68" class="abs low">31/68</td>
-	<td data-value="46.15" class="pct low">46.15%</td>
-	<td data-value="26" class="abs low">12/26</td>
-	<td data-value="50" class="pct medium">50%</td>
-	<td data-value="10" class="abs medium">5/10</td>
-	<td data-value="45.16" class="pct low">45.16%</td>
-	<td data-value="62" class="abs low">28/62</td>
+	<td data-value="87.09" class="pct high">87.09%</td>
+	<td data-value="31" class="abs high">27/31</td>
+	<td data-value="60" class="pct medium">60%</td>
+	<td data-value="20" class="abs medium">12/20</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="6" class="abs high">6/6</td>
+	<td data-value="100" class="pct high">100%</td>
+	<td data-value="27" class="abs high">27/27</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 Sat Nov 26 2022 10:32:12 GMT+0000 (Coordinated Universal Time)
+                at 2023-01-15T17:55:43.336Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -688,7 +688,7 @@ export default MlThreeJsLayer;</pre></td></tr></table></pre>
             <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 Sat Nov 26 2022 10:32:12 GMT+0000 (Coordinated Universal Time)
+                at 2023-01-15T17:55:43.336Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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 Sat Nov 26 2022 10:32:12 GMT+0000 (Coordinated Universal Time)
+                at 2023-01-15T17:55:43.336Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlTransitionGeoJsonLayer/MlTransitionGeoJsonLayer.tsx.html

@@ -170,72 +170,7 @@
 <a name='L105'></a><a href='#L105'>105</a>
 <a name='L106'></a><a href='#L106'>106</a>
 <a name='L107'></a><a href='#L107'>107</a>
-<a name='L108'></a><a href='#L108'>108</a>
-<a name='L109'></a><a href='#L109'>109</a>
-<a name='L110'></a><a href='#L110'>110</a>
-<a name='L111'></a><a href='#L111'>111</a>
-<a name='L112'></a><a href='#L112'>112</a>
-<a name='L113'></a><a href='#L113'>113</a>
-<a name='L114'></a><a href='#L114'>114</a>
-<a name='L115'></a><a href='#L115'>115</a>
-<a name='L116'></a><a href='#L116'>116</a>
-<a name='L117'></a><a href='#L117'>117</a>
-<a name='L118'></a><a href='#L118'>118</a>
-<a name='L119'></a><a href='#L119'>119</a>
-<a name='L120'></a><a href='#L120'>120</a>
-<a name='L121'></a><a href='#L121'>121</a>
-<a name='L122'></a><a href='#L122'>122</a>
-<a name='L123'></a><a href='#L123'>123</a>
-<a name='L124'></a><a href='#L124'>124</a>
-<a name='L125'></a><a href='#L125'>125</a>
-<a name='L126'></a><a href='#L126'>126</a>
-<a name='L127'></a><a href='#L127'>127</a>
-<a name='L128'></a><a href='#L128'>128</a>
-<a name='L129'></a><a href='#L129'>129</a>
-<a name='L130'></a><a href='#L130'>130</a>
-<a name='L131'></a><a href='#L131'>131</a>
-<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>
-<a name='L169'></a><a href='#L169'>169</a>
-<a name='L170'></a><a href='#L170'>170</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='L108'></a><a href='#L108'>108</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>
@@ -252,66 +187,9 @@
 <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-yes">10x</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-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-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-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-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-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-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-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-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-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-yes">10x</span>
 <span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
 <span class="cline-any cline-yes">12x</span>
@@ -329,8 +207,6 @@
 <span class="cline-any cline-yes">12x</span>
 <span class="cline-any cline-yes">12x</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-yes">12x</span>
 <span class="cline-any cline-yes">4x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -401,86 +277,26 @@
 <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, { useState, useRef, useEffect, useCallback } from "react";
-&nbsp;
-import * as turf from "@turf/turf";
-&nbsp;
-import useMap from "../../hooks/useMap";
-&nbsp;
-import { _transitionToGeojson } from "./util/transitionFunctions";
-import MlGeoJsonLayer from "../MlGeoJsonLayer/MlGeoJsonLayer";
-import { Feature, FeatureCollection } from "@turf/turf";
-import { CircleLayerSpecification, FillLayerSpecification, LineLayerSpecification, MapLayerMouseEvent } from "maplibre-gl";
+<span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React, { useState, useRef, useEffect, useCallback } from 'react';
+import * as turf from '@turf/turf';
+import useMap from '../../hooks/useMap';
+import { _transitionToGeojson } from './util/transitionFunctions';
+import MlGeoJsonLayer from '../MlGeoJsonLayer/MlGeoJsonLayer';
+import { Feature, FeatureCollection } from '@turf/turf';
+import { MlGeoJsonLayerProps } from '../MlGeoJsonLayer/MlGeoJsonLayer';
 &nbsp;
 const msPerStep = 50;
 &nbsp;
-interface MlTransitionGeoJsonLayerProps {
-	/**
-	 * Id of the target MapLibre instance in mapContext
-	 */
-	mapId: string;
-	/**
-	 * GeoJSON data that is supposed to be rendered by this component.
-	 */
-	geojson: Feature | FeatureCollection | undefined;
-	/**
-	 * Type of the layer that will be added to the MapLibre instance.
-	 * Possible values: "line", "circle", "fill"
-	 */
-	type?: "fill" | "line" | "circle";
-	/**
-	 * Paint property object, that is passed to the addLayer call.
-	 * Possible props depend on the layer type.
-	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
-	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
-	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
-	 */
-	paint?: CircleLayerSpecification['paint'] | FillLayerSpecification['paint'] | LineLayerSpecification['paint'];
-	/**
-	 * Layout property object, that is passed to the addLayer call.
-	 * Possible props depend on the layer type.
-	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#line
-	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#circle
-	 * https://maplibre.org/maplibre-gl-js-docs/style-spec/layers/#fill
-	 */
-	layout?: CircleLayerSpecification['layout'] | FillLayerSpecification['layout'] | LineLayerSpecification['layout'];
-	/**
-	 * Javascript object that is spread into the addLayer commands first parameter.
-	 */
-	options?: CircleLayerSpecification | FillLayerSpecification | LineLayerSpecification;
-	/**
-	 * Javascript object with optional properties "fill", "line", "circle" to override implicit layer type default paint properties.
-	 */
-	defaultPaintOverrides?: { circle?: CircleLayerSpecification['paint'], fill?: FillLayerSpecification['paint'], line?: LineLayerSpecification['paint'] };
-	/**
-	 * Id of an existing layer in the mapLibre instance to help specify the layer order
-	 * This layer will be visually beneath the layer with the "insertBeforeLayer" id.
-	 */
-	insertBeforeLayer: string;
-	/**
-	 * Hover event handler that is executed whenever a geometry rendered by this component is hovered.
-	 */
-	onHover?: MapLayerMouseEvent;
-	/**
-	 * Click event handler that is executed whenever a geometry rendered by this component is clicked.
-	 */
-	onClick?: MapLayerMouseEvent;
-	/**
-	 * Leave event handler that is executed whenever a geometry rendered by this component is
-	 * left/unhovered.
-	 */
-	onLeave?: MapLayerMouseEvent;
-	/**
-	 * Creates transition animation whenever the geojson prop changes.
-	 * Only works with layer type "line" and LineString GeoJSON data.
-	 */
+type MlTransitionGeoJsonLayerProps = MlGeoJsonLayerProps &amp; {
 	transitionTime: number;
-}
+};
 &nbsp;
 /**
  * Adds source and layer of types "line", "fill" or "circle" to display GeoJSON data on the map.
  */
 const MlTransitionGeoJsonLayer = (props: MlTransitionGeoJsonLayerProps) =&gt; {
+	// ignore eslint. Only using `geojson` for destructuring
+	// eslint-disable-next-line @typescript-eslint/no-unused-vars
 	const { geojson, ...restProps } = props;
 &nbsp;
 	const mapHook = useMap({
@@ -496,9 +312,7 @@ const MlTransitionGeoJsonLayer = (props: MlTransitionGeoJsonLayerProps) =&gt; {
 	const currentTransitionStepRef = useRef(false);
 	const transitionGeojsonDataRef = useRef([]);
 	const transitionGeojsonCommonDataRef = useRef([]);
-	const [displayGeojson, setDisplayGeojson] = useState(
-		turf.featureCollection([])
-	);
+	const [displayGeojson, setDisplayGeojson] = useState(turf.featureCollection([]));
 &nbsp;
 	useEffect(() =&gt; {
 		return () =&gt; {
@@ -528,8 +342,8 @@ const MlTransitionGeoJsonLayer = (props: MlTransitionGeoJsonLayerProps) =&gt; {
 		<span class="missing-if-branch" title="else path not taken" >E</span>if (!mapHook.map || !initializedRef.current) return;
 &nbsp;
 <span class="cstat-no" title="statement not covered" >		if (</span>
-			typeof props.transitionTime !== "undefined" &amp;&amp;
-			props.type === "line" &amp;&amp;
+			typeof props.transitionTime !== 'undefined' &amp;&amp;
+			props.type === 'line' &amp;&amp;
 			oldGeojsonRef.current
 		) {
 <span class="cstat-no" title="statement not covered" >			transitionInProgressRef.current = false;</span>
@@ -543,10 +357,10 @@ const MlTransitionGeoJsonLayer = (props: MlTransitionGeoJsonLayerProps) =&gt; {
 &nbsp;
 	const startTransition = useCallback(() =&gt; {
 		<span class="missing-if-branch" title="if path not taken" >I</span>if (
-			props.type === "line" &amp;&amp;
-			typeof props.transitionTime !== "undefined" &amp;&amp;
+			props.type === 'line' &amp;&amp;
+			typeof props.transitionTime !== 'undefined' &amp;&amp;
 <span class="branch-2 cbranch-no" title="branch not covered" >			props.transitionTime </span>&amp;&amp;
-<span class="branch-3 cbranch-no" title="branch not covered" >			typeof props.geojson !== "undefined" </span>&amp;&amp;
+<span class="branch-3 cbranch-no" title="branch not covered" >			typeof props.geojson !== 'undefined' </span>&amp;&amp;
 <span class="branch-4 cbranch-no" title="branch not covered" >			JSON.stringify(oldGeojsonRef.current) !== JSON.stringify(props.geojson)</span>
 		) {
 <span class="cstat-no" title="statement not covered" >			transitionToGeojson();</span>
@@ -577,7 +391,7 @@ export default MlTransitionGeoJsonLayer;
             <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 Sat Nov 26 2022 10:32:12 GMT+0000 (Coordinated Universal Time)
+                at 2023-01-15T17:55:43.336Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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 Sat Nov 26 2022 10:32:12 GMT+0000 (Coordinated Universal Time)
+                at 2023-01-15T17:55:43.336Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -295,7 +295,7 @@ export default MlUseMapDebugger;
             <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 Sat Nov 26 2022 10:32:12 GMT+0000 (Coordinated Universal Time)
+                at 2023-01-15T17:55:43.336Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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 Sat Nov 26 2022 10:32:12 GMT+0000 (Coordinated Universal Time)
+                at 2023-01-15T17:55:43.336Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlVectorTileLayer/MlVectorTileLayer.tsx.html

@@ -30,9 +30,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">65.62% </span>
+                <span class="strong">64.7% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>21/32</span>
+                <span class='fraction'>22/34</span>
             </div>
         
             
@@ -202,7 +202,8 @@
 <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></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
+<a name='L140'></a><a href='#L140'>140</a>
+<a name='L141'></a><a href='#L141'>141</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>
@@ -254,7 +255,6 @@
 <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-yes">8x</span>
 <span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-yes">8x</span>
@@ -273,6 +273,8 @@
 <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-yes">8x</span>
 <span class="cline-any cline-yes">8x</span>
 <span class="cline-any cline-neutral">&nbsp;</span>
@@ -386,8 +388,7 @@ const MlVectorTileLayer = (props: MlVectorTileLayerProps) =&gt; {
 			layerId.current,
 			{
 				type: 'vector',
-				tiles: [props.url],
-				tileSize: 512,
+				tiles: [props.url || <span class="branch-1 cbranch-no" title="branch not covered" >""]</span>,
 				attribution: '',
 				...props.sourceOptions,
 			},
@@ -403,6 +404,8 @@ const MlVectorTileLayer = (props: MlVectorTileLayerProps) =&gt; {
 					maxzoom: 22,
 					layout: {},
 					paint: {
+						// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+						// @ts-ignore
 						'line-opacity': 0.5,
 						'line-color': 'rgb(80, 80, 80)',
 						'line-width': 2,
@@ -487,7 +490,7 @@ export default MlVectorTileLayer;
             <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 Sat Nov 26 2022 10:32:12 GMT+0000 (Coordinated Universal Time)
+                at 2023-01-15T17:55:43.336Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -30,9 +30,9 @@
         
             
             <div class='fl pad1y space-right2'>
-                <span class="strong">65.62% </span>
+                <span class="strong">64.7% </span>
                 <span class="quiet">Branches</span>
-                <span class='fraction'>21/32</span>
+                <span class='fraction'>22/34</span>
             </div>
         
             
@@ -85,8 +85,8 @@
 	</td>
 	<td data-value="79.24" class="pct medium">79.24%</td>
 	<td data-value="53" class="abs medium">42/53</td>
-	<td data-value="65.62" class="pct medium">65.62%</td>
-	<td data-value="32" class="abs medium">21/32</td>
+	<td data-value="64.7" class="pct medium">64.7%</td>
+	<td data-value="34" class="abs medium">22/34</td>
 	<td data-value="88.88" class="pct high">88.88%</td>
 	<td data-value="9" class="abs high">8/9</td>
 	<td data-value="84.78" class="pct high">84.78%</td>
@@ -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 Sat Nov 26 2022 10:32:12 GMT+0000 (Coordinated Universal Time)
+                at 2023-01-15T17:55:43.336Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -262,7 +262,7 @@ export default MlWmsFeatureInfoPopup;
             <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 Sat Nov 26 2022 10:32:12 GMT+0000 (Coordinated Universal Time)
+                at 2023-01-15T17:55:43.336Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -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 Sat Nov 26 2022 10:32:12 GMT+0000 (Coordinated Universal Time)
+                at 2023-01-15T17:55:43.336Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>