semantic-ui-sass 0.11.0.0 → 0.12.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 0816fce3f8dbed09628413d37e45b2a146bb3fde
-  data.tar.gz: 731ffe6fb3396781dd99a2360e5d65e28697dd30
+  metadata.gz: eabd932f7975fc97862e1cc6022a0d37ac1495b5
+  data.tar.gz: b35cacc8df7eb6470d30f2ddd5016725f08953b7
 SHA512:
-  metadata.gz: 259a33b3a60bd58f5cf9c405134fee4226bf3ccef98029cc7d0b766cfc14a557660fcfdf1a80675fe61423d4b5957be706a912612587d438dc188ccff57fbd9a
-  data.tar.gz: 9e69b8efc4132b5a0e8842036536f6c947b0194f6e75d7f02062cf5a415859a414937edc581f024418782c239fed48ab767378f323e48fd0228d3d5d044c4c85
+  metadata.gz: 3521dda09ac0074e78edeb25cf8c8d4438fa2fc31fdf9717a2b76669063b2e0877b310ea4f42449cbc197cd27481d5afa4e6991f745799995a3a2631a1ece5ab
+  data.tar.gz: 590638915066fcf616a418305e485c001a2e3032a8adc862f4bb3686dffb1eb70d2a4bc8b63fba21e16054f6f8c1f6aa86189dfd595748b10db51a6280c560c1

data/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 0.12.0.0
+
+* Update Semantic UI to 0.12.0
+
 ## 0.11.0.0
 
 * Update Semantic UI to 0.11.0

data/README.md

@@ -5,7 +5,7 @@
 ## Installation and Usage
 
 ```ruby
-gem 'semantic-ui-sass', '~> 0.11.0.0'
+gem 'semantic-ui-sass', '~> 0.12.0.0'
 ```
 or
 

data/app/assets/javascripts/semantic-ui/behavior/form.js

@@ -360,7 +360,7 @@ $.fn.form = function(fields, parameters) {
             var
               $field        = module.get.field(field.identifier),
               type          = validation.type,
-              value         = $field.val() + '',
+              value         = $.trim($field.val() + ''),
 
               bracketRegExp = /\[(.*?)\]/i,
               bracket       = bracketRegExp.exec(type),

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

@@ -155,7 +155,7 @@ $.fn.dimmer = function(parameters) {
               : function(){}
             ;
             module.set.dimmed();
-            if(settings.useCSS && $.fn.transition !== undefined && $module.transition('is supported')) {
+            if(settings.useCSS && $.fn.transition !== undefined && $dimmer.transition('is supported')) {
               $dimmer
                 .transition({
                   animation : settings.transition + ' in',
@@ -190,7 +190,7 @@ $.fn.dimmer = function(parameters) {
               ? callback
               : function(){}
             ;
-            if(settings.useCSS && $.fn.transition !== undefined && $module.transition('is supported')) {
+            if(settings.useCSS && $.fn.transition !== undefined && $dimmer.transition('is supported')) {
               module.verbose('Hiding dimmer with css');
               $dimmer
                 .transition({

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

@@ -61,12 +61,12 @@ $.fn.dropdown = function(parameters) {
         initialize: function() {
           module.debug('Initializing dropdown', settings);
 
+          module.save.defaults();
           module.set.selected();
 
           if(hasTouch) {
             module.bind.touchEvents();
           }
-          // no use detecting mouse events because touch devices emulate them
           module.bind.mouseEvents();
           module.instantiate();
         },
@@ -145,6 +145,7 @@ $.fn.dropdown = function(parameters) {
             if(hasTouch) {
               $document
                 .off('touchstart' + eventNamespace)
+                .off('touchmove' + eventNamespace)
               ;
             }
             $document
@@ -215,11 +216,19 @@ $.fn.dropdown = function(parameters) {
                   : $choice.text(),
                 value   = ( $choice.data(metadata.value) !== undefined)
                   ? $choice.data(metadata.value)
-                  : text.toLowerCase()
+                  : text.toLowerCase(),
+                callback = function() {
+                  module.determine.selectAction(text, value);
+                  $.proxy(settings.onChange, element)(value, text);
+                }
               ;
               if( $choice.find(selector.menu).size() === 0 ) {
-                module.determine.selectAction(text, value);
-                $.proxy(settings.onChange, element)(value, text);
+                if(event.type == 'touchstart') {
+                  $choice.one('click', callback);
+                }
+                else {
+                  callback();
+                }
               }
             }
 
@@ -325,7 +334,7 @@ $.fn.dropdown = function(parameters) {
           },
           item: function(value) {
             var
-              $selectedItem
+              $selectedItem = false
             ;
             value = (value !== undefined)
               ? value
@@ -345,9 +354,11 @@ $.fn.dropdown = function(parameters) {
                       ? $choice.data(metadata.value)
                       : optionText.toLowerCase()
                   ;
-                  if( optionValue == value || optionText == value ) {
+                  if( optionValue == value ) {
+                    $selectedItem = $(this);
+                  }
+                  else if( !$selectedItem && optionText == value ) {
                     $selectedItem = $(this);
-                    return false;
                   }
                 })
               ;
@@ -359,6 +370,43 @@ $.fn.dropdown = function(parameters) {
           }
         },
 
+        restore: {
+          defaults: function() {
+            module.restore.defaultText();
+            module.restore.defaultValue();
+          },
+          defaultText: function() {
+            var
+              defaultText = $module.data(metadata.defaultText)
+            ;
+            module.debug('Restoring default text', defaultText);
+            module.set.text(defaultText);
+          },
+          defaultValue: function() {
+            var
+              defaultValue = $module.data(metadata.defaultValue)
+            ;
+            if(defaultValue !== undefined) {
+              module.debug('Restoring default value', defaultValue);
+              module.set.selected(defaultValue);
+              module.set.value(defaultValue);
+            }
+          }
+        },
+
+        save: {
+          defaults: function() {
+            module.save.defaultText();
+            module.save.defaultValue();
+          },
+          defaultValue: function() {
+            $module.data(metadata.defaultValue, module.get.value() );
+          },
+          defaultText: function() {
+            $module.data(metadata.defaultText, $text.text() );
+          }
+        },
+
         set: {
           text: function(text) {
             module.debug('Changing text', text, $text);
@@ -506,12 +554,14 @@ $.fn.dropdown = function(parameters) {
             if(module.is.visible($currentMenu) ) {
               module.verbose('Doing menu hide animation', $currentMenu);
               if($.fn.transition !== undefined && $module.transition('is supported')) {
-                $currentMenu.transition({
-                  animation : settings.transition + ' out',
-                  duration  : settings.duration,
-                  complete  : callback,
-                  queue     : false
-                });
+                $currentMenu
+                  .transition({
+                    animation : settings.transition + ' out',
+                    duration  : settings.duration,
+                    complete  : callback,
+                    queue     : false
+                  })
+                ;
               }
               else if(settings.transition == 'none') {
                 callback();
@@ -818,8 +868,10 @@ $.fn.dropdown.settings = {
   },
 
   metadata: {
-    text    : 'text',
-    value   : 'value'
+    defaultText  : 'defaultText',
+    defaultValue : 'defaultValue',
+    text         : 'text',
+    value        : 'value'
   },
 
   selector : {

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

@@ -77,8 +77,12 @@ $.fn.modal = function(parameters) {
                 hide     : settings.duration * 1.1
               }
             })
-            .dimmer('add content', $module)
           ;
+
+          if(settings.detachable) {
+            $dimmable.dimmer('add content', $module);
+          }
+
           $dimmer = $dimmable
             .dimmer('get dimmer')
           ;
@@ -173,7 +177,12 @@ $.fn.modal = function(parameters) {
           click: function(event) {
             if( $(event.target).closest(selector.modal).size() === 0 ) {
               module.debug('Dimmer clicked, hiding all modals');
-              module.hideAll();
+              if(settings.allowMultiple) {
+                module.hide();
+              }
+              else {
+                module.hideAll();
+              }
               event.stopImmediatePropagation();
             }
           },
@@ -232,7 +241,7 @@ $.fn.modal = function(parameters) {
             module.set.position();
             module.set.type();
 
-            if( $otherModals.filter(':visible').size() > 0 ) {
+            if( $otherModals.filter(':visible').size() > 0 && !settings.allowMultiple) {
               module.debug('Other modals visible, queueing show animation');
               module.hideOthers(module.showModal);
             }
@@ -278,7 +287,9 @@ $.fn.modal = function(parameters) {
             ? callback
             : function(){}
           ;
-          module.hideDimmer();
+          if($allModals.filter(':visible').size() <= 1) {
+            module.hideDimmer();
+          }
           module.hideModal(callback);
         },
 
@@ -653,29 +664,32 @@ $.fn.modal = function(parameters) {
 
 $.fn.modal.settings = {
 
-  name        : 'Modal',
-  namespace   : 'modal',
+  name          : 'Modal',
+  namespace     : 'modal',
+
+  debug         : true,
+  verbose       : true,
+  performance   : true,
 
-  debug       : false,
-  verbose     : true,
-  performance : true,
+  allowMultiple : true,
+  detachable    : true,
+  closable      : true,
+  context       : 'body',
 
-  closable    : true,
-  context     : 'body',
-  duration    : 500,
-  easing      : 'easeOutExpo',
-  offset      : 0,
-  transition  : 'scale',
+  duration      : 500,
+  easing        : 'easeOutExpo',
+  offset        : 0,
+  transition    : 'scale',
 
-  onShow      : function(){},
-  onHide      : function(){},
-  onApprove   : function(){ return true; },
-  onDeny      : function(){ return true; },
+  onShow        : function(){},
+  onHide        : function(){},
+  onApprove     : function(){ return true; },
+  onDeny        : function(){ return true; },
 
   selector    : {
     close    : '.close, .actions .button',
-    approve  : '.actions .positive, .actions .approve',
-    deny     : '.actions .negative, .actions .cancel',
+    approve  : '.actions .positive, .actions .approve, .actions .ok',
+    deny     : '.actions .negative, .actions .deny, .actions .cancel',
     modal    : '.ui.modal'
   },
   error : {
@@ -689,4 +703,4 @@ $.fn.modal.settings = {
 };
 
 
-})( jQuery, window , document );
+})( jQuery, window , document );

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

@@ -202,15 +202,13 @@ $.fn.sidebar = function(parameters) {
         add: {
           bodyCSS: function(direction, distance) {
             var
-              invertDirection,
               style
             ;
             if(direction !== className.bottom) {
-              invertDirection = direction === 'right' ? -1 : 1;
               style = ''
                 + '<style title="' + namespace + '">'
                 + 'body.pushed {'
-                + '  margin-left: ' + invertDirection * distance + 'px !important;'
+                + '  margin-' + direction + ': ' + distance + 'px !important;'
                 + '}'
                 + '</style>'
               ;

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

@@ -130,7 +130,12 @@ $.fn.transition = function() {
           }
           module.debug('Preparing animation', settings.animation);
           if(module.is.animating() && settings.queue) {
-            module.queue(settings.animation);
+            if(!settings.allowRepeats && module.has.direction() && module.is.occuring() && instance.queuing !== true) {
+              module.error(error.repeated);
+            }
+            else {
+              module.queue(settings.animation);
+            }
             return false;
           }
           if(module.can.animate) {
@@ -540,6 +545,10 @@ $.fn.transition = function() {
           looping: function() {
             return $module.hasClass(className.looping);
           },
+          occuring: function(animation) {
+            animation = animation || settings.animation;
+            return ( $module.hasClass(animation) );
+          },
           visible: function() {
             return $module.is(':visible');
           },
@@ -766,9 +775,12 @@ $.fn.transition.settings = {
   onShow      : function() {},
   onHide      : function() {},
 
+  // whether animation can occur twice in a row
+  allowRepeats : false,
+
   // animation duration
-  animation   : 'fade',
-  duration    : '700ms',
+  animation  : 'fade',
+  duration   : '700ms',
 
   // new animations will occur after previous ones
   queue       : true,
@@ -788,6 +800,7 @@ $.fn.transition.settings = {
   // possible errors
   error: {
     noAnimation : 'There is no css animation matching the one you specified.',
+    repeated    : 'That animation is already occurring, cancelling repeated animation',
     method      : 'The method you called is not defined',
     support     : 'This browser does not support CSS animations'
   }

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

@@ -1561,7 +1561,7 @@
 
 .ui.menu.fixed {
   position: fixed;
-  z-index: 10;
+  z-index: 999;
   margin: 0em;
   border: none;
   width: 100%;
@@ -1605,6 +1605,12 @@
   height: 100%;
 }
 
+/* Coupling with Grid */
+
+.ui.fixed.menu + .ui.grid {
+  padding-top: 2.75rem;
+}
+
 /*-------------------
        Pointing
 --------------------*/

data/app/assets/stylesheets/semantic-ui/elements/_icon.scss

@@ -1544,8 +1544,6 @@ i.icon.star {
 
 /* left side icons */
 
-i.icon.left,
-i.icon.left,
 i.icon.left {
   width: auto;
   margin: 0em 0.5em 0em 0em;
@@ -1554,8 +1552,6 @@ i.icon.left {
 /* right side icons */
 
 i.icon.search,
-i.icon.up,
-i.icon.down,
 i.icon.right {
   width: auto;
   margin: 0em 0em 0em 0.5em;

data/app/assets/stylesheets/semantic-ui/elements/_input.scss

@@ -53,11 +53,11 @@
 
 /* browsers require these rules separate */
 
-.ui.input::-web inputkit-input-placeholder {
+.ui.input::-webkit-input-placeholder {
   color: #BBBBBB;
 }
 
-.ui.input::-moz input-placeholder {
+.ui.input::-moz-placeholder {
   color: #BBBBBB;
 }
 
@@ -269,6 +269,15 @@
   vertical-align: top;
 }
 
+.ui.fluid.action.input {
+  display: table;
+  width: 100%;
+}
+
+.ui.fluid.action.input > .button {
+  width: 0.01%;
+}
+
 /*--------------------
         Fluid
 ---------------------*/

data/app/assets/stylesheets/semantic-ui/elements/_progress.scss

@@ -55,6 +55,16 @@
   animation: none !important;
 }
 
+.ui.warning.progress .bar {
+  background-color: #E96633 !important;
+}
+
+.ui.warning.progress .bar,
+.ui.warning.progress .bar::after {
+  -webkit-animation: none !important;
+  animation: none !important;
+}
+
 /*--------------
      Failed
 ---------------*/

data/app/assets/stylesheets/semantic-ui/modules/_checkbox.scss

@@ -179,6 +179,9 @@
   min-width: 1em;
   height: 1em;
   border-radius: 500px;
+  -webkit-transform: none;
+  -ms-transform: none;
+  transform: none;
 }
 
 .ui.radio.checkbox .box:after,
@@ -233,6 +236,9 @@
   z-index: 1;
   width: 1.5em;
   height: 1.5em;
+  -webkit-transform: none;
+  -ms-transform: none;
+  transform: none;
   -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
   border-radius: 50rem;
@@ -314,6 +320,9 @@
   background-color: #FFFFFF;
   width: 3em;
   height: 1.5em;
+  -webkit-transform: none;
+  -ms-transform: none;
+  transform: none;
   -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
   border-radius: 50rem;

data/app/assets/stylesheets/semantic-ui/modules/_dimmer.scss

@@ -30,10 +30,8 @@
   opacity: 0;
   line-height: 1;
   -webkit-animation-fill-mode: both;
-  -ms-animation-fill-mode: both;
   animation-fill-mode: both;
   -webkit-animation-duration: 0.5s;
-  -ms-animation-duration: 0.5s;
   animation-duration: 0.5s;
   -webkit-transition: background-color 0.5s linear;
   transition: background-color 0.5s linear;
@@ -43,7 +41,6 @@
   user-select: none;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
   box-sizing: border-box;
   z-index: 1000;
 }

data/lib/semantic/ui/sass/version.rb

@@ -1,8 +1,8 @@
 module Semantic
   module Ui
     module Sass
-      VERSION = "0.11.0.0"
-      SEMANTIC_UI_SHA = '0a747067de7d177c6b46a18afd0b7f210c148d40'
+      VERSION = "0.12.0.0"
+      SEMANTIC_UI_SHA = 'd4660e0cd926fd6f6db5003ab4794fa51ddd8d24'
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: semantic-ui-sass
 version: !ruby/object:Gem::Version
-  version: 0.11.0.0
+  version: 0.12.0.0
 platform: ruby
 authors:
 - doabit
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-12-26 00:00:00.000000000 Z
+date: 2014-01-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler