fomantic-ui-sass 2.9.1 → 2.9.2

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

@@ -59,7 +59,6 @@
                 instance        = $module.data(moduleNamespace),
 
                 animating = false,
-                transitionEnd,
                 module
             ;
             module = {
@@ -115,7 +114,6 @@
 
                 initialize: function () {
                     module.set.duration();
-                    module.set.transitionEvent();
                     module.debug(element);
 
                     module.read.metadata();
@@ -195,17 +193,14 @@
 
                 bind: {
                     transitionEnd: function (callback) {
-                        var
-                            transitionEnd = module.get.transitionEnd()
-                        ;
                         $bars
-                            .one(transitionEnd + eventNamespace, function (event) {
+                            .one('transitionend' + eventNamespace, function (event) {
                                 clearTimeout(module.failSafeTimer);
                                 callback.call(this, event);
                             })
                         ;
                         module.failSafeTimer = setTimeout(function () {
-                            $bars.triggerHandler(transitionEnd);
+                            $bars.triggerHandler('transitionend');
                         }, settings.duration + settings.failSafeDelay);
                         module.verbose('Adding fail safe timer', module.timer);
                     },
@@ -330,24 +325,6 @@
                             : value;
                     },
 
-                    transitionEnd: function () {
-                        var
-                            element     = document.createElement('element'),
-                            transitions = {
-                                transition: 'transitionend',
-                                OTransition: 'oTransitionEnd',
-                                MozTransition: 'transitionend',
-                                WebkitTransition: 'webkitTransitionEnd',
-                            },
-                            transition
-                        ;
-                        for (transition in transitions) {
-                            if (element.style[transition] !== undefined) {
-                                return transitions[transition];
-                            }
-                        }
-                    },
-
                     // gets current displayed percentage (if animating values this is the intermediary value)
                     displayPercent: function (index) {
                         var
@@ -687,9 +664,6 @@
                             settings.onError.call(element, module.value, module.total);
                         });
                     },
-                    transitionEvent: function () {
-                        transitionEnd = module.get.transitionEnd();
-                    },
                     total: function (totalValue) {
                         module.total = totalValue;
                     },

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

@@ -408,7 +408,7 @@
                         return module.is.focused() && !module.is.visible() && !module.is.empty();
                     },
                     transition: function () {
-                        return settings.transition && $.fn.transition !== undefined && $module.transition('is supported');
+                        return settings.transition && $.fn.transition !== undefined;
                     },
                 },
 

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

@@ -116,33 +116,29 @@
                         module.set.active();
                     };
                     settings.onBeforeChange.call($nextSide[0]);
-                    if (module.get.transitionEvent()) {
-                        module.verbose('Starting CSS animation');
+                    module.verbose('Starting CSS animation');
+                    $module
+                        .addClass(className.animating)
+                    ;
+                    $sides
+                        .css(propertyObject)
+                        .one('transitionend', callback)
+                    ;
+                    module.set.duration(settings.duration);
+                    requestAnimationFrame(function () {
                         $module
                             .addClass(className.animating)
                         ;
-                        $sides
-                            .css(propertyObject)
-                            .one(module.get.transitionEvent(), callback)
+                        $activeSide
+                            .addClass(className.hidden)
                         ;
-                        module.set.duration(settings.duration);
-                        requestAnimationFrame(function () {
-                            $module
-                                .addClass(className.animating)
-                            ;
-                            $activeSide
-                                .addClass(className.hidden)
-                            ;
-                        });
-                    } else {
-                        callback();
-                    }
+                    });
                 },
 
                 queue: function (method) {
                     module.debug('Queueing animation of', method);
                     $sides
-                        .one(module.get.transitionEvent(), function () {
+                        .one('transitionend', function () {
                             module.debug('Executing queued animation');
                             setTimeout(function () {
                                 $module.shape(method);
@@ -412,24 +408,6 @@
                         },
                     },
 
-                    transitionEvent: function () {
-                        var
-                            element     = document.createElement('element'),
-                            transitions = {
-                                transition: 'transitionend',
-                                OTransition: 'oTransitionEnd',
-                                MozTransition: 'transitionend',
-                                WebkitTransition: 'webkitTransitionEnd',
-                            },
-                            transition
-                        ;
-                        for (transition in transitions) {
-                            if (element.style[transition] !== undefined) {
-                                return transitions[transition];
-                            }
-                        }
-                    },
-
                     nextSide: function () {
                         return $activeSide.next(selector.side).length > 0
                             ? $activeSide.next(selector.side)

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

@@ -69,7 +69,6 @@
                 elementNamespace,
                 id,
                 currentScroll,
-                transitionEvent,
                 initialBodyMargin = '',
                 tempBodyMargin = '',
                 hadScrollbar = false,
@@ -84,8 +83,6 @@
 
                     module.create.id();
 
-                    transitionEvent = module.get.transitionEvent();
-
                     // avoids locking rendering if initialized in onReady
                     if (settings.delaySetup) {
                         requestAnimationFrame(module.setup.layout);
@@ -492,13 +489,13 @@
                     };
                     transitionEnd = function (event) {
                         if (event.target === $transition[0]) {
-                            $transition.off(transitionEvent + elementNamespace, transitionEnd);
+                            $transition.off('transitionend' + elementNamespace, transitionEnd);
                             module.remove.animating();
                             callback.call(element);
                         }
                     };
-                    $transition.off(transitionEvent + elementNamespace);
-                    $transition.on(transitionEvent + elementNamespace, transitionEnd);
+                    $transition.off('transitionend' + elementNamespace);
+                    $transition.on('transitionend' + elementNamespace, transitionEnd);
                     requestAnimationFrame(animate);
                     if (settings.dimPage && !module.othersVisible()) {
                         requestAnimationFrame(dim);
@@ -532,7 +529,7 @@
                     };
                     transitionEnd = function (event) {
                         if (event.target === $transition[0]) {
-                            $transition.off(transitionEvent + elementNamespace, transitionEnd);
+                            $transition.off('transitionend' + elementNamespace, transitionEnd);
                             module.remove.animating();
                             module.remove.closing();
                             module.remove.transition();
@@ -546,8 +543,8 @@
                             callback.call(element);
                         }
                     };
-                    $transition.off(transitionEvent + elementNamespace);
-                    $transition.on(transitionEvent + elementNamespace, transitionEnd);
+                    $transition.off('transitionend' + elementNamespace);
+                    $transition.on('transitionend' + elementNamespace, transitionEnd);
                     requestAnimationFrame(animate);
                 },
 
@@ -722,23 +719,6 @@
 
                         return transition;
                     },
-                    transitionEvent: function () {
-                        var
-                            element     = document.createElement('element'),
-                            transitions = {
-                                transition: 'transitionend',
-                                OTransition: 'oTransitionEnd',
-                                MozTransition: 'transitionend',
-                                WebkitTransition: 'webkitTransitionEnd',
-                            },
-                            transition
-                        ;
-                        for (transition in transitions) {
-                            if (element.style[transition] !== undefined) {
-                                return transitions[transition];
-                            }
-                        }
-                    },
                 },
                 has: {
                     scrollbar: function () {

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

@@ -397,7 +397,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 +417,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',

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

@@ -46,7 +46,6 @@
                 error,
                 className,
                 metadata,
-                animationEnd,
 
                 moduleNamespace,
                 eventNamespace,
@@ -69,9 +68,6 @@
                     moduleNamespace = 'module-' + settings.namespace;
                     instance = $module.data(moduleNamespace) || module;
 
-                    // get vendor specific events
-                    animationEnd = module.get.animationEndEvent();
-
                     if (methodInvoked) {
                         methodInvoked = module.invoke(query);
                     }
@@ -152,11 +148,7 @@
 
                 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 +187,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 +208,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 +367,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 +416,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 +604,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 +703,8 @@
                         return $module.css('visibility') === 'hidden';
                     },
                     supported: function () {
-                        return animationEnd !== false;
+                        // keep method for backward compatibility until 2.10.0
+                        return true;
                     },
                 },
 
@@ -801,13 +755,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: {
@@ -945,8 +899,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 +913,6 @@
 
                                 return false;
                             } else {
-                                module.error(error.method, query);
-
                                 return false;
                             }
                         });
@@ -1077,8 +1028,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/stylesheets/semantic-ui/collections/_breadcrumb.scss

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Breadcrumb
+ * # Fomantic-UI 2.9.2 - 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.2 - 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::-ms-input-placeholder {
+  color: rgba(115, 115, 115, 0.87);
 }
-.ui.form :focus::-webkit-input-placeholder {
+.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
@@ -608,24 +613,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::-ms-input-placeholder {
+  color: #da9796;
 }
-.ui.form .error :focus::-webkit-input-placeholder {
+.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
@@ -827,24 +838,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
@@ -1046,24 +1063,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
@@ -1265,24 +1288,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

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

@@ -1,5 +1,5 @@
 /*!
- * # Fomantic-UI 2.9.1 - Grid
+ * # Fomantic-UI 2.9.2 - Grid
  * https://github.com/fomantic/Fomantic-UI/
  *
  *
@@ -1932,6 +1932,12 @@
 .ui[class*="very compact"][class*="very relaxed"].celled.grid > .row > .column {
   padding: 0.5em;
 }
+.ui.grid .left.attached.column {
+  padding-right: 0;
+}
+.ui.grid .right.attached.column {
+  padding-left: 0;
+}
 
 
 /*******************************