@mapcomponents/react-maplibre 0.1.96 → 1.0.1

package/.eslintrc.cjs

@@ -0,0 +1,32 @@
+module.exports = {
+	env: {
+		browser: true,
+		node: true,
+		es2021: true,
+	},
+	extends: [
+        "eslint:recommended",
+        "plugin:react/recommended",
+        "plugin:@typescript-eslint/recommended",
+        "prettier",
+        "plugin:storybook/recommended"
+    ],
+	overrides: [],
+	parser: '@typescript-eslint/parser',
+	parserOptions: {
+		ecmaVersion: 'latest',
+		sourceType: 'module',
+	},
+	plugins: ['react', '@typescript-eslint'],
+	rules: {
+		'react/prop-types': 'off',
+		// empty functions can sometimes be set intentionally. e.g. with useRef/useState, if we want an empty function first
+		'@typescript-eslint/no-empty-function': 'off',
+		"@typescript-eslint/no-explicit-any": "off"
+	},
+	settings: {
+		react: {
+			version: 'detect',
+		},
+	},
+};

package/CHANGELOG.md

@@ -1,6 +1,12 @@
 # Change Log
 
 
+## [v1.0.0] - 2024-02-15
+
+### Changed
+- 5500815: upgrade to maplibre v4.0.0
+- 7629f88: upgrade storybook and all dependencies to the latest major release
+
 ## [v0.1.96] - 2024-01-29
 
 ### Fixed

package/dist/{index.esm.css → assets/index.cjs-Iqz0mZaU.css}

@@ -1,5 +1,5 @@
 
-.mapboxgl-compare {
+.maplibregl-compare {
   background-color:#fff;
   position:absolute;
   width:2px;
@@ -9,7 +9,7 @@
   margin-left:0;
   left:0;
 }
-.mapboxgl-compare .compare-swiper-vertical {
+.maplibregl-compare .compare-swiper-vertical {
   z-index:120;
   background-color:#3887be;
   box-shadow:inset 0 0 0 2px #fff;
@@ -26,12 +26,12 @@
 	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjYwIiAgIGhlaWdodD0iNjAiICAgdmVyc2lvbj0iMS4xIiAgIHZpZXdCb3g9IjAgMCA2MCA2MCIgICBpZD0ic3ZnNTQzNCIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxK2RldmVsK29zeG1lbnUgcjEyOTExIiAgIHNvZGlwb2RpOmRvY25hbWU9Imwtci5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE1NDQ0Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzNTQ0MiIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4NiIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc1MSIgICAgIGlkPSJuYW1lZHZpZXc1NDQwIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTp6b29tPSI0IiAgICAgaW5rc2NhcGU6Y3g9IjI1Ljg4OTgzMSIgICAgIGlua3NjYXBlOmN5PSIzNC4zODE4MzMiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyMyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc1NDM0IiAgICAgaW5rc2NhcGU6b2JqZWN0LW5vZGVzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1zbW9vdGgtbm9kZXM9InRydWUiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkNTk4OSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAgICAgZD0iTSAyNSAyNCBMIDE2IDMwIEwgMjUgMzYgTCAyNSAyNCB6IE0gMzUgMjQgTCAzNSAzNiBMIDQ0IDMwIEwgMzUgMjQgeiAiICAgICBpZD0icGF0aDU5OTUiIC8+PC9zdmc+);
   }
 
-.mapboxgl-compare-horizontal {
+.maplibregl-compare-horizontal {
   position:relative;
   width:100%;
   height:2px;
 }
-.mapboxgl-compare .compare-swiper-horizontal {
+.maplibregl-compare .compare-swiper-horizontal {
   background-color:#3887be;
   box-shadow:inset 0 0 0 2px #fff;
   display:inline-block;

package/dist/assets/index.esm-Iqz0mZaU.css

@@ -0,0 +1,98 @@
+
+.maplibregl-compare {
+  background-color:#fff;
+  position:absolute;
+  width:2px;
+  height:100%;
+  z-index:110;
+  top: 0;
+  margin-left:0;
+  left:0;
+}
+.maplibregl-compare .compare-swiper-vertical {
+  z-index:120;
+  background-color:#3887be;
+  box-shadow:inset 0 0 0 2px #fff;
+  display:inline-block;
+  border-radius:50%;
+  position:absolute;
+  width:60px;
+  height:60px;
+  top:50%;
+  left:-30px;
+  margin:-30px 1px 0;
+  color: #fff;
+  cursor:ew-resize;
+	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjYwIiAgIGhlaWdodD0iNjAiICAgdmVyc2lvbj0iMS4xIiAgIHZpZXdCb3g9IjAgMCA2MCA2MCIgICBpZD0ic3ZnNTQzNCIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxK2RldmVsK29zeG1lbnUgcjEyOTExIiAgIHNvZGlwb2RpOmRvY25hbWU9Imwtci5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE1NDQ0Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzNTQ0MiIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4NiIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc1MSIgICAgIGlkPSJuYW1lZHZpZXc1NDQwIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTp6b29tPSI0IiAgICAgaW5rc2NhcGU6Y3g9IjI1Ljg4OTgzMSIgICAgIGlua3NjYXBlOmN5PSIzNC4zODE4MzMiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyMyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc1NDM0IiAgICAgaW5rc2NhcGU6b2JqZWN0LW5vZGVzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1zbW9vdGgtbm9kZXM9InRydWUiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkNTk4OSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAgICAgZD0iTSAyNSAyNCBMIDE2IDMwIEwgMjUgMzYgTCAyNSAyNCB6IE0gMzUgMjQgTCAzNSAzNiBMIDQ0IDMwIEwgMzUgMjQgeiAiICAgICBpZD0icGF0aDU5OTUiIC8+PC9zdmc+);
+  }
+
+.maplibregl-compare-horizontal {
+  position:relative;
+  width:100%;
+  height:2px;
+}
+.maplibregl-compare .compare-swiper-horizontal {
+  background-color:#3887be;
+  box-shadow:inset 0 0 0 2px #fff;
+  display:inline-block;
+  border-radius:50%;
+  position:absolute;
+  width:60px;
+  height:60px;
+  top:50%;
+  left:50%;
+  margin:-30px 1px 0;
+  color: #fff;
+  cursor:ns-resize;
+  background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjYwIiAgIGhlaWdodD0iNjAiICAgdmVyc2lvbj0iMS4xIiAgIHZpZXdCb3g9IjAgMCA2MCA2MCIgICBpZD0ic3ZnNTQzNCIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxK2RldmVsK29zeG1lbnUgcjEyOTExIiAgIHNvZGlwb2RpOmRvY25hbWU9Imwtci5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE1NDQ0Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzNTQ0MiIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4NiIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc1MSIgICAgIGlkPSJuYW1lZHZpZXc1NDQwIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTp6b29tPSI0IiAgICAgaW5rc2NhcGU6Y3g9IjI1Ljg4OTgzMSIgICAgIGlua3NjYXBlOmN5PSIzNC4zODE4MzMiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyMyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc1NDM0IiAgICAgaW5rc2NhcGU6b2JqZWN0LW5vZGVzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1zbW9vdGgtbm9kZXM9InRydWUiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkNTk4OSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAgICAgZD0iTSAyNSAyNCBMIDE2IDMwIEwgMjUgMzYgTCAyNSAyNCB6IE0gMzUgMjQgTCAzNSAzNiBMIDQ0IDMwIEwgMzUgMjQgeiAiICAgICBpZD0icGF0aDU5OTUiIC8+PC9zdmc+);
+  transform: rotate(90deg)
+}
+
+.mapboxgl-compare {
+  background-color:#fff;
+  position:absolute;
+  width:2px;
+  height:100%;
+  z-index:110;
+  top: 0;
+  margin-left:0;
+  left:0;
+}
+.mapboxgl-compare .compare-swiper-vertical {
+  z-index:120;
+  background-color:#3887be;
+  box-shadow:inset 0 0 0 2px #fff;
+  display:inline-block;
+  border-radius:50%;
+  position:absolute;
+  width:60px;
+  height:60px;
+  top:50%;
+  left:-30px;
+  margin:-30px 1px 0;
+  color: #fff;
+  cursor:ew-resize;
+	background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjYwIiAgIGhlaWdodD0iNjAiICAgdmVyc2lvbj0iMS4xIiAgIHZpZXdCb3g9IjAgMCA2MCA2MCIgICBpZD0ic3ZnNTQzNCIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxK2RldmVsK29zeG1lbnUgcjEyOTExIiAgIHNvZGlwb2RpOmRvY25hbWU9Imwtci5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE1NDQ0Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzNTQ0MiIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4NiIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc1MSIgICAgIGlkPSJuYW1lZHZpZXc1NDQwIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTp6b29tPSI0IiAgICAgaW5rc2NhcGU6Y3g9IjI1Ljg4OTgzMSIgICAgIGlua3NjYXBlOmN5PSIzNC4zODE4MzMiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyMyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc1NDM0IiAgICAgaW5rc2NhcGU6b2JqZWN0LW5vZGVzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1zbW9vdGgtbm9kZXM9InRydWUiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkNTk4OSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAgICAgZD0iTSAyNSAyNCBMIDE2IDMwIEwgMjUgMzYgTCAyNSAyNCB6IE0gMzUgMjQgTCAzNSAzNiBMIDQ0IDMwIEwgMzUgMjQgeiAiICAgICBpZD0icGF0aDU5OTUiIC8+PC9zdmc+);
+  }
+
+.mapboxgl-compare-horizontal {
+  position:relative;
+  width:100%;
+  height:2px;
+}
+.mapboxgl-compare .compare-swiper-horizontal {
+  background-color:#3887be;
+  box-shadow:inset 0 0 0 2px #fff;
+  display:inline-block;
+  border-radius:50%;
+  position:absolute;
+  width:60px;
+  height:60px;
+  top:50%;
+  left:50%;
+  margin:-30px 1px 0;
+  color: #fff;
+  cursor:ns-resize;
+  background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB4bWxuczpzb2RpcG9kaT0iaHR0cDovL3NvZGlwb2RpLnNvdXJjZWZvcmdlLm5ldC9EVEQvc29kaXBvZGktMC5kdGQiICAgeG1sbnM6aW5rc2NhcGU9Imh0dHA6Ly93d3cuaW5rc2NhcGUub3JnL25hbWVzcGFjZXMvaW5rc2NhcGUiICAgd2lkdGg9IjYwIiAgIGhlaWdodD0iNjAiICAgdmVyc2lvbj0iMS4xIiAgIHZpZXdCb3g9IjAgMCA2MCA2MCIgICBpZD0ic3ZnNTQzNCIgICBpbmtzY2FwZTp2ZXJzaW9uPSIwLjkxK2RldmVsK29zeG1lbnUgcjEyOTExIiAgIHNvZGlwb2RpOmRvY25hbWU9Imwtci5zdmciPiAgPG1ldGFkYXRhICAgICBpZD0ibWV0YWRhdGE1NDQ0Ij4gICAgPHJkZjpSREY+ICAgICAgPGNjOldvcmsgICAgICAgICByZGY6YWJvdXQ9IiI+ICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4gICAgICAgIDxkYzp0eXBlICAgICAgICAgICByZGY6cmVzb3VyY2U9Imh0dHA6Ly9wdXJsLm9yZy9kYy9kY21pdHlwZS9TdGlsbEltYWdlIiAvPiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+ICAgICAgPC9jYzpXb3JrPiAgICA8L3JkZjpSREY+ICA8L21ldGFkYXRhPiAgPGRlZnMgICAgIGlkPSJkZWZzNTQ0MiIgLz4gIDxzb2RpcG9kaTpuYW1lZHZpZXcgICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIgICAgIGJvcmRlcmNvbG9yPSIjNjY2NjY2IiAgICAgYm9yZGVyb3BhY2l0eT0iMSIgICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiICAgICBncmlkdG9sZXJhbmNlPSIxMCIgICAgIGd1aWRldG9sZXJhbmNlPSIxMCIgICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIiAgICAgaW5rc2NhcGU6cGFnZXNoYWRvdz0iMiIgICAgIGlua3NjYXBlOndpbmRvdy13aWR0aD0iMTI4NiIgICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9Ijc1MSIgICAgIGlkPSJuYW1lZHZpZXc1NDQwIiAgICAgc2hvd2dyaWQ9InRydWUiICAgICBpbmtzY2FwZTp6b29tPSI0IiAgICAgaW5rc2NhcGU6Y3g9IjI1Ljg4OTgzMSIgICAgIGlua3NjYXBlOmN5PSIzNC4zODE4MzMiICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIgICAgIGlua3NjYXBlOndpbmRvdy15PSIyMyIgICAgIGlua3NjYXBlOndpbmRvdy1tYXhpbWl6ZWQ9IjAiICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc1NDM0IiAgICAgaW5rc2NhcGU6b2JqZWN0LW5vZGVzPSJ0cnVlIiAgICAgaW5rc2NhcGU6c25hcC1zbW9vdGgtbm9kZXM9InRydWUiPiAgICA8aW5rc2NhcGU6Z3JpZCAgICAgICB0eXBlPSJ4eWdyaWQiICAgICAgIGlkPSJncmlkNTk4OSIgLz4gIDwvc29kaXBvZGk6bmFtZWR2aWV3PiAgPHBhdGggICAgIHN0eWxlPSJmaWxsOiNmZmZmZmY7ZmlsbC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlOm5vbmU7c3Ryb2tlLXdpZHRoOjFweDtzdHJva2UtbGluZWNhcDpidXR0O3N0cm9rZS1saW5lam9pbjptaXRlcjtzdHJva2Utb3BhY2l0eToxIiAgICAgZD0iTSAyNSAyNCBMIDE2IDMwIEwgMjUgMzYgTCAyNSAyNCB6IE0gMzUgMjQgTCAzNSAzNiBMIDQ0IDMwIEwgMzUgMjQgeiAiICAgICBpZD0icGF0aDU5OTUiIC8+PC9zdmc+);
+  transform: rotate(90deg)
+}

package/dist/components/MapLibreMap/MapLibreMap.d.ts

@@ -1,31 +1,30 @@
-import { FC } from 'react';
-import { MapOptions as MapOptionsType } from 'maplibre-gl';
-import 'maplibre-gl/dist/maplibre-gl.css';
-type MapLibreMapProps = {
-    /**
-     * Id of the MapLibreGl(Wrapper) instance in mapContext
-     */
-    mapId?: string;
-    /**
-     * Config object that is passed to the MapLibreGl constructor as first parameter.
-     * See https://maplibre.org/maplibre-gl-js-docs/api/map/ for a formal documentation of al
-     * available properties.
-     */
-    options?: Partial<MapOptionsType>;
-    /**
-     * css style definition passed to the map container DOM element
-     */
-    style?: object;
-};
-/**
- * Creates a MapLibreGlWrapper instance and registers it in MapContext
- * after the MapLibre-gl load event has fired.
- *
- * MapLibreMap returns the html node that will be used by MapLibre-gl to render the map.
- * This Component must be kept unaware of any related components that interact with the MapLibre-gl
- * instance.
- *
- * @category Map components
- */
-declare const MapLibreMap: FC<MapLibreMapProps>;
-export default MapLibreMap;
+import { FC } from 'react';
+import { MapOptions as MapOptionsType } from 'maplibre-gl';
+export type MapLibreMapProps = {
+    /**
+     * Id of the MapLibreGl(Wrapper) instance in mapContext
+     */
+    mapId?: string;
+    /**
+     * Config object that is passed to the MapLibreGl constructor as first parameter.
+     * See https://maplibre.org/maplibre-gl-js-docs/api/map/ for a formal documentation of al
+     * available properties.
+     */
+    options?: Partial<MapOptionsType>;
+    /**
+     * css style definition passed to the map container DOM element
+     */
+    style?: object;
+};
+/**
+ * Creates a MapLibreGlWrapper instance and registers it in MapContext
+ * after the MapLibre-gl load event has fired.
+ *
+ * MapLibreMap returns the html node that will be used by MapLibre-gl to render the map.
+ * This Component must be kept unaware of any related components that interact with the MapLibre-gl
+ * instance.
+ *
+ * @category Map components
+ */
+declare const MapLibreMap: FC<MapLibreMapProps>;
+export default MapLibreMap;

package/dist/components/MapLibreMap/lib/MapLibreGlWrapper.d.ts

@@ -1,105 +1,105 @@
-import { Map, IControl, MapOptions as MapOptionsType, MapEventType, MapLayerEventType, StyleImageInterface, LayerSpecification, CustomLayerInterface, SourceSpecification, ControlPosition, StyleImageMetadata } from 'maplibre-gl';
-import { Map as MapType, Style } from 'maplibre-gl';
-type WrapperEventArgArray = [string, (arg0: unknown) => void];
-type EventArgArray = [
-    keyof MapLayerEventType | keyof MapEventType,
-    string | ((arg0: unknown) => void),
-    ((arg0: unknown) => void)?
-];
-type LayerState = {
-    id: string;
-    type: string;
-    visible: boolean;
-    baseLayer: boolean;
-};
-type ViewportState = {
-    center: {
-        lng: number;
-        lat: number;
-    };
-    zoom: number;
-    bearing: number;
-    pitch: number;
-};
-/**
- * Creates a MapLibre-gl-js instance and offers all of the native MapLibre functions and properties as well as additional functionality such as element registration & cleanup and more events.
- *
- * @param {object} props
- *
- * @class
- */
-interface MapLibreGlWrapper extends MapType {
-    addImage: (id: string, image: HTMLImageElement | ImageBitmap | ImageData | {
-        width: number;
-        height: number;
-        data: Uint8Array | Uint8ClampedArray;
-    } | StyleImageInterface, key?: Partial<StyleImageMetadata> | string | undefined, componentId?: string | undefined) => this;
-    addLayer: (layer: (LayerSpecification & {
-        source?: string | SourceSpecification | undefined;
-    }) | (CustomLayerInterface & {
-        source?: string | SourceSpecification | undefined;
-    }), beforeId?: string | undefined, componentId?: string | undefined) => this;
-    cancelled: boolean;
-}
-declare class MapLibreGlWrapper {
-    registeredElements: {
-        [key: string]: {
-            layers: [string?];
-            sources: [string?];
-            images: [string?];
-            controls: [(IControl | unknown)?];
-            events: [EventArgArray?];
-            wrapperEvents: [WrapperEventArgArray?];
-        };
-    };
-    baseLayers: [string?];
-    firstSymbolLayer: string | undefined;
-    eventHandlers: {
-        layerchange: {
-            handler: (ev: unknown) => void;
-            options?: object | string;
-        }[];
-        viewportchange: {
-            handler: (ev: unknown) => void;
-        }[];
-    };
-    wrapper: {
-        on: (eventName: string, handler: (ev: unknown) => void, options?: object | string, componentId?: string) => void;
-        off: (type: string, listener: (ev: unknown) => void) => void;
-        fire: (eventName: string, context?: unknown) => void;
-        layerState: LayerState[];
-        layerStateString: string;
-        oldLayerStateStrings: object;
-        buildLayerObject: (layer: ReturnType<Style['getLayer']>) => LayerState;
-        buildLayerObjects: () => LayerState[];
-        refreshLayerState: () => void;
-        viewportState: ViewportState;
-        viewportStateString: string;
-        oldViewportStateString: string;
-        getViewport: () => {
-            center: {
-                lng: number;
-                lat: number;
-            };
-            zoom: number;
-            bearing: number;
-            pitch: number;
-        };
-        refreshViewport: () => void;
-    };
-    initRegisteredElements: (componentId: string, force?: boolean | undefined) => void;
-    addNativeMaplibreFunctionsAndProps: () => void;
-    map: MapType;
-    style: Style;
-    styleJson: object;
-    addSource: (id: string, source: SourceSpecification, componentId?: string | undefined) => this;
-    addControl: (control: IControl | unknown, position?: ControlPosition | undefined, componentId?: string | undefined) => this;
-    on: (type: keyof MapLayerEventType | keyof MapEventType | string, layerId: string | ((ev: unknown) => void), handler?: ((ev: MapEventType & unknown) => Map | void) | string, componentId?: string | undefined) => this;
-    cleanup: (componentId: string) => void;
-    constructor(props: {
-        mapOptions: MapOptionsType;
-        onReady: (map: MapType, context: unknown) => void;
-    });
-}
-export default MapLibreGlWrapper;
-export type { LayerState, ViewportState };
+import { Map, IControl, MapOptions as MapOptionsType, MapEventType, MapLayerEventType, StyleImageInterface, LayerSpecification, CustomLayerInterface, SourceSpecification, ControlPosition, StyleImageMetadata } from 'maplibre-gl';
+import { Map as MapType, Style } from 'maplibre-gl';
+type WrapperEventArgArray = [string, (arg0: unknown) => void];
+type EventArgArray = [
+    keyof MapLayerEventType | keyof MapEventType,
+    string | ((arg0: unknown) => void),
+    ((arg0: unknown) => void)?
+];
+type LayerState = {
+    id: string;
+    type: string;
+    visible: boolean;
+    baseLayer: boolean;
+};
+type ViewportState = {
+    center: {
+        lng: number;
+        lat: number;
+    };
+    zoom: number;
+    bearing: number;
+    pitch: number;
+};
+/**
+ * Creates a MapLibre-gl-js instance and offers all of the native MapLibre functions and properties as well as additional functionality such as element registration & cleanup and more events.
+ *
+ * @param {object} props
+ *
+ * @class
+ */
+interface MapLibreGlWrapper extends MapType {
+    addImage: (id: string, image: HTMLImageElement | ImageBitmap | ImageData | {
+        width: number;
+        height: number;
+        data: Uint8Array | Uint8ClampedArray;
+    } | StyleImageInterface, key?: Partial<StyleImageMetadata> | string | undefined, componentId?: string | undefined) => this;
+    addLayer: (layer: (LayerSpecification & {
+        source?: string | SourceSpecification | undefined;
+    }) | (CustomLayerInterface & {
+        source?: string | SourceSpecification | undefined;
+    }), beforeId?: string | undefined, componentId?: string | undefined) => this;
+    cancelled: boolean;
+}
+declare class MapLibreGlWrapper {
+    registeredElements: {
+        [key: string]: {
+            layers: [string?];
+            sources: [string?];
+            images: [string?];
+            controls: [(IControl | unknown)?];
+            events: [EventArgArray?];
+            wrapperEvents: [WrapperEventArgArray?];
+        };
+    };
+    baseLayers: [string?];
+    firstSymbolLayer: string | undefined;
+    eventHandlers: {
+        layerchange: {
+            handler: (ev: unknown) => void;
+            options?: object | string;
+        }[];
+        viewportchange: {
+            handler: (ev: unknown) => void;
+        }[];
+    };
+    wrapper: {
+        on: (eventName: string, handler: (ev: unknown) => void, options?: object | string, componentId?: string) => void;
+        off: (type: string, listener: (ev: unknown) => void) => void;
+        fire: (eventName: string, context?: unknown) => void;
+        layerState: LayerState[];
+        layerStateString: string;
+        oldLayerStateStrings: object;
+        buildLayerObject: (layer: ReturnType<Style['getLayer']>) => LayerState | undefined;
+        buildLayerObjects: () => LayerState[];
+        refreshLayerState: () => void;
+        viewportState: ViewportState;
+        viewportStateString: string;
+        oldViewportStateString: string;
+        getViewport: () => {
+            center: {
+                lng: number;
+                lat: number;
+            };
+            zoom: number;
+            bearing: number;
+            pitch: number;
+        };
+        refreshViewport: () => void;
+    };
+    initRegisteredElements: (componentId: string, force?: boolean | undefined) => void;
+    addNativeMaplibreFunctionsAndProps: () => void;
+    map: MapType;
+    style: Style;
+    styleJson: object;
+    addSource: (id: string, source: SourceSpecification, componentId?: string | undefined) => this;
+    addControl: (control: IControl | unknown, position?: ControlPosition | undefined, componentId?: string | undefined) => this;
+    on: (type: keyof MapLayerEventType | keyof MapEventType | string, layerId: string | ((ev: unknown) => void), handler?: ((ev: MapEventType & unknown) => Map | void) | string, componentId?: string | undefined) => this;
+    cleanup: (componentId: string) => void;
+    constructor(props: {
+        mapOptions: MapOptionsType;
+        onReady: (map: MapType, context: unknown) => void;
+    });
+}
+export default MapLibreGlWrapper;
+export type { LayerState, ViewportState };

package/dist/components/MlCenterPosition/MlCenterPosition.d.ts

@@ -1,36 +1,36 @@
-/// <reference types="react" />
-import { SxProps, Theme } from '@mui/material';
-export interface MlCenterPositionProps {
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId?: string;
-    /**
-     * 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;
-    /**
-     * Active button font color
-     */
-    onColor?: string;
-    /**
-     * Inactive button font color
-     */
-    offColor?: string;
-    /**
-     * CSS style object that is applied to the button component
-     */
-    style?: SxProps<Theme> | undefined;
-}
-/**
- * Component template
- *
- */
-declare const MlCenterPosition: {
-    (props: MlCenterPositionProps): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-    };
-};
-export default MlCenterPosition;
+import React from "react";
+import { SxProps, Theme } from '@mui/material';
+export interface MlCenterPositionProps {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+    /**
+     * 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;
+    /**
+     * Active button font color
+     */
+    onColor?: string;
+    /**
+     * Inactive button font color
+     */
+    offColor?: string;
+    /**
+     * CSS style object that is applied to the button component
+     */
+    style?: SxProps<Theme> | undefined;
+}
+/**
+ * Component template
+ *
+ */
+declare const MlCenterPosition: {
+    (props: MlCenterPositionProps): React.JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+    };
+};
+export default MlCenterPosition;

package/dist/components/MlComponentTemplate/MlComponentTemplate.d.ts

@@ -1,18 +1,18 @@
-/// <reference types="react" />
-export interface MlComponentTemplateProps {
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId?: string;
-}
-/**
- * Component description
- *
- */
-declare const MlComponentTemplate: {
-    (props: MlComponentTemplateProps): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-    };
-};
-export default MlComponentTemplate;
+import React from "react";
+export interface MlComponentTemplateProps {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+}
+/**
+ * Component description
+ *
+ */
+declare const MlComponentTemplate: {
+    (props: MlComponentTemplateProps): React.JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+    };
+};
+export default MlComponentTemplate;

package/dist/components/MlCreatePdfButton/MlCreatePdfButton.d.ts

@@ -1,22 +1,22 @@
-/// <reference types="react" />
-import { createExportOptions } from 'src/hooks/useExportMap/lib';
-export interface MlCreatePdfButtonProps {
-    /**
-     * Id of the target MapLibre instance in mapContext
-     */
-    mapId?: string;
-    /**
-     * Option overrides for the createExport function
-     */
-    exportOptions?: createExportOptions;
-}
-/**
- * Renders a button that will create a PDF version of the current map view (dimensions adjusted to fit Din A4 Paper).
- */
-declare const MlCreatePdfButton: {
-    (props: MlCreatePdfButtonProps): JSX.Element;
-    defaultProps: {
-        mapId: undefined;
-    };
-};
-export default MlCreatePdfButton;
+import React from 'react';
+import { createExportOptions } from 'src/hooks/useExportMap/lib';
+export interface MlCreatePdfButtonProps {
+    /**
+     * Id of the target MapLibre instance in mapContext
+     */
+    mapId?: string;
+    /**
+     * Option overrides for the createExport function
+     */
+    exportOptions?: createExportOptions;
+}
+/**
+ * Renders a button that will create a PDF version of the current map view (dimensions adjusted to fit Din A4 Paper).
+ */
+declare const MlCreatePdfButton: {
+    (props: MlCreatePdfButtonProps): React.JSX.Element;
+    defaultProps: {
+        mapId: undefined;
+    };
+};
+export default MlCreatePdfButton;