fomantic-ui 2.9.0-beta.278 → 2.9.0-beta.279

package/dist/semantic.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.278+4d5303c
+ * # Fomantic UI - 2.9.0-beta.279+1f0733d
  * https://github.com/fomantic/Fomantic-UI
  * http://fomantic-ui.com/
  *
@@ -9,7 +9,7 @@
  *
  */
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Site
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Site
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -503,7 +503,7 @@ $.extend($.expr[ ":" ], {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Form Validation
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Form Validation
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -2584,7 +2584,7 @@ $.fn.form.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Accordion
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Accordion
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -3206,7 +3206,7 @@ $.extend( $.easing, {
 
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Calendar
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Calendar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5095,7 +5095,7 @@ $.fn.calendar.settings = {
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Checkbox
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Checkbox
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5978,7 +5978,7 @@ $.fn.checkbox.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Dimmer
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Dimmer
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -6741,7 +6741,7 @@ $.fn.dimmer.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Dropdown
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Dropdown
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -11118,7 +11118,7 @@ $.fn.dropdown.settings.templates = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Embed
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Embed
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -11828,7 +11828,7 @@ $.fn.embed.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Modal
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Modal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -13359,7 +13359,7 @@ $.fn.modal.settings.templates = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Nag
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Nag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -13918,7 +13918,7 @@ $.extend( $.easing, {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Popup
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Popup
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -15460,7 +15460,7 @@ $.fn.popup.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Progress
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Progress
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -16497,7 +16497,7 @@ $.fn.progress.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Slider
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Slider
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -16568,6 +16568,7 @@ $.fn.slider = function(parameters) {
 
         $module         = $(this),
         $currThumb,
+        touchIdentifier,
         $thumb,
         $secondThumb,
         $track,
@@ -16584,7 +16585,6 @@ $.fn.slider = function(parameters) {
         secondPos,
         offset,
         precision,
-        isTouch,
         gapRatio = 1,
         previousValue,
 
@@ -16602,7 +16602,6 @@ $.fn.slider = function(parameters) {
           currentRange += 1;
           documentEventID = currentRange;
 
-          isTouch = module.setup.testOutTouch();
           module.setup.layout();
           module.setup.labels();
 
@@ -16673,14 +16672,6 @@ $.fn.slider = function(parameters) {
               }
             }
           },
-          testOutTouch: function() {
-            try {
-             document.createEvent('TouchEvent');
-             return true;
-            } catch (e) {
-             return false;
-            }
-          },
           customLabel: function() {
             var
               $children   = $labels.find('.label'),
@@ -16734,9 +16725,6 @@ $.fn.slider = function(parameters) {
             module.bind.globalKeyboardEvents();
             module.bind.keyboardEvents();
             module.bind.mouseEvents();
-            if(module.is.touch()) {
-              module.bind.touchEvents();
-            }
             if (settings.autoAdjustLabels) {
               module.bind.windowEvents();
             }
@@ -16749,7 +16737,7 @@ $.fn.slider = function(parameters) {
             $(document).on('keydown' + eventNamespace + documentEventID, module.event.activateFocus);
           },
           mouseEvents: function() {
-            module.verbose('Binding mouse events');
+            module.verbose('Binding mouse and touch events');
             $module.find('.track, .thumb, .inner').on('mousedown' + eventNamespace, function(event) {
               event.stopImmediatePropagation();
               event.preventDefault();
@@ -16762,27 +16750,20 @@ $.fn.slider = function(parameters) {
             $module.on('mouseleave' + eventNamespace, function(event) {
               isHover = false;
             });
-          },
-          touchEvents: function() {
-            module.verbose('Binding touch events');
-            $module.find('.track, .thumb, .inner').on('touchstart' + eventNamespace, function(event) {
-              event.stopImmediatePropagation();
-              event.preventDefault();
-              module.event.down(event);
-            });
-            $module.on('touchstart' + eventNamespace, module.event.down);
+            // All touch events are invoked on the element where the touch *started*. Thus, we can bind them all
+            // on the thumb(s) and don't need to worry about interference with other components, i.e. no dynamic binding
+            // and unbinding required.
+            $module.find('.thumb')
+              .on('touchstart' + eventNamespace,  module.event.touchDown)
+              .on('touchmove' + eventNamespace, module.event.move)
+              .on('touchend' + eventNamespace, module.event.up)
+              .on('touchcancel' + eventNamespace, module.event.touchCancel);
           },
           slidingEvents: function() {
             // these don't need the identifier because we only ever want one of them to be registered with document
             module.verbose('Binding page wide events while handle is being draged');
-            if(module.is.touch()) {
-              $(document).on('touchmove' + eventNamespace, module.event.move);
-              $(document).on('touchend' + eventNamespace, module.event.up);
-            }
-            else {
-              $(document).on('mousemove' + eventNamespace, module.event.move);
-              $(document).on('mouseup' + eventNamespace, module.event.up);
-            }
+            $(document).on('mousemove' + eventNamespace, module.event.move);
+            $(document).on('mouseup' + eventNamespace, module.event.up);
           },
           windowEvents: function() {
             $window.on('resize' + eventNamespace, module.event.resize);
@@ -16792,24 +16773,22 @@ $.fn.slider = function(parameters) {
         unbind: {
           events: function() {
             $module.find('.track, .thumb, .inner').off('mousedown' + eventNamespace);
-            $module.find('.track, .thumb, .inner').off('touchstart' + eventNamespace);
             $module.off('mousedown' + eventNamespace);
             $module.off('mouseenter' + eventNamespace);
             $module.off('mouseleave' + eventNamespace);
-            $module.off('touchstart' + eventNamespace);
+            $module.find('.thumb')
+              .off('touchstart' + eventNamespace)
+              .off('touchmove' + eventNamespace)
+              .off('touchend' + eventNamespace)
+              .off('touchcancel' + eventNamespace);
             $module.off('keydown' + eventNamespace);
             $module.off('focusout' + eventNamespace);
             $(document).off('keydown' + eventNamespace + documentEventID, module.event.activateFocus);
             $window.off('resize' + eventNamespace);
           },
           slidingEvents: function() {
-            if(module.is.touch()) {
-              $(document).off('touchmove' + eventNamespace);
-              $(document).off('touchend' + eventNamespace);
-            } else {
-              $(document).off('mousemove' + eventNamespace);
-              $(document).off('mouseup' + eventNamespace);
-            }
+            $(document).off('mousemove' + eventNamespace);
+            $(document).off('mouseup' + eventNamespace);
           },
         },
 
@@ -16839,10 +16818,31 @@ $.fn.slider = function(parameters) {
               module.bind.slidingEvents();
             }
           },
+          touchDown: function(event) {
+            event.preventDefault();  // disable mouse emulation and touch-scrolling
+            event.stopImmediatePropagation();
+            if(touchIdentifier !== undefined) {
+              // ignore multiple touches on the same slider --
+              // we cannot handle changing both thumbs at once due to shared state
+              return;
+            }
+            $currThumb = $(event.target);
+            var touchEvent = event.touches ? event : event.originalEvent;
+            touchIdentifier = touchEvent.targetTouches[0].identifier;
+            if(previousValue === undefined) {
+              previousValue = module.get.currentThumbValue();
+            }
+          },
           move: function(event) {
-            event.preventDefault();
+            if(event.type == 'mousemove') {
+              event.preventDefault();  // prevent text selection etc.
+            }
+            if(module.is.disabled()) {
+              // touch events are always bound, so we need to prevent touch-sliding on disabled sliders here
+              return;
+            }
             var value = module.determine.valueFromEvent(event);
-            if($currThumb === undefined) {
+            if(event.type == 'mousemove' && $currThumb === undefined) {
               var
                 eventPos = module.determine.eventPos(event),
                 newPos = module.determine.pos(eventPos)
@@ -16879,10 +16879,23 @@ $.fn.slider = function(parameters) {
           },
           up: function(event) {
             event.preventDefault();
+            if(module.is.disabled()) {
+              // touch events are always bound, so we need to prevent touch-sliding on disabled sliders here
+              return;
+            }
             var value = module.determine.valueFromEvent(event);
             module.set.value(value);
             module.unbind.slidingEvents();
+            touchIdentifier = undefined;
+            if (previousValue !== undefined) {
+              previousValue = undefined;
+            }
+          },
+          touchCancel: function(event) {
+            event.preventDefault();
+            touchIdentifier = undefined;
             if (previousValue !== undefined) {
+              module.update.value(previousValue);
               previousValue = undefined;
             }
           },
@@ -16998,9 +17011,6 @@ $.fn.slider = function(parameters) {
           },
           smooth: function() {
             return settings.smooth || $module.hasClass(settings.className.smooth);
-          },
-          touch: function() {
-            return isTouch;
           }
         },
 
@@ -17264,12 +17274,19 @@ $.fn.slider = function(parameters) {
             return value;
           },
           eventPos: function(event) {
-            if(module.is.touch()) {
+            if(event.type === "touchmove" || event.type === "touchend") {
+              var
+                touchEvent = event.touches ? event : event.originalEvent,
+                touch = touchEvent.changedTouches[0];  // fall back to first touch if correct touch not found
+              for(var i=0; i < touchEvent.touches.length; i++) {
+                if(touchEvent.touches[i].identifier === touchIdentifier) {
+                  touch = touchEvent.touches[i];
+                  break;
+                }
+              }
               var
-                touchEvent = event.changedTouches ? event : event.originalEvent,
-                touches = touchEvent.changedTouches[0] ? touchEvent.changedTouches : touchEvent.touches,
-                touchY = touches[0].pageY,
-                touchX = touches[0].pageX
+                touchY = touch.pageY,
+                touchX = touch.pageX
               ;
               return module.is.vertical() ? touchY : touchX;
             }
@@ -17836,7 +17853,7 @@ $.fn.slider.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Rating
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Rating
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -18391,7 +18408,7 @@ $.fn.rating.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Search
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Search
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -19959,7 +19976,7 @@ $.fn.search.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Shape
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Shape
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -20808,7 +20825,7 @@ $.fn.shape.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Sidebar
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Sidebar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -21847,7 +21864,7 @@ $.fn.sidebar.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Sticky
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Sticky
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -22805,7 +22822,7 @@ $.fn.sticky.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Tab
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Tab
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23825,7 +23842,7 @@ $.fn.tab.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Toast
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Toast
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -24746,7 +24763,7 @@ $.extend( $.easing, {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Transition
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Transition
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -25861,7 +25878,7 @@ $.fn.transition.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - API
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - API
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -27098,7 +27115,7 @@ $.api.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - State
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - State
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -27810,7 +27827,7 @@ $.fn.state.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.278+4d5303c - Visibility
+ * # Fomantic-UI 2.9.0-beta.279+1f0733d - Visibility
  * http://github.com/fomantic/Fomantic-UI/
  *
  *

package/dist/semantic.min.css

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.278+4d5303c
+ * # Fomantic UI - 2.9.0-beta.279+1f0733d
  * https://github.com/fomantic/Fomantic-UI
  * http://fomantic-ui.com/
  *