├── screenshots
    └── highlight.png
├── bower.json
├── .jshintrc
├── .jscs.json
├── package.json
├── LICENSE
├── Gruntfile.js
├── README.md
├── README.ru.md
├── dist
    ├── jquery.lookingfor.min.js
    ├── jquery.lookingfor.min.map
    └── jquery.lookingfor.js
├── html
    ├── simple.html
    ├── highlight.html
    └── data
    │   └── countries.csv
└── src
    └── jquery.lookingfor.js


/screenshots/highlight.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/albburtsev/jquery.lookingfor/HEAD/screenshots/highlight.png


--------------------------------------------------------------------------------
/bower.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "jquery.lookingfor",
 3 |   "version": "0.0.8",
 4 |   "main": ["jquery.lookingfor.js"],
 5 |   "ignore": [
 6 |   	"Gruntfile.js",
 7 |     "package.json",
 8 |     ".jscs.json",
 9 |     ".jshintrc",
10 |     "screenshots",
11 |     "html"
12 |   ],
13 |   "dependencies": {
14 |     "jquery": ">=1.7"
15 |   }
16 | }
17 | 


--------------------------------------------------------------------------------
/.jshintrc:
--------------------------------------------------------------------------------
 1 | 
 2 | {
 3 | 	"bitwise": true,
 4 | 	"browser": true,
 5 | 	"eqeqeq": true,
 6 | 	"camelcase": true,
 7 | 	"curly": true,
 8 | 	"debug": true,
 9 | 	"forin": true,
10 | 	"freeze": true,
11 | 	"immed": true,
12 | 	"latedef": true,
13 | 	"maxdepth": 3,
14 | 	"maxparams": 3,
15 | 	"newcap": true,
16 | 	"noarg": true,
17 | 	"noempty": true,
18 | 	"nonbsp": true,
19 | 	"quotmark": "single",
20 | 	"undef": true,
21 | 	"unused": true,
22 | 	"predef": [
23 | 		"define",
24 | 		"jQuery"
25 | 	]
26 | }


--------------------------------------------------------------------------------
/.jscs.json:
--------------------------------------------------------------------------------
 1 | 
 2 | {
 3 | 	"requireCurlyBraces": ["for", "while", "do", "if", "else"],
 4 | 	"requireSpaceAfterKeywords": ["if", "for", "while", "do", "switch", "return"],
 5 | 	"disallowSpacesInsideArrayBrackets": true,
 6 | 	"requireSpacesInsideObjectBrackets": "all",
 7 | 	"disallowQuotedKeysInObjects": true,
 8 | 	"disallowSpaceAfterObjectKeys": true,
 9 | 	"disallowLeftStickedOperators": ["?", "+", "-", "/", "*", "=", "==", "===", "!=", "!==", ">", ">=", "<", "<="],
10 | 	"requireRightStickedOperators": ["!"],
11 | 	"disallowRightStickedOperators": ["?", "+", "/", "*", ":", "=", "==", "===", "!=", "!==", ">", ">=", "<", "<="],
12 | 	"requireLeftStickedOperators": [","],
13 | 	"disallowKeywords": ["with", "eval"],
14 | 	"validateJSDoc": {
15 |         "checkParamNames": true,
16 |         "checkRedundantParams": true,
17 |         "requireParamTypes": true
18 |     }
19 | }


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "jquery.lookingfor",
 3 |   "version": "0.0.8",
 4 |   "description": "Fast search as you type jQuery-plugin",
 5 |   "repository": {
 6 |     "type": "git",
 7 |     "url": "git://github.com/albburtsev/jquery.lookingfor.git"
 8 |   },
 9 |   "keywords": [
10 |     "jquery",
11 |     "plugin",
12 |     "search",
13 |     "highlight",
14 |     "client search",
15 |     "page search"
16 |   ],
17 |   "author": {
18 |     "name": "Alexander Burtsev",
19 |     "url": "https://github.com/albburtsev"
20 |   },
21 |   "license": "MIT",
22 |   "bugs": {
23 |     "url": "https://github.com/albburtsev/jquery.lookingfor/issues"
24 |   },
25 |   "homepage": "https://github.com/albburtsev/jquery.lookingfor",
26 |   "devDependencies": {
27 |     "grunt": "^0.4.4",
28 |     "grunt-contrib-copy": "^0.8.0",
29 |     "grunt-contrib-jshint": "^0.10.0",
30 |     "grunt-contrib-uglify": "^0.4.0",
31 |     "grunt-contrib-watch": "^0.6.1",
32 |     "grunt-jscs-checker": "^0.4.1",
33 |     "matchdep": "^0.3.0"
34 |   }
35 | }
36 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2014 Alexander Burtsev
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of
 6 | this software and associated documentation files (the "Software"), to deal in
 7 | the Software without restriction, including without limitation the rights to
 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
 9 | the Software, and to permit persons to whom the Software is furnished to do so,
10 | subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
21 | 


--------------------------------------------------------------------------------
/Gruntfile.js:
--------------------------------------------------------------------------------
 1 | module.exports = function(grunt) {
 2 | 	'use strict';
 3 | 
 4 | 	require('matchdep')
 5 | 		.filterDev('grunt-*')
 6 | 		.forEach(grunt.loadNpmTasks);
 7 | 
 8 | 	grunt.initConfig({
 9 | 		jsSource: 'src/*.js',
10 | 		jsDist: 'dist/',
11 | 		banner: 
12 | 			'/**\n' +
13 | 			' * jquery.lookingfor — fast search as you type\n' +
14 | 			' * @author Alexander Burtsev, http://burtsev.me, 2014—<%= grunt.template.today("yyyy") %>\n' +
15 | 			' * @license MIT\n' +
16 | 			' */\n',
17 | 
18 | 		jshint: {
19 | 			options: {
20 | 				jshintrc: '.jshintrc'
21 | 			},
22 | 			app: ['<%= jsSource %>']
23 | 		},
24 | 
25 | 		jscs: {
26 | 			options: {
27 | 				config: '.jscs.json'
28 | 			},
29 | 			app: ['<%= jsSource %>']
30 | 		},
31 | 
32 | 		copy: {
33 | 			options: {
34 | 				process: function (content, srcpath) {
35 | 					return grunt.config.get('banner') + content;
36 | 				}
37 | 			},
38 | 			source: {
39 | 				files: [{
40 | 					expand: true,
41 | 					cwd: 'src/',
42 | 					src: ['**'],
43 | 					dest: 'dist/'
44 | 				}]
45 | 			}
46 | 		},
47 | 
48 | 		uglify: {
49 | 			options: {
50 | 				banner: '<%= banner %>',
51 | 				sourceMap: true
52 | 			},
53 | 			lookingfor: {
54 | 				files: {
55 | 					'<%= jsDist %>jquery.lookingfor.min.js': ['<%= jsSource %>']
56 | 				}
57 | 			}
58 | 		},
59 | 
60 | 		watch: {
61 | 			lookingfor: {
62 | 				files: ['<%= jsSource %>'],
63 | 				tasks: ['jshint', 'jscs', 'uglify']
64 | 			}
65 | 		}
66 | 	});
67 | 
68 | 	grunt.registerTask('default', ['jshint', 'jscs', 'copy', 'uglify', 'watch']);
69 | };
70 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | jquery.lookingfor
 2 | =================
 3 | 
 4 | ![Screenshot](https://rawgithub.com/albburtsev/jquery.lookingfor/master/screenshots/highlight.png)
 5 | 
 6 | Fast search as you type jQuery plugin.
 7 | 
 8 | It's very small (minified — 2.5kb, gzipped — 1.2kb), very fast and supports old browsers (IE6+).
 9 | 
10 | __jquery.lookingfor__ plugin searches text in list items (```<li>```) and hides unmatched items.
11 | It works not only for `<li>`s, but for any HTML element on a page.
12 | Any input field (```input, textarea```) can be transformed to search filter with __jquery.lookingfor__.
13 | 
14 | [Live demo](http://albburtsev.github.io/jquery.lookingfor/)
15 | 
16 | ## Install
17 | 
18 | Download latest [release](https://github.com/albburtsev/jquery.lookingfor/releases).
19 | Use [minified](https://github.com/albburtsev/jquery.lookingfor/blob/master/jquery.lookingfor.min.js)
20 | or [development](https://github.com/albburtsev/jquery.lookingfor/blob/master/jquery.lookingfor.js) version.
21 | 
22 | Or use [bower](http://bower.io/) for install:
23 | 
24 | ```
25 | bower install jquery.lookingfor --save
26 | ```
27 | 
28 | ## Usage
29 | 
30 | Include [jQuery](http://jquery.com) and __jquery.lookingfor__ on your page:
31 | 
32 | ```html
33 | <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
34 | <script src="jquery.lookingfor.js"></script>
35 | ```
36 | 
37 | Prepare list of items for following search and an input field (optional):
38 | 
39 | ```html
40 | <input type="search" name="query" />
41 | <ul id="numerals">
42 | 	<li>First</li>
43 | 	<li>Second</li>
44 | 	<li>Third</li>
45 | 	...
46 | </ul>
47 | ```
48 | 
49 | Call ```lookingfor()``` method with necessary options:
50 | 
51 | ```js
52 | jQuery(function($) {
53 | 	$('#numerals').lookingfor({
54 | 		input: $('input[name="query"]'),
55 | 		items: 'li'
56 | 	});
57 | });
58 | ```
59 | 
60 | ### Options
61 | 
62 | All options are optional.
63 | 
64 |  * __input__ — input field's selector;
65 |  * __items__ — item's selector, default – ```'li'```;
66 |  * __highlight__ — set ```true``` to highlight matched text, default — ```false```;
67 |  * __highlightColor__ — ```#RRGGBB``` background color for matched text, default – ```#FFDE00```;
68 |  * __onFound {Function(HTMLElement item, String query)}__ — callback, will be called when text is found.
69 | 


--------------------------------------------------------------------------------
/README.ru.md:
--------------------------------------------------------------------------------
 1 | jquery.lookingfor
 2 | =================
 3 | 
 4 | ![Screenshot](https://rawgithub.com/albburtsev/jquery.lookingfor/master/screenshots/highlight.png)
 5 | 
 6 | Быстрый поиск набираемого текста.
 7 | 
 8 | Плагин очень маленький (минифицированный — 2.5kb, сжатый — 1.2kb), очень быстрый и даже поддерживает старые браузеры (IE6+).
 9 | 
10 | Плагин __jquery.lookingfor__ ищет текст в элементах списков (```<li>```) и скрывает те элементы, для которых не найдено совпадений.
11 | Он работает не только со списками, но и с любыми другими элементами на странице, содержащими текст.
12 | Любое текстовое поле (```input, textarea```) можно сделать поисковым фильтром с помощью __jquery.lookingfor__.
13 | 
14 | [Демо](http://albburtsev.github.io/jquery.lookingfor/)
15 | 
16 | ## Установка
17 | 
18 | Скачайте последний [релиз](https://github.com/albburtsev/jquery.lookingfor/releases)
19 | и подключите на страницу [минифицированную](https://github.com/albburtsev/jquery.lookingfor/blob/master/jquery.lookingfor.min.js) 
20 | или [полную](https://github.com/albburtsev/jquery.lookingfor/blob/master/jquery.lookingfor.js) версию плагина.
21 | 
22 | Или установите с помощью [bower](http://bower.io/)
23 | 
24 | ```
25 | bower install jquery.lookingfor --save
26 | ```
27 | 
28 | ## Быстрый старт
29 | 
30 | Подключите [jQuery](http://jquery.com) и __jquery.lookingfor__ на свою страницу:
31 | 
32 | ```html
33 | <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
34 | <script src="jquery.lookingfor.js"></script>
35 | ```
36 | 
37 | Приготовьте список элементов, содержащих текст, и поле ввода (при необходимости):
38 | 
39 | ```html
40 | <input type="search" name="query" />
41 | <ul id="numerals">
42 | 	<li>First</li>
43 | 	<li>Second</li>
44 | 	<li>Third</li>
45 | 	...
46 | </ul>
47 | ```
48 | 
49 | Вызовите метод ```lookingfor()``` с необходимыми опциями для списка:
50 | 
51 | ```js
52 | jQuery(function($) {
53 | 	$('#numerals').lookingfor({
54 | 		input: $('input[name="query"]'),
55 | 		items: 'li'
56 | 	});
57 | });
58 | ```
59 | 
60 | ### Опции
61 | 
62 | Все опции являются необязательными.
63 | 
64 |  * __input__ — селектор для поля ввода;
65 |  * __items__ — селектор для элементов списка, по умолчанию – ```'li'```;
66 |  * __highlight__ — переключите в ```true``` для подсветки найденного текста, по умолчанию — ```false```;
67 |  * __highlightColor__ — ```#RRGGBB``` цвет фона для подсветки найденного текста, по умолчанию – ```#FFDE00```;
68 |  * __onFound {Function(HTMLElement item, String query)}__ — колбек, вызывается при найденном совпадении.
69 | 


--------------------------------------------------------------------------------
/dist/jquery.lookingfor.min.js:
--------------------------------------------------------------------------------
1 | /**
2 |  * jquery.lookingfor — fast search as you type
3 |  * @author Alexander Burtsev, http://burtsev.me, 2014—2015
4 |  * @license MIT
5 |  */
6 | 
7 | !function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a(jQuery)}(function(a){"use strict";function b(b,c){a.extend(this,{_input:null,_items:null,_container:a(b),items:"li",value:"",cache:[],queryCharLimit:1,queryTimer:null,queryDelay:100,highlight:!1,highlightClass:"lfitem_match",highlightColor:"#ffde00",hiddenListClass:"lflist_hidden",hiddenItemAttr:"data-lfhidden",hiddenCount:0,onFound:null},c||{}),this._items=a(this.items,b),this._input=a(this.input),this._items.length&&(this._input.length&&this._input.on("keyup change",this._debounce(function(){var b=(this._input.val()||"").toLowerCase();b=a.trim(b),b!==this.value&&(this.value=b,b.length>=this.queryCharLimit?this.query():this.showAll())},this.queryDelay,this)),this.addStyles(),this.indexing())}a.fn.lookingfor=function(a){return this.each(function(){new b(this,a)})},b.prototype={addStyles:function(){var b,c=a("head"),d=a("<style>").get(0),e=[["."+this.hiddenListClass+" ["+this.hiddenItemAttr+"]","display: none"],["."+this.highlightClass,"background: "+this.highlightColor]];c.append(d),b=d.sheet||document.styleSheets[0];for(var f,g,h=0;h<e.length;h++)f=e[h][0],g=e[h][1],b.insertRule?b.insertRule(f+"{"+g+"}",0):b.addRule&&b.addRule(f,g,0)},indexing:function(){var b=this;this._items.each(function(){var c=a(this);b.cache.push({node:this,html:this.innerHTML,text:(c.text()||"").toLowerCase(),hidden:!1})})},query:function(b){b=b||this.value,this.hiddenCount=0;for(var c,d=new RegExp(b,"ig"),e=a.proxy(this._paint,this),f=0,g=this.cache.length;g>f;f++)c=this.cache[f],-1===c.text.indexOf(b)?(c.hidden||(c.hidden=!0,c.node.setAttribute(this.hiddenItemAttr,"")),this.hiddenCount+=1):c.hidden&&(c.hidden=!1,c.node.removeAttribute(this.hiddenItemAttr)),this.highlight&&(c.matched&&(c.matched=!1,c.node.innerHTML=c.html),c.hidden||(c.matched=!0,c.node.innerHTML=c.html.replace(d,e))),this.onFound&&!c.hidden&&this.onFound(c.node,b);this._container.addClass(this.hiddenListClass)},showAll:function(){if(this.hiddenCount){for(var a,b=0,c=this.cache.length;c>b;b++)a=this.cache[b],a.hidden=!1,a.node.removeAttribute(this.hiddenItemAttr),a.matched&&(a.matched=!1,a.node.innerHTML=a.html);this._container.removeClass(this.hiddenListClass),this.hiddenCount=0}},_paint:function(a){return'<span class="'+this.highlightClass+'">'+a+"</span>"},_debounce:function(a,b,c){var d=null,e=this;return function(){var f=arguments;clearTimeout(d),d=setTimeout(function(){a.apply(c||e,f)},b)}}}});
8 | //# sourceMappingURL=jquery.lookingfor.min.map


--------------------------------------------------------------------------------
/html/simple.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="ru-RU">
 3 | <head>
 4 | 	<meta charset="utf-8">
 5 | 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 | 	<title>jQuery.lookingfor demo page</title>
 7 | 	<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
 8 | 	<link rel="stylesheet" href="http://yandex.st/bootstrap/3.0.3/css/bootstrap.min.css">
 9 | 	<link rel="stylesheet" href="http://yandex.st/highlightjs/8.0/styles/github.min.css">
10 | 	<script src="http://yandex.st/jquery/1.10.2/jquery.min.js"></script>
11 | 	<script src="http://yandex.st/bootstrap/3.0.3/js/bootstrap.min.js"></script>
12 | 	<script src="http://yandex.st/highlightjs/8.0/highlight.min.js"></script>
13 | 	<script src="../dist/jquery.lookingfor.min.js"></script>
14 | 	<script>
15 | 	jQuery(function($) {
16 | 		$.get('data/countries.csv', function(data) {
17 | 			var	_list = $('ul'),
18 | 				_count = $('#count');
19 | 
20 | 			data = data.split('\n');
21 | 			data.sort();
22 | 
23 | 			_list
24 | 				.html('<li>' + data.join('</li><li>') + '</li>')
25 | 				.lookingfor({ input: 'input' });
26 | 			_count.text(data.length);
27 | 		}); 
28 | 	});
29 | 	hljs.initHighlightingOnLoad();
30 | 	</script>
31 | 	<style>
32 | 	.hljs {
33 | 		padding: 0;
34 | 		background: none;
35 | 		}
36 | 	</style>
37 | </head>
38 | <body>
39 | 	<div class="container">
40 | 		<h2>Countries (<span id="count"></span>)</h2>
41 | 
42 | 		<form class="form-horizontal" role="form">
43 | 			<div class="form-group">
44 | 				<div class="col-sm-5">
45 | 
46 | <pre><code class="javascript">$('ul').lookingfor({ input: 'input' });
47 | </code></pre>
48 | 
49 | 					<input type="search" class="form-control" placeholder="Search query" autofocus="autofocus" />
50 | 				</div>
51 | 			</div>
52 | 		</form>
53 | 		
54 | 		<ul></ul>
55 | 	</div>
56 | 
57 | <!-- Yandex.Metrika counter -->
58 | <script type="text/javascript">
59 | (function (d, w, c) {
60 |     (w[c] = w[c] || []).push(function() {
61 |         try {
62 |             w.yaCounter25863191 = new Ya.Metrika({id:25863191,
63 |                     clickmap:true,
64 |                     trackLinks:true,
65 |                     accurateTrackBounce:true});
66 |         } catch(e) { }
67 |     });
68 | 
69 |     var n = d.getElementsByTagName("script")[0],
70 |         s = d.createElement("script"),
71 |         f = function () { n.parentNode.insertBefore(s, n); };
72 |     s.type = "text/javascript";
73 |     s.async = true;
74 |     s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";
75 | 
76 |     if (w.opera == "[object Opera]") {
77 |         d.addEventListener("DOMContentLoaded", f, false);
78 |     } else { f(); }
79 | })(document, window, "yandex_metrika_callbacks");
80 | </script>
81 | <noscript><div><img src="//mc.yandex.ru/watch/25863191" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
82 | <!-- /Yandex.Metrika counter -->
83 | 
84 | </body>
85 | </html>


--------------------------------------------------------------------------------
/html/highlight.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="ru-RU">
 3 | <head>
 4 | 	<meta charset="utf-8">
 5 | 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 | 	<title>jQuery.lookingfor demo page</title>
 7 | 	<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
 8 | 	<link rel="stylesheet" href="http://yandex.st/bootstrap/3.0.3/css/bootstrap.min.css">
 9 | 	<link rel="stylesheet" href="http://yandex.st/highlightjs/8.0/styles/github.min.css">
10 | 	<script src="http://yandex.st/jquery/1.10.2/jquery.min.js"></script>
11 | 	<script src="http://yandex.st/bootstrap/3.0.3/js/bootstrap.min.js"></script>
12 | 	<script src="http://yandex.st/highlightjs/8.0/highlight.min.js"></script>
13 | 	<script src="../dist/jquery.lookingfor.min.js"></script>
14 | 	<script>
15 | 	jQuery(function($) {
16 | 		$.get('data/countries.csv', function(data) {
17 | 			var	_list = $('ul'),
18 | 				_count = $('#count');
19 | 
20 | 			data = data.split('\n');
21 | 			data.sort();
22 | 
23 | 			_list
24 | 				.html('<li>' + data.join('</li><li>') + '</li>')
25 | 				.lookingfor({
26 | 					input: $('input'),
27 | 					items: 'li',
28 | 					highlight: true
29 | 				});
30 | 			_count.text(data.length);
31 | 		}); 
32 | 	});
33 | 	hljs.initHighlightingOnLoad();
34 | 	</script>
35 | 	<style>
36 | 	.hljs {
37 | 		padding: 0;
38 | 		background: none;
39 | 		}
40 | 	</style>
41 | </head>
42 | <body>
43 | 	<div class="container">
44 | 		<h2>Countries (<span id="count"></span>)</h2>
45 | 
46 | 		<form class="form-horizontal" role="form">
47 | 			<div class="form-group">
48 | 				<div class="col-sm-5">
49 | 
50 | <pre><code class="javascript">$('ul').lookingfor({
51 | 	input: $('input'),
52 | 	items: 'li',
53 | 	highlight: true
54 | });
55 | </code></pre>
56 | 
57 | 					<input type="search" class="form-control" placeholder="Search query" autofocus="autofocus" />
58 | 				</div>
59 | 			</div>
60 | 		</form>
61 | 		
62 | 		<ul></ul>
63 | 	</div>
64 | 
65 | <!-- Yandex.Metrika counter -->
66 | <script type="text/javascript">
67 | (function (d, w, c) {
68 |     (w[c] = w[c] || []).push(function() {
69 |         try {
70 |             w.yaCounter25863191 = new Ya.Metrika({id:25863191,
71 |                     clickmap:true,
72 |                     trackLinks:true,
73 |                     accurateTrackBounce:true});
74 |         } catch(e) { }
75 |     });
76 | 
77 |     var n = d.getElementsByTagName("script")[0],
78 |         s = d.createElement("script"),
79 |         f = function () { n.parentNode.insertBefore(s, n); };
80 |     s.type = "text/javascript";
81 |     s.async = true;
82 |     s.src = (d.location.protocol == "https:" ? "https:" : "http:") + "//mc.yandex.ru/metrika/watch.js";
83 | 
84 |     if (w.opera == "[object Opera]") {
85 |         d.addEventListener("DOMContentLoaded", f, false);
86 |     } else { f(); }
87 | })(document, window, "yandex_metrika_callbacks");
88 | </script>
89 | <noscript><div><img src="//mc.yandex.ru/watch/25863191" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
90 | <!-- /Yandex.Metrika counter -->
91 | 
92 | </body>
93 | </html>


--------------------------------------------------------------------------------
/dist/jquery.lookingfor.min.map:
--------------------------------------------------------------------------------
1 | {"version":3,"file":"jquery.lookingfor.min.js","sources":["../src/jquery.lookingfor.js"],"names":["factory","define","amd","jQuery","$","Lookingfor","container","opts","extend","this","_input","_items","_container","items","value","cache","queryCharLimit","queryTimer","queryDelay","highlight","highlightClass","highlightColor","hiddenListClass","hiddenItemAttr","hiddenCount","onFound","input","length","on","_debounce","val","toLowerCase","trim","query","showAll","addStyles","indexing","fn","lookingfor","each","prototype","sheet","_head","style","get","styles","append","document","styleSheets","selector","rules","i","insertRule","addRule","self","_item","push","node","html","innerHTML","text","hidden","item","re","RegExp","paint","proxy","_paint","indexOf","setAttribute","removeAttribute","matched","replace","addClass","removeClass","$0","delay","context","timer","args","arguments","clearTimeout","setTimeout","apply"],"mappings":"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"}


--------------------------------------------------------------------------------
/html/data/countries.csv:
--------------------------------------------------------------------------------
  1 | United States,US
  2 | Afghanistan,AF
  3 | Albania,AL
  4 | Algeria,DZ
  5 | Andorra,AD
  6 | Angola,AO
  7 | Antigua and Barbuda,AG
  8 | Argentina,AR
  9 | Armenia,AM
 10 | Australia,AU
 11 | Austria,AT
 12 | Azerbaijan,AZ
 13 | Bahamas,BS
 14 | Bahrain,BH
 15 | Bangladesh,BD
 16 | Barbados,BB
 17 | Belarus,BY
 18 | Belgium,BE
 19 | Belize,BZ
 20 | Benin,BJ
 21 | Bhutan,BT
 22 | Bolivia,BO
 23 | Bosnia and Herzegovina,BA
 24 | Botswana,BW
 25 | Brazil,BR
 26 | Brunei,BN
 27 | Bulgaria,BG
 28 | Burkina Faso,BF
 29 | Burundi,BI
 30 | Cambodia,KH
 31 | Cameroon,CM
 32 | Canada,CA
 33 | Cape Verde,CV
 34 | Central African Republic,CF
 35 | Chad,TD
 36 | Chile,CL
 37 | People's Republic of China,CN
 38 | Colombia,CO
 39 | Comoros,KM
 40 | Congo - Kinshasa,CD
 41 | Congo - Brazzaville,CG
 42 | Costa Rica,CR
 43 | Cote d'Ivoire (The Ivory Coast),CI
 44 | Croatia,HR
 45 | Cuba,CU
 46 | Cyprus,CY
 47 | Czech Republic,CZ
 48 | Denmark,DK
 49 | Djibouti,DJ
 50 | Dominica,DM
 51 | Dominican Republic,DO
 52 | Ecuador,EC
 53 | Egypt,EG
 54 | El Salvador,SV
 55 | Equatorial Guinea,GQ
 56 | Eritrea,ER
 57 | Estonia,EE
 58 | Ethiopia,ET
 59 | Fiji,FJ
 60 | Finland,FI
 61 | France,FR
 62 | Gabon,GA
 63 | Gambia,GM
 64 | Georgia,GE
 65 | Germany,DE
 66 | Ghana,GH
 67 | Greece,GR
 68 | Grenada,GD
 69 | Guatemala,GT
 70 | Guinea,GN
 71 | Guinea-Bissau,GW
 72 | Guyana,GY
 73 | Haiti,HT
 74 | Honduras,HN
 75 | Hungary,HU
 76 | Iceland,IS
 77 | India,IN
 78 | Indonesia,ID
 79 | Iran,IR
 80 | Iraq,IQ
 81 | Ireland,IE
 82 | Israel,IL
 83 | Italy,IT
 84 | Jamaica,JM
 85 | Japan,JP
 86 | Jordan,JO
 87 | Kazakhstan,KZ
 88 | Kenya,KE
 89 | Kiribati,KI
 90 | North Korea,KP
 91 | South Korea,KR
 92 | Kuwait,KW
 93 | Kyrgyzstan,KG
 94 | Laos,LA
 95 | Latvia,LV
 96 | Lebanon,LB
 97 | Lesotho,LS
 98 | Liberia,LR
 99 | Libya,LY
100 | Liechtenstein,LI
101 | Lithuania,LT
102 | Luxembourg,LU
103 | Macedonia,MK
104 | Madagascar,MG
105 | Malawi,MW
106 | Malaysia,MY
107 | Maldives,MV
108 | Mali,ML
109 | Malta,MT
110 | Marshall Islands,MH
111 | Mauritania,MR
112 | Mauritius,MU
113 | Mexico,MX
114 | Micronesia,FM
115 | Moldova,MD
116 | Monaco,MC
117 | Mongolia,MN
118 | Montenegro,ME
119 | Morocco,MA
120 | Mozambique,MZ
121 | Myanmar (Burma),MM
122 | Namibia,NA
123 | Nauru,NR
124 | Nepal,NP
125 | Netherlands,NL
126 | New Zealand,NZ
127 | Nicaragua,NI
128 | Niger,NE
129 | Nigeria,NG
130 | Norway,NO
131 | Oman,OM
132 | Pakistan,PK
133 | Palau,PW
134 | Panama,PA
135 | Papua New Guinea,PG
136 | Paraguay,PY
137 | Peru,PE
138 | Philippines,PH
139 | Poland,PL
140 | Portugal,PT
141 | Qatar,QA
142 | Romania,RO
143 | Russia,RU
144 | Rwanda,RW
145 | Saint Kitts and Nevis,KN
146 | Saint Lucia,LC
147 | Saint Vincent and the Grenadines,VC
148 | Samoa,WS
149 | San Marino,SM
150 | Sao Tome and Principe,ST
151 | Saudi Arabia,SA
152 | Senegal,SN
153 | Serbia,RS
154 | Seychelles,SC
155 | Sierra Leone,SL
156 | Singapore,SG
157 | Slovakia,SK
158 | Slovenia,SI
159 | Solomon Islands,SB
160 | Somalia,SO
161 | South Africa,ZA
162 | Spain,ES
163 | Sri Lanka,LK
164 | Sudan,SD
165 | Suriname,SR
166 | Swaziland,SZ
167 | Sweden,SE
168 | Switzerland,CH
169 | Syria,SY
170 | Tajikistan,TJ
171 | Tanzania,TZ
172 | Thailand,TH
173 | Timor-Leste (East Timor),TL
174 | Togo,TG
175 | Tonga,TO
176 | Trinidad and Tobago,TT
177 | Tunisia,TN
178 | Turkey,TR
179 | Turkmenistan,TM
180 | Tuvalu,TV
181 | Uganda,UG
182 | Ukraine,UA
183 | United Arab Emirates,AE
184 | United Kingdom,GB
185 | Uruguay,UY
186 | Uzbekistan,UZ
187 | Vanuatu,VU
188 | Vatican City,VA
189 | Venezuela,VE
190 | Vietnam,VN
191 | Yemen,YE
192 | Zambia,ZM
193 | Zimbabwe,ZW
194 | Abkhazia,GE
195 | Taiwan,TW
196 | Nagorno-Karabakh,AZ
197 | Northern Cyprus,CY
198 | Pridnestrovie (Transnistria),MD
199 | Somaliland,SO
200 | South Ossetia,GE
201 | Ashmore and Cartier Islands,AU
202 | Christmas Island,CX
203 | Cocos (Keeling) Islands,CC
204 | Coral Sea Islands,AU
205 | Heard Island and McDonald Islands,HM
206 | Norfolk Island,NF
207 | New Caledonia,NC
208 | French Polynesia,PF
209 | Mayotte,YT
210 | Saint Barthelemy,GP
211 | Saint Martin,GP
212 | Saint Pierre and Miquelon,PM
213 | Wallis and Futuna,WF
214 | French Southern and Antarctic Lands,TF
215 | Clipperton Island,PF
216 | Bouvet Island,BV
217 | Cook Islands,CK
218 | Niue,NU
219 | Tokelau,TK
220 | Guernsey,GG
221 | Isle of Man,IM
222 | Jersey,JE
223 | Anguilla,AI
224 | Bermuda,BM
225 | British Indian Ocean Territory,IO
226 | British Sovereign Base Areas,
227 | British Virgin Islands,VG
228 | Cayman Islands,KY
229 | Falkland Islands (Islas Malvinas),FK
230 | Gibraltar,GI
231 | Montserrat,MS
232 | Pitcairn Islands,PN
233 | Saint Helena,SH
234 | South Georgia & South Sandwich Islands,GS
235 | Turks and Caicos Islands,TC
236 | Northern Mariana Islands,MP
237 | Puerto Rico,PR
238 | American Samoa,AS
239 | Baker Island,UM
240 | Guam,GU
241 | Howland Island,UM
242 | Jarvis Island,UM
243 | Johnston Atoll,UM
244 | Kingman Reef,UM
245 | Midway Islands,UM
246 | Navassa Island,UM
247 | Palmyra Atoll,UM
248 | U.S. Virgin Islands,VI
249 | Wake Island,UM
250 | Hong Kong,HK
251 | Macau,MO
252 | Faroe Islands,FO
253 | Greenland,GL
254 | French Guiana,GF
255 | Guadeloupe,GP
256 | Martinique,MQ
257 | Reunion,RE
258 | Aland,AX
259 | Aruba,AW
260 | Netherlands Antilles,AN
261 | Svalbard,SJ
262 | Ascension,AC
263 | Tristan da Cunha,TA
264 | Australian Antarctic Territory,AQ
265 | Ross Dependency,AQ
266 | Peter I Island,AQ
267 | Queen Maud Land,AQ
268 | British Antarctic Territory,AQ


--------------------------------------------------------------------------------
/src/jquery.lookingfor.js:
--------------------------------------------------------------------------------
  1 | (function(factory) {
  2 | 	if ( typeof define === 'function' && define.amd ) {
  3 | 		define(['jquery'], factory);
  4 | 	} else {
  5 | 		factory(jQuery);
  6 | 	}
  7 | }(function($) {
  8 | 	'use strict';
  9 | 
 10 | 	$.fn.lookingfor = function(opts) {
 11 | 		return this.each(function() {
 12 | 			new Lookingfor(this, opts);
 13 | 		});
 14 | 	};
 15 | 
 16 | 	/**
 17 | 	 * @class
 18 | 	 * @param {HTMLElement} container
 19 | 	 * @param {Object} opts
 20 | 	 * @param {String} [opts.input] Selector for input field
 21 | 	 * @param {String} [opts.items='li'] Selector for nested items
 22 | 	 * @param {Number} [opts.queryCharLimit = 1]
 23 | 	 * @param {Number} [opts.queryDelay = 100] ms
 24 | 	 * @param {Boolean} [opts.highlight=false] Highlight matched text
 25 | 	 * @param {Boolean} [opts.highlightColor='#ffde00'] Background color for matched text
 26 | 	 * @param {Function(HTMLElement item, String query)} [opts.onFound] Callback, calls when text found in element
 27 | 	 *
 28 | 	 * @todo: nested items
 29 | 	 * @todo: show/hide animation
 30 | 	 */
 31 | 	function Lookingfor(container, opts) {
 32 | 		$.extend(this, {
 33 | 			_input: null,
 34 | 			_items: null,
 35 | 			_container: $(container),
 36 | 
 37 | 			items: 'li',
 38 | 			value: '',
 39 | 			cache: [],
 40 | 			queryCharLimit: 1,
 41 | 			queryTimer: null,
 42 | 			queryDelay: 100, // ms
 43 | 
 44 | 			highlight: false,
 45 | 			highlightClass: 'lfitem_match',
 46 | 			highlightColor: '#ffde00',
 47 | 
 48 | 			hiddenListClass: 'lflist_hidden',
 49 | 			hiddenItemAttr: 'data-lfhidden',
 50 | 			hiddenCount: 0,
 51 | 
 52 | 			onFound: null
 53 | 		}, opts || {});
 54 | 
 55 | 		this._items = $(this.items, container);
 56 | 		this._input = $(this.input);
 57 | 
 58 | 		if ( !this._items.length ) {
 59 | 			return;
 60 | 		}
 61 | 
 62 | 		if ( this._input.length ) {
 63 | 			this._input.on('keyup change', this._debounce(function() {
 64 | 				var value = (this._input.val() || '').toLowerCase();
 65 | 				value = $.trim(value);
 66 | 
 67 | 				if ( value === this.value ) {
 68 | 					return;
 69 | 				}
 70 | 
 71 | 				this.value = value;
 72 | 				if ( value.length >= this.queryCharLimit ) {
 73 | 					this.query();
 74 | 				} else {
 75 | 					this.showAll();
 76 | 				}
 77 | 			}, this.queryDelay, this));
 78 | 		}
 79 | 
 80 | 		this.addStyles();
 81 | 		this.indexing();
 82 | 	}
 83 | 
 84 | 	Lookingfor.prototype = 
 85 | 	/** @lends Lookingfor */
 86 | 	{
 87 | 		/**
 88 | 		 * Generates and adds styles for hiding and highlighting items
 89 | 		 */
 90 | 		addStyles: function() {
 91 | 			var _head = $('head'),
 92 | 				style = $('<style>').get(0), sheet,
 93 | 				styles = [
 94 | 					['.' + this.hiddenListClass + ' [' + this.hiddenItemAttr + ']', 'display: none'],
 95 | 					['.' + this.highlightClass, 'background: ' + this.highlightColor]
 96 | 				];
 97 | 
 98 | 			_head.append(style);
 99 | 			sheet = style.sheet || document.styleSheets[0]; // IE fix
100 | 
101 | 			for (var i = 0, selector, rules; i < styles.length; i++) {
102 | 				selector = styles[i][0];
103 | 				rules = styles[i][1];
104 | 
105 | 				if ( sheet.insertRule ) {
106 | 					sheet.insertRule(selector + '{' + rules + '}', 0);
107 | 				} else if ( sheet.addRule ) { // old IE
108 | 					sheet.addRule(selector, rules, 0);
109 | 				}
110 | 			}
111 |  		},
112 | 
113 |  		/**
114 |  		 * Caches html and text for all items
115 |  		 */
116 | 		indexing: function() {
117 | 			var self = this;
118 | 
119 | 			this._items.each(function() {
120 | 				var _item = $(this);
121 | 
122 | 				self.cache.push({
123 | 					node: this,
124 | 					html: this.innerHTML,
125 | 					text: (_item.text() || '').toLowerCase(),
126 | 					hidden: false
127 | 				});
128 | 			});
129 | 		},
130 | 
131 | 		/**
132 | 		 * Looking for given value in item's text
133 | 		 * Sets attributes, which changes item visibility
134 | 		 * Highlights matched text
135 | 		 * @param  {String} value
136 | 		 */
137 | 		query: function(value) {
138 | 			value = value || this.value;
139 | 			this.hiddenCount = 0;
140 | 
141 | 			var	re = new RegExp(value, 'ig'),
142 | 				paint = $.proxy(this._paint, this);
143 | 
144 | 			for (var i = 0, length = this.cache.length, item; i < length; i++) {
145 | 				item = this.cache[i];
146 | 				if ( item.text.indexOf(value) === -1 ) {
147 | 					if ( !item.hidden ) {
148 | 						item.hidden = true;
149 | 						// Speed up DOM changes without jQuery methods
150 | 						item.node.setAttribute(this.hiddenItemAttr, '');
151 | 					}
152 | 					this.hiddenCount += 1;
153 | 				} else if ( item.hidden ) {
154 | 					item.hidden = false;
155 | 					// Speed up DOM changes without jQuery methods
156 | 					item.node.removeAttribute(this.hiddenItemAttr);
157 | 				}
158 | 
159 | 				if ( this.highlight ) {
160 | 					if ( item.matched ) {
161 | 						item.matched = false;
162 | 						item.node.innerHTML = item.html;
163 | 					}
164 | 
165 | 					if ( !item.hidden ) {
166 | 						item.matched = true;
167 | 						item.node.innerHTML = item.html.replace(re, paint);
168 | 					}
169 | 				}
170 | 
171 | 				if ( this.onFound && !item.hidden ) {
172 | 					this.onFound(item.node, value);
173 | 				}
174 | 			}
175 | 
176 | 			this._container.addClass(this.hiddenListClass);
177 | 		},
178 | 
179 | 		/**
180 | 		 * Cancels all changes
181 | 		 * @return {[type]} [description]
182 | 		 */
183 | 		showAll: function() {
184 | 			if ( !this.hiddenCount ) {
185 | 				return;
186 | 			}
187 | 
188 | 			for (var i = 0, length = this.cache.length, item; i < length; i++) {
189 | 				item = this.cache[i];
190 | 				item.hidden = false;
191 | 				item.node.removeAttribute(this.hiddenItemAttr);
192 | 
193 | 				if ( item.matched ) {
194 | 					item.matched = false;
195 | 					item.node.innerHTML = item.html;
196 | 				}
197 | 			}
198 | 
199 | 			this._container.removeClass(this.hiddenListClass);
200 | 			this.hiddenCount = 0;
201 | 		},
202 | 
203 | 		/**
204 | 		 * Sets container for highlighting
205 | 		 * @param  {String} $0
206 | 		 * @ignore
207 | 		 */
208 | 		_paint: function($0) {
209 | 			return '<span class="' + this.highlightClass + '">' + $0 + '</span>';
210 | 		},
211 | 
212 | 		/**
213 | 		 * Debounce decorator
214 | 		 * @param {Function} fn
215 | 		 * @param {Number} delay
216 | 		 * @param {Object} context
217 | 		 * @ignore
218 | 		 */
219 | 		_debounce: function(fn, delay, context) {
220 | 			var timer = null,
221 | 				self = this;
222 | 
223 | 			return function() {
224 | 				var args = arguments;
225 | 				clearTimeout(timer);
226 | 				timer = setTimeout(function() {
227 | 					fn.apply(context || self, args);
228 | 				}, delay);
229 | 			};
230 | 		}
231 | 	};
232 | }));


--------------------------------------------------------------------------------
/dist/jquery.lookingfor.js:
--------------------------------------------------------------------------------
  1 | /**
  2 |  * jquery.lookingfor — fast search as you type
  3 |  * @author Alexander Burtsev, http://burtsev.me, 2014—2015
  4 |  * @license MIT
  5 |  */
  6 | (function(factory) {
  7 | 	if ( typeof define === 'function' && define.amd ) {
  8 | 		define(['jquery'], factory);
  9 | 	} else {
 10 | 		factory(jQuery);
 11 | 	}
 12 | }(function($) {
 13 | 	'use strict';
 14 | 
 15 | 	$.fn.lookingfor = function(opts) {
 16 | 		return this.each(function() {
 17 | 			new Lookingfor(this, opts);
 18 | 		});
 19 | 	};
 20 | 
 21 | 	/**
 22 | 	 * @class
 23 | 	 * @param {HTMLElement} container
 24 | 	 * @param {Object} opts
 25 | 	 * @param {String} [opts.input] Selector for input field
 26 | 	 * @param {String} [opts.items='li'] Selector for nested items
 27 | 	 * @param {Number} [opts.queryCharLimit = 1]
 28 | 	 * @param {Number} [opts.queryDelay = 100] ms
 29 | 	 * @param {Boolean} [opts.highlight=false] Highlight matched text
 30 | 	 * @param {Boolean} [opts.highlightColor='#ffde00'] Background color for matched text
 31 | 	 * @param {Function(HTMLElement item, String query)} [opts.onFound] Callback, calls when text found in element
 32 | 	 *
 33 | 	 * @todo: nested items
 34 | 	 * @todo: show/hide animation
 35 | 	 */
 36 | 	function Lookingfor(container, opts) {
 37 | 		$.extend(this, {
 38 | 			_input: null,
 39 | 			_items: null,
 40 | 			_container: $(container),
 41 | 
 42 | 			items: 'li',
 43 | 			value: '',
 44 | 			cache: [],
 45 | 			queryCharLimit: 1,
 46 | 			queryTimer: null,
 47 | 			queryDelay: 100, // ms
 48 | 
 49 | 			highlight: false,
 50 | 			highlightClass: 'lfitem_match',
 51 | 			highlightColor: '#ffde00',
 52 | 
 53 | 			hiddenListClass: 'lflist_hidden',
 54 | 			hiddenItemAttr: 'data-lfhidden',
 55 | 			hiddenCount: 0,
 56 | 
 57 | 			onFound: null
 58 | 		}, opts || {});
 59 | 
 60 | 		this._items = $(this.items, container);
 61 | 		this._input = $(this.input);
 62 | 
 63 | 		if ( !this._items.length ) {
 64 | 			return;
 65 | 		}
 66 | 
 67 | 		if ( this._input.length ) {
 68 | 			this._input.on('keyup change', this._debounce(function() {
 69 | 				var value = (this._input.val() || '').toLowerCase();
 70 | 				value = $.trim(value);
 71 | 
 72 | 				if ( value === this.value ) {
 73 | 					return;
 74 | 				}
 75 | 
 76 | 				this.value = value;
 77 | 				if ( value.length >= this.queryCharLimit ) {
 78 | 					this.query();
 79 | 				} else {
 80 | 					this.showAll();
 81 | 				}
 82 | 			}, this.queryDelay, this));
 83 | 		}
 84 | 
 85 | 		this.addStyles();
 86 | 		this.indexing();
 87 | 	}
 88 | 
 89 | 	Lookingfor.prototype = 
 90 | 	/** @lends Lookingfor */
 91 | 	{
 92 | 		/**
 93 | 		 * Generates and adds styles for hiding and highlighting items
 94 | 		 */
 95 | 		addStyles: function() {
 96 | 			var _head = $('head'),
 97 | 				style = $('<style>').get(0), sheet,
 98 | 				styles = [
 99 | 					['.' + this.hiddenListClass + ' [' + this.hiddenItemAttr + ']', 'display: none'],
100 | 					['.' + this.highlightClass, 'background: ' + this.highlightColor]
101 | 				];
102 | 
103 | 			_head.append(style);
104 | 			sheet = style.sheet || document.styleSheets[0]; // IE fix
105 | 
106 | 			for (var i = 0, selector, rules; i < styles.length; i++) {
107 | 				selector = styles[i][0];
108 | 				rules = styles[i][1];
109 | 
110 | 				if ( sheet.insertRule ) {
111 | 					sheet.insertRule(selector + '{' + rules + '}', 0);
112 | 				} else if ( sheet.addRule ) { // old IE
113 | 					sheet.addRule(selector, rules, 0);
114 | 				}
115 | 			}
116 |  		},
117 | 
118 |  		/**
119 |  		 * Caches html and text for all items
120 |  		 */
121 | 		indexing: function() {
122 | 			var self = this;
123 | 
124 | 			this._items.each(function() {
125 | 				var _item = $(this);
126 | 
127 | 				self.cache.push({
128 | 					node: this,
129 | 					html: this.innerHTML,
130 | 					text: (_item.text() || '').toLowerCase(),
131 | 					hidden: false
132 | 				});
133 | 			});
134 | 		},
135 | 
136 | 		/**
137 | 		 * Looking for given value in item's text
138 | 		 * Sets attributes, which changes item visibility
139 | 		 * Highlights matched text
140 | 		 * @param  {String} value
141 | 		 */
142 | 		query: function(value) {
143 | 			value = value || this.value;
144 | 			this.hiddenCount = 0;
145 | 
146 | 			var	re = new RegExp(value, 'ig'),
147 | 				paint = $.proxy(this._paint, this);
148 | 
149 | 			for (var i = 0, length = this.cache.length, item; i < length; i++) {
150 | 				item = this.cache[i];
151 | 				if ( item.text.indexOf(value) === -1 ) {
152 | 					if ( !item.hidden ) {
153 | 						item.hidden = true;
154 | 						// Speed up DOM changes without jQuery methods
155 | 						item.node.setAttribute(this.hiddenItemAttr, '');
156 | 					}
157 | 					this.hiddenCount += 1;
158 | 				} else if ( item.hidden ) {
159 | 					item.hidden = false;
160 | 					// Speed up DOM changes without jQuery methods
161 | 					item.node.removeAttribute(this.hiddenItemAttr);
162 | 				}
163 | 
164 | 				if ( this.highlight ) {
165 | 					if ( item.matched ) {
166 | 						item.matched = false;
167 | 						item.node.innerHTML = item.html;
168 | 					}
169 | 
170 | 					if ( !item.hidden ) {
171 | 						item.matched = true;
172 | 						item.node.innerHTML = item.html.replace(re, paint);
173 | 					}
174 | 				}
175 | 
176 | 				if ( this.onFound && !item.hidden ) {
177 | 					this.onFound(item.node, value);
178 | 				}
179 | 			}
180 | 
181 | 			this._container.addClass(this.hiddenListClass);
182 | 		},
183 | 
184 | 		/**
185 | 		 * Cancels all changes
186 | 		 * @return {[type]} [description]
187 | 		 */
188 | 		showAll: function() {
189 | 			if ( !this.hiddenCount ) {
190 | 				return;
191 | 			}
192 | 
193 | 			for (var i = 0, length = this.cache.length, item; i < length; i++) {
194 | 				item = this.cache[i];
195 | 				item.hidden = false;
196 | 				item.node.removeAttribute(this.hiddenItemAttr);
197 | 
198 | 				if ( item.matched ) {
199 | 					item.matched = false;
200 | 					item.node.innerHTML = item.html;
201 | 				}
202 | 			}
203 | 
204 | 			this._container.removeClass(this.hiddenListClass);
205 | 			this.hiddenCount = 0;
206 | 		},
207 | 
208 | 		/**
209 | 		 * Sets container for highlighting
210 | 		 * @param  {String} $0
211 | 		 * @ignore
212 | 		 */
213 | 		_paint: function($0) {
214 | 			return '<span class="' + this.highlightClass + '">' + $0 + '</span>';
215 | 		},
216 | 
217 | 		/**
218 | 		 * Debounce decorator
219 | 		 * @param {Function} fn
220 | 		 * @param {Number} delay
221 | 		 * @param {Object} context
222 | 		 * @ignore
223 | 		 */
224 | 		_debounce: function(fn, delay, context) {
225 | 			var timer = null,
226 | 				self = this;
227 | 
228 | 			return function() {
229 | 				var args = arguments;
230 | 				clearTimeout(timer);
231 | 				timer = setTimeout(function() {
232 | 					fn.apply(context || self, args);
233 | 				}, delay);
234 | 			};
235 | 		}
236 | 	};
237 | }));


--------------------------------------------------------------------------------