textext-rails 0.1.0 → 0.2.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 9bf427f9b010f127657982b974ba154a7f8f7046
+  data.tar.gz: 52c147ab5b6cc38ea7b966bfe3b9e5c3f89df628
+SHA512:
+  metadata.gz: 8c287ae462ef33b98dda7b4924dcea22767676a9f94e85c183e46b9412d370ba833a96d42bdffd22e07029cbfdd3eca59f6c792634867581871bc3cda187dc60
+  data.tar.gz: b2af79ea006a889282bd5bfabcbe57770444ed372add48ee24537aa4d0367c8edbc5bb0b7e480982f7741fae302da3d57e9f090110a5709765ef9a1a3ad7b81c

data/README.md

@@ -1,6 +1,6 @@
 # Textext Rails
 
-Brings the [jQuery TextExt plugin](http://textextjs.com/) into the Rails asset pipeline.  The TextExt asset files are from the TextExt [1.2.0 release](https://github.com/alexgorbatchev/jquery-textext/tree/1.2.0).
+Brings the [jQuery TextExt plugin](http://textextjs.com/) into the Rails asset pipeline.  The TextExt asset files are from the TextExt [1.3.1 release](https://github.com/alexgorbatchev/jquery-textext/tree/1.3.1).
 
 ## Installation
 
@@ -28,4 +28,4 @@ That's it!  Please see the [TextExt manual](http://textextjs.com/manual/index.ht
 
 ## License
 
-MIT licensed.  Please see the LICENSE file for more information.
+MIT licensed.  Please see the LICENSE file for more information.

data/Rakefile

@@ -1,21 +1,20 @@
 require "bundler/gem_tasks"
 
-DOWNLOAD_FOLDER = 'https://nodeload.github.com/alexgorbatchev/jquery-textext/tarball/'
-LATEST_VERSION = '1.2.0'
-DOWNLOAD_URL = DOWNLOAD_FOLDER + LATEST_VERSION
+LATEST_VERSION = '1.3.1'
+DOWNLOAD_URL = "https://github.com/alexgorbatchev/jquery-textext/archive/#{LATEST_VERSION}.tar.gz"
 
 desc "Sync the files from the upstream release"
 task :sync do
   sh 'mkdir -p sync'
   sh 'mkdir -p vendor/assets'
-  sh "curl -0 #{DOWNLOAD_URL} > sync/latest.tar.gz"
-  sh 'cd sync && tar -xzvf latest.tar.gz'
+  sh "curl -0 -L #{DOWNLOAD_URL} > sync/latest.tar.gz"
+  sh 'cd sync && tar -xzf latest.tar.gz'
 
-  release_folder = `ls sync | grep alex`.chomp
+  release_folder = `ls sync | grep jquery-textext`.chomp
 
   sh 'rm -rf vendor/assets/stylesheets'
   sh 'rm -rf vendor/assets/javascripts'
   sh "mv sync/#{release_folder}/src/css vendor/assets/stylesheets"
   sh "mv sync/#{release_folder}/src/js vendor/assets/javascripts"
   sh 'rm -rf sync'
-end
+end

data/lib/textext/rails/version.rb

@@ -1,5 +1,5 @@
 module Textext
   module Rails
-    VERSION = "0.1.0"
+    VERSION = "0.2.0"
   end
 end

data/textext-rails.gemspec

@@ -7,18 +7,15 @@ Gem::Specification.new do |s|
   s.version     = Textext::Rails::VERSION
   s.authors     = ["Jeff Pollard"]
   s.email       = ["jeff.pollard@gmail.com"]
-  s.homepage    = ""
+  s.homepage    = "https://github.com/Fluxx/textext-rails"
   s.summary     = %q{Adds the jQuery TextExt plugin to the Rails 3.1 asset pipeline}
   s.description = %q{Adds the jQuery TextExt plugin to the Rails 3.1 asset pipeline}
 
   s.rubyforge_project = "textext-rails"
 
   s.files         = `git ls-files`.split("\n")
-  s.test_files    = `git ls-files -- {test,spec,features}/*`.split("\n")
-  s.executables   = `git ls-files -- bin/*`.split("\n").map{ |f| File.basename(f) }
   s.require_paths = ["lib"]
 
-  # specify any dependencies here; for example:
-  # s.add_development_dependency "rspec"
-  # s.add_runtime_dependency "rest-client"
+  # specify any dependencies here
+  s.add_development_dependency "rake"
 end

data/vendor/assets/javascripts/textext.core.js

@@ -1,8 +1,8 @@
 /**
  * jQuery TextExt Plugin
- * http://alexgorbatchev.com/textext
+ * http://textextjs.com
  *
- * @version 1.2.0
+ * @version 1.3.1
  * @copyright Copyright (C) 2011 Alex Gorbatchev. All rights reserved.
  * @license MIT License
  */
@@ -71,7 +71,7 @@
 
 	var stringify = (JSON || {}).stringify,
 		slice     = Array.prototype.slice,
-
+		p,
 		UNDEFINED = 'undefined',
 
 		/**
@@ -802,7 +802,9 @@
 			if(plugin)
 			{
 				self._plugins[name] = plugin = new plugin();
-				self[name] = function() { return plugin; };
+				self[name] = (function(plugin) { 
+				  return function(){ return plugin; } 
+				})(plugin);
 				initList.push(plugin);
 				$.extend(true, plugin, self.opts(OPT_EXT + '.*'), self.opts(OPT_EXT + '.' + name));
 			}
@@ -968,17 +970,19 @@
 			input     = self.input(),
 			wrap      = self.wrapElement(),
 			container = wrap.parent(),
-			width     = self.originalWidth,
+			width     = self.originalWidth + 'px',
 			height
 			;
 
 		self.trigger(EVENT_PRE_INVALIDATE);
 
-		height = input.outerHeight();
+		height = input.outerHeight() + 'px';
 
-		input.width(width);
-		wrap.width(width).height(height);
-		container.height(height);
+		// using css() method instead of width() and height() here because they don't seem to do the right thing in jQuery 1.8.x
+		// https://github.com/alexgorbatchev/jquery-textext/issues/74
+		input.css({ 'width' : width });
+		wrap.css({ 'width' : width, 'height' : height });
+		container.css({ 'height' : height }); 
 
 		self.trigger(EVENT_POST_INVALIDATE);
 	};
@@ -1076,7 +1080,7 @@
 	p.getFormData = function(keyCode)
 	{
 		var self = this,
-			data = self.getWeightedEventResponse(EVENT_GET_FORM_DATA, keyCode)
+			data = self.getWeightedEventResponse(EVENT_GET_FORM_DATA, keyCode || 0)
 			;
 
 		self.trigger(EVENT_SET_FORM_DATA  , data['form']);

data/vendor/assets/javascripts/textext.plugin.ajax.js

@@ -1,8 +1,8 @@
 /**
  * jQuery TextExt Plugin
- * http://alexgorbatchev.com/textext
+ * http://textextjs.com
  *
- * @version 1.2.0
+ * @version 1.3.1
  * @copyright Copyright (C) 2011 Alex Gorbatchev. All rights reserved.
  * @license MIT License
  */

data/vendor/assets/javascripts/textext.plugin.arrow.js

@@ -1,8 +1,8 @@
 /**
  * jQuery TextExt Plugin
- * http://alexgorbatchev.com/textext
+ * http://textextjs.com
  *
- * @version 1.2.0
+ * @version 1.3.1
  * @copyright Copyright (C) 2011 Alex Gorbatchev. All rights reserved.
  * @license MIT License
  */

data/vendor/assets/javascripts/textext.plugin.autocomplete.js

@@ -1,15 +1,15 @@
 /**
  * jQuery TextExt Plugin
- * http://alexgorbatchev.com/textext
+ * http://textextjs.com
  *
- * @version 1.2.0
+ * @version 1.3.1
  * @copyright Copyright (C) 2011 Alex Gorbatchev. All rights reserved.
  * @license MIT License
  */
 (function($)
 {
 	/**
-	 * Autocomplete plugin brings the classic autocomplete functionality to the TextExt echosystem.
+	 * Autocomplete plugin brings the classic autocomplete functionality to the TextExt ecosystem.
 	 * The gist of functionality is when user starts typing in, for example a term or a tag, a
 	 * dropdown would be presented with possible suggestions to complete the input quicker.
 	 *
@@ -29,6 +29,8 @@
 		CSS_DOT_SELECTED   = CSS_DOT + CSS_SELECTED,
 		CSS_SUGGESTION     = 'text-suggestion',
 		CSS_DOT_SUGGESTION = CSS_DOT + CSS_SUGGESTION,
+		CSS_LABEL          = 'text-label',
+		CSS_DOT_LABEL      = CSS_DOT + CSS_LABEL,
 
 		/**
 		 * Autocomplete plugin options are grouped under `autocomplete` when passed to the 
@@ -226,6 +228,8 @@
 
 		POSITION_ABOVE = 'above',
 		POSITION_BELOW = 'below',
+		
+		DATA_MOUSEDOWN_ON_AUTOCOMPLETE = 'mousedownOnAutocomplete',
 
 		DEFAULT_OPTS = {
 			autocomplete : {
@@ -291,6 +295,7 @@
 
 			self.on(container, {
 				mouseover : self.onMouseOver,
+				mousedown : self.onMouseDown,
 				click     : self.onClick
 			});
 
@@ -300,6 +305,12 @@
 				;
 
 			$(self).data('container', container);
+			
+			$(document.body).click(function(e) 
+			{
+				if (self.isDropdownVisible() && !self.withinWrapElement(e.target))
+					self.trigger(EVENT_HIDE_DROPDOWN);
+			});
 
 			self.positionDropdown();
 		}
@@ -345,7 +356,23 @@
 			target.addClass(CSS_SELECTED);
 		}
 	};
-
+	
+	/**
+	 * Reacts to the `mouseDown` event triggered by the TextExt core.
+	 *
+	 * @signature TextExtAutocomplete.onMouseDown(e)
+	 *
+	 * @param e {Object} jQuery event.
+	 *
+	 * @author adamayres
+	 * @date 2012/01/13
+	 * @id TextExtAutocomplete.onMouseDown
+	 */
+	p.onMouseDown = function(e)
+	{
+		this.containerElement().data(DATA_MOUSEDOWN_ON_AUTOCOMPLETE, true);
+	};
+	
 	/**
 	 * Reacts to the `click` event triggered by the TextExt core.
 	 *
@@ -363,8 +390,11 @@
 			target = $(e.target)
 			;
 
-		if(target.is(CSS_DOT_SUGGESTION))
-			self.selectFromDropdown();
+		if(target.is(CSS_DOT_SUGGESTION) || target.is(CSS_DOT_LABEL))
+			self.trigger('enterKeyPress');
+		
+		if (self.core().hasPlugin('tags'))
+			self.val('');
 	};
 
 	/**
@@ -380,12 +410,18 @@
 	 */
 	p.onBlur = function(e)
 	{
-		var self = this;
+		var self              = this,
+			container         = self.containerElement(),
+			isBlurByMousedown = container.data(DATA_MOUSEDOWN_ON_AUTOCOMPLETE) === true
+			;
 
-		// use timeout here so that onClick has a chance to fire because if
-		// dropdown is hidden when clicked, onClick doesn't fire
+		// only trigger a close event if the blur event was 
+		// not triggered by a mousedown event on the autocomplete
+		// otherwise set focus back back on the input
 		if(self.isDropdownVisible())
-			setTimeout(function() { self.trigger(EVENT_HIDE_DROPDOWN) }, 100);
+			isBlurByMousedown ? self.core().focusInput() : self.trigger(EVENT_HIDE_DROPDOWN);
+				
+		container.removeData(DATA_MOUSEDOWN_ON_AUTOCOMPLETE);
 	};
 
 	/**
@@ -684,7 +720,7 @@
 	 * @author agorbatchev
 	 * @date 2011/12/27
 	 * @id TextExtAutocomplete.onToggleDropdown
-	 * @version 1.1
+	 * @version 1.1.0
 	 */
 	p.onToggleDropdown = function(e)
 	{
@@ -1049,9 +1085,26 @@
 		if(suggestion)
 		{
 			self.val(self.itemManager().itemToString(suggestion));
-			self.core().getFormData();
+			self.core().getFormData();	
 		}
 
 		self.trigger(EVENT_HIDE_DROPDOWN);
 	};
+	
+	/**
+	 * Determines if the specified HTML element is within the TextExt core wrap HTML element.
+	 *
+	 * @signature TextExtAutocomplete.withinWrapElement(element)
+	 *
+	 * @param element {HTMLElement} element to check if contained by wrap element
+	 *
+	 * @author adamayres
+	 * @version 1.3.0
+	 * @date 2012/01/15
+	 * @id TextExtAutocomplete.withinWrapElement
+	 */
+	p.withinWrapElement = function(element) 
+	{
+		return this.core().wrapElement().find(element).size() > 0;
+	}
 })(jQuery);

data/vendor/assets/javascripts/textext.plugin.clear.js

@@ -0,0 +1,116 @@
+/**
+ * jQuery TextExt Plugin
+ * http://alexgorbatchev.com/textext
+ *
+ * @version 1.3.1
+ * @copyright Copyright (C) 2011 Alex Gorbatchev. All rights reserved.
+ * @license MIT License
+ */
+(function($)
+{
+	/**
+	 * Displays a clear search button.
+	 *
+	 * @author mreinstein
+	 * @date 2012/02/19
+	 * @id TextExtClear
+	 */
+	function TextExtClear() {};
+
+	$.fn.textext.TextExtClear = TextExtClear;
+	$.fn.textext.addPlugin('clear', TextExtClear);
+
+	var p = TextExtClear.prototype,
+		/**
+		 * Clear plugin only has one option and that is its HTML template. It could be 
+		 * changed when passed to the `$().textext()` function. For example:
+		 *
+		 *     $('textarea').textext({
+		 *         plugins: 'clear',
+		 *         html: {
+		 *             clear: "<span/>"
+		 *         }
+		 *     })
+		 *
+		 * @author mreinstein
+		 * @date 2012/02/19
+		 * @id TextExtClear.options
+		 */
+
+		/**
+		 * HTML source that is used to generate markup required for the clear.
+		 *
+		 * @name html.clear
+		 * @default '<div class="text-clear"/>'
+		 * @author mreinstein
+		 * @date 2012/02/19
+		 * @id TextExtClear.options.html.clear
+		 */
+		OPT_HTML_CLEAR = 'html.clear',
+
+		DEFAULT_OPTS = {
+			html : {
+				clear : '<div class="text-clear"/>'
+			}
+		};
+
+	/**
+	 * Initialization method called by the core during plugin instantiation.
+	 *
+	 * @signature TextExtClear.init(core)
+	 *
+	 * @param core {TextExt} Instance of the TextExt core class.
+	 *
+	 * @author agorbatchev
+	 * @date 2011/12/27
+	 * @id TextExtClear.init
+	 */
+	p.init = function(core)
+	{
+		var self = this,
+			clear
+			;
+
+		self.baseInit(core, DEFAULT_OPTS);
+
+		self._clear = clear = $(self.opts(OPT_HTML_CLEAR));
+		self.core().wrapElement().append(clear);
+		clear.bind('click', function(e) { self.onClearClick(e); });
+	};
+
+	//--------------------------------------------------------------------------------
+	// Event handlers
+
+	/**
+	 * Reacts to the `click` event whenever user clicks the clear.
+	 *
+	 * @signature TextExtClear.onClearClick(e)
+	 *
+	 * @param e {Object} jQuery event.
+	 * @author agorbatchev
+	 * @date 2011/12/27
+	 * @id TextExtClear.onClearClick
+	 */
+	p.onClearClick = function(e)
+	{
+		var self = this;
+
+		// check if the tags plugin is present
+		if(typeof self.core()._plugins.tags != 'undefined')
+		{
+			// it is! remove all tags 
+			var elems = self.core()._plugins.tags.tagElements();
+			for(var i =0; i < elems.length;i++)
+			{
+				self.core()._plugins.tags.removeTag($(elems[i]));
+			}
+		}
+		// clear the text from the search area
+		self.val('');
+		self.core().getFormData();
+	};
+
+	//--------------------------------------------------------------------------------
+	// Core functionality
+
+})(jQuery);

data/vendor/assets/javascripts/textext.plugin.filter.js

@@ -1,8 +1,8 @@
 /**
  * jQuery TextExt Plugin
- * http://alexgorbatchev.com/textext
+ * http://textextjs.com
  *
- * @version 1.2.0
+ * @version 1.3.1
  * @copyright Copyright (C) 2011 Alex Gorbatchev. All rights reserved.
  * @license MIT License
  */

data/vendor/assets/javascripts/textext.plugin.focus.js

@@ -1,8 +1,8 @@
 /**
  * jQuery TextExt Plugin
- * http://alexgorbatchev.com/textext
+ * http://textextjs.com
  *
- * @version 1.2.0
+ * @version 1.3.1
  * @copyright Copyright (C) 2011 Alex Gorbatchev. All rights reserved.
  * @license MIT License
  */

data/vendor/assets/javascripts/textext.plugin.prompt.js

@@ -1,8 +1,8 @@
 /**
  * jQuery TextExt Plugin
- * http://alexgorbatchev.com/textext
+ * http://textextjs.com
  *
- * @version 1.2.0
+ * @version 1.3.1
  * @copyright Copyright (C) 2011 Alex Gorbatchev. All rights reserved.
  * @license MIT License
  */
@@ -109,8 +109,10 @@
 	 */
 	p.init = function(core)
 	{
-		var self = this,
-			container
+		var self           = this,
+			placeholderKey = 'placeholder',
+			container,
+			prompt
 			;
 
 		self.baseInit(core, DEFAULT_OPTS);
@@ -121,7 +123,18 @@
 		self.core().wrapElement().append(container);
 		self.setPrompt(self.opts(OPT_PROMPT));
 		
-		if(self.val().length > 0)
+		prompt = core.input().attr(placeholderKey);
+
+		if(!prompt)
+			prompt = self.opts(OPT_PROMPT);
+
+		// clear placeholder attribute if set
+		core.input().attr(placeholderKey, '');
+
+		if(prompt)
+			self.setPrompt(prompt);
+
+		if($.trim(self.val()).length > 0)
 			self.hidePrompt();
 
 		self.on({
@@ -208,8 +221,7 @@
 
 		self.startTimer('prompt', 0.1, function()
 		{
-			if(self.val().length === 0)
-				self.showPrompt();
+			self.showPrompt();
 		});
 	};
 
@@ -224,7 +236,12 @@
 	 */
 	p.showPrompt = function()
 	{
-		this.containerElement().removeClass(CSS_HIDE_PROMPT);
+		var self     = this,
+			input    = self.input()
+			;
+		
+		if($.trim(self.val()).length === 0 && !input.is(':focus'))
+			self.containerElement().removeClass(CSS_HIDE_PROMPT);
 	};
 
 	/**

data/vendor/assets/javascripts/textext.plugin.suggestions.js

@@ -1,8 +1,8 @@
 /**
  * jQuery TextExt Plugin
- * http://alexgorbatchev.com/textext
+ * http://textextjs.com
  *
- * @version 1.2.0
+ * @version 1.3.1
  * @copyright Copyright (C) 2011 Alex Gorbatchev. All rights reserved.
  * @license MIT License
  */

data/vendor/assets/javascripts/textext.plugin.tags.js

@@ -1,17 +1,17 @@
 /**
  * jQuery TextExt Plugin
- * http://alexgorbatchev.com/textext
+ * http://textextjs.com
  *
- * @version 1.2.0
+ * @version 1.3.1
  * @copyright Copyright (C) 2011 Alex Gorbatchev. All rights reserved.
  * @license MIT License
  */
 (function($)
 {
 	/**
-	 * Tags plugin brings in the traditional tag functionality where user can assemble and 
+	 * Tags plugin brings in the traditional tag functionality where user can assemble and
 	 * edit list of tags. Tags plugin works especially well together with Autocomplete, Filter,
-	 * Suggestions and Ajax plugins to provide full spectrum of features. It can also work on 
+	 * Suggestions and Ajax plugins to provide full spectrum of features. It can also work on
 	 * its own and just do one thing -- tags.
 	 *
 	 * @author agorbatchev
@@ -32,9 +32,13 @@
 		CSS_DOT_TAG         = CSS_DOT + CSS_TAG,
 		CSS_TAGS            = 'text-tags',
 		CSS_DOT_TAGS        = CSS_DOT + CSS_TAGS,
+		CSS_LABEL           = 'text-label',
+		CSS_DOT_LABEL       = CSS_DOT + CSS_LABEL,
+		CSS_REMOVE          = 'text-remove',
+		CSS_DOT_REMOVE      = CSS_DOT + CSS_REMOVE,
 
 		/**
-		 * Tags plugin options are grouped under `tags` when passed to the 
+		 * Tags plugin options are grouped under `tags` when passed to the
 		 * `$().textext()` function. For example:
 		 *
 		 *     $('textarea').textext({
@@ -73,7 +77,7 @@
 		 * @id TextExtTags.options.tags.items
 		 */
 		OPT_ITEMS = 'tags.items',
-		
+
 		/**
 		 * HTML source that is used to generate a single tag.
 		 *
@@ -84,7 +88,7 @@
 		 * @id TextExtTags.options.html.tag
 		 */
 		OPT_HTML_TAG  = 'html.tag',
-		
+
 		/**
 		 * HTML source that is used to generate container for the tags.
 		 *
@@ -124,6 +128,35 @@
 		 */
 		EVENT_IS_TAG_ALLOWED = 'isTagAllowed',
 
+		/**
+		 * Tags plugin triggers the `tagClick` event when user clicks on one of the tags. This allows to process
+		 * the click and potentially change the value of the tag (for example in case of user feedback).
+		 *
+		 *     $('textarea').textext({...}).bind('tagClick', function(e, tag, value, callback)
+		 *     {
+		 *         var newValue = window.prompt('New value', value);
+
+		 *         if(newValue)
+		 *             callback(newValue, true);
+		 *     })
+		 *
+		 *  Callback argument has the following signature:
+		 *
+		 *     function(newValue, refocus)
+		 *     {
+		 *         ...
+		 *     }
+		 *
+		 * Please check out [example](/manual/examples/tags-changing.html).
+		 *
+		 * @name tagClick
+		 * @version 1.3.0
+		 * @author s.stok
+		 * @date 2011/01/23
+		 * @id TextExtTags.events.tagClick
+		 */
+		EVENT_TAG_CLICK = 'tagClick',
+
 		DEFAULT_OPTS = {
 			tags : {
 				enabled : true,
@@ -151,7 +184,6 @@
 	p.init = function(core)
 	{
 		this.baseInit(core, DEFAULT_OPTS);
-
 		var self  = this,
 			input = self.input(),
 			container
@@ -182,7 +214,7 @@
 			});
 		}
 
-		self._originalPadding = { 
+		self._originalPadding = {
 			left : parseInt(input.css('paddingLeft') || 0),
 			top  : parseInt(input.css('paddingTop') || 0)
 		};
@@ -211,7 +243,7 @@
 
 	//--------------------------------------------------------------------------------
 	// Event handlers
-	
+
 	/**
 	 * Reacts to the `postInit` event triggered by the core and sets default tags
 	 * if any were specified.
@@ -232,7 +264,7 @@
 
 	/**
 	 * Reacts to the [`getFormData`][1] event triggered by the core. Returns data with the
-	 * weight of 200 to be *greater than the Autocomplete plugin* data weight. The weights 
+	 * weight of 200 to be *greater than the Autocomplete plugin* data weight. The weights
 	 * system is covered in greater detail in the [`getFormData`][1] event documentation.
 	 *
 	 * [1]: /manual/textext.html#getformdata
@@ -312,7 +344,7 @@
 	};
 
 	/**
-	 * Reacts to the `backspaceKeyDown` event. When backspace key is pressed in an empty text field, 
+	 * Reacts to the `backspaceKeyDown` event. When backspace key is pressed in an empty text field,
 	 * deletes last tag from the list.
 	 *
 	 * @signature TextExtTags.onBackspaceKeyDown(e)
@@ -336,7 +368,7 @@
 	/**
 	 * Reacts to the `preInvalidate` event and updates the input box to look like the tags are
 	 * positioned inside it.
-	 * 
+	 *
 	 * @signature TextExtTags.onPreInvalidate(e)
 	 *
 	 * @param e {Object} jQuery event.
@@ -351,7 +383,7 @@
 			lastTag = self.tagElements().last(),
 			pos     = lastTag.position()
 			;
-		
+
 		if(lastTag.length > 0)
 			pos.left += lastTag.innerWidth();
 		else
@@ -379,22 +411,42 @@
 	p.onClick = function(e)
 	{
 		var self   = this,
+			core   = self.core(),
 			source = $(e.target),
-			focus  = 0
+			focus  = 0,
+			tag
 			;
 
 		if(source.is(CSS_DOT_TAGS))
 		{
 			focus = 1;
 		}
-		else if(source.is('.text-remove'))
+		else if(source.is(CSS_DOT_REMOVE))
 		{
 			self.removeTag(source.parents(CSS_DOT_TAG + ':first'));
 			focus = 1;
 		}
+		else if(source.is(CSS_DOT_LABEL))
+		{
+			tag = source.parents(CSS_DOT_TAG + ':first');
+			self.trigger(EVENT_TAG_CLICK, tag, tag.data(CSS_TAG), tagClickCallback);
+		}
+
+		function tagClickCallback(newValue, refocus)
+		{
+			tag.data(CSS_TAG, newValue);
+			tag.find(CSS_DOT_LABEL).text(self.itemManager().itemToString(newValue));
+
+			self.updateFormCache();
+			core.getFormData();
+			core.invalidateBounds();
+
+			if(refocus)
+				core.focusInput();
+		}
 
 		if(focus)
-			self.core().focusInput();
+			core.focusInput();
 	};
 
 	/**
@@ -458,7 +510,7 @@
 	 * any of the tags, the tags container is sent under the text area. If cursor
 	 * is over any of the tags, the tag container is brought to be over the text
 	 * area.
-	 * 
+	 *
 	 * @signature TextExtTags.toggleZIndex(e)
 	 *
 	 * @param e {Object} jQuery event.
@@ -559,7 +611,7 @@
 	 *
 	 * @signature TextExtTags.getTagElement(tag)
 	 *
-	 * @param tag {Object} Tag object in the format that current `ItemManager` can understand. 
+	 * @param tag {Object} Tag object in the format that current `ItemManager` can understand.
 	 * Default is `String`.
 
 	 * @author agorbatchev
@@ -583,7 +635,7 @@
 	 *
 	 * @signature TextExtTags.removeTag(tag)
 	 *
-	 * @param tag {Object} Tag object in the format that current `ItemManager` can understand. 
+	 * @param tag {Object} Tag object in the format that current `ItemManager` can understand.
 	 * Default is `String`.
 	 *
 	 * @author agorbatchev
@@ -618,7 +670,7 @@
 	 *
 	 * @signature TextExtTags.renderTag(tag)
 	 *
-	 * @param tag {Object} Tag object in the format that current `ItemManager` can understand. 
+	 * @param tag {Object} Tag object in the format that current `ItemManager` can understand.
 	 * Default is `String`.
 	 *
 	 * @author agorbatchev

data/vendor/assets/stylesheets/textext.core.css

@@ -1,8 +1,8 @@
 .text-core {
   position: relative;
-  background: #fff;
 }
 .text-core .text-wrap {
+  background: #fff;
   position: absolute;
 }
 .text-core .text-wrap textarea,

data/vendor/assets/stylesheets/textext.plugin.clear.css

@@ -0,0 +1,13 @@
+.text-core .text-wrap .text-clear {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  position: absolute;
+  top: 0;
+  right: 14px;
+  width: 22px;
+  height: 22px;
+  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAYUlEQVR42mP4////P1IwA5RBNIBr+Pj5+/9Tlx78v373OYoCkBgIY2gACWr7tP63CO8BanoBlmyfuQssBsIYGtAVLNpwEsMADA0gAFMIw+hOpEwDSU4i2dMkByvJEUcsAABHaALCQIZDrAAAAABJRU5ErkJggg==") 50% 50% no-repeat;
+  cursor: pointer;
+  z-index: 2;
+}

metadata

@@ -1,16 +1,29 @@
 --- !ruby/object:Gem::Specification
 name: textext-rails
 version: !ruby/object:Gem::Version
-  version: 0.1.0
-  prerelease: 
+  version: 0.2.0
 platform: ruby
 authors:
 - Jeff Pollard
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2012-02-05 00:00:00.000000000 Z
-dependencies: []
+date: 2014-01-06 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: rake
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :development
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
 description: Adds the jQuery TextExt plugin to the Rails 3.1 asset pipeline
 email:
 - jeff.pollard@gmail.com
@@ -23,7 +36,6 @@ files:
 - LICENSE
 - README.md
 - Rakefile
-- latest.tar.gz
 - lib/textext-rails.rb
 - lib/textext/rails.rb
 - lib/textext/rails/engine.rb
@@ -33,6 +45,7 @@ files:
 - vendor/assets/javascripts/textext.plugin.ajax.js
 - vendor/assets/javascripts/textext.plugin.arrow.js
 - vendor/assets/javascripts/textext.plugin.autocomplete.js
+- vendor/assets/javascripts/textext.plugin.clear.js
 - vendor/assets/javascripts/textext.plugin.filter.js
 - vendor/assets/javascripts/textext.plugin.focus.js
 - vendor/assets/javascripts/textext.plugin.prompt.js
@@ -43,31 +56,31 @@ files:
 - vendor/assets/stylesheets/textext.core.css
 - vendor/assets/stylesheets/textext.plugin.arrow.css
 - vendor/assets/stylesheets/textext.plugin.autocomplete.css
+- vendor/assets/stylesheets/textext.plugin.clear.css
 - vendor/assets/stylesheets/textext.plugin.focus.css
 - vendor/assets/stylesheets/textext.plugin.prompt.css
 - vendor/assets/stylesheets/textext.plugin.tags.css
-homepage: ''
+homepage: https://github.com/Fluxx/textext-rails
 licenses: []
+metadata: {}
 post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
 required_ruby_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
-  none: false
   requirements:
-  - - ! '>='
+  - - '>='
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
 rubyforge_project: textext-rails
-rubygems_version: 1.8.11
+rubygems_version: 2.0.3
 signing_key: 
-specification_version: 3
+specification_version: 4
 summary: Adds the jQuery TextExt plugin to the Rails 3.1 asset pipeline
 test_files: []