(function (global, factory) {

[0] Fix | Delete

typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() :

[1] Fix | Delete

typeof define === 'function' && define.amd ? define(factory) :

[2] Fix | Delete

(global = global || self, global.autocomplete = factory());

[3] Fix | Delete

}(this, function () { 'use strict';

[4] Fix | Delete

[5] Fix | Delete

/*

[6] Fix | Delete

* https://github.com/kraaden/autocomplete

[7] Fix | Delete

* Copyright (c) 2016 Denys Krasnoshchok

[8] Fix | Delete

* MIT License

[9] Fix | Delete

*/

[10] Fix | Delete

function autocomplete(settings) {

[11] Fix | Delete

// just an alias to minimize JS file size

[12] Fix | Delete

var doc = document;

[13] Fix | Delete

var container = doc.createElement("div");

[14] Fix | Delete

var containerStyle = container.style;

[15] Fix | Delete

var userAgent = navigator.userAgent;

[16] Fix | Delete

var mobileFirefox = userAgent.indexOf("Firefox") !== -1 && userAgent.indexOf("Mobile") !== -1;

[17] Fix | Delete

var debounceWaitMs = settings.debounceWaitMs || 0;

[18] Fix | Delete

var preventSubmit = settings.preventSubmit || false;

[19] Fix | Delete

// 'keyup' event will not be fired on Mobile Firefox, so we have to use 'input' event instead

[20] Fix | Delete

var keyUpEventName = mobileFirefox ? "input" : "keyup";

[21] Fix | Delete

var items = [];

[22] Fix | Delete

var inputValue = "";

[23] Fix | Delete

var minLen = 2;

[24] Fix | Delete

var showOnFocus = settings.showOnFocus;

[25] Fix | Delete

var selected;

[26] Fix | Delete

var keypressCounter = 0;

[27] Fix | Delete

var debounceTimer;

[28] Fix | Delete

if (settings.minLength !== undefined) {

[29] Fix | Delete

minLen = settings.minLength;

[30] Fix | Delete

}

[31] Fix | Delete

if (!settings.input) {

[32] Fix | Delete

throw new Error("input undefined");

[33] Fix | Delete

}

[34] Fix | Delete

var input = settings.input;

[35] Fix | Delete

container.className = "autocomplete " + (settings.className || "");

[36] Fix | Delete

containerStyle.position = "fixed";

[37] Fix | Delete

/**

[38] Fix | Delete

* Detach the container from DOM

[39] Fix | Delete

*/

[40] Fix | Delete

function detach() {

[41] Fix | Delete

var parent = container.parentNode;

[42] Fix | Delete

if (parent) {

[43] Fix | Delete

parent.removeChild(container);

[44] Fix | Delete

}

[45] Fix | Delete

}

[46] Fix | Delete

/**

[47] Fix | Delete

* Clear debouncing timer if assigned

[48] Fix | Delete

*/

[49] Fix | Delete

function clearDebounceTimer() {

[50] Fix | Delete

if (debounceTimer) {

[51] Fix | Delete

window.clearTimeout(debounceTimer);

[52] Fix | Delete

}

[53] Fix | Delete

}

[54] Fix | Delete

/**

[55] Fix | Delete

* Attach the container to DOM

[56] Fix | Delete

*/

[57] Fix | Delete

function attach() {

[58] Fix | Delete

if (!container.parentNode) {

[59] Fix | Delete

doc.body.appendChild(container);

[60] Fix | Delete

}

[61] Fix | Delete

}

[62] Fix | Delete

/**

[63] Fix | Delete

* Check if container for autocomplete is displayed

[64] Fix | Delete

*/

[65] Fix | Delete

function containerDisplayed() {

[66] Fix | Delete

return !!container.parentNode;

[67] Fix | Delete

}

[68] Fix | Delete

/**

[69] Fix | Delete

* Clear autocomplete state and hide container

[70] Fix | Delete

*/

[71] Fix | Delete

function clear() {

[72] Fix | Delete

keypressCounter++;

[73] Fix | Delete

items = [];

[74] Fix | Delete

inputValue = "";

[75] Fix | Delete

selected = undefined;

[76] Fix | Delete

detach();

[77] Fix | Delete

}

[78] Fix | Delete

/**

[79] Fix | Delete

* Update autocomplete position

[80] Fix | Delete

*/

[81] Fix | Delete

function updatePosition() {

[82] Fix | Delete

if (!containerDisplayed()) {

[83] Fix | Delete

return;

[84] Fix | Delete

}

[85] Fix | Delete

containerStyle.height = "auto";

[86] Fix | Delete

containerStyle.width = input.offsetWidth + "px";

[87] Fix | Delete

var inputRect = input.getBoundingClientRect();

[88] Fix | Delete

var top = inputRect.top + input.offsetHeight;

[89] Fix | Delete

var maxHeight = window.innerHeight - top;

[90] Fix | Delete

if (maxHeight < 0) {

[91] Fix | Delete

maxHeight = 0;

[92] Fix | Delete

}

[93] Fix | Delete

containerStyle.top = top + "px";

[94] Fix | Delete

containerStyle.bottom = "";

[95] Fix | Delete

containerStyle.left = inputRect.left + "px";

[96] Fix | Delete

containerStyle.maxHeight = maxHeight + "px";

[97] Fix | Delete

if (settings.customize) {

[98] Fix | Delete

settings.customize(input, inputRect, container, maxHeight);

[99] Fix | Delete

}

[100] Fix | Delete

}

[101] Fix | Delete

/**

[102] Fix | Delete

* Redraw the autocomplete div element with suggestions

[103] Fix | Delete

*/

[104] Fix | Delete

function update() {

[105] Fix | Delete

// delete all children from autocomplete DOM container

[106] Fix | Delete

while (container.firstChild) {

[107] Fix | Delete

container.removeChild(container.firstChild);

[108] Fix | Delete

}

[109] Fix | Delete

// function for rendering autocomplete suggestions

[110] Fix | Delete

var render = function (item, currentValue) {

[111] Fix | Delete

var itemElement = doc.createElement("div");

[112] Fix | Delete

itemElement.textContent = item.label || "";

[113] Fix | Delete

return itemElement;

[114] Fix | Delete

};

[115] Fix | Delete

if (settings.render) {

[116] Fix | Delete

render = settings.render;

[117] Fix | Delete

}

[118] Fix | Delete

// function to render autocomplete groups

[119] Fix | Delete

var renderGroup = function (groupName, currentValue) {

[120] Fix | Delete

var groupDiv = doc.createElement("div");

[121] Fix | Delete

groupDiv.textContent = groupName;

[122] Fix | Delete

return groupDiv;

[123] Fix | Delete

};

[124] Fix | Delete

if (settings.renderGroup) {

[125] Fix | Delete

renderGroup = settings.renderGroup;

[126] Fix | Delete

}

[127] Fix | Delete

var fragment = doc.createDocumentFragment();

[128] Fix | Delete

var prevGroup = "#9?$";

[129] Fix | Delete

items.forEach(function (item) {

[130] Fix | Delete

if (item.group && item.group !== prevGroup) {

[131] Fix | Delete

prevGroup = item.group;

[132] Fix | Delete

var groupDiv = renderGroup(item.group, inputValue);

[133] Fix | Delete

if (groupDiv) {

[134] Fix | Delete

groupDiv.className += " group";

[135] Fix | Delete

fragment.appendChild(groupDiv);

[136] Fix | Delete

}

[137] Fix | Delete

}

[138] Fix | Delete

var div = render(item, inputValue);

[139] Fix | Delete

if (div) {

[140] Fix | Delete

div.addEventListener("click", function (ev) {

[141] Fix | Delete

settings.onSelect(item, input);

[142] Fix | Delete

clear();

[143] Fix | Delete

ev.preventDefault();

[144] Fix | Delete

ev.stopPropagation();

[145] Fix | Delete

});

[146] Fix | Delete

if (item === selected) {

[147] Fix | Delete

div.className += " selected";

[148] Fix | Delete

}

[149] Fix | Delete

fragment.appendChild(div);

[150] Fix | Delete

}

[151] Fix | Delete

});

[152] Fix | Delete

container.appendChild(fragment);

[153] Fix | Delete

if (items.length < 1) {

[154] Fix | Delete

if (settings.emptyMsg) {

[155] Fix | Delete

var empty = doc.createElement("div");

[156] Fix | Delete

empty.className = "empty";

[157] Fix | Delete

empty.textContent = settings.emptyMsg;

[158] Fix | Delete

container.appendChild(empty);

[159] Fix | Delete

}

[160] Fix | Delete

else {

[161] Fix | Delete

clear();

[162] Fix | Delete

return;

[163] Fix | Delete

}

[164] Fix | Delete

}

[165] Fix | Delete

attach();

[166] Fix | Delete

updatePosition();

[167] Fix | Delete

updateScroll();

[168] Fix | Delete

}

[169] Fix | Delete

function updateIfDisplayed() {

[170] Fix | Delete

if (containerDisplayed()) {

[171] Fix | Delete

update();

[172] Fix | Delete

}

[173] Fix | Delete

}

[174] Fix | Delete

function resizeEventHandler() {

[175] Fix | Delete

updateIfDisplayed();

[176] Fix | Delete

}

[177] Fix | Delete

function scrollEventHandler(e) {

[178] Fix | Delete

if (e.target !== container) {

[179] Fix | Delete

updateIfDisplayed();

[180] Fix | Delete

}

[181] Fix | Delete

else {

[182] Fix | Delete

e.preventDefault();

[183] Fix | Delete

}

[184] Fix | Delete

}

[185] Fix | Delete

function keyupEventHandler(ev) {

[186] Fix | Delete

var keyCode = ev.which || ev.keyCode || 0;

[187] Fix | Delete

var ignore = [38 /* Up */, 13 /* Enter */, 27 /* Esc */, 39 /* Right */, 37 /* Left */, 16 /* Shift */, 17 /* Ctrl */, 18 /* Alt */, 20 /* CapsLock */, 91 /* WindowsKey */, 9 /* Tab */];

[188] Fix | Delete

for (var _i = 0, ignore_1 = ignore; _i < ignore_1.length; _i++) {

[189] Fix | Delete

var key = ignore_1[_i];

[190] Fix | Delete

if (keyCode === key) {

[191] Fix | Delete

return;

[192] Fix | Delete

}

[193] Fix | Delete

}

[194] Fix | Delete

// the down key is used to open autocomplete

[195] Fix | Delete

if (keyCode === 40 /* Down */ && containerDisplayed()) {

[196] Fix | Delete

return;

[197] Fix | Delete

}

[198] Fix | Delete

startFetch(0 /* Keyboard */);

[199] Fix | Delete

}

[200] Fix | Delete

/**

[201] Fix | Delete

* Automatically move scroll bar if selected item is not visible

[202] Fix | Delete

*/

[203] Fix | Delete

function updateScroll() {

[204] Fix | Delete

var elements = container.getElementsByClassName("selected");

[205] Fix | Delete

if (elements.length > 0) {

[206] Fix | Delete

var element = elements[0];

[207] Fix | Delete

// make group visible

[208] Fix | Delete

var previous = element.previousElementSibling;

[209] Fix | Delete

if (previous && previous.className.indexOf("group") !== -1 && !previous.previousElementSibling) {

[210] Fix | Delete

element = previous;

[211] Fix | Delete

}

[212] Fix | Delete

if (element.offsetTop < container.scrollTop) {

[213] Fix | Delete

container.scrollTop = element.offsetTop;

[214] Fix | Delete

}

[215] Fix | Delete

else {

[216] Fix | Delete

var selectBottom = element.offsetTop + element.offsetHeight;

[217] Fix | Delete

var containerBottom = container.scrollTop + container.offsetHeight;

[218] Fix | Delete

if (selectBottom > containerBottom) {

[219] Fix | Delete

container.scrollTop += selectBottom - containerBottom;

[220] Fix | Delete

}

[221] Fix | Delete

}

[222] Fix | Delete

}

[223] Fix | Delete

}

[224] Fix | Delete

/**

[225] Fix | Delete

* Select the previous item in suggestions

[226] Fix | Delete

*/

[227] Fix | Delete

function selectPrev() {

[228] Fix | Delete

if (items.length < 1) {

[229] Fix | Delete

selected = undefined;

[230] Fix | Delete

}

[231] Fix | Delete

else {

[232] Fix | Delete

if (selected === items[0]) {

[233] Fix | Delete

selected = items[items.length - 1];

[234] Fix | Delete

}

[235] Fix | Delete

else {

[236] Fix | Delete

for (var i = items.length - 1; i > 0; i--) {

[237] Fix | Delete

if (selected === items[i] || i === 1) {

[238] Fix | Delete

selected = items[i - 1];

[239] Fix | Delete

break;

[240] Fix | Delete

}

[241] Fix | Delete

}

[242] Fix | Delete

}

[243] Fix | Delete

}

[244] Fix | Delete

}

[245] Fix | Delete

/**

[246] Fix | Delete

* Select the next item in suggestions

[247] Fix | Delete

*/

[248] Fix | Delete

function selectNext() {

[249] Fix | Delete

if (items.length < 1) {

[250] Fix | Delete

selected = undefined;

[251] Fix | Delete

}

[252] Fix | Delete

if (!selected || selected === items[items.length - 1]) {

[253] Fix | Delete

selected = items[0];

[254] Fix | Delete

return;

[255] Fix | Delete

}

[256] Fix | Delete

for (var i = 0; i < (items.length - 1); i++) {

[257] Fix | Delete

if (selected === items[i]) {

[258] Fix | Delete

selected = items[i + 1];

[259] Fix | Delete

break;

[260] Fix | Delete

}

[261] Fix | Delete

}

[262] Fix | Delete

}

[263] Fix | Delete

function keydownEventHandler(ev) {

[264] Fix | Delete

var keyCode = ev.which || ev.keyCode || 0;

[265] Fix | Delete

if (keyCode === 38 /* Up */ || keyCode === 40 /* Down */ || keyCode === 27 /* Esc */) {

[266] Fix | Delete

var containerIsDisplayed = containerDisplayed();

[267] Fix | Delete

if (keyCode === 27 /* Esc */) {

[268] Fix | Delete

clear();

[269] Fix | Delete

}

[270] Fix | Delete

else {

[271] Fix | Delete

if (!containerDisplayed || items.length < 1) {

[272] Fix | Delete

return;

[273] Fix | Delete

}

[274] Fix | Delete

keyCode === 38 /* Up */

[275] Fix | Delete

? selectPrev()

[276] Fix | Delete

: selectNext();

[277] Fix | Delete

update();

[278] Fix | Delete

}

[279] Fix | Delete

ev.preventDefault();

[280] Fix | Delete

if (containerIsDisplayed) {

[281] Fix | Delete

ev.stopPropagation();

[282] Fix | Delete

}

[283] Fix | Delete

return;

[284] Fix | Delete

}

[285] Fix | Delete

if (keyCode === 13 /* Enter */) {

[286] Fix | Delete

if (selected) {

[287] Fix | Delete

settings.onSelect(selected, input);

[288] Fix | Delete

clear();

[289] Fix | Delete

}

[290] Fix | Delete

if (preventSubmit) {

[291] Fix | Delete

ev.preventDefault();

[292] Fix | Delete

}

[293] Fix | Delete

}

[294] Fix | Delete

}

[295] Fix | Delete

function focusEventHandler() {

[296] Fix | Delete

if (showOnFocus) {

[297] Fix | Delete

startFetch(1 /* Focus */);

[298] Fix | Delete

}

[299] Fix | Delete

}

[300] Fix | Delete

function startFetch(trigger) {

[301] Fix | Delete

// if multiple keys were pressed, before we get update from server,

[302] Fix | Delete

// this may cause redrawing our autocomplete multiple times after the last key press.

[303] Fix | Delete

// to avoid this, the number of times keyboard was pressed will be

[304] Fix | Delete

// saved and checked before redraw our autocomplete box.

[305] Fix | Delete

var savedKeypressCounter = ++keypressCounter;

[306] Fix | Delete

var val = input.value;

[307] Fix | Delete

if (val.length >= minLen || trigger === 1 /* Focus */) {

[308] Fix | Delete

clearDebounceTimer();

[309] Fix | Delete

debounceTimer = window.setTimeout(function () {

[310] Fix | Delete

settings.fetch(val, function (elements) {

[311] Fix | Delete

if (keypressCounter === savedKeypressCounter && elements) {

[312] Fix | Delete

items = elements;

[313] Fix | Delete

inputValue = val;

[314] Fix | Delete

selected = items.length > 0 ? items[0] : undefined;

[315] Fix | Delete

update();

[316] Fix | Delete

}

[317] Fix | Delete

}, 0 /* Keyboard */);

[318] Fix | Delete

}, trigger === 0 /* Keyboard */ ? debounceWaitMs : 0);

[319] Fix | Delete

}

[320] Fix | Delete

else {

[321] Fix | Delete

clear();

[322] Fix | Delete

}

[323] Fix | Delete

}

[324] Fix | Delete

function blurEventHandler() {

[325] Fix | Delete

// we need to delay clear, because when we click on an item, blur will be called before click and remove items from DOM

[326] Fix | Delete

setTimeout(function () {

[327] Fix | Delete

if (doc.activeElement !== input) {

[328] Fix | Delete

clear();

[329] Fix | Delete

}

[330] Fix | Delete

}, 200);

[331] Fix | Delete

}

[332] Fix | Delete

/**

[333] Fix | Delete

* Fixes #26: on long clicks focus will be lost and onSelect method will not be called

[334] Fix | Delete

*/

[335] Fix | Delete

container.addEventListener("mousedown", function (evt) {

[336] Fix | Delete

evt.stopPropagation();

[337] Fix | Delete

evt.preventDefault();

[338] Fix | Delete

});

[339] Fix | Delete

/**

[340] Fix | Delete

* This function will remove DOM elements and clear event handlers

[341] Fix | Delete

*/

[342] Fix | Delete

function destroy() {

[343] Fix | Delete

input.removeEventListener("focus", focusEventHandler);

[344] Fix | Delete

input.removeEventListener("keydown", keydownEventHandler);

[345] Fix | Delete

input.removeEventListener(keyUpEventName, keyupEventHandler);

[346] Fix | Delete

input.removeEventListener("blur", blurEventHandler);

[347] Fix | Delete

window.removeEventListener("resize", resizeEventHandler);

[348] Fix | Delete

doc.removeEventListener("scroll", scrollEventHandler, true);

[349] Fix | Delete

clearDebounceTimer();

[350] Fix | Delete

clear();

[351] Fix | Delete

// prevent the update call if there are pending AJAX requests

[352] Fix | Delete

keypressCounter++;

[353] Fix | Delete

}

[354] Fix | Delete

// setup event handlers

[355] Fix | Delete

input.addEventListener("keydown", keydownEventHandler);

[356] Fix | Delete

input.addEventListener(keyUpEventName, keyupEventHandler);

[357] Fix | Delete

input.addEventListener("blur", blurEventHandler);

[358] Fix | Delete

input.addEventListener("focus", focusEventHandler);

[359] Fix | Delete

window.addEventListener("resize", resizeEventHandler);

[360] Fix | Delete

doc.addEventListener("scroll", scrollEventHandler, true);

[361] Fix | Delete

return {

[362] Fix | Delete

destroy: destroy

[363] Fix | Delete

};

[364] Fix | Delete

}

[365] Fix | Delete

[366] Fix | Delete

return autocomplete;

[367] Fix | Delete

[368] Fix | Delete

}));

[369] Fix | Delete

//# sourceMappingURL=autocomplete.js.map

[370] Fix | Delete

[371] Fix | Delete