// JavaScript autoComplete v1.0.4
// https://github.com/Pixabay/JavaScript-autoComplete
var autoComplete = function () { function e(e) { function t(e, t) { return e.classList ? e.classList.contains(t) : new RegExp("\\b" + t + "\\b").test(e.className) } function o(e, t, o) { e.attachEvent ? e.attachEvent("on" + t, o) : e.addEventListener(t, o) } function s(e, t, o) { e.detachEvent ? e.detachEvent("on" + t, o) : e.removeEventListener(t, o) } function n(e, s, n, l) { o(l || document, s, function (o) { for (var s, l = o.target || o.srcElement; l && !(s = t(l, e));)l = l.parentElement; s && n.call(l, o) }) } if (document.querySelector) { var l = { selector: 0, source: 0, minChars: 3, delay: 150, offsetLeft: 0, offsetTop: 1, cache: 1, menuClass: "", renderItem: function (e, t) { t = t.replace(/[-\/\\^$*+?.()|[\]{}]/g, "\\$&"); var o = new RegExp("(" + t.split(" ").join("|") + ")", "gi"); return '<div class="autocomplete-suggestion" data-val="' + e + '">' + e.replace(o, "<b>$1</b>") + "</div>" }, onSelect: function () { } }; for (var c in e) e.hasOwnProperty(c) && (l[c] = e[c]); for (var a = "object" == typeof l.selector ? [l.selector] : document.querySelectorAll(l.selector), u = 0; u < a.length; u++) { var i = a[u]; i.sc = document.createElement("div"), i.sc.className = "autocomplete-suggestions " + l.menuClass, i.autocompleteAttr = i.getAttribute("autocomplete"), i.setAttribute("autocomplete", "off"), i.cache = {}, i.last_val = "", i.updateSC = function (e, t) { var o = i.getBoundingClientRect(); if (i.sc.style.left = Math.round(o.left + (window.pageXOffset || document.documentElement.scrollLeft) + l.offsetLeft) + "px", i.sc.style.top = Math.round(o.bottom + (window.pageYOffset || document.documentElement.scrollTop) + l.offsetTop) + "px", i.sc.style.width = Math.round(o.right - o.left) + "px", !e && (i.sc.style.display = "block", i.sc.maxHeight || (i.sc.maxHeight = parseInt((window.getComputedStyle ? getComputedStyle(i.sc, null) : i.sc.currentStyle).maxHeight)), i.sc.suggestionHeight || (i.sc.suggestionHeight = i.sc.querySelector(".autocomplete-suggestion").offsetHeight), i.sc.suggestionHeight)) if (t) { var s = i.sc.scrollTop, n = t.getBoundingClientRect().top - i.sc.getBoundingClientRect().top; n + i.sc.suggestionHeight - i.sc.maxHeight > 0 ? i.sc.scrollTop = n + i.sc.suggestionHeight + s - i.sc.maxHeight : 0 > n && (i.sc.scrollTop = n + s) } else i.sc.scrollTop = 0 }, o(window, "resize", i.updateSC), document.body.appendChild(i.sc), n("autocomplete-suggestion", "mouseleave", function () { var e = i.sc.querySelector(".autocomplete-suggestion.selected"); e && setTimeout(function () { e.className = e.className.replace("selected", "") }, 20) }, i.sc), n("autocomplete-suggestion", "mouseover", function () { var e = i.sc.querySelector(".autocomplete-suggestion.selected"); e && (e.className = e.className.replace("selected", "")), this.className += " selected" }, i.sc), n("autocomplete-suggestion", "mousedown", function (e) { if (t(this, "autocomplete-suggestion")) { var o = this.getAttribute("data-val"); i.value = o, l.onSelect(e, o, this), i.sc.style.display = "none" } }, i.sc), i.blurHandler = function () { try { var e = document.querySelector(".autocomplete-suggestions:hover") } catch (t) { var e = 0 } e ? i !== document.activeElement && setTimeout(function () { i.focus() }, 20) : (i.last_val = i.value, i.sc.style.display = "none", setTimeout(function () { i.sc.style.display = "none" }, 350)) }, o(i, "blur", i.blurHandler); var r = function (e) { var t = i.value; if (i.cache[t] = e, e.length && t.length >= l.minChars) { for (var o = "", s = 0; s < e.length; s++)o += l.renderItem(e[s], t); i.sc.innerHTML = o, i.updateSC(0) } else i.sc.style.display = "none" }; i.keydownHandler = function (e) { var t = window.event ? e.keyCode : e.which; if ((40 == t || 38 == t) && i.sc.innerHTML) { var o, s = i.sc.querySelector(".autocomplete-suggestion.selected"); return s ? (o = 40 == t ? s.nextSibling : s.previousSibling, o ? (s.className = s.className.replace("selected", ""), o.className += " selected", i.value = o.getAttribute("data-val")) : (s.className = s.className.replace("selected", ""), i.value = i.last_val, o = 0)) : (o = 40 == t ? i.sc.querySelector(".autocomplete-suggestion") : i.sc.childNodes[i.sc.childNodes.length - 1], o.className += " selected", i.value = o.getAttribute("data-val")), i.updateSC(0, o), !1 } if (27 == t) i.value = i.last_val, i.sc.style.display = "none"; else if (13 == t || 9 == t) { var s = i.sc.querySelector(".autocomplete-suggestion.selected"); s && "none" != i.sc.style.display && (l.onSelect(e, s.getAttribute("data-val"), s), setTimeout(function () { i.sc.style.display = "none" }, 20)) } }, o(i, "keydown", i.keydownHandler), i.keyupHandler = function (e) { var t = window.event ? e.keyCode : e.which; if (!t || (35 > t || t > 40) && 13 != t && 27 != t) { var o = i.value; if (o.length >= l.minChars) { if (o != i.last_val) { if (i.last_val = o, clearTimeout(i.timer), l.cache) { if (o in i.cache) return void r(i.cache[o]); for (var s = 1; s < o.length - l.minChars; s++) { var n = o.slice(0, o.length - s); if (n in i.cache && !i.cache[n].length) return void r([]) } } i.timer = setTimeout(function () { l.source(o, r) }, l.delay) } } else i.last_val = o, i.sc.style.display = "none" } }, o(i, "keyup", i.keyupHandler), i.focusHandler = function (e) { i.last_val = "\n", i.keyupHandler(e) }, l.minChars || o(i, "focus", i.focusHandler) } this.destroy = function () { for (var e = 0; e < a.length; e++) { var t = a[e]; s(window, "resize", t.updateSC), s(t, "blur", t.blurHandler), s(t, "focus", t.focusHandler), s(t, "keydown", t.keydownHandler), s(t, "keyup", t.keyupHandler), t.autocompleteAttr ? t.setAttribute("autocomplete", t.autocompleteAttr) : t.removeAttribute("autocomplete"), document.body.removeChild(t.sc), t = null } } } } return e }(); !function () { "function" == typeof define && define.amd ? define("autoComplete", function () { return autoComplete }) : "undefined" != typeof module && module.exports ? module.exports = autoComplete : window.autoComplete = autoComplete }();