`,`
- `,`
- Jonny \\\n
- Jonny \\\n
- ',\n },\n [{ name: 'Jonny' }]\n )\n\n it('should contain one item', function () {\n expect(list.items.length).toEqual(1)\n expect(listEl.find('li').length).toEqual(1)\n })\n\n it('should contain two items', function () {\n list.add({ name: 'Jonas' })\n expect(list.items.length).toEqual(2)\n expect(listEl.find('li').length).toEqual(2)\n })\n\n listEl.remove()\n })\n\n describe('Without items and with string template for table', function () {\n var listEl = $('
- `\n },\n },\n [{ name: 'Jonny' }]\n )\n\n it('should contain one item', function () {\n expect(list.items.length).toEqual(1)\n expect(listEl.find('li').length).toEqual(1)\n })\n\n it('should contain two items', function () {\n list.add({ name: 'Jonas' })\n expect(list.items.length).toEqual(2)\n expect(listEl.find('li').length).toEqual(2)\n })\n\n it('should get values from items', function () {\n list.add({ name: 'Egon' })\n expect(listEl.find('li[data-template-fn-egon]').length).toEqual(1)\n })\n\n listEl.remove()\n })\n\n describe('without items and or template', function () {\n it('should throw error on init', function () {\n var listEl = $('
- ')\n\n $(document.body).append(listEl)\n $(document.body).append(templateEl)\n\n var list = new List(\n 'list',\n {\n valueNames: ['name'],\n item: 'template-item',\n },\n [{ name: 'Jonny' }]\n )\n\n it('should contain one item', function () {\n expect(list.items.length).toEqual(1)\n expect(listEl.find('li').length).toEqual(1)\n })\n\n it('should contain two items', function () {\n list.add({ name: 'Jonas' })\n expect(list.items.length).toEqual(2)\n expect(listEl.find('li').length).toEqual(2)\n })\n\n listEl.remove()\n templateEl.remove()\n })\n\n describe('Asyn index with existing list', function () {\n var listEl = $(\n '
- Jonny
- Sven \\\n
- Anna
- Lisa \\\n
- Egon
- Frida \\\n
- Maj-britt
- Fredrik \\\n
- Torbjorn
- Lolzor \\\n
- Sandra
- Gottfrid \\\n
- Tobias
- Martina \\\n
- Johannes
- Ted \\\n
- Malin
- Filippa \\\n
- Imma
- Hasse \\\n
- Robert
- Mona \\\n
- Anna
- Lisa \\\n
- Egon
- Frida \\\n
- Maj-britt
- Fredrik \\\n
- Torbjorn
- Lolzor \\\n
- Sandra
- Gottfrid \\\n
- Tobias
- Martina \\\n
- Johannes
- Ted \\\n
- Malin
- Filippa \\\n
- Imma
- Hasse \\\n
- Robert
- Mona \\\n
- Anna
- Lisa \\\n
- Egon
- Frida \\\n
- Maj-britt
- Fredrik \\\n
- Torbjorn
- Lolzor \\\n
- Sandra
- Gottfrid \\\n
- Tobias
- Martina \\\n
- Johannes
- Ted \\\n
- Malin
- Filippa \\\n
- Imma
- Hasse \\\n
- Robert
- Mona \\\n
- Anna
- Lisa \\\n
- Egon
- Frida \\\n
- Maj-britt
- Fredrik \\\n
- Torbjorn
- Lolzor \\\n
- Sandra
- Gottfrid \\\n
- Tobias
- Martina \\\n
- Johannes
- Ted \\\n
- Malin
- Filippa \\\n
- Imma
- Hasse \\\n
- Robert
- Mona \\\n
- Anna
- Lisa \\\n
- Egon
- Frida \\\n
- Maj-britt
- Fredrik \\\n
- Torbjorn
- Lolzor \\\n
- Sandra
- Gottfrid \\\n
- Tobias
- Martina \\\n
- Johannes
- Ted \\\n
- Malin
- Filippa \\\n
- Imma
- Hasse \\\n
- Robert
- Mona \\\n
- Anna
- Lisa \\\n
- Egon
- Frida \\\n
- Maj-britt
- Fredrik \\\n
- Torbjorn
- Lolzor \\\n
- Sandra
- Gottfrid \\\n
- Tobias
- Martina \\\n
- Johannes
- Ted \\\n
- Malin
- Filippa \\\n
- Imma
- Hasse \\\n
- Robert
- Mona \\\n
- Anna
- Lisa \\\n
- Egon
- Frida \\\n
- Maj-britt
- Fredrik \\\n
- Torbjorn
- Lolzor \\\n
- Sandra
- Gottfrid \\\n
- Tobias
- Martina \\\n
- Johannes
- Ted \\\n
- Malin
- Filippa \\\n
- Imma
- Hasse \\\n
- Robert
- Mona \\\n
- Anna
- Lisa \\\n
- Egon
- Frida \\\n
- Maj-britt
- Fredrik \\\n
- Torbjorn
- Lolzor \\\n
- Sandra
- Gottfrid \\\n
- Tobias
- Martina \\\n
- Johannes
- Ted \\\n
- Malin
- Filippa \\\n
- Imma
- Hasse \\\n
- Robert
- Mona \\\n
- '\n for (var i = 0; i < valueNames.length; i++) {\n item += ''\n }\n item += ' '\n\n $(document.body).append(listHtml)\n\n return item\n },\n removeList: function () {\n $('#list-fuzzy-search').remove()\n },\n i1: { name: 'Guybrush Threepwood' },\n i2: { name: 'Manny Calavera' },\n i3: { name: 'Bernard Bernoulli' },\n i4: { name: 'LeChuck' },\n i5: { name: 'Elaine Marley-Threepwood' },\n i6: { name: 'Purple Tentacle' },\n i7: { name: 'Adrian Ripburger' },\n i8: { name: 'Bobbin Threadbare' },\n i9: { name: 'Murray the Demonic Skull' },\n i10: { name: 'Zak McKracken' },\n}\nfixtureFuzzysearch.all = [\n fixtureFuzzysearch.i1,\n fixtureFuzzysearch.i2,\n fixtureFuzzysearch.i3,\n fixtureFuzzysearch.i4,\n fixtureFuzzysearch.i5,\n fixtureFuzzysearch.i6,\n fixtureFuzzysearch.i7,\n fixtureFuzzysearch.i8,\n fixtureFuzzysearch.i9,\n fixtureFuzzysearch.i10,\n]\n\nmodule.exports = fixtureFuzzysearch\n" }, { "path": "__test__/fixtures-pagination.js", "content": "const $ = require('jquery')\n\nvar fixturePagination = {\n list: function (valueNames) {\n var listHtml = $('
- '\n for (var i = 0; i < valueNames.length; i++) {\n item += ''\n }\n item += ' '\n\n $(document.body).append(listHtml)\n\n return item\n },\n removeList: function () {\n $('#list-pagination').remove()\n },\n jonny: {\n name: 'Jonny Strömberg',\n born: '1986',\n },\n martina: {\n name: 'Martina Elm',\n born: '1986',\n },\n angelica: {\n name: 'Angelica Abraham',\n born: '1986',\n },\n sebastian: {\n name: 'Sebastian Höglund',\n born: '1989',\n },\n imma: {\n name: 'Imma Grafström',\n born: '1953',\n },\n hasse: {\n name: 'Hasse Strömberg',\n born: '1955',\n },\n fredrik: {\n name: 'Fredrik Martinsson',\n born: '1987',\n },\n jonas: {\n name: 'Jonas Arnklint',\n born: '1987',\n },\n egon: {\n name: 'Egon Östgren',\n born: '1983',\n },\n lars: {\n name: 'Lars Larsson',\n born: '1992',\n },\n bertil: {\n name: 'Bertil Cool',\n born: '1943',\n },\n ture: {\n name: 'Ture Tur',\n born: '1965',\n },\n anders: {\n name: 'Anders',\n born: '1987',\n },\n anna: {\n name: 'Anna',\n born: '1987',\n },\n matilda: {\n name: 'Matilda',\n born: '1983',\n },\n li: {\n name: 'Li',\n born: '1992',\n },\n asa: {\n name: 'Åsa',\n born: '1943',\n },\n gun: {\n name: 'Gun',\n born: '1965',\n },\n}\nfixturePagination.all = [\n fixturePagination.jonny,\n fixturePagination.martina,\n fixturePagination.angelica,\n fixturePagination.sebastian,\n fixturePagination.imma,\n fixturePagination.hasse,\n fixturePagination.fredrik,\n fixturePagination.jonas,\n fixturePagination.egon,\n fixturePagination.lars,\n fixturePagination.bertil,\n fixturePagination.ture,\n fixturePagination.anders,\n fixturePagination.anna,\n fixturePagination.matilda,\n fixturePagination.li,\n fixturePagination.asa,\n fixturePagination.gun,\n]\n\nmodule.exports = fixturePagination\n" }, { "path": "__test__/fixtures.js", "content": "const $ = require('jquery'),\n List = require('../src/index')\n\nvar fixture = {\n list: function (valueNames, items) {\n var listHtml = $('
- '\n for (var i = 0; i < valueNames.length; i++) {\n item += ''\n }\n item += ' '\n\n $(document.body).append(listHtml)\n\n items = items || []\n\n return new List(\n 'list',\n {\n valueNames: valueNames,\n item: item,\n },\n items\n )\n },\n removeList: function () {\n $('#list').remove()\n },\n jonny: {\n name: 'Jonny Strömberg',\n born: '1986',\n },\n martina: {\n name: 'Martina Elm',\n born: '1986',\n },\n angelica: {\n name: 'Angelica Abraham',\n born: '1986',\n },\n sebastian: {\n name: 'Sebastian Höglund',\n born: '1989',\n },\n imma: {\n name: 'Imma Grafström',\n born: '1953',\n },\n hasse: {\n name: 'Hasse Strömberg',\n born: '1955',\n },\n}\nfixture.all = [fixture.jonny, fixture.martina, fixture.angelica, fixture.sebastian, fixture.imma, fixture.hasse]\n\nmodule.exports = fixture\n" }, { "path": "__test__/fuzzysearch.test.js", "content": "const $ = require('jquery'),\n fixtureFuzzysearch = require('./fixtures-fuzzysearch'),\n List = require('../src/index')\n\nfunction fireKeyup(el) {\n if (document.createEvent) {\n var evObj\n if (window.KeyEvent) {\n evObj = document.createEvent('KeyEvents')\n evObj.initKeyEvent('keyup', true, true, window, false, false, false, false, 13, 0)\n } else {\n evObj = document.createEvent('UIEvents')\n evObj.initUIEvent('keyup', true, true, window, 1)\n }\n el.dispatchEvent(evObj)\n } else if (document.createEventObject) {\n el.fireEvent('onkeyup')\n } else {\n // IE 5.0, seriously? :)\n }\n}\n\ndescribe('Fuzzy Search', function () {\n var list, itemHTML, pagination\n\n beforeEach(function () {\n itemHTML = fixtureFuzzysearch.list(['name', 'born'])\n list = new List(\n 'list-fuzzy-search',\n {\n valueNames: ['name', 'born'],\n item: itemHTML,\n },\n fixtureFuzzysearch.all\n )\n })\n\n afterEach(function () {\n fixtureFuzzysearch.removeList()\n })\n\n it('should have default attribute', function () {\n expect(list.fuzzySearch).toBeInstanceOf(Function)\n })\n\n it('should find result', function () {\n list.fuzzySearch('guybrush')\n expect(list.matchingItems.length).toBe(1)\n })\n\n it('should find result', function () {\n list.fuzzySearch('g thre')\n expect(list.matchingItems.length).toBe(1)\n })\n\n it('should find result', function () {\n list.fuzzySearch('thre')\n expect(list.matchingItems.length).toBe(4)\n })\n\n describe('Search field', function () {\n it('should trigger searchStart', function (done) {\n list.on('searchStart', function () {\n done()\n })\n $('#list-fuzzy-search .fuzzy-search').val('angelica')\n fireKeyup($('#list-fuzzy-search .fuzzy-search')[0])\n })\n\n it('should trigger searchComplete', function (done) {\n list.on('searchComplete', function () {\n done()\n })\n $('#list-fuzzy-search .fuzzy-search').val('angelica')\n fireKeyup($('#list-fuzzy-search .fuzzy-search')[0])\n })\n })\n})\n" }, { "path": "__test__/item.test.js", "content": "const $ = require('jquery'),\n fixture = require('./fixtures')\n\ndescribe('Item', function () {\n var list, item\n\n beforeAll(function () {\n list = fixture.list(\n ['name', 'born', 'doin'],\n [\n {\n name: 'Jonny',\n born: '1986',\n doin: 'Living the dream',\n },\n ]\n )\n item = list.get('name', 'Jonny')[0]\n })\n\n beforeEach(function () {\n list.search()\n list.filter()\n list.show(1, 200)\n })\n\n afterAll(function () {\n fixture.removeList()\n })\n\n describe('Defaults', function () {\n it('should have all default attributes', function () {\n expect(item.found).toBe(false)\n expect(item.filtered).toBe(false)\n })\n\n it('should have the right elements', function () {\n expect(item.elm).toEqual($('#list li')[0])\n })\n\n it('should have all default methods', function () {\n expect(item.hide).toBeInstanceOf(Function)\n expect(item.show).toBeInstanceOf(Function)\n expect(item.values).toBeInstanceOf(Function)\n expect(item.matching).toBeInstanceOf(Function)\n expect(item.visible).toBeInstanceOf(Function)\n })\n })\n\n describe('Values()', function () {\n it('should have the right values', function () {\n expect(item.values()).toEqual({\n name: 'Jonny',\n born: '1986',\n doin: 'Living the dream',\n })\n })\n it('should be able to change one value', function () {\n expect(item.values().name).toBe('Jonny')\n item.values({ name: 'Egon' })\n expect(item.values().name).toBe('Egon')\n })\n it('should be able to change many value', function () {\n expect(item.values()).toEqual({\n name: 'Egon',\n born: '1986',\n doin: 'Living the dream',\n })\n item.values({\n name: 'Sven',\n born: '1801',\n doin: 'Is dead',\n })\n expect(item.values()).toEqual({\n name: 'Sven',\n born: '1801',\n doin: 'Is dead',\n })\n })\n })\n\n describe('Hide, show, visible', function () {\n it('should be hidden', function () {\n expect($('#list li').length).toEqual(1)\n item.hide()\n expect(item.visible()).toBe(false)\n expect($('#list li').length).toEqual(0)\n })\n it('should be visible', function () {\n item.hide()\n expect($('#list li').length).toEqual(0)\n item.show()\n expect(item.visible()).toBe(true)\n expect($('#list li').length).toEqual(1)\n })\n })\n\n describe('Matching, found, filtered', function () {\n describe('Searching', function () {\n it('should not be visible, match, found or filtered', function () {\n list.search('Fredrik')\n expect(item.matching()).toBe(false)\n expect(item.found).toBe(false)\n expect(item.filtered).toBe(false)\n expect(item.visible()).toBe(false)\n })\n it('should be visble, match and found but not filterd', function () {\n var result = list.search('Sven')\n expect(item.matching()).toBe(true)\n expect(item.found).toBe(true)\n expect(item.filtered).toBe(false)\n expect(item.visible()).toBe(true)\n })\n it('reset: should be visible and matching but not found or filtered', function () {\n list.search()\n expect(item.matching()).toBe(true)\n expect(item.found).toBe(false)\n expect(item.filtered).toBe(false)\n expect(item.visible()).toBe(true)\n })\n })\n describe('Filtering', function () {\n it('should not be visble, match, found or filtered', function () {\n list.filter(function (item) {\n return item.values().name == 'Fredrik'\n })\n expect(item.matching()).toBe(false)\n expect(item.found).toBe(false)\n expect(item.filtered).toBe(false)\n expect(item.visible()).toBe(false)\n })\n it('should be visble, match and filtered but not found', function () {\n list.filter(function (item) {\n return item.values().name == 'Sven'\n })\n expect(item.matching()).toBe(true)\n expect(item.found).toBe(false)\n expect(item.filtered).toBe(true)\n expect(item.visible()).toBe(true)\n })\n it('reset: should be visble and match but not filtered or found', function () {\n list.filter()\n expect(item.matching()).toBe(true)\n expect(item.found).toBe(false)\n expect(item.filtered).toBe(false)\n expect(item.visible()).toBe(true)\n })\n })\n })\n\n fixture.removeList()\n})\n" }, { "path": "__test__/off.test.js", "content": "const fixture = require('./fixtures')\n\ndescribe('Off', function () {\n var list\n\n beforeAll(function () {\n list = fixture.list(['name', 'born'], fixture.all)\n })\n\n afterAll(function () {\n fixture.removeList()\n })\n\n describe('General', function () {\n it('should be remove added handler', function (done) {\n var updated = function (list) {\n expect(list.handlers.updated.length).toEqual(1)\n list.off('updated', updated)\n expect(list.handlers.updated.length).toEqual(0)\n done()\n }\n list.on('updated', updated)\n list.search('jonny')\n })\n\n it('should not remove unnamed handlers', function (done) {\n var searchComplete = function (list) {\n expect(list.handlers.searchComplete.length).toEqual(3)\n list.off('searchComplete', function () {})\n list.off('searchComplete', searchComplete)\n expect(list.handlers.searchComplete.length).toEqual(2)\n done()\n }\n list.on('searchComplete', function () {})\n list.on('searchComplete', searchComplete)\n list.on('searchComplete', function () {})\n list.search('jonny')\n })\n })\n})\n" }, { "path": "__test__/on.test.js", "content": "const fixture = require('./fixtures')\n\ndescribe('On', function () {\n var list\n\n beforeEach(function () {\n list = fixture.list(['name', 'born'], fixture.all)\n })\n\n afterEach(function () {\n fixture.removeList()\n })\n\n describe('Updated', function () {\n it('should be triggered after search', function (done) {\n list.on('updated', function (list) {\n done()\n })\n list.search('jonny')\n })\n it('should be triggered after sort', function (done) {\n list.on('updated', function (list) {\n done()\n })\n list.sort('name')\n })\n it('should be triggered after filter', function (done) {\n list.on('updated', function (list) {\n done()\n })\n list.filter(function () {\n return true\n })\n })\n it('should be triggered after show', function (done) {\n list.on('updated', function (list) {\n done()\n })\n list.show(1, 10)\n })\n\n it('should be triggered after add', function (done) {\n list.on('updated', function (list) {\n done()\n })\n list.add({ name: 'Hej' })\n })\n it('should be triggered after remove', function (done) {\n list.on('updated', function (list) {\n done()\n })\n list.remove('name', 'Jonny')\n })\n })\n\n describe('Multiple handlers', function () {\n it('should be trigger both handlers', function (done) {\n var done1 = false,\n done2 = false,\n isDone = function () {\n if (done1 && done2) {\n done()\n }\n }\n\n list.on('updated', function (list) {\n done1 = true\n isDone()\n })\n list.on('updated', function (list) {\n done2 = true\n isDone()\n })\n list.search('jonny')\n })\n })\n\n describe('Search', function () {\n it('should be triggered before and after search', function (done) {\n var done1 = false\n list.on('searchStart', function (list) {\n done1 = true\n })\n list.on('searchComplete', function (list) {\n if (done1) {\n done()\n }\n })\n list.search('jonny')\n })\n })\n\n describe('Sort', function () {\n it('should be triggered before and after sort', function (done) {\n var done1 = false\n list.on('sortStart', function (list) {\n done1 = true\n })\n list.on('sortComplete', function (list) {\n if (done1) {\n done()\n }\n })\n list.sort('name')\n })\n })\n\n describe('Filter', function () {\n it('should be triggered before and after filter', function (done) {\n var done1 = false\n list.on('filterStart', function (list) {\n done1 = true\n })\n list.on('filterComplete', function (list) {\n if (done1) {\n done()\n }\n })\n list.filter(function () {\n return true\n })\n })\n })\n})\n" }, { "path": "__test__/pagination.test.js", "content": "const $ = require('jquery'),\n fixturePagination = require('./fixtures-pagination'),\n List = require('../src/index')\n\ndescribe('Pagination', function () {\n describe('Default settings, innerWindow: 2, outerWindow: 0, left: 0, right: 0', function () {\n var list, itemHTML, pagination\n\n beforeAll(function () {\n itemHTML = fixturePagination.list(['name'])\n list = new List(\n 'list-pagination',\n {\n valueNames: ['name'],\n item: itemHTML,\n page: 2,\n pagination: true,\n },\n fixturePagination.all\n )\n\n pagination = $('.pagination')\n })\n\n afterAll(function () {\n fixturePagination.removeList()\n })\n\n it('should have default settings', function () {\n expect(pagination.find('a').length).toEqual(4)\n expect(pagination.find('a').get(0).innerHTML).toEqual('1')\n expect(pagination.find('a').get(1).innerHTML).toEqual('2')\n expect(pagination.find('a').get(2).innerHTML).toEqual('3')\n expect(pagination.find('a').get(3).innerHTML).toEqual('...')\n expect(pagination.find('a').get(4)).toEqual(undefined)\n })\n\n it('should show same pages for show(7,2) and show(8,2)', function () {\n list.show(7, 2)\n expect(pagination.find('a').length).toEqual(7)\n expect(pagination.find('a').get(0).innerHTML).toEqual('...')\n expect(pagination.find('a').get(1).innerHTML).toEqual('2')\n expect(pagination.find('a').get(2).innerHTML).toEqual('3')\n expect(pagination.find('a').get(3).innerHTML).toEqual('4')\n expect(pagination.find('a').get(4).innerHTML).toEqual('5')\n expect(pagination.find('a').get(5).innerHTML).toEqual('6')\n expect(pagination.find('a').get(6).innerHTML).toEqual('...')\n expect(pagination.find('a').get(7)).toEqual(undefined)\n expect($(pagination.find('li').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(3)).hasClass('active')).toEqual(true)\n expect($(pagination.find('li').get(4)).hasClass('active')).toEqual(false)\n })\n\n it('should show same pages for show(7,2) and show(8,2)', function () {\n list.show(8, 2)\n expect(pagination.find('a').length).toEqual(7)\n expect(pagination.find('a').get(0).innerHTML).toEqual('...')\n expect(pagination.find('a').get(1).innerHTML).toEqual('2')\n expect(pagination.find('a').get(2).innerHTML).toEqual('3')\n expect(pagination.find('a').get(3).innerHTML).toEqual('4')\n expect(pagination.find('a').get(4).innerHTML).toEqual('5')\n expect(pagination.find('a').get(5).innerHTML).toEqual('6')\n expect(pagination.find('a').get(6).innerHTML).toEqual('...')\n expect(pagination.find('a').get(7)).toEqual(undefined)\n expect($(pagination.find('li').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(3)).hasClass('active')).toEqual(true)\n expect($(pagination.find('li').get(4)).hasClass('active')).toEqual(false)\n })\n\n it('should test show(14,2)', function () {\n list.show(14, 2)\n expect(pagination.find('a').length).toEqual(6)\n expect(pagination.find('a').get(0).innerHTML).toEqual('...')\n expect(pagination.find('a').get(1).innerHTML).toEqual('5')\n expect(pagination.find('a').get(2).innerHTML).toEqual('6')\n expect(pagination.find('a').get(3).innerHTML).toEqual('7')\n expect(pagination.find('a').get(4).innerHTML).toEqual('8')\n expect(pagination.find('a').get(5).innerHTML).toEqual('9')\n expect(pagination.find('a').get(6)).toEqual(undefined)\n expect($(pagination.find('li').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(3)).hasClass('active')).toEqual(true)\n expect($(pagination.find('li').get(4)).hasClass('active')).toEqual(false)\n })\n\n it('should show last page with show(17,2)', function () {\n list.show(17, 2)\n expect(pagination.find('a').length).toEqual(4)\n expect(pagination.find('a').get(0).innerHTML).toEqual('...')\n expect(pagination.find('a').get(1).innerHTML).toEqual('7')\n expect(pagination.find('a').get(2).innerHTML).toEqual('8')\n expect(pagination.find('a').get(3).innerHTML).toEqual('9')\n expect(pagination.find('a').get(4)).toEqual(undefined)\n expect($(pagination.find('li').get(1)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(3)).hasClass('active')).toEqual(true)\n })\n\n it('should handle page = 0', function () {\n expect(list.listContainer.style.display).toBe('')\n list.show(0, 0)\n expect(list.listContainer.style.display).toBe('none')\n list.show(1, 1)\n expect(list.listContainer.style.display).toBe('block')\n })\n })\n\n describe('Custom settings, innerWindow: 1, outerWindow: 1, left: 0, right: 0', function () {\n var list, itemHTML, pagination\n\n beforeAll(function () {\n itemHTML = fixturePagination.list(['name'])\n list = new List(\n 'list-pagination',\n {\n valueNames: ['name'],\n item: itemHTML,\n page: 2,\n pagination: {\n innerWindow: 1,\n outerWindow: 1,\n },\n },\n fixturePagination.all\n )\n\n pagination = $('.pagination')\n })\n\n afterAll(function () {\n fixturePagination.removeList()\n })\n\n it('should have default settings', function () {\n expect(pagination.find('a').length).toEqual(4)\n expect(pagination.find('a').get(0).innerHTML).toEqual('1')\n expect(pagination.find('a').get(1).innerHTML).toEqual('2')\n expect(pagination.find('a').get(2).innerHTML).toEqual('...')\n expect(pagination.find('a').get(3).innerHTML).toEqual('9')\n expect(pagination.find('a').get(4)).toEqual(undefined)\n })\n\n it('should test show(7,2)', function () {\n list.show(7, 2)\n expect(pagination.find('a').length).toEqual(7)\n expect(pagination.find('a').get(0).innerHTML).toEqual('1')\n expect(pagination.find('a').get(1).innerHTML).toEqual('...')\n expect(pagination.find('a').get(2).innerHTML).toEqual('3')\n expect(pagination.find('a').get(3).innerHTML).toEqual('4')\n expect(pagination.find('a').get(4).innerHTML).toEqual('5')\n expect(pagination.find('a').get(5).innerHTML).toEqual('...')\n expect(pagination.find('a').get(6).innerHTML).toEqual('9')\n expect(pagination.find('a').get(7)).toEqual(undefined)\n expect($(pagination.find('li').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(3)).hasClass('active')).toEqual(true)\n expect($(pagination.find('li').get(4)).hasClass('active')).toEqual(false)\n })\n\n it('should test show(14,2)', function () {\n list.show(14, 2)\n expect(pagination.find('a').length).toEqual(6)\n expect(pagination.find('a').get(0).innerHTML).toEqual('1')\n expect(pagination.find('a').get(1).innerHTML).toEqual('...')\n expect(pagination.find('a').get(2).innerHTML).toEqual('6')\n expect(pagination.find('a').get(3).innerHTML).toEqual('7')\n expect(pagination.find('a').get(4).innerHTML).toEqual('8')\n expect(pagination.find('a').get(5).innerHTML).toEqual('9')\n expect(pagination.find('a').get(6)).toEqual(undefined)\n expect($(pagination.find('li').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(3)).hasClass('active')).toEqual(true)\n expect($(pagination.find('li').get(4)).hasClass('active')).toEqual(false)\n })\n\n it('should show last page with show(17,2)', function () {\n list.show(17, 2)\n expect(pagination.find('a').length).toEqual(4)\n expect(pagination.find('a').get(0).innerHTML).toEqual('1')\n expect(pagination.find('a').get(1).innerHTML).toEqual('...')\n expect(pagination.find('a').get(2).innerHTML).toEqual('8')\n expect(pagination.find('a').get(3).innerHTML).toEqual('9')\n expect(pagination.find('a').get(4)).toEqual(undefined)\n expect($(pagination.find('li').get(1)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(3)).hasClass('active')).toEqual(true)\n })\n })\n\n describe('Custom settings, innerWindow: 1, outerWindow: 1, left: 2, right: 1', function () {\n var list, itemHTML, pagination\n\n beforeAll(function () {\n itemHTML = fixturePagination.list(['name'])\n list = new List(\n 'list-pagination',\n {\n valueNames: ['name'],\n item: itemHTML,\n page: 2,\n pagination: {\n innerWindow: 1,\n outerWindow: 1,\n left: 2,\n right: 1,\n },\n },\n fixturePagination.all\n )\n\n pagination = $('.pagination')\n })\n\n afterAll(function () {\n fixturePagination.removeList()\n })\n\n it('should have default settings', function () {\n expect(pagination.find('a').length).toEqual(4)\n expect(pagination.find('a').get(0).innerHTML).toEqual('1')\n expect(pagination.find('a').get(1).innerHTML).toEqual('2')\n expect(pagination.find('a').get(2).innerHTML).toEqual('...')\n expect(pagination.find('a').get(3).innerHTML).toEqual('9')\n expect(pagination.find('a').get(4)).toEqual(undefined)\n })\n\n it('should test show(7,2)', function () {\n list.show(7, 2)\n expect(pagination.find('a').length).toEqual(7)\n expect(pagination.find('a').get(0).innerHTML).toEqual('1')\n expect(pagination.find('a').get(1).innerHTML).toEqual('2')\n expect(pagination.find('a').get(2).innerHTML).toEqual('3')\n expect(pagination.find('a').get(3).innerHTML).toEqual('4')\n expect(pagination.find('a').get(4).innerHTML).toEqual('5')\n expect(pagination.find('a').get(5).innerHTML).toEqual('...')\n expect(pagination.find('a').get(6).innerHTML).toEqual('9')\n expect(pagination.find('a').get(7)).toEqual(undefined)\n expect($(pagination.find('li').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(3)).hasClass('active')).toEqual(true)\n expect($(pagination.find('li').get(4)).hasClass('active')).toEqual(false)\n })\n\n it('should test show(12,2)', function () {\n list.show(12, 2)\n expect(pagination.find('a').length).toEqual(8)\n expect(pagination.find('a').get(0).innerHTML).toEqual('1')\n expect(pagination.find('a').get(1).innerHTML).toEqual('2')\n expect(pagination.find('a').get(2).innerHTML).toEqual('...')\n expect(pagination.find('a').get(3).innerHTML).toEqual('5')\n expect(pagination.find('a').get(4).innerHTML).toEqual('6')\n expect(pagination.find('a').get(5).innerHTML).toEqual('7')\n expect(pagination.find('a').get(6).innerHTML).toEqual('...')\n expect(pagination.find('a').get(7).innerHTML).toEqual('9')\n expect(pagination.find('a').get(8)).toEqual(undefined)\n expect($(pagination.find('li').get(3)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(4)).hasClass('active')).toEqual(true)\n expect($(pagination.find('li').get(5)).hasClass('active')).toEqual(false)\n })\n it('should show last page with show(17,2)', function () {\n list.show(17, 2)\n expect(pagination.find('a').length).toEqual(5)\n expect(pagination.find('a').get(0).innerHTML).toEqual('1')\n expect(pagination.find('a').get(1).innerHTML).toEqual('2')\n expect(pagination.find('a').get(2).innerHTML).toEqual('...')\n expect(pagination.find('a').get(3).innerHTML).toEqual('8')\n expect(pagination.find('a').get(4).innerHTML).toEqual('9')\n expect(pagination.find('a').get(5)).toEqual(undefined)\n expect($(pagination.find('li').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(3)).hasClass('active')).toEqual(false)\n expect($(pagination.find('li').get(4)).hasClass('active')).toEqual(true)\n })\n })\n\n describe('Custom settings, pagination: { item: \"\" }', function () {\n var list, itemHTML, pagination\n\n beforeAll(function () {\n itemHTML = fixturePagination.list(['name'])\n list = new List(\n 'list-pagination',\n {\n valueNames: ['name'],\n item: itemHTML,\n page: 2,\n pagination: {\n item: '',\n },\n },\n fixturePagination.all\n )\n\n pagination = $('.pagination')\n })\n\n afterAll(function () {\n fixturePagination.removeList()\n })\n\n it('should have default settings', function () {\n expect(pagination.find('span').length).toEqual(4)\n expect(pagination.find('span').get(0).innerHTML).toEqual('1')\n expect(pagination.find('span').get(1).innerHTML).toEqual('2')\n expect(pagination.find('span').get(2).innerHTML).toEqual('3')\n expect(pagination.find('span').get(3).innerHTML).toEqual('...')\n expect(pagination.find('span').get(4)).toEqual(undefined)\n })\n\n it('should show same pages for show(7,2) and show(8,2)', function () {\n list.show(7, 2)\n expect(pagination.find('span').length).toEqual(7)\n expect(pagination.find('span').get(0).innerHTML).toEqual('...')\n expect(pagination.find('span').get(1).innerHTML).toEqual('2')\n expect(pagination.find('span').get(2).innerHTML).toEqual('3')\n expect(pagination.find('span').get(3).innerHTML).toEqual('4')\n expect(pagination.find('span').get(4).innerHTML).toEqual('5')\n expect(pagination.find('span').get(5).innerHTML).toEqual('6')\n expect(pagination.find('span').get(6).innerHTML).toEqual('...')\n expect(pagination.find('span').get(7)).toEqual(undefined)\n expect($(pagination.find('button').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('button').get(3)).hasClass('active')).toEqual(true)\n expect($(pagination.find('button').get(4)).hasClass('active')).toEqual(false)\n })\n\n it('should show same pages for show(7,2) and show(8,2)', function () {\n list.show(8, 2)\n expect(pagination.find('span').length).toEqual(7)\n expect(pagination.find('span').get(0).innerHTML).toEqual('...')\n expect(pagination.find('span').get(1).innerHTML).toEqual('2')\n expect(pagination.find('span').get(2).innerHTML).toEqual('3')\n expect(pagination.find('span').get(3).innerHTML).toEqual('4')\n expect(pagination.find('span').get(4).innerHTML).toEqual('5')\n expect(pagination.find('span').get(5).innerHTML).toEqual('6')\n expect(pagination.find('span').get(6).innerHTML).toEqual('...')\n expect(pagination.find('span').get(7)).toEqual(undefined)\n expect($(pagination.find('button').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('button').get(3)).hasClass('active')).toEqual(true)\n expect($(pagination.find('button').get(4)).hasClass('active')).toEqual(false)\n })\n\n it('should test show(14,2)', function () {\n list.show(14, 2)\n expect(pagination.find('span').length).toEqual(6)\n expect(pagination.find('span').get(0).innerHTML).toEqual('...')\n expect(pagination.find('span').get(1).innerHTML).toEqual('5')\n expect(pagination.find('span').get(2).innerHTML).toEqual('6')\n expect(pagination.find('span').get(3).innerHTML).toEqual('7')\n expect(pagination.find('span').get(4).innerHTML).toEqual('8')\n expect(pagination.find('span').get(5).innerHTML).toEqual('9')\n expect(pagination.find('span').get(6)).toEqual(undefined)\n expect($(pagination.find('button').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('button').get(3)).hasClass('active')).toEqual(true)\n expect($(pagination.find('button').get(4)).hasClass('active')).toEqual(false)\n })\n\n it('should show last page with show(17,2)', function () {\n list.show(17, 2)\n expect(pagination.find('span').length).toEqual(4)\n expect(pagination.find('span').get(0).innerHTML).toEqual('...')\n expect(pagination.find('span').get(1).innerHTML).toEqual('7')\n expect(pagination.find('span').get(2).innerHTML).toEqual('8')\n expect(pagination.find('span').get(3).innerHTML).toEqual('9')\n expect(pagination.find('span').get(4)).toEqual(undefined)\n expect($(pagination.find('button').get(1)).hasClass('active')).toEqual(false)\n expect($(pagination.find('button').get(2)).hasClass('active')).toEqual(false)\n expect($(pagination.find('button').get(3)).hasClass('active')).toEqual(true)\n })\n\n it('should handle page = 0', function () {\n expect(list.listContainer.style.display).toBe('')\n list.show(0, 0)\n expect(list.listContainer.style.display).toBe('none')\n list.show(1, 1)\n expect(list.listContainer.style.display).toBe('block')\n })\n })\n})\n" }, { "path": "__test__/parse.test.js", "content": "const $ = require('jquery'),\n List = require('../src/index')\n\ndescribe('Parse', function () {\n describe('Parse class', function () {\n var list\n beforeEach(function () {\n $('body').append(\n $(\n '
- Sven2013'\n newHtml = newHtml + '
- Anna3043'\n $(list.list).html(newHtml)\n list.reIndex()\n expect(list.toJSON()).toEqual([\n { name: 'Sven', born: '2013' },\n { name: 'Anna', born: '3043' },\n ])\n })\n})\n"
},
{
"path": "__test__/search-filter.test.js",
"content": "const fixture = require('./fixtures')\n\ndescribe('Search and filter', function () {\n var list, jonny, martina, angelica, sebastian, imma, hasse\n\n beforeAll(function () {\n list = fixture.list(['name', 'born'], fixture.all)\n\n jonny = list.get('name', 'Jonny Strömberg')[0]\n martina = list.get('name', 'Martina Elm')[0]\n angelica = list.get('name', 'Angelica Abraham')[0]\n sebastian = list.get('name', 'Sebastian Höglund')[0]\n imma = list.get('name', 'Imma Grafström')[0]\n hasse = list.get('name', 'Hasse Strömberg')[0]\n })\n\n afterAll(function () {\n fixture.removeList()\n })\n\n afterEach(function () {\n list.search()\n list.filter()\n })\n\n describe('Search with filter', function () {\n it('should find everyone born 1986', function () {\n list.filter(function (item) {\n return item.values().born == '1986'\n })\n expect(list.matchingItems.length).toEqual(3)\n expect(jonny.matching()).toBe(true)\n expect(martina.matching()).toBe(true)\n expect(angelica.matching()).toBe(true)\n expect(sebastian.matching()).toBe(false)\n expect(imma.matching()).toBe(false)\n expect(hasse.matching()).toBe(false)\n })\n it('should find everyone born 1986 and containes \"ö\"', function () {\n list.filter(function (item) {\n return item.values().born == '1986'\n })\n list.search('ö')\n expect(list.matchingItems.length).toEqual(1)\n expect(jonny.matching()).toBe(true)\n expect(martina.matching()).toBe(false)\n expect(angelica.matching()).toBe(false)\n expect(sebastian.matching()).toBe(false)\n expect(imma.matching()).toBe(false)\n expect(hasse.matching()).toBe(false)\n })\n it('should find everyone with a \"ö\"', function () {\n list.filter(function (item) {\n return item.values().born == '1986'\n })\n list.search('ö')\n list.filter()\n expect(list.matchingItems.length).toEqual(4)\n expect(jonny.matching()).toBe(true)\n expect(martina.matching()).toBe(false)\n expect(angelica.matching()).toBe(false)\n expect(sebastian.matching()).toBe(true)\n expect(imma.matching()).toBe(true)\n expect(hasse.matching()).toBe(true)\n })\n })\n})\n"
},
{
"path": "__test__/search.test.js",
"content": "const fixture = require('./fixtures')\n\ndescribe('Search', function () {\n var list, jonny, martina, angelica, sebastian, imma, hasse\n\n beforeEach(function () {\n list = fixture.list(['name', 'born'], fixture.all)\n\n jonny = list.get('name', 'Jonny Strömberg')[0]\n martina = list.get('name', 'Martina Elm')[0]\n angelica = list.get('name', 'Angelica Abraham')[0]\n sebastian = list.get('name', 'Sebastian Höglund')[0]\n imma = list.get('name', 'Imma Grafström')[0]\n hasse = list.get('name', 'Hasse Strömberg')[0]\n })\n\n afterEach(function () {\n fixture.removeList()\n })\n\n describe('Case-sensitive', function () {\n it('should not be case-sensitive', function () {\n var result = list.search('jonny')\n expect(result.length).toEqual(1)\n expect(result[0]).toEqual(jonny)\n })\n })\n\n describe('Number of results', function () {\n it('should find jonny, martina, angelice', function () {\n var result = list.search('1986')\n expect(result.length).toEqual(3) // 3!!\n expect(jonny.matching()).toBe(true)\n expect(martina.matching()).toBe(true)\n expect(angelica.matching()).toBe(true)\n expect(sebastian.matching()).toBe(false)\n expect(imma.matching()).toBe(false)\n expect(hasse.matching()).toBe(false)\n })\n it('should find all with utf-8 char ö', function () {\n var result = list.search('ö')\n expect(result.length).toEqual(4) // 4!!\n expect(jonny.matching()).toBe(true)\n expect(martina.matching()).toBe(false)\n expect(angelica.matching()).toBe(false)\n expect(sebastian.matching()).toBe(true)\n expect(imma.matching()).toBe(true)\n expect(hasse.matching()).toBe(true)\n })\n it('should not break with weird searches', function () {\n expect(function () {\n list.search(undefined)\n }).not.toThrow()\n expect(function () {\n list.search(null)\n }).not.toThrow()\n expect(function () {\n list.search(0)\n }).not.toThrow()\n expect(function () {\n list.search(function () {})\n }).not.toThrow()\n expect(function () {\n list.search({ foo: 'bar' })\n }).not.toThrow()\n })\n it('should not break with weird values', function () {\n jonny.values({ name: undefined })\n martina.values({ name: null })\n angelica.values({ name: 0 })\n sebastian.values({ name: function () {} })\n imma.values({ name: { foo: 'bar' } })\n\n expect(function () {\n list.search('jonny')\n }).not.toThrow()\n expect(function () {\n list.search(undefined)\n }).not.toThrow()\n expect(function () {\n list.search(null)\n }).not.toThrow()\n expect(function () {\n list.search(0)\n }).not.toThrow()\n expect(function () {\n list.search(function () {})\n }).not.toThrow()\n expect(function () {\n list.search({ foo: 'bar' })\n }).not.toThrow()\n })\n })\n\n describe('Default search columns', function () {\n it('should find in the default match column', function () {\n list.searchColumns = ['name']\n var result = list.search('jonny')\n expect(result.length).toEqual(1)\n expect(result[0]).toEqual(jonny)\n })\n it('should not find in the default match column', function () {\n list.searchColumns = ['born']\n var result = list.search('jonny')\n expect(result.length).toEqual(0)\n })\n })\n\n describe('Specific columns', function () {\n it('should find match in column', function () {\n var result = list.search('jonny', ['name'])\n expect(result.length).toEqual(1)\n expect(result[0]).toEqual(jonny)\n })\n it('should not find match in column', function () {\n var result = list.search('jonny', ['born'])\n expect(result.length).toEqual(0)\n })\n it('should find match in column', function () {\n var result = list.search('jonny', ['name'])\n expect(result.length).toEqual(1)\n expect(result[0]).toEqual(jonny)\n })\n it('should not find match in column', function () {\n var result = list.search('jonny', ['born'])\n expect(result.length).toEqual(0)\n })\n it('should work with columns that do not exist', function () {\n var result = list.search('jonny', ['pet'])\n expect(result.length).toEqual(0)\n })\n it('should remove column option', function () {\n var result = list.search('jonny', ['born'])\n expect(result.length).toEqual(0)\n result = list.search('jonny')\n expect(result.length).toEqual(1)\n })\n })\n\n describe('Custom search function', function () {\n var customSearchFunction = function (searchString, columns) {\n for (var k = 0, kl = list.items.length; k < kl; k++) {\n if (list.items[k].values().born > 1985) {\n list.items[k].found = true\n }\n }\n }\n it('should use custom function in third argument', function () {\n var result = list.search('jonny', ['name'], customSearchFunction)\n expect(result.length).toEqual(4)\n })\n it('should use custom function in second argument', function () {\n var result = list.search('jonny', customSearchFunction)\n expect(result.length).toEqual(4)\n })\n })\n\n describe('Multiple word search', function () {\n it('should find jonny, hasse', function () {\n var result = list.search('berg str')\n expect(result.length).toEqual(2)\n expect(jonny.matching()).toBe(true)\n expect(martina.matching()).toBe(false)\n expect(angelica.matching()).toBe(false)\n expect(sebastian.matching()).toBe(false)\n expect(imma.matching()).toBe(false)\n expect(hasse.matching()).toBe(true)\n })\n it('should find martina, angelica, sebastian, hasse', function () {\n var result = list.search('a e')\n expect(result.length).toEqual(4)\n expect(jonny.matching()).toBe(false)\n expect(martina.matching()).toBe(true)\n expect(angelica.matching()).toBe(true)\n expect(sebastian.matching()).toBe(true)\n expect(imma.matching()).toBe(false)\n expect(hasse.matching()).toBe(true)\n })\n it('stripping whitespace should find martina', function () {\n var result = list.search('martina elm ')\n expect(result.length).toEqual(1)\n expect(result[0]).toEqual(martina)\n })\n })\n\n describe('Quoted phrase searches', function () {\n it('should find martina', function () {\n var result = list.search('\"a e\"')\n expect(result.length).toEqual(1)\n expect(result[0]).toEqual(martina)\n })\n it('quoted phrase and multiple words should find jonny', function () {\n var result = list.search('\" str\" 1986')\n expect(result.length).toEqual(1)\n expect(result[0]).toEqual(jonny)\n })\n })\n\n //\n // describe('Special characters', function() {\n // it('should escape and handle special characters', function() {\n // list.add([\n // { name: 'Jonny&Jabba' },\n // { name: '\n \n \n\n\n\n" }, { "path": "__test__/usage/classic.html", "content": "\n\n\n \n \n\n\n\n
- \n
- \n
Jonny Stromberg
\n1986
\n \n - \n
Jonas Arnklint
\n1985
\n \n - \n
Martina Elm
\n1986
\n \n - \n
Gustaf Lindqvist
\n1983
\n \n
\n \n \n\n\n \n\n\n" }, { "path": "__test__/usage/fuzzy-search-pagination.html", "content": "\n\n\n \n- \n
- \n Jonny Stromberg\n
1986
\n![](\"luke.jpeg\")
\n \n - \n Jonas Arnklint\n
1985
\n![](\"darth.jpeg\")
\n \n - \n Martina Elm\n
1986
\n![](\"rey.jpeg\")
\n \n - \n Gustaf Lindqvist\n
1983
\n![](\"boba.jpeg\")
\n \n
Basic example \n\n\n\n\n \n\n\n \n \n\n\n" }, { "path": "__test__/usage/main.js", "content": "require(['../../dist/list', '../../dist/list.min'], function (List, ListMin) {\n var options = {\n valueNames: ['name', 'born'],\n }\n var userList = new List('users', options)\n})\n" }, { "path": "__test__/usage/require.js", "content": "/** vim: et:ts=4:sw=4:sts=4\n * @license RequireJS 2.1.17 Copyright (c) 2010-2015, The Dojo Foundation All Rights Reserved.\n * Available via the MIT or new BSD license.\n * see: http://github.com/jrburke/requirejs for details\n */\n//Not using strict: uneven strict support in browsers, #392, and causes\n//problems with requirejs.exec()/transpiler plugins that may not be strict.\n/*jslint regexp: true, nomen: true, sloppy: true */\n/*global window, navigator, document, importScripts, setTimeout, opera */\n\nvar requirejs, require, define\n;(function (global) {\n var req,\n s,\n head,\n baseElement,\n dataMain,\n src,\n interactiveScript,\n currentlyAddingScript,\n mainScript,\n subPath,\n version = '2.1.17',\n commentRegExp = /(\\/\\*([\\s\\S]*?)\\*\\/|([^:]|^)\\/\\/(.*)$)/gm,\n cjsRequireRegExp = /[^.]\\s*require\\s*\\(\\s*[\"']([^'\"\\s]+)[\"']\\s*\\)/g,\n jsSuffixRegExp = /\\.js$/,\n currDirRegExp = /^\\.\\//,\n op = Object.prototype,\n ostring = op.toString,\n hasOwn = op.hasOwnProperty,\n ap = Array.prototype,\n apsp = ap.splice,\n isBrowser = !!(typeof window !== 'undefined' && typeof navigator !== 'undefined' && window.document),\n isWebWorker = !isBrowser && typeof importScripts !== 'undefined',\n //PS3 indicates loaded and complete, but need to wait for complete\n //specifically. Sequence is 'loading', 'loaded', execution,\n // then 'complete'. The UA check is unfortunate, but not sure how\n //to feature test w/o causing perf issues.\n readyRegExp = isBrowser && navigator.platform === 'PLAYSTATION 3' ? /^complete$/ : /^(complete|loaded)$/,\n defContextName = '_',\n //Oh the tragedy, detecting opera. See the usage of isOpera for reason.\n isOpera = typeof opera !== 'undefined' && opera.toString() === '[object Opera]',\n contexts = {},\n cfg = {},\n globalDefQueue = [],\n useInteractive = false\n\n function isFunction(it) {\n return ostring.call(it) === '[object Function]'\n }\n\n function isArray(it) {\n return ostring.call(it) === '[object Array]'\n }\n\n /**\n * Helper function for iterating over an array. If the func returns\n * a true value, it will break out of the loop.\n */\n function each(ary, func) {\n if (ary) {\n var i\n for (i = 0; i < ary.length; i += 1) {\n if (ary[i] && func(ary[i], i, ary)) {\n break\n }\n }\n }\n }\n\n /**\n * Helper function for iterating over an array backwards. If the func\n * returns a true value, it will break out of the loop.\n */\n function eachReverse(ary, func) {\n if (ary) {\n var i\n for (i = ary.length - 1; i > -1; i -= 1) {\n if (ary[i] && func(ary[i], i, ary)) {\n break\n }\n }\n }\n }\n\n function hasProp(obj, prop) {\n return hasOwn.call(obj, prop)\n }\n\n function getOwn(obj, prop) {\n return hasProp(obj, prop) && obj[prop]\n }\n\n /**\n * Cycles over properties in an object and calls a function for each\n * property value. If the function returns a truthy value, then the\n * iteration is stopped.\n */\n function eachProp(obj, func) {\n var prop\n for (prop in obj) {\n if (hasProp(obj, prop)) {\n if (func(obj[prop], prop)) {\n break\n }\n }\n }\n }\n\n /**\n * Simple function to mix in properties from source into target,\n * but only if target does not already have a property of the same name.\n */\n function mixin(target, source, force, deepStringMixin) {\n if (source) {\n eachProp(source, function (value, prop) {\n if (force || !hasProp(target, prop)) {\n if (\n deepStringMixin &&\n typeof value === 'object' &&\n value &&\n !isArray(value) &&\n !isFunction(value) &&\n !(value instanceof RegExp)\n ) {\n if (!target[prop]) {\n target[prop] = {}\n }\n mixin(target[prop], value, force, deepStringMixin)\n } else {\n target[prop] = value\n }\n }\n })\n }\n return target\n }\n\n //Similar to Function.prototype.bind, but the 'this' object is specified\n //first, since it is easier to read/figure out what 'this' will be.\n function bind(obj, fn) {\n return function () {\n return fn.apply(obj, arguments)\n }\n }\n\n function scripts() {\n return document.getElementsByTagName('script')\n }\n\n function defaultOnError(err) {\n throw err\n }\n\n //Allow getting a global that is expressed in\n //dot notation, like 'a.b.c'.\n function getGlobal(value) {\n if (!value) {\n return value\n }\n var g = global\n each(value.split('.'), function (part) {\n g = g[part]\n })\n return g\n }\n\n /**\n * Constructs an error with a pointer to an URL with more information.\n * @param {String} id the error ID that maps to an ID on a web page.\n * @param {String} message human readable error.\n * @param {Error} [err] the original error, if there is one.\n *\n * @returns {Error}\n */\n function makeError(id, msg, err, requireModules) {\n var e = new Error(msg + '\\nhttp://requirejs.org/docs/errors.html#' + id)\n e.requireType = id\n e.requireModules = requireModules\n if (err) {\n e.originalError = err\n }\n return e\n }\n\n if (typeof define !== 'undefined') {\n //If a define is already in play via another AMD loader,\n //do not overwrite.\n return\n }\n\n if (typeof requirejs !== 'undefined') {\n if (isFunction(requirejs)) {\n //Do not overwrite an existing requirejs instance.\n return\n }\n cfg = requirejs\n requirejs = undefined\n }\n\n //Allow for a require config object\n if (typeof require !== 'undefined' && !isFunction(require)) {\n //assume it is a config object.\n cfg = require\n require = undefined\n }\n\n function newContext(contextName) {\n var inCheckLoaded,\n Module,\n context,\n handlers,\n checkLoadedTimeoutId,\n config = {\n //Defaults. Do not set a default for map\n //config to speed up normalize(), which\n //will run faster if there is no default.\n waitSeconds: 7,\n baseUrl: './',\n paths: {},\n bundles: {},\n pkgs: {},\n shim: {},\n config: {},\n },\n registry = {},\n //registry of just enabled modules, to speed\n //cycle breaking code when lots of modules\n //are registered, but not activated.\n enabledRegistry = {},\n undefEvents = {},\n defQueue = [],\n defined = {},\n urlFetched = {},\n bundlesMap = {},\n requireCounter = 1,\n unnormalizedCounter = 1\n\n /**\n * Trims the . and .. from an array of path segments.\n * It will keep a leading path segment if a .. will become\n * the first path segment, to help with module name lookups,\n * which act like paths, but can be remapped. But the end result,\n * all paths that use this function should look normalized.\n * NOTE: this method MODIFIES the input array.\n * @param {Array} ary the array of path segments.\n */\n function trimDots(ary) {\n var i, part\n for (i = 0; i < ary.length; i++) {\n part = ary[i]\n if (part === '.') {\n ary.splice(i, 1)\n i -= 1\n } else if (part === '..') {\n // If at the start, or previous value is still ..,\n // keep them so that when converted to a path it may\n // still work when converted to a path, even though\n // as an ID it is less than ideal. In larger point\n // releases, may be better to just kick out an error.\n if (i === 0 || (i === 1 && ary[2] === '..') || ary[i - 1] === '..') {\n continue\n } else if (i > 0) {\n ary.splice(i - 1, 2)\n i -= 2\n }\n }\n }\n }\n\n /**\n * Given a relative module name, like ./something, normalize it to\n * a real name that can be mapped to a path.\n * @param {String} name the relative name\n * @param {String} baseName a real name that the name arg is relative\n * to.\n * @param {Boolean} applyMap apply the map config to the value. Should\n * only be done if this normalization is for a dependency ID.\n * @returns {String} normalized name\n */\n function normalize(name, baseName, applyMap) {\n var pkgMain,\n mapValue,\n nameParts,\n i,\n j,\n nameSegment,\n lastIndex,\n foundMap,\n foundI,\n foundStarMap,\n starI,\n normalizedBaseParts,\n baseParts = baseName && baseName.split('/'),\n map = config.map,\n starMap = map && map['*']\n\n //Adjust any relative paths.\n if (name) {\n name = name.split('/')\n lastIndex = name.length - 1\n\n // If wanting node ID compatibility, strip .js from end\n // of IDs. Have to do this here, and not in nameToUrl\n // because node allows either .js or non .js to map\n // to same file.\n if (config.nodeIdCompat && jsSuffixRegExp.test(name[lastIndex])) {\n name[lastIndex] = name[lastIndex].replace(jsSuffixRegExp, '')\n }\n\n // Starts with a '.' so need the baseName\n if (name[0].charAt(0) === '.' && baseParts) {\n //Convert baseName to array, and lop off the last part,\n //so that . matches that 'directory' and not name of the baseName's\n //module. For instance, baseName of 'one/two/three', maps to\n //'one/two/three.js', but we want the directory, 'one/two' for\n //this normalization.\n normalizedBaseParts = baseParts.slice(0, baseParts.length - 1)\n name = normalizedBaseParts.concat(name)\n }\n\n trimDots(name)\n name = name.join('/')\n }\n\n //Apply map config if available.\n if (applyMap && map && (baseParts || starMap)) {\n nameParts = name.split('/')\n\n outerLoop: for (i = nameParts.length; i > 0; i -= 1) {\n nameSegment = nameParts.slice(0, i).join('/')\n\n if (baseParts) {\n //Find the longest baseName segment match in the config.\n //So, do joins on the biggest to smallest lengths of baseParts.\n for (j = baseParts.length; j > 0; j -= 1) {\n mapValue = getOwn(map, baseParts.slice(0, j).join('/'))\n\n //baseName segment has config, find if it has one for\n //this name.\n if (mapValue) {\n mapValue = getOwn(mapValue, nameSegment)\n if (mapValue) {\n //Match, update name to the new value.\n foundMap = mapValue\n foundI = i\n break outerLoop\n }\n }\n }\n }\n\n //Check for a star map match, but just hold on to it,\n //if there is a shorter segment match later in a matching\n //config, then favor over this star map.\n if (!foundStarMap && starMap && getOwn(starMap, nameSegment)) {\n foundStarMap = getOwn(starMap, nameSegment)\n starI = i\n }\n }\n\n if (!foundMap && foundStarMap) {\n foundMap = foundStarMap\n foundI = starI\n }\n\n if (foundMap) {\n nameParts.splice(0, foundI, foundMap)\n name = nameParts.join('/')\n }\n }\n\n // If the name points to a package's name, use\n // the package main instead.\n pkgMain = getOwn(config.pkgs, name)\n\n return pkgMain ? pkgMain : name\n }\n\n function removeScript(name) {\n if (isBrowser) {\n each(scripts(), function (scriptNode) {\n if (\n scriptNode.getAttribute('data-requiremodule') === name &&\n scriptNode.getAttribute('data-requirecontext') === context.contextName\n ) {\n scriptNode.parentNode.removeChild(scriptNode)\n return true\n }\n })\n }\n }\n\n function hasPathFallback(id) {\n var pathConfig = getOwn(config.paths, id)\n if (pathConfig && isArray(pathConfig) && pathConfig.length > 1) {\n //Pop off the first array value, since it failed, and\n //retry\n pathConfig.shift()\n context.require.undef(id)\n\n //Custom require that does not do map translation, since\n //ID is \"absolute\", already mapped/resolved.\n context.makeRequire(null, {\n skipMap: true,\n })([id])\n\n return true\n }\n }\n\n //Turns a plugin!resource to [plugin, resource]\n //with the plugin being undefined if the name\n //did not have a plugin prefix.\n function splitPrefix(name) {\n var prefix,\n index = name ? name.indexOf('!') : -1\n if (index > -1) {\n prefix = name.substring(0, index)\n name = name.substring(index + 1, name.length)\n }\n return [prefix, name]\n }\n\n /**\n * Creates a module mapping that includes plugin prefix, module\n * name, and path. If parentModuleMap is provided it will\n * also normalize the name via require.normalize()\n *\n * @param {String} name the module name\n * @param {String} [parentModuleMap] parent module map\n * for the module name, used to resolve relative names.\n * @param {Boolean} isNormalized: is the ID already normalized.\n * This is true if this call is done for a define() module ID.\n * @param {Boolean} applyMap: apply the map config to the ID.\n * Should only be true if this map is for a dependency.\n *\n * @returns {Object}\n */\n function makeModuleMap(name, parentModuleMap, isNormalized, applyMap) {\n var url,\n pluginModule,\n suffix,\n nameParts,\n prefix = null,\n parentName = parentModuleMap ? parentModuleMap.name : null,\n originalName = name,\n isDefine = true,\n normalizedName = ''\n\n //If no name, then it means it is a require call, generate an\n //internal name.\n if (!name) {\n isDefine = false\n name = '_@r' + (requireCounter += 1)\n }\n\n nameParts = splitPrefix(name)\n prefix = nameParts[0]\n name = nameParts[1]\n\n if (prefix) {\n prefix = normalize(prefix, parentName, applyMap)\n pluginModule = getOwn(defined, prefix)\n }\n\n //Account for relative paths if there is a base name.\n if (name) {\n if (prefix) {\n if (pluginModule && pluginModule.normalize) {\n //Plugin is loaded, use its normalize method.\n normalizedName = pluginModule.normalize(name, function (name) {\n return normalize(name, parentName, applyMap)\n })\n } else {\n // If nested plugin references, then do not try to\n // normalize, as it will not normalize correctly. This\n // places a restriction on resourceIds, and the longer\n // term solution is not to normalize until plugins are\n // loaded and all normalizations to allow for async\n // loading of a loader plugin. But for now, fixes the\n // common uses. Details in #1131\n normalizedName = name.indexOf('!') === -1 ? normalize(name, parentName, applyMap) : name\n }\n } else {\n //A regular module.\n normalizedName = normalize(name, parentName, applyMap)\n\n //Normalized name may be a plugin ID due to map config\n //application in normalize. The map config values must\n //already be normalized, so do not need to redo that part.\n nameParts = splitPrefix(normalizedName)\n prefix = nameParts[0]\n normalizedName = nameParts[1]\n isNormalized = true\n\n url = context.nameToUrl(normalizedName)\n }\n }\n\n //If the id is a plugin id that cannot be determined if it needs\n //normalization, stamp it with a unique ID so two matching relative\n //ids that may conflict can be separate.\n suffix = prefix && !pluginModule && !isNormalized ? '_unnormalized' + (unnormalizedCounter += 1) : ''\n\n return {\n prefix: prefix,\n name: normalizedName,\n parentMap: parentModuleMap,\n unnormalized: !!suffix,\n url: url,\n originalName: originalName,\n isDefine: isDefine,\n id: (prefix ? prefix + '!' + normalizedName : normalizedName) + suffix,\n }\n }\n\n function getModule(depMap) {\n var id = depMap.id,\n mod = getOwn(registry, id)\n\n if (!mod) {\n mod = registry[id] = new context.Module(depMap)\n }\n\n return mod\n }\n\n function on(depMap, name, fn) {\n var id = depMap.id,\n mod = getOwn(registry, id)\n\n if (hasProp(defined, id) && (!mod || mod.defineEmitComplete)) {\n if (name === 'defined') {\n fn(defined[id])\n }\n } else {\n mod = getModule(depMap)\n if (mod.error && name === 'error') {\n fn(mod.error)\n } else {\n mod.on(name, fn)\n }\n }\n }\n\n function onError(err, errback) {\n var ids = err.requireModules,\n notified = false\n\n if (errback) {\n errback(err)\n } else {\n each(ids, function (id) {\n var mod = getOwn(registry, id)\n if (mod) {\n //Set error on module, so it skips timeout checks.\n mod.error = err\n if (mod.events.error) {\n notified = true\n mod.emit('error', err)\n }\n }\n })\n\n if (!notified) {\n req.onError(err)\n }\n }\n }\n\n /**\n * Internal method to transfer globalQueue items to this context's\n * defQueue.\n */\n function takeGlobalQueue() {\n //Push all the globalDefQueue items into the context's defQueue\n if (globalDefQueue.length) {\n //Array splice in the values since the context code has a\n //local var ref to defQueue, so cannot just reassign the one\n //on context.\n apsp.apply(defQueue, [defQueue.length, 0].concat(globalDefQueue))\n globalDefQueue = []\n }\n }\n\n handlers = {\n require: function (mod) {\n if (mod.require) {\n return mod.require\n } else {\n return (mod.require = context.makeRequire(mod.map))\n }\n },\n exports: function (mod) {\n mod.usingExports = true\n if (mod.map.isDefine) {\n if (mod.exports) {\n return (defined[mod.map.id] = mod.exports)\n } else {\n return (mod.exports = defined[mod.map.id] = {})\n }\n }\n },\n module: function (mod) {\n if (mod.module) {\n return mod.module\n } else {\n return (mod.module = {\n id: mod.map.id,\n uri: mod.map.url,\n config: function () {\n return getOwn(config.config, mod.map.id) || {}\n },\n exports: mod.exports || (mod.exports = {}),\n })\n }\n },\n }\n\n function cleanRegistry(id) {\n //Clean up machinery used for waiting modules.\n delete registry[id]\n delete enabledRegistry[id]\n }\n\n function breakCycle(mod, traced, processed) {\n var id = mod.map.id\n\n if (mod.error) {\n mod.emit('error', mod.error)\n } else {\n traced[id] = true\n each(mod.depMaps, function (depMap, i) {\n var depId = depMap.id,\n dep = getOwn(registry, depId)\n\n //Only force things that have not completed\n //being defined, so still in the registry,\n //and only if it has not been matched up\n //in the module already.\n if (dep && !mod.depMatched[i] && !processed[depId]) {\n if (getOwn(traced, depId)) {\n mod.defineDep(i, defined[depId])\n mod.check() //pass false?\n } else {\n breakCycle(dep, traced, processed)\n }\n }\n })\n processed[id] = true\n }\n }\n\n function checkLoaded() {\n var err,\n usingPathFallback,\n waitInterval = config.waitSeconds * 1000,\n //It is possible to disable the wait interval by using waitSeconds of 0.\n expired = waitInterval && context.startTime + waitInterval < new Date().getTime(),\n noLoads = [],\n reqCalls = [],\n stillLoading = false,\n needCycleCheck = true\n\n //Do not bother if this call was a result of a cycle break.\n if (inCheckLoaded) {\n return\n }\n\n inCheckLoaded = true\n\n //Figure out the state of all the modules.\n eachProp(enabledRegistry, function (mod) {\n var map = mod.map,\n modId = map.id\n\n //Skip things that are not enabled or in error state.\n if (!mod.enabled) {\n return\n }\n\n if (!map.isDefine) {\n reqCalls.push(mod)\n }\n\n if (!mod.error) {\n //If the module should be executed, and it has not\n //been inited and time is up, remember it.\n if (!mod.inited && expired) {\n if (hasPathFallback(modId)) {\n usingPathFallback = true\n stillLoading = true\n } else {\n noLoads.push(modId)\n removeScript(modId)\n }\n } else if (!mod.inited && mod.fetched && map.isDefine) {\n stillLoading = true\n if (!map.prefix) {\n //No reason to keep looking for unfinished\n //loading. If the only stillLoading is a\n //plugin resource though, keep going,\n //because it may be that a plugin resource\n //is waiting on a non-plugin cycle.\n return (needCycleCheck = false)\n }\n }\n }\n })\n\n if (expired && noLoads.length) {\n //If wait time expired, throw error of unloaded modules.\n err = makeError('timeout', 'Load timeout for modules: ' + noLoads, null, noLoads)\n err.contextName = context.contextName\n return onError(err)\n }\n\n //Not expired, check for a cycle.\n if (needCycleCheck) {\n each(reqCalls, function (mod) {\n breakCycle(mod, {}, {})\n })\n }\n\n //If still waiting on loads, and the waiting load is something\n //other than a plugin resource, or there are still outstanding\n //scripts, then just try back later.\n if ((!expired || usingPathFallback) && stillLoading) {\n //Something is still waiting to load. Wait for it, but only\n //if a timeout is not already in effect.\n if ((isBrowser || isWebWorker) && !checkLoadedTimeoutId) {\n checkLoadedTimeoutId = setTimeout(function () {\n checkLoadedTimeoutId = 0\n checkLoaded()\n }, 50)\n }\n }\n\n inCheckLoaded = false\n }\n\n Module = function (map) {\n this.events = getOwn(undefEvents, map.id) || {}\n this.map = map\n this.shim = getOwn(config.shim, map.id)\n this.depExports = []\n this.depMaps = []\n this.depMatched = []\n this.pluginMaps = {}\n this.depCount = 0\n\n /* this.exports this.factory\n this.depMaps = [],\n this.enabled, this.fetched\n */\n }\n\n Module.prototype = {\n init: function (depMaps, factory, errback, options) {\n options = options || {}\n\n //Do not do more inits if already done. Can happen if there\n //are multiple define calls for the same module. That is not\n //a normal, common case, but it is also not unexpected.\n if (this.inited) {\n return\n }\n\n this.factory = factory\n\n if (errback) {\n //Register for errors on this module.\n this.on('error', errback)\n } else if (this.events.error) {\n //If no errback already, but there are error listeners\n //on this module, set up an errback to pass to the deps.\n errback = bind(this, function (err) {\n this.emit('error', err)\n })\n }\n\n //Do a copy of the dependency array, so that\n //source inputs are not modified. For example\n //\"shim\" deps are passed in here directly, and\n //doing a direct modification of the depMaps array\n //would affect that config.\n this.depMaps = depMaps && depMaps.slice(0)\n\n this.errback = errback\n\n //Indicate this module has be initialized\n this.inited = true\n\n this.ignore = options.ignore\n\n //Could have option to init this module in enabled mode,\n //or could have been previously marked as enabled. However,\n //the dependencies are not known until init is called. So\n //if enabled previously, now trigger dependencies as enabled.\n if (options.enabled || this.enabled) {\n //Enable this module and dependencies.\n //Will call this.check()\n this.enable()\n } else {\n this.check()\n }\n },\n\n defineDep: function (i, depExports) {\n //Because of cycles, defined callback for a given\n //export can be called more than once.\n if (!this.depMatched[i]) {\n this.depMatched[i] = true\n this.depCount -= 1\n this.depExports[i] = depExports\n }\n },\n\n fetch: function () {\n if (this.fetched) {\n return\n }\n this.fetched = true\n\n context.startTime = new Date().getTime()\n\n var map = this.map\n\n //If the manager is for a plugin managed resource,\n //ask the plugin to load it now.\n if (this.shim) {\n context.makeRequire(this.map, {\n enableBuildCallback: true,\n })(\n this.shim.deps || [],\n bind(this, function () {\n return map.prefix ? this.callPlugin() : this.load()\n })\n )\n } else {\n //Regular dependency.\n return map.prefix ? this.callPlugin() : this.load()\n }\n },\n\n load: function () {\n var url = this.map.url\n\n //Regular dependency.\n if (!urlFetched[url]) {\n urlFetched[url] = true\n context.load(this.map.id, url)\n }\n },\n\n /**\n * Checks if the module is ready to define itself, and if so,\n * define it.\n */\n check: function () {\n if (!this.enabled || this.enabling) {\n return\n }\n\n var err,\n cjsModule,\n id = this.map.id,\n depExports = this.depExports,\n exports = this.exports,\n factory = this.factory\n\n if (!this.inited) {\n this.fetch()\n } else if (this.error) {\n this.emit('error', this.error)\n } else if (!this.defining) {\n //The factory could trigger another require call\n //that would result in checking this module to\n //define itself again. If already in the process\n //of doing that, skip this work.\n this.defining = true\n\n if (this.depCount < 1 && !this.defined) {\n if (isFunction(factory)) {\n //If there is an error listener, favor passing\n //to that instead of throwing an error. However,\n //only do it for define()'d modules. require\n //errbacks should not be called for failures in\n //their callbacks (#699). However if a global\n //onError is set, use that.\n if ((this.events.error && this.map.isDefine) || req.onError !== defaultOnError) {\n try {\n exports = context.execCb(id, factory, depExports, exports)\n } catch (e) {\n err = e\n }\n } else {\n exports = context.execCb(id, factory, depExports, exports)\n }\n\n // Favor return value over exports. If node/cjs in play,\n // then will not have a return value anyway. Favor\n // module.exports assignment over exports object.\n if (this.map.isDefine && exports === undefined) {\n cjsModule = this.module\n if (cjsModule) {\n exports = cjsModule.exports\n } else if (this.usingExports) {\n //exports already set the defined value.\n exports = this.exports\n }\n }\n\n if (err) {\n err.requireMap = this.map\n err.requireModules = this.map.isDefine ? [this.map.id] : null\n err.requireType = this.map.isDefine ? 'define' : 'require'\n return onError((this.error = err))\n }\n } else {\n //Just a literal value\n exports = factory\n }\n\n this.exports = exports\n\n if (this.map.isDefine && !this.ignore) {\n defined[id] = exports\n\n if (req.onResourceLoad) {\n req.onResourceLoad(context, this.map, this.depMaps)\n }\n }\n\n //Clean up\n cleanRegistry(id)\n\n this.defined = true\n }\n\n //Finished the define stage. Allow calling check again\n //to allow define notifications below in the case of a\n //cycle.\n this.defining = false\n\n if (this.defined && !this.defineEmitted) {\n this.defineEmitted = true\n this.emit('defined', this.exports)\n this.defineEmitComplete = true\n }\n }\n },\n\n callPlugin: function () {\n var map = this.map,\n id = map.id,\n //Map already normalized the prefix.\n pluginMap = makeModuleMap(map.prefix)\n\n //Mark this as a dependency for this plugin, so it\n //can be traced for cycles.\n this.depMaps.push(pluginMap)\n\n on(\n pluginMap,\n 'defined',\n bind(this, function (plugin) {\n var load,\n normalizedMap,\n normalizedMod,\n bundleId = getOwn(bundlesMap, this.map.id),\n name = this.map.name,\n parentName = this.map.parentMap ? this.map.parentMap.name : null,\n localRequire = context.makeRequire(map.parentMap, {\n enableBuildCallback: true,\n })\n\n //If current map is not normalized, wait for that\n //normalized name to load instead of continuing.\n if (this.map.unnormalized) {\n //Normalize the ID if the plugin allows it.\n if (plugin.normalize) {\n name =\n plugin.normalize(name, function (name) {\n return normalize(name, parentName, true)\n }) || ''\n }\n\n //prefix and name should already be normalized, no need\n //for applying map config again either.\n normalizedMap = makeModuleMap(map.prefix + '!' + name, this.map.parentMap)\n on(\n normalizedMap,\n 'defined',\n bind(this, function (value) {\n this.init(\n [],\n function () {\n return value\n },\n null,\n {\n enabled: true,\n ignore: true,\n }\n )\n })\n )\n\n normalizedMod = getOwn(registry, normalizedMap.id)\n if (normalizedMod) {\n //Mark this as a dependency for this plugin, so it\n //can be traced for cycles.\n this.depMaps.push(normalizedMap)\n\n if (this.events.error) {\n normalizedMod.on(\n 'error',\n bind(this, function (err) {\n this.emit('error', err)\n })\n )\n }\n normalizedMod.enable()\n }\n\n return\n }\n\n //If a paths config, then just load that file instead to\n //resolve the plugin, as it is built into that paths layer.\n if (bundleId) {\n this.map.url = context.nameToUrl(bundleId)\n this.load()\n return\n }\n\n load = bind(this, function (value) {\n this.init(\n [],\n function () {\n return value\n },\n null,\n {\n enabled: true,\n }\n )\n })\n\n load.error = bind(this, function (err) {\n this.inited = true\n this.error = err\n err.requireModules = [id]\n\n //Remove temp unnormalized modules for this module,\n //since they will never be resolved otherwise now.\n eachProp(registry, function (mod) {\n if (mod.map.id.indexOf(id + '_unnormalized') === 0) {\n cleanRegistry(mod.map.id)\n }\n })\n\n onError(err)\n })\n\n //Allow plugins to load other code without having to know the\n //context or how to 'complete' the load.\n load.fromText = bind(this, function (text, textAlt) {\n /*jslint evil: true */\n var moduleName = map.name,\n moduleMap = makeModuleMap(moduleName),\n hasInteractive = useInteractive\n\n //As of 2.1.0, support just passing the text, to reinforce\n //fromText only being called once per resource. Still\n //support old style of passing moduleName but discard\n //that moduleName in favor of the internal ref.\n if (textAlt) {\n text = textAlt\n }\n\n //Turn off interactive script matching for IE for any define\n //calls in the text, then turn it back on at the end.\n if (hasInteractive) {\n useInteractive = false\n }\n\n //Prime the system by creating a module instance for\n //it.\n getModule(moduleMap)\n\n //Transfer any config to this other module.\n if (hasProp(config.config, id)) {\n config.config[moduleName] = config.config[id]\n }\n\n try {\n req.exec(text)\n } catch (e) {\n return onError(makeError('fromtexteval', 'fromText eval for ' + id + ' failed: ' + e, e, [id]))\n }\n\n if (hasInteractive) {\n useInteractive = true\n }\n\n //Mark this as a dependency for the plugin\n //resource\n this.depMaps.push(moduleMap)\n\n //Support anonymous modules.\n context.completeLoad(moduleName)\n\n //Bind the value of that module to the value for this\n //resource ID.\n localRequire([moduleName], load)\n })\n\n //Use parentName here since the plugin's name is not reliable,\n //could be some weird string with no path that actually wants to\n //reference the parentName's path.\n plugin.load(map.name, localRequire, load, config)\n })\n )\n\n context.enable(pluginMap, this)\n this.pluginMaps[pluginMap.id] = pluginMap\n },\n\n enable: function () {\n enabledRegistry[this.map.id] = this\n this.enabled = true\n\n //Set flag mentioning that the module is enabling,\n //so that immediate calls to the defined callbacks\n //for dependencies do not trigger inadvertent load\n //with the depCount still being zero.\n this.enabling = true\n\n //Enable each dependency\n each(\n this.depMaps,\n bind(this, function (depMap, i) {\n var id, mod, handler\n\n if (typeof depMap === 'string') {\n //Dependency needs to be converted to a depMap\n //and wired up to this module.\n depMap = makeModuleMap(depMap, this.map.isDefine ? this.map : this.map.parentMap, false, !this.skipMap)\n this.depMaps[i] = depMap\n\n handler = getOwn(handlers, depMap.id)\n\n if (handler) {\n this.depExports[i] = handler(this)\n return\n }\n\n this.depCount += 1\n\n on(\n depMap,\n 'defined',\n bind(this, function (depExports) {\n this.defineDep(i, depExports)\n this.check()\n })\n )\n\n if (this.errback) {\n on(depMap, 'error', bind(this, this.errback))\n } else if (this.events.error) {\n // No direct errback on this module, but something\n // else is listening for errors, so be sure to\n // propagate the error correctly.\n on(\n depMap,\n 'error',\n bind(this, function (err) {\n this.emit('error', err)\n })\n )\n }\n }\n\n id = depMap.id\n mod = registry[id]\n\n //Skip special modules like 'require', 'exports', 'module'\n //Also, don't call enable if it is already enabled,\n //important in circular dependency cases.\n if (!hasProp(handlers, id) && mod && !mod.enabled) {\n context.enable(depMap, this)\n }\n })\n )\n\n //Enable each plugin that is used in\n //a dependency\n eachProp(\n this.pluginMaps,\n bind(this, function (pluginMap) {\n var mod = getOwn(registry, pluginMap.id)\n if (mod && !mod.enabled) {\n context.enable(pluginMap, this)\n }\n })\n )\n\n this.enabling = false\n\n this.check()\n },\n\n on: function (name, cb) {\n var cbs = this.events[name]\n if (!cbs) {\n cbs = this.events[name] = []\n }\n cbs.push(cb)\n },\n\n emit: function (name, evt) {\n each(this.events[name], function (cb) {\n cb(evt)\n })\n if (name === 'error') {\n //Now that the error handler was triggered, remove\n //the listeners, since this broken Module instance\n //can stay around for a while in the registry.\n delete this.events[name]\n }\n },\n }\n\n function callGetModule(args) {\n //Skip modules already defined.\n if (!hasProp(defined, args[0])) {\n getModule(makeModuleMap(args[0], null, true)).init(args[1], args[2])\n }\n }\n\n function removeListener(node, func, name, ieName) {\n //Favor detachEvent because of IE9\n //issue, see attachEvent/addEventListener comment elsewhere\n //in this file.\n if (node.detachEvent && !isOpera) {\n //Probably IE. If not it will throw an error, which will be\n //useful to know.\n if (ieName) {\n node.detachEvent(ieName, func)\n }\n } else {\n node.removeEventListener(name, func, false)\n }\n }\n\n /**\n * Given an event from a script node, get the requirejs info from it,\n * and then removes the event listeners on the node.\n * @param {Event} evt\n * @returns {Object}\n */\n function getScriptData(evt) {\n //Using currentTarget instead of target for Firefox 2.0's sake. Not\n //all old browsers will be supported, but this one was easy enough\n //to support and still makes sense.\n var node = evt.currentTarget || evt.srcElement\n\n //Remove the listeners once here.\n removeListener(node, context.onScriptLoad, 'load', 'onreadystatechange')\n removeListener(node, context.onScriptError, 'error')\n\n return {\n node: node,\n id: node && node.getAttribute('data-requiremodule'),\n }\n }\n\n function intakeDefines() {\n var args\n\n //Any defined modules in the global queue, intake them now.\n takeGlobalQueue()\n\n //Make sure any remaining defQueue items get properly processed.\n while (defQueue.length) {\n args = defQueue.shift()\n if (args[0] === null) {\n return onError(makeError('mismatch', 'Mismatched anonymous define() module: ' + args[args.length - 1]))\n } else {\n //args are id, deps, factory. Should be normalized by the\n //define() function.\n callGetModule(args)\n }\n }\n }\n\n context = {\n config: config,\n contextName: contextName,\n registry: registry,\n defined: defined,\n urlFetched: urlFetched,\n defQueue: defQueue,\n Module: Module,\n makeModuleMap: makeModuleMap,\n nextTick: req.nextTick,\n onError: onError,\n\n /**\n * Set a configuration for the context.\n * @param {Object} cfg config object to integrate.\n */\n configure: function (cfg) {\n //Make sure the baseUrl ends in a slash.\n if (cfg.baseUrl) {\n if (cfg.baseUrl.charAt(cfg.baseUrl.length - 1) !== '/') {\n cfg.baseUrl += '/'\n }\n }\n\n //Save off the paths since they require special processing,\n //they are additive.\n var shim = config.shim,\n objs = {\n paths: true,\n bundles: true,\n config: true,\n map: true,\n }\n\n eachProp(cfg, function (value, prop) {\n if (objs[prop]) {\n if (!config[prop]) {\n config[prop] = {}\n }\n mixin(config[prop], value, true, true)\n } else {\n config[prop] = value\n }\n })\n\n //Reverse map the bundles\n if (cfg.bundles) {\n eachProp(cfg.bundles, function (value, prop) {\n each(value, function (v) {\n if (v !== prop) {\n bundlesMap[v] = prop\n }\n })\n })\n }\n\n //Merge shim\n if (cfg.shim) {\n eachProp(cfg.shim, function (value, id) {\n //Normalize the structure\n if (isArray(value)) {\n value = {\n deps: value,\n }\n }\n if ((value.exports || value.init) && !value.exportsFn) {\n value.exportsFn = context.makeShimExports(value)\n }\n shim[id] = value\n })\n config.shim = shim\n }\n\n //Adjust packages if necessary.\n if (cfg.packages) {\n each(cfg.packages, function (pkgObj) {\n var location, name\n\n pkgObj = typeof pkgObj === 'string' ? { name: pkgObj } : pkgObj\n\n name = pkgObj.name\n location = pkgObj.location\n if (location) {\n config.paths[name] = pkgObj.location\n }\n\n //Save pointer to main module ID for pkg name.\n //Remove leading dot in main, so main paths are normalized,\n //and remove any trailing .js, since different package\n //envs have different conventions: some use a module name,\n //some use a file name.\n config.pkgs[name] =\n pkgObj.name + '/' + (pkgObj.main || 'main').replace(currDirRegExp, '').replace(jsSuffixRegExp, '')\n })\n }\n\n //If there are any \"waiting to execute\" modules in the registry,\n //update the maps for them, since their info, like URLs to load,\n //may have changed.\n eachProp(registry, function (mod, id) {\n //If module already has init called, since it is too\n //late to modify them, and ignore unnormalized ones\n //since they are transient.\n if (!mod.inited && !mod.map.unnormalized) {\n mod.map = makeModuleMap(id)\n }\n })\n\n //If a deps array or a config callback is specified, then call\n //require with those args. This is useful when require is defined as a\n //config object before require.js is loaded.\n if (cfg.deps || cfg.callback) {\n context.require(cfg.deps || [], cfg.callback)\n }\n },\n\n makeShimExports: function (value) {\n function fn() {\n var ret\n if (value.init) {\n ret = value.init.apply(global, arguments)\n }\n return ret || (value.exports && getGlobal(value.exports))\n }\n return fn\n },\n\n makeRequire: function (relMap, options) {\n options = options || {}\n\n function localRequire(deps, callback, errback) {\n var id, map, requireMod\n\n if (options.enableBuildCallback && callback && isFunction(callback)) {\n callback.__requireJsBuild = true\n }\n\n if (typeof deps === 'string') {\n if (isFunction(callback)) {\n //Invalid call\n return onError(makeError('requireargs', 'Invalid require call'), errback)\n }\n\n //If require|exports|module are requested, get the\n //value for them from the special handlers. Caveat:\n //this only works while module is being defined.\n if (relMap && hasProp(handlers, deps)) {\n return handlers[deps](registry[relMap.id])\n }\n\n //Synchronous access to one module. If require.get is\n //available (as in the Node adapter), prefer that.\n if (req.get) {\n return req.get(context, deps, relMap, localRequire)\n }\n\n //Normalize module name, if it contains . or ..\n map = makeModuleMap(deps, relMap, false, true)\n id = map.id\n\n if (!hasProp(defined, id)) {\n return onError(\n makeError(\n 'notloaded',\n 'Module name \"' +\n id +\n '\" has not been loaded yet for context: ' +\n contextName +\n (relMap ? '' : '. Use require([])')\n )\n )\n }\n return defined[id]\n }\n\n //Grab defines waiting in the global queue.\n intakeDefines()\n\n //Mark all the dependencies as needing to be loaded.\n context.nextTick(function () {\n //Some defines could have been added since the\n //require call, collect them.\n intakeDefines()\n\n requireMod = getModule(makeModuleMap(null, relMap))\n\n //Store if map config should be applied to this require\n //call for dependencies.\n requireMod.skipMap = options.skipMap\n\n requireMod.init(deps, callback, errback, {\n enabled: true,\n })\n\n checkLoaded()\n })\n\n return localRequire\n }\n\n mixin(localRequire, {\n isBrowser: isBrowser,\n\n /**\n * Converts a module name + .extension into an URL path.\n * *Requires* the use of a module name. It does not support using\n * plain URLs like nameToUrl.\n */\n toUrl: function (moduleNamePlusExt) {\n var ext,\n index = moduleNamePlusExt.lastIndexOf('.'),\n segment = moduleNamePlusExt.split('/')[0],\n isRelative = segment === '.' || segment === '..'\n\n //Have a file extension alias, and it is not the\n //dots from a relative path.\n if (index !== -1 && (!isRelative || index > 1)) {\n ext = moduleNamePlusExt.substring(index, moduleNamePlusExt.length)\n moduleNamePlusExt = moduleNamePlusExt.substring(0, index)\n }\n\n return context.nameToUrl(normalize(moduleNamePlusExt, relMap && relMap.id, true), ext, true)\n },\n\n defined: function (id) {\n return hasProp(defined, makeModuleMap(id, relMap, false, true).id)\n },\n\n specified: function (id) {\n id = makeModuleMap(id, relMap, false, true).id\n return hasProp(defined, id) || hasProp(registry, id)\n },\n })\n\n //Only allow undef on top level require calls\n if (!relMap) {\n localRequire.undef = function (id) {\n //Bind any waiting define() calls to this context,\n //fix for #408\n takeGlobalQueue()\n\n var map = makeModuleMap(id, relMap, true),\n mod = getOwn(registry, id)\n\n removeScript(id)\n\n delete defined[id]\n delete urlFetched[map.url]\n delete undefEvents[id]\n\n //Clean queued defines too. Go backwards\n //in array so that the splices do not\n //mess up the iteration.\n eachReverse(defQueue, function (args, i) {\n if (args[0] === id) {\n defQueue.splice(i, 1)\n }\n })\n\n if (mod) {\n //Hold on to listeners in case the\n //module will be attempted to be reloaded\n //using a different config.\n if (mod.events.defined) {\n undefEvents[id] = mod.events\n }\n\n cleanRegistry(id)\n }\n }\n }\n\n return localRequire\n },\n\n /**\n * Called to enable a module if it is still in the registry\n * awaiting enablement. A second arg, parent, the parent module,\n * is passed in for context, when this method is overridden by\n * the optimizer. Not shown here to keep code compact.\n */\n enable: function (depMap) {\n var mod = getOwn(registry, depMap.id)\n if (mod) {\n getModule(depMap).enable()\n }\n },\n\n /**\n * Internal method used by environment adapters to complete a load event.\n * A load event could be a script load or just a load pass from a synchronous\n * load call.\n * @param {String} moduleName the name of the module to potentially complete.\n */\n completeLoad: function (moduleName) {\n var found,\n args,\n mod,\n shim = getOwn(config.shim, moduleName) || {},\n shExports = shim.exports\n\n takeGlobalQueue()\n\n while (defQueue.length) {\n args = defQueue.shift()\n if (args[0] === null) {\n args[0] = moduleName\n //If already found an anonymous module and bound it\n //to this name, then this is some other anon module\n //waiting for its completeLoad to fire.\n if (found) {\n break\n }\n found = true\n } else if (args[0] === moduleName) {\n //Found matching define call for this script!\n found = true\n }\n\n callGetModule(args)\n }\n\n //Do this after the cycle of callGetModule in case the result\n //of those calls/init calls changes the registry.\n mod = getOwn(registry, moduleName)\n\n if (!found && !hasProp(defined, moduleName) && mod && !mod.inited) {\n if (config.enforceDefine && (!shExports || !getGlobal(shExports))) {\n if (hasPathFallback(moduleName)) {\n return\n } else {\n return onError(makeError('nodefine', 'No define call for ' + moduleName, null, [moduleName]))\n }\n } else {\n //A script that does not call define(), so just simulate\n //the call for it.\n callGetModule([moduleName, shim.deps || [], shim.exportsFn])\n }\n }\n\n checkLoaded()\n },\n\n /**\n * Converts a module name to a file path. Supports cases where\n * moduleName may actually be just an URL.\n * Note that it **does not** call normalize on the moduleName,\n * it is assumed to have already been normalized. This is an\n * internal API, not a public one. Use toUrl for the public API.\n */\n nameToUrl: function (moduleName, ext, skipExt) {\n var paths,\n syms,\n i,\n parentModule,\n url,\n parentPath,\n bundleId,\n pkgMain = getOwn(config.pkgs, moduleName)\n\n if (pkgMain) {\n moduleName = pkgMain\n }\n\n bundleId = getOwn(bundlesMap, moduleName)\n\n if (bundleId) {\n return context.nameToUrl(bundleId, ext, skipExt)\n }\n\n //If a colon is in the URL, it indicates a protocol is used and it is just\n //an URL to a file, or if it starts with a slash, contains a query arg (i.e. ?)\n //or ends with .js, then assume the user meant to use an url and not a module id.\n //The slash is important for protocol-less URLs as well as full paths.\n if (req.jsExtRegExp.test(moduleName)) {\n //Just a plain path, not module name lookup, so just return it.\n //Add extension if it is included. This is a bit wonky, only non-.js things pass\n //an extension, this method probably needs to be reworked.\n url = moduleName + (ext || '')\n } else {\n //A module that needs to be converted to a path.\n paths = config.paths\n\n syms = moduleName.split('/')\n //For each module name segment, see if there is a path\n //registered for it. Start with most specific name\n //and work up from it.\n for (i = syms.length; i > 0; i -= 1) {\n parentModule = syms.slice(0, i).join('/')\n\n parentPath = getOwn(paths, parentModule)\n if (parentPath) {\n //If an array, it means there are a few choices,\n //Choose the one that is desired\n if (isArray(parentPath)) {\n parentPath = parentPath[0]\n }\n syms.splice(0, i, parentPath)\n break\n }\n }\n\n //Join the path parts together, then figure out if baseUrl is needed.\n url = syms.join('/')\n url += ext || (/^data\\:|\\?/.test(url) || skipExt ? '' : '.js')\n url = (url.charAt(0) === '/' || url.match(/^[\\w\\+\\.\\-]+:/) ? '' : config.baseUrl) + url\n }\n\n return config.urlArgs ? url + ((url.indexOf('?') === -1 ? '?' : '&') + config.urlArgs) : url\n },\n\n //Delegates to req.load. Broken out as a separate function to\n //allow overriding in the optimizer.\n load: function (id, url) {\n req.load(context, id, url)\n },\n\n /**\n * Executes a module callback function. Broken out as a separate function\n * solely to allow the build system to sequence the files in the built\n * layer in the right sequence.\n *\n * @private\n */\n execCb: function (name, callback, args, exports) {\n return callback.apply(exports, args)\n },\n\n /**\n * callback for script loads, used to check status of loading.\n *\n * @param {Event} evt the event from the browser for the script\n * that was loaded.\n */\n onScriptLoad: function (evt) {\n //Using currentTarget instead of target for Firefox 2.0's sake. Not\n //all old browsers will be supported, but this one was easy enough\n //to support and still makes sense.\n if (evt.type === 'load' || readyRegExp.test((evt.currentTarget || evt.srcElement).readyState)) {\n //Reset interactive script so a script node is not held onto for\n //to long.\n interactiveScript = null\n\n //Pull out the name of the module and the context.\n var data = getScriptData(evt)\n context.completeLoad(data.id)\n }\n },\n\n /**\n * Callback for script errors.\n */\n onScriptError: function (evt) {\n var data = getScriptData(evt)\n if (!hasPathFallback(data.id)) {\n return onError(makeError('scripterror', 'Script error for: ' + data.id, evt, [data.id]))\n }\n },\n }\n\n context.require = context.makeRequire()\n return context\n }\n\n /**\n * Main entry point.\n *\n * If the only argument to require is a string, then the module that\n * is represented by that string is fetched for the appropriate context.\n *\n * If the first argument is an array, then it will be treated as an array\n * of dependency string names to fetch. An optional function callback can\n * be specified to execute when all of those dependencies are available.\n *\n * Make a local req variable to help Caja compliance (it assumes things\n * on a require that are not standardized), and to give a short\n * name for minification/local scope use.\n */\n req = requirejs = function (deps, callback, errback, optional) {\n //Find the right context, use default\n var context,\n config,\n contextName = defContextName\n\n // Determine if have config object in the call.\n if (!isArray(deps) && typeof deps !== 'string') {\n // deps is a config object\n config = deps\n if (isArray(callback)) {\n // Adjust args if there are dependencies\n deps = callback\n callback = errback\n errback = optional\n } else {\n deps = []\n }\n }\n\n if (config && config.context) {\n contextName = config.context\n }\n\n context = getOwn(contexts, contextName)\n if (!context) {\n context = contexts[contextName] = req.s.newContext(contextName)\n }\n\n if (config) {\n context.configure(config)\n }\n\n return context.require(deps, callback, errback)\n }\n\n /**\n * Support require.config() to make it easier to cooperate with other\n * AMD loaders on globally agreed names.\n */\n req.config = function (config) {\n return req(config)\n }\n\n /**\n * Execute something after the current tick\n * of the event loop. Override for other envs\n * that have a better solution than setTimeout.\n * @param {Function} fn function to execute later.\n */\n req.nextTick =\n typeof setTimeout !== 'undefined'\n ? function (fn) {\n setTimeout(fn, 4)\n }\n : function (fn) {\n fn()\n }\n\n /**\n * Export require as a global, but only if it does not already exist.\n */\n if (!require) {\n require = req\n }\n\n req.version = version\n\n //Used to filter out dependencies that are already paths.\n req.jsExtRegExp = /^\\/|:|\\?|\\.js$/\n req.isBrowser = isBrowser\n s = req.s = {\n contexts: contexts,\n newContext: newContext,\n }\n\n //Create default context.\n req({})\n\n //Exports some context-sensitive methods on global require.\n each(['toUrl', 'undef', 'defined', 'specified'], function (prop) {\n //Reference from contexts instead of early binding to default context,\n //so that during builds, the latest instance of the default context\n //with its config gets used.\n req[prop] = function () {\n var ctx = contexts[defContextName]\n return ctx.require[prop].apply(ctx, arguments)\n }\n })\n\n if (isBrowser) {\n head = s.head = document.getElementsByTagName('head')[0]\n //If BASE tag is in play, using appendChild is a problem for IE6.\n //When that browser dies, this can be removed. Details in this jQuery bug:\n //http://dev.jquery.com/ticket/2709\n baseElement = document.getElementsByTagName('base')[0]\n if (baseElement) {\n head = s.head = baseElement.parentNode\n }\n }\n\n /**\n * Any errors that require explicitly generates will be passed to this\n * function. Intercept/override it if you want custom error handling.\n * @param {Error} err the error object.\n */\n req.onError = defaultOnError\n\n /**\n * Creates the node for the load command. Only used in browser envs.\n */\n req.createNode = function (config, moduleName, url) {\n var node = config.xhtml\n ? document.createElementNS('http://www.w3.org/1999/xhtml', 'html:script')\n : document.createElement('script')\n node.type = config.scriptType || 'text/javascript'\n node.charset = 'utf-8'\n node.async = true\n return node\n }\n\n /**\n * Does the request to load a module for the browser case.\n * Make this a separate function to allow other environments\n * to override it.\n *\n * @param {Object} context the require context to find state.\n * @param {String} moduleName the name of the module.\n * @param {Object} url the URL to the module.\n */\n req.load = function (context, moduleName, url) {\n var config = (context && context.config) || {},\n node\n if (isBrowser) {\n //In the browser so use a script tag\n node = req.createNode(config, moduleName, url)\n\n node.setAttribute('data-requirecontext', context.contextName)\n node.setAttribute('data-requiremodule', moduleName)\n\n //Set up load listener. Test attachEvent first because IE9 has\n //a subtle issue in its addEventListener and script onload firings\n //that do not match the behavior of all other browsers with\n //addEventListener support, which fire the onload event for a\n //script right after the script execution. See:\n //https://connect.microsoft.com/IE/feedback/details/648057/script-onload-event-is-not-fired-immediately-after-script-execution\n //UNFORTUNATELY Opera implements attachEvent but does not follow the script\n //script execution mode.\n if (\n node.attachEvent &&\n //Check if node.attachEvent is artificially added by custom script or\n //natively supported by browser\n //read https://github.com/jrburke/requirejs/issues/187\n //if we can NOT find [native code] then it must NOT natively supported.\n //in IE8, node.attachEvent does not have toString()\n //Note the test for \"[native code\" with no closing brace, see:\n //https://github.com/jrburke/requirejs/issues/273\n !(node.attachEvent.toString && node.attachEvent.toString().indexOf('[native code') < 0) &&\n !isOpera\n ) {\n //Probably IE. IE (at least 6-8) do not fire\n //script onload right after executing the script, so\n //we cannot tie the anonymous define call to a name.\n //However, IE reports the script as being in 'interactive'\n //readyState at the time of the define call.\n useInteractive = true\n\n node.attachEvent('onreadystatechange', context.onScriptLoad)\n //It would be great to add an error handler here to catch\n //404s in IE9+. However, onreadystatechange will fire before\n //the error handler, so that does not help. If addEventListener\n //is used, then IE will fire error before load, but we cannot\n //use that pathway given the connect.microsoft.com issue\n //mentioned above about not doing the 'script execute,\n //then fire the script load event listener before execute\n //next script' that other browsers do.\n //Best hope: IE10 fixes the issues,\n //and then destroys all installs of IE 6-9.\n //node.attachEvent('onerror', context.onScriptError);\n } else {\n node.addEventListener('load', context.onScriptLoad, false)\n node.addEventListener('error', context.onScriptError, false)\n }\n node.src = url\n\n //For some cache cases in IE 6-8, the script executes before the end\n //of the appendChild execution, so to tie an anonymous define\n //call to the module name (which is stored on the node), hold on\n //to a reference to this node, but clear after the DOM insertion.\n currentlyAddingScript = node\n if (baseElement) {\n head.insertbeforeAll(node, baseElement)\n } else {\n head.appendChild(node)\n }\n currentlyAddingScript = null\n\n return node\n } else if (isWebWorker) {\n try {\n //In a web worker, use importScripts. This is not a very\n //efficient use of importScripts, importScripts will block until\n //its script is downloaded and evaluated. However, if web workers\n //are in play, the expectation that a build has been done so that\n //only one script needs to be loaded anyway. This may need to be\n //reevaluated if other use cases become common.\n importScripts(url)\n\n //Account for anonymous modules\n context.completeLoad(moduleName)\n } catch (e) {\n context.onError(\n makeError('importscripts', 'importScripts failed for ' + moduleName + ' at ' + url, e, [moduleName])\n )\n }\n }\n }\n\n function getInteractiveScript() {\n if (interactiveScript && interactiveScript.readyState === 'interactive') {\n return interactiveScript\n }\n\n eachReverse(scripts(), function (script) {\n if (script.readyState === 'interactive') {\n return (interactiveScript = script)\n }\n })\n return interactiveScript\n }\n\n //Look for a data-main script attribute, which could also adjust the baseUrl.\n if (isBrowser && !cfg.skipDataMain) {\n //Figure out baseUrl. Get it from the script tag with require.js in it.\n eachReverse(scripts(), function (script) {\n //Set the 'head' where we can append children by\n //using the script's parent.\n if (!head) {\n head = script.parentNode\n }\n\n //Look for a data-main attribute to set main script for the page\n //to load. If it is there, the path to data main becomes the\n //baseUrl, if it is not already set.\n dataMain = script.getAttribute('data-main')\n if (dataMain) {\n //Preserve dataMain in case it is a path (i.e. contains '?')\n mainScript = dataMain\n\n //Set final baseUrl if there is not already an explicit one.\n if (!cfg.baseUrl) {\n //Pull off the directory of data-main for use as the\n //baseUrl.\n src = mainScript.split('/')\n mainScript = src.pop()\n subPath = src.length ? src.join('/') + '/' : './'\n\n cfg.baseUrl = subPath\n }\n\n //Strip off any trailing .js since mainScript is now\n //like a module name.\n mainScript = mainScript.replace(jsSuffixRegExp, '')\n\n //If mainScript is still a path, fall back to dataMain\n if (req.jsExtRegExp.test(mainScript)) {\n mainScript = dataMain\n }\n\n //Put the data-main script in the files to load.\n cfg.deps = cfg.deps ? cfg.deps.concat(mainScript) : [mainScript]\n\n return true\n }\n })\n }\n\n /**\n * The function that handles definitions of modules. Differs from\n * require() in that a string for the module should be the first argument,\n * and the function to execute after dependencies are loaded should\n * return a value to define the module corresponding to the first argument's\n * name.\n */\n define = function (name, deps, callback) {\n var node, context\n\n //Allow for anonymous modules\n if (typeof name !== 'string') {\n //Adjust args appropriately\n callback = deps\n deps = name\n name = null\n }\n\n //This module may not have dependencies\n if (!isArray(deps)) {\n callback = deps\n deps = null\n }\n\n //If no name, and callback is a function, then figure out if it a\n //CommonJS thing with dependencies.\n if (!deps && isFunction(callback)) {\n deps = []\n //Remove comments from the callback string,\n //look for require calls, and pull them into the dependencies,\n //but only if there are function args.\n if (callback.length) {\n callback\n .toString()\n .replace(commentRegExp, '')\n .replace(cjsRequireRegExp, function (match, dep) {\n deps.push(dep)\n })\n\n //May be a CommonJS thing even without require calls, but still\n //could use exports, and module. Avoid doing exports and module\n //work though if it just needs require.\n //REQUIRES the function to expect the CommonJS variables in the\n //order listed below.\n deps = (callback.length === 1 ? ['require'] : ['require', 'exports', 'module']).concat(deps)\n }\n }\n\n //If in IE 6-8 and hit an anonymous define() call, do the interactive\n //work.\n if (useInteractive) {\n node = currentlyAddingScript || getInteractiveScript()\n if (node) {\n if (!name) {\n name = node.getAttribute('data-requiremodule')\n }\n context = contexts[node.getAttribute('data-requirecontext')]\n }\n }\n\n //Always save off evaluating the def call until the script onload handler.\n //This allows multiple modules to be in a file without prematurely\n //tracing dependencies, and allows for anonymous module support,\n //where the module name is not known until the script onload event\n //occurs. If no context, use the global queue, and get it processed\n //in the onscript load callback.\n ;(context ? context.defQueue : globalDefQueue).push([name, deps, callback])\n }\n\n define.amd = {\n jQuery: true,\n }\n\n /**\n * Executes the text. Normally just uses eval, but can be modified\n * to use a better, environment-specific call. Only used for transpiling\n * loader plugins, not for plain JS modules.\n * @param {String} text the text to execute/evaluate.\n */\n req.exec = function (text) {\n /*jslint evil: true */\n return eval(text)\n }\n\n //Set up with config info.\n req(cfg)\n})(this)\n" }, { "path": "__test__/usage/style.css", "content": " .list {\n font-family:sans-serif;\n margin:0;\n padding:20px 0 0;\n }\n .list > li {\n display:block;\n background-color: #eee;\n padding:10px;\n box-shadow: inset 0 1px 0 #fff;\n }\n .avatar {\n max-width: 150px;\n }\n img {\n max-width: 100%;\n }\n h3 {\n font-size: 16px;\n margin:0 0 0.3rem;\n font-weight: normal;\n font-weight:bold;\n }\n p {\n margin:0;\n }\n\n input {\n border:solid 1px #ccc;\n border-radius: 5px;\n padding:7px 14px;\n margin-bottom:10px\n }\n input:focus {\n outline:none;\n border-color:#aaa;\n }\n .sort {\n padding:8px 30px;\n border-radius: 6px;\n border:none;\n display:inline-block;\n color:#fff;\n text-decoration: none;\n background-color: #28a8e0;\n height:30px;\n }\n .sort:hover {\n text-decoration: none;\n background-color:#1b8aba;\n }\n .sort:focus {\n outline:none;\n }\n .sort:after {\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-bottom: 5px solid transparent;\n content:\"\";\n position: relative;\n top:-10px;\n right:-5px;\n }\n .sort.asc:after {\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 5px solid #fff;\n content:\"\";\n position: relative;\n top:13px;\n right:-5px;\n }\n .sort.desc:after {\n width: 0;\n height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-bottom: 5px solid #fff;\n content:\"\";\n position: relative;\n top:-10px;\n right:-5px;\n }\n" }, { "path": "__test__/utils.classes.test.js", "content": "const classes = require('../src/utils/classes')\n\ndescribe('Classes', function () {\n var el\n\n beforeEach(function () {\n el = document.createElement('div')\n document.body.appendChild(el)\n })\n\n afterEach(function () {\n document.body.removeChild(el)\n })\n\n it('should add', function () {\n classes(el).add('show')\n expect(el.getAttribute('class')).toBe('show')\n })\n it('should remove', function () {\n el.setAttribute('class', 'show')\n expect(el.getAttribute('class')).toBe('show')\n classes(el).remove('show')\n expect(el.getAttribute('class')).toBe('')\n })\n it('should toggle', function () {\n classes(el).toggle('show')\n expect(el.getAttribute('class')).toBe('show')\n classes(el).toggle('show')\n expect(el.getAttribute('class')).toBe('')\n })\n it('should array', function () {\n el.setAttribute('class', 'foo bar')\n expect(classes(el).array()).toEqual(['foo', 'bar'])\n })\n it('should has', function () {\n expect(classes(el).has('show')).toBe(false)\n el.setAttribute('class', 'show')\n expect(classes(el).has('show')).toBe(true)\n })\n it('should contains', function () {\n expect(classes(el).contains('show')).toBe(false)\n el.setAttribute('class', 'show')\n expect(classes(el).contains('show')).toBe(true)\n })\n})\n" }, { "path": "__test__/utils.get-by-class.test.js", "content": "const getByClass = require('../src/utils/get-by-class')\n\ndescribe('GetByClass', function () {\n var el\n\n beforeEach(function () {\n el = document.createElement('div')\n el.setAttribute('class', 'foo')\n document.body.appendChild(el)\n })\n\n afterEach(function () {\n document.body.removeChild(el)\n })\n\n it('should use getElementsByClassName', function () {\n expect(getByClass(document.body, 'foo', false, { test: true, getElementsByClassName: true }).length).toBe(1)\n })\n it('should use getElementsByClassName', function () {\n expect(getByClass(document.body, 'foo', false, { test: true, querySelector: true }).length).toBe(1)\n })\n it('should toggle', function () {\n expect(getByClass(document.body, 'foo', false, { test: true, polyfill: true }).length).toBe(1)\n })\n})\n" }, { "path": "bower.json", "content": "{\n \"name\": \"list.js\",\n \"main\": \"dist/list.js\",\n \"homepage\": \"https://listjs.com\",\n \"authors\": [\n \"Jonny Strömberg- \n
Guybrush Threepwood
\n Manny Calavera
\n Bernard Bernoulli
\n LeChuck
\n Elaine Marley-Threepwood
\n Purple Tentacle
\n Adrian Ripburger
\n Bobbin Threadbare
\n Murray the Demonic Skull
\n Zak McKracken
\n
- \",\n valueNames: ['page', 'dotted'],\n searchClass: 'pagination-search-that-is-not-supposed-to-exist',\n sortClass: 'pagination-sort-that-is-not-supposed-to-exist'\n });\n events.bind(pagingList.listContainer, 'click', function (e) {\n var target = e.target || e.srcElement,\n page = list.utils.getAttribute(target, 'data-page'),\n i = list.utils.getAttribute(target, 'data-i');\n\n if (i) {\n list.show((i - 1) * page + 1, page);\n }\n });\n list.on('updated', function () {\n refresh(pagingList, options);\n });\n refresh(pagingList, options);\n };\n};\n\n/***/ }),\n\n/***/ \"./src/parse.js\":\n/*!**********************!*\\\n !*** ./src/parse.js ***!\n \\**********************/\n/*! unknown exports (runtime-defined) */\n/*! runtime requirements: module, __webpack_require__ */\n/*! CommonJS bailout: module.exports is used directly at 1:0-14 */\n/***/ (function(module, __unused_webpack_exports, __webpack_require__) {\n\nmodule.exports = function (list) {\n var Item = __webpack_require__(/*! ./item */ \"./src/item.js\")(list);\n\n var getChildren = function getChildren(parent) {\n var nodes = parent.childNodes,\n items = [];\n\n for (var i = 0, il = nodes.length; i < il; i++) {\n // Only textnodes have a data attribute\n if (nodes[i].data === undefined) {\n items.push(nodes[i]);\n }\n }\n\n return items;\n };\n\n var parse = function parse(itemElements, valueNames) {\n for (var i = 0, il = itemElements.length; i < il; i++) {\n list.items.push(new Item(valueNames, itemElements[i]));\n }\n };\n\n var parseAsync = function parseAsync(itemElements, valueNames) {\n var itemsToIndex = itemElements.splice(0, 50); // TODO: If < 100 items, what happens in IE etc?\n\n parse(itemsToIndex, valueNames);\n\n if (itemElements.length > 0) {\n setTimeout(function () {\n parseAsync(itemElements, valueNames);\n }, 1);\n } else {\n list.update();\n list.trigger('parseComplete');\n }\n };\n\n list.handlers.parseComplete = list.handlers.parseComplete || [];\n return function () {\n var itemsToIndex = getChildren(list.list),\n valueNames = list.valueNames;\n\n if (list.indexAsync) {\n parseAsync(itemsToIndex, valueNames);\n } else {\n parse(itemsToIndex, valueNames);\n }\n };\n};\n\n/***/ }),\n\n/***/ \"./src/search.js\":\n/*!***********************!*\\\n !*** ./src/search.js ***!\n \\***********************/\n/*! unknown exports (runtime-defined) */\n/*! runtime requirements: module */\n/*! CommonJS bailout: module.exports is used directly at 1:0-14 */\n/***/ (function(module) {\n\nmodule.exports = function (_list) {\n var item, text, columns, searchString, customSearch;\n var prepare = {\n resetList: function resetList() {\n _list.i = 1;\n\n _list.templater.clear();\n\n customSearch = undefined;\n },\n setOptions: function setOptions(args) {\n if (args.length == 2 && args[1] instanceof Array) {\n columns = args[1];\n } else if (args.length == 2 && typeof args[1] == 'function') {\n columns = undefined;\n customSearch = args[1];\n } else if (args.length == 3) {\n columns = args[1];\n customSearch = args[2];\n } else {\n columns = undefined;\n }\n },\n setColumns: function setColumns() {\n if (_list.items.length === 0) return;\n\n if (columns === undefined) {\n columns = _list.searchColumns === undefined ? prepare.toArray(_list.items[0].values()) : _list.searchColumns;\n }\n },\n setSearchString: function setSearchString(s) {\n s = _list.utils.toString(s).toLowerCase();\n s = s.replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, '\\\\$&'); // Escape regular expression characters\n\n searchString = s;\n },\n toArray: function toArray(values) {\n var tmpColumn = [];\n\n for (var name in values) {\n tmpColumn.push(name);\n }\n\n return tmpColumn;\n }\n };\n var search = {\n list: function list() {\n // Extract quoted phrases \"word1 word2\" from original searchString\n // searchString is converted to lowercase by List.js\n var words = [],\n phrase,\n ss = searchString;\n\n while ((phrase = ss.match(/\"([^\"]+)\"/)) !== null) {\n words.push(phrase[1]);\n ss = ss.substring(0, phrase.index) + ss.substring(phrase.index + phrase[0].length);\n } // Get remaining space-separated words (if any)\n\n\n ss = ss.trim();\n if (ss.length) words = words.concat(ss.split(/\\s+/));\n\n for (var k = 0, kl = _list.items.length; k < kl; k++) {\n var item = _list.items[k];\n item.found = false;\n if (!words.length) continue;\n\n for (var i = 0, il = words.length; i < il; i++) {\n var word_found = false;\n\n for (var j = 0, jl = columns.length; j < jl; j++) {\n var values = item.values(),\n column = columns[j];\n\n if (values.hasOwnProperty(column) && values[column] !== undefined && values[column] !== null) {\n var text = typeof values[column] !== 'string' ? values[column].toString() : values[column];\n\n if (text.toLowerCase().indexOf(words[i]) !== -1) {\n // word found, so no need to check it against any other columns\n word_found = true;\n break;\n }\n }\n } // this word not found? no need to check any other words, the item cannot match\n\n\n if (!word_found) break;\n }\n\n item.found = word_found;\n }\n },\n // Removed search.item() and search.values()\n reset: function reset() {\n _list.reset.search();\n\n _list.searched = false;\n }\n };\n\n var searchMethod = function searchMethod(str) {\n _list.trigger('searchStart');\n\n prepare.resetList();\n prepare.setSearchString(str);\n prepare.setOptions(arguments); // str, cols|searchFunction, searchFunction\n\n prepare.setColumns();\n\n if (searchString === '') {\n search.reset();\n } else {\n _list.searched = true;\n\n if (customSearch) {\n customSearch(searchString, columns);\n } else {\n search.list();\n }\n }\n\n _list.update();\n\n _list.trigger('searchComplete');\n\n return _list.visibleItems;\n };\n\n _list.handlers.searchStart = _list.handlers.searchStart || [];\n _list.handlers.searchComplete = _list.handlers.searchComplete || [];\n\n _list.utils.events.bind(_list.utils.getByClass(_list.listContainer, _list.searchClass), 'keyup', _list.utils.events.debounce(function (e) {\n var target = e.target || e.srcElement,\n // IE have srcElement\n alreadyCleared = target.value === '' && !_list.searched;\n\n if (!alreadyCleared) {\n // If oninput already have resetted the list, do nothing\n searchMethod(target.value);\n }\n }, _list.searchDelay)); // Used to detect click on HTML5 clear button\n\n\n _list.utils.events.bind(_list.utils.getByClass(_list.listContainer, _list.searchClass), 'input', function (e) {\n var target = e.target || e.srcElement;\n\n if (target.value === '') {\n searchMethod('');\n }\n });\n\n return searchMethod;\n};\n\n/***/ }),\n\n/***/ \"./src/sort.js\":\n/*!*********************!*\\\n !*** ./src/sort.js ***!\n \\*********************/\n/*! unknown exports (runtime-defined) */\n/*! runtime requirements: module */\n/*! CommonJS bailout: module.exports is used directly at 1:0-14 */\n/***/ (function(module) {\n\nmodule.exports = function (list) {\n var buttons = {\n els: undefined,\n clear: function clear() {\n for (var i = 0, il = buttons.els.length; i < il; i++) {\n list.utils.classes(buttons.els[i]).remove('asc');\n list.utils.classes(buttons.els[i]).remove('desc');\n }\n },\n getOrder: function getOrder(btn) {\n var predefinedOrder = list.utils.getAttribute(btn, 'data-order');\n\n if (predefinedOrder == 'asc' || predefinedOrder == 'desc') {\n return predefinedOrder;\n } else if (list.utils.classes(btn).has('desc')) {\n return 'asc';\n } else if (list.utils.classes(btn).has('asc')) {\n return 'desc';\n } else {\n return 'asc';\n }\n },\n getInSensitive: function getInSensitive(btn, options) {\n var insensitive = list.utils.getAttribute(btn, 'data-insensitive');\n\n if (insensitive === 'false') {\n options.insensitive = false;\n } else {\n options.insensitive = true;\n }\n },\n setOrder: function setOrder(options) {\n for (var i = 0, il = buttons.els.length; i < il; i++) {\n var btn = buttons.els[i];\n\n if (list.utils.getAttribute(btn, 'data-sort') !== options.valueName) {\n continue;\n }\n\n var predefinedOrder = list.utils.getAttribute(btn, 'data-order');\n\n if (predefinedOrder == 'asc' || predefinedOrder == 'desc') {\n if (predefinedOrder == options.order) {\n list.utils.classes(btn).add(options.order);\n }\n } else {\n list.utils.classes(btn).add(options.order);\n }\n }\n }\n };\n\n var sort = function sort() {\n list.trigger('sortStart');\n var options = {};\n var target = arguments[0].currentTarget || arguments[0].srcElement || undefined;\n\n if (target) {\n options.valueName = list.utils.getAttribute(target, 'data-sort');\n buttons.getInSensitive(target, options);\n options.order = buttons.getOrder(target);\n } else {\n options = arguments[1] || options;\n options.valueName = arguments[0];\n options.order = options.order || 'asc';\n options.insensitive = typeof options.insensitive == 'undefined' ? true : options.insensitive;\n }\n\n buttons.clear();\n buttons.setOrder(options); // caseInsensitive\n // alphabet\n\n var customSortFunction = options.sortFunction || list.sortFunction || null,\n multi = options.order === 'desc' ? -1 : 1,\n sortFunction;\n\n if (customSortFunction) {\n sortFunction = function sortFunction(itemA, itemB) {\n return customSortFunction(itemA, itemB, options) * multi;\n };\n } else {\n sortFunction = function sortFunction(itemA, itemB) {\n var sort = list.utils.naturalSort;\n sort.alphabet = list.alphabet || options.alphabet || undefined;\n\n if (!sort.alphabet && options.insensitive) {\n sort = list.utils.naturalSort.caseInsensitive;\n }\n\n return sort(itemA.values()[options.valueName], itemB.values()[options.valueName]) * multi;\n };\n }\n\n list.items.sort(sortFunction);\n list.update();\n list.trigger('sortComplete');\n }; // Add handlers\n\n\n list.handlers.sortStart = list.handlers.sortStart || [];\n list.handlers.sortComplete = list.handlers.sortComplete || [];\n buttons.els = list.utils.getByClass(list.listContainer, list.sortClass);\n list.utils.events.bind(buttons.els, 'click', sort);\n list.on('searchStart', buttons.clear);\n list.on('filterStart', buttons.clear);\n return sort;\n};\n\n/***/ }),\n\n/***/ \"./src/templater.js\":\n/*!**************************!*\\\n !*** ./src/templater.js ***!\n \\**************************/\n/*! unknown exports (runtime-defined) */\n/*! runtime requirements: module */\n/*! CommonJS bailout: module.exports is used directly at 216:0-14 */\n/***/ (function(module) {\n\nvar Templater = function Templater(list) {\n var createItem,\n templater = this;\n\n var init = function init() {\n var itemSource;\n\n if (typeof list.item === 'function') {\n createItem = function createItem(values) {\n var item = list.item(values);\n return getItemSource(item);\n };\n\n return;\n }\n\n if (typeof list.item === 'string') {\n if (list.item.indexOf('<') === -1) {\n itemSource = document.getElementById(list.item);\n } else {\n itemSource = getItemSource(list.item);\n }\n } else {\n /* If item source does not exists, use the first item in list as\n source for new items */\n itemSource = getFirstListItem();\n }\n\n if (!itemSource) {\n throw new Error(\"The list needs to have at least one item on init otherwise you'll have to add a template.\");\n }\n\n itemSource = createCleanTemplateItem(itemSource, list.valueNames);\n\n createItem = function createItem() {\n return itemSource.cloneNode(true);\n };\n };\n\n var createCleanTemplateItem = function createCleanTemplateItem(templateNode, valueNames) {\n var el = templateNode.cloneNode(true);\n el.removeAttribute('id');\n\n for (var i = 0, il = valueNames.length; i < il; i++) {\n var elm = undefined,\n valueName = valueNames[i];\n\n if (valueName.data) {\n for (var j = 0, jl = valueName.data.length; j < jl; j++) {\n el.setAttribute('data-' + valueName.data[j], '');\n }\n } else if (valueName.attr && valueName.name) {\n elm = list.utils.getByClass(el, valueName.name, true);\n\n if (elm) {\n elm.setAttribute(valueName.attr, '');\n }\n } else {\n elm = list.utils.getByClass(el, valueName, true);\n\n if (elm) {\n elm.innerHTML = '';\n }\n }\n }\n\n return el;\n };\n\n var getFirstListItem = function getFirstListItem() {\n var nodes = list.list.childNodes;\n\n for (var i = 0, il = nodes.length; i < il; i++) {\n // Only textnodes have a data attribute\n if (nodes[i].data === undefined) {\n return nodes[i].cloneNode(true);\n }\n }\n\n return undefined;\n };\n\n var getItemSource = function getItemSource(itemHTML) {\n if (typeof itemHTML !== 'string') return undefined;\n\n if (/
\n\n\n" }, { "path": "docs/_includes/carbon.html", "content": "\n" }, { "path": "docs/_includes/codepen.html", "content": "\n\n\n
Hi! I'm Jonny and the author of List.js.
\n\n I hope you like the lib. I’ve put a lot of hours into it!\n Feel free to follow me on Twitter and GitHub for news and donate a coffee for good karma ;)\n
\n \n Follow @javve\n\n \n{{ page.name }}
\n{{ page.title }}
\n\n\n\n See the Pen {{ page.url }} by Jonny Strömberg (@javve)\n on CodePen.\n
\n" }, { "path": "docs/_includes/examples/annotated-example.html", "content": "\n\n" }, { "path": "docs/_includes/javascripts/vendor/bootstrap/tab.js", "content": "/* ========================================================================\n * Bootstrap: tab.js v3.0.0\n * http://twbs.github.com/bootstrap/javascript.html#tabs\n * ========================================================================\n * Copyright 2013 Twitter, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n * ======================================================================== */\n\n\n+function ($) { \"use strict\";\n\n // TAB CLASS DEFINITION\n // ====================\n\n var Tab = function (element) {\n this.element = $(element)\n }\n\n Tab.prototype.show = function () {\n var $this = this.element\n var $ul = $this.closest('ul:not(.dropdown-menu)')\n var selector = $this.data('target')\n\n if (!selector) {\n selector = $this.attr('href')\n selector = selector && selector.replace(/.*(?=#[^\\s]*$)/, '') //strip for ie7\n }\n\n if ($this.parent('li').hasClass('active')) return\n\n var previous = $ul.find('.active:last a')[0]\n var e = $.Event('show.bs.tab', {\n relatedTarget: previous\n })\n\n $this.trigger(e)\n\n if (e.isDefaultPrevented()) return\n\n var $target = $(selector)\n\n this.activate($this.parent('li'), $ul)\n this.activate($target, $target.parent(), function () {\n $this.trigger({\n type: 'shown.bs.tab'\n , relatedTarget: previous\n })\n })\n }\n\n Tab.prototype.activate = function (element, container, callback) {\n var $active = container.find('> .active')\n var transition = callback\n && $.support.transition\n && $active.hasClass('fade')\n\n function next() {\n $active\n .removeClass('active')\n .find('> .dropdown-menu > .active')\n .removeClass('active')\n\n element.addClass('active')\n\n if (transition) {\n element[0].offsetWidth // reflow for transition\n element.addClass('in')\n } else {\n element.removeClass('fade')\n }\n\n if (element.parent('.dropdown-menu')) {\n element.closest('li.dropdown').addClass('active')\n }\n\n callback && callback()\n }\n\n transition ?\n $active\n .one($.support.transition.end, next)\n .emulateTransitionEnd(150) :\n next()\n\n $active.removeClass('in')\n }\n\n\n // TAB PLUGIN DEFINITION\n // =====================\n\n var old = $.fn.tab\n\n $.fn.tab = function ( option ) {\n return this.each(function () {\n var $this = $(this)\n var data = $this.data('bs.tab')\n\n if (!data) $this.data('bs.tab', (data = new Tab(this)))\n if (typeof option == 'string') data[option]()\n })\n }\n\n $.fn.tab.Constructor = Tab\n\n\n // TAB NO CONFLICT\n // ===============\n\n $.fn.tab.noConflict = function () {\n $.fn.tab = old\n return this\n }\n\n\n // TAB DATA-API\n // ============\n\n $(document).on('click.bs.tab.data-api', '[data-toggle=\"tab\"], [data-toggle=\"pill\"]', function (e) {\n e.preventDefault()\n $(this).tab('show')\n })\n\n}(window.jQuery);\n" }, { "path": "docs/_includes/javascripts/vendor/bootstrap/tooltip.js", "content": "/* ========================================================================\n * Bootstrap: tooltip.js v3.0.0\n * http://getbootstrap.com/javascript/#tooltip\n * Inspired by the original jQuery.tipsy by Jason Frame\n * ========================================================================\n * Copyright 2013 Twitter, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n * ======================================================================== */\n\n\n+function ($) { \"use strict\";\n\n // TOOLTIP PUBLIC CLASS DEFINITION\n // ===============================\n\n var Tooltip = function (element, options) {\n this.type =\n this.options =\n this.enabled =\n this.timeout =\n this.hoverState =\n this.$element = null\n\n this.init('tooltip', element, options)\n }\n\n Tooltip.DEFAULTS = {\n animation: true\n , placement: 'top'\n , selector: false\n , template: 'Basic examples
\n\n Here is an example of a list with List.js applied. List.js can be used in\n three different ways. It can be on existing HTML, it can create it's own\n HTML or a combination of both methods.\n
\n\n \n \n \n\n\n\n\n\n\nJonny Strömberg
\n1990
\n\n\nJonas Arnklint
\n1985
\n\n\nMartina Elm
\n1986
\n\n\nGustaf Lindqvist
\n1983
\nApply List.js on existing HTML
\n\n\n\n\n\n
\n<div id=\"users\">\n\n<!-- class=\"search\" automagically makes an input a search field. -->\n <input class=\"search\" placeholder=\"Search\" />\n<!-- class=\"sort\" automagically makes an element a sort buttons. The date-sort value decides what to sort by. -->\n <button class=\"sort\" data-sort=\"name\">\n Sort\n </button>\n\n<!-- Child elements of container with class=\"list\" becomes list items -->\n <ul class=\"list\">\n <li>\n<!-- The innerHTML of children with class=\"name\" becomes this items \"name\" value -->\n <h3 class=\"name\">Jonny Stromberg</h3>\n <p class=\"born\">1986</p>\n </li>\n <li>\n <h3 class=\"name\">Jonas Arnklint</h3>\n <p class=\"born\">1985</p>\n </li>\n <li>\n <h3 class=\"name\">Martina Elm</h3>\n <p class=\"born\">1986</p>\n </li>\n <li>\n <h3 class=\"name\">Gustaf Lindqvist</h3>\n <p class=\"born\">1983</p>\n </li>\n </ul>\n\n</div>\n\n
\nvar options = {\n valueNames: [ 'name', 'born' ]\n};\n\nvar userList = new List('users', options);Apply List.js on existing HTML and then add items
\n\n\n\n\n\n\n\n
\n<div id=\"users\">\n\n <input class=\"search\" placeholder=\"Search\" />\n <button class=\"sort\" data-sort=\"name\">\n Sort\n </button>\n\n <ul class=\"list\">\n<!-- This, the first element in the list, will be used as template for new items. -->\n <li>\n <h3 class=\"name\">Jonny Stromberg</h3>\n <p class=\"born\">1986</p>\n </li>\n </ul>\n\n</div>\n\n\n
\nvar options = {\n valueNames: [ 'name', 'born' ]\n};\n\n// These items will be added to the list on initialization.\nvar values = [\n {\n name: 'Jonas Arnklint',\n born: 1985\n },\n {\n name: 'Martina Elm',\n born: 1986\n }\n];\n\nvar userList = new List('users', options, values);\n\n// It's possible to add items after list been initiated\nuserList.add({\n name: 'Gustaf Lindqvist',\n born: 1983\n});Make List.js create a list from scratch
\n\n\n\n\n
\n<div id=\"users\">\n\n <input class=\"search\" placeholder=\"Search\" />\n <button class=\"sort\" data-sort=\"name\">\n Sort\n </button>\n\n <ul class=\"list\"></ul>\n\n</div>\n\n
\nvar options = {\n valueNames: [ 'name', 'born' ],\n // Since there are no elements in the list, this will be used as template.\n item: '<li><h3 class=\"name\"></h3><p class=\"born\"></p></li>'\n};\n\nvar values = [\n {\n name: 'Jonny Strömberg',\n born: 1986\n },\n {\n name: 'Jonas Arnklint',\n born: 1985\n },\n {\n name: 'Martina Elm',\n born: 1986\n }\n];\n\nvar userList = new List('users', options, values);\n\nuserList.add({\n name: 'Gustaf Lindqvist',\n born: 1983\n});\n'\n , trigger: 'hover focus'\n , title: ''\n , delay: 0\n , html: false\n , container: false\n }\n\n Tooltip.prototype.init = function (type, element, options) {\n this.enabled = true\n this.type = type\n this.$element = $(element)\n this.options = this.getOptions(options)\n\n var triggers = this.options.trigger.split(' ')\n\n for (var i = triggers.length; i--;) {\n var trigger = triggers[i]\n\n if (trigger == 'click') {\n this.$element.on('click.' + this.type, this.options.selector, $.proxy(this.toggle, this))\n } else if (trigger != 'manual') {\n var eventIn = trigger == 'hover' ? 'mouseenter' : 'focus'\n var eventOut = trigger == 'hover' ? 'mouseleave' : 'blur'\n\n this.$element.on(eventIn + '.' + this.type, this.options.selector, $.proxy(this.enter, this))\n this.$element.on(eventOut + '.' + this.type, this.options.selector, $.proxy(this.leave, this))\n }\n }\n\n this.options.selector ?\n (this._options = $.extend({}, this.options, { trigger: 'manual', selector: '' })) :\n this.fixTitle()\n }\n\n Tooltip.prototype.getDefaults = function () {\n return Tooltip.DEFAULTS\n }\n\n Tooltip.prototype.getOptions = function (options) {\n options = $.extend({}, this.getDefaults(), this.$element.data(), options)\n\n if (options.delay && typeof options.delay == 'number') {\n options.delay = {\n show: options.delay\n , hide: options.delay\n }\n }\n\n return options\n }\n\n Tooltip.prototype.getDelegateOptions = function () {\n var options = {}\n var defaults = this.getDefaults()\n\n this._options && $.each(this._options, function (key, value) {\n if (defaults[key] != value) options[key] = value\n })\n\n return options\n }\n\n Tooltip.prototype.enter = function (obj) {\n var self = obj instanceof this.constructor ?\n obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)\n\n clearTimeout(self.timeout)\n\n self.hoverState = 'in'\n\n if (!self.options.delay || !self.options.delay.show) return self.show()\n\n self.timeout = setTimeout(function () {\n if (self.hoverState == 'in') self.show()\n }, self.options.delay.show)\n }\n\n Tooltip.prototype.leave = function (obj) {\n var self = obj instanceof this.constructor ?\n obj : $(obj.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type)\n\n clearTimeout(self.timeout)\n\n self.hoverState = 'out'\n\n if (!self.options.delay || !self.options.delay.hide) return self.hide()\n\n self.timeout = setTimeout(function () {\n if (self.hoverState == 'out') self.hide()\n }, self.options.delay.hide)\n }\n\n Tooltip.prototype.show = function () {\n var e = $.Event('show.bs.'+ this.type)\n\n if (this.hasContent() && this.enabled) {\n this.$element.trigger(e)\n\n if (e.isDefaultPrevented()) return\n\n var $tip = this.tip()\n\n this.setContent()\n\n if (this.options.animation) $tip.addClass('fade')\n\n var placement = typeof this.options.placement == 'function' ?\n this.options.placement.call(this, $tip[0], this.$element[0]) :\n this.options.placement\n\n var autoToken = /\\s?auto?\\s?/i\n var autoPlace = autoToken.test(placement)\n if (autoPlace) placement = placement.replace(autoToken, '') || 'top'\n\n $tip\n .detach()\n .css({ top: 0, left: 0, display: 'block' })\n .addClass(placement)\n\n this.options.container ? $tip.appendTo(this.options.container) : $tip.insertAfter(this.$element)\n\n var pos = this.getPosition()\n var actualWidth = $tip[0].offsetWidth\n var actualHeight = $tip[0].offsetHeight\n\n if (autoPlace) {\n var $parent = this.$element.parent()\n\n var orgPlacement = placement\n var docScroll = document.documentElement.scrollTop || document.body.scrollTop\n var parentWidth = this.options.container == 'body' ? window.innerWidth : $parent.outerWidth()\n var parentHeight = this.options.container == 'body' ? window.innerHeight : $parent.outerHeight()\n var parentLeft = this.options.container == 'body' ? 0 : $parent.offset().left\n\n placement = placement == 'bottom' && pos.top + pos.height + actualHeight - docScroll > parentHeight ? 'top' :\n placement == 'top' && pos.top - docScroll - actualHeight < 0 ? 'bottom' :\n placement == 'right' && pos.right + actualWidth > parentWidth ? 'left' :\n placement == 'left' && pos.left - actualWidth < parentLeft ? 'right' :\n placement\n\n $tip\n .removeClass(orgPlacement)\n .addClass(placement)\n }\n\n var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight)\n\n this.applyPlacement(calculatedOffset, placement)\n this.$element.trigger('shown.bs.' + this.type)\n }\n }\n\n Tooltip.prototype.applyPlacement = function(offset, placement) {\n var replace\n var $tip = this.tip()\n var width = $tip[0].offsetWidth\n var height = $tip[0].offsetHeight\n\n // manually read margins because getBoundingClientRect includes difference\n var marginTop = parseInt($tip.css('margin-top'), 10)\n var marginLeft = parseInt($tip.css('margin-left'), 10)\n\n // we must check for NaN for ie 8/9\n if (isNaN(marginTop)) marginTop = 0\n if (isNaN(marginLeft)) marginLeft = 0\n\n offset.top = offset.top + marginTop\n offset.left = offset.left + marginLeft\n\n $tip\n .offset(offset)\n .addClass('in')\n\n // check to see if placing tip in new offset caused the tip to resize itself\n var actualWidth = $tip[0].offsetWidth\n var actualHeight = $tip[0].offsetHeight\n\n if (placement == 'top' && actualHeight != height) {\n replace = true\n offset.top = offset.top + height - actualHeight\n }\n\n if (/bottom|top/.test(placement)) {\n var delta = 0\n\n if (offset.left < 0) {\n delta = offset.left * -2\n offset.left = 0\n\n $tip.offset(offset)\n\n actualWidth = $tip[0].offsetWidth\n actualHeight = $tip[0].offsetHeight\n }\n\n this.replaceArrow(delta - width + actualWidth, actualWidth, 'left')\n } else {\n this.replaceArrow(actualHeight - height, actualHeight, 'top')\n }\n\n if (replace) $tip.offset(offset)\n }\n\n Tooltip.prototype.replaceArrow = function(delta, dimension, position) {\n this.arrow().css(position, delta ? (50 * (1 - delta / dimension) + \"%\") : '')\n }\n\n Tooltip.prototype.setContent = function () {\n var $tip = this.tip()\n var title = this.getTitle()\n\n $tip.find('.tooltip-inner')[this.options.html ? 'html' : 'text'](title)\n $tip.removeClass('fade in top bottom left right')\n }\n\n Tooltip.prototype.hide = function () {\n var that = this\n var $tip = this.tip()\n var e = $.Event('hide.bs.' + this.type)\n\n function complete() {\n if (that.hoverState != 'in') $tip.detach()\n }\n\n this.$element.trigger(e)\n\n if (e.isDefaultPrevented()) return\n\n $tip.removeClass('in')\n\n $.support.transition && this.$tip.hasClass('fade') ?\n $tip\n .one($.support.transition.end, complete)\n .emulateTransitionEnd(150) :\n complete()\n\n this.$element.trigger('hidden.bs.' + this.type)\n\n return this\n }\n\n Tooltip.prototype.fixTitle = function () {\n var $e = this.$element\n if ($e.attr('title') || typeof($e.attr('data-original-title')) != 'string') {\n $e.attr('data-original-title', $e.attr('title') || '').attr('title', '')\n }\n }\n\n Tooltip.prototype.hasContent = function () {\n return this.getTitle()\n }\n\n Tooltip.prototype.getPosition = function () {\n var el = this.$element[0]\n return $.extend({}, (typeof el.getBoundingClientRect == 'function') ? el.getBoundingClientRect() : {\n width: el.offsetWidth\n , height: el.offsetHeight\n }, this.$element.offset())\n }\n\n Tooltip.prototype.getCalculatedOffset = function (placement, pos, actualWidth, actualHeight) {\n return placement == 'bottom' ? { top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2 } :\n placement == 'top' ? { top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2 } :\n placement == 'left' ? { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth } :\n /* placement == 'right' */ { top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width }\n }\n\n Tooltip.prototype.getTitle = function () {\n var title\n var $e = this.$element\n var o = this.options\n\n title = $e.attr('data-original-title')\n || (typeof o.title == 'function' ? o.title.call($e[0]) : o.title)\n\n return title\n }\n\n Tooltip.prototype.tip = function () {\n return this.$tip = this.$tip || $(this.options.template)\n }\n\n Tooltip.prototype.arrow = function () {\n return this.$arrow = this.$arrow || this.tip().find('.tooltip-arrow')\n }\n\n Tooltip.prototype.validate = function () {\n if (!this.$element[0].parentNode) {\n this.hide()\n this.$element = null\n this.options = null\n }\n }\n\n Tooltip.prototype.enable = function () {\n this.enabled = true\n }\n\n Tooltip.prototype.disable = function () {\n this.enabled = false\n }\n\n Tooltip.prototype.toggleEnabled = function () {\n this.enabled = !this.enabled\n }\n\n Tooltip.prototype.toggle = function (e) {\n var self = e ? $(e.currentTarget)[this.type](this.getDelegateOptions()).data('bs.' + this.type) : this\n self.tip().hasClass('in') ? self.leave(self) : self.enter(self)\n }\n\n Tooltip.prototype.destroy = function () {\n this.hide().$element.off('.' + this.type).removeData('bs.' + this.type)\n }\n\n\n // TOOLTIP PLUGIN DEFINITION\n // =========================\n\n var old = $.fn.tooltip\n\n $.fn.tooltip = function (option) {\n return this.each(function () {\n var $this = $(this)\n var data = $this.data('bs.tooltip')\n var options = typeof option == 'object' && option\n\n if (!data) $this.data('bs.tooltip', (data = new Tooltip(this, options)))\n if (typeof option == 'string') data[option]()\n })\n }\n\n $.fn.tooltip.Constructor = Tooltip\n\n\n // TOOLTIP NO CONFLICT\n // ===================\n\n $.fn.tooltip.noConflict = function () {\n $.fn.tooltip = old\n return this\n }\n\n}(window.jQuery);\n" }, { "path": "docs/_includes/javascripts/vendor/bootstrap/transition.js", "content": "/* ========================================================================\n * Bootstrap: transition.js v3.0.0\n * http://getbootstrap.com/javascript/#transitions\n * ========================================================================\n * Copyright 2013 Twitter, Inc.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n * ======================================================================== */\n\n\n+function ($) { \"use strict\";\n\n // CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)\n // ============================================================\n\n function transitionEnd() {\n var el = document.createElement('bootstrap')\n\n var transEndEventNames = {\n 'WebkitTransition' : 'webkitTransitionEnd'\n , 'MozTransition' : 'transitionend'\n , 'OTransition' : 'oTransitionEnd otransitionend'\n , 'transition' : 'transitionend'\n }\n\n for (var name in transEndEventNames) {\n if (el.style[name] !== undefined) {\n return { end: transEndEventNames[name] }\n }\n }\n }\n\n // http://blog.alexmaccaw.com/css-transitions\n $.fn.emulateTransitionEnd = function (duration) {\n var called = false, $el = this\n $(this).one($.support.transition.end, function () { called = true })\n var callback = function () { if (!called) $($el).trigger($.support.transition.end) }\n setTimeout(callback, duration)\n return this\n }\n\n $(function () {\n $.support.transition = transitionEnd()\n })\n\n}(window.jQuery);\n" }, { "path": "docs/_includes/javascripts/vendor/highlight.pack.js", "content": "var hljs=new function(){function l(o){return o.replace(/&/gm,\"&\").replace(//gm,\">\")}function b(p){for(var o=p.firstChild;o;o=o.nextSibling){if(o.nodeName==\"CODE\"){return o}if(!(o.nodeType==3&&o.nodeValue.match(/\\s+/))){break}}}function h(p,o){return Array.prototype.map.call(p.childNodes,function(q){if(q.nodeType==3){return o?q.nodeValue.replace(/\\n/g,\"\"):q.nodeValue}if(q.nodeName==\"BR\"){return\"\\n\"}return h(q,o)}).join(\"\")}function a(q){var p=(q.className+\" \"+(q.parentNode?q.parentNode.className:\"\")).split(/\\s+/);p=p.map(function(r){return r.replace(/^language-/,\"\")});for(var o=0;o\")+'\"')}w+=r;return r.length||1}var G=e[E];f(G);var A=G;var w=\"\";var B=0;var v=0;var x=\"\";try{var u,q,p=0;while(true){A.t.lastIndex=p;u=A.t.exec(F);if(!u){break}q=D(F.substr(p,u.index-p),u[0]);p=u.index+q}D(F.substr(p));return{r:B,keyword_count:v,value:x,language:E}}catch(I){if(I.message.indexOf(\"Illegal\")!=-1){return{r:0,keyword_count:0,value:l(F)}}else{throw I}}}function g(s){var o={keyword_count:0,r:0,value:l(s)};var q=o;for(var p in e){if(!e.hasOwnProperty(p)){continue}var r=d(p,s,false);r.language=p;if(r.keyword_count+r.r>q.keyword_count+q.r){q=r}if(r.keyword_count+r.r>o.keyword_count+o.r){q=o;o=r}}if(q.language){o.second_best=q}return o}function i(q,p,o){if(p){q=q.replace(/^((<[^>]+>|\\t)+)/gm,function(r,v,u,t){return v.replace(/\\t/g,p)})}if(o){q=q.replace(/\\n/g,\"
\")}return q}function m(r,u,p){var v=h(r,p);var t=a(r);if(t==\"no-highlight\"){return}var w=t?d(t,v,true):g(v);t=w.language;var o=c(r);if(o.length){var q=document.createElement(\"pre\");q.innerHTML=w.value;w.value=j(o,c(q),v)}w.value=i(w.value,u,p);var s=r.className;if(!s.match(\"(\\\\s|^)(language-)?\"+t+\"(\\\\s|$)\")){s=s?(s+\" \"+t):t}r.innerHTML=w.value;r.className=s;r.result={language:t,kw:w.keyword_count,re:w.r};if(w.second_best){r.second_best={language:w.second_best.language,kw:w.second_best.keyword_count,re:w.second_best.r}}}function n(){if(n.called){return}n.called=true;Array.prototype.map.call(document.getElementsByTagName(\"pre\"),b).filter(Boolean).forEach(function(o){m(o,hljs.tabReplace)})}function k(){window.addEventListener(\"DOMContentLoaded\",n,false);window.addEventListener(\"load\",n,false)}var e={};this.LANGUAGES=e;this.highlight=d;this.highlightAuto=g;this.fixMarkup=i;this.highlightBlock=m;this.initHighlighting=n;this.initHighlightingOnLoad=k;this.IR=\"[a-zA-Z][a-zA-Z0-9_]*\";this.UIR=\"[a-zA-Z_][a-zA-Z0-9_]*\";this.NR=\"\\\\b\\\\d+(\\\\.\\\\d+)?\";this.CNR=\"(\\\\b0[xX][a-fA-F0-9]+|(\\\\b\\\\d+(\\\\.\\\\d*)?|\\\\.\\\\d+)([eE][-+]?\\\\d+)?)\";this.BNR=\"\\\\b(0b[01]+)\";this.RSR=\"!|!=|!==|%|%=|&|&&|&=|\\\\*|\\\\*=|\\\\+|\\\\+=|,|\\\\.|-|-=|/|/=|:|;|<<|<<=|<=|<|===|==|=|>>>=|>>=|>=|>>>|>>|>|\\\\?|\\\\[|\\\\{|\\\\(|\\\\^|\\\\^=|\\\\||\\\\|=|\\\\|\\\\||~\";this.BE={b:\"\\\\\\\\[\\\\s\\\\S]\",r:0};this.ASM={cN:\"string\",b:\"'\",e:\"'\",i:\"\\\\n\",c:[this.BE],r:0};this.QSM={cN:\"string\",b:'\"',e:'\"',i:\"\\\\n\",c:[this.BE],r:0};this.CLCM={cN:\"comment\",b:\"//\",e:\"$\"};this.CBLCLM={cN:\"comment\",b:\"/\\\\*\",e:\"\\\\*/\"};this.HCM={cN:\"comment\",b:\"#\",e:\"$\"};this.NM={cN:\"number\",b:this.NR,r:0};this.CNM={cN:\"number\",b:this.CNR,r:0};this.BNM={cN:\"number\",b:this.BNR,r:0};this.REGEXP_MODE={cN:\"regexp\",b:/\\//,e:/\\/[gim]*/,i:/\\n/,c:[this.BE,{b:/\\[/,e:/\\]/,r:0,c:[this.BE]}]};this.inherit=function(q,r){var o={};for(var p in q){o[p]=q[p]}if(r){for(var p in r){o[p]=r[p]}}return o}}();hljs.LANGUAGES.javascript=function(a){return{k:{keyword:\"in if for while finally var new function do return void else break catch instanceof with throw case default try this switch continue typeof delete let yield const\",literal:\"true false null undefined NaN Infinity\"},c:[a.ASM,a.QSM,a.CLCM,a.CBLCLM,a.CNM,{b:\"(\"+a.RSR+\"|\\\\b(case|return|throw)\\\\b)\\\\s*\",k:\"return throw case\",c:[a.CLCM,a.CBLCLM,a.REGEXP_MODE,{b:/;/,sL:\"xml\"}],r:0},{cN:\"function\",bWK:true,e:/{/,k:\"function\",c:[{cN:\"title\",b:/[A-Za-z$_][0-9A-Za-z$_]*/},{cN:\"params\",b:/\\(/,e:/\\)/,c:[a.CLCM,a.CBLCLM],i:/[\"'\\(]/}],i:/\\[|%/}]}}(hljs);hljs.LANGUAGES.css=function(a){var b=\"[a-zA-Z-][a-zA-Z0-9_-]*\";var c={cN:\"function\",b:b+\"\\\\(\",e:\"\\\\)\",c:[\"self\",a.NM,a.ASM,a.QSM]};return{cI:true,i:\"[=/|']\",c:[a.CBLCLM,{cN:\"id\",b:\"\\\\#[A-Za-z0-9_-]+\"},{cN:\"class\",b:\"\\\\.[A-Za-z0-9_-]+\",r:0},{cN:\"attr_selector\",b:\"\\\\[\",e:\"\\\\]\",i:\"$\"},{cN:\"pseudo\",b:\":(:)?[a-zA-Z0-9\\\\_\\\\-\\\\+\\\\(\\\\)\\\\\\\"\\\\']+\"},{cN:\"at_rule\",b:\"@(font-face|page)\",l:\"[a-z-]+\",k:\"font-face page\"},{cN:\"at_rule\",b:\"@\",e:\"[{;]\",c:[{cN:\"keyword\",b:/\\S+/},{b:/\\s/,eW:true,eE:true,r:0,c:[c,a.ASM,a.QSM,a.NM]}]},{cN:\"tag\",b:b,r:0},{cN:\"rules\",b:\"{\",e:\"}\",i:\"[^\\\\s]\",r:0,c:[a.CBLCLM,{cN:\"rule\",b:\"[^\\\\s]\",rB:true,e:\";\",eW:true,c:[{cN:\"attribute\",b:\"[A-Z\\\\_\\\\.\\\\-]+\",e:\":\",eE:true,i:\"[^\\\\s]\",starts:{cN:\"value\",eW:true,eE:true,c:[c,a.NM,a.QSM,a.ASM,a.CBLCLM,{cN:\"hexcolor\",b:\"#[0-9A-Fa-f]+\"},{cN:\"important\",b:\"!important\"}]}}]}]}]}}(hljs);hljs.LANGUAGES.xml=function(a){var c=\"[A-Za-z0-9\\\\._:-]+\";var b={eW:true,r:0,c:[{cN:\"attribute\",b:c,r:0},{b:'=\"',rB:true,e:'\"',c:[{cN:\"value\",b:'\"',eW:true}]},{b:\"='\",rB:true,e:\"'\",c:[{cN:\"value\",b:\"'\",eW:true}]},{b:\"=\",c:[{cN:\"value\",b:\"[^\\\\s/>]+\"}]}]};return{cI:true,c:[{cN:\"pi\",b:\"<\\\\?\",e:\"\\\\?>\",r:10},{cN:\"doctype\",b:\"\",r:10,c:[{b:\"\\\\[\",e:\"\\\\]\"}]},{cN:\"comment\",b:\"\",r:10},{cN:\"cdata\",b:\"<\\\\!\\\\[CDATA\\\\[\",e:\"\\\\]\\\\]>\",r:10},{cN:\"tag\",b:\"{{ page.title }} - {{ site.title }} \n \n \n \n\n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n \n \n \n \n \n\n \n \n \n\n\n\n\n \n\n\n\n\n \n\n {% include carbon.html %}\n\n \n \n \n \n \n\n \n \n\n\n" }, { "path": "docs/_sass/_base.scss", "content": "/**\n * Basic styling\n */\nbody {\n font: $base-font-weight #{$base-font-size}/#{$base-line-height} $base-font-family;\n color: $text-color;\n background-color: $background-color;\n -webkit-text-size-adjust: 100%;\n -webkit-font-feature-settings: \"kern\" 1;\n -moz-font-feature-settings: \"kern\" 1;\n -o-font-feature-settings: \"kern\" 1;\n font-feature-settings: \"kern\" 1;\n font-kerning: normal;\n @include transition(background-color .2s ease-in-out);\n}\n\n\n\n/**\n * Set `margin-bottom` to maintain vertical rhythm\n */\nh1, h2, h3, h4, h5, h6,\np, blockquote, pre,\nul, ol, dl, figure,\n%vertical-rhythm {\n margin-top:0;\n margin-bottom: $spacing-unit / 2;\n}\n\n\n\n/**\n * Images\n */\nimg {\n max-width: 100%;\n vertical-align: middle;\n}\n\n\n\n/**\n * Figures\n */\nfigure > img {\n display: block;\n}\n\nfigcaption {\n font-size: $small-font-size;\n}\n\n\n\n/**\n * Lists\n */\nul, ol {\n margin-left: $spacing-unit;\n}\n\nli {\n > ul,\n > ol {\n margin-bottom: 0;\n }\n}\n\n\n\n/**\n * Headings\n */\nh1, h2, h3, h4, h5, h6 {\n font-family: $headline-font-family;\n font-weight: $headline-font-weight;\n}\n\n\n\n/**\n * Links\n */\na {\n color: $brand-color;\n text-decoration: none;\n\n &:visited {\n color: darken($brand-color, 15%);\n }\n\n &:hover {\n color: $text-color;\n text-decoration: underline;\n }\n}\n\n\n\n/**\n * Blockquotes\n */\nblockquote {\n color: $grey-color;\n border-left: 4px solid $grey-color-light;\n padding-left: $spacing-unit / 2;\n font-size: 18px;\n letter-spacing: -1px;\n font-style: italic;\n\n > :last-child {\n margin-bottom: 0;\n }\n}\n\n\n\n/**\n * Code formatting\n */\npre,\ncode {\n font-size: 15px;\n border: 1px solid $grey-color-light;\n border-radius: 3px;\n background-color: #eef;\n}\n\ncode {\n padding: 1px 5px;\n}\n\npre {\n padding: 8px 12px;\n overflow-x: auto;\n\n > code {\n border: 0;\n padding-right: 0;\n padding-left: 0;\n }\n}\n\n\n\n/**\n * Wrapper\n */\n.wrapper {\n max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit} * 2));\n max-width: calc(#{$content-width} - (#{$spacing-unit} * 2));\n margin-right: auto;\n margin-left: auto;\n padding-right: $spacing-unit;\n padding-left: $spacing-unit;\n @extend %clearfix;\n\n @include media-query($on-laptop) {\n max-width: -webkit-calc(#{$content-width} - (#{$spacing-unit}));\n max-width: calc(#{$content-width} - (#{$spacing-unit}));\n padding-right: $spacing-unit / 2;\n padding-left: $spacing-unit / 2;\n }\n}\n\n.content-container {\n background-color: #fff;\n box-sizing: border-box;\n max-width: $content-width;\n margin:- $spacing-unit auto $spacing-unit;\n}\n.content {\n @include transition(all .2s ease-in-out);\n padding: $spacing-unit;\n @include media-query($on-laptop) {\n padding:$spacing-unit * 2;\n }\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n}\n\n.image-shadow-box {\n border: solid $spacing-unit / 2 #fff;\n box-shadow: 5px 10px 40px rgba(0,0,0,.3);\n}\n.image-right-50 {\n float:right;\n margin-left:$spacing-unit * 2;\n margin-bottom:$spacing-unit;\n max-width: 45%;\n}\n" }, { "path": "docs/_sass/_carbonads.scss", "content": "@keyframes fadein {\n from {\n transform: translateY(100%);\n opacity: 0;\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@-moz-keyframes fadein {\n from {\n transform: translateY(100%);\n opacity: 0;\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@-webkit-keyframes fadein {\n from {\n transform: translateY(100%);\n opacity: 0;\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@-ms-keyframes fadein {\n from {\n transform: translateY(100%);\n opacity: 0;\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n@-o-keyframes fadein {\n from {\n transform: translateY(100%);\n opacity: 0;\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n#carbonads {\n position: fixed;\n z-index: 10000;\n right: 0;\n bottom: 0;\n opacity: 0;\n transform: translateY(100%);\n -webkit-animation: fadein 1s 2s forwards;\n -moz-animation: fadein 1s 2s forwards;\n -ms-animation: fadein 1s 2s forwards;\n -o-animation: fadein 1s 2s forwards;\n animation: fadein 1s 2s forwards\n}\n\n#carbonads {\n display: block;\n overflow: hidden;\n padding: 1em;\n background-color: hsla(0, 0%, 100%, .88);\n max-width: 330px;\n box-shadow: 0 0 1px 0 hsla(0, 0%, 0%, .6);\n font-size: 14px;\n border-top-left-radius: 4px;\n line-height: 1.5;\n}\n\n#carbonads a {\n text-decoration: none;\n}\n\n#carbonads span {\n position: relative;\n display: block;\n overflow: hidden;\n}\n\n.carbon-img {\n float: left;\n margin-right: 1em;\n}\n\n.carbon-img img {\n display: block;\n}\n\n.carbon-text {\n display: block;\n float: left;\n max-width: calc(100% - 130px - 1em);\n text-align: left;\n}\n\n.carbon-poweredby {\n position: absolute;\n right: 0;\n bottom: 0;\n display: block;\n font-size: 10px;\n color: hsl(0, 0%, 60%);\n text-transform: uppercase;\n line-height: 1;\n letter-spacing: 1px;\n}\n" }, { "path": "docs/_sass/_docs.scss", "content": ".docs {\n display: -webkit-flex;\n display: -ms-flexbox;\n display: flex;\n\n -webkit-flex-wrap: wrap;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n.docs-menu {\n background-color:$blue;\n max-width: $menuWidth;\n position: relative;\n padding: 0 20px;\n box-sizing: border-box;\n flex: 1;\n\n a {\n transition: opacity .2s ease-in-out;\n color:#fff;\n text-decoration: none;\n &:hover {\n opacity: 0.7;\n color:#fff;\n }\n }\n ul {\n padding-left:20px;\n color:rgba(255,255,255,0.3);\n }\n li {\n margin-bottom:4px;\n &.active {\n font-weight: 700;\n color:#fff;\n }\n }\n}\n\n.docs-content {\n position: relative;\n color:#555;\n padding:30px;\n box-sizing: border-box;\n\n flex: 1;\n\n h2:first-child {\n margin-top: 0;\n }\n p, h1, h2, h3, h4, h5 {\n max-width: 500px;\n }\n p {\n line-height: 1.5;\n }\n ul {\n padding-left:30px;\n pre {\n margin-left:-60px;\n padding-left:60px;\n }\n ul pre {\n margin-left:-90px;\n padding-left:90px;\n }\n }\n strong, b {\n color:#222;\n font-weight: bold;\n }\n pre {\n background-color: $lightGrey;\n padding:20px 30px;\n margin:0 -30px 1px;\n code {\n background-color: transparent;\n }\n }\n li {\n margin-bottom:5px;\n }\n .api-index {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n margin:0;\n padding:0;\n li {\n list-style-type: none;\n margin-bottom: 0;\n }\n }\n}\n.docs-parameter-description {\n color:#999;\n font-size:80%;\n}\n\n.docs-top {\n display:none;\n border-bottom:solid 1px $lightGrey;\n padding:20px;\n .docs-top-title {\n font-size: 50px;\n font-size: 5rem;\n color:$orange;\n font-weight:700;\n margin:0;\n }\n}\n" }, { "path": "docs/_sass/_menu.scss", "content": "@-webkit-keyframes pluse {\n\t0% {\n\t\t-webkit-transform: scale(1);\n\t}\n\t80% {\n\t\t-webkit-transform: scale(1.2);\n\t}\n 100% {\n -webkit-transform: scale(1);\n }\n}\n@keyframes pluse {\n\t0% {\n\t\ttransform: scale(1);\n\t}\n\t80% {\n\t\ttransform: scale(1.2);\n\t}\n 100% {\n transform: scale(1);\n }\n}\n\n.menu {\n padding:0 20px;\n z-index: 100;\n //margin-top:-80px;\n //margin-bottom:40px;\n margin:0;\n background-color: $black;\n\n .heart {\n -webkit-animation: pluse 1.4s infinite linear;\n animation: pluse 1.4s infinite linear;\n position:relative;\n top:2px;\n right:-3px;\n display: inline-block;\n }\n\n ul {\n display:block;\n margin:0;\n padding:0;\n }\n li {\n display:inline-block;\n margin:0 10px 0 0;\n }\n a {\n line-height:60px;\n display: inline-block;\n text-decoration: none;\n font-weight: 600;\n color:#fff;\n &:hover,\n &.active {\n color:#eee;\n }\n &.active {\n font-weight: 500;\n color:$black;\n }\n }\n}\n\n.menu-sub {\n margin:-40px 0 20px;\n color: #ccc;\n background-color:$lightGrey;\n font-size:14px;\n font-size:1.4rem;\n @extend %clearfix;\n ul {\n padding: 15px 0 13px;\n margin:0;\n }\n li {\n display: inline-block;\n margin-right:20px;\n &.active {\n a {\n color:#222;\n }\n }\n }\n}\n" }, { "path": "docs/_sass/_mixins.scss", "content": "%clearfix {\n &:after {\n content: \"\";\n display: table;\n clear: both;\n }\n}\n\n@mixin media-query($device) {\n @media screen and (min-width: $device) {\n @content;\n }\n}\n\n\n@mixin transition($value){\n -webkit-transition: $value;\n transition: $value;\n}\n" }, { "path": "docs/_sass/_normalize.scss", "content": "/*! normalize.css v2.1.3 | MIT License | git.io/normalize */\n\n/* ==========================================================================\n HTML5 display definitions\n ========================================================================== */\n\n/**\n * Correct `block` display not defined in IE 8/9.\n */\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nhgroup,\nmain,\nnav,\nsection,\nsummary {\n display: block;\n}\n\n/**\n * Correct `inline-block` display not defined in IE 8/9.\n */\n\naudio,\ncanvas,\nvideo {\n display: inline-block;\n}\n\n/**\n * Prevent modern browsers from displaying `audio` without controls.\n * Remove excess height in iOS 5 devices.\n */\n\naudio:not([controls]) {\n display: none;\n height: 0;\n}\n\n/**\n * Address `[hidden]` styling not present in IE 8/9.\n * Hide the `template` element in IE, Safari, and Firefox < 22.\n */\n\n[hidden],\ntemplate {\n display: none;\n}\n\n/* ==========================================================================\n Base\n ========================================================================== */\n\n/**\n * 1. Set default font family to sans-serif.\n * 2. Prevent iOS text size adjust after orientation change, without disabling\n * user zoom.\n */\n\nhtml {\n font-family: sans-serif; /* 1 */\n -ms-text-size-adjust: 100%; /* 2 */\n -webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/**\n * Remove default margin.\n */\n\nbody {\n margin: 0;\n}\n\n/* ==========================================================================\n Links\n ========================================================================== */\n\n/**\n * Remove the gray background color from active links in IE 10.\n */\n\na {\n background: transparent;\n}\n\n/**\n * Address `outline` inconsistency between Chrome and other browsers.\n */\n\na:focus {\n outline: thin dotted;\n}\n\n/**\n * Improve readability when focused and also mouse hovered in all browsers.\n */\n\na:active,\na:hover {\n outline: 0;\n}\n\n/* ==========================================================================\n Typography\n ========================================================================== */\n\n/**\n * Address variable `h1` font-size and margin within `section` and `article`\n * contexts in Firefox 4+, Safari 5, and Chrome.\n */\n\nh1 {\n font-size: 2em;\n margin: 0.67em 0;\n}\n\n/**\n * Address styling not present in IE 8/9, Safari 5, and Chrome.\n */\n\nabbr[title] {\n border-bottom: 1px dotted;\n}\n\n/**\n * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.\n */\n\nb,\nstrong {\n font-weight: bold;\n}\n\n/**\n * Address styling not present in Safari 5 and Chrome.\n */\n\ndfn {\n font-style: italic;\n}\n\n/**\n * Address differences between Firefox and other browsers.\n */\n\nhr {\n -moz-box-sizing: content-box;\n box-sizing: content-box;\n height: 0;\n}\n\n/**\n * Address styling not present in IE 8/9.\n */\n\nmark {\n background: #ff0;\n color: #000;\n}\n\n/**\n * Correct font family set oddly in Safari 5 and Chrome.\n */\n\ncode,\nkbd,\npre,\nsamp {\n font-family: monospace, serif;\n font-size: 1em;\n}\n\n/**\n * Improve readability of pre-formatted text in all browsers.\n */\n\npre {\n white-space: pre-wrap;\n}\n\n/**\n * Set consistent quote types.\n */\n\nq {\n quotes: \"\\201C\" \"\\201D\" \"\\2018\" \"\\2019\";\n}\n\n/**\n * Address inconsistent and variable font size in all browsers.\n */\n\nsmall {\n font-size: 80%;\n}\n\n/**\n * Prevent `sub` and `sup` affecting `line-height` in all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup {\n top: -0.5em;\n}\n\nsub {\n bottom: -0.25em;\n}\n\n/* ==========================================================================\n Embedded content\n ========================================================================== */\n\n/**\n * Remove border when inside `a` element in IE 8/9.\n */\n\nimg {\n border: 0;\n}\n\n/**\n * Correct overflow displayed oddly in IE 9.\n */\n\nsvg:not(:root) {\n overflow: hidden;\n}\n\n/* ==========================================================================\n Figures\n ========================================================================== */\n\n/**\n * Address margin not present in IE 8/9 and Safari 5.\n */\n\nfigure {\n margin: 0;\n}\n\n/* ==========================================================================\n Forms\n ========================================================================== */\n\n/**\n * Define consistent border, margin, and padding.\n */\n\nfieldset {\n border: 1px solid #c0c0c0;\n margin: 0 2px;\n padding: 0.35em 0.625em 0.75em;\n}\n\n/**\n * 1. Correct `color` not being inherited in IE 8/9.\n * 2. Remove padding so people aren't caught out if they zero out fieldsets.\n */\n\nlegend {\n border: 0; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Correct font family not being inherited in all browsers.\n * 2. Correct font size not being inherited in all browsers.\n * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.\n */\n\nbutton,\ninput,\nselect,\ntextarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 2 */\n margin: 0; /* 3 */\n}\n\n/**\n * Address Firefox 4+ setting `line-height` on `input` using `!important` in\n * the UA stylesheet.\n */\n\nbutton,\ninput {\n line-height: normal;\n}\n\n/**\n * Address inconsistent `text-transform` inheritance for `button` and `select`.\n * All other form control elements do not inherit `text-transform` values.\n * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.\n * Correct `select` style inheritance in Firefox 4+ and Opera.\n */\n\nbutton,\nselect {\n text-transform: none;\n}\n\n/**\n * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`\n * and `video` controls.\n * 2. Correct inability to style clickable `input` types in iOS.\n * 3. Improve usability and consistency of cursor style between image-type\n * `input` and others.\n */\n\nbutton,\nhtml input[type=\"button\"], /* 1 */\ninput[type=\"reset\"],\ninput[type=\"submit\"] {\n -webkit-appearance: button; /* 2 */\n cursor: pointer; /* 3 */\n}\n\n/**\n * Re-set default cursor for disabled elements.\n */\n\nbutton[disabled],\nhtml input[disabled] {\n cursor: default;\n}\n\n/**\n * 1. Address box sizing set to `content-box` in IE 8/9/10.\n * 2. Remove excess padding in IE 8/9/10.\n */\n\ninput[type=\"checkbox\"],\ninput[type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n}\n\n/**\n * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.\n * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome\n * (include `-moz` to future-proof).\n */\n\ninput[type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n -moz-box-sizing: content-box;\n -webkit-box-sizing: content-box; /* 2 */\n box-sizing: content-box;\n}\n\n/**\n * Remove inner padding and search cancel button in Safari 5 and Chrome\n * on OS X.\n */\n\ninput[type=\"search\"]::-webkit-search-cancel-button,\ninput[type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n/**\n * Remove inner padding and border in Firefox 4+.\n */\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/**\n * 1. Remove default vertical scrollbar in IE 8/9.\n * 2. Improve readability and alignment in all browsers.\n */\n\ntextarea {\n overflow: auto; /* 1 */\n vertical-align: top; /* 2 */\n}\n\n/* ==========================================================================\n Tables\n ========================================================================== */\n\n/**\n * Remove most spacing between table cells.\n */\n\ntable {\n border-collapse: collapse;\n border-spacing: 0;\n}\n" }, { "path": "docs/_sass/vendor/highlight/xcode.scss", "content": "/*\n\nXCode style (c) Angel Garcia\n {% include menu.html %}\n\n\n {{ content }}\n\n\n \n List API\n
\n\nOptions
\n- \n
- i \n
- indexAsync \n
- item \n
- listClass \n
- page \n
- pagination \n
- searchClass \n
- searchColumns \n
- searchDelay \n
- sortClass \n
- valueNames \n
Properties
\n\n- \n
- filtered \n
- items \n
- list \n
- listContainer \n
- matchingItems \n
- searched \n
- visibleItems \n
Methods
\n- \n
- add \n
- clear \n
- filter \n
- fuzzySearch \n
- get \n
- on \n
- reIndex \n
- remove \n
- search \n
- size \n
- show \n
- sort \n
- update \n
\n \n Options\n
\nUsing List.js is pretty much plug and play, but you can change some options if you feel like it.
\n
\n\nnew List(id/element, options, values);- \n
- \n id or element *required
\n Id the element in which the list area should be initialized. OR the actual element itself.\n \n - \n
options Object, default: undefined
\n\n
\nSome of the option parameters are required at some times- \n
- \n
valueNames Array, default: null. *required
\n\n
\nIf the list contains items on initialization, then this array\nhas to contain the value names (class names) for the different values of\neach list item.
\n\n<ul class=\"list\">\n <li>\n <span class=\"name\">Jonny</span>\n <span class=\"city\">Sundsvall</span>\n </li>\n</ul>\n\nvar valueNames = ['name', 'city'];\n
\n\n<ul class=\"list\">\n <li data-id=\"1\">\n <a href=\"http://javve.com\" class=\"link name\">Jonny</a>\n <p class=\"born timestamp\" data-timestamp=\"1234\">1986</p>\n <img class=\"image\" src=\"javve.jpg\" />\n </li>\n</ul>\n\nvar valueNames = [\n 'name',\n 'born',\n { data: ['id'] },\n { name: 'timestamp', attr: 'data-timestamp' },\n { name: 'link', attr: 'href' },\n { name: 'image', attr: 'src' }\n];\n - \n
item String, default: undefined
\n\n
\nID to item template element or a string of HTML. Can also be a function which receives avaluesobject and which must return the complete item's HTML as a string.
\nvar options = {\n item: \"<li><span class='name'></span><span class='city'></span></li>\"\n}\n// or\nvar options = {\n item: 'cool-item-id'\n};\n// or\nvar options = {\n item: function(values) {\n return `<li><span class='name'>${values.name}</span><span class='city'>${values.city}</span></li>`;\n }\n};\n\n listClass String, default: \"list\"
\nWhat is the class of the list-container? \nsearchClass String, default: \"search\"
\nWhat is the class of the search field? \nsearchColumns Array of strings, default: undefined
\nRestrict searching to just these column names? Default is to search all columns. \nsearchDelay Int default: 0
\nDelay in milliseconds after last keypress in search field before search starts. 250→750 is good for very large lists. \nsortClass String, default: \"sort\"
\nWhat is the class of the sort buttons? \nindexAsync Boolean, default: false
\nIf there are already items in the list to which the\nList.js-script is added, then should the indexing be done\nin a asynchronous way? Good for large lists (> 500 items). \npage Int, default: 200
\nDefines how many items that should be visible at the same time. This affects\nperformance. \ni Int, default: 1
\nWhich item should be shown as the first one. \npagination Boolean, default: undefined
\nRead more here. \n
\n - \n
values Array of objects, default: undefined
\nValues to add to the list on initialization. \n
Properties
\n\n- \n
- \n
\n listContainer \n Element
\n
\n The element node that contains the entire list area.\n \n - \n \n \n
- \n
\n items \n Array
\n
\n An Array of all Item-objects in the list.\n \n - \n
\n visibleItems \n Array
\n
\n The currently visible items in the list\n \n - \n
\n matchingItems \n Array
\n
\n The items matching the currently active filter and search.\n \n - \n
\n searched \n Boolean
\n
\n Returns true if the list is searched.\n \n - \n
\n filtered \n Boolean
\n
\n Returns true if there is an active filter.\n \n
Methods
\n\n- \n
- \n
add(values, callback)
\n\n
\n Adds one or more items to the list.
\n\nlistObj.add({ name: \"Jonny\", city: \"Stockholm\" });\n\nlistObj.add([\n{ name: \"Gustaf\", city: \"Sundsvall\" }\n, { name: \"Jonas\", city: \"Berlin\" }\n]);If
\n\ncallbackis set then items are added to the list in a asynchronous way, and the\n callback is called when all items are added. This is especially useful\n when adding very many items (200+ or something), or if you just like the\n asynchronous coding style.
\nlistObj.add(arrayWithManyManyItems, function(items) {\nconsole.log('All ' + items.length + ' were added!');\n});\n - \n
remove(valueName, value)
\n\n
\n Removes items from the list where the value namedvalueNamehas valuevalue.\n Returns the number of items that where removed.
\nitemsInList = [\n{ id: 1, name: \"Jonny\" }\n, { id: 2, name \"Gustaf\" }\n];\nlistObj.remove(\"id\", 1); // return 1\n - \n
get(valueName, value)
\n\n
\n Returns values from the list where the value namedvalueNamehas valuevalue.
\nitemsInList = [\n{ id: 1, name: \"Jonny\" }\n, { id: 2, name \"Gustaf\" }\n];\nlistObj.get(\"id\", 2); // return { id: 2, name \"Gustaf\" }\n - \n
sort(valueName, {
\n
\n order: 'desc',
\n alphabet: undefined,
\n insensitive: true,
\n sortFunction: undefined
\n })
\n Sorts the list based on values the in the column namedvalueName.\n Thealphabetoption is used when you have non-english alphabet\n where which JavaScript don't know how to sort some characters by default.The default sort function is found here\n https://github.com/nwoltman/string-natural-compare,\n if you want to use your own, read the code and\n check out the tests.
\n\n
\n\nlistObj.sort('name', { order: \"asc\" }); // Sorts the list in abc-order based on names\nlistObj.sort('name', { order: \"desc\" }); // Sorts the list in zxy-order based on names\n\n// Sort swedish characters correcly, case-insensitive.\nlistObj.sort('name', { alphabet: \"ABCDEFGHIJKLMNOPQRSTUVXYZÅÄÖabcdefghijklmnopqrstuvxyzåäö\" });\n\n// Sort swedish characters correcly, case-sensitive.\nlistObj.sort('name', { alphabet: \"AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvXxYyZzÅåÄäÖö\" });\n\n// Alphabet could also be on the actual listObj via\nlistObj.alphabet = \"AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvXxYyZzÅåÄäÖö\";\n\n - \n
search(searchString, columns, searchFunction)
\n\n
\n Searches the list
\n\nitemsInList = [\n{ id: 1, name: \"Jonny Stromberg\", born: 1986 }\n, { id: 2, name \"Jonas Arnklint\", born: 1985 }\n, { id: 3, name \"Martina Elm\", born: 1986 }\n, { id: 4, name \"Gustaf Lindqvist\", born: 1983 }\n, { id: 5, name \"Jonny Strandberg\", born: 1990 }\n];\n\nlistObj.search('Jonny'); // Only items with name Jonny are shown (also returns these items)\n\nlistObj.search(); // Show all items in list\n\nlistObj.search('Jonny', ['name']); // Only search in the 'name' columnSpace-separated words match in any order using logical AND. Surround a phrase in quotes for exact matches:
\n\n
\n\nlistObj.search('Jon 198'); // Items that match Jon AND 198\n\nlistObj.search('\"Jonny S\" 1990'); // Items that match \"Jonny S\" AND 1990Optionally your own search function can be used:
\n\n
\n\nlistObj.search('Jonny', searchFunction); // Custom search for Jonny\n\nlistObj.search('Jonny', ['name'], searchFunction); // Custom search in the 'name' column\n\nfunction searchFunction(searchString, columns) {\n for (var k = 0, kl = listObj.items.length; k < kl; k++) {\n listObj.items[k].found = false;\n // Insert your custom search logic here, set found = true\n\n }\n};\n - \n \n \n
- \n \n\n
\n\nitemsInList = [\n{ id: 1, name: \"Jonny\" }\n, { id: 2, name \"Gustaf\" }\n, { id: 3, name \"Jonas\" }\n];\n\nlistObj.filter(function(item) {\nif (item.values().id > 1) {\n return true;\n} else {\n return false;\n}\n}); // Only items with id > 1 are shown in list\n\nlistObj.filter(); // Remove all filters\n - \n \n \n
- \n
show(i, page)
\n\n
\n Showspagenumber of items fromi. Use for paging etc.
\n\nitemsInList = [\n{ id: 1, name: \"Jonny\" }\n, { id: 2, name \"Gustaf\" }\n, { id: 3, name \"Jonas\" }\n, { id: 4, name \"Egon\" }\n, { id: 5, name \"Frank\" }\n, { id: 6, name \"Ester\" }\n];\n\nlistObj.show(4, 3); // Display item 4,5,6\n - \n
update()
\n
\n Updates the current state of the list. Meaning that if you for instance\n hides some items with theitemObj.hide()method then you have to calllistObj.update()\n if you want the paging to update. \n - \n
reIndex()
\n
\n Re-index list from HTML. Good to use if the HTML has been changed by something\n else than List.js. \n - \n
fuzzySearch()
\n
\n Read more here \n - \n
on(event, callback)
\n
\n Executecallbackwhen list have been updated (triggered byupdate(), which is used by a lot of methods). Useupdatedas the event.Avaliable events
\n- \n
- updated \n
- searchStart \n
- searchComplete \n
- filterStart \n
- filterComplete \n
- sortStart \n
- sortComplete \n
\n
Fuzzy search
\n\n\n Note: The fuzzy search plugin is\n deprecated since v1.5.0, it's now bundled into List.js. Read the\n old docs here.\n
\n\nThe difference between Fuzzy Search and List.js default search
\n\nThe default search will conduct a time efficient search for an exact match in the content searched, while the fuzzy search will render results depending on if they are included anywhere in the content.
\n\nBasic example
\n
\n\n\nvar items = [\n { character: \"Guybrush Threepwood\", game: \"The Secret of Monkey Island\" },\n { character: \"Manny Calavera\", game: \"Grim Fandango\" },\n { character: \"Bernard Bernoulli\", game: \"Maniac Mansion\" }\n];\n\nlist.search('gu thre'); // return none\nlist.fuzzySearch('gu thre') // return 1 item\nOptions
\nAll options are optional. Simplest implementation is:
\n
\nnew List(id, { fuzzySearch: options });- \n
- \n searchClass String, default: fuzzy-search
\n What is the class of the search field?\n \n - \n location Int, default: 0
\n Approximately where in the text is the pattern expected to be found?\n \n - \n distance Int, default: 100
\n Determines how close the match must be to the fuzzy location (specified above). An exact letter match which is ‘distance’ characters away from the fuzzy location would score as a complete mismatch. A distance of 0 requires the match be at the exact location specified, a threshold of 1000 would require a perfect match to be within 800 characters of the fuzzy location to be found using a 0.8 threshold.\n \n - \n threshold Int, default: 0.4
\n At what point does the match algorithm give up. A threshold of0.0requires a perfect match (of both letters and location), a threshold of1.0would match anything.\n \n - \n multiSearch Boolean, default: true
\n Subtract arguments from thesearchStringor putsearchStringas only argument\n \n
Implementation
\n
\n\n<div id=\"list-id\">\n <input class=\"fuzzy-search\" />\n <ul class=\"list\">\n / A bunch of items /\n </ul>\n</div>\n\n<script>\n\nvar options = {\n valueNames: [ 'name', 'category' ],\n fuzzySearch: {\n searchClass: \"fuzzy-search\",\n location: 0,\n distance: 100,\n threshold: 0.4,\n multiSearch: true\n }\n};\n\nvar listObj = new List('list-id', options);\n\n// Search manually\nlistObj.fuzzySearch('my search');\n\n// Search manually on specific columns\nlistObj.fuzzySearch('my search', [ 'name' ]);\n\n</script>\nA big thanks to LuukvE who made a commit from which I could create this Fuzzy Search plugin.
\n\nNext topic: Build your own plugin ›\n" }, { "path": "docs/docs/index.html", "content": "---\nlayout: default\ntitle: Really simple example\n---\n\nReally simple examples
\nYou can use List.js on either existing HTML or create new with super simple templating.
\n\n\nExample 1: Using existing list
\nHTML
\n\n
\n\n<div id=\"hacker-list\">\n <ul class=\"list\">\n <li>\n <h3 class=\"name\">Jonny</h3>\n <p class=\"city\">Stockholm</p>\n </li>\n <li>\n <h3 class=\"name\">Jonas</h3>\n <p class=\"city\">Berlin</p>\n </li>\n </ul>\n</div>JavaScript
\n
\n\n\nvar options = {\n valueNames: [ 'name', 'city' ]\n};\n\nvar hackerList = new List('hacker-list', options);Example 2: Create list on initialization: Version 1
\n\nHTML
\n
\n\n<div id=\"hacker-list\">\n <ul class=\"list\"></ul>\n</div>JavaScript
\n
\n\nvar options = {\n valueNames: [ 'name', 'city' ],\n item: '<li><h3 class=\"name\"></h3><p class=\"city\"></p></li>'\n};\n\nvar values = [\n { name: 'Jonny', city:'Stockholm' }\n , { name: 'Jonas', city:'Berlin' }\n];\n\nvar hackerList = new List('hacker-list', options, values);Example 3: Create list on initialization: Version 2
\n\nHTML
\n
\n\n<div id=\"hacker-list\">\n <ul class=\"list\"></ul>\n</div>\n\n<div style=\"display:none;\">\n <!-- A template element is needed when list is empty, TODO: needs a better solution -->\n <li id=\"hacker-item\">\n <h3 class=\"name\"></h3>\n <p class=\"city\"></p>\n </li>\n</div>JavaScript
\n
\n\nvar options = {\n item: 'hacker-item'\n};\n\nvar values = [\n { name: 'Jonny', city:'Stockholm' }\n , { name: 'Jonas', city:'Berlin' }\n];\n\nvar hackerList = new List('hacker-list', options, values);Example 4: Index existing list and then add
\n\nHTML
\n
\n\n<div id=\"hacker-list\">\n <ul class=\"list\">\n <li>\n <h3 class=\"name\">Jonny</h3>\n <p class=\"city\">Stockholm</p>\n </li>\n </ul>\n</div>JavaScript
\n
\n\nvar options = {\n valueNames: ['name', 'city']\n};\n\nvar hackerList = new List('hacker-list', options);\n\nhackerList.add( { name: 'Jonas', city:'Berlin' } );Example 5: Add automagic search and sort inputs and buttons\n\n
HTML
\n
\n\n<div id=\"hacker-list\">\n\n <input class=\"search\" />\n <span class=\"sort\" data-sort=\"name\">Sort by name</span>\n <span class=\"sort\" data-sort=\"city\">Sort by city</span>\n\n <ul class=\"list\">\n <li>\n <h3 class=\"name\">Jonny</h3>\n <p class=\"city\">Stockholm</p>\n </li>\n <li>\n <h3 class=\"name\">Jonas</h3>\n <p class=\"city\">Berlin</p>\n </li>\n </ul>\n</div>JavaScript (nothing special)
\n
\n\nvar options = {\n valueNames: [ 'name', 'city' ]\n};\n\nvar hackerList = new List('hacker-list', options);Read more here
\n\nExample 6: Using data attributes and other custom attributes (introduced in v1.2.0)
\n\nHTML
\n
\n\n<div id=\"hacker-list\">\n <ul class=\"list\">\n <li data-id=\"1\">\n <a href=\"http://javve.com\" class=\"link name\">Jonny</a>\n <p class=\"born timestamp\" data-timestamp=\"1234\">1986</p>\n <img class=\"image\" src=\"javve.jpg\" />\n </li>\n </ul>\n</div>JavaScript
\n
\n\nvar options = {\n valueNames: [\n 'name',\n 'born',\n { data: ['id'] },\n { name: 'timestamp', attr: 'data-timestamp' },\n { name: 'link', attr: 'href' },\n { name: 'image', attr: 'src' }\n ]\n};\n\nvar hackerList = new List('hacker-list', options);\n\nhackerList.add({\n name: 'Jonas',\n born: '1985',\n id: 2,\n timestamp: '1337',\n link: 'http://arnklint.com'\n image: 'jonas.gif'\n});Next topic: Options ›\n" }, { "path": "docs/docs/item-api.html", "content": "---\nlayout: default\ntitle: Item API\n---\n\n\nItem API
\n\nThese methods are available for all Items that are returned by\nthe list.
\n\n\nProperties
\n\n- \n
- \n elm Element
\n The actual item DOM element\n \n - \n _values Array
\n Direct access to the item's values. Simplifies debugging. Note: Always use item.values() when interacting with the values.\n \n
Methods
\n\n- \n
- \n \n
- \n
- \n
\n newValues optional
\n
\n If variable newValues are present the new values replaces the current item values\n and updates the list.\n If newValues are not present, the function returns the current values.\n
\nitem.values() // { name: \"Jonny\", age: 24, city: \"Umeå\" }\n item.values({\n age: 25,\n city: \"Stockholm\"\n });\n item.values() // { name: \"Jonny\", age: 25, city: \"Stockholm\" }\n\n
\n - \n
- \n \n \n
- \n
\n hide()
\n
\n Hides the item (removes the element from the list, and then when its shown it's appended again. The element will thereby change position in the list. A bug, but a good solution is yet to be found.)\n \n - \n
\n matching() Boolean
\n
\n Returns boolean. True if the item matches the current filter and search. Visible items\n always matches, but matching items are not always visible.\n \n - \n
\n visible() Boolean
\n
\n Returns boolean. True if the item is visible. Visible items\n always matches, but matching items are not always visible.\n \n
Next topic: Plugins introduction ›\n" }, { "path": "docs/docs/pagination.html", "content": "---\nlayout: default\ntitle: Pagination\n---\n\nPagination
\n\n\n Note: The pagination plugin is\n deprecated since v1.5.0, it's now bundled into List.js. Read the\n old docs here.\n
\n\nBasic example
\n
\n\n\n\n<div id=\"listId\">\n <ul class=\"list\">\n // A bunch of items\n </ul>\n <ul class=\"pagination\"></ul>\n</div>\n\n<script>\n var options = {\n valueNames: [ 'name', 'category' ],\n page: 3,\n pagination: true\n };\n\n var listObj = new List('listId', options);\n</script>\nOptions
\n- \n
- \n paginationClass String, default: “pagination”
\n The class that defines whichulthat should contain the pagination (must be inside the list container)\n \n - \n innerWindow Int, default: 2
\n How many pages should be visible on each side of the current page.
\ninnerWindow: 2 … 3 4 5 6 7 …
\ninnerWindow: 1 … 4 5 6 …\n \n - \n outerWindow Int, default: 0
\n How many pages should be visible on from the beginning and from the end of the pagination.
\nouterWindow: 0 … 3 4 5 6 7…
\nouterWindow: 2 1 2 … 4 5 6 7 8 … 11 12\n \n - \n left Int, default: 0
\n Same asouterWindowbut only from left.\nouterWindow: 2andleft: 11 … 4 5 6 7 8 … 11 12\n \n - \n right Int, default: 0
\n Same asleftbut from right.\n \n - \n item String, default
<li><a class='page' href='#'></a></li>
\n Template for the pagination items.\n \n
Notice
\nThe number of items at each page are decided by the List.js own property
\n\npage. To set this just add page: Number to the option object sent into the List.js constructor (as been done in both of the examples at this page).Generated output
\n\n
\n\n<div id=\"listId\">\n <ul class=\"list\">\n / A bunch of items /\n </ul>\n <ul class=\"pagination\">\n <li>\n <a class=\"page active\" href=\"javascript:function Z(){Z=""}Z()\">1</a>\n </li>\n <li>\n <a class=\"page\" href=\"javascript:function Z(){Z=""}Z()\">2</a>\n </li>\n <li>\n …\n </li>\n </ul>\n</div>\nDouble pagination
\n\n
\n\n<div id=\"listId\">\n <ul class=\"paginationTop\"></ul>\n <ul class=\"list\">\n // A bunch of items\n </ul>\n <ul class=\"paginationBottom\"></ul>\n</div>\n\n<script>\n var listOptions = {\n valueNames: [ 'name', 'category' ],\n page: 3,\n pagination: [{\n name: \"paginationTop\",\n paginationClass: \"paginationTop\",\n outerWindow: 2\n }, {\n paginationClass: \"paginationBottom\",\n innerWindow: 3,\n left: 2,\n right: 4\n }]\n };\n\n var listObj = new List('listId', listOptions);\n</script>Next topic: Fuzzy search plugin ›\n" }, { "path": "docs/docs/plugins/build.html", "content": "---\nlayout: default\ntitle: Build your own plugin\n---\n\nBuild your own plugin
\n\nA List.js plugin is basically a function/class which returns a object on initialization.
\n\nA basic example plugin
\nThe plugin code
\nlist.awesomething.js
\n\nfunction ListAwesomething() {\n options = options || {};\n return {\n init: function(list) {\n // This method is called on initialization\n },\n name: options.name || \"awesomething\",\n customMethod: function() {\n return \"cowabunga\";\n }\n };\n};\nUsing the plugin
\n
\n<script src=\"list.js\"></script>\n<script src=\"list.awesomething.js\"></script>\n<script>\n var myList = new List('my-list', {\n plugins: ListAwesomething()\n });\n\n myList.awesomething.customMethod(); // cowabunga\n</script>\nRequirements / Specifications
\n- \n
- \n A plugin namned Awesome Thing have to be in a JavaScript file namned
list.awesomething.js(no dash, camelcase or anything)\n and the function/class have to be namnedListAwesomeThing(camelcase but no dash anything else).\n \n - The plugin object must contain an
initmethod. \n - The plugin object must contain an
nameattribute that defaults to the plugin name. \n
Live example
\n \n\n <% locals.mediaTempleTerm = \"plugin\" %>\n" }, { "path": "docs/docs/plugins/fuzzysearch.html", "content": "---\nlayout: default\ntitle: Fuzzy search plugin\n---\n\nFuzzy search plugin
\n\nNote: The fuzzy search plugin is deprecated since v1.5.0, it's now bundled into List.js.
\n\nTo use the plugin you first need to download it:
\n\nVia GitHub
\n Download list.fuzzysearch.js\n\nVia Bower
\n
\n\nbower install list.fuzzysearch.jsVia CDNJS
\n
\n\n<script src=\"//cdnjs.cloudflare.com/ajax/libs/list.fuzzysearch.js/0.1.0/list.fuzzysearch.min.js\"></script>The difference between Fuzzy Search and List.js default search
\n\nThe default search will conduct a time efficient search for an exact match in the content searched, while the fuzzy search will render results depending on if they are included anywhere in the content.
\n\nBasic example
\n
\n\nvar items = [\n { character: \"Guybrush Threepwood\", game: \"The Secret of Monkey Island\" },\n { character: \"Manny Calavera\", game: \"Grim Fandango\" },\n { character: \"Bernard Bernoulli\", game: \"Maniac Mansion\" }\n];\n\nlist.search('gu thre'); // return none\nlist.fuzzySearch.search('gu thre') // return 1 item\nImplementation
\n
\n\n\n\n<div id=\"list-id\">\n <input class=\"fuzzy-search\" />\n <ul class=\"list\">\n / A bunch of items /\n </ul>\n</div>\n\n<script>\n\nvar fuzzyOptions = {\n searchClass: \"fuzzy-search\",\n location: 0,\n distance: 100,\n threshold: 0.4,\n multiSearch: true\n};\nvar options = {\n valueNames: [ 'name', 'category' ],\n plugins: [\n ListFuzzySearch(fuzzyOptions)\n ]\n};\n\nvar listObj = new List('list-id', options);\n\n// Search manually\nlistObj.fuzzySearch.search('my search');\n\n// Search manually on specific columns\nlistObj.fuzzySearch.search('my search', { name: true });\n\n</script>\nOptions
\nAll options are optional. Simplest implementation is:
\n
\nplugins: [ ListFuzzySearch() ]- \n
- \n location Int, default: 0
\n Approximately where in the text is the pattern expected to be found?\n \n - \n distance Int, default: 100
\n Determines how close the match must be to the fuzzy location (specified above). An exact letter match which is ‘distance’ characters away from the fuzzy location would score as a complete mismatch. A distance of 0 requires the match be at the exact location specified, a threshold of 1000 would require a perfect match to be within 800 characters of the fuzzy location to be found using a 0.8 threshold.\n \n - \n threshold Int, default: 0.4
\n At what point does the match algorithm give up. A threshold of0.0requires a perfect match (of both letters and location), a threshold of1.0would match anything.\n \n - \n multiSearch Boolean, default: true
\n Subtract arguments from thesearchStringor putsearchStringas only argument\n \n
A big thanks to LuukvE who made a commit from which I could create this Fuzzy Search plugin.
\n\nNext topic: Build your own plugin ›\n" }, { "path": "docs/docs/plugins/index.html", "content": "---\nlayout: default\ntitle: Using Plugins\n---\n\nUsing plugins
\n\nGetting started
\nTo use a plugin you need two things:
\n- \n
- Include the plugins .js-file at the page. \n
- \n
Include it when you instantiate List.js
\n
\nnew List('list-id', {\n plugins: [ ListPagination(), NameOfOtherPlugin(options) ]\n});
Naming and accessing plugins
\nIt is also possible to add options and load multiple instances of the same plugins (if the plugin itself allows it).
\n\n If the property
\nnameis added in the pluginoptionparameter does the plugin become\n accessible through listObj.namePropertyValue.This is useful when having multiple instances of the same plugin.\n
\n\nvar myList = new List('list-id', {\n plugins: [\n ListPagination({ name: \"topPagination\", paginationClass: \"top-pagination\" }),\n ListPagination({ name: \"bottomPagination\", paginationClass: \"bottom-pagination\" })\n ]\n});\nconsole.log(myList.topPagination);\nconsole.log(myList.bottomPagination);Build your own plugin
\nGo to: /docs/plugins/build
\n\nNext topic: Pagination plugin ›\n" }, { "path": "docs/docs/plugins/pagination.html", "content": "---\nlayout: default\ntitle: Pagination plugin\n---\n\nPagination plugin
\n\nNote: The pagination plugin is deprecated since v1.5.0, it's now bundled into List.js.
\n\nTo use the plugin you first need to download it:
\n\nVia GitHub
\n Download List.pagination.js\n\nVia Bower
\n
\n\nbower install list.pagination.jsVia CDNJS
\n
\n\n<script src=\"//cdnjs.cloudflare.com/ajax/libs/list.pagination.js/0.1.1/list.pagination.min.js\"></script>Basic example
\n
\n\n\n\n<div id=\"listId\">\n <ul class=\"list\">\n // A bunch of items\n </ul>\n <ul class=\"pagination\"></ul>\n</div>\n\n<script>\n var options = {\n valueNames: [ 'name', 'category' ],\n page: 3,\n plugins: [\n ListPagination({})\n ]\n };\n\n var listObj = new List('listId', options);\n</script>\nOptions
\n- \n
- \n name String, default: “pagination”
\n Default option for all plugins. Defines how to access the plugin from the list objectlistObj.pluginName.\n \n - \n paginationClass String, default: “pagination”
\n The class that defines whichulthat should contain the pagination (must be inside the list container)\n \n - \n innerWindow Int, default: 2
\n How many pages should be visible on each side of the current page.
\ninnerWindow: 2 … 3 4 5 6 7 …
\ninnerWindow: 1 … 4 5 6 …\n \n - \n outerWindow Int, default: 0
\n How many pages should be visible on from the beginning and from the end of the pagination.
\nouterWindow: 0 … 3 4 5 6 7…
\nouterWindow: 2 1 2 … 4 5 6 7 8 … 11 12\n \n - \n left Int, default: 0
\n Same asouterWindowbut only from left.\nouterWindow: 2andleft: 11 … 4 5 6 7 8 … 11 12\n \n - \n right Int, default: 0
\n Same asleftbut from right.\n \n
Notice
\nThe number of items at each page are decided by the List.js own property page. To set this just add page: Number to the option object sent into the List.js constructor (as been done in both of the examples at this page).
\n\nGenerated output
\n\n
\n\n<div id=\"listId\">\n <ul class=\"list\">\n / A bunch of items /\n </ul>\n <ul class=\"pagination\">\n <li>\n <a class=\"page active\" href=\"javascript:function Z(){Z=""}Z()\">1</a>\n </li>\n <li>\n <a class=\"page\" href=\"javascript:function Z(){Z=""}Z()\">2</a>\n </li>\n <li>\n …\n </li>\n </ul>\n</div>\nDouble pagination
\n\n
\n\n<div id=\"listId\">\n <ul class=\"paginationTop\"></ul>\n <ul class=\"list\">\n // A bunch of items\n </ul>\n <ul class=\"paginationBottom\"></ul>\n</div>\n\n<script>\n var paginationTopOptions = {\n name: \"paginationTop\",\n paginationClass: \"paginationTop\",\n outerWindow: 2\n };\n var paginationBottomOptions = {\n name: \"paginationBottom\",\n paginationClass: \"paginationBottom\",\n innerWindow: 3,\n left: 2,\n right: 4\n };\n var listOptions = {\n valueNames: [ 'name', 'category' ],\n page: 3,\n plugins: [\n ListPagination(paginationTopOptions),\n ListPagination(paginationBottomOptions)\n ]\n };\n\n var listObj = new List('listId', listOptions);\n</script>Next topic: Fuzzy search plugin ›\n" }, { "path": "docs/docs/search-sort.html", "content": "---\nlayout: default\ntitle: Automagical Searching + Sorting\n---\n\n\nAutomagical Searching + Sorting
\n\nIt is easy to add search input and sort buttons with just a few classes and attributes in your HTML. ‘Automagical’ because List.js registers the event handlers, searches/sorts and updates the list for you:
\n\n\nSearching
\n\n- \n
- \n
\n class String. *required
\n
\n The default classsearchis how List.js finds your writable search field. If you change it also set options.searchClass.\n Alternatively, using
\nfuzzy-searchhere will switch to the Fuzzy Search function.\n \n - \n
\n type String. *required
\n
\n The default input typesearchis similar to usingtext, but web browsers may render it slightly differently: see https://developer.mozilla.org/.../input/search. Either type will work with List.js.\n \n
\n\n\n<input type=\"search\" class=\"search\" placeholder=\"normal search\"> or\n<input type=\"search\" class=\"fuzzy-search\" placeholder=\"fuzzy search!\">\nSorting
\n\n- \n
- \n
class String. *required
\n
\n The default classsortis how List.js finds clickable sort buttons. If you change it also set options.sortClass.\n \n - \n
\n data-sort String. *required
\n
\n This attribute on a clickable sort button should match the column name passed to List.js in options.valueNames.\n \n - \n
\n data-order String
\n
\n Set toascordescto enforce that sorting order for a column. The user won't be able to change the order, and anydata-default-orderattribute is ignored.\n \n - \n
\n data-default-order String, default: \"asc\"
\n
\n Set todescto change the initial sorting order for a column. Subsequent clicks will toggle the sorting order between ascending/descending, as usual.\n \n - \n
\n data-insensitive Boolean, default: true
\n
\n Set tofalsefor case-sensitive sorting of that column.\n \n
\n\n\nSort by: \n<span class='sort' data-sort='name'>Name</span> or \n<span class='sort' data-sort='born' data-default-order='desc'>Born in Year</span> or \n<span class='sort' data-sort='city'>City</span>\nThe CSS classes
\n\nascanddescare added when a sort button is clicked on, so List.js can show which column is currently sorted. For example, using this CSS sets a yellow background with ⬆ or ⬇ added after the button text:
\n" }, { "path": "docs/faq.html", "content": "---\nlayout: default\ntitle: List FAQ\n---\n\n\n.sort.asc, .sort.desc {\n background-color: yellow;\n }\n.sort.asc::after {\n content: \"\\002B06\";\n padding-left: 3px;\n }\n.sort.desc::after {\n content: \"\\002B07\";\n padding-left: 3px\n }\nList FAQ
\n\nQuestions
\n\n
\n\n\n \n I want to have a search field outside the list container.\n
\n
\n<input id=\"search-field\" />\n<div id=\"container\"> ... </div>
\n" }, { "path": "docs/feed.xml", "content": "---\nlayout: null\n---\n\nvar listObj = new List('container', options);\n\n$('#search-field').on('keyup', function() {\n var searchString = $(this).val();\n listObj.search(searchString);\n});\n \n" }, { "path": "docs/index.html", "content": "---\nlayout: default\ntitle: Search, sort, filters, flexibility to tables, list and more!\n---\n\n\n \n{{ site.title | xml_escape }} \n{{ site.description | xml_escape }} \n {{ site.url }}{{ site.baseurl }}/\n{{ site.time | date_to_rfc822 }} \n{{ site.time | date_to_rfc822 }} \nJekyll v{{ jekyll.version }} \n {% for post in site.posts limit:10 %}\n- \n
\n {% endfor %}\n{{ post.title | xml_escape }} \n{{ post.content | xml_escape }} \n{{ post.date | date_to_rfc822 }} \n {{ post.url | prepend: site.baseurl | prepend: site.url }}\n{{ post.url | prepend: site.baseurl | prepend: site.url }} \n {% for tag in post.tags %}\n{{ tag | xml_escape }} \n {% endfor %}\n {% for cat in post.categories %}\n{{ cat | xml_escape }} \n {% endfor %}\n\n\n\n{% include author.html %}\n\n{% include examples/annotated-example.html %}\n\n\n\n\n
\n\nList.js v{{site.data.pkg.version}}
\n\n Tiny, invisible and simple, yet powerful and incredibly fast vanilla JavaScript\n that adds search, sort, filters and flexibility\n to plain HTML lists, tables, or anything.\n
\n\n\n\n\nMore examples
\n- \n {% for example in site.examples %}\n
- {{example.name}} \n {% endfor %}\n
\n\n" }, { "path": "docs/overview/changelog.html", "content": "---\nlayout: default\ntitle: Read the changelog at Github\n---\n\n\n\n
\nList.js: native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable - https://t.co/nOoE1RJg
— Smashing Magazine (@smashingmag) December 17, 2011\n\n
\nSearch, sort, and filter your #HTML tables, lists, and more with List.js https://t.co/4BHjmOEU56 – dev'd by @javve log'd by @jerodsanto #js
— The Changelog (@TheChangelog) November 29, 2013\n\n
\nList.js: Add Search, Sort and Flexibility to HTML Lists or Tables - https://t.co/ygEp2Tk7Pu (“Native” JavaScript, no dependencies.)
— JavaScript Daily (@JavaScriptDaily) May 18, 2013Changelog
\n\n" }, { "path": "docs/overview/contribute.html", "content": "---\nlayout: default\ntitle: Contribute\n---\n\nSetup environment
\n1. Install Node.js
\nGo to Nodejs.org
\n\n2. Install dependencies
\n
\n\nnpm installCompile and test
\nCompile the script
\n(webpack.config.js)
\n\nnpx webpackWatch and recompile when files change
\n
\n\nnpx webpack --watchRun the test suite
\n
\nnpx jestRun tests continuously when files change
\n
\n\nnpx jest --watchGuidelines for making pull requests
\n- \n
- Add tests if applicable. \n
- Make sure all tests run. Preferably in IE7+ \n
- Do not include
dist/list.jsordist/list.min.js. That file is only update for each release. \n - ONE feature per pull request \n
- List.js is used in a lot of different ways on a lot of places, so please have understanding if your new special feature is not accepted :) \n
Download
\n\nThe core thing in List.js have always been simplicity. It should require as little effort as possible to use the script and it's features.
\n\nVia GitHub
\nDownload compressed List.js 5KB with gzip
\nDownload uncompressed List.js\n\nVia NPM
\n
\n\nnpm install list.jsVia Bower
\n
\n\nbower install list.jsVia CDNJS
\n
\n\n<script src=\"//cdnjs.cloudflare.com/ajax/libs/list.js/{{site.data.pkg.version}}/list.min.js\"></script>Next topic: Getting started ›\n" }, { "path": "docs/overview/index.html", "content": "---\nlayout: default\ntitle: TL;DR / Features\n---\n\nTL;DR
\n\nPerfect library for adding search, sort, filters and flexibility to tables, lists and various HTML elements. Built to be invisible and work on existing HTML.
\n\nCore idea
\n- \n
- Simple and invisible \n
- Easy to apply to existing HTML \n
- No dependencies \n
- Fast \n
- Tiny (5KB minified&gzip) \n
- Handle thousands of items \n
Features
\n- \n
- Works both lists, tables and almost anything else. E.g.
<div>,<ul>,<table>, etc. \n - Search Read more › \n
- Sort Read more › \n
- Filter Read more › \n
- Simple templating system that adds possibility to add, edit, remove items Read more › \n
- Plugins Read more › \n
- Support for Chrome, Safari, Firefox, IE9+ \n
Used by
\n- \n
- HTML5Please.com \n
- Emoji cheat sheet \n
- A bunch more... \n
Press
\n\n\n\n
\nList.js: native JavaScript that makes your plain HTML lists super flexible, searchable, sortable and filterable - https://t.co/nOoE1RJg
— Smashing Magazine (@smashingmag) December 17, 2011
\nABSOLUTELY FUCKING BRILLIANT > https://t.co/wuOiYlRe
— Zeus Lalkaka (@distracteddev) March 18, 2012
\nThe ultimate javascript list behaviourer: searchable, sortable, filterable, flexible: List.js https://t.co/dcomX9Tr
— Robert McLarty (@robmclarty) April 24, 2012
\nTo all the cool people who build and release stuff such as listJS - thank you, and I love you :-) https://t.co/Erx7oGD3Tl
— Stefan Richter (@stefanrichter) May 16, 2013
\nI'm a sucker for slick efficient native js micro-plugins like Countable.js https://t.co/qLkDbyC9Mn and List.js https://t.co/NsCDlH9UL5
— Graham (@_grayham) May 30, 2013
\nFantastic. And what's even more brilliant ? #vanillajs ~ RT @JavaScriptDaily: List.js: Add Search, Sort and... https://t.co/cCdQBgftsY
— Sriram Velamur (@techieV2) May 18, 2013\n\n\n" }, { "path": "package.json", "content": "{\n \"name\": \"list.js\",\n \"version\": \"2.3.1\",\n \"description\": \"The perfect library for lists. Supports search, sort, filters and flexibility. Built to be invisible and work on existing HTML\",\n \"keywords\": [\n \"list\",\n \"search\",\n \"sort\",\n \"table\",\n \"dom\",\n \"html\",\n \"ui\"\n ],\n \"author\": {\n \"name\": \"Jonny Strömberg\",\n \"email\": \"jonny.stromberg@gmail.com\",\n \"url\": \"https://javve.com\"\n },\n \"homepage\": \"https://listjs.com\",\n \"repository\": \"git://github.com/javve/list.js.git\",\n \"license\": \"MIT\",\n \"bugs\": {\n \"url\": \"https://github.com/javve/list.js/issues\"\n },\n \"dependencies\": {\n \"string-natural-compare\": \"^2.0.2\"\n },\n \"devDependencies\": {\n \"@babel/core\": \"^7.12.7\",\n \"@babel/preset-env\": \"^7.12.7\",\n \"babel-loader\": \"^8.2.1\",\n \"jest\": \"^26.6.3\",\n \"jquery\": \"^3.5.1\",\n \"prettier\": \"^2.2.0\",\n \"webpack\": \"^5.6.0\",\n \"webpack-cli\": \"^4.2.0\"\n },\n \"main\": \"src/index\",\n \"engines\": {\n \"node\": \"^6.0 || ^8.0 || ^10.0 || ^12.0 || >=14\"\n },\n \"scripts\": {\n \"test\": \"npx jest\",\n \"build\": \"npx webpack\",\n \"watch\": \"npx webpack --watch\",\n \"watch-test\": \"npx jest --watch\",\n \"preversion\": \"npm test && npm run build && cp dist/list.min.js docs/assets/javascripts/list.min.js && cp dist/list.min.js.map docs/assets/javascripts/list.min.js.map && git add dist && git add docs/assets/javascripts\",\n \"postversion\": \"git push --follow-tags origin master && cp package.json docs/_data/pkg.json && git add docs/_data/pkg.json && git commit -m \\\"pkg.json update\\\"\"\n },\n \"npmName\": \"list.js\",\n \"npmFileMap\": [\n {\n \"basePath\": \"/dist/\",\n \"files\": [\n \"*.js\",\n \"*.js.map\"\n ]\n }\n ],\n \"jest\": {\n \"coverageDirectory\": \"./coverage/\",\n \"collectCoverage\": true,\n \"collectCoverageFrom\": [\n \"src/*.js\",\n \"src/utils/*.js\"\n ],\n \"testURL\": \"http://localhost/\"\n }\n}\n" }, { "path": "prettier.config.js", "content": "module.exports = {\n semi: false,\n singleQuote: true,\n printWidth: 120,\n}" }, { "path": "src/add-async.js", "content": "module.exports = function (list) {\n var addAsync = function (values, callback, items) {\n var valuesToAdd = values.splice(0, 50)\n items = items || []\n items = items.concat(list.add(valuesToAdd))\n if (values.length > 0) {\n setTimeout(function () {\n addAsync(values, callback, items)\n }, 1)\n } else {\n list.update()\n callback(items)\n }\n }\n return addAsync\n}\n" }, { "path": "src/filter.js", "content": "module.exports = function (list) {\n // Add handlers\n list.handlers.filterStart = list.handlers.filterStart || []\n list.handlers.filterComplete = list.handlers.filterComplete || []\n\n return function (filterFunction) {\n list.trigger('filterStart')\n list.i = 1 // Reset paging\n list.reset.filter()\n if (filterFunction === undefined) {\n list.filtered = false\n } else {\n list.filtered = true\n var is = list.items\n for (var i = 0, il = is.length; i < il; i++) {\n var item = is[i]\n if (filterFunction(item)) {\n item.filtered = true\n } else {\n item.filtered = false\n }\n }\n }\n list.update()\n list.trigger('filterComplete')\n return list.visibleItems\n }\n}\n" }, { "path": "src/fuzzy-search.js", "content": "var classes = require('./utils/classes'),\n events = require('./utils/events'),\n extend = require('./utils/extend'),\n toString = require('./utils/to-string'),\n getByClass = require('./utils/get-by-class'),\n fuzzy = require('./utils/fuzzy')\n\nmodule.exports = function (list, options) {\n options = options || {}\n\n options = extend(\n {\n location: 0,\n distance: 100,\n threshold: 0.4,\n multiSearch: true,\n searchClass: 'fuzzy-search',\n },\n options\n )\n\n var fuzzySearch = {\n search: function (searchString, columns) {\n // Substract arguments from the searchString or put searchString as only argument\n var searchArguments = options.multiSearch ? searchString.replace(/ +$/, '').split(/ +/) : [searchString]\n\n for (var k = 0, kl = list.items.length; k < kl; k++) {\n fuzzySearch.item(list.items[k], columns, searchArguments)\n }\n },\n item: function (item, columns, searchArguments) {\n var found = true\n for (var i = 0; i < searchArguments.length; i++) {\n var foundArgument = false\n for (var j = 0, jl = columns.length; j < jl; j++) {\n if (fuzzySearch.values(item.values(), columns[j], searchArguments[i])) {\n foundArgument = true\n }\n }\n if (!foundArgument) {\n found = false\n }\n }\n item.found = found\n },\n values: function (values, value, searchArgument) {\n if (values.hasOwnProperty(value)) {\n var text = toString(values[value]).toLowerCase()\n\n if (fuzzy(text, searchArgument, options)) {\n return true\n }\n }\n return false\n },\n }\n\n events.bind(\n getByClass(list.listContainer, options.searchClass),\n 'keyup',\n list.utils.events.debounce(function (e) {\n var target = e.target || e.srcElement // IE have srcElement\n list.search(target.value, fuzzySearch.search)\n }, list.searchDelay)\n )\n\n return function (str, columns) {\n list.search(str, columns, fuzzySearch.search)\n }\n}\n" }, { "path": "src/index.js", "content": "var naturalSort = require('string-natural-compare'),\n getByClass = require('./utils/get-by-class'),\n extend = require('./utils/extend'),\n indexOf = require('./utils/index-of'),\n events = require('./utils/events'),\n toString = require('./utils/to-string'),\n classes = require('./utils/classes'),\n getAttribute = require('./utils/get-attribute'),\n toArray = require('./utils/to-array')\n\nmodule.exports = function (id, options, values) {\n var self = this,\n init,\n Item = require('./item')(self),\n addAsync = require('./add-async')(self),\n initPagination = require('./pagination')(self)\n\n init = {\n start: function () {\n self.listClass = 'list'\n self.searchClass = 'search'\n self.sortClass = 'sort'\n self.page = 10000\n self.i = 1\n self.items = []\n self.visibleItems = []\n self.matchingItems = []\n self.searched = false\n self.filtered = false\n self.searchColumns = undefined\n self.searchDelay = 0\n self.handlers = { updated: [] }\n self.valueNames = []\n self.utils = {\n getByClass: getByClass,\n extend: extend,\n indexOf: indexOf,\n events: events,\n toString: toString,\n naturalSort: naturalSort,\n classes: classes,\n getAttribute: getAttribute,\n toArray: toArray,\n }\n\n self.utils.extend(self, options)\n\n self.listContainer = typeof id === 'string' ? document.getElementById(id) : id\n if (!self.listContainer) {\n return\n }\n self.list = getByClass(self.listContainer, self.listClass, true)\n\n self.parse = require('./parse')(self)\n self.templater = require('./templater')(self)\n self.search = require('./search')(self)\n self.filter = require('./filter')(self)\n self.sort = require('./sort')(self)\n self.fuzzySearch = require('./fuzzy-search')(self, options.fuzzySearch)\n\n this.handlers()\n this.items()\n this.pagination()\n\n self.update()\n },\n handlers: function () {\n for (var handler in self.handlers) {\n if (self[handler] && self.handlers.hasOwnProperty(handler)) {\n self.on(handler, self[handler])\n }\n }\n },\n items: function () {\n self.parse(self.list)\n if (values !== undefined) {\n self.add(values)\n }\n },\n pagination: function () {\n if (options.pagination !== undefined) {\n if (options.pagination === true) {\n options.pagination = [{}]\n }\n if (options.pagination[0] === undefined) {\n options.pagination = [options.pagination]\n }\n for (var i = 0, il = options.pagination.length; i < il; i++) {\n initPagination(options.pagination[i])\n }\n }\n },\n }\n\n /*\n * Re-parse the List, use if html have changed\n */\n this.reIndex = function () {\n self.items = []\n self.visibleItems = []\n self.matchingItems = []\n self.searched = false\n self.filtered = false\n self.parse(self.list)\n }\n\n this.toJSON = function () {\n var json = []\n for (var i = 0, il = self.items.length; i < il; i++) {\n json.push(self.items[i].values())\n }\n return json\n }\n\n /*\n * Add object to list\n */\n this.add = function (values, callback) {\n if (values.length === 0) {\n return\n }\n if (callback) {\n addAsync(values.slice(0), callback)\n return\n }\n var added = [],\n notCreate = false\n if (values[0] === undefined) {\n values = [values]\n }\n for (var i = 0, il = values.length; i < il; i++) {\n var item = null\n notCreate = self.items.length > self.page ? true : false\n item = new Item(values[i], undefined, notCreate)\n self.items.push(item)\n added.push(item)\n }\n self.update()\n return added\n }\n\n this.show = function (i, page) {\n this.i = i\n this.page = page\n self.update()\n return self\n }\n\n /* Removes object from list.\n * Loops through the list and removes objects where\n * property \"valuename\" === value\n */\n this.remove = function (valueName, value, options) {\n var found = 0\n for (var i = 0, il = self.items.length; i < il; i++) {\n if (self.items[i].values()[valueName] == value) {\n self.templater.remove(self.items[i], options)\n self.items.splice(i, 1)\n il--\n i--\n found++\n }\n }\n self.update()\n return found\n }\n\n /* Gets the objects in the list which\n * property \"valueName\" === value\n */\n this.get = function (valueName, value) {\n var matchedItems = []\n for (var i = 0, il = self.items.length; i < il; i++) {\n var item = self.items[i]\n if (item.values()[valueName] == value) {\n matchedItems.push(item)\n }\n }\n return matchedItems\n }\n\n /*\n * Get size of the list\n */\n this.size = function () {\n return self.items.length\n }\n\n /*\n * Removes all items from the list\n */\n this.clear = function () {\n self.templater.clear()\n self.items = []\n return self\n }\n\n this.on = function (event, callback) {\n self.handlers[event].push(callback)\n return self\n }\n\n this.off = function (event, callback) {\n var e = self.handlers[event]\n var index = indexOf(e, callback)\n if (index > -1) {\n e.splice(index, 1)\n }\n return self\n }\n\n this.trigger = function (event) {\n var i = self.handlers[event].length\n while (i--) {\n self.handlers[event][i](self)\n }\n return self\n }\n\n this.reset = {\n filter: function () {\n var is = self.items,\n il = is.length\n while (il--) {\n is[il].filtered = false\n }\n return self\n },\n search: function () {\n var is = self.items,\n il = is.length\n while (il--) {\n is[il].found = false\n }\n return self\n },\n }\n\n this.update = function () {\n var is = self.items,\n il = is.length\n\n self.visibleItems = []\n self.matchingItems = []\n self.templater.clear()\n for (var i = 0; i < il; i++) {\n if (is[i].matching() && self.matchingItems.length + 1 >= self.i && self.visibleItems.length < self.page) {\n is[i].show()\n self.visibleItems.push(is[i])\n self.matchingItems.push(is[i])\n } else if (is[i].matching()) {\n self.matchingItems.push(is[i])\n is[i].hide()\n } else {\n is[i].hide()\n }\n }\n self.trigger('updated')\n return self\n }\n\n init.start()\n}\n" }, { "path": "src/item.js", "content": "module.exports = function (list) {\n return function (initValues, element, notCreate) {\n var item = this\n\n this._values = {}\n\n this.found = false // Show if list.searched == true and this.found == true\n this.filtered = false // Show if list.filtered == true and this.filtered == true\n\n var init = function (initValues, element, notCreate) {\n if (element === undefined) {\n if (notCreate) {\n item.values(initValues, notCreate)\n } else {\n item.values(initValues)\n }\n } else {\n item.elm = element\n var values = list.templater.get(item, initValues)\n item.values(values)\n }\n }\n\n this.values = function (newValues, notCreate) {\n if (newValues !== undefined) {\n for (var name in newValues) {\n item._values[name] = newValues[name]\n }\n if (notCreate !== true) {\n list.templater.set(item, item.values())\n }\n } else {\n return item._values\n }\n }\n\n this.show = function () {\n list.templater.show(item)\n }\n\n this.hide = function () {\n list.templater.hide(item)\n }\n\n this.matching = function () {\n return (\n (list.filtered && list.searched && item.found && item.filtered) ||\n (list.filtered && !list.searched && item.filtered) ||\n (!list.filtered && list.searched && item.found) ||\n (!list.filtered && !list.searched)\n )\n }\n\n this.visible = function () {\n return item.elm && item.elm.parentNode == list.list ? true : false\n }\n\n init(initValues, element, notCreate)\n }\n}\n" }, { "path": "src/pagination.js", "content": "var classes = require('./utils/classes'),\n events = require('./utils/events'),\n List = require('./index')\n\nmodule.exports = function (list) {\n var isHidden = false\n\n var refresh = function (pagingList, options) {\n if (list.page < 1) {\n list.listContainer.style.display = 'none'\n isHidden = true\n return\n } else if (isHidden) {\n list.listContainer.style.display = 'block'\n }\n\n var item,\n l = list.matchingItems.length,\n index = list.i,\n page = list.page,\n pages = Math.ceil(l / page),\n currentPage = Math.ceil(index / page),\n innerWindow = options.innerWindow || 2,\n left = options.left || options.outerWindow || 0,\n right = options.right || options.outerWindow || 0\n\n right = pages - right\n pagingList.clear()\n for (var i = 1; i <= pages; i++) {\n var className = currentPage === i ? 'active' : ''\n\n //console.log(i, left, right, currentPage, (currentPage - innerWindow), (currentPage + innerWindow), className);\n\n if (is.number(i, left, right, currentPage, innerWindow)) {\n item = pagingList.add({\n page: i,\n dotted: false,\n })[0]\n if (className) {\n classes(item.elm).add(className)\n }\n item.elm.firstChild.setAttribute('data-i', i)\n item.elm.firstChild.setAttribute('data-page', page)\n } else if (is.dotted(pagingList, i, left, right, currentPage, innerWindow, pagingList.size())) {\n item = pagingList.add({\n page: '...',\n dotted: true,\n })[0]\n classes(item.elm).add('disabled')\n }\n }\n }\n\n var is = {\n number: function (i, left, right, currentPage, innerWindow) {\n return this.left(i, left) || this.right(i, right) || this.innerWindow(i, currentPage, innerWindow)\n },\n left: function (i, left) {\n return i <= left\n },\n right: function (i, right) {\n return i > right\n },\n innerWindow: function (i, currentPage, innerWindow) {\n return i >= currentPage - innerWindow && i <= currentPage + innerWindow\n },\n dotted: function (pagingList, i, left, right, currentPage, innerWindow, currentPageItem) {\n return (\n this.dottedLeft(pagingList, i, left, right, currentPage, innerWindow) ||\n this.dottedRight(pagingList, i, left, right, currentPage, innerWindow, currentPageItem)\n )\n },\n dottedLeft: function (pagingList, i, left, right, currentPage, innerWindow) {\n return i == left + 1 && !this.innerWindow(i, currentPage, innerWindow) && !this.right(i, right)\n },\n dottedRight: function (pagingList, i, left, right, currentPage, innerWindow, currentPageItem) {\n if (pagingList.items[currentPageItem - 1].values().dotted) {\n return false\n } else {\n return i == right && !this.innerWindow(i, currentPage, innerWindow) && !this.right(i, right)\n }\n },\n }\n\n return function (options) {\n var pagingList = new List(list.listContainer.id, {\n listClass: options.paginationClass || 'pagination',\n item: options.item || \"
\nList.js: Add Search, Sort and Flexibility to HTML Lists or Tables - https://t.co/ygEp2Tk7Pu (“Native” JavaScript, no dependencies.)
— JavaScript Daily (@JavaScriptDaily) May 18, 2013
\nMan, List.js is sooo nice to work with - https://t.co/eCTLBFMY
— Rusty Meadows (@rameadows) July 16, 2012
\nI don't use this lib, but the logo looks super nice @javve https://t.co/wGtQSvRkXH
— Jordi Maylin (@j_maylin) September 10, 2013
\nHoly crap, think I'll be using List.js with my Spine.JS app very very soon. https://t.co/59AZLxYT
— Ken Collins (@metaskills) January 27, 2012
\nI released my os project List.js ( https://t.co/SX5UdDKE ) yesterday, today its #1 at Hacker News, omg. https://t.co/hTo9CTmF #happy
— Jonny Strömberg (@javve) October 20, 2011- \",\n valueNames: ['page', 'dotted'],\n searchClass: 'pagination-search-that-is-not-supposed-to-exist',\n sortClass: 'pagination-sort-that-is-not-supposed-to-exist',\n })\n\n events.bind(pagingList.listContainer, 'click', function (e) {\n var target = e.target || e.srcElement,\n page = list.utils.getAttribute(target, 'data-page'),\n i = list.utils.getAttribute(target, 'data-i')\n if (i) {\n list.show((i - 1) * page + 1, page)\n }\n })\n\n list.on('updated', function () {\n refresh(pagingList, options)\n })\n refresh(pagingList, options)\n }\n}\n" }, { "path": "src/parse.js", "content": "module.exports = function (list) {\n var Item = require('./item')(list)\n\n var getChildren = function (parent) {\n var nodes = parent.childNodes,\n items = []\n for (var i = 0, il = nodes.length; i < il; i++) {\n // Only textnodes have a data attribute\n if (nodes[i].data === undefined) {\n items.push(nodes[i])\n }\n }\n return items\n }\n\n var parse = function (itemElements, valueNames) {\n for (var i = 0, il = itemElements.length; i < il; i++) {\n list.items.push(new Item(valueNames, itemElements[i]))\n }\n }\n var parseAsync = function (itemElements, valueNames) {\n var itemsToIndex = itemElements.splice(0, 50) // TODO: If < 100 items, what happens in IE etc?\n parse(itemsToIndex, valueNames)\n if (itemElements.length > 0) {\n setTimeout(function () {\n parseAsync(itemElements, valueNames)\n }, 1)\n } else {\n list.update()\n list.trigger('parseComplete')\n }\n }\n\n list.handlers.parseComplete = list.handlers.parseComplete || []\n\n return function () {\n var itemsToIndex = getChildren(list.list),\n valueNames = list.valueNames\n\n if (list.indexAsync) {\n parseAsync(itemsToIndex, valueNames)\n } else {\n parse(itemsToIndex, valueNames)\n }\n }\n}\n" }, { "path": "src/search.js", "content": "module.exports = function (list) {\n var item, text, columns, searchString, customSearch\n\n var prepare = {\n resetList: function () {\n list.i = 1\n list.templater.clear()\n customSearch = undefined\n },\n setOptions: function (args) {\n if (args.length == 2 && args[1] instanceof Array) {\n columns = args[1]\n } else if (args.length == 2 && typeof args[1] == 'function') {\n columns = undefined\n customSearch = args[1]\n } else if (args.length == 3) {\n columns = args[1]\n customSearch = args[2]\n } else {\n columns = undefined\n }\n },\n setColumns: function () {\n if (list.items.length === 0) return\n if (columns === undefined) {\n columns = list.searchColumns === undefined ? prepare.toArray(list.items[0].values()) : list.searchColumns\n }\n },\n setSearchString: function (s) {\n s = list.utils.toString(s).toLowerCase()\n s = s.replace(/[-[\\]{}()*+?.,\\\\^$|#]/g, '\\\\$&') // Escape regular expression characters\n searchString = s\n },\n toArray: function (values) {\n var tmpColumn = []\n for (var name in values) {\n tmpColumn.push(name)\n }\n return tmpColumn\n },\n }\n var search = {\n list: function () {\n // Extract quoted phrases \"word1 word2\" from original searchString\n // searchString is converted to lowercase by List.js\n var words = [],\n phrase,\n ss = searchString\n while ((phrase = ss.match(/\"([^\"]+)\"/)) !== null) {\n words.push(phrase[1])\n ss = ss.substring(0, phrase.index) + ss.substring(phrase.index + phrase[0].length)\n }\n // Get remaining space-separated words (if any)\n ss = ss.trim()\n if (ss.length) words = words.concat(ss.split(/\\s+/))\n for (var k = 0, kl = list.items.length; k < kl; k++) {\n var item = list.items[k]\n item.found = false\n if (!words.length) continue\n for (var i = 0, il = words.length; i < il; i++) {\n var word_found = false\n for (var j = 0, jl = columns.length; j < jl; j++) {\n var values = item.values(),\n column = columns[j]\n if (values.hasOwnProperty(column) && values[column] !== undefined && values[column] !== null) {\n var text = typeof values[column] !== 'string' ? values[column].toString() : values[column]\n if (text.toLowerCase().indexOf(words[i]) !== -1) {\n // word found, so no need to check it against any other columns\n word_found = true\n break\n }\n }\n }\n // this word not found? no need to check any other words, the item cannot match\n if (!word_found) break\n }\n item.found = word_found\n }\n },\n // Removed search.item() and search.values()\n reset: function () {\n list.reset.search()\n list.searched = false\n },\n }\n\n var searchMethod = function (str) {\n list.trigger('searchStart')\n\n prepare.resetList()\n prepare.setSearchString(str)\n prepare.setOptions(arguments) // str, cols|searchFunction, searchFunction\n prepare.setColumns()\n\n if (searchString === '') {\n search.reset()\n } else {\n list.searched = true\n if (customSearch) {\n customSearch(searchString, columns)\n } else {\n search.list()\n }\n }\n\n list.update()\n list.trigger('searchComplete')\n return list.visibleItems\n }\n\n list.handlers.searchStart = list.handlers.searchStart || []\n list.handlers.searchComplete = list.handlers.searchComplete || []\n\n list.utils.events.bind(\n list.utils.getByClass(list.listContainer, list.searchClass),\n 'keyup',\n list.utils.events.debounce(function (e) {\n var target = e.target || e.srcElement, // IE have srcElement\n alreadyCleared = target.value === '' && !list.searched\n if (!alreadyCleared) {\n // If oninput already have resetted the list, do nothing\n searchMethod(target.value)\n }\n }, list.searchDelay)\n )\n\n // Used to detect click on HTML5 clear button\n list.utils.events.bind(list.utils.getByClass(list.listContainer, list.searchClass), 'input', function (e) {\n var target = e.target || e.srcElement\n if (target.value === '') {\n searchMethod('')\n }\n })\n\n return searchMethod\n}\n" }, { "path": "src/sort.js", "content": "module.exports = function (list) {\n var buttons = {\n els: undefined,\n clear: function () {\n for (var i = 0, il = buttons.els.length; i < il; i++) {\n list.utils.classes(buttons.els[i]).remove('asc')\n list.utils.classes(buttons.els[i]).remove('desc')\n }\n },\n getOrder: function (btn) {\n var predefinedOrder = list.utils.getAttribute(btn, 'data-order')\n if (predefinedOrder == 'asc' || predefinedOrder == 'desc') {\n return predefinedOrder\n } else if (list.utils.classes(btn).has('desc')) {\n return 'asc'\n } else if (list.utils.classes(btn).has('asc')) {\n return 'desc'\n } else {\n return 'asc'\n }\n },\n getInSensitive: function (btn, options) {\n var insensitive = list.utils.getAttribute(btn, 'data-insensitive')\n if (insensitive === 'false') {\n options.insensitive = false\n } else {\n options.insensitive = true\n }\n },\n setOrder: function (options) {\n for (var i = 0, il = buttons.els.length; i < il; i++) {\n var btn = buttons.els[i]\n if (list.utils.getAttribute(btn, 'data-sort') !== options.valueName) {\n continue\n }\n var predefinedOrder = list.utils.getAttribute(btn, 'data-order')\n if (predefinedOrder == 'asc' || predefinedOrder == 'desc') {\n if (predefinedOrder == options.order) {\n list.utils.classes(btn).add(options.order)\n }\n } else {\n list.utils.classes(btn).add(options.order)\n }\n }\n },\n }\n\n var sort = function () {\n list.trigger('sortStart')\n var options = {}\n\n var target = arguments[0].currentTarget || arguments[0].srcElement || undefined\n\n if (target) {\n options.valueName = list.utils.getAttribute(target, 'data-sort')\n buttons.getInSensitive(target, options)\n options.order = buttons.getOrder(target)\n } else {\n options = arguments[1] || options\n options.valueName = arguments[0]\n options.order = options.order || 'asc'\n options.insensitive = typeof options.insensitive == 'undefined' ? true : options.insensitive\n }\n\n buttons.clear()\n buttons.setOrder(options)\n\n // caseInsensitive\n // alphabet\n var customSortFunction = options.sortFunction || list.sortFunction || null,\n multi = options.order === 'desc' ? -1 : 1,\n sortFunction\n\n if (customSortFunction) {\n sortFunction = function (itemA, itemB) {\n return customSortFunction(itemA, itemB, options) * multi\n }\n } else {\n sortFunction = function (itemA, itemB) {\n var sort = list.utils.naturalSort\n sort.alphabet = list.alphabet || options.alphabet || undefined\n if (!sort.alphabet && options.insensitive) {\n sort = list.utils.naturalSort.caseInsensitive\n }\n return sort(itemA.values()[options.valueName], itemB.values()[options.valueName]) * multi\n }\n }\n\n list.items.sort(sortFunction)\n list.update()\n list.trigger('sortComplete')\n }\n\n // Add handlers\n list.handlers.sortStart = list.handlers.sortStart || []\n list.handlers.sortComplete = list.handlers.sortComplete || []\n\n buttons.els = list.utils.getByClass(list.listContainer, list.sortClass)\n list.utils.events.bind(buttons.els, 'click', sort)\n list.on('searchStart', buttons.clear)\n list.on('filterStart', buttons.clear)\n\n return sort\n}\n" }, { "path": "src/templater.js", "content": "var Templater = function (list) {\n var createItem,\n templater = this\n\n var init = function () {\n var itemSource\n\n if (typeof list.item === 'function') {\n createItem = function (values) {\n var item = list.item(values)\n return getItemSource(item)\n }\n return\n }\n\n if (typeof list.item === 'string') {\n if (list.item.indexOf('<') === -1) {\n itemSource = document.getElementById(list.item)\n } else {\n itemSource = getItemSource(list.item)\n }\n } else {\n /* If item source does not exists, use the first item in list as\n source for new items */\n itemSource = getFirstListItem()\n }\n\n if (!itemSource) {\n throw new Error(\"The list needs to have at least one item on init otherwise you'll have to add a template.\")\n }\n\n itemSource = createCleanTemplateItem(itemSource, list.valueNames)\n\n createItem = function () {\n return itemSource.cloneNode(true)\n }\n }\n\n var createCleanTemplateItem = function (templateNode, valueNames) {\n var el = templateNode.cloneNode(true)\n el.removeAttribute('id')\n\n for (var i = 0, il = valueNames.length; i < il; i++) {\n var elm = undefined,\n valueName = valueNames[i]\n if (valueName.data) {\n for (var j = 0, jl = valueName.data.length; j < jl; j++) {\n el.setAttribute('data-' + valueName.data[j], '')\n }\n } else if (valueName.attr && valueName.name) {\n elm = list.utils.getByClass(el, valueName.name, true)\n if (elm) {\n elm.setAttribute(valueName.attr, '')\n }\n } else {\n elm = list.utils.getByClass(el, valueName, true)\n if (elm) {\n elm.innerHTML = ''\n }\n }\n }\n return el\n }\n\n var getFirstListItem = function () {\n var nodes = list.list.childNodes\n\n for (var i = 0, il = nodes.length; i < il; i++) {\n // Only textnodes have a data attribute\n if (nodes[i].data === undefined) {\n return nodes[i].cloneNode(true)\n }\n }\n return undefined\n }\n\n var getItemSource = function (itemHTML) {\n if (typeof itemHTML !== 'string') return undefined\n if (/
- \n
\\\n
')\n\n $(document.body).append(listEl)\n\n var list = new List(\n 'list',\n {\n valueNames: ['name'],\n item: function (values) {\n return `\\\n
')\n $(document.body).append(listEl)\n\n expect(function () {\n var list = new List('list', {\n valueNames: ['name'],\n })\n }).toThrow()\n listEl.remove()\n })\n })\n\n describe('Without items and with HTML template', function () {\n var listEl = $('\\\n
')\n\n var templateEl = $('\\\n
'\n )\n\n it('should contain one item', function (done) {\n $(document.body).append(listEl)\n var list = new List('list', {\n valueNames: ['name'],\n indexAsync: true,\n parseComplete: function (list) {\n expect(listEl.find('li').length).toEqual(162)\n listEl.remove()\n done()\n },\n })\n })\n })\n})\n"
},
{
"path": "__test__/defaults.test.js",
"content": "const $ = require('jquery'),\n fixture = require('./fixtures')\n\ndescribe('Defaults', function () {\n var list\n\n beforeAll(function () {\n list = fixture.list(['name'], [{ name: 'Jonny' }])\n })\n\n afterAll(function () {\n fixture.removeList()\n })\n\n it('should have all default attributes', function () {\n expect(list.items).toBeInstanceOf(Array)\n expect(list.visibleItems).toBeInstanceOf(Array)\n expect(list.matchingItems).toBeInstanceOf(Array)\n\n expect(list.handlers.updated).toBeInstanceOf(Array)\n expect(list.handlers.searchStart).toBeInstanceOf(Array)\n expect(list.handlers.searchComplete).toBeInstanceOf(Array)\n expect(list.handlers.sortStart).toBeInstanceOf(Array)\n expect(list.handlers.sortComplete).toBeInstanceOf(Array)\n expect(list.handlers.filterStart).toBeInstanceOf(Array)\n expect(list.handlers.filterComplete).toBeInstanceOf(Array)\n\n expect(list.searched).toBe(false)\n expect(list.filtered).toBe(false)\n expect(list.i).toEqual(1)\n expect(list.page).toEqual(10000)\n expect(list.listClass).toEqual('list')\n expect(list.sortClass).toEqual('sort')\n expect(list.searchClass).toEqual('search')\n })\n\n it('should have the right elements', function () {\n expect(list.list).toEqual($('.list')[0])\n expect(list.listContainer).toEqual($('#list')[0])\n })\n\n it('should have all default methods', function () {\n expect(list.add).toBeInstanceOf(Function)\n expect(list.remove).toBeInstanceOf(Function)\n expect(list.get).toBeInstanceOf(Function)\n expect(list.sort).toBeInstanceOf(Function)\n expect(list.search).toBeInstanceOf(Function)\n expect(list.clear).toBeInstanceOf(Function)\n expect(list.filter).toBeInstanceOf(Function)\n expect(list.size).toBeInstanceOf(Function)\n expect(list.show).toBeInstanceOf(Function)\n expect(list.update).toBeInstanceOf(Function)\n expect(list.on).toBeInstanceOf(Function)\n })\n\n it('should have all helper methods', function () {\n expect(list.utils.classes).toBeInstanceOf(Function)\n expect(list.utils.getAttribute).toBeInstanceOf(Function)\n expect(list.utils.getByClass).toBeInstanceOf(Function)\n expect(list.utils.naturalSort).toBeInstanceOf(Function)\n expect(list.utils.events.bind).toBeInstanceOf(Function)\n expect(list.utils.events.unbind).toBeInstanceOf(Function)\n expect(list.utils.extend).toBeInstanceOf(Function)\n expect(list.utils.indexOf).toBeInstanceOf(Function)\n expect(list.utils.toString).toBeInstanceOf(Function)\n })\n})\n"
},
{
"path": "__test__/filter.test.js",
"content": "const fixture = require('./fixtures')\n\ndescribe('Filter', function () {\n var list, jonny, martina, angelica, sebastian, imma, hasse\n\n beforeAll(function () {\n list = fixture.list(['name', 'born'], fixture.all)\n jonny = list.get('name', 'Jonny Strömberg')[0]\n martina = list.get('name', 'Martina Elm')[0]\n angelica = list.get('name', 'Angelica Abraham')[0]\n sebastian = list.get('name', 'Sebastian Höglund')[0]\n imma = list.get('name', 'Imma Grafström')[0]\n hasse = list.get('name', 'Hasse Strömberg')[0]\n })\n\n afterAll(function () {\n fixture.removeList()\n })\n\n afterEach(function () {\n list.filter()\n list.show(1, 200)\n })\n\n describe('Basics', function () {\n it('should return everyone born after 1988', function () {\n var result = list.filter(function (item) {\n return item.values().born > 1988\n })\n expect(result.length).toEqual(1)\n expect(result[0]).toEqual(sebastian)\n })\n it('should return everyone born 1986', function () {\n var result = list.filter(function (item) {\n return item.values().born == 1986\n })\n expect(result.length).toEqual(3)\n for (var i = 0; i < result.length; i++) {\n expect(result[i].values().born).toEqual('1986')\n }\n })\n })\n\n describe('Show and pages', function () {\n it('should return the visible items', function () {\n list.show(1, 2)\n var result = list.filter(function (item) {\n return item.values().born > 1985\n })\n expect(result).toEqual(list.visibleItems)\n })\n\n it('should return be 2 visible items and 3 matching', function () {\n list.show(1, 2)\n var result = list.filter(function (item) {\n return item.values().born > 1985\n })\n expect(result.length).toEqual(2)\n expect(list.visibleItems.length).toEqual(2)\n expect(list.matchingItems.length).toEqual(4)\n })\n\n describe('Specific items', function () {\n beforeEach(function () {\n list.show(1, 2)\n var result = list.filter(function (item) {\n return item.values().born > 1985\n })\n })\n it('should match jonny', function () {\n expect(jonny.matching()).toBe(true)\n expect(jonny.filtered).toBe(true)\n expect(jonny.visible()).toBe(true)\n })\n it('should match martina', function () {\n expect(martina.matching()).toBe(true)\n expect(martina.filtered).toBe(true)\n expect(martina.visible()).toBe(true)\n })\n it('should match but not show angelica', function () {\n expect(angelica.matching()).toBe(true)\n expect(angelica.filtered).toBe(true)\n expect(angelica.visible()).toBe(false)\n })\n it('should match but not show sebastian', function () {\n expect(sebastian.matching()).toBe(true)\n expect(sebastian.filtered).toBe(true)\n expect(sebastian.visible()).toBe(false)\n })\n it('should not match imma', function () {\n expect(imma.matching()).toBe(false)\n expect(imma.filtered).toBe(false)\n expect(imma.visible()).toBe(false)\n })\n it('should not match hasse', function () {\n expect(hasse.matching()).toBe(false)\n expect(hasse.filtered).toBe(false)\n expect(hasse.visible()).toBe(false)\n })\n })\n })\n})\n"
},
{
"path": "__test__/fixtures-fuzzysearch.js",
"content": "const $ = require('jquery')\n\nvar fixtureFuzzysearch = {\n list: function (valueNames) {\n var listHtml = $('- \\\n
\\\n
'\n )\n )\n\n list = new List('parse-list', {\n valueNames: ['name', 'born'],\n })\n })\n\n afterEach(function () {\n $('#parse-list').remove()\n })\n\n it('should have two items', function () {\n expect(list.items.length).toEqual(2)\n expect(list.items[0].values().name).toEqual('Jonny')\n expect(list.items[1].values().name).toEqual('Jocke')\n })\n it('should add item to parsed list', function () {\n list.add({ name: 'Sven', born: 1950 })\n expect(list.items.length).toEqual(3)\n expect(list.items[0].values().name).toEqual('Jonny')\n expect(list.items[1].values().name).toEqual('Jocke')\n expect(list.items[2].values().name).toEqual('Sven')\n expect(list.items[0].values().born).toEqual('1986')\n expect(list.items[2].values().born).toEqual(1950)\n var el = $($('#parse-list').find('.list div')[2])\n expect(el.find('span').length).toEqual(2)\n expect(el.find('span.name').text()).toEqual('Sven')\n expect(el.find('span.born').text()).toEqual('1950')\n })\n it('should parsed value always be string while added could be number', function () {\n list.add({ name: 'Sven', born: 1950 })\n expect(list.items[0].values().born).toEqual('1986')\n expect(list.items[0].values().born).not.toEqual(1986)\n expect(list.items[2].values().born).not.toEqual('1950')\n expect(list.items[2].values().born).toEqual(1950)\n })\n })\n\n describe('Parse data', function () {\n var list\n\n beforeEach(function () {\n $('body').append(\n $(\n ''\n )\n )\n\n list = new List('parse-list', {\n valueNames: [\n 'name',\n 'born',\n { data: ['id'] },\n { attr: 'src', name: 'image' },\n { attr: 'href', name: 'link' },\n { attr: 'value', name: 'foo' },\n { attr: 'data-timestamp', name: 'timestamp' },\n ],\n })\n })\n\n afterEach(function () {\n $('#parse-list').remove()\n })\n\n it('should get values from class, data, src, value and child els data-attribute', function () {\n expect(list.items.length).toEqual(2)\n var jonny = list.items[0].values()\n expect(jonny.name).toEqual('Jonny')\n expect(jonny.born).toEqual('1986')\n expect(jonny.id).toEqual('1')\n expect(jonny.image).toEqual('usage/boba.jpeg')\n expect(jonny.timestamp).toEqual('54321')\n expect(jonny.foo).toEqual('Bar')\n })\n it('should add item to list with class, data and src', function () {\n list.add({\n name: 'Sven',\n born: 1950,\n id: 4,\n image: 'usage/rey.jpeg',\n link: 'localhost',\n timestamp: '1337',\n foo: 'hej',\n })\n expect(list.items.length).toEqual(3)\n var sven = list.items[2].values()\n expect(sven.name).toEqual('Sven')\n expect(sven.born).toEqual(1950)\n expect(sven.id).toEqual(4)\n expect(sven.image).toEqual('usage/rey.jpeg')\n expect(sven.link).toEqual('localhost')\n expect(sven.timestamp).toEqual('1337')\n expect(sven.foo).toEqual('hej')\n var el = $($('#parse-list').find('.list div')[2])\n expect(el.data('id')).toEqual(4)\n expect(el.find('.name').text()).toEqual('Sven')\n expect(el.find('.born').text()).toEqual('1950')\n expect(el.find('.image').attr('src')).toEqual('usage/rey.jpeg')\n expect(el.find('.link').attr('href')).toEqual('localhost')\n expect(el.find('.timestamp').data('timestamp')).toEqual(1337)\n expect(el.find('.foo').val()).toEqual('hej')\n })\n })\n})\n"
},
{
"path": "__test__/re-index.test.js",
"content": "const $ = require('jquery'),\n fixture = require('./fixtures')\n\ndescribe('ReIndex', function () {\n var list, jonny, martina, angelica, sebastian, imma, hasse\n\n beforeAll(function () {\n list = fixture.list(['name', 'born'], fixture.all)\n })\n\n afterAll(function () {\n fixture.removeList()\n })\n\n afterEach(function () {\n list.show(1, 200)\n })\n it('should return everyone born after 1988', function () {\n expect(list.toJSON()).toEqual([\n { name: 'Jonny Strömberg', born: '1986' },\n { name: 'Martina Elm', born: '1986' },\n { name: 'Angelica Abraham', born: '1986' },\n { name: 'Sebastian Höglund', born: '1989' },\n { name: 'Imma Grafström', born: '1953' },\n { name: 'Hasse Strömberg', born: '1955' },\n ])\n var newHtml = '\\\n
\\\n Jonny1986
\\\n Jocke1985
\\\n ![](\"usage/boba.jpeg\")
\\\n \\\n ![](\"usage/leia.jpeg\")
\\\n \\\n