fomantic-ui-sass 2.9.1 → 2.9.3

data/app/assets/javascripts/semantic-ui/toast.js

@@ -22,7 +22,7 @@
     $.fn.toast = function (parameters) {
         var
             $allModules    = $(this),
-            moduleSelector = $allModules.selector || '',
+            $body          = $('body'),
 
             time           = Date.now(),
             performance    = [],
@@ -30,6 +30,19 @@
             query          = arguments[0],
             methodInvoked  = typeof query === 'string',
             queryArguments = [].slice.call(arguments, 1),
+            contextCheck   = function (context, win) {
+                var $context;
+                if ([window, document].indexOf(context) >= 0) {
+                    $context = $(context);
+                } else {
+                    $context = $(win.document).find(context);
+                    if ($context.length === 0) {
+                        $context = win.frameElement ? contextCheck(context, win.parent) : $body;
+                    }
+                }
+
+                return $context;
+            },
             returnedValue
         ;
         $allModules.each(function () {
@@ -55,9 +68,7 @@
                 $progressBar,
                 $animationObject,
                 $close,
-                $context         = settings.context
-                    ? ([window, document].indexOf(settings.context) < 0 ? $(document).find(settings.context) : $(settings.context))
-                    : $('body'),
+                $context         = settings.context ? contextCheck(settings.context, window) : $body,
 
                 isToastComponent = $module.hasClass('toast') || $module.hasClass('message') || $module.hasClass('card'),
 
@@ -106,11 +117,11 @@
                     if ($toastBox) {
                         module.debug('Removing toast', $toastBox);
                         module.unbind.events();
+                        settings.onRemove.call($toastBox, element);
                         $toastBox.remove();
                         $toastBox = undefined;
                         $toast = undefined;
                         $animationObject = undefined;
-                        settings.onRemove.call($toastBox, element);
                         $progress = undefined;
                         $progressBar = undefined;
                         $close = undefined;
@@ -397,7 +408,7 @@
                 animate: {
                     show: function (callback) {
                         callback = isFunction(callback) ? callback : function () {};
-                        if (settings.transition && module.can.useElement('transition') && $module.transition('is supported')) {
+                        if (settings.transition && module.can.useElement('transition')) {
                             module.set.visible();
                             $toastBox
                                 .transition({
@@ -417,7 +428,7 @@
                     },
                     close: function (callback) {
                         callback = isFunction(callback) ? callback : function () {};
-                        if (settings.transition && $.fn.transition !== undefined && $module.transition('is supported')) {
+                        if (settings.transition && $.fn.transition !== undefined) {
                             $toastBox
                                 .transition({
                                     animation: settings.transition.hideMethod + ' out',
@@ -691,7 +702,7 @@
                             });
                         }
                         clearTimeout(module.performance.timer);
-                        module.performance.timer = setTimeout(module.performance.display, 500);
+                        module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
                     },
                     display: function () {
                         var
@@ -704,9 +715,6 @@
                             totalTime += data['Execution Time'];
                         });
                         title += ' ' + totalTime + 'ms';
-                        if (moduleSelector) {
-                            title += ' \'' + moduleSelector + '\'';
-                        }
                         if (performance.length > 0) {
                             console.groupCollapsed(title);
                             if (console.table) {

data/app/assets/javascripts/semantic-ui/transition.js

@@ -22,7 +22,6 @@
     $.fn.transition = function () {
         var
             $allModules     = $(this),
-            moduleSelector  = $allModules.selector || '',
 
             time            = Date.now(),
             performance     = [],
@@ -46,7 +45,6 @@
                 error,
                 className,
                 metadata,
-                animationEnd,
 
                 moduleNamespace,
                 eventNamespace,
@@ -69,9 +67,6 @@
                     moduleNamespace = 'module-' + settings.namespace;
                     instance = $module.data(moduleNamespace) || module;
 
-                    // get vendor specific events
-                    animationEnd = module.get.animationEndEvent();
-
                     if (methodInvoked) {
                         methodInvoked = module.invoke(query);
                     }
@@ -147,16 +142,12 @@
                         ? ($allModules.length - index) * interval
                         : index * interval;
                     module.debug('Delaying animation by', delay);
-                    setTimeout(module.animate, delay);
+                    setTimeout(function () { module.animate(); }, delay);
                 },
 
                 animate: function (overrideSettings) {
                     settings = overrideSettings || settings;
-                    if (!module.is.supported()) {
-                        module.error(error.support);
 
-                        return false;
-                    }
                     module.debug('Preparing animation', settings.animation);
                     if (module.is.animating()) {
                         if (settings.queue) {
@@ -195,7 +186,7 @@
                     module.debug('Queueing animation of', animation);
                     module.queuing = true;
                     $module
-                        .one(animationEnd + '.queue' + eventNamespace, function () {
+                        .one('animationend.queue' + eventNamespace, function () {
                             module.queuing = false;
                             module.repaint();
                             module.animate.apply(this, settings);
@@ -216,7 +207,7 @@
                             module.restore.conditions();
                             module.hide();
                         } else if (module.is.inward()) {
-                            module.verbose('Animation is outward, showing element');
+                            module.verbose('Animation is inward, showing element');
                             module.restore.conditions();
                             module.show();
                         } else {
@@ -375,7 +366,7 @@
                         module.debug('Starting tween', animationClass);
                         $module
                             .addClass(animationClass)
-                            .one(animationEnd + '.complete' + eventNamespace, module.complete)
+                            .one('animationend.complete' + eventNamespace, module.complete)
                         ;
                         if (settings.useFailSafe) {
                             module.add.failSafe();
@@ -424,7 +415,7 @@
                             duration = module.get.duration()
                         ;
                         module.timer = setTimeout(function () {
-                            $module.triggerHandler(animationEnd);
+                            $module.triggerHandler('animationend');
                         }, duration + settings.failSafeDelay);
                         module.verbose('Adding fail safe timer', module.timer);
                     },
@@ -612,45 +603,6 @@
                     transitionExists: function (animation) {
                         return $.fn.transition.exists[animation];
                     },
-                    animationStartEvent: function () {
-                        var
-                            element     = document.createElement('div'),
-                            animations  = {
-                                animation: 'animationstart',
-                                OAnimation: 'oAnimationStart',
-                                MozAnimation: 'mozAnimationStart',
-                                WebkitAnimation: 'webkitAnimationStart',
-                            },
-                            animation
-                        ;
-                        for (animation in animations) {
-                            if (element.style[animation] !== undefined) {
-                                return animations[animation];
-                            }
-                        }
-
-                        return false;
-                    },
-                    animationEndEvent: function () {
-                        var
-                            element     = document.createElement('div'),
-                            animations  = {
-                                animation: 'animationend',
-                                OAnimation: 'oAnimationEnd',
-                                MozAnimation: 'mozAnimationEnd',
-                                WebkitAnimation: 'webkitAnimationEnd',
-                            },
-                            animation
-                        ;
-                        for (animation in animations) {
-                            if (element.style[animation] !== undefined) {
-                                return animations[animation];
-                            }
-                        }
-
-                        return false;
-                    },
-
                 },
 
                 can: {
@@ -750,7 +702,8 @@
                         return $module.css('visibility') === 'hidden';
                     },
                     supported: function () {
-                        return animationEnd !== false;
+                        // keep method for backward compatibility until 2.10.0
+                        return true;
                     },
                 },
 
@@ -801,13 +754,13 @@
 
                 stop: function () {
                     module.debug('Stopping current animation');
-                    $module.triggerHandler(animationEnd);
+                    $module.triggerHandler('animationend');
                 },
 
                 stopAll: function () {
                     module.debug('Stopping all animation');
                     module.remove.queueCallback();
-                    $module.triggerHandler(animationEnd);
+                    $module.triggerHandler('animationend');
                 },
 
                 clear: {
@@ -896,7 +849,7 @@
                             });
                         }
                         clearTimeout(module.performance.timer);
-                        module.performance.timer = setTimeout(module.performance.display, 500);
+                        module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
                     },
                     display: function () {
                         var
@@ -909,9 +862,6 @@
                             totalTime += data['Execution Time'];
                         });
                         title += ' ' + totalTime + 'ms';
-                        if (moduleSelector) {
-                            title += ' \'' + moduleSelector + '\'';
-                        }
                         if ($allModules.length > 1) {
                             title += ' (' + $allModules.length + ')';
                         }
@@ -945,8 +895,7 @@
                         $.each(query, function (depth, value) {
                             var camelCaseValue = depth !== maxDepth
                                 ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
-                                : query
-                            ;
+                                : query;
                             if ($.isPlainObject(object[camelCaseValue]) && (depth !== maxDepth)) {
                                 object = object[camelCaseValue];
                             } else if (object[camelCaseValue] !== undefined) {
@@ -960,8 +909,6 @@
 
                                 return false;
                             } else {
-                                module.error(error.method, query);
-
                                 return false;
                             }
                         });
@@ -1077,8 +1024,6 @@
         // possible errors
         error: {
             noAnimation: 'Element is no longer attached to DOM. Unable to animate.  Use silent setting to suppress this warning in production.',
-            method: 'The method you called is not defined',
-            support: 'This browser does not support CSS animations',
         },
 
     };

data/app/assets/javascripts/semantic-ui/visibility.js

@@ -22,7 +22,6 @@
     $.fn.visibility = function (parameters) {
         var
             $allModules    = $(this),
-            moduleSelector = $allModules.selector || '',
 
             time           = Date.now(),
             performance    = [],
@@ -30,6 +29,19 @@
             query          = arguments[0],
             methodInvoked  = typeof query === 'string',
             queryArguments = [].slice.call(arguments, 1),
+            contextCheck   = function (context, win) {
+                var $context;
+                if ([window, document].indexOf(context) >= 0) {
+                    $context = $(context);
+                } else {
+                    $context = $(win.document).find(context);
+                    if ($context.length === 0) {
+                        $context = win.frameElement ? contextCheck(context, win.parent) : window;
+                    }
+                }
+
+                return $context;
+            },
             returnedValue,
 
             moduleCount    = $allModules.length,
@@ -53,7 +65,7 @@
                 $window         = $(window),
 
                 $module         = $(this),
-                $context        = [window, document].indexOf(settings.context) < 0 ? $(document).find(settings.context) : $(settings.context),
+                $context        = contextCheck(settings.context, window),
 
                 $placeholder,
 
@@ -1076,7 +1088,7 @@
                             });
                         }
                         clearTimeout(module.performance.timer);
-                        module.performance.timer = setTimeout(module.performance.display, 500);
+                        module.performance.timer = setTimeout(function () { module.performance.display(); }, 500);
                     },
                     display: function () {
                         var
@@ -1089,9 +1101,6 @@
                             totalTime += data['Execution Time'];
                         });
                         title += ' ' + totalTime + 'ms';
-                        if (moduleSelector) {
-                            title += ' \'' + moduleSelector + '\'';
-                        }
                         if (performance.length > 0) {
                             console.groupCollapsed(title);
                             if (console.table) {

data/app/assets/stylesheets/semantic-ui/collections/_breadcrumb.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Breadcrumb
+ * # Fomantic-UI 2.9.3 - Breadcrumb
  * https://github.com/fomantic/Fomantic-UI/
  *
  *

data/app/assets/stylesheets/semantic-ui/collections/_form.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Form
+ * # Fomantic-UI 2.9.3 - Form
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -359,25 +359,30 @@
 --------------------- */
 
 /* browsers require these rules separate */
-.ui.form ::-webkit-input-placeholder {
+.ui.form :-ms-input-placeholder {
+  color: rgba(191, 191, 191, 0.87);
+}
+.ui.form ::-ms-input-placeholder {
+  color: rgba(191, 191, 191, 0.87);
+}
+.ui.form ::placeholder {
   color: rgba(191, 191, 191, 0.87);
 }
 .ui.form :-ms-input-placeholder {
   color: rgba(191, 191, 191, 0.87) !important;
 }
-.ui.form ::-moz-placeholder {
-  color: rgba(191, 191, 191, 0.87);
-  opacity: 1;
+.ui.form :focus:-ms-input-placeholder {
+  color: rgba(115, 115, 115, 0.87);
 }
-.ui.form :focus::-webkit-input-placeholder {
+.ui.form :focus::-ms-input-placeholder {
+  color: rgba(115, 115, 115, 0.87);
+}
+.ui.form :focus::placeholder {
   color: rgba(115, 115, 115, 0.87);
 }
 .ui.form :focus:-ms-input-placeholder {
   color: rgba(115, 115, 115, 0.87) !important;
 }
-.ui.form :focus::-moz-placeholder {
-  color: rgba(115, 115, 115, 0.87);
-}
 
 /* --------------------
         Focus
@@ -489,6 +494,11 @@
 .ui.ui.form .field.error .input {
   color: #9f3a38;
 }
+@supports selector(:has(.f)) {
+  .ui.form .fields:has(.error) > label {
+    color: #9f3a38;
+  }
+}
 .ui.form .fields.error .field .ui.label,
 .ui.form .field.error .ui.label {
   background-color: #ecd1d1;
@@ -538,21 +548,7 @@
   border-radius: "";
   box-shadow: none;
 }
-.ui.form .field input:not(:-ms-input-placeholder):invalid {
-  color: #9f3a38;
-  background: #fff6f6;
-  border-color: #e0b4b4;
-  border-radius: "";
-  box-shadow: none;
-}
-.ui.form .field input:not(:placeholder-shown):invalid {
-  color: #9f3a38;
-  background: #fff6f6;
-  border-color: #e0b4b4;
-  border-radius: "";
-  box-shadow: none;
-}
-.ui.form .field input:not(:-ms-input-placeholder):invalid {
+.ui.form:not(.initial) .field input:invalid {
   color: #9f3a38;
   background: #fff6f6;
   border-color: #e0b4b4;
@@ -608,24 +604,30 @@
 }
 
 /* Placeholder */
-.ui.form .error ::-webkit-input-placeholder {
+.ui.form .error :-ms-input-placeholder {
+  color: #e7bdbc;
+}
+.ui.form .error ::-ms-input-placeholder {
+  color: #e7bdbc;
+}
+.ui.form .error ::placeholder {
   color: #e7bdbc;
 }
 .ui.form .error :-ms-input-placeholder {
   color: #e7bdbc !important;
 }
-.ui.form .error ::-moz-placeholder {
-  color: #e7bdbc;
+.ui.form .error :focus:-ms-input-placeholder {
+  color: #da9796;
 }
-.ui.form .error :focus::-webkit-input-placeholder {
+.ui.form .error :focus::-ms-input-placeholder {
+  color: #da9796;
+}
+.ui.form .error :focus::placeholder {
   color: #da9796;
 }
 .ui.form .error :focus:-ms-input-placeholder {
   color: #da9796 !important;
 }
-.ui.form .error :focus::-moz-placeholder {
-  color: #da9796;
-}
 
 /*------------------
             Dropdown State
@@ -696,6 +698,11 @@
 .ui.inverted.form .error.field label {
   color: #ecd1d1;
 }
+@supports selector(:has(.f)) {
+  .ui.inverted.form .fields:has(.error) > label {
+    color: #ecd1d1;
+  }
+}
 
 /* On Form */
 .ui.form.info .info.message:not(:empty) {
@@ -729,6 +736,11 @@
 .ui.ui.form .field.info .input {
   color: #276f86;
 }
+@supports selector(:has(.f)) {
+  .ui.form .fields:has(.info) > label {
+    color: #276f86;
+  }
+}
 .ui.form .fields.info .field .ui.label,
 .ui.form .field.info .ui.label {
   background-color: #c6e3e9;
@@ -827,24 +839,30 @@
 }
 
 /* Placeholder */
-.ui.form .info ::-webkit-input-placeholder {
+.ui.form .info :-ms-input-placeholder {
+  color: #98cfe1;
+}
+.ui.form .info ::-ms-input-placeholder {
+  color: #98cfe1;
+}
+.ui.form .info ::placeholder {
   color: #98cfe1;
 }
 .ui.form .info :-ms-input-placeholder {
   color: #98cfe1 !important;
 }
-.ui.form .info ::-moz-placeholder {
-  color: #98cfe1;
+.ui.form .info :focus:-ms-input-placeholder {
+  color: #70bdd6;
+}
+.ui.form .info :focus::-ms-input-placeholder {
+  color: #70bdd6;
 }
-.ui.form .info :focus::-webkit-input-placeholder {
+.ui.form .info :focus::placeholder {
   color: #70bdd6;
 }
 .ui.form .info :focus:-ms-input-placeholder {
   color: #70bdd6 !important;
 }
-.ui.form .info :focus::-moz-placeholder {
-  color: #70bdd6;
-}
 
 /*------------------
             Dropdown State
@@ -915,6 +933,11 @@
 .ui.inverted.form .info.field label {
   color: #c6e3e9;
 }
+@supports selector(:has(.f)) {
+  .ui.inverted.form .fields:has(.info) > label {
+    color: #c6e3e9;
+  }
+}
 
 /* On Form */
 .ui.form.success .success.message:not(:empty) {
@@ -948,6 +971,11 @@
 .ui.ui.form .field.success .input {
   color: #2c662d;
 }
+@supports selector(:has(.f)) {
+  .ui.form .fields:has(.success) > label {
+    color: #2c662d;
+  }
+}
 .ui.form .fields.success .field .ui.label,
 .ui.form .field.success .ui.label {
   background-color: #b9d1ad;
@@ -1046,24 +1074,30 @@
 }
 
 /* Placeholder */
-.ui.form .success ::-webkit-input-placeholder {
+.ui.form .success :-ms-input-placeholder {
+  color: #8fcf90;
+}
+.ui.form .success ::-ms-input-placeholder {
+  color: #8fcf90;
+}
+.ui.form .success ::placeholder {
   color: #8fcf90;
 }
 .ui.form .success :-ms-input-placeholder {
   color: #8fcf90 !important;
 }
-.ui.form .success ::-moz-placeholder {
-  color: #8fcf90;
+.ui.form .success :focus:-ms-input-placeholder {
+  color: #6cbf6d;
+}
+.ui.form .success :focus::-ms-input-placeholder {
+  color: #6cbf6d;
 }
-.ui.form .success :focus::-webkit-input-placeholder {
+.ui.form .success :focus::placeholder {
   color: #6cbf6d;
 }
 .ui.form .success :focus:-ms-input-placeholder {
   color: #6cbf6d !important;
 }
-.ui.form .success :focus::-moz-placeholder {
-  color: #6cbf6d;
-}
 
 /*------------------
             Dropdown State
@@ -1134,6 +1168,11 @@
 .ui.inverted.form .success.field label {
   color: #b9d1ad;
 }
+@supports selector(:has(.f)) {
+  .ui.inverted.form .fields:has(.success) > label {
+    color: #b9d1ad;
+  }
+}
 
 /* On Form */
 .ui.form.warning .warning.message:not(:empty) {
@@ -1167,6 +1206,11 @@
 .ui.ui.form .field.warning .input {
   color: #573a08;
 }
+@supports selector(:has(.f)) {
+  .ui.form .fields:has(.warning) > label {
+    color: #573a08;
+  }
+}
 .ui.form .fields.warning .field .ui.label,
 .ui.form .field.warning .ui.label {
   background-color: #d7ccb5;
@@ -1265,24 +1309,30 @@
 }
 
 /* Placeholder */
-.ui.form .warning ::-webkit-input-placeholder {
+.ui.form .warning :-ms-input-placeholder {
+  color: #edad3e;
+}
+.ui.form .warning ::-ms-input-placeholder {
+  color: #edad3e;
+}
+.ui.form .warning ::placeholder {
   color: #edad3e;
 }
 .ui.form .warning :-ms-input-placeholder {
   color: #edad3e !important;
 }
-.ui.form .warning ::-moz-placeholder {
-  color: #edad3e;
+.ui.form .warning :focus:-ms-input-placeholder {
+  color: #e39715;
 }
-.ui.form .warning :focus::-webkit-input-placeholder {
+.ui.form .warning :focus::-ms-input-placeholder {
+  color: #e39715;
+}
+.ui.form .warning :focus::placeholder {
   color: #e39715;
 }
 .ui.form .warning :focus:-ms-input-placeholder {
   color: #e39715 !important;
 }
-.ui.form .warning :focus::-moz-placeholder {
-  color: #e39715;
-}
 
 /*------------------
             Dropdown State
@@ -1353,6 +1403,11 @@
 .ui.inverted.form .warning.field label {
   color: #d7ccb5;
 }
+@supports selector(:has(.f)) {
+  .ui.inverted.form .fields:has(.warning) > label {
+    color: #d7ccb5;
+  }
+}
 
 /* --------------------
            Disabled
@@ -1417,29 +1472,36 @@
 /* --------------------
          Required Field
     --------------------- */
-.ui.form .required.fields:not(.grouped) > .field > label::after,
+.ui.form .required.fields:not(.grouped):not(.inline) > .field > label::after,
+.ui.form .required.fields.inline > label::after,
 .ui.form .required.fields.grouped > label::after,
 .ui.form .required.field > label::after,
-.ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
+.ui.form .required.fields:not(.grouped):not(.inline) > .field > .checkbox::after,
 .ui.form .required.field > .checkbox::after,
 .ui.form label.required::after {
   margin: -0.2em 0 0 0.2em;
   content: "*";
   color: #db2828;
 }
-.ui.form .required.fields:not(.grouped) > .field > label::after,
+.ui.form .required.fields:not(.grouped):not(.inline) > .field > label::after,
+.ui.form .required.fields.inline > label::after,
 .ui.form .required.fields.grouped > label::after,
 .ui.form .required.field > label::after,
 .ui.form label.required::after {
   display: inline-block;
   vertical-align: top;
 }
-.ui.form .required.fields:not(.grouped) > .field > .checkbox::after,
+.ui.form .required.fields:not(.grouped):not(.inline) > .field > .checkbox::after,
 .ui.form .required.field > .checkbox::after {
   position: absolute;
   top: 0;
   left: 100%;
 }
+.ui.ui.ui.ui.form .fields > label:empty::after,
+.ui.ui.ui.ui.form .field > label:empty::after {
+  content: " ";
+  display: inline-block;
+}
 
 
 /*******************************