fomantic-ui 2.9.0-beta.100 → 2.9.0-beta.104

package/dist/semantic.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.0-beta.100
+ * # Fomantic UI - 2.9.0-beta.104
  * https://github.com/fomantic/Fomantic-UI
  * http://fomantic-ui.com/
  *
@@ -9,7 +9,7 @@
  *
  */
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Site
+ * # Fomantic-UI 2.9.0-beta.104 - Site
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -503,7 +503,7 @@ $.extend($.expr[ ":" ], {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Form Validation
+ * # Fomantic-UI 2.9.0-beta.104 - Form Validation
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -2577,7 +2577,7 @@ $.fn.form.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Accordion
+ * # Fomantic-UI 2.9.0-beta.104 - Accordion
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -3196,7 +3196,7 @@ $.extend( $.easing, {
 
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Calendar
+ * # Fomantic-UI 2.9.0-beta.104 - Calendar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5068,7 +5068,7 @@ $.fn.calendar.settings = {
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Checkbox
+ * # Fomantic-UI 2.9.0-beta.104 - Checkbox
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5951,7 +5951,7 @@ $.fn.checkbox.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Dimmer
+ * # Fomantic-UI 2.9.0-beta.104 - Dimmer
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -6708,7 +6708,7 @@ $.fn.dimmer.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Dropdown
+ * # Fomantic-UI 2.9.0-beta.104 - Dropdown
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -8342,7 +8342,7 @@ $.fn.dropdown = function(parameters) {
                       .addClass(className.selected)
                     ;
                     module.set.scrollPosition($nextItem);
-                    if(settings.selectOnKeydown && module.is.single()) {
+                    if(settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
                       module.set.selectedItem($nextItem);
                     }
                   }
@@ -8369,7 +8369,7 @@ $.fn.dropdown = function(parameters) {
                       .addClass(className.selected)
                     ;
                     module.set.scrollPosition($nextItem);
-                    if(settings.selectOnKeydown && module.is.single()) {
+                    if(settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
                       module.set.selectedItem($nextItem);
                     }
                   }
@@ -8500,7 +8500,7 @@ $.fn.dropdown = function(parameters) {
             ;
             if( module.can.activate( $(element) ) ) {
               module.set.selected(value, $(element));
-              if(!module.is.multiple()) {
+              if(!module.is.multiple() && !(!settings.collapseOnActionable && $(element).hasClass(className.actionable))) {
                 module.hideAndClear();
               }
             }
@@ -8513,7 +8513,7 @@ $.fn.dropdown = function(parameters) {
             ;
             if( module.can.activate( $(element) ) ) {
               module.set.value(value, text, $(element));
-              if(!module.is.multiple()) {
+              if(!module.is.multiple() && !(!settings.collapseOnActionable && $(element).hasClass(className.actionable))) {
                 module.hideAndClear();
               }
             }
@@ -9137,7 +9137,7 @@ $.fn.dropdown = function(parameters) {
             $nextSelectedItem
               .addClass(className.selected)
             ;
-            if(settings.selectOnKeydown && module.is.single()) {
+            if(settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
               module.set.selectedItem($nextSelectedItem);
             }
             $menu
@@ -9340,7 +9340,7 @@ $.fn.dropdown = function(parameters) {
               module.set.scrollPosition($nextValue);
               $selectedItem.removeClass(className.selected);
               $nextValue.addClass(className.selected);
-              if(settings.selectOnKeydown && module.is.single()) {
+              if(settings.selectOnKeydown && module.is.single() && !$nextItem.hasClass(className.actionable)) {
                 module.set.selectedItem($nextValue);
               }
             }
@@ -9478,17 +9478,24 @@ $.fn.dropdown = function(parameters) {
 
                   isFiltered     = $selected.hasClass(className.filtered),
                   isActive       = $selected.hasClass(className.active),
+                  isActionable   = $selected.hasClass(className.actionable),
                   isUserValue    = $selected.hasClass(className.addition),
                   shouldAnimate  = (isMultiple && $selectedItem.length == 1)
                 ;
-                if(isMultiple) {
+                if(isActionable){
+                  if((!isMultiple || (!isActive || isUserValue)) && settings.apiSettings && settings.saveRemoteData) {
+                    module.save.remoteData(selectedText, selectedValue);
+                  }
+                  settings.onActionable.call(element, selectedValue, selectedText, $selected);
+                }
+                else if(isMultiple) {
                   if(!isActive || isUserValue) {
                     if(settings.apiSettings && settings.saveRemoteData) {
                       module.save.remoteData(selectedText, selectedValue);
                     }
                     if(settings.useLabels) {
-                      module.add.label(selectedValue, selectedText, shouldAnimate);
                       module.add.value(selectedValue, selectedText, $selected);
+                      module.add.label(selectedValue, selectedText, shouldAnimate);
                       module.set.activeItem($selected);
                       module.filterActive();
                       module.select.nextAvailable($selectedItem);
@@ -9508,7 +9515,7 @@ $.fn.dropdown = function(parameters) {
                   if(settings.apiSettings && settings.saveRemoteData) {
                     module.save.remoteData(selectedText, selectedValue);
                   }
-                  if (!keepSearchTerm) {
+                  if (!keepSearchTerm && !$selected.hasClass(className.actionable)) {
                     module.set.text(selectedText);
                   }
                   module.set.value(selectedValue, selectedText, $selected, preventChangeTrigger);
@@ -9698,7 +9705,7 @@ $.fn.dropdown = function(parameters) {
             }
             // extend current array
             if(Array.isArray(currentValue)) {
-              newValue = currentValue.concat([addedValue]);
+              newValue = $selectedItem.hasClass(className.actionable) ? currentValue : currentValue.concat([addedValue]);
               newValue = module.get.uniqueArray(newValue);
             }
             else {
@@ -10729,6 +10736,8 @@ $.fn.dropdown.settings = {
 
   headerDivider          : true,       // whether option headers should have an additional divider line underneath when converted from <select> <optgroup>
 
+  collapseOnActionable   : true,      // whether the dropdown should collapse upon selection of an actionable item
+
   // label settings on multi-select
   label: {
     transition : 'scale',
@@ -10748,6 +10757,7 @@ $.fn.dropdown.settings = {
   onChange      : function(value, text, $selected){},
   onAdd         : function(value, text, $selected){},
   onRemove      : function(value, text, $selected){},
+  onActionable  : function(value, text, $selected){},
   onSearch      : function(searchTerm){},
 
   onLabelSelect : function($selectedLabels){},
@@ -10810,7 +10820,8 @@ $.fn.dropdown.settings = {
     icon                 : 'icon',     // optional icon name
     iconClass            : 'iconClass', // optional individual class for icon (for example to use flag instead)
     class                : 'class',    // optional individual class for item/header
-    divider              : 'divider'   // optional divider append for group headers
+    divider              : 'divider',   // optional divider append for group headers
+    actionable           : 'actionable' // optional actionable item
   },
 
   keys : {
@@ -10882,7 +10893,8 @@ $.fn.dropdown.settings = {
     header              : 'header',
     divider             : 'divider',
     groupIcon           : '',
-    unfilterable        : 'unfilterable'
+    unfilterable        : 'unfilterable',
+    actionable          : 'actionable'
   }
 
 };
@@ -10957,6 +10969,9 @@ $.fn.dropdown.settings.templates = {
           maybeText = (option[fields.text])
             ? ' data-text="' + deQuote(option[fields.text],true) + '"'
             : '',
+          maybeActionable = (option[fields.actionable])
+            ? className.actionable+' '
+            : '',
           maybeDisabled = (option[fields.disabled])
             ? className.disabled+' '
             : '',
@@ -10965,7 +10980,7 @@ $.fn.dropdown.settings.templates = {
             : '',
           hasDescription = (escape(option[fields.description] || '', preserveHTML) != '')
         ;
-        html += '<div class="'+ maybeDisabled + maybeDescriptionVertical + (option[fields.class] ? deQuote(option[fields.class]) : className.item)+'" data-value="' + deQuote(option[fields.value],true) + '"' + maybeText + '>';
+        html += '<div class="'+ maybeActionable + maybeDisabled + maybeDescriptionVertical + (option[fields.class] ? deQuote(option[fields.class]) : className.item)+'" data-value="' + deQuote(option[fields.value],true) + '"' + maybeText + '>';
         if (isMenu) {
           html += '<i class="'+ (itemType.indexOf('left') !== -1 ? 'left' : '') + ' dropdown icon"></i>';
         }
@@ -11035,7 +11050,7 @@ $.fn.dropdown.settings.templates = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Embed
+ * # Fomantic-UI 2.9.0-beta.104 - Embed
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -11745,7 +11760,7 @@ $.fn.embed.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Modal
+ * # Fomantic-UI 2.9.0-beta.104 - Modal
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -13262,7 +13277,7 @@ $.fn.modal.settings.templates = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Nag
+ * # Fomantic-UI 2.9.0-beta.104 - Nag
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -13821,7 +13836,7 @@ $.extend( $.easing, {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Popup
+ * # Fomantic-UI 2.9.0-beta.104 - Popup
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -15363,7 +15378,7 @@ $.fn.popup.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Progress
+ * # Fomantic-UI 2.9.0-beta.104 - Progress
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -16397,7 +16412,7 @@ $.fn.progress.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Slider
+ * # Fomantic-UI 2.9.0-beta.104 - Slider
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -17736,7 +17751,7 @@ $.fn.slider.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Rating
+ * # Fomantic-UI 2.9.0-beta.104 - Rating
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -18291,7 +18306,7 @@ $.fn.rating.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Search
+ * # Fomantic-UI 2.9.0-beta.104 - Search
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -19859,7 +19874,7 @@ $.fn.search.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Shape
+ * # Fomantic-UI 2.9.0-beta.104 - Shape
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -20708,7 +20723,7 @@ $.fn.shape.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Sidebar
+ * # Fomantic-UI 2.9.0-beta.104 - Sidebar
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -21745,7 +21760,7 @@ $.fn.sidebar.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Sticky
+ * # Fomantic-UI 2.9.0-beta.104 - Sticky
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -22703,7 +22718,7 @@ $.fn.sticky.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Tab
+ * # Fomantic-UI 2.9.0-beta.104 - Tab
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23705,7 +23720,7 @@ $.fn.tab.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Toast
+ * # Fomantic-UI 2.9.0-beta.104 - Toast
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -24625,7 +24640,7 @@ $.extend( $.easing, {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Transition
+ * # Fomantic-UI 2.9.0-beta.104 - Transition
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -25735,7 +25750,7 @@ $.fn.transition.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - API
+ * # Fomantic-UI 2.9.0-beta.104 - API
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -26915,7 +26930,7 @@ $.api.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - State
+ * # Fomantic-UI 2.9.0-beta.104 - State
  * http://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -27627,7 +27642,7 @@ $.fn.state.settings = {
 })( jQuery, window, document );
 
 /*!
- * # Fomantic-UI 2.9.0-beta.100 - Visibility
+ * # Fomantic-UI 2.9.0-beta.104 - Visibility
  * http://github.com/fomantic/Fomantic-UI/
  *
  *