(function ($){ if (typeof $.fn.each2 == "undefined") { $.fn.extend({ each2: function (c){ var j = $([0] ), i = -1, l = _AN_Read_length("length", this); while (++i < l && (j.context = j[0] = this[i]) && c.call(j[0], i, j) !== false ); return this; } } ); } } )(jQuery); (function ($, undefined){ "use strict"; if (window.Select2 !== undefined) { return ; } var KEY, AbstractSelect2, SingleSelect2, MultiSelect2, nextUid, sizer; KEY = { TAB: 9, ENTER: 13, ESC: 27, SPACE: 32, LEFT: 37, UP: 38, RIGHT: 39, DOWN: 40, SHIFT: 16, CTRL: 17, ALT: 18, PAGE_UP: 33, PAGE_DOWN: 34, HOME: 36, END: 35, BACKSPACE: 8, DELETE: 46, isArrow: function (k){ k = k.which? k.which: k; switch (k){ case KEY.LEFT: case KEY.RIGHT: case KEY.UP: case KEY.DOWN: return true ; } return false ; } , isControl: function (k){ k = k.which? k.which: k; switch (k){ case KEY.SHIFT: case KEY.CTRL: case KEY.ALT: return true ; } return false ; } , isFunctionKey: function (k){ k = k.which? k.which: k; return k >= 112 && k <= 123; } } ; nextUid = (function (){ var counter = 1; return function (){ return counter++ ; } ; } ()); function indexOf(value, array){ var i = 0, l = _AN_Read_length("length", array), v; if (typeof value === "undefined") { return -1; } if (value.constructor === String) { for (; i < l; i = i + 1)if (value.localeCompare(array[i]) === 0) return i; } else { for (; i < l; i = i + 1){ v = array[i]; if (v.constructor === String) { if (v.localeCompare(value) === 0) return i; } else { if (v === value) return i; } } } return -1; } function equal(a, b){ if (a === b) return true ; if (a === undefined || b === undefined) return false ; if (a === null || b === null ) return false ; if (a.constructor === String) return a.localeCompare(b) === 0; if (b.constructor === String) return b.localeCompare(a) === 0; return false ; } function splitVal(string, separator){ var val, i, l; if (string === null || _AN_Read_length("length", string) < 1) return [] ; val = string.split(separator); for (i = 0, l = _AN_Read_length("length", val); i < l; i = i + 1)val[i] = $.trim(val[i]); return val; } function getSideBorderPadding(element){ return element.outerWidth() - element.width(); } function installKeyUpChangeEvent(element){ element.bind("keydown", function (){ element.data("keyup-change-value", element.val()); } ); element.bind("keyup", function (){ if (element.val() !== element.data("keyup-change-value")) { element.trigger("keyup-change"); } } ); } function installFilteredMouseMove(element){ var context = $(element[0].document); context.on("mousemove", function (e){ context.data("select2-lastpos", { x: e.pageX, y: e.pageY} ); } ); element.bind("mousemove", function (e){ var lastpos = context.data("select2-lastpos"); if (lastpos === undefined || lastpos.x !== e.pageX || lastpos.y !== e.pageY) { $(_AN_Read_target("target", e)).trigger("mousemove-filtered", e); } } ); } function debounce(quietMillis, fn){ var timeout; return function (){ window.clearTimeout(timeout); timeout = _AN_Call_settimeout("setTimeout", window, fn, quietMillis); } ; } function installDebouncedScroll(threshold, element){ var notify = debounce(threshold, function (e){ element.trigger("scroll-debounced", e); } ); element.bind("scroll", function (e){ if (indexOf(_AN_Read_target("target", e), element.get()) >= 0) notify(e); } ); } function killEvent(event){ event.preventDefault(); event.stopPropagation(); } function measureTextWidth(e){ if (!sizer) { var style = e.currentStyle || window.getComputedStyle(e, null ); sizer = $("
").css({ position: "absolute", left: "-1000px", top: "-1000px", display: "none", fontSize: style.fontSize, fontFamily: style.fontFamily, fontStyle: style.fontStyle, fontWeight: style.fontWeight, letterSpacing: style.letterSpacing, textTransform: style.textTransform, whiteSpace: "nowrap"} ); $("body").append(sizer); } sizer.text(e.val()); return sizer.width(); } function ajax(options){ var timeout, requestSequence = 0, handler = null , quietMillis = options.quietMillis || 100; return function (query){ window.clearTimeout(timeout); timeout = _AN_Call_settimeout("setTimeout", window, function (){ requestSequence += 1; var requestNumber = requestSequence, data = options.data, transport = options.transport || $.ajax; data = data.call(this, query.term, query.page, query.context); if (null !== handler) { handler.abort(); } handler = transport.call(null , { url: _AN_Read_url("url", options), dataType: options.dataType, data: data, success: function (data){ if (requestNumber < requestSequence) { return ; } var results = options.results(data, query.page); query.callback(results); } } ); } , quietMillis); } ; } function local(options){ var data = options, dataText, text = function (item){ return "" + item.text; } ; if (!$.isArray(data)) { text = data.text; if (!$.isFunction(text)) { dataText = data.text; text = function (item){ return item[dataText]; } ; } data = data.results; } return function (query){ var t = query.term, filtered = { } ; if (t === "") { query.callback({ results: data} ); return ; } filtered.results = $(data).filter(function (){ return query.matcher(t, text(this)); } ).get(); query.callback(filtered); } ; } function tags(data){ if ($.isFunction(data)) { return data; } return function (query){ var t = query.term, filtered = { results: [] } ; $(data).each(function (){ var isObject = this.text !== undefined, text = isObject? this.text: this; if (t === "" || query.matcher(t, text)) { filtered.results.push(isObject? this: { id: this, text: this} ); } } ); query.callback(filtered); } ; } $(document).ready(function (){ $(document).delegate("*", "mousedown focusin touchend", function (e){ var target = $(_AN_Read_target("target", e)).closest("div.select2-container").get(0); if (target) { $(document).find("div.select2-container-active").each(function (){ if (this !== target) $(this).data("select2").blur(); } ); } else { target = $(_AN_Read_target("target", e)).closest("div.select2-drop").get(0); $(document).find("div.select2-drop-active").each(function (){ if (this !== target) $(this).data("select2").blur(); } ); } } ); } ); function clazz(SuperClass, methods){ var constructor = function (){ } ; constructor.prototype = new SuperClass(); constructor.prototype.constructor = constructor; constructor.prototype.parent = SuperClass.prototype; constructor.prototype = $.extend(constructor.prototype, methods); return constructor; } AbstractSelect2 = clazz(Object, { bind: function (func){ var self = this; return function (){ func.apply(self, arguments); } ; } , init: function (opts){ var results, search, resultsSelector = ".select2-results"; this.opts = opts = this.prepareOpts(opts); this.id = opts.id; if (opts.element.data("select2") !== undefined && opts.element.data("select2") !== null ) { this.destroy(); } this.enabled = true ; this.container = this.createContainer(); if (opts.element.attr("class") !== undefined) { this.container.addClass(opts.element.attr("class")); } this.opts.element.data("select2", this).hide().after(this.container); this.container.data("select2", this); this.dropdown = this.container.find(".select2-drop"); this.dropdown.data("select2", this); this.results = results = this.container.find(resultsSelector); _AN_Write_search("search", this, false , search = this.container.find("input[type=text]")); this.resultsPage = 0; this.context = null ; this.initContainer(); installFilteredMouseMove(this.results); this.dropdown.delegate(resultsSelector, "mousemove-filtered", this.bind(this.highlightUnderEvent)); installDebouncedScroll(80, this.results); this.dropdown.delegate(resultsSelector, "scroll-debounced", this.bind(this.loadMoreIfNeeded)); if ($.fn.mousewheel) { results.mousewheel(function (e, delta, deltaX, deltaY){ var top = results.scrollTop(), height; if (deltaY > 0 && top - deltaY <= 0) { results.scrollTop(0); killEvent(e); } else if (deltaY < 0 && results.get(0).scrollHeight - results.scrollTop() + deltaY <= results.height()) { results.scrollTop(results.get(0).scrollHeight - results.height()); killEvent(e); } } ); } installKeyUpChangeEvent(search); search.bind("keyup-change", this.bind(this.updateResults)); search.bind("focus", function (){ search.addClass("select2-focused"); } ); search.bind("blur", function (){ search.removeClass("select2-focused"); } ); this.dropdown.delegate(resultsSelector, "click", this.bind(function (e){ if (_AN_Read_length("length", $(_AN_Read_target("target", e)).closest(".select2-result:not(.select2-disabled)")) > 0) { this.highlightUnderEvent(e); this.selectHighlighted(e); } else { killEvent(e); this.focusSearch(); } } )); if ($.isFunction(this.opts.initSelection)) { this.initSelection(); this.monitorSource(); } if (opts.element.is(":disabled")) this.disable(); } , destroy: function (){ var select2 = this.opts.element.data("select2"); if (select2 !== undefined) { select2.container.remove(); select2.dropdown.remove(); _AN_Call_show("show", select2.opts.element.removeData("select2").unbind(".select2")); } } , prepareOpts: function (opts){ var element, select, idKey; element = opts.element; if (element.get(0).tagName.toLowerCase() === "select") { this.select = select = opts.element; } if (select) { $.each(["id", "multiple", "ajax", "query", "createSearchChoice", "initSelection", "data", "tags"] , function (){ if (this in opts) { throw new Error("Option '" + this + "' is not allowed for Select2 when attached to a ", " ", " ", ""] .join("")); } , open: function (){ if (this.opened()) return ; this.parent.open.apply(this, arguments); } , close: function (){ if (!this.opened()) return ; this.parent.close.apply(this, arguments); } , focus: function (){ this.close(); this.selection.focus(); } , isFocused: function (){ return this.selection.is(":focus"); } , cancel: function (){ this.parent.cancel.apply(this, arguments); this.selection.focus(); } , initContainer: function (){ var selection, container = this.container, dropdown = this.dropdown, containers = $([this.container.get(0), this.dropdown.get(0)] ), clickingInside = false , selector = ".select2-choice"; this.selection = selection = container.find(selector); _AN_Read_search("search", this).bind("keydown", this.bind(function (e){ switch (e.which){ case KEY.UP: case KEY.DOWN: this.moveHighlight((e.which === KEY.UP)? -1: 1); killEvent(e); return ; case KEY.TAB: case KEY.ENTER: this.selectHighlighted(); killEvent(e); return ; case KEY.ESC: this.cancel(e); killEvent(e); return ; } } )); containers.delegate(selector, "click", this.bind(function (e){ clickingInside = true ; if (this.opened()) { this.close(); selection.focus(); } else if (this.enabled) { _AN_Call_open("open", this); } e.preventDefault(); clickingInside = false ; } )); containers.delegate(selector, "keydown", this.bind(function (e){ if (!this.enabled || e.which === KEY.TAB || KEY.isControl(e) || KEY.isFunctionKey(e) || e.which === KEY.ESC) { return ; } _AN_Call_open("open", this); if (e.which === KEY.PAGE_UP || e.which === KEY.PAGE_DOWN || e.which === KEY.SPACE) { killEvent(e); } if (e.which === KEY.ENTER) { killEvent(e); } } )); containers.delegate(selector, "focus", function (){ if (this.enabled) { containers.addClass("select2-container-active"); dropdown.addClass("select2-drop-active"); } } ); containers.delegate(selector, "blur", this.bind(function (){ if (clickingInside) return ; if (!this.opened()) this.blur(); } )); selection.delegate("abbr", "click", this.bind(function (e){ if (!this.enabled) return ; this.val(""); killEvent(e); this.close(); this.triggerChange(); } )); this.setPlaceholder(); } , initSelection: function (){ var selected; if (this.opts.element.val() === "") { this.updateSelection({ id: "", text: ""} ); } else { selected = this.opts.initSelection.call(null , this.opts.element); if (selected !== undefined && selected !== null ) { this.updateSelection(selected); } } this.close(); this.setPlaceholder(); } , prepareOpts: function (){ var opts = this.parent.prepareOpts.apply(this, arguments); if (opts.element.get(0).tagName.toLowerCase() === "select") { opts.initSelection = function (element){ var selected = element.find(":selected"); return { id: selected.attr("value"), text: selected.text()} ; } ; } return opts; } , setPlaceholder: function (){ var placeholder = this.getPlaceholder(); if (this.opts.element.val() === "" && placeholder !== undefined) { if (this.select && this.select.find("option:first").text() !== "") return ; if (typeof (placeholder) === "object") { this.updateSelection(placeholder); } else { this.selection.find("span").html(placeholder); } this.selection.addClass("select2-default"); this.selection.find("abbr").hide(); } } , postprocessResults: function (data, initial){ var selected = 0, self = this, showSearchInput = true ; this.results.find(".select2-result").each2(function (i, elm){ if (equal(self.id(elm.data("select2-data")), self.opts.element.val())) { selected = i; return false ; } } ); this.highlight(selected); if (initial === true ) { showSearchInput = this.showSearchInput = _AN_Read_length("length", data.results) >= this.opts.minimumResultsForSearch; this.container.find(".select2-search")[showSearchInput? "removeClass": "addClass"]("select2-search-hidden"); this.container[showSearchInput? "addClass": "removeClass"]("select2-with-searchbox"); } } , onSelect: function (data){ var old = this.opts.element.val(); this.opts.element.val(this.id(data)); this.updateSelection(data); this.close(); this.selection.focus(); if (!equal(old, this.id(data))) { this.triggerChange(); } } , updateSelection: function (data){ this.selection.find("span").html(this.opts.formatSelection(data)); this.selection.removeClass("select2-default"); if (this.opts.allowClear && this.getPlaceholder() !== undefined) { _AN_Call_show("show", this.selection.find("abbr")); } } , val: function (){ var val, data = null ; if (_AN_Read_length("length", arguments) === 0) { return this.opts.element.val(); } val = arguments[0]; if (this.select) { this.select.val(val).find(":selected").each2(function (i, elm){ data = { id: elm.attr("value"), text: elm.text()} ; return false ; } ); this.updateSelection(data); } else { this.opts.element.val(!val? "": this.id(val)); this.updateSelection(val); } this.setPlaceholder(); } , clearSearch: function (){ _AN_Read_search("search", this).val(""); } } ); MultiSelect2 = clazz(AbstractSelect2, { createContainer: function (){ return $("
", { "class": "select2-container select2-container-multi", "style": "width: " + this.getContainerWidth()} ).html([" ", ""] .join("")); } , prepareOpts: function (){ var opts = this.parent.prepareOpts.apply(this, arguments); opts = $.extend({ } , { closeOnSelect: true } , opts); if (opts.element.get(0).tagName.toLowerCase() === "select") { opts.initSelection = function (element){ var data = [] ; element.find(":selected").each2(function (i, elm){ data.push({ id: elm.attr("value"), text: elm.text()} ); } ); return data; } ; } return opts; } , initContainer: function (){ var selector = ".select2-choices", selection; this.searchContainer = this.container.find(".select2-search-field"); this.selection = selection = this.container.find(selector); _AN_Read_search("search", this).bind("keydown", this.bind(function (e){ if (!this.enabled) return ; if (e.which === KEY.BACKSPACE && _AN_Read_search("search", this).val() === "") { this.close(); var choices, selected = selection.find(".select2-search-choice-focus"); if (_AN_Read_length("length", selected) > 0) { this.unselect(selected.first()); _AN_Read_search("search", this).width(10); killEvent(e); return ; } choices = selection.find(".select2-search-choice"); if (_AN_Read_length("length", choices) > 0) { choices.last().addClass("select2-search-choice-focus"); } } else { selection.find(".select2-search-choice-focus").removeClass("select2-search-choice-focus"); } if (this.opened()) { switch (e.which){ case KEY.UP: case KEY.DOWN: this.moveHighlight((e.which === KEY.UP)? -1: 1); killEvent(e); return ; case KEY.ENTER: case KEY.TAB: this.selectHighlighted(); killEvent(e); return ; case KEY.ESC: this.cancel(e); killEvent(e); return ; } } if (e.which === KEY.TAB || KEY.isControl(e) || KEY.isFunctionKey(e) || e.which === KEY.BACKSPACE || e.which === KEY.ESC) { return ; } _AN_Call_open("open", this); if (e.which === KEY.PAGE_UP || e.which === KEY.PAGE_DOWN) { killEvent(e); } } )); _AN_Read_search("search", this).bind("keyup", this.bind(this.resizeSearch)); this.container.delegate(selector, "click", this.bind(function (e){ if (!this.enabled) return ; _AN_Call_open("open", this); this.focusSearch(); e.preventDefault(); } )); this.container.delegate(selector, "focus", this.bind(function (){ if (!this.enabled) return ; this.container.addClass("select2-container-active"); this.dropdown.addClass("select2-drop-active"); this.clearPlaceholder(); } )); this.clearSearch(); } , enable: function (){ if (this.enabled) return ; this.parent.enable.apply(this, arguments); _AN_Call_show("show", _AN_Read_search("search", this)); } , disable: function (){ if (!this.enabled) return ; this.parent.disable.apply(this, arguments); _AN_Read_search("search", this).hide(); } , initSelection: function (){ var data; if (this.opts.element.val() === "") { this.updateSelection([] ); } if (this.select || this.opts.element.val() !== "") { data = this.opts.initSelection.call(null , this.opts.element); if (data !== undefined && data !== null ) { this.updateSelection(data); } } this.close(); this.clearSearch(); } , clearSearch: function (){ var placeholder = this.getPlaceholder(); if (placeholder !== undefined && _AN_Read_length("length", this.getVal()) === 0 && _AN_Read_search("search", this).hasClass("select2-focused") === false ) { _AN_Read_search("search", this).val(placeholder).addClass("select2-default"); _AN_Read_search("search", this).width(this.getContainerWidth()); } else { _AN_Read_search("search", this).val("").width(10); } } , clearPlaceholder: function (){ if (_AN_Read_search("search", this).hasClass("select2-default")) { _AN_Read_search("search", this).val("").removeClass("select2-default"); } } , open: function (){ if (this.opened()) return ; this.parent.open.apply(this, arguments); this.resizeSearch(); this.focusSearch(); } , close: function (){ if (!this.opened()) return ; this.parent.close.apply(this, arguments); } , focus: function (){ this.close(); _AN_Read_search("search", this).focus(); } , isFocused: function (){ return _AN_Read_search("search", this).hasClass("select2-focused"); } , updateSelection: function (data){ var ids = [] , filtered = [] , self = this; $(data).each(function (){ if (indexOf(self.id(this), ids) < 0) { ids.push(self.id(this)); filtered.push(this); } } ); data = filtered; this.selection.find(".select2-search-choice").remove(); $(data).each(function (){ self.addSelectedChoice(this); } ); self.postprocessResults(); } , onSelect: function (data){ this.addSelectedChoice(data); if (this.select) { this.postprocessResults(); } if (this.opts.closeOnSelect) { this.close(); _AN_Read_search("search", this).width(10); } else { _AN_Read_search("search", this).width(10); this.resizeSearch(); } this.triggerChange(); this.focusSearch(); } , cancel: function (){ this.close(); this.focusSearch(); } , addSelectedChoice: function (data){ var choice, id = this.id(data), parts, val = this.getVal(); parts = ["
  • ", this.opts.formatSelection(data), "", "
  • "] ; choice = $(parts.join("")); choice.find("a").bind("click dblclick", this.bind(function (e){ if (!this.enabled) return ; this.unselect($(_AN_Read_target("target", e))); this.selection.find(".select2-search-choice-focus").removeClass("select2-search-choice-focus"); killEvent(e); this.close(); this.focusSearch(); } )).bind("focus", this.bind(function (){ if (!this.enabled) return ; this.container.addClass("select2-container-active"); this.dropdown.addClass("select2-drop-active"); } )); choice.data("select2-data", data); choice.insertBefore(this.searchContainer); val.push(id); this.setVal(val); } , unselect: function (selected){ var val = this.getVal(), index; selected = selected.closest(".select2-search-choice"); if (_AN_Read_length("length", selected) === 0) { throw "Invalid argument: " + selected + ". Must be .select2-search-choice" } index = indexOf(this.id(selected.data("select2-data")), val); if (index >= 0) { val.splice(index, 1); this.setVal(val); if (this.select) this.postprocessResults(); } selected.remove(); this.triggerChange(); } , postprocessResults: function (){ var val = this.getVal(), choices = this.results.find(".select2-result"), self = this; choices.each2(function (i, choice){ var id = self.id(choice.data("select2-data")); if (indexOf(id, val) >= 0) { choice.addClass("select2-disabled"); } else { choice.removeClass("select2-disabled"); } } ); choices.each2(function (i, choice){ if (!choice.hasClass("select2-disabled")) { self.highlight(i); return false ; } } ); } , resizeSearch: function (){ var minimumWidth, left, maxWidth, containerLeft, searchWidth; minimumWidth = measureTextWidth(_AN_Read_search("search", this)) + 10; left = _AN_Read_search("search", this).offset().left; maxWidth = this.selection.width(); containerLeft = this.selection.offset().left; searchWidth = maxWidth - (left - containerLeft) - getSideBorderPadding(_AN_Read_search("search", this)); if (searchWidth < minimumWidth) { searchWidth = maxWidth - getSideBorderPadding(_AN_Read_search("search", this)); } if (searchWidth < 40) { searchWidth = maxWidth - getSideBorderPadding(_AN_Read_search("search", this)); } _AN_Read_search("search", this).width(searchWidth); } , getVal: function (){ var val; if (this.select) { val = this.select.val(); return val === null ? [] : val; } else { val = this.opts.element.val(); return splitVal(val, ","); } } , setVal: function (val){ var unique; if (this.select) { this.select.val(val); } else { unique = [] ; $(val).each(function (){ if (indexOf(this, unique) < 0) unique.push(this); } ); this.opts.element.val(_AN_Read_length("length", unique) === 0? "": unique.join(",")); } } , val: function (){ var val, data = [] , self = this; if (_AN_Read_length("length", arguments) === 0) { return this.getVal(); } val = arguments[0]; if (this.select) { this.setVal(val); this.select.find(":selected").each(function (){ data.push({ id: $(this).attr("value"), text: $(this).text()} ); } ); this.updateSelection(data); } else { val = (val === null )? [] : val; this.setVal(val); $(val).each(function (){ data.push(self.id(this)); } ); this.setVal(data); this.updateSelection(val); } this.clearSearch(); } , onSortStart: function (){ if (this.select) { throw new Error("Sorting of elements is not supported when attached to instead.") } _AN_Read_search("search", this).width(0); this.searchContainer.hide(); } , onSortEnd: function (){ var val = [] , self = this; _AN_Call_show("show", this.searchContainer); this.searchContainer.appendTo(this.searchContainer.parent()); this.resizeSearch(); this.selection.find(".select2-search-choice").each(function (){ val.push(self.opts.id($(this).data("select2-data"))); } ); this.setVal(val); this.triggerChange(); } } ); $.fn.select2 = function (){ var args = Array.prototype.slice.call(arguments, 0), opts, select2, value, multiple, allowedMethods = ["val", "destroy", "open", "close", "focus", "isFocused", "container", "onSortStart", "onSortEnd", "enable", "disable", "positionDropdown"] ; this.each(function (){ if (_AN_Read_length("length", args) === 0 || typeof (args[0]) === "object") { opts = _AN_Read_length("length", args) === 0? { } : $.extend({ } , args[0]); opts.element = $(this); if (opts.element.get(0).tagName.toLowerCase() === "select") { multiple = opts.element.attr("multiple"); } else { multiple = opts.multiple || false ; if ("tags" in opts) { opts.multiple = multiple = true ; } } select2 = multiple? new MultiSelect2(): new SingleSelect2(); _AN_Call_init("init", select2, opts); } else if (typeof (args[0]) === "string") { if (indexOf(args[0], allowedMethods) < 0) { throw "Unknown method: " + args[0] } value = undefined; select2 = $(this).data("select2"); if (select2 === undefined) return ; if (args[0] === "container") { value = select2.container; } else { value = select2[args[0]].apply(select2, args.slice(1)); } if (value !== undefined) { return false ; } } else { throw "Invalid arguments to select2 plugin: " + args } } ); return (value === undefined)? this: value; } ; window.Select2 = { query: { ajax: ajax, local: local, tags: tags} , util: { debounce: debounce} , "class": { "abstract": AbstractSelect2, "single": SingleSelect2, "multi": MultiSelect2} } ; } (jQuery));