autocomplete.min.js

"use strict"; function _instanceof(e, t) { return null != t && "undefined" != typeof Symbol && t[Symbol.hasInstance] ? !!t[Symbol.hasInstance](e) : e instanceof t } function _classCallCheck(e, t) { if (!_instanceof(e, t)) throw new TypeError("Cannot call a class as a function") } function _defineProperties(e, t) { for (var n = 0; n < t.length; n++) { var r = t[n]; r.enumerable = r.enumerable || !1, r.configurable = !0, "value" in r && (r.writable = !0), Object.defineProperty(e, r.key, r) } } function _createClass(e, t, n) { return t && _defineProperties(e.prototype, t), n && _defineProperties(e, n), e } var AutoComplete = function () { function e(t, n) { var r = this; _classCallCheck(this, e), this.element = t, this.data = n, this.filterData = [], this.checkChoSung = !0, this.element.addEventListener("keyup", function () { return r.element.value.length ? r._dataFiltering() : r.element.parentNode.querySelector("ul").style.display = "none" }) } return _createClass(e, [{ key: "_serchResultMake", value: function () { var e = this; this.element.parentNode.querySelector("ul") && this.element.parentNode.removeChild(this.element.parentNode.querySelector("ul")); var t = document.createElement("ul"); this.filterData.map(function (n) { for (var r = document.createElement("li"), a = "", l = 0; l < n.length; l++)a += n[l] === e.element.value[l - n.indexOf(e.element.value)] ? "<span>".concat(n[l], "</span>") : n[l]; r.innerHTML = a, t.appendChild(r); for (var i = 0; i < r.querySelectorAll("span").length; i++)r.querySelectorAll("span")[i].style.color = "red" }), this.element.parentNode.appendChild(t) } }, { key: "_dataFiltering", value: function () { var e = this; this._checkChoSung(), this.filterData = this.data.filter(function (t) { return e._checkInArray(e._toKorChars(t), e._toKorChars(e.element.value)) }), 0 === this.filterData.length && (this.filterData = this.data.filter(function (t) { return t.indexOf(e.element.value) >= 0 && e.element.value.length >= 2 })), this.element.value.length ? this._serchResultMake() : this.element.parentNode.querySelector("ul").style.display = "none" } }, { key: "_checkInArray", value: function (e, t) { for (var n = [], r = !0, a = 0; a < t.length; a++)n.push(e[a] === t[a]); for (var l = 0; l < n.length; l++)n[l] || (r = !1); return !!r } }, { key: "_checkChoSung", value: function () { for (var e, t = this.element.value, n = 0; n < this.element.value.length; n++)32 !== (e = t.charCodeAt(n)) && (this.checkChoSung = !(e < 44032 || e > 55203)) } }, { key: "_toKorChars", value: function (e) { for (var t, n, r, a, l = ["ㄱ", "ㄲ", "ㄴ", "ㄷ", "ㄸ", "ㄹ", "ㅁ", "ㅂ", "ㅃ", "ㅅ", "ㅆ", "ㅇ", "ㅈ", "ㅉ", "ㅊ", "ㅋ", "ㅌ", "ㅍ", "ㅎ"], i = ["ㅏ", "ㅐ", "ㅑ", "ㅒ", "ㅓ", "ㅔ", "ㅕ", "ㅖ", "ㅗ", "ㅘ", "ㅙ", "ㅚ", "ㅛ", "ㅜ", "ㅝ", "ㅞ", "ㅟ", "ㅠ", "ㅡ", "ㅢ", "ㅣ"], o = ["", "ㄱ", "ㄲ", "ㄳ", "ㄴ", "ㄵ", "ㄶ", "ㄷ", "ㄹ", "ㄺ", "ㄻ", "ㄼ", "ㄽ", "ㄾ", "ㄿ", "ㅀ", "ㅁ", "ㅂ", "ㅄ", "ㅅ", "ㅆ", "ㅇ", "ㅈ", "ㅊ", "ㅋ", "ㅌ", "ㅍ", "ㅎ"], h = e, s = h.length, u = [], c = [], f = 0; f < s; f++)32 !== (a = h.charCodeAt(f)) && (a < 44032 || a > 55203 ? (u.push(h.charAt(f)), c.push(h.charAt(f))) : (t = (((a = h.charCodeAt(f) - 44032) - (r = a % 28)) / 28 - (n = (a - r) / 28 % 21)) / 21, u.push(l[t], i[n]), c.push(l[t]), "" !== o[r] && u.push(o[r]))); return this.checkChoSung ? u : c } }]), e }();