tagmanager-rails 0.0.1 → 0.0.2

checksums.yaml

@@ -1,15 +1,7 @@
 ---
-!binary "U0hBMQ==":
-  metadata.gz: !binary |-
-    MmQyMGVhN2E1NGJkNjE4NGEzMTcwMTI1ODNiYTZhZGViNzhmYWE2Zg==
-  data.tar.gz: !binary |-
-    MjRjMTBiNThiMDFlOWJjNTBiNjhiNDI1YzNkOWRhNjg1NjI5NzNiMg==
-!binary "U0hBNTEy":
-  metadata.gz: !binary |-
-    OWY3OTU4YjAyZjA3NjMxMjdiNTFlMWMyZTgwOGI0OTMzNzExY2JkMmVjNmM5
-    ZTAzYWU3ZWFjMTk0MWFlOTk5ZTYyYjg2YzM5MTc0OTU5ZThjNmMzZTA0NDZk
-    MGY4YzkyYjMyOGY2YjljMTA1OGUwNTQ4ZjIyZDZjODJkNWEzNjU=
-  data.tar.gz: !binary |-
-    MGJjMTE3ODhlZTQ3MzgzNDZlODZhMGQyNDFjYjc4NDRmNzM1MGRkYzI3ZTZm
-    YjUwMGQ4MGY3NWQ3MjliNDRiNWZlOTIxZDAzNTdmOTRkM2E5NTc2OGZiOGIw
-    NmZlOGFkNWQ2MDAxZDVjNTI5OGEwOTMwNWRhNDQwZTk5MDc4OTQ=
+SHA1:
+  metadata.gz: 7f998760c26811f00fd14c8a0d77d474dc1e6e5e
+  data.tar.gz: 663fbab4bc681dd17f29648f3d6c5b2f7bfc92e0
+SHA512:
+  metadata.gz: 54e9299eb4e31417d53101dc926b1032858e1bc00fd14482d8ae639a16be08c0463c5cd4fc9fd1b62baad750e8d975db915e99b9d89799351bf7fc7b464a96db
+  data.tar.gz: 98196d4eebec118009777f3d8857e1adbd4986ceaa9d7da8f475fed6548159a214cadbfc319a9fbc5c87e4a5147d25c7633293df8068b8cba08e10d213120685

data/README.md

@@ -1,12 +1,17 @@
 # tagmanager-rails
 
-This gem provides [Tag Manager](https://github.com/max-favilli/tagmanager) for Rails asset pipeline.
+[![Gem Version](https://badge.fury.io/rb/tagmanager-rails.png)](http://badge.fury.io/rb/tagmanager-rails)
+[![Dependency Status](https://gemnasium.com/tmaier/tagmanager-rails.png)](https://gemnasium.com/tmaier/tagmanager-rails)
+[![Code Climate](https://codeclimate.com/github/tmaier/tagmanager-rails.png)](https://codeclimate.com/github/tmaier/tagmanager-rails)
+
+This gem provides [Tag Manager][] for Rails asset pipeline.
 
 It includes the CSS; SCSS and LESS version of the stylesheet.
 
 ## Version
 
-[3f2dff68105a2adb89513104534082360e25c373](https://github.com/max-favilli/tagmanager/commit/3f2dff68105a2adb89513104534082360e25c373)
+Tag Manager version 2.4.2
+[8d91c8683546409ab9ec459456f12afa1a0a870f](https://github.com/max-favilli/tagmanager/commit/8d91c8683546409ab9ec459456f12afa1a0a870f)
 
 ## Installation
 
@@ -61,7 +66,9 @@ Feel free to open an issue ticket if you find something that could be improved.
 
 ## Acknowledgements
 
-Many thanks to [max-favilli](https://github.com/max-favilli) for [Tag Manager](https://github.com/max-favilli) and all Rails committer for Rails.
+Many thanks to [max-favilli](https://github.com/max-favilli) for [Tag Manager][] and all Rails committer for Rails.
 
 Copyright [Tobias L. Maier](http://tobiasmaier.info), released under the MIT License.
 Tag Manager itself is under Mozilla Public License. See [license.txt](https://github.com/max-favilli/tagmanager/blob/master/license.txt) of the project.
+
+[Tag Manager]: https://github.com/max-favilli/tagmanager

data/lib/tag_manager/rails/version.rb

@@ -1,6 +1,6 @@
 module TagManager
   module Rails
-    VERSION = '0.0.1'
-    TAGMANAGER_VERSION = '3f2dff68105a2adb89513104534082360e25c373'
+    VERSION = '0.0.2'
+    TAGMANAGER_VERSION = '8d91c8683546409ab9ec459456f12afa1a0a870f'
   end
 end

data/vendor/assets/javascripts/bootstrap-tagmanager.js

@@ -1,5 +1,5 @@
 /* ===================================================
- * bootstrap-tagmanager.js v2.3
+ * bootstrap-tagmanager.js v2.4.2
  * http://welldonethings.com/tags/manager
  * ===================================================
  * Copyright 2012 Max Favilli
@@ -15,35 +15,39 @@
  * limitations under the License.
  * ========================================================== */
 
-"use strict";
+(function($){
+
+  "use strict";
 
-(function (jQuery) {
   if (typeof console === "undefined" || typeof console.log === "undefined") {
     console = {};
     console.log = function () { };
   }
 
-  jQuery.fn.tagsManager = function (options,tagToManipulate) {
+  $.fn.tagsManager = function (options,tagToManipulate) {
     var tagManagerOptions = {
       prefilled: null,
       CapitalizeFirstLetter: false,
-      preventSubmitOnEnter: true,
-      isClearInputOnEsc: true,
+      preventSubmitOnEnter: true, // deprecated
+      isClearInputOnEsc: true, // deprecated
       typeahead: false,
+      typeaheadAjaxMethod: "POST",
       typeaheadAjaxSource: null,
       typeaheadAjaxPolling: false,
       typeaheadOverrides: null,
+      typeaheadDelegate: {},
       typeaheadSource: null,
       AjaxPush: null,
       AjaxPushAllTags: null,
-      delimeters: [44, 188, 13, 9],
+      AjaxPushParameters: null,
+      delimiters: [9,13,44], // tab, enter, comma
       backspace: [8],
       maxTags: 0,
       hiddenTagListName: null,
       hiddenTagListId: null,
-      deleteTagsOnBackspace: true,
+      deleteTagsOnBackspace: true, // deprecated
       tagsContainer: null,
-      tagCloseIcon: 'x',
+      tagCloseIcon: '×',
       tagClass: '',
       validator: null,
       onlyTagList: false
@@ -54,8 +58,8 @@
         this.instanceSelectHandler = null;
         this.selectedClass = "selected";
         this.select = null;
-        if ("typeahead" in jQuery.fn) {
-          this.instanceSelectHandler = jQuery.fn.typeahead.Constructor.prototype.select;
+        if ("typeahead" in $.fn) {
+          this.instanceSelectHandler = $.fn.typeahead.Constructor.prototype.select;
           this.select = function (overrides) {
             this.$menu.find(".active").addClass(overrides.selectedClass);
             overrides.instanceSelectHandler.apply(this, arguments);
@@ -72,7 +76,7 @@
 
     tagManagerOptions.typeaheadOverrides = new TypeaheadOverrides();
 
-    jQuery.extend(tagManagerOptions, options);
+    $.extend(tagManagerOptions, options);
 
     if (tagManagerOptions.hiddenTagListName === null) {
       tagManagerOptions.hiddenTagListName = "hidden-" + this.attr('name');
@@ -80,27 +84,43 @@
 
     var obj = this;
     var objName = obj.attr('name').replace(/[^\w]/g, '_');
-    var queuedTag = "";
-    var delimeters = tagManagerOptions.delimeters;
+    var delimiters = tagManagerOptions.delimeters || tagManagerOptions.delimiters; // 'delimeter' is deprecated
+    // delimiter values to be handled as key codes
+    var keyNums = [9,13,17,18,19,37,38,39,40];
+    var delimiterChars = [], delimiterKeys = [];
+    $.each(delimiters, function(i,v){
+      if ( $.inArray(v, keyNums) != -1 ){
+        delimiterKeys.push(v);
+      } else {
+        delimiterChars.push(v);
+      }
+    });
+    var baseDelimiter = String.fromCharCode(delimiterChars[0] || 44);
     var backspace = tagManagerOptions.backspace;
-    var isInitialized = false;
+    var tagBaseClass = 'tm-tag';
+    var inputBaseClass = 'tm-input';
+
+    if ($.isFunction(tagManagerOptions.validator)) obj.data('validator', tagManagerOptions.validator);
 
     var setupTypeahead = function () {
       if (!obj.typeahead) return;
 
-      if (tagManagerOptions.typeaheadSource != null && jQuery.isFunction(tagManagerOptions.typeaheadSource)) {
-        obj.typeahead({ source: tagManagerOptions.typeaheadSource });
+      var taOpts = tagManagerOptions.typeaheadDelegate;
+
+      if (tagManagerOptions.typeaheadSource != null && $.isFunction(tagManagerOptions.typeaheadSource)) {
+        $.extend(taOpts, { source: tagManagerOptions.typeaheadSource });
+        obj.typeahead(taOpts);
       } else if (tagManagerOptions.typeaheadSource != null) {
-        obj.typeahead();
+        obj.typeahead(taOpts);
         setTypeaheadSource(tagManagerOptions.typeaheadSource);
       } else if (tagManagerOptions.typeaheadAjaxSource != null) {
         if (!tagManagerOptions.typeaheadAjaxPolling) {
-          obj.typeahead();
+          obj.typeahead(taOpts);
 
           if (typeof (tagManagerOptions.typeaheadAjaxSource) == "string") {
-            jQuery.ajax({
+            $.ajax({
               cache: false,
-              type: "POST",
+              type: tagManagerOptions.typeaheadAjaxMethod,
               contentType: "application/json",
               dataType: "json",
               url: tagManagerOptions.typeaheadAjaxSource,
@@ -109,18 +129,17 @@
             });
           }
         } else if (tagManagerOptions.typeaheadAjaxPolling) {
-          obj.typeahead({ source: ajaxPolling });
+          $.extend(taOpts, { source: ajaxPolling });
+          obj.typeahead(taOpts);
         }
-      } else if (tagManagerOptions.typeaheadDelegate) {
-        obj.typeahead(tagManagerOptions.typeaheadDelegate);
       }
 
       var data = obj.data('typeahead');
       if (data) {
         // set the overrided handler
-        data.select = jQuery.proxy(tagManagerOptions.typeaheadOverrides.select,
-                                   obj.data('typeahead'),
-                                   tagManagerOptions.typeaheadOverrides);
+        data.select = $.proxy(tagManagerOptions.typeaheadOverrides.select,
+          obj.data('typeahead'),
+          tagManagerOptions.typeaheadOverrides);
       }
     };
 
@@ -133,14 +152,14 @@
       if (data && data.tags) {
         var sourceAjaxArray = [];
         sourceAjaxArray.length = 0;
-        jQuery.each(data.tags, function (key, val) {
+        $.each(data.tags, function (key, val) {
           sourceAjaxArray.push(val.tag);
           if (isSetTypeaheadSource) {
             setTypeaheadSource(sourceAjaxArray);
           }
         });
 
-        if (jQuery.isFunction(process)) {
+        if ($.isFunction(process)) {
           process(sourceAjaxArray);
         }
       }
@@ -149,12 +168,23 @@
     var setTypeaheadSource = function (source) {
       obj.data('active', true);
       obj.data('typeahead').source = source;
+      tagManagerOptions.typeaheadSource = source;
       obj.data('active', false);
     };
 
+    var typeaheadSelectedItem = function () {
+      var listItemSelector = '.' + tagManagerOptions.typeaheadOverrides.selectedClass;
+      var typeahead_data = obj.data('typeahead');
+      return typeahead_data ? typeahead_data.$menu.find(listItemSelector) : undefined;
+    };
+
+    var typeaheadVisible = function () {
+      return $('.typeahead:visible')[0];
+    };
+
     var ajaxPolling = function (query, process) {
       if (typeof (tagManagerOptions.typeaheadAjaxSource) == "string") {
-        jQuery.ajax({
+        $.ajax({
           cache: false,
           type: "POST",
           contentType: "application/json",
@@ -166,29 +196,30 @@
       }
     };
 
-    var trimTag = function (tag) {
-      var txt = jQuery.trim(tag);
-
-      var l = txt.length;
-      var t = 0;
-
-      for (var i = l - 1; i >= 0; i--) {
-        if (-1 == jQuery.inArray(txt.charCodeAt(i), delimeters)) break;
-        t++;
+    var tagClasses = function () {
+      // 1) default class (tm-tag)
+      var cl = tagBaseClass;
+      // 2) interpolate from input class: tm-input-xxx --> tm-tag-xxx
+      if (obj.attr('class')) {
+        $.each(obj.attr('class').split(' '), function(index, value) {
+          if (value.indexOf(inputBaseClass+'-') != -1){
+            cl += ' ' + tagBaseClass + value.substring(inputBaseClass.length);
+          }
+        });
       }
+      // 3) tags from tagClass option
+      cl += (tagManagerOptions.tagClass ? ' ' + tagManagerOptions.tagClass : '');
+      return cl;
+    };
 
-      txt = txt.substring(0, l - t);
-      l = txt.length;
-      t = 0;
-
-      //remove from head
-      for (var i = 0; i < l; i++) {
-        if (-1 == jQuery.inArray(txt.charCodeAt(i), delimeters)) break;
-        t++;
+    var trimTag = function (tag) {
+      tag = $.trim(tag);
+      // truncate at the first delimiter char
+      var i = 0;
+      for (i; i < tag.length; i++) {
+        if ($.inArray(tag.charCodeAt(i), delimiterChars) != -1) break;
       }
-
-      txt = txt.substring(t, l);
-      return txt;
+      return tag.substring(0, i);
     };
 
     var popTag = function () {
@@ -199,7 +230,7 @@
         var tagId = tlid.pop();
         tlis.pop();
         // console.log("TagIdToRemove: " + tagId);
-        jQuery("#" + objName + "_" + tagId).remove();
+        $("#" + objName + "_" + tagId).remove();
         refreshHiddenTagList();
         // console.log(tlis);
       }
@@ -213,7 +244,7 @@
         var tagId = tlid.pop();
         tlis.pop();
         // console.log("TagIdToRemove: " + tagId);
-        jQuery("#" + objName + "_" + tagId).remove();
+        $("#" + objName + "_" + tagId).remove();
         refreshHiddenTagList();
         // console.log(tlis);
       }
@@ -223,10 +254,10 @@
       var tlis = obj.data("tlis");
       var lhiddenTagList = obj.data("lhiddenTagList");
 
-      obj.trigger('tags:refresh', tlis.join(","));
+      obj.trigger('tags:refresh', tlis.join(baseDelimiter));
 
       if (lhiddenTagList) {
-        jQuery(lhiddenTagList).val(tlis.join(",")).change();
+        $(lhiddenTagList).val(tlis.join(baseDelimiter)).change();
       }
     };
 
@@ -234,13 +265,13 @@
       var tlis = obj.data("tlis");
       var tlid = obj.data("tlid");
 
-      var p = jQuery.inArray(tagId, tlid);
+      var p = $.inArray(tagId, tlid);
 
       // console.log("TagIdToRemove: " + tagId);
       // console.log("position: " + p);
 
       if (-1 != p) {
-        jQuery("#" + objName + "_" + tagId).remove();
+        $("#" + objName + "_" + tagId).remove();
         tlis.splice(p, 1);
         tlid.splice(p, 1);
         refreshHiddenTagList();
@@ -254,19 +285,22 @@
 
     var pushAllTags = function (e, tagstring) {
       if (tagManagerOptions.AjaxPushAllTags) {
-        jQuery.post(tagManagerOptions.AjaxPushAllTags, { tags: tagstring });
+        $.post(tagManagerOptions.AjaxPush, { tags: tagstring });
       }
     };
 
-    var pushTag = function (tag, objToPush, isValid) {
-      if (!tag || (!isValid) || tag.length <= 0) return;
+    var pushTag = function (tag) {
+      tag = trimTag(tag);
 
-      if(tagManagerOptions.onlyTagList){
-        if (tagManagerOptions.typeaheadSource != null) {
-          if((jQuery.inArray(tag, tagManagerOptions.typeaheadSource)) == -1){
-            return;
-          }
-        }
+      if (!tag || tag.length <= 0) return;
+
+      if (tagManagerOptions.typeaheadSource != null)
+      {
+          var source = $.isFunction(tagManagerOptions.typeaheadSource) ? 
+                      tagManagerOptions.typeaheadSource() : tagManagerOptions.typeaheadSource;
+                      
+          if(tagManagerOptions.onlyTagList &&
+              $.inArray(tag, source) == -1) return;
       }
 
       if (tagManagerOptions.CapitalizeFirstLetter && tag.length > 1) {
@@ -274,9 +308,7 @@
       }
 
       // call the validator (if any) and do not let the tag pass if invalid
-      if (jQuery.isFunction(tagManagerOptions.validator)) {
-        if (!tagManagerOptions.validator(tag)) return;
-      }
+      if (obj.data('validator') && !obj.data('validator')(tag)) return;
 
       var tlis = obj.data("tlis");
       var tlid = obj.data("tlid");
@@ -286,7 +318,7 @@
 
       var alreadyInList = false;
       var tlisLowerCase = tlis.map(function(elem) { return elem.toLowerCase(); });
-      var p = jQuery.inArray(tag.toLowerCase(), tlisLowerCase);
+      var p = $.inArray(tag.toLowerCase(), tlisLowerCase);
       if (-1 != p) {
         // console.log("tag:" + tag + " !!already in list!!");
         alreadyInList = true;
@@ -294,13 +326,13 @@
 
       if (alreadyInList) {
         var pTagId = tlid[p];
-        jQuery("#" + objName + "_" + pTagId).stop()
-           .animate({ backgroundColor: tagManagerOptions.blinkBGColor_1 }, 100)
-           .animate({ backgroundColor: tagManagerOptions.blinkBGColor_2 }, 100)
-           .animate({ backgroundColor: tagManagerOptions.blinkBGColor_1 }, 100)
-           .animate({ backgroundColor: tagManagerOptions.blinkBGColor_2 }, 100)
-           .animate({ backgroundColor: tagManagerOptions.blinkBGColor_1 }, 100)
-           .animate({ backgroundColor: tagManagerOptions.blinkBGColor_2 }, 100);
+        $("#" + objName + "_" + pTagId).stop()
+          .animate({ backgroundColor: tagManagerOptions.blinkBGColor_1 }, 100)
+          .animate({ backgroundColor: tagManagerOptions.blinkBGColor_2 }, 100)
+          .animate({ backgroundColor: tagManagerOptions.blinkBGColor_1 }, 100)
+          .animate({ backgroundColor: tagManagerOptions.blinkBGColor_2 }, 100)
+          .animate({ backgroundColor: tagManagerOptions.blinkBGColor_1 }, 100)
+          .animate({ backgroundColor: tagManagerOptions.blinkBGColor_2 }, 100);
       } else {
         var max = Math.max.apply(null, tlid);
         max = max == -Infinity ? 0 : max;
@@ -310,26 +342,30 @@
         tlid.push(tagId);
 
         if (tagManagerOptions.AjaxPush != null) {
-          jQuery.post(tagManagerOptions.AjaxPush, { tag: tag });
+          $.post(tagManagerOptions.AjaxPush, $.extend({ tag: tag }, tagManagerOptions.AjaxPushParameters));
         }
 
         // console.log("tagList: " + tlis);
 
         var newTagId = objName + '_' + tagId;
         var newTagRemoveId = objName + '_Remover_' + tagId;
-        var html = '';
-        var cl = tagManagerOptions.tagClass ? ' '+tagManagerOptions.tagClass : '';
-        html += '<span class="myTag'+cl+'" id="' + newTagId + '"><span>' + tag + '&nbsp;&nbsp;</span><a href="#" class="myTagRemover" id="' + newTagRemoveId + '" TagIdToRemove="' + tagId + '" title="Remove">' + tagManagerOptions.tagCloseIcon + '</a></span> ';
+        var escaped = $("<span></span>").text(tag).html();
+
+        var html = '<span class="' + tagClasses() + '" id="' + newTagId + '">';
+        html += '<span>' + escaped + '</span>';
+        html += '<a href="#" class="tm-tag-remove" id="' + newTagRemoveId + '" TagIdToRemove="' + tagId + '">';
+        html += tagManagerOptions.tagCloseIcon + '</a></span> ';
+        var $el = $(html);
 
         if (tagManagerOptions.tagsContainer != null) {
-            jQuery(tagManagerOptions.tagsContainer).append(html);
+          $(tagManagerOptions.tagsContainer).append($el);
         } else {
-          obj.before(html);
+          obj.before($el);
         }
 
-        jQuery("#" + newTagRemoveId).on("click", obj, function (e) {
+        $el.find("#" + newTagRemoveId).on("click", obj, function (e) {
           e.preventDefault();
-          var TagIdToRemove = parseInt(jQuery(this).attr("TagIdToRemove"));
+          var TagIdToRemove = parseInt($(this).attr("TagIdToRemove"));
           spliceTag(TagIdToRemove, e.data);
         });
 
@@ -342,20 +378,33 @@
       obj.val("");
     };
 
-    var initialize = function () {
-      if (tagManagerOptions.AjaxPushAllTags) {
-        obj.on('tags:refresh', pushAllTags);
-      }
+    var prefill = function (pta) {
+      $.each(pta, function (key, val) {
+        pushTag(val);
+      });
     };
 
-    if (!isInitialized) {
-      initialize();
-    }
+    var killEvent = function (e) {
+      e.cancelBubble = true;
+      e.returnValue = false;
+      e.stopPropagation();
+      e.preventDefault();
+    };
 
-    return this.each(function () {
+    var keyInArray = function (e, ary) {
+      return $.inArray(e.which, ary) != -1
+    };
 
-      var tagIsValid = false;
-      var isSelectedFromList = false;
+    var applyDelimiter = function (e) {
+      var taItem = typeaheadSelectedItem();
+      var taVisible = typeaheadVisible();
+      if (!(e.which==13 && taItem && taVisible)) {
+        pushTag(obj.val());
+      }
+      e.preventDefault();
+    };
+
+    return this.each(function () {
 
       if (typeof options == 'string') {
         switch (options) {
@@ -366,13 +415,17 @@
             popTag();
             break;
           case "pushTag":
-            pushTag(tagToManipulate, null, true);
+            pushTag(tagToManipulate);
             break;
         }
         return;
       }
 
-      //let's store some instance specific data directly into the DOM object
+      // prevent double-initialization of TagManager
+      if ($(this).data('tagManager')){ return false; }
+      $(this).data('tagManager', true);
+
+      // store instance-specific data in the DOM object
       var tlis = new Array();
       var tlid = new Array();
       obj.data("tlis", tlis); //list of string tags
@@ -388,213 +441,103 @@
         html += "<input name='" + tagManagerOptions.hiddenTagListName + "' type='hidden' value=''/>";
         obj.after(html);
         obj.data("lhiddenTagList",
-           obj.siblings("input[name='" + tagManagerOptions.hiddenTagListName + "']")[0]
+          obj.siblings("input[name='" + tagManagerOptions.hiddenTagListName + "']")[0]
         );
       } else {
-        obj.data("lhiddenTagList", jQuery('#' + tagManagerOptions.hiddenTagListId))
+        obj.data("lhiddenTagList", $('#' + tagManagerOptions.hiddenTagListId))
       }
 
       if (tagManagerOptions.typeahead) {
         setupTypeahead();
-        //obj.typeahead({ source: SourceArray })
       }
 
-      obj.on("focus", function (e) {
-        if (jQuery(this).popover) {
-          jQuery(this).popover("hide");
-          //jQuery(this).popover = null;
+      if (tagManagerOptions.AjaxPushAllTags) {
+        obj.on('tags:refresh', pushAllTags);
+      }
+
+      // hide popovers on focus and keypress events
+      obj.on('focus keypress', function (e) {
+        if ($(this).popover) {
+          $(this).popover('hide');
         }
       });
 
-      // clear input field on Esc
+      // handle ESC (keyup used for browser compatibility)
       if (tagManagerOptions.isClearInputOnEsc) {
-        obj.on("keyup", function (e) {
+        obj.on('keyup', function (e) {
           if (e.which == 27) {
-            jQuery(this).val("");
-            e.cancelBubble = true;
-            e.returnValue = false;
-            e.stopPropagation();
-            e.preventDefault();
-            return false;
+            // console.log('esc detected');
+            $(this).val('');
+            killEvent(e);
           }
         });
       }
 
-      // disable submit on enter for this input field
-      obj.on("keypress", function (e) {
-        if (jQuery(this).popover) {
-          jQuery(this).popover("hide");
-          //jQuery(this).popover = null;
+      obj.on('keypress', function (e) {
+        // push ASCII-based delimiters
+        if (keyInArray(e, delimiterChars)) {
+          applyDelimiter(e);
         }
+      });
 
-        if (tagManagerOptions.preventSubmitOnEnter) {
-          if (e.which == 13) {
-            e.cancelBubble = true;
-            e.returnValue = false;
-            e.stopPropagation();
-            e.preventDefault();
-              //e.keyCode = 9;
-            return false;
+      obj.on('keydown', function (e) {
+        // disable ENTER
+        if (e.which == 13) {
+          if (tagManagerOptions.preventSubmitOnEnter) {
+            killEvent(e);
           }
         }
 
-        var p = jQuery.inArray(e.which, delimeters);
-        var isKeyInList = '0' in jQuery(".typeahead:visible");
-        if (!isKeyInList && (- 1 != p)) {
-          //user just entered a valid delimeter
-          tagIsValid = true;
-          var user_input = jQuery(this).val(); //user_input = jQuery().inArray(delimeters[p]);
-          user_input = trimTag(user_input);
-          pushTag(user_input, e.data, tagIsValid);
-          e.preventDefault();
-          // console.log("pushTag: keypress");
+        // push key-based delimiters (includes <enter> by default)
+        if (keyInArray(e, delimiterKeys)) {
+          applyDelimiter(e);
         }
-        else {
-          tagIsValid = false;
-        }
-
-        // console.log("keypress: " + e.which);
       });
 
+      // BACKSPACE (keydown used for browser compatibility)
       if (tagManagerOptions.deleteTagsOnBackspace) {
-        obj.on("keydown", obj, function (e) {
-          var p = jQuery.inArray(e.which, backspace);
-          if (-1 != p) {
-            //user just entered backspace or equivalent
-            var user_input = jQuery(this).val(); //user_input = jQuery().inArray(delimeters[p]);
-            var i = user_input.length;
-            if (i <= 0) {
-              // console.log("backspace detected");
-              e.preventDefault();
+        obj.on('keydown', function (e) {
+          if (keyInArray(e, backspace)) {
+            // console.log("backspace detected");
+            if ($(this).val().length <= 0) {
               popTag();
+              killEvent(e);
             }
           }
         });
       }
 
       obj.change(function (e) {
-        e.cancelBubble = true;
-        e.returnValue = false;
-        e.stopPropagation();
-        e.preventDefault();
-
-        var selectedItemClass = tagManagerOptions.typeaheadOverrides.selectedClass;
-        var listItemSelector = '.' + selectedItemClass;
-
-        // check the typeahead list selection
-        var data = $(this).data('typeahead');
-        if (data) {
-          isSelectedFromList = $(this).data('typeahead').$menu.find("*")
-            .filter(listItemSelector)
-            .hasClass(selectedItemClass);
-
-          if (isSelectedFromList) {
-            tagIsValid = true;
-          }
-        }
 
-        if (!tagIsValid) {
-          return false;
-        }
+        if (!/webkit/.test(navigator.userAgent.toLowerCase())) { $(this).focus(); } // why?
 
-        var is_chrome = navigator.userAgent.indexOf('Chrome') > -1;
-        var is_explorer = navigator.userAgent.indexOf('MSIE') > -1;
-        var is_firefox = navigator.userAgent.indexOf('Firefox') > -1;
-        var is_safari = navigator.userAgent.indexOf("Safari") > -1;
-
-        if (!is_chrome && !is_safari)
-          jQuery(this).focus();
-
-        // console.log('Handler for .change() called, value selected:' + obj.val());
-        var ao = jQuery(".typeahead:visible");
-        if (ao[0] != undefined) {
-          // console.log('change: typeaheadIsVisible is visible');
-          //when the user click with the mouse on the typeahead li element we get the change event fired twice, once when the input field loose focus and later with the input field value is replaced with li value
-
-          var isClear = !isSelectedFromList;
-
-          if (isSelectedFromList) {
-            // if user selected from list
-            var user_input = $(this).data('typeahead').$menu.find(listItemSelector).attr('data-value');
-            user_input = trimTag(user_input);
-            if (queuedTag == jQuery(this).val() && queuedTag == user_input) {
-              isClear = true;
-            } else {
-              pushTag(user_input, null, true);
-              queuedTag = user_input;
-              // console.log('Handler for .change() called, typeahead value pushed:' + queuedTag);
-            }
-            isSelectedFromList = false;
-            $(this).data('typeahead').$menu.find(listItemSelector).removeClass(selectedItemClass);
-          }
+        var taItem = typeaheadSelectedItem();
+        var taVisible = typeaheadVisible();
 
-          if (isClear) {
-            queuedTag = "";
-            jQuery(this).val(queuedTag);
-          }
-        } else {
-          // console.log('change: typeaheadIsVisible is NOT visible');
-          var user_input = jQuery(this).val(); //user_input = jQuery().inArray(delimeters[p]);
-          user_input = trimTag(user_input);
-          pushTag(user_input, null, true);
-          // console.log("pushTag: change ");
+        if (taItem && taVisible) {
+          taItem.removeClass(tagManagerOptions.typeaheadOverrides.selectedClass);
+          pushTag(taItem.attr('data-value'));
+          // console.log('change: pushTypeAheadTag ' + tag);
         }
-
-        tagIsValid = false;
-
-        return false; //cancel bubble
+        /* unimplemented mode to push tag on blur
+         else if (tagManagerOptions.pushTagOnBlur) {
+         console.log('change: pushTagOnBlur ' + tag);
+         pushTag($(this).val());
+         } */
+        killEvent(e);
       });
 
-      if (1 == 1 || !tagManagerOptions.typeahead) {
-        obj.on("blur", function (e) {
-          //lost focus
-          e.cancelBubble = true;
-          e.returnValue = false;
-          e.stopPropagation();
-          e.preventDefault();
-
-          var push = true;
-          if (tagManagerOptions.typeahead) {
-            var ao = jQuery(".typeahead:visible");
-            if (ao[0] != undefined) {
-              // console.log('blur: typeaheadIsVisible is visible');
-              push = false;
-            } else {
-              // console.log('blur: typeaheadIsVisible is NOT visible');
-              push = true;
-            }
-          }
-
-          if (push) {
-            // console.log('lost focus');
-            var user_input = jQuery(this).val(); //user_input = jQuery().inArray(delimeters[p]);
-            user_input = trimTag(user_input);
-            pushTag(user_input, null, tagIsValid);
-            // console.log("pushTag: blur");
-          }
-
-          return false;
-        });
-      }
-
       if (tagManagerOptions.prefilled != null) {
         if (typeof (tagManagerOptions.prefilled) == "object") {
-          var pta = tagManagerOptions.prefilled;
-          jQuery.each(pta, function (key, val) {
-            var a = 1;
-            pushTag(val, obj, true);
-          });
+          prefill(tagManagerOptions.prefilled);
         } else if (typeof (tagManagerOptions.prefilled) == "string") {
-          var pta = tagManagerOptions.prefilled.split(',');
-
-          jQuery.each(pta, function (key, val) {
-            var a = 1;
-            pushTag(val, obj, true);
-          });
-
+          prefill(tagManagerOptions.prefilled.split(baseDelimiter));
+        } else if (typeof (tagManagerOptions.prefilled) == "function") {
+          prefill(tagManagerOptions.prefilled());
         }
+      } else if (tagManagerOptions.hiddenTagListId != null) {
+        prefill($('#' + tagManagerOptions.hiddenTagListId).val().split(baseDelimiter));
       }
     });
-
   }
 })(jQuery);