Suppress firing toggle event, if toggle status is not changed

js/toggles.js

@@ -94,7 +94,8 @@
     var toggleWidth = toggle.clientWidth;
     var handleWidth = handle.clientWidth;
     var offset      = (toggleWidth - handleWidth);
-    var slideOn     = (!touchMove && !toggle.classList.contains('active')) || (touchMove && (distanceX > (toggleWidth / 2 - handleWidth / 2)));
+    var originOn    = toggle.classList.contains('active');
+    var slideOn     = (!touchMove && !originOn) || (touchMove && (distanceX > (toggleWidth / 2 - handleWidth / 2)));
 
     if (slideOn) {
       handle.style[transformProperty] = 'translate3d(' + offset + 'px,0,0)';
@@ -104,6 +105,7 @@
 
     toggle.classList[slideOn ? 'add' : 'remove']('active');
 
+    if (originOn != slideOn) {
       e = new CustomEvent('toggle', {
         detail: {
           isActive: slideOn
@@ -113,6 +115,7 @@
       });
 
       toggle.dispatchEvent(e);
+    }
 
     touchMove = false;
     toggle    = false;