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

package/dist/semantic.js

@@ -1,5 +1,5 @@
 /*
- * # Fomantic UI - 2.9.3-beta.16+7986b3f
+ * # 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.16+7986b3f - 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.16+7986b3f - 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.16+7986b3f - 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.16+7986b3f - 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.16+7986b3f - 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.16+7986b3f - 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.16+7986b3f - Dropdown
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Dropdown
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -11147,7 +11170,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Embed
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Embed
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -11826,7 +11849,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Flyout
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Flyout
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -13407,7 +13430,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Modal
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Modal
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -15041,7 +15064,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Nag
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Nag
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -15602,7 +15625,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Popup
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Popup
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -17158,7 +17181,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Progress
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Progress
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -18136,7 +18159,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Slider
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Slider
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -19580,7 +19603,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Rating
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Rating
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -20119,7 +20142,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Search
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Search
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -21697,7 +21720,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Shape
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Shape
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -22493,7 +22516,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Sidebar
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Sidebar
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -23576,7 +23599,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Sticky
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Sticky
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -24492,7 +24515,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Tab
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Tab
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -25456,7 +25479,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Toast
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Toast
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -26417,7 +26440,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Transition
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Transition
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -27448,7 +27471,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - API
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - API
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -28669,7 +28692,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - State
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - State
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -29365,7 +29388,7 @@
 })(jQuery, window, document);
 
 /*!
- * # Fomantic-UI 2.9.3-beta.16+7986b3f - Visibility
+ * # Fomantic-UI 2.9.3-beta.17+5e5da5d - Visibility
  * https://github.com/fomantic/Fomantic-UI/
  *
  *