mapbox-gl-rails 2.3.1 → 2.9.0

data/app/assets/stylesheets/mapbox-gl-compare.scss

@@ -5,7 +5,7 @@
   height: 100%;
   z-index: 1;
 
-  .compare-swiper {
+  .compare-swiper-vertical {
     background-color: #3887be;
     box-shadow: inset 0 0 0 2px #fff;
     display: inline-block;
@@ -21,3 +21,26 @@
     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);
+}

data/app/assets/stylesheets/mapbox-gl-geocoder.scss

@@ -52,7 +52,7 @@
     color: rgba(0, 0, 0, 0.75);
     outline: 0;
     box-shadow: none;
-    outline: thin dotted\8;
+    outline: thin dotted;
   }
 }
 

data/app/assets/stylesheets/mapbox-gl.scss

@@ -2,7 +2,7 @@
   font: 12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;
   overflow: hidden;
   position: relative;
-  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+  -webkit-tap-highlight-color: rgb(0 0 0 / 0);
 }
 
 .mapboxgl-canvas {
@@ -123,7 +123,7 @@
   background: #fff;
 
   &:not(:empty) {
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
+    box-shadow: 0 0 0 2px rgb(0 0 0 / 10%);
   }
 
   button {
@@ -136,6 +136,7 @@
     box-sizing: border-box;
     background-color: transparent;
     cursor: pointer;
+    overflow: hidden;
 
     + button {
       border-top: 1px solid #ddd;
@@ -168,32 +169,18 @@
 }
 
 .mapboxgl-ctrl-attrib-button:focus, .mapboxgl-ctrl-group button:focus {
-  box-shadow: 0 0 2px 2px #0096ff;
+  box-shadow: 0 0 2px 2px rgb(0 150 255 / 100%);
 }
 
-.mapboxgl-ctrl button {
-  &:disabled {
-    cursor: not-allowed;
-
-    .mapboxgl-ctrl-icon {
-      opacity: .25;
-    }
-  }
+.mapboxgl-ctrl button:disabled {
+  cursor: not-allowed;
 
-  &:not(:disabled):hover {
-    background-color: rgba(0, 0, 0, 0.05);
+  .mapboxgl-ctrl-icon {
+    opacity: .25;
   }
 }
 
-.mapboxgl-ctrl-group button:focus {
-  &:focus-visible {
-    box-shadow: 0 0 2px 2px #0096ff;
-  }
-
-  &:not(:focus-visible) {
-    box-shadow: none;
-  }
-
+.mapboxgl-ctrl-group button {
   &:first-child {
     border-radius: 4px 4px 0 0;
   }
@@ -207,6 +194,20 @@
   }
 }
 
+.mapboxgl-ctrl button:not(:disabled):hover {
+  background-color: rgb(0 0 0 / 5%);
+}
+
+.mapboxgl-ctrl-group button:focus {
+  &:focus-visible {
+    box-shadow: 0 0 2px 2px rgb(0 150 255 / 100%);
+  }
+
+  &:not(:focus-visible) {
+    box-shadow: none;
+  }
+}
+
 .mapboxgl-ctrl button {
   &.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E %3C/svg%3E");
@@ -399,7 +400,7 @@ a.mapboxgl-ctrl-logo {
 
 .mapboxgl-ctrl.mapboxgl-ctrl-attrib {
   padding: 0 5px;
-  background-color: hsla(0, 0%, 100%, 0.5);
+  background-color: rgb(255 255 255 / 50%);
   margin: 0;
 }
 
@@ -434,7 +435,7 @@ a.mapboxgl-ctrl-logo {
     cursor: pointer;
     position: absolute;
     background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd'%3E %3Cpath d='M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0'/%3E %3C/svg%3E");
-    background-color: hsla(0, 0%, 100%, 0.5);
+    background-color: rgb(255 255 255 / 50%);
     width: 24px;
     height: 24px;
     box-sizing: border-box;
@@ -455,7 +456,7 @@ a.mapboxgl-ctrl-logo {
     }
 
     &.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button {
-      background-color: rgba(0, 0, 0, 0.05);
+      background-color: rgb(0 0 0 / 5%);
     }
   }
 
@@ -494,7 +495,7 @@ a.mapboxgl-ctrl-logo {
 
 .mapboxgl-ctrl-attrib {
   a {
-    color: rgba(0, 0, 0, 0.75);
+    color: rgb(0 0 0 / 75%);
     text-decoration: none;
 
     &:hover {
@@ -514,13 +515,14 @@ a.mapboxgl-ctrl-logo {
 }
 
 .mapboxgl-ctrl-scale {
-  background-color: hsla(0, 0%, 100%, 0.75);
+  background-color: rgb(255 255 255 / 75%);
   font-size: 10px;
   border: 2px solid #333;
   border-top: #333;
   padding: 0 5px;
   color: #333;
   box-sizing: border-box;
+  white-space: nowrap;
 }
 
 .mapboxgl-popup {
@@ -617,7 +619,7 @@ a.mapboxgl-ctrl-logo {
   background-color: transparent;
 
   &:hover {
-    background-color: rgba(0, 0, 0, 0.05);
+    background-color: rgb(0 0 0 / 5%);
   }
 }
 
@@ -625,7 +627,7 @@ a.mapboxgl-ctrl-logo {
   position: relative;
   background: #fff;
   border-radius: 3px;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
   padding: 10px 10px 15px;
   pointer-events: auto;
 }
@@ -700,7 +702,31 @@ a.mapboxgl-ctrl-logo {
     top: -2px;
     width: 19px;
     box-sizing: border-box;
-    box-shadow: 0 0 3px rgba(0, 0, 0, 0.35);
+    box-shadow: 0 0 3px rgb(0 0 0 / 35%);
+  }
+}
+
+.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading {
+  width: 0;
+  height: 0;
+
+  &:after {
+    content: "";
+    border-bottom: 7.5px solid #4aa1eb;
+    position: absolute;
+  }
+
+  &:before {
+    content: "";
+    border-bottom: 7.5px solid #4aa1eb;
+    position: absolute;
+    border-left: 7.5px solid transparent;
+    transform: translateY(-28px) skewY(-20deg);
+  }
+
+  &:after {
+    border-right: 7.5px solid transparent;
+    transform: translate(7.5px, -28px) skewY(20deg);
   }
 }
 
@@ -764,3 +790,35 @@ a.mapboxgl-ctrl-logo {
     display: none;
   }
 }
+
+.mapboxgl-scroll-zoom-blocker, .mapboxgl-touch-pan-blocker {
+  color: #fff;
+  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
+  justify-content: center;
+  text-align: center;
+  position: absolute;
+  display: flex;
+  align-items: center;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: rgb(0 0 0 / 70%);
+  opacity: 0;
+  pointer-events: none;
+  transition: opacity .75s ease-in-out;
+  transition-delay: 1s;
+}
+
+.mapboxgl-scroll-zoom-blocker-show, .mapboxgl-touch-pan-blocker-show {
+  opacity: 1;
+  transition: opacity .1s ease-in-out;
+}
+
+.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page {
+  touch-action: pan-x pan-y;
+
+  .mapboxgl-canvas {
+    touch-action: pan-x pan-y;
+  }
+}

data/lib/mapbox-gl/rails/version.rb

@@ -14,9 +14,9 @@ module MapboxGl
       # Major version number
       MAJOR = 2
       # Minor version number
-      MINOR = 3
+      MINOR = 9
       # Smallest version number
-      TINY = 1
+      TINY = 0
 
       # Full version number
       STRING = [MAJOR, MINOR, TINY].compact.join('.')

data/plugins.yaml

@@ -2,22 +2,22 @@
 #
 plugins:
   geocoder:
-    version: '4.4.1'
+    version: '4.7.2'
     js: 'mapbox-gl-geocoder.min.js'
     css: 'mapbox-gl-geocoder.css'
     url: https://github.com/mapbox/mapbox-gl-geocoder
   directions:
-    version: '4.0.2'
+    version: '4.1.0'
     js: 'mapbox-gl-directions.js'
     css: 'mapbox-gl-directions.css'
     url: https://github.com/mapbox/mapbox-gl-directions
   compare:
-    version: '0.1.1'
+    version: '0.4.0'
     js: 'mapbox-gl-compare.js'
     css: 'mapbox-gl-compare.css'
     url: https://github.com/mapbox/mapbox-gl-compare
   draw:
-    version: '1.0.9'
+    version: '1.2.2'
     js: 'mapbox-gl-draw.js'
     css: 'mapbox-gl-draw.css'
     url: https://github.com/mapbox/mapbox-gl-draw

data/test/dummy/app/assets/config/manifest.js

@@ -1,2 +1,2 @@
 //= link_directory ../javascripts .js
-//= link_directory ../stylesheets .scss
+//= link_directory ../stylesheets .css

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: mapbox-gl-rails
 version: !ruby/object:Gem::Version
-  version: 2.3.1
+  version: 2.9.0
 platform: ruby
 authors:
 - Nikita Bulai
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-07-05 00:00:00.000000000 Z
+date: 2022-08-15 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: railties
@@ -139,7 +139,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.2
+rubygems_version: 3.0.8
 signing_key: 
 specification_version: 4
 summary: an asset gemification of the Mapbox GL JS library