// Awesomplete - Lea Verou - MIT license
! function() {
    function t(t) {
        var e = Array.isArray(t) ? {
            label: t[0],
            value: t[1]
        } : "object" == typeof t && t != null && "label" in t && "value" in t ? t : {
            label: t,
            value: t
        };
        this.label = e.label || e.value, this.value = e.value, this.type = e.type
    }

    function e(t, e, i) {
        for (var n in e) {
            var s = e[n],
                r = t.input.getAttribute("data-" + n.toLowerCase());
            "number" == typeof s ? t[n] = parseInt(r) : !1 === s ? t[n] = null !== r : s instanceof Function ? t[n] = null : t[n] = r, t[n] || 0 === t[n] || (t[n] = n in i ? i[n] : s)
        }
    }

    function i(t, e) {
        return "string" == typeof t ? (e || document).querySelector(t) : t || null
    }

    function n(t, e) {
        return o.call((e || document).querySelectorAll(t))
    }

    function s() {
        n("input.awesomplete").forEach(function(t) {
            new r(t)
        })
    }
    var r = function(t, n) {
        var s = this;
        this.isOpened = !1, this.input = i(t), this.input.setAttribute("autocomplete", "off"), this.input.setAttribute("aria-autocomplete", "list"), n = n || {}, e(this, {
            minChars: 2,
            maxItems: 10,
            autoFirst: !1,
            data: r.DATA,
            filter: r.FILTER_CONTAINS,
            sort: !1 !== n.sort && r.SORT_BYLENGTH,
            item: r.ITEM,
            replace: r.REPLACE
        }, n), this.index = -1, this.container = i.create("div", {
            className: "awesomplete",
            around: t
        }), this.ul = i.create("ul", {
            hidden: "hidden",
            inside: this.container
        }), this.status = i.create("span", {
            className: "visually-hidden",
            role: "status",
            "aria-live": "assertive",
            "aria-relevant": "additions",
            inside: this.container
        }), this._events = {
            input: {
                input: this.evaluate.bind(this),
                blur: this.close.bind(this, {
                    reason: "blur"
                }),
                keypress: function(t) {
                    var e = t.keyCode;

                    if (s.opened) { 

                        switch(e) {
                            case 13: //RETURN
                                if (s.selected == true){
                                    t.preventDefault();
                                    s.select();
                                    break;
                                }
                            case 66: 
                                break;
                            case 27: //ESC
                                s.close({reason: "esc"});
                                break;
                        }
                        console.log(s);
                        console.log(s.selected);
                    }
                },
                keydown: function(t) {
                    var e = t.keyCode

                    if (s.opened) {
                        switch(e) {
                            case 9: //TAB
                                if (s.selected == true){
                                    t.preventDefault();
                                    s.select();
                                    break;
                                }
                            case 38: //up arrow
                                t.preventDefault();
                                s["previous"]();
                                break;
                            case 40:   
                                t.preventDefault();
                                s["next"]();
                                break;
                        }
                    }
                }
            },
            form: {
                submit: this.close.bind(this, {
                    reason: "submit"
                })
            },
            ul: {
                mousedown: function(t) {
                    var e = t.target;
                    if (e !== this) {
                        for (; e && !/li/i.test(e.nodeName);) e = e.parentNode;
                        e && 0 === t.button && (t.preventDefault(), s.select(e, t.target))
                    }
                }
            }
        }, i.bind(this.input, this._events.input), i.bind(this.input.form, this._events.form), i.bind(this.ul, this._events.ul), this.input.hasAttribute("list") ? (this.list = "#" + this.input.getAttribute("list"), this.input.removeAttribute("list")) : this.list = this.input.getAttribute("data-list") || n.list || [], r.all.push(this)
    };
    r.prototype = {
        set list(t) {
            if (Array.isArray(t)) this._list = t;
            else if ("string" == typeof t && t.indexOf(",") > -1) this._list = t.split(/\s*,\s*/);
            else if ((t = i(t)) && t.children) {
                var e = [];
                o.apply(t.children).forEach(function(t) {
                    if (!t.disabled) {
                        var i = t.textContent.trim(),
                            n = t.value || i,
                            s = t.label || i;
                        "" !== n && e.push({
                            label: s,
                            value: n
                        })
                    }
                }), this._list = e
            }
            document.activeElement === this.input && this.evaluate()
        },
        get selected() {
            return this.index > -1
        },
        get opened() {
            return this.isOpened
        },
        close: function(t) {
            this.opened && (this.ul.setAttribute("hidden", ""), this.isOpened = !1, this.index = -1, i.fire(this.input, "awesomplete-close", t || {}))
        },
        open: function() {
            this.ul.removeAttribute("hidden"), this.isOpened = !0, this.autoFirst && -1 === this.index && this.goto(0), i.fire(this.input, "awesomplete-open")
        },
        destroy: function() {
            i.unbind(this.input, this._events.input), i.unbind(this.input.form, this._events.form);
            var t = this.container.parentNode;
            t.insertBefore(this.input, this.container), t.removeChild(this.container), this.input.removeAttribute("autocomplete"), this.input.removeAttribute("aria-autocomplete");
            var e = r.all.indexOf(this); - 1 !== e && r.all.splice(e, 1)
        },
        next: function() {
            var t = this.ul.children.length;
            this.goto(this.index < t - 1 ? this.index + 1 : t ? 0 : -1)
        },
        previous: function() {
            var t = this.ul.children.length,
                e = this.index - 1;
            this.goto(this.selected && -1 !== e ? e : t - 1)
        },
        goto: function(t) {
            var e = this.ul.children;
            this.selected && e[this.index].setAttribute("aria-selected", "false"), this.index = t, t > -1 && e.length > 0 && (e[t].setAttribute("aria-selected", "true"), this.status.textContent = e[t].textContent, this.ul.scrollTop = e[t].offsetTop - this.ul.clientHeight + e[t].clientHeight, i.fire(this.input, "awesomplete-highlight", {
                text: this.suggestions[this.index]
            }))
        },
        select: function(t, e) {
            if (t ? this.index = i.siblingIndex(t) : t = this.ul.children[this.index], t) {
                var n = this.suggestions[this.index];
                i.fire(this.input, "awesomplete-select", {
                    text: n,
                    origin: e || t
                }) && (this.replace(n), this.close({
                    reason: "select"
                }), i.fire(this.input, "awesomplete-selectcomplete", {
                    text: n
                }))
            }
        },
        evaluate: function() {
            var e = this,
                i = this.input.value;
            i.length >= this.minChars && this._list.length > 0 ? (this.index = -1, this.ul.innerHTML = "", this.suggestions = this._list.map(function(n) {
                return new t(e.data(n, i))
            }).filter(function(t) {
                return e.filter(t, i)
            }), !1 !== this.sort && (this.suggestions = this.suggestions.sort(this.sort)), this.suggestions = this.suggestions.slice(0, this.maxItems), this.suggestions.forEach(function(t) {
                e.ul.appendChild(e.item(t, i))
            }), 0 === this.ul.children.length ? this.close({
                reason: "nomatches"
            }) : this.open()) : this.close({
                reason: "nomatches"
            })
        }
    }, r.all = [], r.FILTER_CONTAINS = function(t, e) {
        return RegExp(i.regExpEscape(e.trim()), "i").test(t)
    }, r.FILTER_STARTSWITH = function(t, e) {
        return RegExp("^" + i.regExpEscape(e.trim()), "i").test(t)
    }, r.SORT_BYLENGTH = function(t, e) {
        return t.length !== e.length ? t.length - e.length : t < e ? -1 : 1
    }, r.ITEM = function(t, e) {
        return i.create("li", {
            innerHTML: "" === e.trim() ? t : t.replace(RegExp(i.regExpEscape(e.trim()), "gi"), "<mark>$&</mark>"),
            "aria-selected": "false"
        })
    }, r.REPLACE = function(t) {
        this.input.value = t.value
    }, r.DATA = function(t) {
        return t
    }, Object.defineProperty(t.prototype = Object.create(String.prototype), "length", {
        get: function() {
            return this.label.length
        }
    }), t.prototype.toString = t.prototype.valueOf = function() {
        return "" + this.label
    };
    var o = Array.prototype.slice;
    i.create = function(t, e) {
        var n = document.createElement(t);
        for (var s in e) {
            var r = e[s];
            if ("inside" === s) i(r).appendChild(n);
            else if ("around" === s) {
                var o = i(r);
                o.parentNode.insertBefore(n, o), n.appendChild(o)
            } else s in n ? n[s] = r : n.setAttribute(s, r)
        }
        return n
    }, i.bind = function(t, e) {
        if (t)
            for (var i in e) {
                var n = e[i];
                i.split(/\s+/).forEach(function(e) {
                    t.addEventListener(e, n)
                })
            }
    }, i.unbind = function(t, e) {
        if (t)
            for (var i in e) {
                var n = e[i];
                i.split(/\s+/).forEach(function(e) {
                    t.removeEventListener(e, n)
                })
            }
    }, i.fire = function(t, e, i) {
        var n = document.createEvent("HTMLEvents");
        n.initEvent(e, !0, !0);
        for (var s in i) n[s] = i[s];
        return t.dispatchEvent(n)
    }, i.regExpEscape = function(t) {
        return t.replace(/[-\\^$*+?.()|[\]{}]/g, "\\$&")
    }, i.siblingIndex = function(t) {
        for (var e = 0; t = t.previousElementSibling; e++);
        return e
    }, "undefined" != typeof Document && ("loading" !== document.readyState ? s() : document.addEventListener("DOMContentLoaded", s)), r.$ = i, r.$$ = n, "undefined" != typeof self && (self.Awesomplete = r), "object" == typeof module && module.exports && (module.exports = r)
}();

var decodeEntities = (function() {
    // this prevents any overhead from creating the object each time
    var element = document.createElement('div');
  
    function decodeHTMLEntities (str) {
      if(str && typeof str === 'string') {
        // strip script/html tags
        str = str.replace(/<script[^>]*>([\S\s]*?)<\/script>/gmi, '');
        str = str.replace(/<\/?\w(?:[^"'>]|"[^"]*"|'[^']*')*>/gmi, '');
        element.innerHTML = str;
        str = element.textContent;
        element.textContent = '';
      }
  
      return str;
    }
  
    return decodeHTMLEntities;
})();


function setUp(elem) {
    var a;

    if (elem != null) {
        var linput = "";
        elem.oninput = function(evt) {
            var val = evt.target.value;
            val = val.match(/[^ -][^ ]*$/);
            if (val != null) {
                val = val[0]
                if (evt.keyCode == 32) {
                    a.list = [];
                } else {
                    var ajax = new XMLHttpRequest();
                    ajax.open("GET", "/public/autocomplete.php?q=" + val, true);
                    ajax.onload = function() {
                        var list = JSON.parse(ajax.responseText);
                        if (list.length > 0 && list[0] === "error") {
                            return;
                        }
                        a.list = list;
                        a.evaluate();
                        a._events.input.keydown(evt);
                    };
                    ajax.send();
                }
            }
        };

        a = new Awesomplete(elem, {
            minChars: 1,
            list: [],
            filter: function(text, input) {
                var match = input.match(/[^ -][^ ]*$/);
                return Awesomplete.FILTER_STARTSWITH(text.value, match != null ? match[0] : "");
            },
            sort: false,
            item: function(text, input) {
                var ITEM = function (text, input) {
                    var html = input.trim() === "" ? text.label : text.label.replace(RegExp(Awesomplete.$.regExpEscape(input.trim()), "gi"), "<mark>$&</mark>");

                    console.log(text);
                    return Awesomplete.$.create("li", {
                        innerHTML: html,
                        "aria-selected": "false",
                        className: "tag-type-" + text.type
                    });
                };
                //console.log({text: text, input: input});
                //console.log(text.label);
                var match = input.match(/[^ -][^ ]*$/);
                return ITEM(text, match != null ? match[0] : "");
            }, 

            replace: function(text) {
                
                var before = this.input.value.match(/^(.+ )?[\s-]*|/)[0];
                this.input.value = before + decodeEntities(text.value) + " ";
            }
        })
    }
}

function autocomplete_setup() {
    var doAutocomplete = localStorage.getItem("doAutocomplete");
    if (doAutocomplete == null) {
        doAutocomplete = "true";
        localStorage.setItem("doAutocomplete", doAutocomplete);
    }

    

    if (doAutocomplete == "true") {
        document.querySelectorAll('#tags, *[name="my_tags"], #stags, *[name="tags"]').forEach(function(e) {
            setUp(e);
        });
    }

    if (document.querySelector("#showAutocomplete") != null) {
        if (doAutocomplete == "true") {
            document.querySelector("#showAutocomplete").checked = true;
        }

        document.querySelector("#showAutocomplete").onchange = function(evt) {
            if (evt.target.checked) {
                localStorage.setItem("doAutocomplete", "true");
            } else {
                localStorage.setItem("doAutocomplete", "false");
            }

            if (document.querySelector("#tags") != null) {
                location.reload();
            }
        }
    }
}

window.addEventListener('DOMContentLoaded', function(){
    autocomplete_setup();
});