semantic-ui-rails 0.11.0 → 0.12.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: cab5036ffec4486fce505b51df41cb468e363d51
-  data.tar.gz: b20a43e6556b586ca7aa6cf941d57fa3ea1c13af
+  metadata.gz: 2200eca5105a4747bc0969637749c64591bc3c43
+  data.tar.gz: 0a4bc04dfd7477d8cdb430cd08f9af09776d4ac2
 SHA512:
-  metadata.gz: 671da5c38cf30ec6550ac6ea81379018e3921fa84a1999efef65a6b3d071336df02861d818e8cf54590f842bfd9192f9d00cae3ff6182f8894dcde72a351d652
-  data.tar.gz: 4a5e0a34a8e948a39e3988fe159289af6724e91cf940583314378e5175740730294052ec69b0e3fb0258a7414d1336e340add0a5a02015a7c77f70d93b0b82bb
+  metadata.gz: 8ea85e6b1fb28fa7600e4f43110ea540923b1f436eb2143c3ec86fdf68a675c554e82f791031b5d5d7cf0c624d65a5e98ae9e3c4d3c47d554d972b90a7f06f61
+  data.tar.gz: 66c708c9d0bc1258d03ded5d93118be73315f874c0d2c536b7ec7e7433568102daf5676911249d682b022d57c7a57ce28b0510bee929caaa18c424463abcc352

data/app/assets/javascripts/semantic-ui/modules/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/modules/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/modules/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/modules/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/modules/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/modules/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) {
@@ -154,6 +159,7 @@ $.fn.transition = function() {
           $module
             .one(animationEnd, function() {
               instance.queuing = false;
+              module.repaint();
               module.animate.apply(this, settings);
             })
           ;
@@ -540,6 +546,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');
           },
@@ -750,7 +760,7 @@ $.fn.transition.settings = {
   name        : 'Transition',
 
   // debug content outputted to console
-  debug       : false,
+  debug       : true,
 
   // verbose debug output
   verbose     : true,
@@ -766,9 +776,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 +801,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.less

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

data/app/assets/stylesheets/semantic-ui/elements/icon.less

@@ -458,8 +458,6 @@ i.icon.star {
 }
 
 /* left side icons */
-i.icon.left,
-i.icon.left,
 i.icon.left {
   width: auto;
   margin: 0em 0.5em 0em 0em;
@@ -467,8 +465,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.less

@@ -83,10 +83,10 @@
 ---------------------*/
 
 /* 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;
 }
 
@@ -300,6 +300,14 @@
   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.less

@@ -85,6 +85,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;
+  -moz-animation: none !important;
+  animation: none !important;
+}
+
 /*--------------
      Failed
 ---------------*/

data/app/assets/stylesheets/semantic-ui/elements/segment.less

@@ -128,6 +128,7 @@
   margin-bottom: 0em;
 }
 
+
 /*******************************
              Types
 *******************************/

data/app/assets/stylesheets/semantic-ui/modules/checkbox.less

@@ -65,29 +65,11 @@
 
   background: #FFFFFF;
 
-  -webkit-transition:
-    background-color 0.3s ease,
-    box-shadow 0.3s ease
-  ;
-  -moz-transition:
-    background-color 0.3s ease,
-    box-shadow 0.3s ease
-  ;
-  -o-transition:
-    background-color 0.3s ease,
-    box-shadow 0.3s ease
-  ;
-  -ms-transition:
-    background-color 0.3s ease,
-    box-shadow 0.3s ease
-  ;
   transition:
     background-color 0.3s ease,
     box-shadow 0.3s ease
   ;
 
-  -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
   box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.2);
 }
 
@@ -103,10 +85,6 @@
   border: 0.2em solid #333333;
   border-top: none;
   border-right: none;
-  -webkit-transform: rotate(-45deg);
-  -moz-transform: rotate(-45deg);
-  -o-transform: rotate(-45deg);
-  -ms-transform: rotate(-45deg);
   transform: rotate(-45deg);
 }
 .ui.checkbox .box:after,
@@ -121,10 +99,6 @@
 .ui.checkbox label {
   color: rgba(0, 0, 0, 0.6);
 
-  -webkit-transition: color 0.2s ease;
-  -moz-transition: color 0.2s ease;
-  -o-transition: color 0.2s ease;
-  -ms-transition: color 0.2s ease;
   transition: color 0.2s ease;
 }
 .ui.checkbox label:hover {
@@ -154,8 +128,6 @@
 /*--- Hover ---*/
 .ui.checkbox .box:hover::before,
 .ui.checkbox label:hover::before {
-  -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
-  -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
   box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
 }
 
@@ -168,8 +140,6 @@
 /*--- Focus ---*/
 .ui.checkbox input:focus + .box:before,
 .ui.checkbox input:focus + label:before {
-  -webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
-  -moz-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
   box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
 }
 
@@ -204,9 +174,8 @@
 .ui.radio.checkbox label:before {
   min-width: 1em;
   height: 1em;
-  -webkit-border-radius: 500px;
-  -moz-border-radius: 500px;
   border-radius: 500px;
+  transform: none;
 }
 .ui.radio.checkbox .box:after,
 .ui.radio.checkbox label:after {
@@ -220,9 +189,6 @@
   background-color: #555555;
 
   transform: none;
-
-  -webkit-border-radius: 500px;
-  -moz-border-radius: 500px;
   border-radius: 500px;
 }
 
@@ -265,16 +231,11 @@
   width: 1.5em;
   height: 1.5em;
 
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
+  transform: none;
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
 
   border-radius: 50rem;
 
-  -webkit-transition: left 0.3s ease 0s;
-  -moz-transition: left 0.3s ease 0s;
-  -o-transition: left 0.3s ease 0s;
-  -ms-transition: left 0.3s ease 0s;
   transition: left 0.3s ease 0s;
 }
 
@@ -299,22 +260,6 @@
 
   transform: none;
 
-  -webkit-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  -moz-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  -o-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  -ms-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
   transition:
     background 0.3s ease 0s,
     left 0.3s ease 0s
@@ -372,10 +317,8 @@
   width: 3em;
   height: 1.5em;
 
-  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-  -moz-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
+  transform: none;
   box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.1) inset;
-
   border-radius: 50rem;
 }
 
@@ -401,23 +344,6 @@
 
   background-color: #D95C5C;
   border-radius: 50rem;
-
-  -webkit-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  -moz-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  -o-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
-  -ms-transition:
-    background 0.3s ease 0s,
-    left 0.3s ease 0s
-  ;
   transition:
     background 0.3s ease 0s,
     left 0.3s ease 0s

data/app/assets/stylesheets/semantic-ui/modules/dimmer.less

@@ -33,42 +33,14 @@
   opacity: 0;
   line-height: 1;
 
-  -webkit-animation-fill-mode: both;
-  -moz-animation-fill-mode: both;
-  -o-animation-fill-mode: both;
-  -ms-animation-fill-mode: both;
   animation-fill-mode: both;
-
-  -webkit-animation-duration: 0.5s;
-  -moz-animation-duration: 0.5s;
-  -o-animation-duration: 0.5s;
-  -ms-animation-duration: 0.5s;
   animation-duration: 0.5s;
 
-  -webkit-transition:
-    background-color 0.5s linear
-  ;
-  -moz-transition:
-    background-color 0.5s linear
-  ;
-  -o-transition:
-    background-color 0.5s linear
-  ;
-  -ms-transition:
-    background-color 0.5s linear
-  ;
   transition:
     background-color 0.5s linear
   ;
 
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
   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;
@@ -79,10 +51,6 @@
   width: 100%;
   height: 100%;
   display: table;
-
-  -webkit-user-select: text;
-  -moz-user-select: text;
-  -ms-user-select: text;
   user-select: text;
 }
 .ui.dimmer > .content > div {
@@ -94,14 +62,10 @@
 
 /* Loose Coupling */
 .ui.segment > .ui.dimmer {
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
   border-radius: 5px;
 }
 .ui.horizontal.segment > .ui.dimmer,
 .ui.vertical.segment > .ui.dimmer {
-  -webkit-border-radius: 5px;
-  -moz-border-radius: 5px;
   border-radius: 5px;
 }
 
@@ -147,10 +111,10 @@
 .ui.scrolling.page.dimmer {
   position: absolute;
 }
-/*
+
+/* Blurred Background
 body.ui.dimmed.dimmable > :not(.dimmer){
-  -webkit-filter: ~"blur(15px) grayscale(0.7)";
-  -moz-filter: ~"blur(15px) grayscale(0.7)";
+  filter: ~"blur(15px) grayscale(0.7)";
 }
 */
 

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

@@ -1,7 +1,7 @@
 module Semantic
   module Ui
     module Rails
-      VERSION = "0.11.0"
+      VERSION = "0.12.0"
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: semantic-ui-rails
 version: !ruby/object:Gem::Version
-  version: 0.11.0
+  version: 0.12.0
 platform: ruby
 authors:
 - nd0ut
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-12-29 00:00:00.000000000 Z
+date: 2014-01-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: less-rails