@mapcomponents/react-maplibre 0.1.56 → 0.1.58

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

@@ -478,188 +478,188 @@ import useMap from "../../hooks/useMap";
 import MlCenterPosition from "../MlCenterPosition/MlCenterPosition";
  
 interface MlNavigationToolsProps {
-  /**
-   * Id of the target MapLibre instance in mapContext
-   */
-  mapId?: string;
-  /**
-   * The layerId of an existing layer this layer should be rendered visually beneath
-   * https://maplibre.org/maplibre-gl-js-docs/api/map/#map#addlayer - see "beforeId" property
-   */
-  insertBeforeLayer?: string;
-  /**
-   * Show 3D button
-   */
-  show3DButton?: boolean;
-  /**
-   * Show zoom button
-   */
-  showZoomButtons?: boolean;
-  /**
-   * Show follow GPS button
-   */
-  showFollowGpsButton?: boolean;
-  /**
-   * Show center on current position button
-   */
-  showCenterLocationButton?: boolean;
-  /**
-   * Additional JSX Elements to be rendered below MlNavigationTools buttons
-   */
-  children?: JSX.Element;
-  /**
-   * Style attribute for NavigationTools container
-   */
-  sx?: SxProps;
+	/**
+	 * Id of the target MapLibre instance in mapContext
+	 */
+	mapId?: string;
+	/**
+	 * The layerId of an existing layer this layer should be rendered visually beneath
+	 * https://maplibre.org/maplibre-gl-js-docs/api/map/#map#addlayer - see "beforeId" property
+	 */
+	insertBeforeLayer?: string;
+	/**
+	 * Show 3D button
+	 */
+	show3DButton?: boolean;
+	/**
+	 * Show zoom button
+	 */
+	showZoomButtons?: boolean;
+	/**
+	 * Show follow GPS button
+	 */
+	showFollowGpsButton?: boolean;
+	/**
+	 * Show center on current position button
+	 */
+	showCenterLocationButton?: boolean;
+	/**
+	 * Additional JSX Elements to be rendered below MlNavigationTools buttons
+	 */
+	children?: JSX.Element;
+	/**
+	 * Style attribute for NavigationTools container
+	 */
+	sx?: SxProps;
 }
  
 /**
  * @component
  */
 const MlNavigationTools = <span class="fstat-no" title="function not covered" >(p</span>rops: MlNavigationToolsProps) =&gt; {
-  const mapHook = <span class="cstat-no" title="statement not covered" >useMap({</span>
-    mapId: props.mapId,
-    waitForLayer: props.insertBeforeLayer,
-  });
+	const mapHook = <span class="cstat-no" title="statement not covered" >useMap({</span>
+		mapId: props.mapId,
+		waitForLayer: props.insertBeforeLayer,
+	});
 &nbsp;
-  const [pitch, setPitch] = <span class="cstat-no" title="statement not covered" >useState(0);</span>
-  const mediaIsMobile = <span class="cstat-no" title="statement not covered" >useMediaQuery("(max-width:900px)");</span>
-  const buttonStyle = <span class="cstat-no" title="statement not covered" >{</span>
-    minWidth: "20px",
-    minHeight: "20px",
-    width: mediaIsMobile ? "50px" : "30px",
-    height: mediaIsMobile ? "50px" : "30px",
-    backgroundColor: "#414141",
-    borderRadius: "23%",
-    //border: "1px solid #bbb",
-    //boxShadow: "0px 0px 4px rgba(0,0,0,.5)",
-    margin: 0.15,
-    fontSize: mediaIsMobile ? "1.4em" : "1.2em",
-    ":hover": {
-      backgroundColor: "#515151",
-    },
-    color: "#ececec",
-  };
-  const iconStyle = <span class="cstat-no" title="statement not covered" >{</span>
-    fontSize: buttonStyle.fontSize,
-  };
+	const [pitch, setPitch] = <span class="cstat-no" title="statement not covered" >useState(0);</span>
+	const mediaIsMobile = <span class="cstat-no" title="statement not covered" >useMediaQuery("(max-width:900px)");</span>
+	const buttonStyle = <span class="cstat-no" title="statement not covered" >{</span>
+		minWidth: "20px",
+		minHeight: "20px",
+		width: mediaIsMobile ? "50px" : "30px",
+		height: mediaIsMobile ? "50px" : "30px",
+		backgroundColor: "#414141",
+		borderRadius: "23%",
+		//border: "1px solid #bbb",
+		//boxShadow: "0px 0px 4px rgba(0,0,0,.5)",
+		margin: 0.15,
+		fontSize: mediaIsMobile ? "1.4em" : "1.2em",
+		":hover": {
+			backgroundColor: "#515151",
+		},
+		color: "#ececec",
+	};
+	const iconStyle = <span class="cstat-no" title="statement not covered" >{</span>
+		fontSize: buttonStyle.fontSize,
+	};
 &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 (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
+<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 (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    mapHook.map.on(</span>
-      "pitchend",
-<span class="fstat-no" title="function not covered" >      ()</span> =&gt; {
-<span class="cstat-no" title="statement not covered" >        if (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
+<span class="cstat-no" title="statement not covered" >		mapHook.map.on(</span>
+			"pitchend",
+<span class="fstat-no" title="function not covered" >			()</span> =&gt; {
+<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" >        setPitch(mapHook.map.map.getPitch());</span>
-      },
-      mapHook.componentId
-    );
-<span class="cstat-no" title="statement not covered" >    setPitch(mapHook.map.map.getPitch());</span>
-  }, [mapHook.map, props.mapId]);
+<span class="cstat-no" title="statement not covered" >				setPitch(mapHook.map.map.getPitch());</span>
+			},
+			mapHook.componentId
+		);
+<span class="cstat-no" title="statement not covered" >		setPitch(mapHook.map.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 (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
+	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 (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (mapHook.map.map.transform._zoom + 0.5 &lt;= mapHook.map.map.transform._maxZoom) {</span>
-<span class="cstat-no" title="statement not covered" >      mapHook.map.map.easeTo({ zoom: mapHook.map.map.transform._zoom + 0.5 });</span>
-    }
-  };
+<span class="cstat-no" title="statement not covered" >		if (mapHook.map.map.transform._zoom + 0.5 &lt;= mapHook.map.map.transform._maxZoom) {</span>
+<span class="cstat-no" title="statement not covered" >			mapHook.map.map.easeTo({ zoom: mapHook.map.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 (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
+	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 (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >    if (mapHook.map.map.transform._zoom - 0.5 &gt;= mapHook.map.map.transform._minZoom) {</span>
-<span class="cstat-no" title="statement not covered" >      mapHook.map.map.easeTo({ zoom: mapHook.map.map.transform._zoom - 0.5 });</span>
-    }
-  };
+<span class="cstat-no" title="statement not covered" >		if (mapHook.map.map.transform._zoom - 0.5 &gt;= mapHook.map.map.transform._minZoom) {</span>
+<span class="cstat-no" title="statement not covered" >			mapHook.map.map.easeTo({ zoom: mapHook.map.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 (!mapHook.map) <span class="cstat-no" title="statement not covered" >return;</span></span>
+	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 (!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 (mapHook.map.map.getPitch() !== 0) {</span>
-<span class="cstat-no" title="statement not covered" >      targetPitch = 0;</span>
-    }
-<span class="cstat-no" title="statement not covered" >    mapHook.map.map.easeTo({ pitch: targetPitch });</span>
-  };
+		let targetPitch = <span class="cstat-no" title="statement not covered" >60;</span>
+<span class="cstat-no" title="statement not covered" >		if (mapHook.map.map.getPitch() !== 0) {</span>
+<span class="cstat-no" title="statement not covered" >			targetPitch = 0;</span>
+		}
+<span class="cstat-no" title="statement not covered" >		mapHook.map.map.easeTo({ pitch: targetPitch });</span>
+	};
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;Box
-      sx={{
-        zIndex: 501,
-        position: "absolute",
-        display: "flex",
-        flexDirection: "column",
-        ...(mediaIsMobile ? { margin: "20px 10px 20px 10px" } : {}),
-        ...props.sx,
-      }}
-    &gt;
-      &lt;MlNavigationCompass
-        style={{
-          width: "31px",
-          position: "relative",
-          height: mediaIsMobile ? "55px" : "45px",
-          marginLeft: mediaIsMobile ? "3px" : "-5px",
-          transform: mediaIsMobile ? "scale(1.6)" : "scale(1)",
-        }}
-        backgroundStyle={{
-          boxShadow: "0px 0px 18px rgba(0,0,0,.5)",
-        }}
-      /&gt;
-      {props.show3DButton &amp;&amp; (
-        &lt;Button
-          sx={{ ...buttonStyle, fontSize: mediaIsMobile ? "1.4em" : "1em", fontWeight: 600 }}
-          onClick={adjustPitch}
-        &gt;
-          {pitch ? "2D" : "3D"}
-        &lt;/Button&gt;
-      )}
-      {props.showFollowGpsButton &amp;&amp; (
-        &lt;MlFollowGps buttonSx={{ ...(<span class="fstat-no" title="function not covered" >({</span> color, ...rest }) =&gt; <span class="cstat-no" title="statement not covered" >rest)</span>(buttonStyle) }} /&gt;
-      )}
-      {props.showCenterLocationButton &amp;&amp; (
-        &lt;MlCenterPosition style={{ ...(<span class="fstat-no" title="function not covered" >({</span> color, ...rest }) =&gt; <span class="cstat-no" title="statement not covered" >rest)</span>(buttonStyle) }} /&gt;
-      )}
-      &lt;ButtonGroup
-        orientation="vertical"
-        sx={{
-          width: "50px",
-          border: "none",
-          Button: { minWidth: "20px !important", border: "none", padding: 0 },
-          "Button:hover": { border: "none" },
-        }}
-      &gt;
-        {props.showZoomButtons &amp;&amp; (
-          &lt;&gt;
-            &lt;Button sx={{ ...buttonStyle }} onClick={zoomIn}&gt;
-              &lt;ControlPointIcon sx={{ ...iconStyle }} /&gt;
-            &lt;/Button&gt;
-            &lt;Button sx={{ ...buttonStyle }} onClick={zoomOut}&gt;
-              &lt;RemoveCircleOutlineIcon sx={{ ...iconStyle }} /&gt;
-            &lt;/Button&gt;
-          &lt;/&gt;
-        )}
-      &lt;/ButtonGroup&gt;
-      {props.children &amp;&amp;
-        React.cloneElement(props.children, {
-          sx: { ...buttonStyle },
-        })}
-    &lt;/Box&gt;
-  );
+<span class="cstat-no" title="statement not covered" >	return (</span>
+		&lt;Box
+			sx={{
+				zIndex: 501,
+				position: "absolute",
+				display: "flex",
+				flexDirection: "column",
+				...(mediaIsMobile ? { margin: "20px 10px 20px 10px" } : {}),
+				...props.sx,
+			}}
+		&gt;
+			&lt;MlNavigationCompass
+				style={{
+					width: "31px",
+					position: "relative",
+					height: mediaIsMobile ? "55px" : "45px",
+					marginLeft: mediaIsMobile ? "3px" : "-5px",
+					transform: mediaIsMobile ? "scale(1.6)" : "scale(1)",
+				}}
+				backgroundStyle={{
+					boxShadow: "0px 0px 18px rgba(0,0,0,.5)",
+				}}
+			/&gt;
+			{props.show3DButton &amp;&amp; (
+				&lt;Button
+					sx={{ ...buttonStyle, fontSize: mediaIsMobile ? "1.4em" : "1em", fontWeight: 600 }}
+					onClick={adjustPitch}
+				&gt;
+					{pitch ? "2D" : "3D"}
+				&lt;/Button&gt;
+			)}
+			{props.showFollowGpsButton &amp;&amp; (
+				&lt;MlFollowGps buttonSx={{ ...(<span class="fstat-no" title="function not covered" >({</span> color, ...rest }) =&gt; <span class="cstat-no" title="statement not covered" >rest)</span>(buttonStyle) }} /&gt;
+			)}
+			{props.showCenterLocationButton &amp;&amp; (
+				&lt;MlCenterPosition style={{ ...(<span class="fstat-no" title="function not covered" >({</span> color, ...rest }) =&gt; <span class="cstat-no" title="statement not covered" >rest)</span>(buttonStyle) }} /&gt;
+			)}
+			&lt;ButtonGroup
+				orientation="vertical"
+				sx={{
+					width: "50px",
+					border: "none",
+					Button: { minWidth: "20px !important", border: "none", padding: 0 },
+					"Button:hover": { border: "none" },
+				}}
+			&gt;
+				{props.showZoomButtons &amp;&amp; (
+					&lt;&gt;
+						&lt;Button sx={{ ...buttonStyle }} onClick={zoomIn}&gt;
+							&lt;ControlPointIcon sx={{ ...iconStyle }} /&gt;
+						&lt;/Button&gt;
+						&lt;Button sx={{ ...buttonStyle }} onClick={zoomOut}&gt;
+							&lt;RemoveCircleOutlineIcon sx={{ ...iconStyle }} /&gt;
+						&lt;/Button&gt;
+					&lt;/&gt;
+				)}
+			&lt;/ButtonGroup&gt;
+			{props.children &amp;&amp;
+				React.cloneElement(props.children, {
+					sx: { ...buttonStyle },
+				})}
+		&lt;/Box&gt;
+	);
 };
 &nbsp;
 MlNavigationTools.defaultProps = {
-  mapId: undefined,
-  show3DButton: true,
-  showFollowGpsButton: true,
-  showCenterLocationButton: false,
-  showZoomButtons: true,
-  sx: {
-    right: "5px",
-    bottom: "20px",
-  },
+	mapId: undefined,
+	show3DButton: true,
+	showFollowGpsButton: true,
+	showCenterLocationButton: false,
+	showZoomButtons: true,
+	sx: {
+		right: "5px",
+		bottom: "20px",
+	},
 };
 &nbsp;
 export default MlNavigationTools;
@@ -670,7 +670,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 Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlNavigationTools/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 Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -217,62 +217,62 @@ import useMap from "../../hooks/useMap";
  * @component
  */
 const MlOsmLayer = (props) => {
-  const mapHook = useMap({ mapId: props.mapId, waitForLayer: props.insertBeforeLayer });
+	const mapHook = useMap({ mapId: props.mapId, waitForLayer: props.insertBeforeLayer });
  
-  const layerId = useRef(props.layerId || "MlOsmLayer-" + mapHook.componentId);
+	const layerId = useRef(props.layerId || "MlOsmLayer-" + mapHook.componentId);
  
-  useEffect(() => {
-    if (!mapHook.map) return;
+	useEffect(() => {
+		if (!mapHook.map) return;
  
-    mapHook.map.addSource(
-      layerId.current,
-      {
-        type: "raster",
-        tileSize: 256,
-        ...props.sourceOptions,
-      },
-      mapHook.componentId
-    );
-    mapHook.map.addLayer(
-      {
-        id: layerId.current,
-        type: "raster",
-        source: layerId.current,
-        minzoom: 0,
-        maxzoom: 22,
-        ...props.layerOptions,
-      },
-      props.insertBeforeLayer,
-      mapHook.componentId
-    );
-  }, [props, mapHook.map]);
+		mapHook.map.addSource(
+			layerId.current,
+			{
+				type: "raster",
+				tileSize: 256,
+				...props.sourceOptions,
+			},
+			mapHook.componentId
+		);
+		mapHook.map.addLayer(
+			{
+				id: layerId.current,
+				type: "raster",
+				source: layerId.current,
+				minzoom: 0,
+				maxzoom: 22,
+				...props.layerOptions,
+			},
+			props.insertBeforeLayer,
+			mapHook.componentId
+		);
+	}, [props, mapHook.map]);
  
-  return <></>;
+	return <></>;
 };
  
 MlOsmLayer.propTypes = {
-  /**
-   * Id of the target MapLibre instance in mapHook
-   */
-  mapId: PropTypes.string,
-  /**
-   * Prefix of the component id this component uses when adding elements to the MapLibreGl-instance
-   */
-  idPrefix: PropTypes.string,
-  /**
-   * Options object that will be used as first parameter on the MapLibreGl.addSource call see MapLibre source options documentation.
-   */
-  sourceOptions: PropTypes.object,
-  /**
-   * Options object that will be used as first parameter on the MapLibreGl.addLayer call see MapLibre layer options documentation.
-   *
-   */
-  layerOptions: PropTypes.object,
-  /**
-   * The layerId of an existing layer this layer should be rendered visually beneath
-   * https://maplibre.org/maplibre-gl-js-docs/api/map/#map#addlayer - see "beforeId" property
-   */
-  insertBeforeLayer: PropTypes.string,
+	/**
+	 * Id of the target MapLibre instance in mapHook
+	 */
+	mapId: PropTypes.string,
+	/**
+	 * Prefix of the component id this component uses when adding elements to the MapLibreGl-instance
+	 */
+	idPrefix: PropTypes.string,
+	/**
+	 * Options object that will be used as first parameter on the MapLibreGl.addSource call see MapLibre source options documentation.
+	 */
+	sourceOptions: PropTypes.object,
+	/**
+	 * Options object that will be used as first parameter on the MapLibreGl.addLayer call see MapLibre layer options documentation.
+	 *
+	 */
+	layerOptions: PropTypes.object,
+	/**
+	 * The layerId of an existing layer this layer should be rendered visually beneath
+	 * https://maplibre.org/maplibre-gl-js-docs/api/map/#map#addlayer - see "beforeId" property
+	 */
+	insertBeforeLayer: PropTypes.string,
 };
  
 export default MlOsmLayer;
@@ -283,7 +283,7 @@ export default MlOsmLayer;
             <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 Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/lcov-report/src/components/MlOsmLayer/MlOsmLayer.stories_.js.html

@@ -170,45 +170,45 @@ import Button from "@mui/material/Button";
 import mapContextDecorator from "../../decorators/MapContextDecorator";
  
 const storyoptions = <span class="cstat-no" title="statement not covered" >{</span>
-  title: "MapComponents/MlOsmLayer",
-  component: MlOsmLayer,
-  argTypes: {
-    options: {
-      control: {
-        type: "object",
-      },
-    },
-  },
-  decorators: mapContextDecorator,
+	title: "MapComponents/MlOsmLayer",
+	component: MlOsmLayer,
+	argTypes: {
+		options: {
+			control: {
+				type: "object",
+			},
+		},
+	},
+	decorators: mapContextDecorator,
 };
 export default storyoptions;
 &nbsp;
 const Template = <span class="cstat-no" title="statement not covered" ><span class="fstat-no" title="function not covered" >(p</span>rops) =&gt; {</span>
-  const [showLayer, setShowLayer] = <span class="cstat-no" title="statement not covered" >useState(true);</span>
+	const [showLayer, setShowLayer] = <span class="cstat-no" title="statement not covered" >useState(true);</span>
 &nbsp;
-<span class="cstat-no" title="statement not covered" >  return (</span>
-    &lt;TopToolbar&gt;
-      &lt;Button
-        color="primary"
-        variant={showLayer ? "contained" : "outlined"}
-        onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setShowLayer(!showLayer)}</span>
-      &gt;
-        OSM
-      &lt;/Button&gt;
-      {showLayer &amp;&amp; &lt;MlOsmLayer {...props} /&gt;}
-    &lt;/TopToolbar&gt;
-  );
+<span class="cstat-no" title="statement not covered" >	return (</span>
+		&lt;TopToolbar&gt;
+			&lt;Button
+				color="primary"
+				variant={showLayer ? "contained" : "outlined"}
+				onClick={<span class="fstat-no" title="function not covered" >()</span> =&gt; <span class="cstat-no" title="statement not covered" >setShowLayer(!showLayer)}</span>
+			&gt;
+				OSM
+			&lt;/Button&gt;
+			{showLayer &amp;&amp; &lt;MlOsmLayer {...props} /&gt;}
+		&lt;/TopToolbar&gt;
+	);
 };
 &nbsp;
 // &lt;MapLibreMap options={args.options} /&gt;
 export const ExampleConfig = <span class="cstat-no" title="statement not covered" >Template.bind({});</span>
 <span class="cstat-no" title="statement not covered" >ExampleConfig.args = {</span>
-  sourceOptions: {
-    tiles: ["https://stamen-tiles.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg"],
-    attribution:
-      'Map tiles by &lt;a target="_top" rel="noopener" href="http://stamen.com"&gt;Stamen Design&lt;/a&gt;, under &lt;a target="_top" rel="noopener" href="http://creativecommons.org/licenses/by/3.0"&gt;CC BY 3.0&lt;/a&gt;. Data by &lt;a target="_top" rel="noopener" href="http://openstreetmap.org"&gt;OpenStreetMap&lt;/a&gt;, under &lt;a target="_top" rel="noopener" href="http://creativecommons.org/licenses/by-sa/3.0"&gt;CC BY SA&lt;/a&gt;',
-  },
-  layerOptions: {},
+	sourceOptions: {
+		tiles: ["https://stamen-tiles.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg"],
+		attribution:
+			'Map tiles by &lt;a target="_top" rel="noopener" href="http://stamen.com"&gt;Stamen Design&lt;/a&gt;, under &lt;a target="_top" rel="noopener" href="http://creativecommons.org/licenses/by/3.0"&gt;CC BY 3.0&lt;/a&gt;. Data by &lt;a target="_top" rel="noopener" href="http://openstreetmap.org"&gt;OpenStreetMap&lt;/a&gt;, under &lt;a target="_top" rel="noopener" href="http://creativecommons.org/licenses/by-sa/3.0"&gt;CC BY SA&lt;/a&gt;',
+	},
+	layerOptions: {},
 };
 &nbsp;</pre></td></tr></table></pre>
 
@@ -217,7 +217,7 @@ export const ExampleConfig = <span class="cstat-no" title="statement not covered
             <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 Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>

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

@@ -116,7 +116,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 Thu Aug 11 2022 13:20:32 GMT+0000 (Coordinated Universal Time)
+                at Tue Oct 04 2022 11:59:51 GMT+0000 (Coordinated Universal Time)
             </div>
         <script src="../../../prettify.js"></script>
         <script>