Added option to configure autocomplete widget. Closes ivirabyan#38

README.md

@@ -58,18 +58,16 @@ Don't use textarea value directly, because it contains special characters, used
   Data source for the autocomplete. See [jQuery Autocomplete API](http://api.jqueryui.com/autocomplete/#option-source) for available values.
 
   Source data is an array of objects with `uid` and `value` properties: `[{uid: '123', value: 'Alex'}, ...]`. If you want to display an icon in dropdown list, you can add an `image` property to objects in the array.
-
-#### delay
-  Delay for autocomplete to start searching. Default value is 0. More info in [jQuery Autocomplete API](http://api.jqueryui.com/autocomplete/#option-delay)
+
 #### trigger
   Char which trigger autocomplete, default value is '@'
 
-#### autoFocus
-  If this is true, first item is automatically focused in the dropdown. Default is true.
-
 #### widget
   Name of the autocomplete widget to use. May be useful when you want to somehow customize appearance of autocomplete widget, for example add headers to items list. You must inherit from widget, used internally (`ui.areacomplete` when you use textarea, and `ui.editablecomplete` when you use div with `contenteditable=true`).
 
+#### autocomplete
+  Options to pass to jQuery Autocomplete widget. Default is `{delay: 0, autoFocus: true}`.
+
 ## Methods
 
 #### getValue()

jquery.mentions.coffee

@@ -157,10 +157,12 @@ class MentionsInput extends MentionsBase
 
     constructor: (@input, options) ->
         @settings =
-            delay: 0
             trigger: '@',
-            autoFocus: true,
-            widget: 'areacomplete'
+            widget: 'areacomplete',
+            autocomplete: {
+                autoFocus: true,
+                delay: 0
+            }
 
         super @input, options
 
@@ -181,14 +183,13 @@ class MentionsInput extends MentionsBase
             @highlighter.removeClass('focus')
         )
 
-        @autocomplete = @input[@options.widget](
+        options = $.extend(
             matcher: @_getMatcher(),
             select: @_onSelect,
             source: @options.source,
-            delay: @options.delay,
-            appendTo: @input.parent(),
-            autoFocus: @options.autoFocus
-        )
+            appendTo: @input.parent()
+        , @options.autocomplete)
+        @autocomplete = @input[@options.widget](options)
 
         @_setValue(@input.val())
         @_initEvents()
@@ -353,21 +354,24 @@ class MentionsContenteditable extends MentionsBase
 
     constructor: (@input, options) ->
         @settings =
-            delay: 0
             trigger: '@',
-            autoFocus: true,
-            widget: 'editablecomplete'
+            widget: 'editablecomplete',
+            autocomplete: {
+                autoFocus: true,
+                delay: 0
+            }
 
         super @input, options
-        @autocomplete = @input[@options.widget](
+
+        options = $.extend(
             matcher: @_getMatcher(),
             suffix: @marker,
             select: @_onSelect,
             source: @options.source,
-            delay: @options.delay,
-            autoFocus: @options.autoFocus,
             showAtCaret: @options.showAtCaret
-        )
+        , @options.autocomplete)
+        @autocomplete = @input[@options.widget](options)
+
         @_setValue(@input.html())
         @_initEvents()