From 0340e609a045d2ce3e70d649df530756127489fb Mon Sep 17 00:00:00 2001
From: Santhosh Thottingal <santhosh.thottingal@gmail.com>
Date: Fri, 15 Mar 2013 14:57:19 +0530
Subject: [PATCH] Expose compact mode as an option

* some minor space cleanup
* Also close the ULS window when clicked outside

Change-Id: I06b465926196f79e47990e80e3b23f5a16474ba3
---
 css/jquery.uls.compact.css  |  2 +-
 examples/index-compact.html | 14 ++------------
 grunt.js                    |  2 +-
 src/jquery.uls.core.js      |  7 +++++++
 4 files changed, 11 insertions(+), 14 deletions(-)

diff --git a/css/jquery.uls.compact.css b/css/jquery.uls.compact.css
index f8a2d4c..6336d9f 100644
--- a/css/jquery.uls.compact.css
+++ b/css/jquery.uls.compact.css
@@ -18,7 +18,7 @@
 }
 
 .uls-compact .filterinput,
-.uls-compact .filterinput:focus  {
+.uls-compact .filterinput:focus {
 	background-color: transparent;
 	border: none;
 	box-shadow: none;
diff --git a/examples/index-compact.html b/examples/index-compact.html
index b2cd591..9305083 100644
--- a/examples/index-compact.html
+++ b/examples/index-compact.html
@@ -26,20 +26,10 @@
 					var languageName = $.uls.data.getAutonym( language );
 					$( '.uls-trigger' ).text( languageName );
 				},
+				compact: true,
 				quickList: [ 'en', 'hi', 'he', 'ml', 'ta', 'fr' ]
 			} );
-			$( '.uls-trigger' ).click( function () {
-				//Hacks to include optional classes and make the dialog close when clicking outside:
-				$( '.uls-menu' ).addClass( 'uls-compact' );
-				$( 'html' ).click( function () {
-					$( '.uls-menu' ).hide();
-				} );
-
-				$( '.uls-menu' ).click( function ( event ) {
-					event.stopPropagation();
-				} );
-				} );
-			} );
+		} );
 		</script>
 	</head>
 
diff --git a/grunt.js b/grunt.js
index bc694f6..811756a 100644
--- a/grunt.js
+++ b/grunt.js
@@ -23,7 +23,7 @@ module.exports = function(grunt) {
 					},
 					css: {
 						src: [ 'css/jquery.uls.css', 'css/jquery.uls.grid.css',
-							'css/jquery.uls.lcd.css' ],
+							'css/jquery.uls.lcd.css', 'css/jquery.uls.compact.css' ],
 						dest : 'dist/<%= pkg.name %>/css/<%= pkg.name %>.css'
 					}
 				},
diff --git a/src/jquery.uls.core.js b/src/jquery.uls.core.js
index af1133f..060d694 100644
--- a/src/jquery.uls.core.js
+++ b/src/jquery.uls.core.js
@@ -143,6 +143,10 @@
 				left: '25%'
 			} );
 
+			if ( this.options.compact ) {
+				this.$menu.addClass( 'uls-compact' );
+			}
+
 			if ( !this.initialized ) {
 				$( 'body' ).prepend( this.$menu );
 				this.i18n();
@@ -281,6 +285,8 @@
 					uls.$languageFilter.languagefilter( 'clear' );
 				}
 			} );
+
+			$( 'html' ).click( $.proxy( this.hide, this ) );
 		},
 
 		/**
@@ -383,6 +389,7 @@
 		languages: $.uls.data.getAutonyms(), // Languages to be used for ULS, default is all languages
 		quickList: null, // Array of language codes or function that returns such
 		lazyload: true, // Lazy load the language list when scrolled.
+		compact: false, // Show ULS in compact mode
 		showRegions: ['WW', 'AM', 'EU', 'ME', 'AF', 'AS', 'PA']
 	};