semantic-ui-sass 0.0.2 → 0.0.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 43548f63a28e7e11f587faf299202548528b327f
-  data.tar.gz: 7efdd6a498a980adbb31e8ec372de93243bf60db
+  metadata.gz: 0beaebdf83162f8358d6ad8178442f818464ae5f
+  data.tar.gz: 140e77d6cabe8dda07a9b9edfe3f7ce2747e57d7
 SHA512:
-  metadata.gz: af2ca59c8266fe91899a2767637c712de8e40d877f6b6e6737a831b46bbf52e98ab0b1c59b5fbb9ecf6390a361014ac763d3d2642609466cb4cc184be2c9a62e
-  data.tar.gz: 3e314de76d1e3ff90864a148a1ee7a542057bc848233bbc19d088ce44ff96ee5324092dbb1b3bd0207c4fa3699db61386096c11390616301d4337816da75e4f1
+  metadata.gz: bf60549210270ba9e69f932089f7a17247aa6d8d1126d1e403ac022b91176f6445fb21b6c40ff84d69fda4a55f5a14d9934363310028121c5c9c702d1d227431
+  data.tar.gz: 413af6a38bd92eec963c94fe357870a699a9f11f4b33b231b3ffe0623dfb5f6005fa9586582da8cefa82073814a8de5622efce9b2d3513cbeccdb349ad88a690

data/CHANGELOG.md

@@ -1,3 +1,9 @@
+## 0.0.3
+
+* Fix typo in semantic-ui.js
+
+* Update Semantic UI
+
 ## 0.0.2
 
 ### Features

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

@@ -13,8 +13,7 @@
 //= require semantic-ui/tab
 //= require semantic-ui/transition
 //= require semantic-ui/video
-
-//= require semantic-ui/behavior//api
+//= require semantic-ui/behavior/api
 //= require semantic-ui/behavior/colorize
 //= require semantic-ui/behavior/form
-//= require semantic-ui/behavior/state
+//= require semantic-ui/behavior/state

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

@@ -15,19 +15,6 @@ $.fn.accordion = function(parameters) {
   var
     $allModules     = $(this),
 
-    settings        = ( $.isPlainObject(parameters) )
-      ? $.extend(true, {}, $.fn.accordion.settings, parameters)
-      : $.fn.accordion.settings,
-
-    className       = settings.className,
-    namespace       = settings.namespace,
-    selector        = settings.selector,
-    error           = settings.error,
-
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = 'module-' + namespace,
-    moduleSelector  = $allModules.selector || '',
-
     time            = new Date().getTime(),
     performance     = [],
 
@@ -39,6 +26,19 @@ $.fn.accordion = function(parameters) {
   $allModules
     .each(function() {
       var
+        settings        = ( $.isPlainObject(parameters) )
+          ? $.extend(true, {}, $.fn.accordion.settings, parameters)
+          : $.fn.accordion.settings,
+
+        className       = settings.className,
+        namespace       = settings.namespace,
+        selector        = settings.selector,
+        error           = settings.error,
+
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = 'module-' + namespace,
+        moduleSelector  = $allModules.selector || '',
+
         $module  = $(this),
         $title   = $module.find(selector.title),
         $content = $module.find(selector.content),
@@ -290,9 +290,6 @@ $.fn.accordion = function(parameters) {
             if(moduleSelector) {
               title += ' \'' + moduleSelector + '\'';
             }
-            if($allModules.size() > 1) {
-              title += ' ' + '(' + $allModules.size() + ')';
-            }
             if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
               console.groupCollapsed(title);
               if(console.table) {
@@ -393,8 +390,8 @@ $.fn.accordion.settings = {
   exclusive   : true,
   collapsible : true,
 
-  duration    : 300,
-  easing      : 'linear',
+  duration    : 500,
+  easing      : 'easeInOutQuint',
 
   onOpen      : function(){},
   onClose     : function(){},
@@ -416,4 +413,13 @@ $.fn.accordion.settings = {
 
 };
 
+// Adds easing
+$.extend( $.easing, {
+  easeInOutQuint: function (x, t, b, c, d) {
+    if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+    return c/2*((t-=2)*t*t*t*t + 2) + b;
+  }
+});
+
 })( jQuery, window , document );
+

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

@@ -13,19 +13,19 @@
 
 $.fn.chatroom = function(parameters) {
   var
-    settings  = $.extend(true, {}, $.fn.chatroom.settings, parameters),
-
-    className = settings.className,
-    namespace = settings.namespace,
-    selector  = settings.selector,
-    error     = settings.error,
-
     // hoist arguments
     moduleArguments = arguments || false
   ;
   $(this)
     .each(function() {
       var
+        settings  = $.extend(true, {}, $.fn.chatroom.settings, parameters),
+
+        className = settings.className,
+        namespace = settings.namespace,
+        selector  = settings.selector,
+        error     = settings.error,
+
         $module         = $(this),
 
         $expandButton   = $module.find(selector.expandButton),

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

@@ -14,16 +14,6 @@
 $.fn.checkbox = function(parameters) {
   var
     $allModules    = $(this),
-
-    settings       = $.extend(true, {}, $.fn.checkbox.settings, parameters),
-
-    className      = settings.className,
-    namespace      = settings.namespace,
-    error          = settings.error,
-
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = 'module-' + namespace,
-
     moduleSelector = $allModules.selector || '',
 
     time           = new Date().getTime(),
@@ -38,6 +28,15 @@ $.fn.checkbox = function(parameters) {
   $allModules
     .each(function() {
       var
+        settings        = $.extend(true, {}, $.fn.checkbox.settings, parameters),
+
+        className       = settings.className,
+        namespace       = settings.namespace,
+        error           = settings.error,
+
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = 'module-' + namespace,
+
         $module         = $(this),
         $label          = $(this).next(settings.selector.label).first(),
         $input          = $(this).find(settings.selector.input),

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

@@ -15,28 +15,12 @@ $.fn.dimmer = function(parameters) {
   var
     $allModules     = $(this),
 
-    settings        = ( $.isPlainObject(parameters) )
-      ? $.extend(true, {}, $.fn.dimmer.settings, parameters)
-      : $.fn.dimmer.settings,
-
-    selector        = settings.selector,
-    namespace       = settings.namespace,
-    className       = settings.className,
-    error           = settings.error,
-
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = 'module-' + namespace,
-    moduleSelector  = $allModules.selector || '',
-
     time            = new Date().getTime(),
     performance     = [],
 
     query           = arguments[0],
     methodInvoked   = (typeof query == 'string'),
     queryArguments  = [].slice.call(arguments, 1),
-    clickEvent      = ('ontouchstart' in document.documentElement)
-      ? 'touchstart'
-      : 'click',
 
     invokedResponse
   ;
@@ -44,6 +28,23 @@ $.fn.dimmer = function(parameters) {
   $allModules
     .each(function() {
       var
+        settings        = ( $.isPlainObject(parameters) )
+          ? $.extend(true, {}, $.fn.dimmer.settings, parameters)
+          : $.fn.dimmer.settings,
+
+        selector        = settings.selector,
+        namespace       = settings.namespace,
+        className       = settings.className,
+        error           = settings.error,
+
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = 'module-' + namespace,
+        moduleSelector  = $allModules.selector || '',
+
+        clickEvent      = ('ontouchstart' in document.documentElement)
+          ? 'touchstart'
+          : 'click',
+
         $module = $(this),
         $dimmer,
         $dimmable,
@@ -66,7 +67,7 @@ $.fn.dimmer = function(parameters) {
               $dimmer = $dimmable.children(selector.dimmer).first();
             }
             else {
-              module.create();
+              $dimmer = module.create();
             }
           }
         },
@@ -141,8 +142,7 @@ $.fn.dimmer = function(parameters) {
         },
 
         create: function() {
-          $dimmer = $( settings.template.dimmer() );
-          return $dimmer.appendTo($dimmable);
+          return $( settings.template.dimmer() ).appendTo($dimmable);
         },
 
         animate: {

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

@@ -8,7 +8,6 @@
  * http://opensource.org/licenses/MIT
  *
  */
-
 ;(function ( $, window, document, undefined ) {
 
 $.fn.dropdown = function(parameters) {
@@ -16,19 +15,7 @@ $.fn.dropdown = function(parameters) {
     $allModules = $(this),
     $document   = $(document),
 
-    settings    = ( $.isPlainObject(parameters) )
-      ? $.extend(true, {}, $.fn.dropdown.settings, parameters)
-      : $.fn.dropdown.settings,
-
-    className         = settings.className,
-    metadata          = settings.metadata,
-    namespace         = settings.namespace,
-    selector          = settings.selector,
-    error             = settings.error,
-
-    eventNamespace    = '.' + namespace,
-    dropdownNamespace = 'module-' + namespace,
-    dropdownSelector  = $allModules.selector || '',
+    moduleSelector  = $allModules.selector || '',
 
     time              = new Date().getTime(),
     performance       = [],
@@ -42,17 +29,30 @@ $.fn.dropdown = function(parameters) {
   $allModules
     .each(function() {
       var
-        $module       = $(this),
-        $item         = $module.find(selector.item),
-        $text         = $module.find(selector.text),
-        $input        = $module.find(selector.input),
+        settings          = ( $.isPlainObject(parameters) )
+          ? $.extend(true, {}, $.fn.dropdown.settings, parameters)
+          : $.fn.dropdown.settings,
+
+        className         = settings.className,
+        metadata          = settings.metadata,
+        namespace         = settings.namespace,
+        selector          = settings.selector,
+        error             = settings.error,
 
-        $menu         = $module.children(selector.menu),
+        eventNamespace    = '.' + namespace,
+        dropdownNamespace = 'module-' + namespace,
+        isTouchDevice     = ('ontouchstart' in document.documentElement),
 
-        isTouchDevice = ('ontouchstart' in document.documentElement),
+        $module           = $(this),
+        $item             = $module.find(selector.item),
+        $text             = $module.find(selector.text),
+        $input            = $module.find(selector.input),
 
-        element       = this,
-        instance      = $module.data(dropdownNamespace),
+        $menu             = $module.children(selector.menu),
+
+
+        element           = this,
+        instance          = $module.data(dropdownNamespace),
         module
       ;
 
@@ -112,10 +112,6 @@ $.fn.dropdown = function(parameters) {
 
         event: {
 
-          stopPropagation: function(event) {
-            event.stopPropagation();
-          },
-
           test: {
             toggle: function(event) {
               module.determine.intent(event, module.toggle);
@@ -173,7 +169,6 @@ $.fn.dropdown = function(parameters) {
                 ;
                 module.determine.selectAction(text, value);
                 $.proxy(settings.onChange, element)(value, text);
-                event.stopPropagation();
               }
             }
 
@@ -601,8 +596,8 @@ $.fn.dropdown = function(parameters) {
               totalTime += data['Execution Time'];
             });
             title += ' ' + totalTime + 'ms';
-            if(dropdownSelector) {
-              title += ' \'' + dropdownSelector + '\'';
+            if(moduleSelector) {
+              title += ' \'' + moduleSelector + '\'';
             }
             if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
               console.groupCollapsed(title);
@@ -622,7 +617,8 @@ $.fn.dropdown = function(parameters) {
         invoke: function(query, passedArguments, context) {
           var
             maxDepth,
-            found
+            found,
+            response
           ;
           passedArguments = passedArguments || queryArguments;
           context         = element         || context;
@@ -630,21 +626,46 @@ $.fn.dropdown = function(parameters) {
             query    = query.split(/[\. ]/);
             maxDepth = query.length - 1;
             $.each(query, function(depth, value) {
+              var camelCaseValue = (depth != maxDepth)
+                ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
+                : query
+              ;
               if( $.isPlainObject( instance[value] ) && (depth != maxDepth) ) {
                 instance = instance[value];
               }
+              else if( $.isPlainObject( instance[camelCaseValue] ) && (depth != maxDepth) ) {
+                instance = instance[camelCaseValue];
+              }
               else if( instance[value] !== undefined ) {
                 found = instance[value];
+                return false;
+              }
+              else if( instance[camelCaseValue] !== undefined ) {
+                found = instance[camelCaseValue];
+                return false;
               }
               else {
                 module.error(error.method);
+                return false;
               }
             });
           }
           if ( $.isFunction( found ) ) {
-            return found.apply(context, passedArguments);
+            response = found.apply(context, passedArguments);
+          }
+          else if(found !== undefined) {
+            response = found;
+          }
+          if($.isArray(invokedResponse)) {
+            invokedResponse.push(response);
+          }
+          else if(typeof invokedResponse == 'string') {
+            invokedResponse = [invokedResponse, response];
+          }
+          else if(response !== undefined) {
+            invokedResponse = response;
           }
-          return found || false;
+          return found;
         }
       };
 

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

@@ -17,19 +17,6 @@ $.fn.modal = function(parameters) {
     $window     = $(window),
     $document   = $(document),
 
-    settings    = ( $.isPlainObject(parameters) )
-      ? $.extend(true, {}, $.fn.modal.settings, parameters)
-      : $.fn.modal.settings,
-
-    selector        = settings.selector,
-    className       = settings.className,
-    namespace       = settings.namespace,
-    error           = settings.error,
-
-    eventNamespace  = '.' + namespace,
-    moduleNamespace = 'module-' + namespace,
-    moduleSelector  = $allModules.selector || '',
-
     time            = new Date().getTime(),
     performance     = [],
 
@@ -44,12 +31,26 @@ $.fn.modal = function(parameters) {
   $allModules
     .each(function() {
       var
+        settings    = ( $.isPlainObject(parameters) )
+          ? $.extend(true, {}, $.fn.modal.settings, parameters)
+          : $.fn.modal.settings,
+
+        selector        = settings.selector,
+        className       = settings.className,
+        namespace       = settings.namespace,
+        error           = settings.error,
+
+        eventNamespace  = '.' + namespace,
+        moduleNamespace = 'module-' + namespace,
+        moduleSelector  = $allModules.selector || '',
+
         $module      = $(this),
         $context     = $(settings.context),
         $otherModals = $allModules.not($module),
         $close       = $module.find(selector.close),
 
         $focusedElement,
+        $dimmable,
         $dimmer,
 
         element      = this,
@@ -62,8 +63,10 @@ $.fn.modal = function(parameters) {
         initialize: function() {
           module.verbose('Initializing dimmer', $context);
 
-          $dimmer = $context
+          $dimmable = $context
             .dimmer('add content', $module)
+          ;
+          $dimmer = $context
             .dimmer('get dimmer')
           ;
 
@@ -107,7 +110,7 @@ $.fn.modal = function(parameters) {
           ;
           event = $.isFunction(module[event])
             ? module[event]
-            : module.show
+            : module.toggle
           ;
           if($toggle.size() > 0) {
             module.debug('Attaching modal events to element', selector, event);
@@ -124,7 +127,14 @@ $.fn.modal = function(parameters) {
         event: {
           close: function() {
             module.verbose('Close button pressed');
-            $context.dimmer('hide');
+            module.hide();
+          },
+          click: function(event) {
+            module.verbose('Determining if event occured on dimmer', event);
+            if( $dimmer.find(event.target).size() === 0 ) {
+              module.hide();
+              event.stopImmediatePropagation();
+            }
           },
           debounce: function(method, delay) {
             clearTimeout(module.timer);
@@ -137,12 +147,12 @@ $.fn.modal = function(parameters) {
             ;
             if(keyCode == escapeKey) {
               module.debug('Escape key pressed hiding modal');
-              $context.dimmer('hide');
+              module.hide();
               event.preventDefault();
             }
           },
           resize: function() {
-            if( $context.dimmer('is active') ) {
+            if( $dimmable.dimmer('is active') ) {
               module.refresh();
             }
           }
@@ -164,20 +174,12 @@ $.fn.modal = function(parameters) {
           module.hideAll();
           if(settings.transition && $.fn.transition !== undefined) {
             $module
-              .transition(settings.transition + ' in', settings.duration, function() {
-                module.set.active();
-                module.save.focus();
-                module.set.type();
-              })
+              .transition(settings.transition + ' in', settings.duration, module.set.active)
             ;
           }
           else {
             $module
-              .fadeIn(settings.duration, settings.easing, function() {
-                module.set.active();
-                module.save.focus();
-                module.set.type();
-              })
+              .fadeIn(settings.duration, settings.easing, module.set.active)
             ;
           }
           module.debug('Triggering dimmer');
@@ -187,18 +189,35 @@ $.fn.modal = function(parameters) {
         showDimmer: function() {
           module.debug('Showing modal');
           module.set.dimmerSettings();
-          $context.dimmer('show');
+          $dimmable.dimmer('show');
         },
+
+        hide: function() {
+          if(settings.closable) {
+            $dimmer
+              .off('click' + eventNamespace)
+            ;
+          }
+          if( $dimmable.dimmer('is active') ) {
+            $dimmable.dimmer('hide');
+          }
+          if( module.is.active() ) {
+            module.hideModal();
+            $.proxy(settings.onHide, element)();
+          }
+          else {
+            module.debug('Cannot hide modal, modal is not visible');
+          }
+        },
+
         hideDimmer: function() {
-          $context.dimmer('hide');
+          module.debug('Hiding dimmer');
+          $dimmable.dimmer('hide');
         },
 
-        hide: function() {
+        hideModal: function() {
           module.debug('Hiding modal');
-          // remove keyboard detection
-          $document
-            .off('keyup.' + eventNamespace)
-          ;
+          module.remove.keyboardShortcuts();
           if(settings.transition && $.fn.transition !== undefined) {
             $module
               .transition(settings.transition + ' out', settings.duration, function() {
@@ -215,7 +234,6 @@ $.fn.modal = function(parameters) {
               })
             ;
           }
-          $.proxy(settings.onHide, element)();
         },
 
         hideAll: function() {
@@ -242,7 +260,9 @@ $.fn.modal = function(parameters) {
 
         restore: {
           focus: function() {
-            $focusedElement.focus();
+            if($focusedElement.size() > 0) {
+              $focusedElement.focus();
+            }
           }
         },
 
@@ -257,7 +277,7 @@ $.fn.modal = function(parameters) {
             ;
           },
           scrolling: function() {
-            $dimmer.removeClass(className.scrolling);
+            $dimmable.removeClass(className.scrolling);
             $module.removeClass(className.scrolling);
           }
         },
@@ -267,7 +287,7 @@ $.fn.modal = function(parameters) {
             height        : $module.outerHeight() + settings.offset,
             contextHeight : (settings.context == 'body')
               ? $(window).height()
-              : $context.height()
+              : $dimmable.height()
           };
           module.debug('Caching modal and container sizes', module.cache);
         },
@@ -286,27 +306,33 @@ $.fn.modal = function(parameters) {
 
         set: {
           active: function() {
-            $module.addClass(className.active);
+            module.save.focus();
+            module.set.type();
+            $module
+              .addClass(className.active)
+            ;
+            if(settings.closable) {
+              $dimmer
+                .on('click' + eventNamespace, module.event.click)
+              ;
+            }
           },
           dimmerSettings: function() {
-            module.debug('Setting dimmer settings', settings.closable);
-            $context
-              .dimmer('setting', 'closable', settings.closable)
+            module.debug('Setting dimmer settings', $dimmable);
+            $dimmable
+              .dimmer('setting', 'closable', false)
               .dimmer('setting', 'duration', {
                 show : settings.duration * 0.95,
                 hide : settings.duration * 1.05
               })
               .dimmer('setting', 'onShow' , module.add.keyboardShortcuts)
-              .dimmer('setting', 'onHide', function() {
-                module.hide();
-                module.remove.keyboardShortcuts();
-              })
+              // destory after changing settings in order to reattach events
               .dimmer('destroy')
               .dimmer('initialize')
             ;
           },
           scrolling: function() {
-            $dimmer.addClass(className.scrolling);
+            $dimmable.addClass(className.scrolling);
             $module.addClass(className.scrolling);
           },
           type: function() {