fomantic-ui 2.9.3-beta.15 → 2.9.3-beta.17

package/dist/semantic.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.3-beta.15+88ae1e1
+ * # Fomantic UI - 2.9.3-beta.17+5e5da5d
  * https://github.com/fomantic/Fomantic-UI
  * https://fomantic-ui.com/
  *
@@ -9,7 +9,7 @@
  *
  */
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Site
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Site
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -463,7 +463,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Form Validation
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Form Validation
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -541,6 +541,7 @@
                 initialize: function () {
                     // settings grabbed at run time
                     module.get.settings();
+                    $module.addClass(className.initial);
                     if (methodInvoked) {
                         if (instance === undefined) {
                             module.instantiate();
@@ -594,10 +595,13 @@
                     module.bindEvents();
                 },
 
-                submit: function () {
+                submit: function (event) {
                     module.verbose('Submitting form', $module);
                     submitting = true;
                     $module.trigger('submit');
+                    if (event) {
+                        event.preventDefault();
+                    }
                 },
 
                 attachEvents: function (selector, action) {
@@ -623,6 +627,7 @@
                         .on('click' + eventNamespace, selector.reset, module.reset)
                         .on('click' + eventNamespace, selector.clear, module.clear)
                     ;
+                    $field.on('invalid' + eventNamespace, module.event.field.invalid);
                     if (settings.keyboardShortcuts) {
                         $module.on('keydown' + eventNamespace, selector.field, module.event.field.keydown);
                     }
@@ -738,8 +743,12 @@
                         var
                             allValid = true
                         ;
-                        $.each(validation, function (fieldName, field) {
-                            if (!module.validate.field(field, fieldName, true)) {
+                        $field.each(function (index, el) {
+                            var $el = $(el),
+                                validation = module.get.validation($el) || {},
+                                identifier = module.get.identifier(validation, $el)
+                            ;
+                            if (!module.validate.field(validation, identifier, true)) {
                                 allValid = false;
                             }
                         });
@@ -895,9 +904,8 @@
                             if (!event.ctrlKey && key === keyCode.enter && isInput && !isInDropdown && !isCheckbox) {
                                 if (!keyHeldDown) {
                                     $field.one('keyup' + eventNamespace, module.event.field.keyup);
-                                    module.submit();
+                                    module.submit(event);
                                     module.debug('Enter pressed on input submitting form');
-                                    event.preventDefault();
                                 }
                                 keyHeldDown = true;
                             }
@@ -905,15 +913,18 @@
                         keyup: function () {
                             keyHeldDown = false;
                         },
+                        invalid: function (event) {
+                            event.preventDefault();
+                        },
                         blur: function (event) {
                             var
                                 $field          = $(this),
-                                $fieldGroup     = $field.closest($group),
-                                validationRules = module.get.validation($field)
+                                validationRules = module.get.validation($field) || {},
+                                identifier      = module.get.identifier(validationRules, $field)
                             ;
-                            if (validationRules && (settings.on === 'blur' || ($fieldGroup.hasClass(className.error) && settings.revalidate))) {
+                            if (settings.on === 'blur' || (!$module.hasClass(className.initial) && settings.revalidate)) {
                                 module.debug('Revalidating field', $field, validationRules);
-                                module.validate.field(validationRules);
+                                module.validate.field(validationRules, identifier);
                                 if (!settings.inline) {
                                     module.validate.form(false, true);
                                 }
@@ -922,14 +933,14 @@
                         change: function (event) {
                             var
                                 $field      = $(this),
-                                $fieldGroup = $field.closest($group),
-                                validationRules = module.get.validation($field)
+                                validationRules = module.get.validation($field) || {},
+                                identifier = module.get.identifier(validationRules, $field)
                             ;
-                            if (validationRules && (settings.on === 'change' || ($fieldGroup.hasClass(className.error) && settings.revalidate))) {
+                            if (settings.on === 'change' || (!$module.hasClass(className.initial) && settings.revalidate)) {
                                 clearTimeout(module.timer);
                                 module.timer = setTimeout(function () {
                                     module.debug('Revalidating field', $field, validationRules);
-                                    module.validate.field(validationRules);
+                                    module.validate.field(validationRules, identifier);
                                     if (!settings.inline) {
                                         module.validate.form(false, true);
                                     }
@@ -995,6 +1006,9 @@
 
                         return fullFields;
                     },
+                    identifier: function (validation, $el) {
+                        return validation.identifier || $el.attr('id') || $el.attr('name') || $el.data(metadata.validate);
+                    },
                     prompt: function (rule, field) {
                         var
                             ruleName      = module.get.ruleName(rule),
@@ -1438,7 +1452,7 @@
                         $message.empty();
                     },
                     states: function () {
-                        $module.removeClass(className.error).removeClass(className.success);
+                        $module.removeClass(className.error).removeClass(className.success).addClass(className.initial);
                         if (!settings.inline) {
                             module.remove.errors();
                         }
@@ -1675,7 +1689,7 @@
                                         return rule.type === 'empty';
                                     }) !== 0
                                     : false,
-                                identifier = validation.identifier || $el.attr('id') || $el.attr('name') || $el.data(metadata.validate)
+                                identifier = module.get.identifier(validation, $el)
                             ;
                             if (isRequired && !isDisabled && !hasEmptyRule && identifier !== undefined) {
                                 if (isCheckbox) {
@@ -1707,7 +1721,7 @@
                         if (keyHeldDown) {
                             return false;
                         }
-
+                        $module.removeClass(className.initial);
                         // reset errors
                         formErrors = [];
                         if (module.determine.isValid()) {
@@ -1779,13 +1793,24 @@
                                 ? module.get.field(field.depends)
                                 : false,
                             fieldValid  = true,
-                            fieldErrors = []
+                            fieldErrors = [],
+                            isDisabled = $field.filter(':not(:disabled)').length === 0,
+                            validationMessage = $field[0].validationMessage
                         ;
                         if (!field.identifier) {
                             module.debug('Using field name as identifier', identifier);
                             field.identifier = identifier;
                         }
-                        var isDisabled = $field.filter(':not(:disabled)').length === 0;
+                        if (validationMessage) {
+                            module.debug('Field is natively invalid', identifier);
+                            fieldErrors.push(validationMessage);
+                            fieldValid = false;
+                            if (showErrors) {
+                                $field.closest($group).addClass(className.error);
+                            }
+                        } else if (showErrors) {
+                            $field.closest($group).removeClass(className.error);
+                        }
                         if (isDisabled) {
                             module.debug('Field is disabled. Skipping', identifier);
                         } else if (field.optional && module.is.blank($field)) {
@@ -1793,9 +1818,6 @@
                         } else if (field.depends && module.is.empty($dependsField)) {
                             module.debug('Field depends on another value that is not present or empty. Skipping', $dependsField);
                         } else if (field.rules !== undefined) {
-                            if (showErrors) {
-                                $field.closest($group).removeClass(className.error);
-                            }
                             $.each(field.rules, function (index, rule) {
                                 if (module.has.field(identifier)) {
                                     var invalidFields = module.validate.rule(field, rule, true) || [];
@@ -1812,7 +1834,7 @@
                         }
                         if (fieldValid) {
                             if (showErrors) {
-                                module.remove.prompt(identifier, fieldErrors);
+                                module.remove.prompt(identifier);
                                 settings.onValid.call($field);
                             }
                         } else {
@@ -2102,8 +2124,8 @@
             isExactly: '{name} must be exactly "{ruleValue}"',
             not: '{name} cannot be set to "{ruleValue}"',
             notExactly: '{name} cannot be set to exactly "{ruleValue}"',
-            contain: '{name} must contain "{ruleValue}"',
-            containExactly: '{name} must contain exactly "{ruleValue}"',
+            contains: '{name} must contain "{ruleValue}"',
+            containsExactly: '{name} must contain exactly "{ruleValue}"',
             doesntContain: '{name} cannot contain "{ruleValue}"',
             doesntContainExactly: '{name} cannot contain exactly "{ruleValue}"',
             minLength: '{name} must be at least {ruleValue} characters',
@@ -2137,6 +2159,7 @@
         },
 
         className: {
+            initial: 'initial',
             error: 'error',
             label: 'ui basic red pointing prompt label',
             pressed: 'down',
@@ -2577,7 +2600,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Accordion
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Accordion
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -3171,7 +3194,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Calendar
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Calendar
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -5182,7 +5205,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Checkbox
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Checkbox
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -6063,7 +6086,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Dimmer
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Dimmer
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -6794,7 +6817,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Dropdown
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Dropdown
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -8202,11 +8225,13 @@
                                     if (settings.allowAdditions) {
                                         module.remove.userAddition();
                                     }
-                                    module.remove.filteredItem();
+                                    if (!settings.keepSearchTerm) {
+                                        module.remove.filteredItem();
+                                        module.remove.searchTerm();
+                                    }
                                     if (!module.is.visible() && $target.length > 0) {
                                         module.show();
                                     }
-                                    module.remove.searchTerm();
                                     if (!module.is.focusedOnSearch() && skipRefocus !== true) {
                                         module.focusSearch(true);
                                     }
@@ -8392,7 +8417,9 @@
                                         module.verbose('Selecting item from keyboard shortcut', $selectedItem);
                                         module.event.item.click.call($selectedItem, event);
                                         if (module.is.searchSelection()) {
-                                            module.remove.searchTerm();
+                                            if (!settings.keepSearchTerm) {
+                                                module.remove.searchTerm();
+                                            }
                                             if (module.is.multiple()) {
                                                 $search.trigger('focus');
                                             }
@@ -8609,7 +8636,7 @@
                             ? value
                             : text;
                         if (module.can.activate($(element))) {
-                            module.set.selected(value, $(element));
+                            module.set.selected(value, $(element), false, settings.keepSearchTerm);
                             if (!module.is.multiple() && !(!settings.collapseOnActionable && $(element).hasClass(className.actionable))) {
                                 module.hideAndClear();
                             }
@@ -9259,7 +9286,7 @@
                             valueIsSet       = searchValue !== ''
                         ;
                         if (isMultiple && hasSearchValue) {
-                            module.verbose('Adjusting input width', searchWidth, settings.glyphWidth);
+                            module.verbose('Adjusting input width', searchWidth);
                             $search.css('width', searchWidth + 'px');
                         }
                         if (hasSearchValue || (isSearchMultiple && valueIsSet)) {
@@ -9558,7 +9585,7 @@
                             return false;
                         }
                         module.debug('Setting selected menu item to', $selectedItem);
-                        if (module.is.multiple()) {
+                        if (module.is.multiple() && !keepSearchTerm) {
                             module.remove.searchWidth();
                         }
                         if (module.is.single()) {
@@ -10801,6 +10828,7 @@
         forceSelection: false, // force a choice on blur with search selection
 
         allowAdditions: false, // whether multiple select should allow user added values
+        keepSearchTerm: false, // whether the search value should be kept and menu stays filtered on item selection
         ignoreCase: false, // whether to consider case sensitivity when creating labels
         ignoreSearchCase: true, // whether to consider case sensitivity when filtering items
         hideAdditions: true, // whether or not to hide special message prompting a user they can enter a value
@@ -10820,8 +10848,6 @@
         duration: 200, // duration of transition
         displayType: false, // displayType of transition
 
-        glyphWidth: 1.037, // widest glyph width in em (W is 1.037 em) used to calculate multiselect input width
-
         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
@@ -11144,7 +11170,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Embed
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Embed
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -11823,7 +11849,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Flyout
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Flyout
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -13404,7 +13430,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Modal
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Modal
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -15038,7 +15064,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Nag
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Nag
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -15599,7 +15625,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Popup
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Popup
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -17155,7 +17181,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Progress
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Progress
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -18133,7 +18159,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Slider
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Slider
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -19577,7 +19603,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Rating
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Rating
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -20116,7 +20142,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Search
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Search
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -21694,7 +21720,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Shape
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Shape
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -22490,7 +22516,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Sidebar
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Sidebar
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23573,7 +23599,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Sticky
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Sticky
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -24489,7 +24515,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Tab
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Tab
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -25453,7 +25479,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Toast
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Toast
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -26414,7 +26440,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Transition
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Transition
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -27445,7 +27471,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - API
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - API
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -28666,7 +28692,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - State
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - State
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -29362,7 +29388,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.15+88ae1e1 - Visibility
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Visibility
  * https://github.com/fomantic/Fomantic-UI/
  *
  *