Branching 'dist' files for release

Author: IvanSanchez

.gitignore

@@ -26,7 +26,7 @@ build/Release
 # https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
 node_modules
 
-dist/
+dist/*.zip
 
 .gobble-build/
 .gobble-watch/

dist/L.VisualClick.css

@@ -0,0 +1,105 @@
+/*
+* Heavily based on the CSS for https://github.com/mapshakers/leaflet-icon-pulse
+*
+* Modified to get rid of the opaque circle, and tweaked the pulse to be subtler.
+*/
+
+.leaflet-visualclick-icon {
+    border-radius: 100%;
+}
+
+.leaflet-visualclick-icon:after {
+    content: "";
+    border-radius: 100%;
+    height: 60px;
+    width: 60px;
+    position: absolute;
+    margin-left: -30px;
+    margin-top: -30px;
+
+    box-shadow: inset 0 0 25px -1px #E1E3E4, 0 0 10px -1px #C5C5C5;
+
+    -webkit-animation: visualclick-pulsate 0.7s ease-out;
+
+            animation: visualclick-pulsate 0.7s ease-out;
+    -webkit-animation-iteration-count: 1;
+            animation-iteration-count: 1;
+    -webkit-animation-delay: 0s;
+            animation-delay: 0s;
+    opacity: 0;
+}
+
+.leaflet-visualclick-icon-touch:after {
+    content: "";
+    border-radius: 100%;
+    height: 140px;
+    width: 140px;
+    position: absolute;
+    margin-left: -70px;
+    margin-top: -70px;
+
+    box-shadow: inset 0 0 25px -1px #E1E3E4, 0 0 10px -1px #C5C5C5;
+
+    -webkit-animation: visualclick-pulsate-touch 0.7s ease-out;
+
+            animation: visualclick-pulsate-touch 0.7s ease-out;
+    -webkit-animation-iteration-count: 1;
+            animation-iteration-count: 1;
+    -webkit-animation-delay: 0s;
+            animation-delay: 0s;
+    opacity: 0;
+}
+
+@-webkit-keyframes visualclick-pulsate {
+    0% {
+        -webkit-transform: scale(0.5);
+                transform: scale(0.5);
+        opacity: 1;
+    }
+    100% {
+        -webkit-transform: scale(1.3);
+                transform: scale(1.3);
+        opacity: 0;
+    }
+}
+
+@keyframes visualclick-pulsate {
+    0% {
+        -webkit-transform: scale(0.5);
+                transform: scale(0.5);
+        opacity: 1;
+    }
+    100% {
+        -webkit-transform: scale(1.3);
+                transform: scale(1.3);
+        opacity: 0;
+    }
+}
+
+
+@-webkit-keyframes visualclick-pulsate-touch {
+    from {
+        -webkit-transform: scale(1);
+                transform: scale(1);
+        opacity: 0.8;
+    }
+    to {
+        -webkit-transform: scale(0.2);
+                transform: scale(0.2);
+        opacity: 0.0;
+    }
+}
+
+
+@keyframes visualclick-pulsate-touch {
+    from {
+        -webkit-transform: scale(1);
+                transform: scale(1);
+        opacity: 0.8;
+    }
+    to {
+        -webkit-transform: scale(0.2);
+                transform: scale(0.2);
+        opacity: 0.0;
+    }
+}

dist/L.VisualClick.js

@@ -0,0 +1,62 @@
+/*
+ * L.VisualClick
+ * Description: A plugin that adds visual feedback when user clicks/taps the map. Useful for when you have a delay on the clickEvents for async fetching of data, or implmentation of Leaflet.singleclick
+ * Example: L.visualClick({map: leafletMap}); //Just works
+ * Author: Dag Jomar Mersland (twitter: @dagjomar)
+ */
+
+
+L.Map.VisualClick = L.Handler.extend({
+
+    _makeVisualIcon: function(){
+
+        var touchMode = this._map.options.visualClickMode === 'touch' ? true : false;
+
+        return L.divIcon({
+            className: "leaflet-visualclick-icon" + (touchMode ? '-touch' : ''),    // See L.VisualClick.css
+            iconSize: [0, 0],
+            clickable: false
+        });
+
+    },
+
+    _visualIcon: null,
+
+    _onClick: function(e) {
+
+        var map = this._map;
+
+        var latlng = e.latlng;
+        var marker = L.marker(latlng, {pane: 'shadowPane', icon: this._visualIcon, interactive: false}).addTo(map);
+
+        window.setTimeout(function(){
+            if(map){
+                marker.remove();
+            }
+        }.bind(this), map.options.visualClick.removeTimeout || 450);    // Should somewhat match the css animation to prevent loops
+
+        return true;
+    },
+
+    addHooks: function () {
+        if(this._visualIcon === null){
+            this._visualIcon = this._makeVisualIcon();
+        }
+        this._map.on(this._map.options.visualClickEvents, this._onClick, this);
+    },
+
+    removeHooks: function () {
+        this._map.off(this._map.options.visualClickEvents, this._onClick, this);
+    },
+
+});
+
+
+L.Map.mergeOptions({
+    visualClick: L.Browser.any3d ? true : false, //Can be true, desktop, touch, false. Not straight forward to use L.Browser.touch flag because true on IE10
+    visualClickMode: L.Browser.touch && L.Browser.mobile ? 'touch' : 'desktop', //Not straight forward to use only L.Browser.touch flag because true on IE10 - so this is slightly better
+    visualClickEvents: 'click contextmenu', //Standard leaflety way of defining which events to hook on to
+});
+
+L.Map.addInitHook('addHandler', 'visualClick', L.Map.VisualClick);
+