less-rails-semantic_ui 1.11.1.0 → 1.11.4.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 1f16877ddb59ee7e19ff823fb8ee2ada3da884ac
-  data.tar.gz: d07cfbed233bef292f671eb16abc0fbaf6b1885d
+  metadata.gz: 8bff1d5e26c135d87165db1d8bad1585555414e7
+  data.tar.gz: 891dd73627f7c73f90717542078677f334099989
 SHA512:
-  metadata.gz: bf2d0d00bd266485feb45a9356cbba88f26912200e02645ce1c688b64f6aadae380d94817d5a7feb4217771cf50188366708e513e04d06e3d5e650d114e04faa
-  data.tar.gz: 6d5e88897e1f5659f97bea995872a39f5bbd278d5d09fda4f00709353d93e6c6661c40834480f3729b44ea13c61049ebd24f38f8737e362e993a1edf3287a3be
+  metadata.gz: addc033e2884951fd9a603bf6493edf37438f9e4c6a34670a622914b307fc306a515aa89dbcb7d2c7dce6f0abd09a21e34b5999f618f43fff8b483590941006f
+  data.tar.gz: 7a2cd66c0ab6a36eb1bb691fa2b93882d329f9937f9d0ece7f9d338c9c2f030ce4c1fbdbcfc29e42b9c933de197418ccbc6acb3e60f863e2c8b21427820f785e

data/assets/javascripts/semantic_ui/definitions/modules/accordion.js

@@ -61,10 +61,8 @@ $.fn.accordion = function(parameters) {
       module = {
 
         initialize: function() {
-          module.debug('Initializing accordion with bound events', $module);
-          $module
-            .on('click' + eventNamespace, selector.title, module.event.click)
-          ;
+          module.debug('Initializing', $module);
+          module.bind.events();
           module.observeChanges();
           module.instantiate();
         },
@@ -77,12 +75,10 @@ $.fn.accordion = function(parameters) {
         },
 
         destroy: function() {
-          module.debug('Destroying previous accordion for', $module);
+          module.debug('Destroying previous instance', $module);
           $module
-            .removeData(moduleNamespace)
-          ;
-          $title
             .off(eventNamespace)
+            .removeData(moduleNamespace)
           ;
         },
 
@@ -105,6 +101,14 @@ $.fn.accordion = function(parameters) {
           }
         },
 
+        bind: {
+          events: function() {
+            module.debug('Binding delegated events');
+            $module
+              .on('click' + eventNamespace, selector.trigger, module.event.click)
+            ;
+          }
+        },
 
         event: {
           click: function() {
@@ -117,13 +121,16 @@ $.fn.accordion = function(parameters) {
             $activeTitle = (query !== undefined)
               ? (typeof query === 'number')
                 ? $title.eq(query)
-                : $(query)
-              : $(this),
+                : $(query).closest(selector.title)
+              : $(this).closest(selector.title),
             $activeContent = $activeTitle.next($content),
-            contentIsOpen  = $activeContent.is(':visible')
+            isAnimating = $activeContent.hasClass(className.animating),
+            isActive    = $activeContent.hasClass(className.active),
+            isOpen      = (isActive && !isAnimating),
+            isOpening   = (!isActive && isAnimating)
           ;
           module.debug('Toggling visibility of content', $activeTitle);
-          if(contentIsOpen) {
+          if(isOpen || isOpening) {
             if(settings.collapsible) {
               module.close.call($activeTitle);
             }
@@ -132,7 +139,7 @@ $.fn.accordion = function(parameters) {
             }
           }
           else {
-              module.open.call($activeTitle);
+            module.open.call($activeTitle);
           }
         },
 
@@ -141,13 +148,14 @@ $.fn.accordion = function(parameters) {
             $activeTitle = (query !== undefined)
               ? (typeof query === 'number')
                 ? $title.eq(query)
-                : $(query)
-              : $(this),
-            $activeContent     = $activeTitle.next($content),
-            currentlyAnimating = $activeContent.is(':animated'),
-            currentlyActive    = $activeContent.hasClass(className.active)
+                : $(query).closest(selector.title)
+              : $(this).closest(selector.title),
+            $activeContent = $activeTitle.next($content),
+            isAnimating = $activeContent.hasClass(className.animating),
+            isActive    = $activeContent.hasClass(className.active),
+            isUnopen    = (!isActive && !isAnimating)
           ;
-          if(!currentlyAnimating && !currentlyActive) {
+          if(isUnopen) {
             module.debug('Opening accordion content', $activeTitle);
             if(settings.exclusive) {
               module.closeOthers.call($activeTitle);
@@ -155,23 +163,25 @@ $.fn.accordion = function(parameters) {
             $activeTitle
               .addClass(className.active)
             ;
+            $activeContent.addClass(className.animating);
             if(settings.animateChildren) {
               if($.fn.transition !== undefined && $module.transition('is supported')) {
                 $activeContent
                   .children()
                     .transition({
-                      animation  : 'fade in',
+                      animation   : 'fade in',
+                      queue       : false,
                       useFailSafe : true,
-                      debug      : settings.debug,
-                      verbose    : settings.verbose,
-                      duration   : settings.duration
+                      debug       : settings.debug,
+                      verbose     : settings.verbose,
+                      duration    : settings.duration
                     })
                 ;
               }
               else {
                 $activeContent
                   .children()
-                    .stop()
+                    .stop(true)
                     .animate({
                       opacity: 1
                     }, settings.duration, module.resetOpacity)
@@ -179,9 +189,10 @@ $.fn.accordion = function(parameters) {
               }
             }
             $activeContent
-              .stop()
+              .stop(true)
               .slideDown(settings.duration, settings.easing, function() {
                 $activeContent
+                  .removeClass(className.animating)
                   .addClass(className.active)
                 ;
                 module.reset.display.call(this);
@@ -197,19 +208,21 @@ $.fn.accordion = function(parameters) {
             $activeTitle = (query !== undefined)
               ? (typeof query === 'number')
                 ? $title.eq(query)
-                : $(query)
-              : $(this),
+                : $(query).closest(selector.title)
+              : $(this).closest(selector.title),
             $activeContent = $activeTitle.next($content),
-            isActive       = $activeContent.hasClass(className.active)
+            isAnimating    = $activeContent.hasClass(className.animating),
+            isActive       = $activeContent.hasClass(className.active),
+            isOpening      = (!isActive && isAnimating),
+            isClosing      = (isActive && isAnimating)
           ;
-          if(isActive) {
+          if((isActive || isOpening) && !isClosing) {
             module.debug('Closing accordion content', $activeContent);
             $activeTitle
               .removeClass(className.active)
             ;
             $activeContent
-              .removeClass(className.active)
-              .show()
+              .addClass(className.animating)
             ;
             if(settings.animateChildren) {
               if($.fn.transition !== undefined && $module.transition('is supported')) {
@@ -217,6 +230,7 @@ $.fn.accordion = function(parameters) {
                   .children()
                     .transition({
                       animation   : 'fade out',
+                      queue       : false,
                       useFailSafe : true,
                       debug       : settings.debug,
                       verbose     : settings.verbose,
@@ -227,7 +241,7 @@ $.fn.accordion = function(parameters) {
               else {
                 $activeContent
                   .children()
-                    .stop()
+                    .stop(true)
                     .animate({
                       opacity: 0
                     }, settings.duration, module.resetOpacity)
@@ -235,8 +249,12 @@ $.fn.accordion = function(parameters) {
               }
             }
             $activeContent
-              .stop()
+              .stop(true)
               .slideUp(settings.duration, settings.easing, function() {
+                $activeContent
+                  .removeClass(className.animating)
+                  .removeClass(className.active)
+                ;
                 module.reset.display.call(this);
                 settings.onClose.call(this);
                 settings.onChange.call(this);
@@ -249,7 +267,7 @@ $.fn.accordion = function(parameters) {
           var
             $activeTitle = (index !== undefined)
               ? $title.eq(index)
-              : $(this),
+              : $(this).closest(selector.title),
             $parentTitles    = $activeTitle.parents(selector.content).prev(selector.title),
             $activeAccordion = $activeTitle.closest(selector.accordion),
             activeSelector   = selector.title + '.' + className.active + ':visible',
@@ -524,8 +542,8 @@ $.fn.accordion.settings = {
   closeNested     : false,
   animateChildren : true,
 
-  duration        : 500,
-  easing          : 'easeOutQuint',
+  duration        : 350,
+  easing          : 'easeOutQuad',
 
   onOpen          : function(){},
   onClose         : function(){},
@@ -536,12 +554,14 @@ $.fn.accordion.settings = {
   },
 
   className   : {
-    active : 'active'
+    active    : 'active',
+    animating : 'animating'
   },
 
   selector    : {
     accordion : '.accordion',
     title     : '.title',
+    trigger   : '.title',
     content   : '.content'
   }
 
@@ -549,8 +569,8 @@ $.fn.accordion.settings = {
 
 // Adds easing
 $.extend( $.easing, {
-  easeOutQuint: function (x, t, b, c, d) {
-    return c*((t=t/d-1)*t*t*t*t + 1) + b;
+  easeOutQuad: function (x, t, b, c, d) {
+    return -c *(t/=d)*(t-2) + b;
   }
 });
 

data/assets/javascripts/semantic_ui/definitions/modules/dropdown.js

@@ -31,7 +31,7 @@ $.fn.dropdown = function(parameters) {
   ;
 
   $allModules
-    .each(function() {
+    .each(function(index) {
       var
         settings          = ( $.isPlainObject(parameters) )
           ? $.extend(true, {}, $.fn.dropdown.settings, parameters)
@@ -210,17 +210,16 @@ $.fn.dropdown = function(parameters) {
                 .prependTo($module)
               ;
             }
-            module.refresh();
+            module.setup.reference();
           },
           reference: function() {
             var
-              index = $allModules.index($module),
               $firstModules,
               $lastModules
             ;
             module.debug('Dropdown behavior was called on select, replacing with closest dropdown');
             // replace module reference
-            $module = $module.parent(selector.dropdown);
+            $module = $module.closest(selector.dropdown);
             module.refresh();
             // adjust all modules
             $firstModules = $allModules.slice(0, index);

data/assets/javascripts/semantic_ui/definitions/modules/search.js

@@ -439,8 +439,7 @@ $.fn.search = function(parameters) {
                 ? settings.searchFields
                 : [settings.searchFields],
               searchExp       = searchTerm.replace(regExp.escape, '\\$&'),
-              searchRegExp    = new RegExp(regExp.exact + searchExp, 'i'),
-              fullTextRegExp  = new RegExp(searchExp, 'i')
+              searchRegExp    = new RegExp(regExp.exact + searchExp, 'i')
             ;
 
             source = source || settings.source;
@@ -462,7 +461,7 @@ $.fn.search = function(parameters) {
                   if( content[field].match(searchRegExp) ) {
                     results.push(content);
                   }
-                  else if( settings.searchFullText && content[field].match(fullTextRegExp) ) {
+                  else if(settings.searchFullText && module.fuzzySearch(searchTerm, content[field]) ) {
                     fullTextResults.push(content);
                   }
                 }
@@ -472,6 +471,33 @@ $.fn.search = function(parameters) {
           }
         },
 
+        fuzzySearch: function(query, term) {
+          var
+            termLength  = term.length,
+            queryLength = query.length
+          ;
+          query = query.toLowerCase();
+          term  = term.toLowerCase();
+          if(queryLength > termLength) {
+            return false;
+          }
+          if(queryLength === termLength) {
+            return (query === term);
+          }
+          search: for (var characterIndex = 0, nextCharacterIndex = 0; characterIndex < queryLength; characterIndex++) {
+            var
+              queryCharacter = query.charCodeAt(characterIndex)
+            ;
+            while(nextCharacterIndex < termLength) {
+              if(term.charCodeAt(nextCharacterIndex++) === queryCharacter) {
+                continue search;
+              }
+            }
+            return false;
+          }
+          return true;
+        },
+
         parse: {
           response: function(response, searchTerm) {
             var
@@ -795,7 +821,7 @@ $.fn.search = function(parameters) {
               }
             });
           }
-          if ( $.isFunction( found ) ) {
+          if( $.isFunction( found ) ) {
             response = found.apply(context, passedArguments);
           }
           else if(found !== undefined) {

data/assets/javascripts/semantic_ui/definitions/modules/transition.js

@@ -176,6 +176,10 @@ $.fn.transition = function() {
               module.debug('Animation is already occurring, will not execute repeated animation', settings.animation);
               return false;
             }
+            else {
+              module.debug('New animation started, completing previous early', settings.animation);
+              module.complete();
+            }
           }
           if( module.can.animate() ) {
             module.set.animating(settings.animation);

data/assets/stylesheets/semantic_ui/definitions/collections/grid.less

@@ -1188,6 +1188,7 @@
 .ui.grid [class*="left aligned"].column,
 .ui.grid > [class*="left aligned"].row > .column {
   text-align: left;
+  align-items: flex-start !important;
 }
 .ui.grid [class*="left aligned"].column{
   text-align: left !important;
@@ -1199,6 +1200,7 @@
 .ui[class*="center aligned"].grid > .column,
 .ui.grid > [class*="center aligned"].row > .column {
   text-align: center;
+  align-items: center !important;
 }
 .ui.grid [class*="center aligned"].column{
   text-align: center !important;
@@ -1210,6 +1212,7 @@
 .ui[class*="right aligned"].grid > .column,
 .ui.grid > [class*="right aligned"].row > .column {
   text-align: right;
+  align-items: flex-end !important;
 }
 .ui.grid [class*="right aligned"].column{
   text-align: right !important;
@@ -1240,11 +1243,24 @@
 .ui.grid [class*="top aligned"].column,
 .ui.grid > [class*="top aligned"].row > .column {
   vertical-align: top;
-  align-self: flex-start;
+  justify-content: flex-start !important;
 }
 .ui.grid [class*="top aligned"].column {
   vertical-align: top !important;
-  align-self: flex-start;
+  justify-content: flex-start !important;
+}
+
+.ui.stretched.grid > .row > .column,
+.ui.stretched.grid > .column,
+.ui.grid .stretched.column,
+.ui.grid > .stretched.row > .column {
+  display: flex !important;
+}
+.ui.stretched.grid > .row > .column > *,
+.ui.stretched.grid > .column > *,
+.ui.grid .stretched.column > *,
+.ui.grid > .stretched.row > .column > * {
+  flex-grow: 1;
 }
 
 /* Middle Aligned */
@@ -1253,11 +1269,11 @@
 .ui[class*="middle aligned"].grid > .column,
 .ui.grid > [class*="middle aligned"].row > .column {
   vertical-align: middle;
-  align-self: center;
+  justify-content: center !important;
 }
 .ui.grid [class*="middle aligned"].column{
   vertical-align: middle !important;
-  align-self: center;
+  justify-content: center !important;
 }
 
 /* Bottom Aligned */
@@ -1266,10 +1282,10 @@
 .ui[class*="bottom aligned"].grid > .column,
 .ui.grid > [class*="bottom aligned"].row > .column {
   vertical-align: bottom;
-  align-self: flex-end;
+  justify-content: flex-end !important;
 }
 .ui.grid [class*="bottom aligned"].column {
-  align-self: flex-end;
+  justify-content: flex-end !important;
   vertical-align: bottom !important;
 }
 
@@ -1397,7 +1413,6 @@
   padding-bottom: (@rowSpacing / 2);
 }
 
-
 /*----------------------
       Equal Width
 -----------------------*/
@@ -1427,14 +1442,13 @@
 .ui.grid > [class*="equal width"].row  {
   display: flex;
   flex-direction: row;
-  align-items: stretch;
 }
 .ui[class*="equal width"].grid > .column,
 .ui[class*="equal width"].grid > .row > .column,
 .ui.grid > [class*="equal width"].row > .column {
-  display: inline-block;
+  display: block;
   flex-direction: column;
-  flex: 1 0 auto;
+  flex-grow: 1;
 }
 
 
@@ -1459,21 +1473,25 @@
 }
 
 /* Flexbox (Experimental / Overrides Where Supported) */
-.ui[class*="equal height"].grid,
+.ui[class*="equal height"].grid {
+  display: flex;
+  flex-direction: column;
+}
 .ui[class*="equal height"].grid > .row,
 .ui.grid > [class*="equal height"].row  {
   display: flex;
   flex-direction: row;
-  align-items: stretch;
 }
 .ui[class*="equal height"].grid > .column,
 .ui[class*="equal height"].grid > .row > .column,
 .ui.grid > [class*="equal height"].row > .column {
-  display: inline-block;
+  display: block;
   flex-direction: column;
-  flex: 0 0 auto;
+  flex-grow: 1;
 }
 
+
+
 /*-------------------
       Doubling
 --------------------*/
@@ -1690,6 +1708,7 @@
     padding: (@stackableRowSpacing / 2) (@stackableGutter / 2) !important;
   }
   .ui.stackable.grid > .row {
+    display: block !important;
     margin: 0em;
     padding: 0em;
   }

data/assets/stylesheets/semantic_ui/definitions/elements/header.less

@@ -127,6 +127,7 @@
 ---------------*/
 
 .ui.header .ui.label {
+  font-size: @labelSize;
   margin: 0em 0em 0em @labelDistance;
   vertical-align: @labelVerticalAlign;
 }

data/assets/stylesheets/semantic_ui/definitions/globals/site.less

@@ -85,6 +85,22 @@ h5 {
   font-size: @h5;
 }
 
+h1:first-child,
+h2:first-child,
+h3:first-child,
+h4:first-child,
+h5:first-child {
+  margin-top: 0em;
+}
+
+h1:last-child,
+h2:last-child,
+h3:last-child,
+h4:last-child,
+h5:last-child {
+  margin-bottom: 0em;
+}
+
 
 /*******************************
              Text

data/assets/stylesheets/semantic_ui/definitions/modules/accordion.less

@@ -146,7 +146,7 @@
   transition: @styledTitleTransition;
 }
 .ui.styled.accordion > .title:first-child,
-.ui.styled.accordion > .accordion .title:first-child {
+.ui.styled.accordion .accordion .title:first-child {
   border-top: none;
 }
 

data/assets/stylesheets/semantic_ui/definitions/modules/modal.less

@@ -256,6 +256,7 @@
     box-shadow: none;
   }
 
+  /* Let Buttons Stack */
   .ui.modal > .actions {
     padding: @mobileActionPadding !important;
   }

data/assets/stylesheets/semantic_ui/definitions/views/card.less

@@ -99,8 +99,6 @@
   margin-top: @consecutiveGroupDistance;
 }
 
-
-
 /*--------------
   Rounded Edges
 ---------------*/
@@ -335,6 +333,16 @@
   width: @buttonWidth;
 }
 
+/*--------------
+      Dimmer
+---------------*/
+
+.ui.cards > .card .dimmer,
+.ui.card .dimmer {
+  background: @dimmerBackground;
+  z-index: @dimmerZIndex;
+}
+
 /*--------------
      Labels
 ---------------*/

data/assets/stylesheets/semantic_ui/themes/chubby/elements/header.variables

@@ -14,8 +14,8 @@
 @h5: 0.8rem;
 
 /* Sizing */
-@tiny: 1.33em;
-@small: 1.2em;
+@huge: 1.33em;
+@large: 1.2em;
 @medium: 1em;
-@large: 0.9em;
-@huge: 0.8em;
+@small: 0.9em;
+@tiny: 0.8em;

data/assets/stylesheets/semantic_ui/themes/default/elements/header.variables

@@ -25,7 +25,6 @@
 @subHeaderLineHeight: 1.2em;
 @subHeaderColor: rgba(0, 0, 0, 0.5);
 
-
 /* Icon */
 @iconOpacity: 1;
 @iconSize: 1.5em;
@@ -41,6 +40,7 @@
 @imageAlignment: middle;
 
 /* Label */
+@labelSize: @medium;
 @labelDistance: 0.5rem;
 @labelVerticalAlign: middle;
 

data/assets/stylesheets/semantic_ui/themes/default/globals/site.variables

@@ -377,17 +377,17 @@
 /* Rendered Scrollbar Width */
 @scrollBarWidth: 15px;
 
-/* Header Spacing */
-@headerLineHeightOffset : (@lineHeight - 1em) / 2;
-@headerTopMargin        : ~"calc(2rem - "@lineHeightOffset~")";
-@headerBottomMargin     : 1rem;
-@headerMargin           : @headerTopMargin 0em @headerBottomMargin;
+/* Used to match floats with text */
+@lineHeightOffset       : ((@lineHeight - 1em) / 2);
+@headerLineHeightOffset : (@headerLineHeight - 1em) / 2;
 
-/* Makes sure padded grid can fit at 320px */
-@pageMinWidth        : (320px - (@fontSize * 3));
+/* Header Spacing */
+@headerTopMargin    : ~"calc(2rem - "@headerLineHeightOffset~")";
+@headerBottomMargin : 1rem;
+@headerMargin       : @headerTopMargin 0em @headerBottomMargin;
 
-/* Used to match floats with text */
-@lineHeightOffset    : ((@lineHeight - 1em) / 2);
+/* Minimum Mobile Width */
+@pageMinWidth       : 320px;
 
 /* Positive / Negative Dupes */
 @successColor           : @positiveColor;

data/assets/stylesheets/semantic_ui/themes/default/modules/modal.variables

@@ -70,7 +70,7 @@
 @mobileContentPadding: 1rem;
 @mobileImagePadding: 0rem 0rem 1rem;
 @mobileDescriptionPadding: 1rem 0rem ;
-@mobileButtonDistance: 2rem;
+@mobileButtonDistance: 1rem;
 @mobileActionPadding: 1rem 1rem (1rem - @mobileButtonDistance);
 @mobileImageIconSize: 5rem;
 @mobileCloseTop: 0.5rem;

data/assets/stylesheets/semantic_ui/themes/default/views/card.variables

@@ -113,6 +113,10 @@
 /* Paragraph */
 @paragraphDistance: 0.5em;
 
+/* Dimmer */
+@dimmerZIndex: 10;
+@dimmerBackground: '';
+
 /* Additional Content */
 @extraDivider: 1px solid rgba(0, 0, 0, 0.05);
 @extraBackground: none;

data/lib/less/rails/semantic_ui/version.rb

@@ -1,7 +1,7 @@
 module Less
   module Rails
     module SemanticUI
-      VERSION = '1.11.1.0'
+      VERSION = '1.11.4.0'
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: less-rails-semantic_ui
 version: !ruby/object:Gem::Version
-  version: 1.11.1.0
+  version: 1.11.4.0
 platform: ruby
 authors:
 - Maxim Dobryakov
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2015-03-05 00:00:00.000000000 Z
+date: 2015-03-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: less-rails