bootstrap-3-typeahead - npm Package Compare versions

Comparing version 4.0.1 to 4.0.2

bootstrap3-typeahead.js

 /* =============================================================
- * bootstrap3-typeahead.js v3.1.0
+ * bootstrap3-typeahead.js v4.0.2
  * https://github.com/bassjobsen/Bootstrap-3-Typeahead
@@ -64,7 +64,9 @@ * =============================================================
     this.$appendTo = this.options.appendTo ? $(this.options.appendTo) : null;
+    this.fitToElement = typeof this.options.fitToElement == 'boolean' ? this.options.fitToElement : false;
     this.shown = false;
     this.listen();
-    this.showHintOnFocus = typeof this.options.showHintOnFocus == 'boolean' ? this.options.showHintOnFocus : false;
+    this.showHintOnFocus = typeof this.options.showHintOnFocus == 'boolean' || this.options.showHintOnFocus === "all" ? this.options.showHintOnFocus : false;
     this.afterSelect = this.options.afterSelect;
     this.addItem = false;
+    this.value = this.$element.val() || this.$element.text();
   };
@@ -79,3 +81,3 @@
       this.$element.data('active', val);
-      if(this.autoSelect || val) {
+      if (this.autoSelect || val) {
         var newVal = this.updater(val);
@@ -85,6 +87,7 @@ // Updater can be set to any random functions via "options" parameter in constructor above.
         if (!newVal) {
-          newVal = "";
+          newVal = '';
         }
         this.$element
           .val(this.displayText(newVal) || newVal)
+          .text(this.displayText(newVal) || newVal)
           .change();
@@ -107,5 +110,5 @@ this.afterSelect(newVal);
         height: this.$element[0].offsetHeight
-      }), scrollHeight;
+      });
 
-      scrollHeight = typeof this.options.scrollHeight == 'function' ?
+      var scrollHeight = typeof this.options.scrollHeight == 'function' ?
           this.options.scrollHeight.call() :
@@ -119,11 +122,30 @@ this.options.scrollHeight;
         element = this.$menu.appendTo(this.$appendTo);
+        this.hasSameParent = this.$appendTo.is(this.$element.parent());
       } else {
         element = this.$menu.insertAfter(this.$element);
+        this.hasSameParent = true;
+      }      
+      
+      if (!this.hasSameParent) {
+          // We cannot rely on the element position, need to position relative to the window
+          element.css("position", "fixed");
+          var offset = this.$element.offset();
+          pos.top =  offset.top;
+          pos.left = offset.left;
       }
-      element.css({
-          top: pos.top + pos.height + scrollHeight
-        , left: pos.left
-        })
-        .show();
+      // The rules for bootstrap are: 'dropup' in the parent and 'dropdown-menu-right' in the element.
+      // Note that to get right alignment, you'll need to specify `menu` in the options to be:
+      // '<ul class="typeahead dropdown-menu" role="listbox"></ul>'
+      var dropup = $(element).parent().hasClass('dropup');
+      var newTop = dropup ? 'auto' : (pos.top + pos.height + scrollHeight);
+      var right = $(element).hasClass('dropdown-menu-right');
+      var newLeft = right ? 'auto' : pos.left;
+      // it seems like setting the css is a bad idea (just let Bootstrap do it), but I'll keep the old
+      // logic in place except for the dropup/right-align cases.
+      element.css({ top: newTop, left: newLeft }).show();
 
+      if (this.options.fitToElement === true) {
+          element.css("width", this.$element.outerWidth() + "px");
+      }
+    
       this.shown = true;
@@ -144,3 +166,3 @@ return this;
       } else {
-        this.query = this.$element.val() ||  '';
+        this.query = this.$element.val() || this.$element.text() || '';
       }
@@ -152,6 +174,7 @@
 
-      var worker = $.proxy(function() {
+      var worker = $.proxy(function () {
 
-        if($.isFunction(this.source)) this.source(this.query, $.proxy(this.process, this));
-        else if (this.source) {
+        if ($.isFunction(this.source)) {
+          this.source(this.query, $.proxy(this.process, this));
+        } else if (this.source) {
           this.process(this.source);
@@ -197,3 +220,3 @@ }
     matcher: function (item) {
-    var it = this.displayText(item);
+      var it = this.displayText(item);
       return ~it.toLowerCase().indexOf(this.query.toLowerCase());
@@ -203,6 +226,6 @@ },
     sorter: function (items) {
-      var beginswith = []
-        , caseSensitive = []
-        , caseInsensitive = []
-        , item;
+      var beginswith = [];
+      var caseSensitive = [];
+      var caseInsensitive = [];
+      var item;
 
@@ -220,22 +243,25 @@ while ((item = items.shift())) {
     highlighter: function (item) {
-          var html = $('<div></div>');
-          var query = this.query;
-          var i = item.toLowerCase().indexOf(query.toLowerCase());
-          var len, leftPart, middlePart, rightPart, strong;
-          len = query.length;
-          if(len === 0){
-              return html.text(item).html();
-          }
-          while (i > -1) {
-              leftPart = item.substr(0, i);
-              middlePart = item.substr(i, len);
-              rightPart = item.substr(i + len);
-              strong = $('<strong></strong>').text(middlePart);
-              html
-                  .append(document.createTextNode(leftPart))
-                  .append(strong);
-              item = rightPart;
-              i = item.toLowerCase().indexOf(query.toLowerCase());
-          }
-          return html.append(document.createTextNode(item)).html();
+      var html = $('<div></div>');
+      var query = this.query;
+      var i = item.toLowerCase().indexOf(query.toLowerCase());
+      var len = query.length;
+      var leftPart;
+      var middlePart;
+      var rightPart;
+      var strong;
+      if (len === 0) {
+        return html.text(item).html();
+      }
+      while (i > -1) {
+        leftPart = item.substr(0, i);
+        middlePart = item.substr(i, len);
+        rightPart = item.substr(i + len);
+        strong = $('<strong></strong>').text(middlePart);
+        html
+          .append(document.createTextNode(leftPart))
+          .append(strong);
+        item = rightPart;
+        i = item.toLowerCase().indexOf(query.toLowerCase());
+      }
+      return html.append(document.createTextNode(item)).html();
     },
@@ -254,3 +280,3 @@
           data.push({
-              __type: 'divider'
+            __type: 'divider'
           });
@@ -262,4 +288,4 @@ }
           data.push({
-              __type: 'category',
-              name: value[_category]
+            __type: 'category',
+            name: value[_category]
           });
@@ -271,9 +297,8 @@ }
       items = $(data).map(function (i, item) {
-
         if ((item.__type || false) == 'category'){
-            return $(that.options.headerHtml).text(item.name)[0];
+          return $(that.options.headerHtml).text(item.name)[0];
         }
 
         if ((item.__type || false) == 'divider'){
-            return $(that.options.headerDivider)[0];
+          return $(that.options.headerDivider)[0];
         }
@@ -285,5 +310,5 @@
         if (text == self.$element.val()) {
-            i.addClass('active');
-            self.$element.data('active', item);
-            activeFound = true;
+          i.addClass('active');
+          self.$element.data('active', item);
+          activeFound = true;
         }
@@ -301,3 +326,3 @@ return i[0];
 
-    displayText: function(item) {
+    displayText: function (item) {
       return typeof item !== 'undefined' && typeof item.name != 'undefined' && item.name || item;
@@ -307,4 +332,4 @@ },
     next: function (event) {
-      var active = this.$menu.find('.active').removeClass('active')
-        , next = active.next();
+      var active = this.$menu.find('.active').removeClass('active');
+      var next = active.next();
 
@@ -319,4 +344,4 @@ if (!next.length) {
     prev: function (event) {
-      var active = this.$menu.find('.active').removeClass('active')
-        , prev = active.prev();
+      var active = this.$menu.find('.active').removeClass('active');
+      var prev = active.prev();
 
@@ -345,3 +370,4 @@ if (!prev.length) {
         .on('mouseenter', 'li', $.proxy(this.mouseenter, this))
-        .on('mouseleave', 'li', $.proxy(this.mouseleave, this));
+        .on('mouseleave', 'li', $.proxy(this.mouseleave, this))
+        .on('mousedown', $.proxy(this.mousedown,this));
     },
@@ -364,5 +390,6 @@
       this.$menu.remove();
+      this.destroyed = true;
     },
 
-    eventSupported: function(eventName) {
+    eventSupported: function (eventName) {
       var isSupported = eventName in this.$element;
@@ -379,3 +406,3 @@ if (!isSupported) {
 
-      switch(e.keyCode) {
+      switch (e.keyCode) {
         case 9: // tab
@@ -416,10 +443,18 @@ case 13: // enter
     },
-    
+
     input: function (e) {
-      this.lookup();
-      e.preventDefault();
+      // This is a fixed for IE10/11 that fires the input event when a placehoder is changed
+      // (https://connect.microsoft.com/IE/feedback/details/810538/ie-11-fires-input-event-on-focus)
+      var currentValue = this.$element.val() || this.$element.text();
+      if (this.value !== currentValue) {
+        this.value = currentValue;
+        this.lookup();
+      }
     },
 
     keyup: function (e) {
-      switch(e.keyCode) {
+      if (this.destroyed) {
+        return;
+      }
+      switch (e.keyCode) {
         case 40: // down arrow
@@ -444,17 +479,32 @@ case 38: // up arrow
 
-      e.preventDefault();
-   },
 
-   focus: function (e) {
+    },
+
+    focus: function (e) {
       if (!this.focused) {
         this.focused = true;
-        if (this.options.showHintOnFocus) {
-          this.lookup('');
+        if (this.options.showHintOnFocus && this.skipShowHintOnFocus !== true) {
+          if(this.options.showHintOnFocus === "all") {
+            this.lookup(""); 
+          } else {
+            this.lookup();
+          }
         }
       }
+      if (this.skipShowHintOnFocus) {
+        this.skipShowHintOnFocus = false;
+      }
     },
 
     blur: function (e) {
-      this.focused = false;
-      if (!this.mousedover && this.shown) this.hide();
+      if (!this.mousedover && !this.mouseddown && this.shown) {
+        this.hide();
+        this.focused = false;
+      } else if (this.mouseddown) {
+        // This is for IE that blurs the input when user clicks on scroll.
+        // We set the focus back on the input and prevent the lookup to occur again
+        this.skipShowHintOnFocus = true;
+        this.$element.focus();
+        this.mouseddown = false;
+      } 
     },
@@ -464,2 +514,3 @@
       e.preventDefault();
+      this.skipShowHintOnFocus = true;
       this.select();
@@ -479,4 +530,15 @@ this.$element.focus();
       if (!this.focused && this.shown) this.hide();
-    }
+    },
 
+   /**
+     * We track the mousedown for IE. When clicking on the menu scrollbar, IE makes the input blur thus hiding the menu.
+     */
+    mousedown: function (e) {
+      this.mouseddown = true;
+      this.$menu.one("mouseup", function(e){
+        // IE won't fire this, but FF and Chrome will so we reset our flag for them here
+        this.mouseddown = false;
+      }.bind(this));
+    },
+
   };
@@ -492,17 +554,17 @@
     var arg = arguments;
-     if (typeof option == 'string' && option == 'getActive') {
-        return this.data('active');
-     }
+    if (typeof option == 'string' && option == 'getActive') {
+      return this.data('active');
+    }
     return this.each(function () {
-      var $this = $(this)
-        , data = $this.data('typeahead')
-        , options = typeof option == 'object' && option;
+      var $this = $(this);
+      var data = $this.data('typeahead');
+      var options = typeof option == 'object' && option;
       if (!data) $this.data('typeahead', (data = new Typeahead(this, options)));
       if (typeof option == 'string' && data[option]) {
         if (arg.length > 1) {
-          data[option].apply(data, Array.prototype.slice.call(arg ,1));
+          data[option].apply(data, Array.prototype.slice.call(arg, 1));
         } else {
           data[option]();
         }
-      } 
+      }
     });
@@ -512,15 +574,15 @@ };
   $.fn.typeahead.defaults = {
-        source: [],
-        items: 8,
-        menu: '<ul class="typeahead dropdown-menu" role="listbox"></ul>',
-        item: '<li><a class="dropdown-item" href="#" role="option"></a></li>',
-        minLength: 1,
-        scrollHeight: 0,
-        autoSelect: true,
-        afterSelect: $.noop,
-        addItem: false,
-        delay: 0,
-        separator: 'category',
-        headerHtml: '<li class="dropdown-header"></li>',
-        headerDivider: '<li class="divider" role="separator"></li>'
+    source: [],
+    items: 8,
+    menu: '<ul class="typeahead dropdown-menu" role="listbox"></ul>',
+    item: '<li><a class="dropdown-item" href="#" role="option"></a></li>',
+    minLength: 1,
+    scrollHeight: 0,
+    autoSelect: true,
+    afterSelect: $.noop,
+    addItem: false,
+    delay: 0,
+    separator: 'category',
+    headerHtml: '<li class="dropdown-header"></li>',
+    headerDivider: '<li class="divider" role="separator"></li>'
   };
@@ -530,3 +592,2 @@
 
-
  /* TYPEAHEAD NO CONFLICT
@@ -533,0 +594,0 @@ * =================== */

bootstrap3-typeahead.min.js

@@ -1,1 +0,1 @@
-!function(a,b){"use strict";"undefined"!=typeof module&&module.exports?module.exports=b(require("jquery")):"function"==typeof define&&define.amd?define(["jquery"],function(a){return b(a)}):b(a.jQuery)}(this,function(a){"use strict";var b=function(b,c){this.$element=a(b),this.options=a.extend({},a.fn.typeahead.defaults,c),this.matcher=this.options.matcher||this.matcher,this.sorter=this.options.sorter||this.sorter,this.select=this.options.select||this.select,this.autoSelect="boolean"==typeof this.options.autoSelect?this.options.autoSelect:!0,this.highlighter=this.options.highlighter||this.highlighter,this.render=this.options.render||this.render,this.updater=this.options.updater||this.updater,this.displayText=this.options.displayText||this.displayText,this.source=this.options.source,this.delay=this.options.delay,this.$menu=a(this.options.menu),this.$appendTo=this.options.appendTo?a(this.options.appendTo):null,this.shown=!1,this.listen(),this.showHintOnFocus="boolean"==typeof this.options.showHintOnFocus?this.options.showHintOnFocus:!1,this.afterSelect=this.options.afterSelect,this.addItem=!1};b.prototype={constructor:b,select:function(){var a=this.$menu.find(".active").data("value");if(this.$element.data("active",a),this.autoSelect||a){var b=this.updater(a);b||(b=""),this.$element.val(this.displayText(b)||b).change(),this.afterSelect(b)}return this.hide()},updater:function(a){return a},setSource:function(a){this.source=a},show:function(){var b,c=a.extend({},this.$element.position(),{height:this.$element[0].offsetHeight});b="function"==typeof this.options.scrollHeight?this.options.scrollHeight.call():this.options.scrollHeight;var d;return d=this.shown?this.$menu:this.$appendTo?this.$menu.appendTo(this.$appendTo):this.$menu.insertAfter(this.$element),d.css({top:c.top+c.height+b,left:c.left}).show(),this.shown=!0,this},hide:function(){return this.$menu.hide(),this.shown=!1,this},lookup:function(b){if("undefined"!=typeof b&&null!==b?this.query=b:this.query=this.$element.val()||"",this.query.length<this.options.minLength&&!this.options.showHintOnFocus)return this.shown?this.hide():this;var c=a.proxy(function(){a.isFunction(this.source)?this.source(this.query,a.proxy(this.process,this)):this.source&&this.process(this.source)},this);clearTimeout(this.lookupWorker),this.lookupWorker=setTimeout(c,this.delay)},process:function(b){var c=this;return b=a.grep(b,function(a){return c.matcher(a)}),b=this.sorter(b),b.length||this.options.addItem?(b.length>0?this.$element.data("active",b[0]):this.$element.data("active",null),this.options.addItem&&b.push(this.options.addItem),"all"==this.options.items?this.render(b).show():this.render(b.slice(0,this.options.items)).show()):this.shown?this.hide():this},matcher:function(a){var b=this.displayText(a);return~b.toLowerCase().indexOf(this.query.toLowerCase())},sorter:function(a){for(var b,c=[],d=[],e=[];b=a.shift();){var f=this.displayText(b);f.toLowerCase().indexOf(this.query.toLowerCase())?~f.indexOf(this.query)?d.push(b):e.push(b):c.push(b)}return c.concat(d,e)},highlighter:function(b){var c,d,e,f,g,h=a("<div></div>"),i=this.query,j=b.toLowerCase().indexOf(i.toLowerCase());if(c=i.length,0===c)return h.text(b).html();for(;j>-1;)d=b.substr(0,j),e=b.substr(j,c),f=b.substr(j+c),g=a("<strong></strong>").text(e),h.append(document.createTextNode(d)).append(g),b=f,j=b.toLowerCase().indexOf(i.toLowerCase());return h.append(document.createTextNode(b)).html()},render:function(b){var c=this,d=this,e=!1,f=[],g=c.options.separator;return a.each(b,function(a,c){a>0&&c[g]!==b[a-1][g]&&f.push({__type:"divider"}),!c[g]||0!==a&&c[g]===b[a-1][g]||f.push({__type:"category",name:c[g]}),f.push(c)}),b=a(f).map(function(b,f){if("category"==(f.__type||!1))return a(c.options.headerHtml).text(f.name)[0];if("divider"==(f.__type||!1))return a(c.options.headerDivider)[0];var g=d.displayText(f);return b=a(c.options.item).data("value",f),b.find("a").html(c.highlighter(g,f)),g==d.$element.val()&&(b.addClass("active"),d.$element.data("active",f),e=!0),b[0]}),this.autoSelect&&!e&&(b.filter(":not(.dropdown-header)").first().addClass("active"),this.$element.data("active",b.first().data("value"))),this.$menu.html(b),this},displayText:function(a){return"undefined"!=typeof a&&"undefined"!=typeof a.name&&a.name||a},next:function(b){var c=this.$menu.find(".active").removeClass("active"),d=c.next();d.length||(d=a(this.$menu.find("li")[0])),d.addClass("active")},prev:function(a){var b=this.$menu.find(".active").removeClass("active"),c=b.prev();c.length||(c=this.$menu.find("li").last()),c.addClass("active")},listen:function(){this.$element.on("focus",a.proxy(this.focus,this)).on("blur",a.proxy(this.blur,this)).on("keypress",a.proxy(this.keypress,this)).on("input",a.proxy(this.input,this)).on("keyup",a.proxy(this.keyup,this)),this.eventSupported("keydown")&&this.$element.on("keydown",a.proxy(this.keydown,this)),this.$menu.on("click",a.proxy(this.click,this)).on("mouseenter","li",a.proxy(this.mouseenter,this)).on("mouseleave","li",a.proxy(this.mouseleave,this))},destroy:function(){this.$element.data("typeahead",null),this.$element.data("active",null),this.$element.off("focus").off("blur").off("keypress").off("input").off("keyup"),this.eventSupported("keydown")&&this.$element.off("keydown"),this.$menu.remove()},eventSupported:function(a){var b=a in this.$element;return b||(this.$element.setAttribute(a,"return;"),b="function"==typeof this.$element[a]),b},move:function(a){if(this.shown)switch(a.keyCode){case 9:case 13:case 27:a.preventDefault();break;case 38:if(a.shiftKey)return;a.preventDefault(),this.prev();break;case 40:if(a.shiftKey)return;a.preventDefault(),this.next()}},keydown:function(b){this.suppressKeyPressRepeat=~a.inArray(b.keyCode,[40,38,9,13,27]),this.shown||40!=b.keyCode?this.move(b):this.lookup()},keypress:function(a){this.suppressKeyPressRepeat||this.move(a)},input:function(a){this.lookup(),a.preventDefault()},keyup:function(a){switch(a.keyCode){case 40:case 38:case 16:case 17:case 18:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide()}a.preventDefault()},focus:function(a){this.focused||(this.focused=!0,this.options.showHintOnFocus&&this.lookup(""))},blur:function(a){this.focused=!1,!this.mousedover&&this.shown&&this.hide()},click:function(a){a.preventDefault(),this.select(),this.$element.focus(),this.hide()},mouseenter:function(b){this.mousedover=!0,this.$menu.find(".active").removeClass("active"),a(b.currentTarget).addClass("active")},mouseleave:function(a){this.mousedover=!1,!this.focused&&this.shown&&this.hide()}};var c=a.fn.typeahead;a.fn.typeahead=function(c){var d=arguments;return"string"==typeof c&&"getActive"==c?this.data("active"):this.each(function(){var e=a(this),f=e.data("typeahead"),g="object"==typeof c&&c;f||e.data("typeahead",f=new b(this,g)),"string"==typeof c&&f[c]&&(d.length>1?f[c].apply(f,Array.prototype.slice.call(d,1)):f[c]())})},a.fn.typeahead.defaults={source:[],items:8,menu:'<ul class="typeahead dropdown-menu" role="listbox"></ul>',item:'<li><a class="dropdown-item" href="#" role="option"></a></li>',minLength:1,scrollHeight:0,autoSelect:!0,afterSelect:a.noop,addItem:!1,delay:0,separator:"category",headerHtml:'<li class="dropdown-header"></li>',headerDivider:'<li class="divider" role="separator"></li>'},a.fn.typeahead.Constructor=b,a.fn.typeahead.noConflict=function(){return a.fn.typeahead=c,this},a(document).on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(b){var c=a(this);c.data("typeahead")||c.typeahead(c.data())})});
+(function(root,factory){"use strict";if(typeof module!=="undefined"&&module.exports){module.exports=factory(require("jquery"))}else if(typeof define==="function"&&define.amd){define(["jquery"],function($){return factory($)})}else{factory(root.jQuery)}})(this,function($){"use strict";var Typeahead=function(element,options){this.$element=$(element);this.options=$.extend({},$.fn.typeahead.defaults,options);this.matcher=this.options.matcher||this.matcher;this.sorter=this.options.sorter||this.sorter;this.select=this.options.select||this.select;this.autoSelect=typeof this.options.autoSelect=="boolean"?this.options.autoSelect:true;this.highlighter=this.options.highlighter||this.highlighter;this.render=this.options.render||this.render;this.updater=this.options.updater||this.updater;this.displayText=this.options.displayText||this.displayText;this.source=this.options.source;this.delay=this.options.delay;this.$menu=$(this.options.menu);this.$appendTo=this.options.appendTo?$(this.options.appendTo):null;this.fitToElement=typeof this.options.fitToElement=="boolean"?this.options.fitToElement:false;this.shown=false;this.listen();this.showHintOnFocus=typeof this.options.showHintOnFocus=="boolean"||this.options.showHintOnFocus==="all"?this.options.showHintOnFocus:false;this.afterSelect=this.options.afterSelect;this.addItem=false;this.value=this.$element.val()||this.$element.text()};Typeahead.prototype={constructor:Typeahead,select:function(){var val=this.$menu.find(".active").data("value");this.$element.data("active",val);if(this.autoSelect||val){var newVal=this.updater(val);if(!newVal){newVal=""}this.$element.val(this.displayText(newVal)||newVal).text(this.displayText(newVal)||newVal).change();this.afterSelect(newVal)}return this.hide()},updater:function(item){return item},setSource:function(source){this.source=source},show:function(){var pos=$.extend({},this.$element.position(),{height:this.$element[0].offsetHeight});var scrollHeight=typeof this.options.scrollHeight=="function"?this.options.scrollHeight.call():this.options.scrollHeight;var element;if(this.shown){element=this.$menu}else if(this.$appendTo){element=this.$menu.appendTo(this.$appendTo);this.hasSameParent=this.$appendTo.is(this.$element.parent())}else{element=this.$menu.insertAfter(this.$element);this.hasSameParent=true}if(!this.hasSameParent){element.css("position","fixed");var offset=this.$element.offset();pos.top=offset.top;pos.left=offset.left}var dropup=$(element).parent().hasClass("dropup");var newTop=dropup?"auto":pos.top+pos.height+scrollHeight;var right=$(element).hasClass("dropdown-menu-right");var newLeft=right?"auto":pos.left;element.css({top:newTop,left:newLeft}).show();if(this.options.fitToElement===true){element.css("width",this.$element.outerWidth()+"px")}this.shown=true;return this},hide:function(){this.$menu.hide();this.shown=false;return this},lookup:function(query){var items;if(typeof query!="undefined"&&query!==null){this.query=query}else{this.query=this.$element.val()||this.$element.text()||""}if(this.query.length<this.options.minLength&&!this.options.showHintOnFocus){return this.shown?this.hide():this}var worker=$.proxy(function(){if($.isFunction(this.source)){this.source(this.query,$.proxy(this.process,this))}else if(this.source){this.process(this.source)}},this);clearTimeout(this.lookupWorker);this.lookupWorker=setTimeout(worker,this.delay)},process:function(items){var that=this;items=$.grep(items,function(item){return that.matcher(item)});items=this.sorter(items);if(!items.length&&!this.options.addItem){return this.shown?this.hide():this}if(items.length>0){this.$element.data("active",items[0])}else{this.$element.data("active",null)}if(this.options.addItem){items.push(this.options.addItem)}if(this.options.items=="all"){return this.render(items).show()}else{return this.render(items.slice(0,this.options.items)).show()}},matcher:function(item){var it=this.displayText(item);return~it.toLowerCase().indexOf(this.query.toLowerCase())},sorter:function(items){var beginswith=[];var caseSensitive=[];var caseInsensitive=[];var item;while(item=items.shift()){var it=this.displayText(item);if(!it.toLowerCase().indexOf(this.query.toLowerCase()))beginswith.push(item);else if(~it.indexOf(this.query))caseSensitive.push(item);else caseInsensitive.push(item)}return beginswith.concat(caseSensitive,caseInsensitive)},highlighter:function(item){var html=$("<div></div>");var query=this.query;var i=item.toLowerCase().indexOf(query.toLowerCase());var len=query.length;var leftPart;var middlePart;var rightPart;var strong;if(len===0){return html.text(item).html()}while(i>-1){leftPart=item.substr(0,i);middlePart=item.substr(i,len);rightPart=item.substr(i+len);strong=$("<strong></strong>").text(middlePart);html.append(document.createTextNode(leftPart)).append(strong);item=rightPart;i=item.toLowerCase().indexOf(query.toLowerCase())}return html.append(document.createTextNode(item)).html()},render:function(items){var that=this;var self=this;var activeFound=false;var data=[];var _category=that.options.separator;$.each(items,function(key,value){if(key>0&&value[_category]!==items[key-1][_category]){data.push({__type:"divider"})}if(value[_category]&&(key===0||value[_category]!==items[key-1][_category])){data.push({__type:"category",name:value[_category]})}data.push(value)});items=$(data).map(function(i,item){if((item.__type||false)=="category"){return $(that.options.headerHtml).text(item.name)[0]}if((item.__type||false)=="divider"){return $(that.options.headerDivider)[0]}var text=self.displayText(item);i=$(that.options.item).data("value",item);i.find("a").html(that.highlighter(text,item));if(text==self.$element.val()){i.addClass("active");self.$element.data("active",item);activeFound=true}return i[0]});if(this.autoSelect&&!activeFound){items.filter(":not(.dropdown-header)").first().addClass("active");this.$element.data("active",items.first().data("value"))}this.$menu.html(items);return this},displayText:function(item){return typeof item!=="undefined"&&typeof item.name!="undefined"&&item.name||item},next:function(event){var active=this.$menu.find(".active").removeClass("active");var next=active.next();if(!next.length){next=$(this.$menu.find("li")[0])}next.addClass("active")},prev:function(event){var active=this.$menu.find(".active").removeClass("active");var prev=active.prev();if(!prev.length){prev=this.$menu.find("li").last()}prev.addClass("active")},listen:function(){this.$element.on("focus",$.proxy(this.focus,this)).on("blur",$.proxy(this.blur,this)).on("keypress",$.proxy(this.keypress,this)).on("input",$.proxy(this.input,this)).on("keyup",$.proxy(this.keyup,this));if(this.eventSupported("keydown")){this.$element.on("keydown",$.proxy(this.keydown,this))}this.$menu.on("click",$.proxy(this.click,this)).on("mouseenter","li",$.proxy(this.mouseenter,this)).on("mouseleave","li",$.proxy(this.mouseleave,this)).on("mousedown",$.proxy(this.mousedown,this))},destroy:function(){this.$element.data("typeahead",null);this.$element.data("active",null);this.$element.off("focus").off("blur").off("keypress").off("input").off("keyup");if(this.eventSupported("keydown")){this.$element.off("keydown")}this.$menu.remove();this.destroyed=true},eventSupported:function(eventName){var isSupported=eventName in this.$element;if(!isSupported){this.$element.setAttribute(eventName,"return;");isSupported=typeof this.$element[eventName]==="function"}return isSupported},move:function(e){if(!this.shown)return;switch(e.keyCode){case 9:case 13:case 27:e.preventDefault();break;case 38:if(e.shiftKey)return;e.preventDefault();this.prev();break;case 40:if(e.shiftKey)return;e.preventDefault();this.next();break}},keydown:function(e){this.suppressKeyPressRepeat=~$.inArray(e.keyCode,[40,38,9,13,27]);if(!this.shown&&e.keyCode==40){this.lookup()}else{this.move(e)}},keypress:function(e){if(this.suppressKeyPressRepeat)return;this.move(e)},input:function(e){var currentValue=this.$element.val()||this.$element.text();if(this.value!==currentValue){this.value=currentValue;this.lookup()}},keyup:function(e){if(this.destroyed){return}switch(e.keyCode){case 40:case 38:case 16:case 17:case 18:break;case 9:case 13:if(!this.shown)return;this.select();break;case 27:if(!this.shown)return;this.hide();break}},focus:function(e){if(!this.focused){this.focused=true;if(this.options.showHintOnFocus&&this.skipShowHintOnFocus!==true){if(this.options.showHintOnFocus==="all"){this.lookup("")}else{this.lookup()}}}if(this.skipShowHintOnFocus){this.skipShowHintOnFocus=false}},blur:function(e){if(!this.mousedover&&!this.mouseddown&&this.shown){this.hide();this.focused=false}else if(this.mouseddown){this.skipShowHintOnFocus=true;this.$element.focus();this.mouseddown=false}},click:function(e){e.preventDefault();this.skipShowHintOnFocus=true;this.select();this.$element.focus();this.hide()},mouseenter:function(e){this.mousedover=true;this.$menu.find(".active").removeClass("active");$(e.currentTarget).addClass("active")},mouseleave:function(e){this.mousedover=false;if(!this.focused&&this.shown)this.hide()},mousedown:function(e){this.mouseddown=true;this.$menu.one("mouseup",function(e){this.mouseddown=false}.bind(this))}};var old=$.fn.typeahead;$.fn.typeahead=function(option){var arg=arguments;if(typeof option=="string"&&option=="getActive"){return this.data("active")}return this.each(function(){var $this=$(this);var data=$this.data("typeahead");var options=typeof option=="object"&&option;if(!data)$this.data("typeahead",data=new Typeahead(this,options));if(typeof option=="string"&&data[option]){if(arg.length>1){data[option].apply(data,Array.prototype.slice.call(arg,1))}else{data[option]()}}})};$.fn.typeahead.defaults={source:[],items:8,menu:'<ul class="typeahead dropdown-menu" role="listbox"></ul>',item:'<li><a class="dropdown-item" href="#" role="option"></a></li>',minLength:1,scrollHeight:0,autoSelect:true,afterSelect:$.noop,addItem:false,delay:0,separator:"category",headerHtml:'<li class="dropdown-header"></li>',headerDivider:'<li class="divider" role="separator"></li>'};$.fn.typeahead.Constructor=Typeahead;$.fn.typeahead.noConflict=function(){$.fn.typeahead=old;return this};$(document).on("focus.typeahead.data-api",'[data-provide="typeahead"]',function(e){var $this=$(this);if($this.data("typeahead"))return;$this.typeahead($this.data())})});

bower.json

 {
   "name": "bootstrap3-typeahead",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "authors": [
@@ -5,0 +5,0 @@ "bassjobsen"

package.json

 {
   "name": "bootstrap-3-typeahead",
   "description": "Bootstrap 3 Typeahead: The typeahead autocomplete plugin for Twitter's Bootstrap 2 ready to use with Bootstrap 3.",
-  "version": "4.0.1",
+  "version": "4.0.2",
   "main": "bootstrap3-typeahead.js",
@@ -25,6 +25,3 @@ "keywords": [
   },
-  "license": {
-    "type": "MIT",
-    "url": "https://github.com/twbs/bootstrap/blob/master/LICENSE"
-  },
+  "license": "MIT",
   "devDependencies": {
@@ -31,0 +28,0 @@ "grunt": "~0.4.5",

README.md

@@ -130,5 +130,5 @@ Bootstrap 3 Typeahead
                  <td>showHintOnFocus</td>
-                 <td>boolean</td>
+                 <td>boolean or "all"</td>
                  <td>false</td>
-                 <td>If hints should be shown when applicable as soon as the input gets focus.</td>
+                 <td>If hints should be shown as soon as the input gets focus. If set to true, all match will be shown. If set to "all", it will display all hints, not filtering them by the current text. This can be used when you want an input that behaves a bit like a combo box plus auto completion as you type to filter the choices.</td>
                </tr>
@@ -190,3 +190,14 @@ <tr>
               <tr>
+                <td>appendTo</td>
+                <td>jQuery element</td>
+                <td>null</td>
+                <td>By defaut, the menu is added right after the input element. Use this option to add the menu to another div. It should not be used if you want to use bootstrap dropup or dropdown-menu-right classes.</td>
+              </tr>
               <tr>
+                <td>fitToElement</td>
+                <td>boolean</td>
+                <td>false</td>
+                <td>Set to true if you want the menu to be the same size than the input it is attached to.</td>
+              </tr>
+              <tr>
                 <td>addItem</td>
@@ -196,2 +207,3 @@ <td>JSON object</td>
                 <td>Adds an item to the end of the list, for example "New Entry". This could be used, for example, to pop a dialog when an item is not found in the list of data. Example: <a href="http://cl.ly/image/2u170I1q1G3A/addItem.png">http://cl.ly/image/2u170I1q1G3A/addItem.png</a></td>
+              </tr>
               </tbody>
@@ -221,2 +233,6 @@ </table>
        }
+       
+AngularJS
+=========
+An AngularJS directive for the Bootstrap 3 Typeahead jQuery plugin can be found at https://github.com/davidkonrad/angular-bootstrap3-typeahead.
 
@@ -223,0 +239,0 @@ Bloodhound

No alert changes

Improved metrics

Total package byte prevSize

51526

increased by14.32%

Lines of code

613

increased by19.26%

Number of lines in readme file

277

increased by6.13%

No dependency changes