1 /*

     2 Copyright 2012 Igor Vaynberg

     3 

     4 Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014

     5 

     6 This software is licensed under the Apache License, Version 2.0 (the "Apache License") or the GNU

     7 General Public License version 2 (the "GPL License"). You may choose either license to govern your

     8 use of this software only upon the condition that you accept all of the terms of either the Apache

     9 License or the GPL License.

    10 

    11 You may obtain a copy of the Apache License and the GPL License at:

    12 

    13     http://www.apache.org/licenses/LICENSE-2.0

    14     http://www.gnu.org/licenses/gpl-2.0.html

    15 

    16 Unless required by applicable law or agreed to in writing, software distributed under the

    17 Apache License or the GPL License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR

    18 CONDITIONS OF ANY KIND, either express or implied. See the Apache License and the GPL License for

    19 the specific language governing permissions and limitations under the Apache License and the GPL License.

    20 */

    21 (function ($) {

    22     if(typeof $.fn.each2 == "undefined") {

    23         $.extend($.fn, {

    24             /*

    25             * 4-10 times faster .each replacement

    26             * use it carefully, as it overrides jQuery context of element on each iteration

    27             */

    28             each2 : function (c) {

    29                 var j = $([0]), i = -1, l = this.length;

    30                 while (

    31                     ++i < l

    32                     && (j.context = j[0] = this[i])

    33                     && c.call(j[0], i, j) !== false //"this"=DOM, i=index, j=jQuery object

    34                 );

    35                 return this;

    36             }

    37         });

    38     }

    39 })(jQuery);

    40 

    41 (function ($, undefined) {

    42     "use strict";

    43     /*global document, window, jQuery, console */

    44 

    45     if (window.Select2 !== undefined) {

    46         return;

    47     }

    48 

    49     var AbstractSelect2, SingleSelect2, MultiSelect2, nextUid, sizer,

    50         lastMousePosition={x:0,y:0}, $document, scrollBarDimensions,

    51 

    52     KEY = {

    53         TAB: 9,

    54         ENTER: 13,

    55         ESC: 27,

    56         SPACE: 32,

    57         LEFT: 37,

    58         UP: 38,

    59         RIGHT: 39,

    60         DOWN: 40,

    61         SHIFT: 16,

    62         CTRL: 17,

    63         ALT: 18,

    64         PAGE_UP: 33,

    65         PAGE_DOWN: 34,

    66         HOME: 36,

    67         END: 35,

    68         BACKSPACE: 8,

    69         DELETE: 46,

    70         isArrow: function (k) {

    71             k = k.which ? k.which : k;

    72             switch (k) {

    73             case KEY.LEFT:

    74             case KEY.RIGHT:

    75             case KEY.UP:

    76             case KEY.DOWN:

    77                 return true;

    78             }

    79             return false;

    80         },

    81         isControl: function (e) {

    82             var k = e.which;

    83             switch (k) {

    84             case KEY.SHIFT:

    85             case KEY.CTRL:

    86             case KEY.ALT:

    87                 return true;

    88             }

    89 

    90             if (e.metaKey) return true;

    91 

    92             return false;

    93         },

    94         isFunctionKey: function (k) {

    95             k = k.which ? k.which : k;

    96             return k >= 112 && k <= 123;

    97         }

    98     },

    99     MEASURE_SCROLLBAR_TEMPLATE = "<div class='select2-measure-scrollbar'></div>",

   100 

   101     DIACRITICS = {"\u24B6":"A","\uFF21":"A","\u00C0":"A","\u00C1":"A","\u00C2":"A","\u1EA6":"A","\u1EA4":"A","\u1EAA":"A","\u1EA8":"A","\u00C3":"A","\u0100":"A","\u0102":"A","\u1EB0":"A","\u1EAE":"A","\u1EB4":"A","\u1EB2":"A","\u0226":"A","\u01E0":"A","\u00C4":"A","\u01DE":"A","\u1EA2":"A","\u00C5":"A","\u01FA":"A","\u01CD":"A","\u0200":"A","\u0202":"A","\u1EA0":"A","\u1EAC":"A","\u1EB6":"A","\u1E00":"A","\u0104":"A","\u023A":"A","\u2C6F":"A","\uA732":"AA","\u00C6":"AE","\u01FC":"AE","\u01E2":"AE","\uA734":"AO","\uA736":"AU","\uA738":"AV","\uA73A":"AV","\uA73C":"AY","\u24B7":"B","\uFF22":"B","\u1E02":"B","\u1E04":"B","\u1E06":"B","\u0243":"B","\u0182":"B","\u0181":"B","\u24B8":"C","\uFF23":"C","\u0106":"C","\u0108":"C","\u010A":"C","\u010C":"C","\u00C7":"C","\u1E08":"C","\u0187":"C","\u023B":"C","\uA73E":"C","\u24B9":"D","\uFF24":"D","\u1E0A":"D","\u010E":"D","\u1E0C":"D","\u1E10":"D","\u1E12":"D","\u1E0E":"D","\u0110":"D","\u018B":"D","\u018A":"D","\u0189":"D","\uA779":"D","\u01F1":"DZ","\u01C4":"DZ","\u01F2":"Dz","\u01C5":"Dz","\u24BA":"E","\uFF25":"E","\u00C8":"E","\u00C9":"E","\u00CA":"E","\u1EC0":"E","\u1EBE":"E","\u1EC4":"E","\u1EC2":"E","\u1EBC":"E","\u0112":"E","\u1E14":"E","\u1E16":"E","\u0114":"E","\u0116":"E","\u00CB":"E","\u1EBA":"E","\u011A":"E","\u0204":"E","\u0206":"E","\u1EB8":"E","\u1EC6":"E","\u0228":"E","\u1E1C":"E","\u0118":"E","\u1E18":"E","\u1E1A":"E","\u0190":"E","\u018E":"E","\u24BB":"F","\uFF26":"F","\u1E1E":"F","\u0191":"F","\uA77B":"F","\u24BC":"G","\uFF27":"G","\u01F4":"G","\u011C":"G","\u1E20":"G","\u011E":"G","\u0120":"G","\u01E6":"G","\u0122":"G","\u01E4":"G","\u0193":"G","\uA7A0":"G","\uA77D":"G","\uA77E":"G","\u24BD":"H","\uFF28":"H","\u0124":"H","\u1E22":"H","\u1E26":"H","\u021E":"H","\u1E24":"H","\u1E28":"H","\u1E2A":"H","\u0126":"H","\u2C67":"H","\u2C75":"H","\uA78D":"H","\u24BE":"I","\uFF29":"I","\u00CC":"I","\u00CD":"I","\u00CE":"I","\u0128":"I","\u012A":"I","\u012C":"I","\u0130":"I","\u00CF":"I","\u1E2E":"I","\u1EC8":"I","\u01CF":"I","\u0208":"I","\u020A":"I","\u1ECA":"I","\u012E":"I","\u1E2C":"I","\u0197":"I","\u24BF":"J","\uFF2A":"J","\u0134":"J","\u0248":"J","\u24C0":"K","\uFF2B":"K","\u1E30":"K","\u01E8":"K","\u1E32":"K","\u0136":"K","\u1E34":"K","\u0198":"K","\u2C69":"K","\uA740":"K","\uA742":"K","\uA744":"K","\uA7A2":"K","\u24C1":"L","\uFF2C":"L","\u013F":"L","\u0139":"L","\u013D":"L","\u1E36":"L","\u1E38":"L","\u013B":"L","\u1E3C":"L","\u1E3A":"L","\u0141":"L","\u023D":"L","\u2C62":"L","\u2C60":"L","\uA748":"L","\uA746":"L","\uA780":"L","\u01C7":"LJ","\u01C8":"Lj","\u24C2":"M","\uFF2D":"M","\u1E3E":"M","\u1E40":"M","\u1E42":"M","\u2C6E":"M","\u019C":"M","\u24C3":"N","\uFF2E":"N","\u01F8":"N","\u0143":"N","\u00D1":"N","\u1E44":"N","\u0147":"N","\u1E46":"N","\u0145":"N","\u1E4A":"N","\u1E48":"N","\u0220":"N","\u019D":"N","\uA790":"N","\uA7A4":"N","\u01CA":"NJ","\u01CB":"Nj","\u24C4":"O","\uFF2F":"O","\u00D2":"O","\u00D3":"O","\u00D4":"O","\u1ED2":"O","\u1ED0":"O","\u1ED6":"O","\u1ED4":"O","\u00D5":"O","\u1E4C":"O","\u022C":"O","\u1E4E":"O","\u014C":"O","\u1E50":"O","\u1E52":"O","\u014E":"O","\u022E":"O","\u0230":"O","\u00D6":"O","\u022A":"O","\u1ECE":"O","\u0150":"O","\u01D1":"O","\u020C":"O","\u020E":"O","\u01A0":"O","\u1EDC":"O","\u1EDA":"O","\u1EE0":"O","\u1EDE":"O","\u1EE2":"O","\u1ECC":"O","\u1ED8":"O","\u01EA":"O","\u01EC":"O","\u00D8":"O","\u01FE":"O","\u0186":"O","\u019F":"O","\uA74A":"O","\uA74C":"O","\u01A2":"OI","\uA74E":"OO","\u0222":"OU","\u24C5":"P","\uFF30":"P","\u1E54":"P","\u1E56":"P","\u01A4":"P","\u2C63":"P","\uA750":"P","\uA752":"P","\uA754":"P","\u24C6":"Q","\uFF31":"Q","\uA756":"Q","\uA758":"Q","\u024A":"Q","\u24C7":"R","\uFF32":"R","\u0154":"R","\u1E58":"R","\u0158":"R","\u0210":"R","\u0212":"R","\u1E5A":"R","\u1E5C":"R","\u0156":"R","\u1E5E":"R","\u024C":"R","\u2C64":"R","\uA75A":"R","\uA7A6":"R","\uA782":"R","\u24C8":"S","\uFF33":"S","\u1E9E":"S","\u015A":"S","\u1E64":"S","\u015C":"S","\u1E60":"S","\u0160":"S","\u1E66":"S","\u1E62":"S","\u1E68":"S","\u0218":"S","\u015E":"S","\u2C7E":"S","\uA7A8":"S","\uA784":"S","\u24C9":"T","\uFF34":"T","\u1E6A":"T","\u0164":"T","\u1E6C":"T","\u021A":"T","\u0162":"T","\u1E70":"T","\u1E6E":"T","\u0166":"T","\u01AC":"T","\u01AE":"T","\u023E":"T","\uA786":"T","\uA728":"TZ","\u24CA":"U","\uFF35":"U","\u00D9":"U","\u00DA":"U","\u00DB":"U","\u0168":"U","\u1E78":"U","\u016A":"U","\u1E7A":"U","\u016C":"U","\u00DC":"U","\u01DB":"U","\u01D7":"U","\u01D5":"U","\u01D9":"U","\u1EE6":"U","\u016E":"U","\u0170":"U","\u01D3":"U","\u0214":"U","\u0216":"U","\u01AF":"U","\u1EEA":"U","\u1EE8":"U","\u1EEE":"U","\u1EEC":"U","\u1EF0":"U","\u1EE4":"U","\u1E72":"U","\u0172":"U","\u1E76":"U","\u1E74":"U","\u0244":"U","\u24CB":"V","\uFF36":"V","\u1E7C":"V","\u1E7E":"V","\u01B2":"V","\uA75E":"V","\u0245":"V","\uA760":"VY","\u24CC":"W","\uFF37":"W","\u1E80":"W","\u1E82":"W","\u0174":"W","\u1E86":"W","\u1E84":"W","\u1E88":"W","\u2C72":"W","\u24CD":"X","\uFF38":"X","\u1E8A":"X","\u1E8C":"X","\u24CE":"Y","\uFF39":"Y","\u1EF2":"Y","\u00DD":"Y","\u0176":"Y","\u1EF8":"Y","\u0232":"Y","\u1E8E":"Y","\u0178":"Y","\u1EF6":"Y","\u1EF4":"Y","\u01B3":"Y","\u024E":"Y","\u1EFE":"Y","\u24CF":"Z","\uFF3A":"Z","\u0179":"Z","\u1E90":"Z","\u017B":"Z","\u017D":"Z","\u1E92":"Z","\u1E94":"Z","\u01B5":"Z","\u0224":"Z","\u2C7F":"Z","\u2C6B":"Z","\uA762":"Z","\u24D0":"a","\uFF41":"a","\u1E9A":"a","\u00E0":"a","\u00E1":"a","\u00E2":"a","\u1EA7":"a","\u1EA5":"a","\u1EAB":"a","\u1EA9":"a","\u00E3":"a","\u0101":"a","\u0103":"a","\u1EB1":"a","\u1EAF":"a","\u1EB5":"a","\u1EB3":"a","\u0227":"a","\u01E1":"a","\u00E4":"a","\u01DF":"a","\u1EA3":"a","\u00E5":"a","\u01FB":"a","\u01CE":"a","\u0201":"a","\u0203":"a","\u1EA1":"a","\u1EAD":"a","\u1EB7":"a","\u1E01":"a","\u0105":"a","\u2C65":"a","\u0250":"a","\uA733":"aa","\u00E6":"ae","\u01FD":"ae","\u01E3":"ae","\uA735":"ao","\uA737":"au","\uA739":"av","\uA73B":"av","\uA73D":"ay","\u24D1":"b","\uFF42":"b","\u1E03":"b","\u1E05":"b","\u1E07":"b","\u0180":"b","\u0183":"b","\u0253":"b","\u24D2":"c","\uFF43":"c","\u0107":"c","\u0109":"c","\u010B":"c","\u010D":"c","\u00E7":"c","\u1E09":"c","\u0188":"c","\u023C":"c","\uA73F":"c","\u2184":"c","\u24D3":"d","\uFF44":"d","\u1E0B":"d","\u010F":"d","\u1E0D":"d","\u1E11":"d","\u1E13":"d","\u1E0F":"d","\u0111":"d","\u018C":"d","\u0256":"d","\u0257":"d","\uA77A":"d","\u01F3":"dz","\u01C6":"dz","\u24D4":"e","\uFF45":"e","\u00E8":"e","\u00E9":"e","\u00EA":"e","\u1EC1":"e","\u1EBF":"e","\u1EC5":"e","\u1EC3":"e","\u1EBD":"e","\u0113":"e","\u1E15":"e","\u1E17":"e","\u0115":"e","\u0117":"e","\u00EB":"e","\u1EBB":"e","\u011B":"e","\u0205":"e","\u0207":"e","\u1EB9":"e","\u1EC7":"e","\u0229":"e","\u1E1D":"e","\u0119":"e","\u1E19":"e","\u1E1B":"e","\u0247":"e","\u025B":"e","\u01DD":"e","\u24D5":"f","\uFF46":"f","\u1E1F":"f","\u0192":"f","\uA77C":"f","\u24D6":"g","\uFF47":"g","\u01F5":"g","\u011D":"g","\u1E21":"g","\u011F":"g","\u0121":"g","\u01E7":"g","\u0123":"g","\u01E5":"g","\u0260":"g","\uA7A1":"g","\u1D79":"g","\uA77F":"g","\u24D7":"h","\uFF48":"h","\u0125":"h","\u1E23":"h","\u1E27":"h","\u021F":"h","\u1E25":"h","\u1E29":"h","\u1E2B":"h","\u1E96":"h","\u0127":"h","\u2C68":"h","\u2C76":"h","\u0265":"h","\u0195":"hv","\u24D8":"i","\uFF49":"i","\u00EC":"i","\u00ED":"i","\u00EE":"i","\u0129":"i","\u012B":"i","\u012D":"i","\u00EF":"i","\u1E2F":"i","\u1EC9":"i","\u01D0":"i","\u0209":"i","\u020B":"i","\u1ECB":"i","\u012F":"i","\u1E2D":"i","\u0268":"i","\u0131":"i","\u24D9":"j","\uFF4A":"j","\u0135":"j","\u01F0":"j","\u0249":"j","\u24DA":"k","\uFF4B":"k","\u1E31":"k","\u01E9":"k","\u1E33":"k","\u0137":"k","\u1E35":"k","\u0199":"k","\u2C6A":"k","\uA741":"k","\uA743":"k","\uA745":"k","\uA7A3":"k","\u24DB":"l","\uFF4C":"l","\u0140":"l","\u013A":"l","\u013E":"l","\u1E37":"l","\u1E39":"l","\u013C":"l","\u1E3D":"l","\u1E3B":"l","\u017F":"l","\u0142":"l","\u019A":"l","\u026B":"l","\u2C61":"l","\uA749":"l","\uA781":"l","\uA747":"l","\u01C9":"lj","\u24DC":"m","\uFF4D":"m","\u1E3F":"m","\u1E41":"m","\u1E43":"m","\u0271":"m","\u026F":"m","\u24DD":"n","\uFF4E":"n","\u01F9":"n","\u0144":"n","\u00F1":"n","\u1E45":"n","\u0148":"n","\u1E47":"n","\u0146":"n","\u1E4B":"n","\u1E49":"n","\u019E":"n","\u0272":"n","\u0149":"n","\uA791":"n","\uA7A5":"n","\u01CC":"nj","\u24DE":"o","\uFF4F":"o","\u00F2":"o","\u00F3":"o","\u00F4":"o","\u1ED3":"o","\u1ED1":"o","\u1ED7":"o","\u1ED5":"o","\u00F5":"o","\u1E4D":"o","\u022D":"o","\u1E4F":"o","\u014D":"o","\u1E51":"o","\u1E53":"o","\u014F":"o","\u022F":"o","\u0231":"o","\u00F6":"o","\u022B":"o","\u1ECF":"o","\u0151":"o","\u01D2":"o","\u020D":"o","\u020F":"o","\u01A1":"o","\u1EDD":"o","\u1EDB":"o","\u1EE1":"o","\u1EDF":"o","\u1EE3":"o","\u1ECD":"o","\u1ED9":"o","\u01EB":"o","\u01ED":"o","\u00F8":"o","\u01FF":"o","\u0254":"o","\uA74B":"o","\uA74D":"o","\u0275":"o","\u01A3":"oi","\u0223":"ou","\uA74F":"oo","\u24DF":"p","\uFF50":"p","\u1E55":"p","\u1E57":"p","\u01A5":"p","\u1D7D":"p","\uA751":"p","\uA753":"p","\uA755":"p","\u24E0":"q","\uFF51":"q","\u024B":"q","\uA757":"q","\uA759":"q","\u24E1":"r","\uFF52":"r","\u0155":"r","\u1E59":"r","\u0159":"r","\u0211":"r","\u0213":"r","\u1E5B":"r","\u1E5D":"r","\u0157":"r","\u1E5F":"r","\u024D":"r","\u027D":"r","\uA75B":"r","\uA7A7":"r","\uA783":"r","\u24E2":"s","\uFF53":"s","\u00DF":"s","\u015B":"s","\u1E65":"s","\u015D":"s","\u1E61":"s","\u0161":"s","\u1E67":"s","\u1E63":"s","\u1E69":"s","\u0219":"s","\u015F":"s","\u023F":"s","\uA7A9":"s","\uA785":"s","\u1E9B":"s","\u24E3":"t","\uFF54":"t","\u1E6B":"t","\u1E97":"t","\u0165":"t","\u1E6D":"t","\u021B":"t","\u0163":"t","\u1E71":"t","\u1E6F":"t","\u0167":"t","\u01AD":"t","\u0288":"t","\u2C66":"t","\uA787":"t","\uA729":"tz","\u24E4":"u","\uFF55":"u","\u00F9":"u","\u00FA":"u","\u00FB":"u","\u0169":"u","\u1E79":"u","\u016B":"u","\u1E7B":"u","\u016D":"u","\u00FC":"u","\u01DC":"u","\u01D8":"u","\u01D6":"u","\u01DA":"u","\u1EE7":"u","\u016F":"u","\u0171":"u","\u01D4":"u","\u0215":"u","\u0217":"u","\u01B0":"u","\u1EEB":"u","\u1EE9":"u","\u1EEF":"u","\u1EED":"u","\u1EF1":"u","\u1EE5":"u","\u1E73":"u","\u0173":"u","\u1E77":"u","\u1E75":"u","\u0289":"u","\u24E5":"v","\uFF56":"v","\u1E7D":"v","\u1E7F":"v","\u028B":"v","\uA75F":"v","\u028C":"v","\uA761":"vy","\u24E6":"w","\uFF57":"w","\u1E81":"w","\u1E83":"w","\u0175":"w","\u1E87":"w","\u1E85":"w","\u1E98":"w","\u1E89":"w","\u2C73":"w","\u24E7":"x","\uFF58":"x","\u1E8B":"x","\u1E8D":"x","\u24E8":"y","\uFF59":"y","\u1EF3":"y","\u00FD":"y","\u0177":"y","\u1EF9":"y","\u0233":"y","\u1E8F":"y","\u00FF":"y","\u1EF7":"y","\u1E99":"y","\u1EF5":"y","\u01B4":"y","\u024F":"y","\u1EFF":"y","\u24E9":"z","\uFF5A":"z","\u017A":"z","\u1E91":"z","\u017C":"z","\u017E":"z","\u1E93":"z","\u1E95":"z","\u01B6":"z","\u0225":"z","\u0240":"z","\u2C6C":"z","\uA763":"z","\u0386":"\u0391","\u0388":"\u0395","\u0389":"\u0397","\u038A":"\u0399","\u03AA":"\u0399","\u038C":"\u039F","\u038E":"\u03A5","\u03AB":"\u03A5","\u038F":"\u03A9","\u03AC":"\u03B1","\u03AD":"\u03B5","\u03AE":"\u03B7","\u03AF":"\u03B9","\u03CA":"\u03B9","\u0390":"\u03B9","\u03CC":"\u03BF","\u03CD":"\u03C5","\u03CB":"\u03C5","\u03B0":"\u03C5","\u03C9":"\u03C9","\u03C2":"\u03C3"};

   102 

   103     $document = $(document);

   104 

   105     nextUid=(function() { var counter=1; return function() { return counter++; }; }());

   106 

   107 

   108     function reinsertElement(element) {

   109         var placeholder = $(document.createTextNode(''));

   110 

   111         element.before(placeholder);

   112         placeholder.before(element);

   113         placeholder.remove();

   114     }

   115 

   116     function stripDiacritics(str) {

   117         // Used 'uni range + named function' from http://jsperf.com/diacritics/18

   118         function match(a) {

   119             return DIACRITICS[a] || a;

   120         }

   121 

   122         return str.replace(/[^\u0000-\u007E]/g, match);

   123     }

   124 

   125     function indexOf(value, array) {

   126         var i = 0, l = array.length;

   127         for (; i < l; i = i + 1) {

   128             if (equal(value, array[i])) return i;

   129         }

   130         return -1;

   131     }

   132 

   133     function measureScrollbar () {

   134         var $template = $( MEASURE_SCROLLBAR_TEMPLATE );

   135         $template.appendTo(document.body);

   136 

   137         var dim = {

   138             width: $template.width() - $template[0].clientWidth,

   139             height: $template.height() - $template[0].clientHeight

   140         };

   141         $template.remove();

   142 

   143         return dim;

   144     }

   145 

   146     /**

   147      * Compares equality of a and b

   148      * @param a

   149      * @param b

   150      */

   151     function equal(a, b) {

   152         if (a === b) return true;

   153         if (a === undefined || b === undefined) return false;

   154         if (a === null || b === null) return false;

   155         // Check whether 'a' or 'b' is a string (primitive or object).

   156         // The concatenation of an empty string (+'') converts its argument to a string's primitive.

   157         if (a.constructor === String) return a+'' === b+''; // a+'' - in case 'a' is a String object

   158         if (b.constructor === String) return b+'' === a+''; // b+'' - in case 'b' is a String object

   159         return false;

   160     }

   161 

   162     /**

   163      * Splits the string into an array of values, transforming each value. An empty array is returned for nulls or empty

   164      * strings

   165      * @param string

   166      * @param separator

   167      */

   168     function splitVal(string, separator, transform) {

   169         var val, i, l;

   170         if (string === null || string.length < 1) return [];

   171         val = string.split(separator);

   172         for (i = 0, l = val.length; i < l; i = i + 1) val[i] = transform(val[i]);

   173         return val;

   174     }

   175 

   176     function getSideBorderPadding(element) {

   177         return element.outerWidth(false) - element.width();

   178     }

   179 

   180     function installKeyUpChangeEvent(element) {

   181         var key="keyup-change-value";

   182         element.on("keydown", function () {

   183             if ($.data(element, key) === undefined) {

   184                 $.data(element, key, element.val());

   185             }

   186         });

   187         element.on("keyup", function () {

   188             var val= $.data(element, key);

   189             if (val !== undefined && element.val() !== val) {

   190                 $.removeData(element, key);

   191                 element.trigger("keyup-change");

   192             }

   193         });

   194     }

   195 

   196 

   197     /**

   198      * filters mouse events so an event is fired only if the mouse moved.

   199      *

   200      * filters out mouse events that occur when mouse is stationary but

   201      * the elements under the pointer are scrolled.

   202      */

   203     function installFilteredMouseMove(element) {

   204         element.on("mousemove", function (e) {

   205             var lastpos = lastMousePosition;

   206             if (lastpos === undefined || lastpos.x !== e.pageX || lastpos.y !== e.pageY) {

   207                 $(e.target).trigger("mousemove-filtered", e);

   208             }

   209         });

   210     }

   211 

   212     /**

   213      * Debounces a function. Returns a function that calls the original fn function only if no invocations have been made

   214      * within the last quietMillis milliseconds.

   215      *

   216      * @param quietMillis number of milliseconds to wait before invoking fn

   217      * @param fn function to be debounced

   218      * @param ctx object to be used as this reference within fn

   219      * @return debounced version of fn

   220      */

   221     function debounce(quietMillis, fn, ctx) {

   222         ctx = ctx || undefined;

   223         var timeout;

   224         return function () {

   225             var args = arguments;

   226             window.clearTimeout(timeout);

   227             timeout = window.setTimeout(function() {

   228                 fn.apply(ctx, args);

   229             }, quietMillis);

   230         };

   231     }

   232 

   233     function installDebouncedScroll(threshold, element) {

   234         var notify = debounce(threshold, function (e) { element.trigger("scroll-debounced", e);});

   235         element.on("scroll", function (e) {

   236             if (indexOf(e.target, element.get()) >= 0) notify(e);

   237         });

   238     }

   239 

   240     function focus($el) {

   241         if ($el[0] === document.activeElement) return;

   242 

   243         /* set the focus in a 0 timeout - that way the focus is set after the processing

   244             of the current event has finished - which seems like the only reliable way

   245             to set focus */

   246         window.setTimeout(function() {

   247             var el=$el[0], pos=$el.val().length, range;

   248 

   249             $el.focus();

   250 

   251             /* make sure el received focus so we do not error out when trying to manipulate the caret.

   252                 sometimes modals or others listeners may steal it after its set */

   253             var isVisible = (el.offsetWidth > 0 || el.offsetHeight > 0);

   254             if (isVisible && el === document.activeElement) {

   255 

   256                 /* after the focus is set move the caret to the end, necessary when we val()

   257                     just before setting focus */

   258                 if(el.setSelectionRange)

   259                 {

   260                     el.setSelectionRange(pos, pos);

   261                 }

   262                 else if (el.createTextRange) {

   263                     range = el.createTextRange();

   264                     range.collapse(false);

   265                     range.select();

   266                 }

   267             }

   268         }, 0);

   269     }

   270 

   271     function getCursorInfo(el) {

   272         el = $(el)[0];

   273         var offset = 0;

   274         var length = 0;

   275         if ('selectionStart' in el) {

   276             offset = el.selectionStart;

   277             length = el.selectionEnd - offset;

   278         } else if ('selection' in document) {

   279             el.focus();

   280             var sel = document.selection.createRange();

   281             length = document.selection.createRange().text.length;

   282             sel.moveStart('character', -el.value.length);

   283             offset = sel.text.length - length;

   284         }

   285         return { offset: offset, length: length };

   286     }

   287 

   288     function killEvent(event) {

   289         event.preventDefault();

   290         event.stopPropagation();

   291     }

   292     function killEventImmediately(event) {

   293         event.preventDefault();

   294         event.stopImmediatePropagation();

   295     }

   296 

   297     function measureTextWidth(e) {

   298         if (!sizer){

   299             var style = e[0].currentStyle || window.getComputedStyle(e[0], null);

   300             sizer = $(document.createElement("div")).css({

   301                 position: "absolute",

   302                 left: "-10000px",

   303                 top: "-10000px",

   304                 display: "none",

   305                 fontSize: style.fontSize,

   306                 fontFamily: style.fontFamily,

   307                 fontStyle: style.fontStyle,

   308                 fontWeight: style.fontWeight,

   309                 letterSpacing: style.letterSpacing,

   310                 textTransform: style.textTransform,

   311                 whiteSpace: "nowrap"

   312             });

   313             sizer.attr("class","select2-sizer");

   314             $(document.body).append(sizer);

   315         }

   316         sizer.text(e.val());

   317         return sizer.width();

   318     }

   319 

   320     function syncCssClasses(dest, src, adapter) {

   321         var classes, replacements = [], adapted;

   322 

   323         classes = $.trim(dest.attr("class"));

   324 

   325         if (classes) {

   326             classes = '' + classes; // for IE which returns object

   327 

   328             $(classes.split(/\s+/)).each2(function() {

   329                 if (this.indexOf("select2-") === 0) {

   330                     replacements.push(this);

   331                 }

   332             });

   333         }

   334 

   335         classes = $.trim(src.attr("class"));

   336 

   337         if (classes) {

   338             classes = '' + classes; // for IE which returns object

   339 

   340             $(classes.split(/\s+/)).each2(function() {

   341                 if (this.indexOf("select2-") !== 0) {

   342                     adapted = adapter(this);

   343 

   344                     if (adapted) {

   345                         replacements.push(adapted);

   346                     }

   347                 }

   348             });

   349         }

   350 

   351         dest.attr("class", replacements.join(" "));

   352     }

   353 

   354 

   355     function markMatch(text, term, markup, escapeMarkup) {

   356         var match=stripDiacritics(text.toUpperCase()).indexOf(stripDiacritics(term.toUpperCase())),

   357             tl=term.length;

   358 

   359         if (match<0) {

   360             markup.push(escapeMarkup(text));

   361             return;

   362         }

   363 

   364         markup.push(escapeMarkup(text.substring(0, match)));

   365         markup.push("<span class='select2-match'>");

   366         markup.push(escapeMarkup(text.substring(match, match + tl)));

   367         markup.push("</span>");

   368         markup.push(escapeMarkup(text.substring(match + tl, text.length)));

   369     }

   370 

   371     function defaultEscapeMarkup(markup) {

   372         var replace_map = {

   373             '\\': '\',

   374             '&': '&',

   375             '<': '&lt;',

   376             '>': '>',

   377             '"': '"',

   378             "'": ''',

   379             "/": '/'

   380         };

   381 

   382         return String(markup).replace(/[&<>"'\/\\]/g, function (match) {

   383             return replace_map[match];

   384         });

   385     }

   386 

   387     /**

   388      * Produces an ajax-based query function

   389      *

   390      * @param options object containing configuration parameters

   391      * @param options.params parameter map for the transport ajax call, can contain such options as cache, jsonpCallback, etc. see $.ajax

   392      * @param options.transport function that will be used to execute the ajax request. must be compatible with parameters supported by $.ajax

   393      * @param options.url url for the data

   394      * @param options.data a function(searchTerm, pageNumber, context) that should return an object containing query string parameters for the above url.

   395      * @param options.dataType request data type: ajax, jsonp, other datatypes supported by jQuery's $.ajax function or the transport function if specified

   396      * @param options.quietMillis (optional) milliseconds to wait before making the ajaxRequest, helps debounce the ajax function if invoked too often

   397      * @param options.results a function(remoteData, pageNumber, query) that converts data returned form the remote request to the format expected by Select2.

   398      *      The expected format is an object containing the following keys:

   399      *      results array of objects that will be used as choices

   400      *      more (optional) boolean indicating whether there are more results available

   401      *      Example: {results:[{id:1, text:'Red'},{id:2, text:'Blue'}], more:true}

   402      */

   403     function ajax(options) {

   404         var timeout, // current scheduled but not yet executed request

   405             handler = null,

   406             quietMillis = options.quietMillis || 100,

   407             ajaxUrl = options.url,

   408             self = this;

   409 

   410         return function (query) {

   411             window.clearTimeout(timeout);

   412             timeout = window.setTimeout(function () {

   413                 var data = options.data, // ajax data function

   414                     url = ajaxUrl, // ajax url string or function

   415                     transport = options.transport || $.fn.select2.ajaxDefaults.transport,

   416                     // deprecated - to be removed in 4.0  - use params instead

   417                     deprecated = {

   418                         type: options.type || 'GET', // set type of request (GET or POST)

   419                         cache: options.cache || false,

   420                         jsonpCallback: options.jsonpCallback||undefined,

   421                         dataType: options.dataType||"json"

   422                     },

   423                     params = $.extend({}, $.fn.select2.ajaxDefaults.params, deprecated);

   424 

   425                 data = data ? data.call(self, query.term, query.page, query.context) : null;

   426                 url = (typeof url === 'function') ? url.call(self, query.term, query.page, query.context) : url;

   427 

   428                 if (handler && typeof handler.abort === "function") { handler.abort(); }

   429 

   430                 if (options.params) {

   431                     if ($.isFunction(options.params)) {

   432                         $.extend(params, options.params.call(self));

   433                     } else {

   434                         $.extend(params, options.params);

   435                     }

   436                 }

   437 

   438                 $.extend(params, {

   439                     url: url,

   440                     dataType: options.dataType,

   441                     data: data,

   442                     success: function (data) {

   443                         // TODO - replace query.page with query so users have access to term, page, etc.

   444                         // added query as third paramter to keep backwards compatibility

   445                         var results = options.results(data, query.page, query);

   446                         query.callback(results);

   447                     },

   448                     error: function(jqXHR, textStatus, errorThrown){

   449                         var results = {

   450                             hasError: true,

   451                             jqXHR: jqXHR,

   452                             textStatus: textStatus,

   453                             errorThrown: errorThrown

   454                         };

   455 

   456                         query.callback(results);

   457                     }

   458                 });

   459                 handler = transport.call(self, params);

   460             }, quietMillis);

   461         };

   462     }

   463 

   464     /**

   465      * Produces a query function that works with a local array

   466      *

   467      * @param options object containing configuration parameters. The options parameter can either be an array or an

   468      * object.

   469      *

   470      * If the array form is used it is assumed that it contains objects with 'id' and 'text' keys.

   471      *

   472      * If the object form is used it is assumed that it contains 'data' and 'text' keys. The 'data' key should contain

   473      * an array of objects that will be used as choices. These objects must contain at least an 'id' key. The 'text'

   474      * key can either be a String in which case it is expected that each element in the 'data' array has a key with the

   475      * value of 'text' which will be used to match choices. Alternatively, text can be a function(item) that can extract

   476      * the text.

   477      */

   478     function local(options) {

   479         var data = options, // data elements

   480             dataText,

   481             tmp,

   482             text = function (item) { return ""+item.text; }; // function used to retrieve the text portion of a data item that is matched against the search

   483 

   484          if ($.isArray(data)) {

   485             tmp = data;

   486             data = { results: tmp };

   487         }

   488 

   489          if ($.isFunction(data) === false) {

   490             tmp = data;

   491             data = function() { return tmp; };

   492         }

   493 

   494         var dataItem = data();

   495         if (dataItem.text) {

   496             text = dataItem.text;

   497             // if text is not a function we assume it to be a key name

   498             if (!$.isFunction(text)) {

   499                 dataText = dataItem.text; // we need to store this in a separate variable because in the next step data gets reset and data.text is no longer available

   500                 text = function (item) { return item[dataText]; };

   501             }

   502         }

   503 

   504         return function (query) {

   505             var t = query.term, filtered = { results: [] }, process;

   506             if (t === "") {

   507                 query.callback(data());

   508                 return;

   509             }

   510 

   511             process = function(datum, collection) {

   512                 var group, attr;

   513                 datum = datum[0];

   514                 if (datum.children) {

   515                     group = {};

   516                     for (attr in datum) {

   517                         if (datum.hasOwnProperty(attr)) group[attr]=datum[attr];

   518                     }

   519                     group.children=[];

   520                     $(datum.children).each2(function(i, childDatum) { process(childDatum, group.children); });

   521                     if (group.children.length || query.matcher(t, text(group), datum)) {

   522                         collection.push(group);

   523                     }

   524                 } else {

   525                     if (query.matcher(t, text(datum), datum)) {

   526                         collection.push(datum);

   527                     }

   528                 }

   529             };

   530 

   531             $(data().results).each2(function(i, datum) { process(datum, filtered.results); });

   532             query.callback(filtered);

   533         };

   534     }

   535 

   536     // TODO javadoc

   537     function tags(data) {

   538         var isFunc = $.isFunction(data);

   539         return function (query) {

   540             var t = query.term, filtered = {results: []};

   541             var result = isFunc ? data(query) : data;

   542             if ($.isArray(result)) {

   543                 $(result).each(function () {

   544                     var isObject = this.text !== undefined,

   545                         text = isObject ? this.text : this;

   546                     if (t === "" || query.matcher(t, text)) {

   547                         filtered.results.push(isObject ? this : {id: this, text: this});

   548                     }

   549                 });

   550                 query.callback(filtered);

   551             }

   552         };

   553     }

   554 

   555     /**

   556      * Checks if the formatter function should be used.

   557      *

   558      * Throws an error if it is not a function. Returns true if it should be used,

   559      * false if no formatting should be performed.

   560      *

   561      * @param formatter

   562      */

   563     function checkFormatter(formatter, formatterName) {

   564         if ($.isFunction(formatter)) return true;

   565         if (!formatter) return false;

   566         if (typeof(formatter) === 'string') return true;

   567         throw new Error(formatterName +" must be a string, function, or falsy value");

   568     }

   569 

   570   /**

   571    * Returns a given value

   572    * If given a function, returns its output

   573    *

   574    * @param val string|function

   575    * @param context value of "this" to be passed to function

   576    * @returns {*}

   577    */

   578     function evaluate(val, context) {

   579         if ($.isFunction(val)) {

   580             var args = Array.prototype.slice.call(arguments, 2);

   581             return val.apply(context, args);

   582         }

   583         return val;

   584     }

   585 

   586     function countResults(results) {

   587         var count = 0;

   588         $.each(results, function(i, item) {

   589             if (item.children) {

   590                 count += countResults(item.children);

   591             } else {

   592                 count++;

   593             }

   594         });

   595         return count;

   596     }

   597 

   598     /**

   599      * Default tokenizer. This function uses breaks the input on substring match of any string from the

   600      * opts.tokenSeparators array and uses opts.createSearchChoice to create the choice object. Both of those

   601      * two options have to be defined in order for the tokenizer to work.

   602      *

   603      * @param input text user has typed so far or pasted into the search field

   604      * @param selection currently selected choices

   605      * @param selectCallback function(choice) callback tho add the choice to selection

   606      * @param opts select2's opts

   607      * @return undefined/null to leave the current input unchanged, or a string to change the input to the returned value

   608      */

   609     function defaultTokenizer(input, selection, selectCallback, opts) {

   610         var original = input, // store the original so we can compare and know if we need to tell the search to update its text

   611             dupe = false, // check for whether a token we extracted represents a duplicate selected choice

   612             token, // token

   613             index, // position at which the separator was found

   614             i, l, // looping variables

   615             separator; // the matched separator

   616 

   617         if (!opts.createSearchChoice || !opts.tokenSeparators || opts.tokenSeparators.length < 1) return undefined;

   618 

   619         while (true) {

   620             index = -1;

   621 

   622             for (i = 0, l = opts.tokenSeparators.length; i < l; i++) {

   623                 separator = opts.tokenSeparators[i];

   624                 index = input.indexOf(separator);

   625                 if (index >= 0) break;

   626             }

   627 

   628             if (index < 0) break; // did not find any token separator in the input string, bail

   629 

   630             token = input.substring(0, index);

   631             input = input.substring(index + separator.length);

   632 

   633             if (token.length > 0) {

   634                 token = opts.createSearchChoice.call(this, token, selection);

   635                 if (token !== undefined && token !== null && opts.id(token) !== undefined && opts.id(token) !== null) {

   636                     dupe = false;

   637                     for (i = 0, l = selection.length; i < l; i++) {

   638                         if (equal(opts.id(token), opts.id(selection[i]))) {

   639                             dupe = true; break;

   640                         }

   641                     }

   642 

   643                     if (!dupe) selectCallback(token);

   644                 }

   645             }

   646         }

   647 

   648         if (original!==input) return input;

   649     }

   650 

   651     function cleanupJQueryElements() {

   652         var self = this;

   653 

   654         $.each(arguments, function (i, element) {

   655             self[element].remove();

   656             self[element] = null;

   657         });

   658     }

   659 

   660     /**

   661      * Creates a new class

   662      *

   663      * @param superClass

   664      * @param methods

   665      */

   666     function clazz(SuperClass, methods) {

   667         var constructor = function () {};

   668         constructor.prototype = new SuperClass;

   669         constructor.prototype.constructor = constructor;

   670         constructor.prototype.parent = SuperClass.prototype;

   671         constructor.prototype = $.extend(constructor.prototype, methods);

   672         return constructor;

   673     }

   674 

   675     AbstractSelect2 = clazz(Object, {

   676 

   677         // abstract

   678         bind: function (func) {

   679             var self = this;

   680             return function () {

   681                 func.apply(self, arguments);

   682             };

   683         },

   684 

   685         // abstract

   686         init: function (opts) {

   687             var results, search, resultsSelector = ".select2-results";

   688 

   689             // prepare options

   690             this.opts = opts = this.prepareOpts(opts);

   691 

   692             this.id=opts.id;

   693 

   694             // destroy if called on an existing component

   695             if (opts.element.data("select2") !== undefined &&

   696                 opts.element.data("select2") !== null) {

   697                 opts.element.data("select2").destroy();

   698             }

   699 

   700             this.container = this.createContainer();

   701 

   702             this.liveRegion = $('.select2-hidden-accessible');

   703             if (this.liveRegion.length == 0) {

   704                 this.liveRegion = $("<span>", {

   705                         role: "status",

   706                         "aria-live": "polite"

   707                     })

   708                     .addClass("select2-hidden-accessible")

   709                     .appendTo(document.body);

   710             }

   711 

   712             this.containerId="s2id_"+(opts.element.attr("id") || "autogen"+nextUid());

   713             this.containerEventName= this.containerId

   714                 .replace(/([.])/g, '_')

   715                 .replace(/([;&,\-\.\+\*\~':"\!\^#$%@\[\]\(\)=>\|])/g, '\\$1');

   716             this.container.attr("id", this.containerId);

   717 

   718             this.container.attr("title", opts.element.attr("title"));

   719 

   720             this.body = $(document.body);

   721 

   722             syncCssClasses(this.container, this.opts.element, this.opts.adaptContainerCssClass);

   723 

   724             this.container.attr("style", opts.element.attr("style"));

   725             this.container.css(evaluate(opts.containerCss, this.opts.element));

   726             this.container.addClass(evaluate(opts.containerCssClass, this.opts.element));

   727 

   728             this.elementTabIndex = this.opts.element.attr("tabindex");

   729 

   730             // swap container for the element

   731             this.opts.element

   732                 .data("select2", this)

   733                 .attr("tabindex", "-1")

   734                 .before(this.container)

   735                 .on("click.select2", killEvent); // do not leak click events

   736 

   737             this.container.data("select2", this);

   738 

   739             this.dropdown = this.container.find(".select2-drop");

   740 

   741             syncCssClasses(this.dropdown, this.opts.element, this.opts.adaptDropdownCssClass);

   742 

   743             this.dropdown.addClass(evaluate(opts.dropdownCssClass, this.opts.element));

   744             this.dropdown.data("select2", this);

   745             this.dropdown.on("click", killEvent);

   746 

   747             this.results = results = this.container.find(resultsSelector);

   748             this.search = search = this.container.find("input.select2-input");

   749 

   750             this.queryCount = 0;

   751             this.resultsPage = 0;

   752             this.context = null;

   753 

   754             // initialize the container

   755             this.initContainer();

   756 

   757             this.container.on("click", killEvent);

   758 

   759             installFilteredMouseMove(this.results);

   760 

   761             this.dropdown.on("mousemove-filtered", resultsSelector, this.bind(this.highlightUnderEvent));

   762             this.dropdown.on("touchstart touchmove touchend", resultsSelector, this.bind(function (event) {

   763                 this._touchEvent = true;

   764                 this.highlightUnderEvent(event);

   765             }));

   766             this.dropdown.on("touchmove", resultsSelector, this.bind(this.touchMoved));

   767             this.dropdown.on("touchstart touchend", resultsSelector, this.bind(this.clearTouchMoved));

   768 

   769             // Waiting for a click event on touch devices to select option and hide dropdown

   770             // otherwise click will be triggered on an underlying element

   771             this.dropdown.on('click', this.bind(function (event) {

   772                 if (this._touchEvent) {

   773                     this._touchEvent = false;

   774                     this.selectHighlighted();

   775                 }

   776             }));

   777 

   778             installDebouncedScroll(80, this.results);

   779             this.dropdown.on("scroll-debounced", resultsSelector, this.bind(this.loadMoreIfNeeded));

   780 

   781             // do not propagate change event from the search field out of the component

   782             $(this.container).on("change", ".select2-input", function(e) {e.stopPropagation();});

   783             $(this.dropdown).on("change", ".select2-input", function(e) {e.stopPropagation();});

   784 

   785             // if jquery.mousewheel plugin is installed we can prevent out-of-bounds scrolling of results via mousewheel

   786             if ($.fn.mousewheel) {

   787                 results.mousewheel(function (e, delta, deltaX, deltaY) {

   788                     var top = results.scrollTop();

   789                     if (deltaY > 0 && top - deltaY <= 0) {

   790                         results.scrollTop(0);

   791                         killEvent(e);

   792                     } else if (deltaY < 0 && results.get(0).scrollHeight - results.scrollTop() + deltaY <= results.height()) {

   793                         results.scrollTop(results.get(0).scrollHeight - results.height());

   794                         killEvent(e);

   795                     }

   796                 });

   797             }

   798 

   799             installKeyUpChangeEvent(search);

   800             search.on("keyup-change input paste", this.bind(this.updateResults));

   801             search.on("focus", function () { search.addClass("select2-focused"); });

   802             search.on("blur", function () { search.removeClass("select2-focused");});

   803 

   804             this.dropdown.on("mouseup", resultsSelector, this.bind(function (e) {

   805                 if ($(e.target).closest(".select2-result-selectable").length > 0) {

   806                     this.highlightUnderEvent(e);

   807                     this.selectHighlighted(e);

   808                 }

   809             }));

   810 

   811             // trap all mouse events from leaving the dropdown. sometimes there may be a modal that is listening

   812             // for mouse events outside of itself so it can close itself. since the dropdown is now outside the select2's

   813             // dom it will trigger the popup close, which is not what we want

   814             // focusin can cause focus wars between modals and select2 since the dropdown is outside the modal.

   815             this.dropdown.on("click mouseup mousedown touchstart touchend focusin", function (e) { e.stopPropagation(); });

   816 

   817             this.nextSearchTerm = undefined;

   818 

   819             if ($.isFunction(this.opts.initSelection)) {

   820                 // initialize selection based on the current value of the source element

   821                 this.initSelection();

   822 

   823                 // if the user has provided a function that can set selection based on the value of the source element

   824                 // we monitor the change event on the element and trigger it, allowing for two way synchronization

   825                 this.monitorSource();

   826             }

   827 

   828             if (opts.maximumInputLength !== null) {

   829                 this.search.attr("maxlength", opts.maximumInputLength);

   830             }

   831 

   832             var disabled = opts.element.prop("disabled");

   833             if (disabled === undefined) disabled = false;

   834             this.enable(!disabled);

   835 

   836             var readonly = opts.element.prop("readonly");

   837             if (readonly === undefined) readonly = false;

   838             this.readonly(readonly);

   839 

   840             // Calculate size of scrollbar

   841             scrollBarDimensions = scrollBarDimensions || measureScrollbar();

   842 

   843             this.autofocus = opts.element.prop("autofocus");

   844             opts.element.prop("autofocus", false);

   845             if (this.autofocus) this.focus();

   846 

   847             this.search.attr("placeholder", opts.searchInputPlaceholder);

   848         },

   849 

   850         // abstract

   851         destroy: function () {

   852             var element=this.opts.element, select2 = element.data("select2"), self = this;

   853 

   854             this.close();

   855 

   856             if (element.length && element[0].detachEvent && self._sync) {

   857                 element.each(function () {

   858                     if (self._sync) {

   859                         this.detachEvent("onpropertychange", self._sync);

   860                     }

   861                 });

   862             }

   863             if (this.propertyObserver) {

   864                 this.propertyObserver.disconnect();

   865                 this.propertyObserver = null;

   866             }

   867             this._sync = null;

   868 

   869             if (select2 !== undefined) {

   870                 select2.container.remove();

   871                 select2.liveRegion.remove();

   872                 select2.dropdown.remove();

   873                 element

   874                     .show()

   875                     .removeData("select2")

   876                     .off(".select2")

   877                     .prop("autofocus", this.autofocus || false);

   878                 if (this.elementTabIndex) {

   879                     element.attr({tabindex: this.elementTabIndex});

   880                 } else {

   881                     element.removeAttr("tabindex");

   882                 }

   883                 element.show();

   884             }

   885 

   886             cleanupJQueryElements.call(this,

   887                 "container",

   888                 "liveRegion",

   889                 "dropdown",

   890                 "results",

   891                 "search"

   892             );

   893         },

   894 

   895         // abstract

   896         optionToData: function(element) {

   897             if (element.is("option")) {

   898                 return {

   899                     id:element.prop("value"),

   900                     text:element.text(),

   901                     element: element.get(),

   902                     css: element.attr("class"),

   903                     disabled: element.prop("disabled"),

   904                     locked: equal(element.attr("locked"), "locked") || equal(element.data("locked"), true)

   905                 };

   906             } else if (element.is("optgroup")) {

   907                 return {

   908                     text:element.attr("label"),

   909                     children:[],

   910                     element: element.get(),

   911                     css: element.attr("class")

   912                 };

   913             }

   914         },

   915 

   916         // abstract

   917         prepareOpts: function (opts) {

   918             var element, select, idKey, ajaxUrl, self = this;

   919 

   920             element = opts.element;

   921 

   922             if (element.get(0).tagName.toLowerCase() === "select") {

   923                 this.select = select = opts.element;

   924             }

   925 

   926             if (select) {

   927                 // these options are not allowed when attached to a select because they are picked up off the element itself

   928                 $.each(["id", "multiple", "ajax", "query", "createSearchChoice", "initSelection", "data", "tags"], function () {

   929                     if (this in opts) {

   930                         throw new Error("Option '" + this + "' is not allowed for Select2 when attached to a <select> element.");

   931                     }

   932                 });

   933             }

   934 

   935             opts = $.extend({}, {

   936                 populateResults: function(container, results, query) {

   937                     var populate, id=this.opts.id, liveRegion=this.liveRegion;

   938 

   939                     populate=function(results, container, depth) {

   940 

   941                         var i, l, result, selectable, disabled, compound, node, label, innerContainer, formatted;

   942 

   943                         results = opts.sortResults(results, container, query);

   944 

   945                         // collect the created nodes for bulk append

   946                         var nodes = [];

   947                         for (i = 0, l = results.length; i < l; i = i + 1) {

   948 

   949                             result=results[i];

   950 

   951                             disabled = (result.disabled === true);

   952                             selectable = (!disabled) && (id(result) !== undefined);

   953 

   954                             compound=result.children && result.children.length > 0;

   955 

   956                             node=$("<li></li>");

   957                             node.addClass("select2-results-dept-"+depth);

   958                             node.addClass("select2-result");

   959                             node.addClass(selectable ? "select2-result-selectable" : "select2-result-unselectable");

   960                             if (disabled) { node.addClass("select2-disabled"); }

   961                             if (compound) { node.addClass("select2-result-with-children"); }

   962                             node.addClass(self.opts.formatResultCssClass(result));

   963                             node.attr("role", "presentation");

   964 

   965                             label=$(document.createElement("div"));

   966                             label.addClass("select2-result-label");

   967                             label.attr("id", "select2-result-label-" + nextUid());

   968                             label.attr("role", "option");

   969 

   970                             formatted=opts.formatResult(result, label, query, self.opts.escapeMarkup);

   971                             if (formatted!==undefined) {

   972                                 label.html(formatted);

   973                                 node.append(label);

   974                             }

   975 

   976 

   977                             if (compound) {

   978 

   979                                 innerContainer=$("<ul></ul>");

   980                                 innerContainer.addClass("select2-result-sub");

   981                                 populate(result.children, innerContainer, depth+1);

   982                                 node.append(innerContainer);

   983                             }

   984 

   985                             node.data("select2-data", result);

   986                             nodes.push(node[0]);

   987                         }

   988 

   989                         // bulk append the created nodes

   990                         container.append(nodes);

   991                         liveRegion.text(opts.formatMatches(results.length));

   992                     };

   993 

   994                     populate(results, container, 0);

   995                 }

   996             }, $.fn.select2.defaults, opts);

   997 

   998             if (typeof(opts.id) !== "function") {

   999                 idKey = opts.id;

  1000                 opts.id = function (e) { return e[idKey]; };

  1001             }

  1002 

  1003             if ($.isArray(opts.element.data("select2Tags"))) {

  1004                 if ("tags" in opts) {

  1005                     throw "tags specified as both an attribute 'data-select2-tags' and in options of Select2 " + opts.element.attr("id");

  1006                 }

  1007                 opts.tags=opts.element.data("select2Tags");

  1008             }

  1009 

  1010             if (select) {

  1011                 opts.query = this.bind(function (query) {

  1012                     var data = { results: [], more: false },

  1013                         term = query.term,

  1014                         children, placeholderOption, process;

  1015 

  1016                     process=function(element, collection) {

  1017                         var group;

  1018                         if (element.is("option")) {

  1019                             if (query.matcher(term, element.text(), element)) {

  1020                                 collection.push(self.optionToData(element));

  1021                             }

  1022                         } else if (element.is("optgroup")) {

  1023                             group=self.optionToData(element);

  1024                             element.children().each2(function(i, elm) { process(elm, group.children); });

  1025                             if (group.children.length>0) {

  1026                                 collection.push(group);

  1027                             }

  1028                         }

  1029                     };

  1030 

  1031                     children=element.children();

  1032 

  1033                     // ignore the placeholder option if there is one

  1034                     if (this.getPlaceholder() !== undefined && children.length > 0) {

  1035                         placeholderOption = this.getPlaceholderOption();

  1036                         if (placeholderOption) {

  1037                             children=children.not(placeholderOption);

  1038                         }

  1039                     }

  1040 

  1041                     children.each2(function(i, elm) { process(elm, data.results); });

  1042 

  1043                     query.callback(data);

  1044                 });

  1045                 // this is needed because inside val() we construct choices from options and their id is hardcoded

  1046                 opts.id=function(e) { return e.id; };

  1047             } else {

  1048                 if (!("query" in opts)) {

  1049 

  1050                     if ("ajax" in opts) {

  1051                         ajaxUrl = opts.element.data("ajax-url");

  1052                         if (ajaxUrl && ajaxUrl.length > 0) {

  1053                             opts.ajax.url = ajaxUrl;

  1054                         }

  1055                         opts.query = ajax.call(opts.element, opts.ajax);

  1056                     } else if ("data" in opts) {

  1057                         opts.query = local(opts.data);

  1058                     } else if ("tags" in opts) {

  1059                         opts.query = tags(opts.tags);

  1060                         if (opts.createSearchChoice === undefined) {

  1061                             opts.createSearchChoice = function (term) { return {id: $.trim(term), text: $.trim(term)}; };

  1062                         }

  1063                         if (opts.initSelection === undefined) {

  1064                             opts.initSelection = function (element, callback) {

  1065                                 var data = [];

  1066                                 $(splitVal(element.val(), opts.separator, opts.transformVal)).each(function () {

  1067                                     var obj = { id: this, text: this },

  1068                                         tags = opts.tags;

  1069                                     if ($.isFunction(tags)) tags=tags();

  1070                                     $(tags).each(function() { if (equal(this.id, obj.id)) { obj = this; return false; } });

  1071                                     data.push(obj);

  1072                                 });

  1073 

  1074                                 callback(data);

  1075                             };

  1076                         }

  1077                     }

  1078                 }

  1079             }

  1080             if (typeof(opts.query) !== "function") {

  1081                 throw "query function not defined for Select2 " + opts.element.attr("id");

  1082             }

  1083 

  1084             if (opts.createSearchChoicePosition === 'top') {

  1085                 opts.createSearchChoicePosition = function(list, item) { list.unshift(item); };

  1086             }

  1087             else if (opts.createSearchChoicePosition === 'bottom') {

  1088                 opts.createSearchChoicePosition = function(list, item) { list.push(item); };

  1089             }

  1090             else if (typeof(opts.createSearchChoicePosition) !== "function")  {

  1091                 throw "invalid createSearchChoicePosition option must be 'top', 'bottom' or a custom function";

  1092             }

  1093 

  1094             return opts;

  1095         },

  1096 

  1097         /**

  1098          * Monitor the original element for changes and update select2 accordingly

  1099          */

  1100         // abstract

  1101         monitorSource: function () {

  1102             var el = this.opts.element, observer, self = this;

  1103 

  1104             el.on("change.select2", this.bind(function (e) {

  1105                 if (this.opts.element.data("select2-change-triggered") !== true) {

  1106                     this.initSelection();

  1107                 }

  1108             }));

  1109 

  1110             this._sync = this.bind(function () {

  1111 

  1112                 // sync enabled state

  1113                 var disabled = el.prop("disabled");

  1114                 if (disabled === undefined) disabled = false;

  1115                 this.enable(!disabled);

  1116 

  1117                 var readonly = el.prop("readonly");

  1118                 if (readonly === undefined) readonly = false;

  1119                 this.readonly(readonly);

  1120 

  1121                 if (this.container) {

  1122                     syncCssClasses(this.container, this.opts.element, this.opts.adaptContainerCssClass);

  1123                     this.container.addClass(evaluate(this.opts.containerCssClass, this.opts.element));

  1124                 }

  1125 

  1126                 if (this.dropdown) {

  1127                     syncCssClasses(this.dropdown, this.opts.element, this.opts.adaptDropdownCssClass);

  1128                     this.dropdown.addClass(evaluate(this.opts.dropdownCssClass, this.opts.element));

  1129                 }

  1130 

  1131             });

  1132 

  1133             // IE8-10 (IE9/10 won't fire propertyChange via attachEventListener)

  1134             if (el.length && el[0].attachEvent) {

  1135                 el.each(function() {