fomantic-ui 2.9.0-beta.93 → 2.9.0-beta.97

package/dist/semantic.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.93
+ * # Fomantic UI - 2.9.0-beta.97
  * https://github.com/fomantic/Fomantic-UI
  * http://fomantic-ui.com/
  *
@@ -9,7 +9,7 @@
  *
  */
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Site
+ * # Fomantic-UI 2.9.0-beta.97 - Site
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -503,7 +503,7 @@ $.extend($.expr[ ":" ], {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Form Validation
+ * # Fomantic-UI 2.9.0-beta.97 - Form Validation
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -2577,7 +2577,7 @@ $.fn.form.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Accordion
+ * # Fomantic-UI 2.9.0-beta.97 - Accordion
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -3196,7 +3196,7 @@ $.extend( $.easing, {
 
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Calendar
+ * # Fomantic-UI 2.9.0-beta.97 - Calendar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5068,7 +5068,7 @@ $.fn.calendar.settings = {
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Checkbox
+ * # Fomantic-UI 2.9.0-beta.97 - Checkbox
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5951,7 +5951,7 @@ $.fn.checkbox.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Dimmer
+ * # Fomantic-UI 2.9.0-beta.97 - Dimmer
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -6708,7 +6708,7 @@ $.fn.dimmer.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Dropdown
+ * # Fomantic-UI 2.9.0-beta.97 - Dropdown
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -11035,7 +11035,7 @@ $.fn.dropdown.settings.templates = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Embed
+ * # Fomantic-UI 2.9.0-beta.97 - Embed
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -11745,7 +11745,7 @@ $.fn.embed.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Modal
+ * # Fomantic-UI 2.9.0-beta.97 - Modal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -13262,7 +13262,7 @@ $.fn.modal.settings.templates = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Nag
+ * # Fomantic-UI 2.9.0-beta.97 - Nag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -13821,7 +13821,7 @@ $.extend( $.easing, {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Popup
+ * # Fomantic-UI 2.9.0-beta.97 - Popup
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -15363,7 +15363,7 @@ $.fn.popup.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Progress
+ * # Fomantic-UI 2.9.0-beta.97 - Progress
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -16397,7 +16397,7 @@ $.fn.progress.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Slider
+ * # Fomantic-UI 2.9.0-beta.97 - Slider
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -17736,7 +17736,7 @@ $.fn.slider.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Rating
+ * # Fomantic-UI 2.9.0-beta.97 - Rating
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -18291,7 +18291,7 @@ $.fn.rating.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Search
+ * # Fomantic-UI 2.9.0-beta.97 - Search
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -19859,7 +19859,7 @@ $.fn.search.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Shape
+ * # Fomantic-UI 2.9.0-beta.97 - Shape
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -20708,7 +20708,7 @@ $.fn.shape.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Sidebar
+ * # Fomantic-UI 2.9.0-beta.97 - Sidebar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -21745,7 +21745,7 @@ $.fn.sidebar.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Sticky
+ * # Fomantic-UI 2.9.0-beta.97 - Sticky
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -22703,7 +22703,7 @@ $.fn.sticky.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Tab
+ * # Fomantic-UI 2.9.0-beta.97 - Tab
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23705,7 +23705,7 @@ $.fn.tab.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Toast
+ * # Fomantic-UI 2.9.0-beta.97 - Toast
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23775,12 +23775,14 @@ $.fn.toast = function(parameters) {
         element          = this,
         instance         = isToastComponent ? $module.data(moduleNamespace) : undefined,
 
+        id,
         module
       ;
       module = {
 
         initialize: function() {
           module.verbose('Initializing element');
+          module.create.id();
           if (!module.has.container()) {
             module.create.container();
           }
@@ -23830,17 +23832,22 @@ $.fn.toast = function(parameters) {
         },
 
         show: function(callback) {
-          callback = callback || function(){};
-          module.debug('Showing toast');
           if(settings.onShow.call($toastBox, element) === false) {
             module.debug('onShow callback returned false, cancelling toast animation');
             return;
           }
+          callback = callback || function(){};
+          module.debug('Showing toast');
           module.animate.show(callback);
         },
 
         close: function(callback) {
+          if(settings.onHide.call($toastBox, element) === false) {
+            module.debug('onHide callback returned false, cancelling toast animation');
+            return;
+          }
           callback = callback || function(){};
+          module.debug('Closing toast');
           module.remove.visible();
           module.unbind.events();
           module.animate.close(callback);
@@ -23852,12 +23859,16 @@ $.fn.toast = function(parameters) {
             module.verbose('Creating container');
             $context.append($('<div/>',{class: settings.position + ' ' + className.container + ' ' +(settings.horizontal ? className.horizontal : '')}));
           },
+          id: function() {
+            id = (Math.random().toString(16) + '000000000').substr(2, 8);
+            module.verbose('Creating unique id for element', id);
+          },
           toast: function() {
             $toastBox = $('<div/>', {class: className.box});
             var iconClass = module.get.iconClass();
             if (!isToastComponent) {
               module.verbose('Creating toast');
-              $toast = $('<div/>');
+              $toast = $('<div/>', {role: 'alert'});
               var $content = $('<div/>', {class: className.content});
               if (iconClass !== '') {
                 $toast.append($('<i/>', {class: iconClass + ' ' + className.icon}));
@@ -23870,13 +23881,21 @@ $.fn.toast = function(parameters) {
                 }));
               }
               if (settings.title !== '') {
+                var titleId = '_' + module.get.id() + 'title';
+                $toast.attr('aria-labelledby', titleId);
                 $content.append($('<div/>', {
                   class: className.title,
-                  text: settings.title
+                  id: titleId,
+                  html: module.helpers.escape(settings.title, settings.preserveHTML)
                 }));
               }
-
-              $content.append($('<div/>', {class: className.message, html: module.helpers.escape(settings.message, settings.preserveHTML)}));
+              var descId = '_' + module.get.id() + 'desc';
+              $toast.attr('aria-describedby', descId);
+              $content.append($('<div/>', {
+                class: className.message,
+                id: descId,
+                html: module.helpers.escape(settings.message, settings.preserveHTML)
+              }));
 
               $toast
                 .addClass(settings.class + ' ' + className.toast)
@@ -23884,7 +23903,7 @@ $.fn.toast = function(parameters) {
               ;
               $toast.css('opacity', settings.opacity);
               if (settings.closeIcon) {
-                $close = $('<i/>', {class: className.close + ' ' + (typeof settings.closeIcon === 'string' ? settings.closeIcon : '')});
+                $close = $('<i/>', {class: className.close + ' ' + (typeof settings.closeIcon === 'string' ? settings.closeIcon : ''), role: 'button', tabindex: 0, 'aria-label': settings.text.close});
                 if($close.hasClass(className.left)) {
                   $toast.prepend($close);
                 } else {
@@ -23927,12 +23946,13 @@ $.fn.toast = function(parameters) {
                 }
               }
               settings.actions.forEach(function (el) {
-                var icon = el[fields.icon] ? '<i class="' + module.helpers.deQuote(el[fields.icon]) + ' icon"></i>' : '',
+                var icon = el[fields.icon] ? '<i '+(el[fields.text] ? 'aria-hidden="true"' : '')+' class="' + module.helpers.deQuote(el[fields.icon]) + ' icon"></i>' : '',
                   text = module.helpers.escape(el[fields.text] || '', settings.preserveHTML),
                   cls = module.helpers.deQuote(el[fields.class] || ''),
                   click = el[fields.click] && $.isFunction(el[fields.click]) ? el[fields.click] : function () {};
                 $actions.append($('<button/>', {
                   html: icon + text,
+                  'aria-label': $('<div>'+(el[fields.text] || el[fields.icon] || '')+'</div>').text(),
                   class: className.button + ' ' + cls,
                   click: function () {
                     var button = $(this);
@@ -24036,13 +24056,12 @@ $.fn.toast = function(parameters) {
         bind: {
           events: function() {
             module.debug('Binding events to toast');
-            if(settings.closeOnClick || settings.closeIcon) {
-              (settings.closeIcon ? $close : $toast)
-                  .on('click' + eventNamespace, module.event.click)
-              ;
+            if(settings.closeIcon) {
+              $close.on('click' + eventNamespace, module.event.close);
             }
+            $toast.on('click' + eventNamespace, module.event.click);
             if($animationObject) {
-              $animationObject.on('animationend' + eventNamespace, module.close);
+              $animationObject.on('animationend' + eventNamespace, module.event.close);
             }
             $toastBox
               .on('click' + eventNamespace, selector.approve, module.event.approve)
@@ -24054,11 +24073,10 @@ $.fn.toast = function(parameters) {
         unbind: {
           events: function() {
             module.debug('Unbinding events to toast');
-            if(settings.closeOnClick || settings.closeIcon) {
-              (settings.closeIcon ? $close : $toast)
-                  .off('click' + eventNamespace)
-              ;
+            if(settings.closeIcon) {
+              $close.off('click' + eventNamespace);
             }
+            $toast.off('click' + eventNamespace);
             if($animationObject) {
               $animationObject.off('animationend' + eventNamespace);
             }
@@ -24090,11 +24108,6 @@ $.fn.toast = function(parameters) {
           },
           close: function(callback) {
             callback = $.isFunction(callback) ? callback : function(){};
-            module.debug('Closing toast');
-            if(settings.onHide.call($toastBox, element) === false) {
-              module.debug('onHide callback returned false, cancelling toast animation');
-              return;
-            }
             if(settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
               $toastBox
                 .transition({
@@ -24164,6 +24177,9 @@ $.fn.toast = function(parameters) {
         },
 
         get: {
+          id: function() {
+            return id;
+          },
           container: function() {
             return ($context.find(module.helpers.toClass(settings.position) + selector.container + (settings.horizontal ? module.helpers.toClass(className.horizontal) : ':not('+module.helpers.toClass(className.horizontal)+')'))[0]);
           },
@@ -24197,9 +24213,15 @@ $.fn.toast = function(parameters) {
         },
 
         event: {
+          close: function(){
+            module.close();
+          },
           click: function(event) {
             if($(event.target).closest('a').length === 0) {
-              settings.onClick.call($toastBox, element);
+              if(settings.onClick.call($toastBox, element) === false || !settings.closeOnClick) {
+                module.verbose('Click callback returned false or close denied by setting cancelling close');
+                return;
+              }
               module.close();
             }
           },
@@ -24540,6 +24562,10 @@ $.fn.toast.settings = {
     unclickable  : 'unclickable'
   },
 
+  text: {
+    close : 'Close'
+  },
+
   icons          : {
     info         : 'info',
     success      : 'checkmark',
@@ -24599,7 +24625,7 @@ $.extend( $.easing, {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Transition
+ * # Fomantic-UI 2.9.0-beta.97 - Transition
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -25709,7 +25735,7 @@ $.fn.transition.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - API
+ * # Fomantic-UI 2.9.0-beta.97 - API
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -26889,7 +26915,7 @@ $.api.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - State
+ * # Fomantic-UI 2.9.0-beta.97 - State
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -27601,7 +27627,7 @@ $.fn.state.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.93 - Visibility
+ * # Fomantic-UI 2.9.0-beta.97 - Visibility
  * http://github.com/fomantic/Fomantic-UI/
  *
  *