2015-03-12 03:26:48 +03:00
|
|
|
/*!
|
2017-11-22 07:16:57 +03:00
|
|
|
* Select2 4.0.6-rc.1
|
2015-03-12 03:26:48 +03:00
|
|
|
* https://select2.github.io
|
|
|
|
*
|
|
|
|
* Released under the MIT license
|
|
|
|
* https://github.com/select2/select2/blob/master/LICENSE.md
|
|
|
|
*/
|
2017-10-26 21:19:09 +03:00
|
|
|
;(function (factory) {
|
2015-03-15 02:05:24 +03:00
|
|
|
if (typeof define === 'function' && define.amd) {
|
|
|
|
// AMD. Register as an anonymous module.
|
|
|
|
define(['jquery'], factory);
|
2016-12-30 03:47:19 +03:00
|
|
|
} else if (typeof module === 'object' && module.exports) {
|
2015-03-15 02:05:24 +03:00
|
|
|
// Node/CommonJS
|
2016-12-30 03:47:19 +03:00
|
|
|
module.exports = function (root, jQuery) {
|
|
|
|
if (jQuery === undefined) {
|
|
|
|
// require('jQuery') returns a factory that requires window to
|
|
|
|
// build a jQuery instance, we normalize how we use modules
|
|
|
|
// that require this pattern but the window provided is a noop
|
|
|
|
// if it's defined (how jquery works)
|
|
|
|
if (typeof window !== 'undefined') {
|
|
|
|
jQuery = require('jquery');
|
|
|
|
}
|
|
|
|
else {
|
|
|
|
jQuery = require('jquery')(root);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
factory(jQuery);
|
|
|
|
return jQuery;
|
|
|
|
};
|
2015-03-15 02:05:24 +03:00
|
|
|
} else {
|
|
|
|
// Browser globals
|
|
|
|
factory(jQuery);
|
|
|
|
}
|
2016-12-30 03:47:19 +03:00
|
|
|
} (function (jQuery) {
|
2015-03-15 02:05:24 +03:00
|
|
|
// This is needed so we can catch the AMD loader configuration and use it
|
|
|
|
// The inner file should be wrapped (by `banner.start.js`) in a function that
|
|
|
|
// returns the AMD loader references.
|
2016-12-30 03:47:19 +03:00
|
|
|
var S2 =(function () {
|
2015-03-15 02:05:24 +03:00
|
|
|
// Restore the Select2 AMD loader so it can be used
|
|
|
|
// Needed mostly in the language files, where the loader is not inserted
|
|
|
|
if (jQuery && jQuery.fn && jQuery.fn.select2 && jQuery.fn.select2.amd) {
|
|
|
|
var S2 = jQuery.fn.select2.amd;
|
|
|
|
}
|
|
|
|
var S2;(function () { if (!S2 || !S2.requirejs) {
|
|
|
|
if (!S2) { S2 = {}; } else { require = S2; }
|
|
|
|
/**
|
2017-09-24 19:09:35 +03:00
|
|
|
* @license almond 0.3.3 Copyright jQuery Foundation and other contributors.
|
|
|
|
* Released under MIT license, http://github.com/requirejs/almond/LICENSE
|
2014-08-27 02:01:42 +04:00
|
|
|
*/
|
|
|
|
//Going sloppy to avoid 'use strict' string cost, but strict practices should
|
|
|
|
//be followed.
|
|
|
|
/*global setTimeout: false */
|
|
|
|
|
|
|
|
var requirejs, require, define;
|
|
|
|
(function (undef) {
|
|
|
|
var main, req, makeMap, handlers,
|
|
|
|
defined = {},
|
|
|
|
waiting = {},
|
|
|
|
config = {},
|
|
|
|
defining = {},
|
|
|
|
hasOwn = Object.prototype.hasOwnProperty,
|
|
|
|
aps = [].slice,
|
|
|
|
jsSuffixRegExp = /\.js$/;
|
|
|
|
|
|
|
|
function hasProp(obj, prop) {
|
|
|
|
return hasOwn.call(obj, prop);
|
|
|
|
}
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Given a relative module name, like ./something, normalize it to
|
|
|
|
* a real name that can be mapped to a path.
|
|
|
|
* @param {String} name the relative name
|
|
|
|
* @param {String} baseName a real name that the name arg is relative
|
|
|
|
* to.
|
|
|
|
* @returns {String} normalized name
|
|
|
|
*/
|
|
|
|
function normalize(name, baseName) {
|
|
|
|
var nameParts, nameSegment, mapValue, foundMap, lastIndex,
|
2017-09-24 19:09:35 +03:00
|
|
|
foundI, foundStarMap, starI, i, j, part, normalizedBaseParts,
|
2014-08-27 02:01:42 +04:00
|
|
|
baseParts = baseName && baseName.split("/"),
|
|
|
|
map = config.map,
|
|
|
|
starMap = (map && map['*']) || {};
|
|
|
|
|
|
|
|
//Adjust any relative paths.
|
2017-09-24 19:09:35 +03:00
|
|
|
if (name) {
|
|
|
|
name = name.split('/');
|
|
|
|
lastIndex = name.length - 1;
|
|
|
|
|
|
|
|
// If wanting node ID compatibility, strip .js from end
|
|
|
|
// of IDs. Have to do this here, and not in nameToUrl
|
|
|
|
// because node allows either .js or non .js to map
|
|
|
|
// to same file.
|
|
|
|
if (config.nodeIdCompat && jsSuffixRegExp.test(name[lastIndex])) {
|
|
|
|
name[lastIndex] = name[lastIndex].replace(jsSuffixRegExp, '');
|
|
|
|
}
|
2014-08-27 02:01:42 +04:00
|
|
|
|
2017-09-24 19:09:35 +03:00
|
|
|
// Starts with a '.' so need the baseName
|
|
|
|
if (name[0].charAt(0) === '.' && baseParts) {
|
|
|
|
//Convert baseName to array, and lop off the last part,
|
|
|
|
//so that . matches that 'directory' and not name of the baseName's
|
|
|
|
//module. For instance, baseName of 'one/two/three', maps to
|
|
|
|
//'one/two/three.js', but we want the directory, 'one/two' for
|
|
|
|
//this normalization.
|
|
|
|
normalizedBaseParts = baseParts.slice(0, baseParts.length - 1);
|
|
|
|
name = normalizedBaseParts.concat(name);
|
|
|
|
}
|
|
|
|
|
|
|
|
//start trimDots
|
|
|
|
for (i = 0; i < name.length; i++) {
|
|
|
|
part = name[i];
|
|
|
|
if (part === '.') {
|
|
|
|
name.splice(i, 1);
|
|
|
|
i -= 1;
|
|
|
|
} else if (part === '..') {
|
|
|
|
// If at the start, or previous value is still ..,
|
|
|
|
// keep them so that when converted to a path it may
|
|
|
|
// still work when converted to a path, even though
|
|
|
|
// as an ID it is less than ideal. In larger point
|
|
|
|
// releases, may be better to just kick out an error.
|
|
|
|
if (i === 0 || (i === 1 && name[2] === '..') || name[i - 1] === '..') {
|
|
|
|
continue;
|
|
|
|
} else if (i > 0) {
|
|
|
|
name.splice(i - 1, 2);
|
|
|
|
i -= 2;
|
2014-08-27 02:01:42 +04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
2017-09-24 19:09:35 +03:00
|
|
|
//end trimDots
|
|
|
|
|
|
|
|
name = name.join('/');
|
2014-08-27 02:01:42 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
//Apply map config if available.
|
|
|
|
if ((baseParts || starMap) && map) {
|
|
|
|
nameParts = name.split('/');
|
|
|
|
|
|
|
|
for (i = nameParts.length; i > 0; i -= 1) {
|
|
|
|
nameSegment = nameParts.slice(0, i).join("/");
|
|
|
|
|
|
|
|
if (baseParts) {
|
|
|
|
//Find the longest baseName segment match in the config.
|
|
|
|
//So, do joins on the biggest to smallest lengths of baseParts.
|
|
|
|
for (j = baseParts.length; j > 0; j -= 1) {
|
|
|
|
mapValue = map[baseParts.slice(0, j).join('/')];
|
|
|
|
|
|
|
|
//baseName segment has config, find if it has one for
|
|
|
|
//this name.
|
|
|
|
if (mapValue) {
|
|
|
|
mapValue = mapValue[nameSegment];
|
|
|
|
if (mapValue) {
|
|
|
|
//Match, update name to the new value.
|
|
|
|
foundMap = mapValue;
|
|
|
|
foundI = i;
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (foundMap) {
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
|
|
|
|
//Check for a star map match, but just hold on to it,
|
|
|
|
//if there is a shorter segment match later in a matching
|
|
|
|
//config, then favor over this star map.
|
|
|
|
if (!foundStarMap && starMap && starMap[nameSegment]) {
|
|
|
|
foundStarMap = starMap[nameSegment];
|
|
|
|
starI = i;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!foundMap && foundStarMap) {
|
|
|
|
foundMap = foundStarMap;
|
|
|
|
foundI = starI;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (foundMap) {
|
|
|
|
nameParts.splice(0, foundI, foundMap);
|
|
|
|
name = nameParts.join('/');
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return name;
|
|
|
|
}
|
|
|
|
|
|
|
|
function makeRequire(relName, forceSync) {
|
|
|
|
return function () {
|
|
|
|
//A version of a require function that passes a moduleName
|
|
|
|
//value for items that may need to
|
|
|
|
//look up paths relative to the moduleName
|
2015-11-28 00:06:33 +03:00
|
|
|
var args = aps.call(arguments, 0);
|
|
|
|
|
|
|
|
//If first arg is not require('string'), and there is only
|
|
|
|
//one arg, it is the array form without a callback. Insert
|
|
|
|
//a null so that the following concat is correct.
|
|
|
|
if (typeof args[0] !== 'string' && args.length === 1) {
|
|
|
|
args.push(null);
|
|
|
|
}
|
|
|
|
return req.apply(undef, args.concat([relName, forceSync]));
|
2014-08-27 02:01:42 +04:00
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function makeNormalize(relName) {
|
|
|
|
return function (name) {
|
|
|
|
return normalize(name, relName);
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function makeLoad(depName) {
|
|
|
|
return function (value) {
|
|
|
|
defined[depName] = value;
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function callDep(name) {
|
|
|
|
if (hasProp(waiting, name)) {
|
|
|
|
var args = waiting[name];
|
|
|
|
delete waiting[name];
|
|
|
|
defining[name] = true;
|
|
|
|
main.apply(undef, args);
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!hasProp(defined, name) && !hasProp(defining, name)) {
|
|
|
|
throw new Error('No ' + name);
|
|
|
|
}
|
|
|
|
return defined[name];
|
|
|
|
}
|
|
|
|
|
|
|
|
//Turns a plugin!resource to [plugin, resource]
|
|
|
|
//with the plugin being undefined if the name
|
|
|
|
//did not have a plugin prefix.
|
|
|
|
function splitPrefix(name) {
|
|
|
|
var prefix,
|
|
|
|
index = name ? name.indexOf('!') : -1;
|
|
|
|
if (index > -1) {
|
|
|
|
prefix = name.substring(0, index);
|
|
|
|
name = name.substring(index + 1, name.length);
|
|
|
|
}
|
|
|
|
return [prefix, name];
|
|
|
|
}
|
|
|
|
|
2017-09-24 19:09:35 +03:00
|
|
|
//Creates a parts array for a relName where first part is plugin ID,
|
|
|
|
//second part is resource ID. Assumes relName has already been normalized.
|
|
|
|
function makeRelParts(relName) {
|
|
|
|
return relName ? splitPrefix(relName) : [];
|
|
|
|
}
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
/**
|
|
|
|
* Makes a name map, normalizing the name, and using a plugin
|
|
|
|
* for normalization if necessary. Grabs a ref to plugin
|
|
|
|
* too, as an optimization.
|
|
|
|
*/
|
2017-09-24 19:09:35 +03:00
|
|
|
makeMap = function (name, relParts) {
|
2014-08-27 02:01:42 +04:00
|
|
|
var plugin,
|
|
|
|
parts = splitPrefix(name),
|
2017-09-24 19:09:35 +03:00
|
|
|
prefix = parts[0],
|
|
|
|
relResourceName = relParts[1];
|
2014-08-27 02:01:42 +04:00
|
|
|
|
|
|
|
name = parts[1];
|
|
|
|
|
|
|
|
if (prefix) {
|
2017-09-24 19:09:35 +03:00
|
|
|
prefix = normalize(prefix, relResourceName);
|
2014-08-27 02:01:42 +04:00
|
|
|
plugin = callDep(prefix);
|
|
|
|
}
|
|
|
|
|
|
|
|
//Normalize according
|
|
|
|
if (prefix) {
|
|
|
|
if (plugin && plugin.normalize) {
|
2017-09-24 19:09:35 +03:00
|
|
|
name = plugin.normalize(name, makeNormalize(relResourceName));
|
2014-08-27 02:01:42 +04:00
|
|
|
} else {
|
2017-09-24 19:09:35 +03:00
|
|
|
name = normalize(name, relResourceName);
|
2014-08-27 02:01:42 +04:00
|
|
|
}
|
|
|
|
} else {
|
2017-09-24 19:09:35 +03:00
|
|
|
name = normalize(name, relResourceName);
|
2014-08-27 02:01:42 +04:00
|
|
|
parts = splitPrefix(name);
|
|
|
|
prefix = parts[0];
|
|
|
|
name = parts[1];
|
|
|
|
if (prefix) {
|
|
|
|
plugin = callDep(prefix);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//Using ridiculous property names for space reasons
|
|
|
|
return {
|
|
|
|
f: prefix ? prefix + '!' + name : name, //fullName
|
|
|
|
n: name,
|
|
|
|
pr: prefix,
|
|
|
|
p: plugin
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
function makeConfig(name) {
|
|
|
|
return function () {
|
|
|
|
return (config && config.config && config.config[name]) || {};
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
handlers = {
|
|
|
|
require: function (name) {
|
|
|
|
return makeRequire(name);
|
|
|
|
},
|
|
|
|
exports: function (name) {
|
|
|
|
var e = defined[name];
|
|
|
|
if (typeof e !== 'undefined') {
|
|
|
|
return e;
|
|
|
|
} else {
|
|
|
|
return (defined[name] = {});
|
|
|
|
}
|
|
|
|
},
|
|
|
|
module: function (name) {
|
|
|
|
return {
|
|
|
|
id: name,
|
|
|
|
uri: '',
|
|
|
|
exports: defined[name],
|
|
|
|
config: makeConfig(name)
|
|
|
|
};
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
main = function (name, deps, callback, relName) {
|
2017-09-24 19:09:35 +03:00
|
|
|
var cjsModule, depName, ret, map, i, relParts,
|
2014-08-27 02:01:42 +04:00
|
|
|
args = [],
|
|
|
|
callbackType = typeof callback,
|
|
|
|
usingExports;
|
|
|
|
|
|
|
|
//Use name if no relName
|
|
|
|
relName = relName || name;
|
2017-09-24 19:09:35 +03:00
|
|
|
relParts = makeRelParts(relName);
|
2014-08-27 02:01:42 +04:00
|
|
|
|
|
|
|
//Call the callback to define the module, if necessary.
|
|
|
|
if (callbackType === 'undefined' || callbackType === 'function') {
|
|
|
|
//Pull out the defined dependencies and pass the ordered
|
|
|
|
//values to the callback.
|
|
|
|
//Default to [require, exports, module] if no deps
|
|
|
|
deps = !deps.length && callback.length ? ['require', 'exports', 'module'] : deps;
|
|
|
|
for (i = 0; i < deps.length; i += 1) {
|
2017-09-24 19:09:35 +03:00
|
|
|
map = makeMap(deps[i], relParts);
|
2014-08-27 02:01:42 +04:00
|
|
|
depName = map.f;
|
|
|
|
|
|
|
|
//Fast path CommonJS standard dependencies.
|
|
|
|
if (depName === "require") {
|
|
|
|
args[i] = handlers.require(name);
|
|
|
|
} else if (depName === "exports") {
|
|
|
|
//CommonJS module spec 1.1
|
|
|
|
args[i] = handlers.exports(name);
|
|
|
|
usingExports = true;
|
|
|
|
} else if (depName === "module") {
|
|
|
|
//CommonJS module spec 1.1
|
|
|
|
cjsModule = args[i] = handlers.module(name);
|
|
|
|
} else if (hasProp(defined, depName) ||
|
|
|
|
hasProp(waiting, depName) ||
|
|
|
|
hasProp(defining, depName)) {
|
|
|
|
args[i] = callDep(depName);
|
|
|
|
} else if (map.p) {
|
|
|
|
map.p.load(map.n, makeRequire(relName, true), makeLoad(depName), {});
|
|
|
|
args[i] = defined[depName];
|
|
|
|
} else {
|
|
|
|
throw new Error(name + ' missing ' + depName);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
ret = callback ? callback.apply(defined[name], args) : undefined;
|
|
|
|
|
|
|
|
if (name) {
|
|
|
|
//If setting exports via "module" is in play,
|
|
|
|
//favor that over return value and exports. After that,
|
|
|
|
//favor a non-undefined return value over exports use.
|
|
|
|
if (cjsModule && cjsModule.exports !== undef &&
|
|
|
|
cjsModule.exports !== defined[name]) {
|
|
|
|
defined[name] = cjsModule.exports;
|
|
|
|
} else if (ret !== undef || !usingExports) {
|
|
|
|
//Use the return value from the function.
|
|
|
|
defined[name] = ret;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else if (name) {
|
|
|
|
//May just be an object definition for the module. Only
|
|
|
|
//worry about defining if have a module name.
|
|
|
|
defined[name] = callback;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
requirejs = require = req = function (deps, callback, relName, forceSync, alt) {
|
|
|
|
if (typeof deps === "string") {
|
|
|
|
if (handlers[deps]) {
|
|
|
|
//callback in this case is really relName
|
|
|
|
return handlers[deps](callback);
|
|
|
|
}
|
|
|
|
//Just return the module wanted. In this scenario, the
|
|
|
|
//deps arg is the module name, and second arg (if passed)
|
|
|
|
//is just the relName.
|
|
|
|
//Normalize module name, if it contains . or ..
|
2017-09-24 19:09:35 +03:00
|
|
|
return callDep(makeMap(deps, makeRelParts(callback)).f);
|
2014-08-27 02:01:42 +04:00
|
|
|
} else if (!deps.splice) {
|
|
|
|
//deps is a config object, not an array.
|
|
|
|
config = deps;
|
|
|
|
if (config.deps) {
|
|
|
|
req(config.deps, config.callback);
|
|
|
|
}
|
|
|
|
if (!callback) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (callback.splice) {
|
|
|
|
//callback is an array, which means it is a dependency list.
|
|
|
|
//Adjust args if there are dependencies
|
|
|
|
deps = callback;
|
|
|
|
callback = relName;
|
|
|
|
relName = null;
|
|
|
|
} else {
|
|
|
|
deps = undef;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
//Support require(['a'])
|
|
|
|
callback = callback || function () {};
|
|
|
|
|
|
|
|
//If relName is a function, it is an errback handler,
|
|
|
|
//so remove it.
|
|
|
|
if (typeof relName === 'function') {
|
|
|
|
relName = forceSync;
|
|
|
|
forceSync = alt;
|
|
|
|
}
|
|
|
|
|
|
|
|
//Simulate async callback;
|
|
|
|
if (forceSync) {
|
|
|
|
main(undef, deps, callback, relName);
|
|
|
|
} else {
|
|
|
|
//Using a non-zero value because of concern for what old browsers
|
|
|
|
//do, and latest browsers "upgrade" to 4 if lower value is used:
|
|
|
|
//http://www.whatwg.org/specs/web-apps/current-work/multipage/timers.html#dom-windowtimers-settimeout:
|
|
|
|
//If want a value immediately, use require('id') instead -- something
|
|
|
|
//that works in almond on the global level, but not guaranteed and
|
|
|
|
//unlikely to work in other AMD implementations.
|
|
|
|
setTimeout(function () {
|
|
|
|
main(undef, deps, callback, relName);
|
|
|
|
}, 4);
|
|
|
|
}
|
|
|
|
|
|
|
|
return req;
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Just drops the config on the floor, but returns req in case
|
|
|
|
* the config return value is used.
|
|
|
|
*/
|
|
|
|
req.config = function (cfg) {
|
|
|
|
return req(cfg);
|
|
|
|
};
|
|
|
|
|
|
|
|
/**
|
|
|
|
* Expose module registry for debugging and tooling
|
|
|
|
*/
|
|
|
|
requirejs._defined = defined;
|
|
|
|
|
|
|
|
define = function (name, deps, callback) {
|
2015-11-28 00:06:33 +03:00
|
|
|
if (typeof name !== 'string') {
|
|
|
|
throw new Error('See almond README: incorrect module build, no module name');
|
|
|
|
}
|
2014-08-27 02:01:42 +04:00
|
|
|
|
|
|
|
//This module may not have dependencies
|
|
|
|
if (!deps.splice) {
|
|
|
|
//deps is not an array, so probably means
|
|
|
|
//an object literal or factory function for
|
|
|
|
//the value. Adjust args.
|
|
|
|
callback = deps;
|
|
|
|
deps = [];
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!hasProp(defined, name) && !hasProp(waiting, name)) {
|
|
|
|
waiting[name] = [name, deps, callback];
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
define.amd = {
|
|
|
|
jQuery: true
|
|
|
|
};
|
|
|
|
}());
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.requirejs = requirejs;S2.require = require;S2.define = define;
|
|
|
|
}
|
|
|
|
}());
|
|
|
|
S2.define("almond", function(){});
|
2014-08-27 02:01:42 +04:00
|
|
|
|
2015-02-14 06:49:54 +03:00
|
|
|
/* global jQuery:false, $:false */
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('jquery',[],function () {
|
2015-01-22 22:49:39 +03:00
|
|
|
var _$ = jQuery || $;
|
|
|
|
|
|
|
|
if (_$ == null && console && console.error) {
|
|
|
|
console.error(
|
|
|
|
'Select2: An instance of jQuery or a jQuery-compatible library was not ' +
|
|
|
|
'found. Make sure that you are including jQuery before Select2 on your ' +
|
|
|
|
'web page.'
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
return _$;
|
2014-09-22 00:43:44 +04:00
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/utils',[
|
2015-01-29 16:11:18 +03:00
|
|
|
'jquery'
|
|
|
|
], function ($) {
|
2014-08-27 02:01:42 +04:00
|
|
|
var Utils = {};
|
|
|
|
|
|
|
|
Utils.Extend = function (ChildClass, SuperClass) {
|
2014-09-22 00:43:44 +04:00
|
|
|
var __hasProp = {}.hasOwnProperty;
|
2014-08-27 02:01:42 +04:00
|
|
|
|
|
|
|
function BaseConstructor () {
|
|
|
|
this.constructor = ChildClass;
|
|
|
|
}
|
|
|
|
|
|
|
|
for (var key in SuperClass) {
|
|
|
|
if (__hasProp.call(SuperClass, key)) {
|
|
|
|
ChildClass[key] = SuperClass[key];
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
BaseConstructor.prototype = SuperClass.prototype;
|
|
|
|
ChildClass.prototype = new BaseConstructor();
|
|
|
|
ChildClass.__super__ = SuperClass.prototype;
|
|
|
|
|
|
|
|
return ChildClass;
|
|
|
|
};
|
|
|
|
|
2014-08-29 03:54:01 +04:00
|
|
|
function getMethods (theClass) {
|
|
|
|
var proto = theClass.prototype;
|
|
|
|
|
|
|
|
var methods = [];
|
|
|
|
|
|
|
|
for (var methodName in proto) {
|
|
|
|
var m = proto[methodName];
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
if (typeof m !== 'function') {
|
2014-08-29 03:54:01 +04:00
|
|
|
continue;
|
|
|
|
}
|
|
|
|
|
2014-11-23 03:21:46 +03:00
|
|
|
if (methodName === 'constructor') {
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
|
2014-08-29 03:54:01 +04:00
|
|
|
methods.push(methodName);
|
|
|
|
}
|
|
|
|
|
|
|
|
return methods;
|
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Decorate = function (SuperClass, DecoratorClass) {
|
|
|
|
var decoratedMethods = getMethods(DecoratorClass);
|
|
|
|
var superMethods = getMethods(SuperClass);
|
|
|
|
|
|
|
|
function DecoratedClass () {
|
|
|
|
var unshift = Array.prototype.unshift;
|
|
|
|
|
|
|
|
var argCount = DecoratorClass.prototype.constructor.length;
|
|
|
|
|
|
|
|
var calledConstructor = SuperClass.prototype.constructor;
|
|
|
|
|
|
|
|
if (argCount > 0) {
|
2014-08-29 05:20:36 +04:00
|
|
|
unshift.call(arguments, SuperClass.prototype.constructor);
|
|
|
|
|
2014-08-29 03:54:01 +04:00
|
|
|
calledConstructor = DecoratorClass.prototype.constructor;
|
|
|
|
}
|
|
|
|
|
|
|
|
calledConstructor.apply(this, arguments);
|
|
|
|
}
|
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
DecoratorClass.displayName = SuperClass.displayName;
|
|
|
|
|
2014-08-29 03:54:01 +04:00
|
|
|
function ctr () {
|
|
|
|
this.constructor = DecoratedClass;
|
|
|
|
}
|
|
|
|
|
|
|
|
DecoratedClass.prototype = new ctr();
|
|
|
|
|
|
|
|
for (var m = 0; m < superMethods.length; m++) {
|
2017-10-26 21:19:09 +03:00
|
|
|
var superMethod = superMethods[m];
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
DecoratedClass.prototype[superMethod] =
|
|
|
|
SuperClass.prototype[superMethod];
|
2014-08-29 03:54:01 +04:00
|
|
|
}
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
var calledMethod = function (methodName) {
|
|
|
|
// Stub out the original method if it's not decorating an actual method
|
|
|
|
var originalMethod = function () {};
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
if (methodName in DecoratedClass.prototype) {
|
|
|
|
originalMethod = DecoratedClass.prototype[methodName];
|
|
|
|
}
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
var decoratedMethod = DecoratorClass.prototype[methodName];
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
return function () {
|
|
|
|
var unshift = Array.prototype.unshift;
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
unshift.call(arguments, originalMethod);
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
return decoratedMethod.apply(this, arguments);
|
|
|
|
};
|
|
|
|
};
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
for (var d = 0; d < decoratedMethods.length; d++) {
|
|
|
|
var decoratedMethod = decoratedMethods[d];
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
DecoratedClass.prototype[decoratedMethod] = calledMethod(decoratedMethod);
|
2014-08-29 03:54:01 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
return DecoratedClass;
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-29 03:54:01 +04:00
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
var Observable = function () {
|
|
|
|
this.listeners = {};
|
|
|
|
};
|
|
|
|
|
|
|
|
Observable.prototype.on = function (event, callback) {
|
2014-11-02 03:35:23 +03:00
|
|
|
this.listeners = this.listeners || {};
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
if (event in this.listeners) {
|
|
|
|
this.listeners[event].push(callback);
|
|
|
|
} else {
|
|
|
|
this.listeners[event] = [callback];
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Observable.prototype.trigger = function (event) {
|
2014-08-27 19:33:33 +04:00
|
|
|
var slice = Array.prototype.slice;
|
2016-05-15 05:34:03 +03:00
|
|
|
var params = slice.call(arguments, 1);
|
2014-08-27 19:33:33 +04:00
|
|
|
|
2014-11-02 03:35:23 +03:00
|
|
|
this.listeners = this.listeners || {};
|
|
|
|
|
2016-05-15 05:34:03 +03:00
|
|
|
// Params should always come in as an array
|
|
|
|
if (params == null) {
|
|
|
|
params = [];
|
|
|
|
}
|
|
|
|
|
|
|
|
// If there are no arguments to the event, use a temporary object
|
|
|
|
if (params.length === 0) {
|
|
|
|
params.push({});
|
|
|
|
}
|
|
|
|
|
|
|
|
// Set the `_type` of the first object to the event
|
|
|
|
params[0]._type = event;
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
if (event in this.listeners) {
|
2014-08-27 19:33:33 +04:00
|
|
|
this.invoke(this.listeners[event], slice.call(arguments, 1));
|
2014-08-27 02:01:42 +04:00
|
|
|
}
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
if ('*' in this.listeners) {
|
|
|
|
this.invoke(this.listeners['*'], arguments);
|
2014-08-27 02:01:42 +04:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Observable.prototype.invoke = function (listeners, params) {
|
|
|
|
for (var i = 0, len = listeners.length; i < len; i++) {
|
|
|
|
listeners[i].apply(this, params);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Utils.Observable = Observable;
|
|
|
|
|
2014-10-20 01:39:09 +04:00
|
|
|
Utils.generateChars = function (length) {
|
|
|
|
var chars = '';
|
|
|
|
|
|
|
|
for (var i = 0; i < length; i++) {
|
|
|
|
var randomChar = Math.floor(Math.random() * 36);
|
|
|
|
chars += randomChar.toString(36);
|
|
|
|
}
|
|
|
|
|
|
|
|
return chars;
|
|
|
|
};
|
|
|
|
|
2014-12-17 06:44:11 +03:00
|
|
|
Utils.bind = function (func, context) {
|
|
|
|
return function () {
|
|
|
|
func.apply(context, arguments);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
2015-01-18 05:27:53 +03:00
|
|
|
Utils._convertData = function (data) {
|
|
|
|
for (var originalKey in data) {
|
|
|
|
var keys = originalKey.split('-');
|
|
|
|
|
|
|
|
var dataLevel = data;
|
|
|
|
|
|
|
|
if (keys.length === 1) {
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
|
|
|
|
for (var k = 0; k < keys.length; k++) {
|
|
|
|
var key = keys[k];
|
|
|
|
|
|
|
|
// Lowercase the first letter
|
|
|
|
// By default, dash-separated becomes camelCase
|
|
|
|
key = key.substring(0, 1).toLowerCase() + key.substring(1);
|
|
|
|
|
|
|
|
if (!(key in dataLevel)) {
|
|
|
|
dataLevel[key] = {};
|
|
|
|
}
|
|
|
|
|
|
|
|
if (k == keys.length - 1) {
|
|
|
|
dataLevel[key] = data[originalKey];
|
|
|
|
}
|
|
|
|
|
|
|
|
dataLevel = dataLevel[key];
|
|
|
|
}
|
|
|
|
|
|
|
|
delete data[originalKey];
|
|
|
|
}
|
|
|
|
|
|
|
|
return data;
|
|
|
|
};
|
|
|
|
|
2015-01-27 23:46:23 +03:00
|
|
|
Utils.hasScroll = function (index, el) {
|
|
|
|
// Adapted from the function created by @ShadowScripter
|
|
|
|
// and adapted by @BillBarry on the Stack Exchange Code Review website.
|
|
|
|
// The original code can be found at
|
|
|
|
// http://codereview.stackexchange.com/q/13338
|
|
|
|
// and was designed to be used with the Sizzle selector engine.
|
|
|
|
|
|
|
|
var $el = $(el);
|
|
|
|
var overflowX = el.style.overflowX;
|
|
|
|
var overflowY = el.style.overflowY;
|
|
|
|
|
|
|
|
//Check both x and y declarations
|
|
|
|
if (overflowX === overflowY &&
|
|
|
|
(overflowY === 'hidden' || overflowY === 'visible')) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (overflowX === 'scroll' || overflowY === 'scroll') {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
return ($el.innerHeight() < el.scrollHeight ||
|
|
|
|
$el.innerWidth() < el.scrollWidth);
|
|
|
|
};
|
|
|
|
|
2015-01-29 16:41:18 +03:00
|
|
|
Utils.escapeMarkup = function (markup) {
|
|
|
|
var replaceMap = {
|
|
|
|
'\\': '\',
|
|
|
|
'&': '&',
|
|
|
|
'<': '<',
|
|
|
|
'>': '>',
|
|
|
|
'"': '"',
|
|
|
|
'\'': ''',
|
|
|
|
'/': '/'
|
|
|
|
};
|
|
|
|
|
2015-02-07 03:45:10 +03:00
|
|
|
// Do not try to escape the markup if it's not a string
|
|
|
|
if (typeof markup !== 'string') {
|
|
|
|
return markup;
|
|
|
|
}
|
|
|
|
|
2015-01-29 16:41:18 +03:00
|
|
|
return String(markup).replace(/[&<>"'\/\\]/g, function (match) {
|
|
|
|
return replaceMap[match];
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2015-04-06 03:08:33 +03:00
|
|
|
// Append an array of jQuery nodes to a given element.
|
|
|
|
Utils.appendMany = function ($element, $nodes) {
|
|
|
|
// jQuery 1.7.x does not support $.fn.append() with an array
|
|
|
|
// Fall back to a jQuery object collection using $.fn.add()
|
|
|
|
if ($.fn.jquery.substr(0, 3) === '1.7') {
|
|
|
|
var $jqNodes = $();
|
|
|
|
|
|
|
|
$.map($nodes, function (node) {
|
|
|
|
$jqNodes = $jqNodes.add(node);
|
|
|
|
});
|
|
|
|
|
|
|
|
$nodes = $jqNodes;
|
|
|
|
}
|
|
|
|
|
|
|
|
$element.append($nodes);
|
|
|
|
};
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
// Cache objects in Utils.__cache instead of $.data (see #4346)
|
|
|
|
Utils.__cache = {};
|
|
|
|
|
|
|
|
var id = 0;
|
|
|
|
Utils.GetUniqueElementId = function (element) {
|
|
|
|
// Get a unique element Id. If element has no id,
|
|
|
|
// creates a new unique number, stores it in the id
|
|
|
|
// attribute and returns the new id.
|
|
|
|
// If an id already exists, it simply returns it.
|
|
|
|
|
|
|
|
var select2Id = element.getAttribute('data-select2-id');
|
|
|
|
if (select2Id == null) {
|
|
|
|
// If element has id, use it.
|
|
|
|
if (element.id) {
|
|
|
|
select2Id = element.id;
|
|
|
|
element.setAttribute('data-select2-id', select2Id);
|
|
|
|
} else {
|
|
|
|
element.setAttribute('data-select2-id', ++id);
|
|
|
|
select2Id = id.toString();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
return select2Id;
|
|
|
|
};
|
|
|
|
|
|
|
|
Utils.StoreData = function (element, name, value) {
|
|
|
|
// Stores an item in the cache for a specified element.
|
|
|
|
// name is the cache key.
|
|
|
|
var id = Utils.GetUniqueElementId(element);
|
|
|
|
if (!Utils.__cache[id]) {
|
|
|
|
Utils.__cache[id] = {};
|
|
|
|
}
|
|
|
|
|
|
|
|
Utils.__cache[id][name] = value;
|
|
|
|
};
|
|
|
|
|
|
|
|
Utils.GetData = function (element, name) {
|
|
|
|
// Retrieves a value from the cache by its key (name)
|
|
|
|
// name is optional. If no name specified, return
|
|
|
|
// all cache items for the specified element.
|
|
|
|
// and for a specified element.
|
|
|
|
var id = Utils.GetUniqueElementId(element);
|
|
|
|
if (name) {
|
|
|
|
if (Utils.__cache[id]) {
|
|
|
|
return Utils.__cache[id][name] != null ?
|
|
|
|
Utils.__cache[id][name]:
|
|
|
|
$(element).data(name); // Fallback to HTML5 data attribs.
|
|
|
|
}
|
|
|
|
return $(element).data(name); // Fallback to HTML5 data attribs.
|
|
|
|
} else {
|
|
|
|
return Utils.__cache[id];
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Utils.RemoveData = function (element) {
|
|
|
|
// Removes all cached items for a specified element.
|
|
|
|
var id = Utils.GetUniqueElementId(element);
|
|
|
|
if (Utils.__cache[id] != null) {
|
|
|
|
delete Utils.__cache[id];
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
return Utils;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/results',[
|
2015-01-03 04:32:14 +03:00
|
|
|
'jquery',
|
2014-08-27 05:18:26 +04:00
|
|
|
'./utils'
|
2015-01-03 04:32:14 +03:00
|
|
|
], function ($, Utils) {
|
2014-08-29 00:00:56 +04:00
|
|
|
function Results ($element, options, dataAdapter) {
|
2014-08-27 05:18:26 +04:00
|
|
|
this.$element = $element;
|
2014-08-28 04:18:17 +04:00
|
|
|
this.data = dataAdapter;
|
2014-10-20 03:49:06 +04:00
|
|
|
this.options = options;
|
2014-08-28 04:18:17 +04:00
|
|
|
|
|
|
|
Results.__super__.constructor.call(this);
|
2014-08-27 05:18:26 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(Results, Utils.Observable);
|
|
|
|
|
|
|
|
Results.prototype.render = function () {
|
|
|
|
var $results = $(
|
2014-11-25 02:59:19 +03:00
|
|
|
'<ul class="select2-results__options" role="tree"></ul>'
|
2014-08-27 05:18:26 +04:00
|
|
|
);
|
|
|
|
|
2014-10-20 03:49:06 +04:00
|
|
|
if (this.options.get('multiple')) {
|
|
|
|
$results.attr('aria-multiselectable', 'true');
|
|
|
|
}
|
|
|
|
|
2014-08-28 04:18:17 +04:00
|
|
|
this.$results = $results;
|
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
return $results;
|
2014-08-28 04:18:17 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
Results.prototype.clear = function () {
|
|
|
|
this.$results.empty();
|
|
|
|
};
|
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
Results.prototype.displayMessage = function (params) {
|
2015-02-07 03:29:18 +03:00
|
|
|
var escapeMarkup = this.options.get('escapeMarkup');
|
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
this.clear();
|
2014-11-20 01:22:37 +03:00
|
|
|
this.hideLoading();
|
2014-11-02 05:59:59 +03:00
|
|
|
|
2014-11-25 02:59:19 +03:00
|
|
|
var $message = $(
|
2015-11-24 02:44:35 +03:00
|
|
|
'<li role="treeitem" aria-live="assertive"' +
|
|
|
|
' class="select2-results__option"></li>'
|
2014-11-25 02:59:19 +03:00
|
|
|
);
|
2014-11-02 05:59:59 +03:00
|
|
|
|
|
|
|
var message = this.options.get('translations').get(params.message);
|
2014-11-01 21:20:51 +03:00
|
|
|
|
2015-02-07 03:29:18 +03:00
|
|
|
$message.append(
|
|
|
|
escapeMarkup(
|
|
|
|
message(params.args)
|
|
|
|
)
|
|
|
|
);
|
2014-11-01 21:20:51 +03:00
|
|
|
|
2015-11-10 02:03:35 +03:00
|
|
|
$message[0].className += ' select2-results__message';
|
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
this.$results.append($message);
|
2014-11-01 21:20:51 +03:00
|
|
|
};
|
|
|
|
|
2015-11-10 02:03:35 +03:00
|
|
|
Results.prototype.hideMessages = function () {
|
|
|
|
this.$results.find('.select2-results__message').remove();
|
|
|
|
};
|
|
|
|
|
2014-08-28 04:18:17 +04:00
|
|
|
Results.prototype.append = function (data) {
|
2014-11-20 01:22:37 +03:00
|
|
|
this.hideLoading();
|
|
|
|
|
2014-08-28 04:18:17 +04:00
|
|
|
var $options = [];
|
|
|
|
|
2015-01-08 05:09:59 +03:00
|
|
|
if (data.results == null || data.results.length === 0) {
|
2014-11-04 03:24:29 +03:00
|
|
|
if (this.$results.children().length === 0) {
|
|
|
|
this.trigger('results:message', {
|
|
|
|
message: 'noResults'
|
|
|
|
});
|
|
|
|
}
|
2014-11-01 21:20:51 +03:00
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2015-01-08 05:09:59 +03:00
|
|
|
data.results = this.sort(data.results);
|
2014-10-17 02:39:06 +04:00
|
|
|
|
2015-01-08 05:09:59 +03:00
|
|
|
for (var d = 0; d < data.results.length; d++) {
|
|
|
|
var item = data.results[d];
|
2014-08-28 04:18:17 +04:00
|
|
|
|
|
|
|
var $option = this.option(item);
|
|
|
|
|
|
|
|
$options.push($option);
|
|
|
|
}
|
|
|
|
|
|
|
|
this.$results.append($options);
|
|
|
|
};
|
|
|
|
|
2014-11-25 23:39:42 +03:00
|
|
|
Results.prototype.position = function ($results, $dropdown) {
|
|
|
|
var $resultsContainer = $dropdown.find('.select2-results');
|
2014-11-25 22:19:07 +03:00
|
|
|
$resultsContainer.append($results);
|
|
|
|
};
|
|
|
|
|
2014-10-17 02:39:06 +04:00
|
|
|
Results.prototype.sort = function (data) {
|
2014-12-11 02:22:25 +03:00
|
|
|
var sorter = this.options.get('sorter');
|
|
|
|
|
|
|
|
return sorter(data);
|
2014-10-17 02:39:06 +04:00
|
|
|
};
|
|
|
|
|
2016-05-15 05:34:03 +03:00
|
|
|
Results.prototype.highlightFirstItem = function () {
|
|
|
|
var $options = this.$results
|
|
|
|
.find('.select2-results__option[aria-selected]');
|
|
|
|
|
|
|
|
var $selected = $options.filter('[aria-selected=true]');
|
|
|
|
|
|
|
|
// Check if there are any selected options
|
|
|
|
if ($selected.length > 0) {
|
|
|
|
// If there are selected options, highlight the first
|
|
|
|
$selected.first().trigger('mouseenter');
|
|
|
|
} else {
|
|
|
|
// If there are no selected options, highlight the first option
|
|
|
|
// in the dropdown
|
|
|
|
$options.first().trigger('mouseenter');
|
|
|
|
}
|
|
|
|
|
|
|
|
this.ensureHighlightVisible();
|
|
|
|
};
|
|
|
|
|
2014-08-29 00:00:56 +04:00
|
|
|
Results.prototype.setClasses = function () {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
this.data.current(function (selected) {
|
2014-10-16 03:26:38 +04:00
|
|
|
var selectedIds = $.map(selected, function (s) {
|
|
|
|
return s.id.toString();
|
|
|
|
});
|
2014-08-29 00:00:56 +04:00
|
|
|
|
2014-11-25 02:59:19 +03:00
|
|
|
var $options = self.$results
|
|
|
|
.find('.select2-results__option[aria-selected]');
|
2014-08-29 00:00:56 +04:00
|
|
|
|
|
|
|
$options.each(function () {
|
|
|
|
var $option = $(this);
|
2014-11-08 03:30:45 +03:00
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
var item = Utils.GetData(this, 'data');
|
2014-08-29 00:00:56 +04:00
|
|
|
|
2015-03-15 03:36:06 +03:00
|
|
|
// id needs to be converted to a string when comparing
|
|
|
|
var id = '' + item.id;
|
|
|
|
|
2015-03-18 18:55:47 +03:00
|
|
|
if ((item.element != null && item.element.selected) ||
|
|
|
|
(item.element == null && $.inArray(id, selectedIds) > -1)) {
|
2014-10-18 18:49:51 +04:00
|
|
|
$option.attr('aria-selected', 'true');
|
|
|
|
} else {
|
|
|
|
$option.attr('aria-selected', 'false');
|
2014-08-29 00:00:56 +04:00
|
|
|
}
|
|
|
|
});
|
2014-10-18 18:49:51 +04:00
|
|
|
|
2014-08-29 00:00:56 +04:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2014-11-20 01:22:37 +03:00
|
|
|
Results.prototype.showLoading = function (params) {
|
|
|
|
this.hideLoading();
|
|
|
|
|
2014-11-20 01:48:46 +03:00
|
|
|
var loadingMore = this.options.get('translations').get('searching');
|
2014-11-20 01:22:37 +03:00
|
|
|
|
|
|
|
var loading = {
|
|
|
|
disabled: true,
|
|
|
|
loading: true,
|
|
|
|
text: loadingMore(params)
|
|
|
|
};
|
|
|
|
var $loading = this.option(loading);
|
|
|
|
$loading.className += ' loading-results';
|
|
|
|
|
|
|
|
this.$results.prepend($loading);
|
|
|
|
};
|
|
|
|
|
|
|
|
Results.prototype.hideLoading = function () {
|
|
|
|
this.$results.find('.loading-results').remove();
|
|
|
|
};
|
|
|
|
|
2014-08-28 04:18:17 +04:00
|
|
|
Results.prototype.option = function (data) {
|
2014-11-08 03:07:01 +03:00
|
|
|
var option = document.createElement('li');
|
2014-11-25 02:59:19 +03:00
|
|
|
option.className = 'select2-results__option';
|
2014-11-08 03:07:01 +03:00
|
|
|
|
2014-11-06 21:40:36 +03:00
|
|
|
var attrs = {
|
|
|
|
'role': 'treeitem',
|
|
|
|
'aria-selected': 'false'
|
|
|
|
};
|
|
|
|
|
|
|
|
if (data.disabled) {
|
|
|
|
delete attrs['aria-selected'];
|
|
|
|
attrs['aria-disabled'] = 'true';
|
|
|
|
}
|
|
|
|
|
|
|
|
if (data.id == null) {
|
|
|
|
delete attrs['aria-selected'];
|
|
|
|
}
|
|
|
|
|
|
|
|
if (data._resultId != null) {
|
2014-11-08 03:07:01 +03:00
|
|
|
option.id = data._resultId;
|
2014-11-06 21:40:36 +03:00
|
|
|
}
|
2014-08-28 04:18:17 +04:00
|
|
|
|
2015-02-10 04:52:02 +03:00
|
|
|
if (data.title) {
|
|
|
|
option.title = data.title;
|
|
|
|
}
|
|
|
|
|
2014-10-16 04:51:29 +04:00
|
|
|
if (data.children) {
|
2014-11-06 21:40:36 +03:00
|
|
|
attrs.role = 'group';
|
|
|
|
attrs['aria-label'] = data.text;
|
|
|
|
delete attrs['aria-selected'];
|
|
|
|
}
|
|
|
|
|
2014-11-08 03:30:45 +03:00
|
|
|
for (var attr in attrs) {
|
|
|
|
var val = attrs[attr];
|
|
|
|
|
|
|
|
option.setAttribute(attr, val);
|
|
|
|
}
|
2014-11-06 21:40:36 +03:00
|
|
|
|
|
|
|
if (data.children) {
|
2014-11-08 03:30:45 +03:00
|
|
|
var $option = $(option);
|
|
|
|
|
2014-11-08 03:07:01 +03:00
|
|
|
var label = document.createElement('strong');
|
2014-11-25 02:59:19 +03:00
|
|
|
label.className = 'select2-results__group';
|
2014-11-08 03:07:01 +03:00
|
|
|
|
|
|
|
var $label = $(label);
|
|
|
|
this.template(data, label);
|
2014-10-15 06:30:37 +04:00
|
|
|
|
|
|
|
var $children = [];
|
|
|
|
|
|
|
|
for (var c = 0; c < data.children.length; c++) {
|
|
|
|
var child = data.children[c];
|
|
|
|
|
|
|
|
var $child = this.option(child);
|
|
|
|
|
|
|
|
$children.push($child);
|
|
|
|
}
|
|
|
|
|
2014-11-25 02:59:19 +03:00
|
|
|
var $childrenContainer = $('<ul></ul>', {
|
|
|
|
'class': 'select2-results__options select2-results__options--nested'
|
|
|
|
});
|
2014-10-15 06:30:37 +04:00
|
|
|
|
|
|
|
$childrenContainer.append($children);
|
|
|
|
|
2014-11-08 03:07:01 +03:00
|
|
|
$option.append(label);
|
2014-10-15 06:30:37 +04:00
|
|
|
$option.append($childrenContainer);
|
|
|
|
} else {
|
2014-11-08 03:07:01 +03:00
|
|
|
this.template(data, option);
|
2014-10-15 06:30:37 +04:00
|
|
|
}
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
Utils.StoreData(option, 'data', data);
|
2014-08-28 04:18:17 +04:00
|
|
|
|
2014-11-08 03:30:45 +03:00
|
|
|
return option;
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-31 02:34:41 +04:00
|
|
|
Results.prototype.bind = function (container, $container) {
|
2014-08-28 04:18:17 +04:00
|
|
|
var self = this;
|
|
|
|
|
2014-10-20 03:49:06 +04:00
|
|
|
var id = container.id + '-results';
|
|
|
|
|
|
|
|
this.$results.attr('id', id);
|
|
|
|
|
2014-10-17 03:08:11 +04:00
|
|
|
container.on('results:all', function (params) {
|
2014-08-28 04:18:17 +04:00
|
|
|
self.clear();
|
2014-10-17 03:08:11 +04:00
|
|
|
self.append(params.data);
|
2014-08-31 02:53:05 +04:00
|
|
|
|
2014-10-20 04:40:45 +04:00
|
|
|
if (container.isOpen()) {
|
|
|
|
self.setClasses();
|
2016-05-15 05:34:03 +03:00
|
|
|
self.highlightFirstItem();
|
2014-10-20 04:40:45 +04:00
|
|
|
}
|
2014-08-28 04:18:17 +04:00
|
|
|
});
|
|
|
|
|
2014-10-17 03:08:11 +04:00
|
|
|
container.on('results:append', function (params) {
|
|
|
|
self.append(params.data);
|
2014-08-29 00:00:56 +04:00
|
|
|
|
2014-10-20 04:40:45 +04:00
|
|
|
if (container.isOpen()) {
|
|
|
|
self.setClasses();
|
|
|
|
}
|
2014-09-22 00:43:44 +04:00
|
|
|
});
|
2014-08-28 04:18:17 +04:00
|
|
|
|
2014-11-20 01:22:37 +03:00
|
|
|
container.on('query', function (params) {
|
2015-11-10 02:03:35 +03:00
|
|
|
self.hideMessages();
|
2014-11-20 01:22:37 +03:00
|
|
|
self.showLoading(params);
|
|
|
|
});
|
|
|
|
|
2014-10-17 04:32:08 +04:00
|
|
|
container.on('select', function () {
|
2014-10-20 04:40:45 +04:00
|
|
|
if (!container.isOpen()) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-10-17 04:32:08 +04:00
|
|
|
self.setClasses();
|
2016-05-15 05:34:03 +03:00
|
|
|
self.highlightFirstItem();
|
2014-10-17 04:32:08 +04:00
|
|
|
});
|
|
|
|
|
|
|
|
container.on('unselect', function () {
|
2014-10-20 04:40:45 +04:00
|
|
|
if (!container.isOpen()) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-10-17 04:32:08 +04:00
|
|
|
self.setClasses();
|
2016-05-15 05:34:03 +03:00
|
|
|
self.highlightFirstItem();
|
2014-10-17 04:32:08 +04:00
|
|
|
});
|
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
container.on('open', function () {
|
|
|
|
// When the dropdown is open, aria-expended="true"
|
|
|
|
self.$results.attr('aria-expanded', 'true');
|
2014-10-20 03:49:06 +04:00
|
|
|
self.$results.attr('aria-hidden', 'false');
|
2014-10-18 18:49:51 +04:00
|
|
|
|
|
|
|
self.setClasses();
|
2014-10-21 03:51:47 +04:00
|
|
|
self.ensureHighlightVisible();
|
2014-10-18 18:49:51 +04:00
|
|
|
});
|
|
|
|
|
|
|
|
container.on('close', function () {
|
|
|
|
// When the dropdown is closed, aria-expended="false"
|
|
|
|
self.$results.attr('aria-expanded', 'false');
|
2014-10-20 03:49:06 +04:00
|
|
|
self.$results.attr('aria-hidden', 'true');
|
|
|
|
self.$results.removeAttr('aria-activedescendant');
|
2014-10-18 18:49:51 +04:00
|
|
|
});
|
|
|
|
|
More intuitive handling of the enter key
Previously, when in results the enter key would select items that
were highlighted if they were not already selected. In the case of
a select where multiple items could be selected, pressing enter
when highlighting a selected item would also allow it to be
unselected. While this seems intuitive for accessibility purposes,
the enter button essentially working as a toggle, it caused some
really strange behavior.
- If the enter button was held down, all previously selected items
would be unselected.
- The enter button did not work the same across both single and
multiple selects.
After listening to user feedback, I have decided to remove the
"enter as toggle" functionality from Select2 and have gone back to
just having the enter button select items. This means that instead
of unselected items that are already selected and highlighted,
Select2 will just close the dropdown. This is the same as what
Select2 would previously do for single selects, so the keyboard
functionality is now the same across both.
Because this removed the only easy way to unselect items in the
dropdown using the keyboard, we had to maintain the toggle
functionality. We decided to implement the toggle functionality
on the CTRL + Space keybinding, which is in line with other
applications. Now when pressing CTRL + Space at the same time in
the dropdown, the highlighted result will behave the same as if the
mouse selected it, which will toggle the current item in multiple
select mode and close the dropdown in single select mode.
This is the same keybinding that Windows Explorer [1] and GTK [2]
use for toggling the current selection, which was why it was picked.
This also fixes an issue where keyboard focus would be lost once an
item was unselected from the results. This was due to a bug in the
CloseOnSelect module that would only automatically close the
dropdown when an item was selected, but not when an item was
unselected. Now the dropdown will be closed automatically when an
item is unselected, which will also cause the selection (and
eventually the search) to be focused.
This fixes two issues described in
https://github.com/select2/select2/issues/3036#issuecomment-76321411.
[1]: http://superuser.com/q/78891/72528
[2]: https://developer.gnome.org/gtk3/stable/GtkIconView.html#GtkIconView-toggle-cursor-item
2015-03-02 04:30:43 +03:00
|
|
|
container.on('results:toggle', function () {
|
|
|
|
var $highlighted = self.getHighlightedResults();
|
|
|
|
|
|
|
|
if ($highlighted.length === 0) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
$highlighted.trigger('mouseup');
|
|
|
|
});
|
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
container.on('results:select', function () {
|
2014-11-25 02:59:19 +03:00
|
|
|
var $highlighted = self.getHighlightedResults();
|
2014-10-18 18:49:51 +04:00
|
|
|
|
2014-10-18 19:28:42 +04:00
|
|
|
if ($highlighted.length === 0) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
var data = Utils.GetData($highlighted[0], 'data');
|
2014-10-18 18:49:51 +04:00
|
|
|
|
|
|
|
if ($highlighted.attr('aria-selected') == 'true') {
|
2015-08-22 02:19:06 +03:00
|
|
|
self.trigger('close', {});
|
2014-10-18 18:49:51 +04:00
|
|
|
} else {
|
2015-01-09 18:04:21 +03:00
|
|
|
self.trigger('select', {
|
2014-10-18 18:49:51 +04:00
|
|
|
data: data
|
|
|
|
});
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2014-10-18 19:28:42 +04:00
|
|
|
container.on('results:previous', function () {
|
2014-11-25 02:59:19 +03:00
|
|
|
var $highlighted = self.getHighlightedResults();
|
2014-10-18 19:28:42 +04:00
|
|
|
|
|
|
|
var $options = self.$results.find('[aria-selected]');
|
|
|
|
|
|
|
|
var currentIndex = $options.index($highlighted);
|
|
|
|
|
|
|
|
// If we are already at te top, don't move further
|
2017-11-22 07:16:57 +03:00
|
|
|
// If no options, currentIndex will be -1
|
|
|
|
if (currentIndex <= 0) {
|
2014-10-18 19:28:42 +04:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var nextIndex = currentIndex - 1;
|
|
|
|
|
|
|
|
// If none are highlighted, highlight the first
|
|
|
|
if ($highlighted.length === 0) {
|
|
|
|
nextIndex = 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
var $next = $options.eq(nextIndex);
|
|
|
|
|
|
|
|
$next.trigger('mouseenter');
|
2014-10-20 01:04:57 +04:00
|
|
|
|
|
|
|
var currentOffset = self.$results.offset().top;
|
|
|
|
var nextTop = $next.offset().top;
|
|
|
|
var nextOffset = self.$results.scrollTop() + (nextTop - currentOffset);
|
|
|
|
|
|
|
|
if (nextIndex === 0) {
|
|
|
|
self.$results.scrollTop(0);
|
|
|
|
} else if (nextTop - currentOffset < 0) {
|
|
|
|
self.$results.scrollTop(nextOffset);
|
|
|
|
}
|
2014-10-18 19:28:42 +04:00
|
|
|
});
|
|
|
|
|
|
|
|
container.on('results:next', function () {
|
2014-11-25 02:59:19 +03:00
|
|
|
var $highlighted = self.getHighlightedResults();
|
2014-10-18 19:28:42 +04:00
|
|
|
|
|
|
|
var $options = self.$results.find('[aria-selected]');
|
|
|
|
|
|
|
|
var currentIndex = $options.index($highlighted);
|
|
|
|
|
|
|
|
var nextIndex = currentIndex + 1;
|
|
|
|
|
|
|
|
// If we are at the last option, stay there
|
|
|
|
if (nextIndex >= $options.length) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var $next = $options.eq(nextIndex);
|
|
|
|
|
|
|
|
$next.trigger('mouseenter');
|
2014-10-20 01:04:57 +04:00
|
|
|
|
|
|
|
var currentOffset = self.$results.offset().top +
|
|
|
|
self.$results.outerHeight(false);
|
|
|
|
var nextBottom = $next.offset().top + $next.outerHeight(false);
|
|
|
|
var nextOffset = self.$results.scrollTop() + nextBottom - currentOffset;
|
|
|
|
|
|
|
|
if (nextIndex === 0) {
|
|
|
|
self.$results.scrollTop(0);
|
|
|
|
} else if (nextBottom > currentOffset) {
|
|
|
|
self.$results.scrollTop(nextOffset);
|
|
|
|
}
|
2014-10-18 19:28:42 +04:00
|
|
|
});
|
|
|
|
|
2014-10-20 03:49:06 +04:00
|
|
|
container.on('results:focus', function (params) {
|
2014-11-25 02:59:19 +03:00
|
|
|
params.element.addClass('select2-results__option--highlighted');
|
2014-10-20 03:49:06 +04:00
|
|
|
});
|
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
container.on('results:message', function (params) {
|
|
|
|
self.displayMessage(params);
|
|
|
|
});
|
|
|
|
|
2015-01-03 04:32:14 +03:00
|
|
|
if ($.fn.mousewheel) {
|
|
|
|
this.$results.on('mousewheel', function (e) {
|
|
|
|
var top = self.$results.scrollTop();
|
|
|
|
|
2016-02-15 01:06:23 +03:00
|
|
|
var bottom = self.$results.get(0).scrollHeight - top + e.deltaY;
|
2015-01-03 04:32:14 +03:00
|
|
|
|
|
|
|
var isAtTop = e.deltaY > 0 && top - e.deltaY <= 0;
|
|
|
|
var isAtBottom = e.deltaY < 0 && bottom <= self.$results.height();
|
|
|
|
|
|
|
|
if (isAtTop) {
|
|
|
|
self.$results.scrollTop(0);
|
2015-01-03 05:08:19 +03:00
|
|
|
|
2015-01-03 04:32:14 +03:00
|
|
|
e.preventDefault();
|
|
|
|
e.stopPropagation();
|
|
|
|
} else if (isAtBottom) {
|
|
|
|
self.$results.scrollTop(
|
|
|
|
self.$results.get(0).scrollHeight - self.$results.height()
|
|
|
|
);
|
2015-01-03 05:08:19 +03:00
|
|
|
|
2015-01-03 04:32:14 +03:00
|
|
|
e.preventDefault();
|
|
|
|
e.stopPropagation();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2014-11-25 02:59:19 +03:00
|
|
|
this.$results.on('mouseup', '.select2-results__option[aria-selected]',
|
|
|
|
function (evt) {
|
2014-08-31 02:53:05 +04:00
|
|
|
var $this = $(this);
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
var data = Utils.GetData(this, 'data');
|
2014-10-18 18:49:51 +04:00
|
|
|
|
|
|
|
if ($this.attr('aria-selected') === 'true') {
|
2015-01-23 01:14:11 +03:00
|
|
|
if (self.options.get('multiple')) {
|
|
|
|
self.trigger('unselect', {
|
|
|
|
originalEvent: evt,
|
|
|
|
data: data
|
|
|
|
});
|
|
|
|
} else {
|
2015-08-22 02:19:06 +03:00
|
|
|
self.trigger('close', {});
|
2015-01-23 01:14:11 +03:00
|
|
|
}
|
2014-08-31 02:53:05 +04:00
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
2014-08-28 04:18:17 +04:00
|
|
|
|
2015-01-09 18:04:21 +03:00
|
|
|
self.trigger('select', {
|
2014-08-28 04:18:17 +04:00
|
|
|
originalEvent: evt,
|
|
|
|
data: data
|
2014-08-29 00:00:56 +04:00
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2014-11-25 02:59:19 +03:00
|
|
|
this.$results.on('mouseenter', '.select2-results__option[aria-selected]',
|
|
|
|
function (evt) {
|
2017-10-26 21:19:09 +03:00
|
|
|
var data = Utils.GetData(this, 'data');
|
2014-10-20 03:49:06 +04:00
|
|
|
|
2014-11-25 02:59:19 +03:00
|
|
|
self.getHighlightedResults()
|
|
|
|
.removeClass('select2-results__option--highlighted');
|
2014-10-20 03:49:06 +04:00
|
|
|
|
|
|
|
self.trigger('results:focus', {
|
|
|
|
data: data,
|
|
|
|
element: $(this)
|
|
|
|
});
|
2014-08-29 00:00:56 +04:00
|
|
|
});
|
2014-08-28 04:18:17 +04:00
|
|
|
};
|
|
|
|
|
2014-11-25 02:59:19 +03:00
|
|
|
Results.prototype.getHighlightedResults = function () {
|
|
|
|
var $highlighted = this.$results
|
|
|
|
.find('.select2-results__option--highlighted');
|
|
|
|
|
|
|
|
return $highlighted;
|
|
|
|
};
|
|
|
|
|
2014-11-14 02:34:08 +03:00
|
|
|
Results.prototype.destroy = function () {
|
|
|
|
this.$results.remove();
|
|
|
|
};
|
|
|
|
|
2014-10-21 03:51:47 +04:00
|
|
|
Results.prototype.ensureHighlightVisible = function () {
|
2014-11-25 02:59:19 +03:00
|
|
|
var $highlighted = this.getHighlightedResults();
|
2014-10-21 03:51:47 +04:00
|
|
|
|
|
|
|
if ($highlighted.length === 0) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var $options = this.$results.find('[aria-selected]');
|
|
|
|
|
|
|
|
var currentIndex = $options.index($highlighted);
|
|
|
|
|
|
|
|
var currentOffset = this.$results.offset().top;
|
|
|
|
var nextTop = $highlighted.offset().top;
|
|
|
|
var nextOffset = this.$results.scrollTop() + (nextTop - currentOffset);
|
|
|
|
|
|
|
|
var offsetDelta = nextTop - currentOffset;
|
|
|
|
nextOffset -= $highlighted.outerHeight(false) * 2;
|
|
|
|
|
|
|
|
if (currentIndex <= 2) {
|
|
|
|
this.$results.scrollTop(0);
|
|
|
|
} else if (offsetDelta > this.$results.outerHeight() || offsetDelta < 0) {
|
|
|
|
this.$results.scrollTop(nextOffset);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2014-11-08 03:07:01 +03:00
|
|
|
Results.prototype.template = function (result, container) {
|
2014-11-02 04:57:14 +03:00
|
|
|
var template = this.options.get('templateResult');
|
2015-01-29 16:41:18 +03:00
|
|
|
var escapeMarkup = this.options.get('escapeMarkup');
|
2014-11-02 04:57:14 +03:00
|
|
|
|
2015-11-24 02:44:35 +03:00
|
|
|
var content = template(result, container);
|
2015-01-14 13:20:07 +03:00
|
|
|
|
|
|
|
if (content == null) {
|
|
|
|
container.style.display = 'none';
|
2015-02-10 01:29:55 +03:00
|
|
|
} else if (typeof content === 'string') {
|
2015-01-29 16:41:18 +03:00
|
|
|
container.innerHTML = escapeMarkup(content);
|
2015-02-10 01:29:55 +03:00
|
|
|
} else {
|
|
|
|
$(container).append(content);
|
2015-01-14 13:20:07 +03:00
|
|
|
}
|
2014-11-02 04:57:14 +03:00
|
|
|
};
|
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
return Results;
|
2014-09-22 00:43:44 +04:00
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/keys',[
|
2014-11-20 01:48:46 +03:00
|
|
|
|
|
|
|
], function () {
|
|
|
|
var KEYS = {
|
|
|
|
BACKSPACE: 8,
|
|
|
|
TAB: 9,
|
|
|
|
ENTER: 13,
|
|
|
|
SHIFT: 16,
|
|
|
|
CTRL: 17,
|
|
|
|
ALT: 18,
|
|
|
|
ESC: 27,
|
|
|
|
SPACE: 32,
|
|
|
|
PAGE_UP: 33,
|
|
|
|
PAGE_DOWN: 34,
|
|
|
|
END: 35,
|
|
|
|
HOME: 36,
|
|
|
|
LEFT: 37,
|
|
|
|
UP: 38,
|
|
|
|
RIGHT: 39,
|
|
|
|
DOWN: 40,
|
2015-02-14 06:49:54 +03:00
|
|
|
DELETE: 46
|
2014-11-20 01:48:46 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
return KEYS;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/selection/base',[
|
2015-01-15 06:54:19 +03:00
|
|
|
'jquery',
|
2014-11-20 01:48:46 +03:00
|
|
|
'../utils',
|
|
|
|
'../keys'
|
2015-01-15 06:54:19 +03:00
|
|
|
], function ($, Utils, KEYS) {
|
2014-10-18 04:53:34 +04:00
|
|
|
function BaseSelection ($element, options) {
|
2014-08-27 05:18:26 +04:00
|
|
|
this.$element = $element;
|
|
|
|
this.options = options;
|
2014-08-27 19:33:33 +04:00
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
BaseSelection.__super__.constructor.call(this);
|
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(BaseSelection, Utils.Observable);
|
|
|
|
|
|
|
|
BaseSelection.prototype.render = function () {
|
2015-01-15 06:54:19 +03:00
|
|
|
var $selection = $(
|
2015-02-14 07:57:18 +03:00
|
|
|
'<span class="select2-selection" role="combobox" ' +
|
2015-11-24 02:44:35 +03:00
|
|
|
' aria-haspopup="true" aria-expanded="false">' +
|
2015-01-15 06:54:19 +03:00
|
|
|
'</span>'
|
|
|
|
);
|
|
|
|
|
2015-02-14 08:37:51 +03:00
|
|
|
this._tabindex = 0;
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
if (Utils.GetData(this.$element[0], 'old-tabindex') != null) {
|
|
|
|
this._tabindex = Utils.GetData(this.$element[0], 'old-tabindex');
|
2015-02-14 08:37:51 +03:00
|
|
|
} else if (this.$element.attr('tabindex') != null) {
|
|
|
|
this._tabindex = this.$element.attr('tabindex');
|
|
|
|
}
|
2015-02-14 07:57:18 +03:00
|
|
|
|
2015-01-15 06:54:19 +03:00
|
|
|
$selection.attr('title', this.$element.attr('title'));
|
2015-02-14 07:57:18 +03:00
|
|
|
$selection.attr('tabindex', this._tabindex);
|
2015-01-15 06:54:19 +03:00
|
|
|
|
|
|
|
this.$selection = $selection;
|
|
|
|
|
|
|
|
return $selection;
|
2014-10-18 04:53:34 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
BaseSelection.prototype.bind = function (container, $container) {
|
|
|
|
var self = this;
|
|
|
|
|
2014-11-19 23:50:53 +03:00
|
|
|
var id = container.id + '-container';
|
|
|
|
var resultsId = container.id + '-results';
|
|
|
|
|
2014-11-25 21:39:46 +03:00
|
|
|
this.container = container;
|
|
|
|
|
2015-02-14 08:37:51 +03:00
|
|
|
this.$selection.on('focus', function (evt) {
|
|
|
|
self.trigger('focus', evt);
|
|
|
|
});
|
|
|
|
|
|
|
|
this.$selection.on('blur', function (evt) {
|
2015-06-22 03:31:09 +03:00
|
|
|
self._handleBlur(evt);
|
2015-02-14 08:37:51 +03:00
|
|
|
});
|
|
|
|
|
2014-11-19 23:50:53 +03:00
|
|
|
this.$selection.on('keydown', function (evt) {
|
|
|
|
self.trigger('keypress', evt);
|
|
|
|
|
|
|
|
if (evt.which === KEYS.SPACE) {
|
|
|
|
evt.preventDefault();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
container.on('results:focus', function (params) {
|
|
|
|
self.$selection.attr('aria-activedescendant', params.data._resultId);
|
|
|
|
});
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
container.on('selection:update', function (params) {
|
|
|
|
self.update(params.data);
|
|
|
|
});
|
2014-11-02 02:36:02 +03:00
|
|
|
|
|
|
|
container.on('open', function () {
|
2014-11-19 23:50:53 +03:00
|
|
|
// When the dropdown is open, aria-expanded="true"
|
|
|
|
self.$selection.attr('aria-expanded', 'true');
|
2015-03-15 02:39:28 +03:00
|
|
|
self.$selection.attr('aria-owns', resultsId);
|
2014-11-19 23:50:53 +03:00
|
|
|
|
2014-11-25 22:03:21 +03:00
|
|
|
self._attachCloseHandler(container);
|
2014-11-19 23:50:53 +03:00
|
|
|
});
|
2014-11-02 02:36:02 +03:00
|
|
|
|
2014-11-19 23:50:53 +03:00
|
|
|
container.on('close', function () {
|
|
|
|
// When the dropdown is closed, aria-expanded="false"
|
|
|
|
self.$selection.attr('aria-expanded', 'false');
|
|
|
|
self.$selection.removeAttr('aria-activedescendant');
|
2015-03-15 02:39:28 +03:00
|
|
|
self.$selection.removeAttr('aria-owns');
|
2014-11-19 23:50:53 +03:00
|
|
|
|
|
|
|
self.$selection.focus();
|
2017-11-22 07:16:57 +03:00
|
|
|
window.setTimeout(function () {
|
|
|
|
self.$selection.focus();
|
|
|
|
}, 0);
|
2014-11-19 23:50:53 +03:00
|
|
|
|
2014-11-25 22:03:21 +03:00
|
|
|
self._detachCloseHandler(container);
|
2014-11-02 02:36:02 +03:00
|
|
|
});
|
2015-01-15 06:54:19 +03:00
|
|
|
|
|
|
|
container.on('enable', function () {
|
2015-02-14 07:57:18 +03:00
|
|
|
self.$selection.attr('tabindex', self._tabindex);
|
2015-01-15 06:54:19 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
container.on('disable', function () {
|
|
|
|
self.$selection.attr('tabindex', '-1');
|
|
|
|
});
|
2014-10-18 04:53:34 +04:00
|
|
|
};
|
|
|
|
|
2015-06-22 03:31:09 +03:00
|
|
|
BaseSelection.prototype._handleBlur = function (evt) {
|
|
|
|
var self = this;
|
|
|
|
|
2015-11-10 02:03:35 +03:00
|
|
|
// This needs to be delayed as the active element is the body when the tab
|
2015-06-22 03:31:09 +03:00
|
|
|
// key is pressed, possibly along with others.
|
|
|
|
window.setTimeout(function () {
|
|
|
|
// Don't trigger `blur` if the focus is still in the selection
|
|
|
|
if (
|
|
|
|
(document.activeElement == self.$selection[0]) ||
|
|
|
|
($.contains(self.$selection[0], document.activeElement))
|
|
|
|
) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
self.trigger('blur', evt);
|
|
|
|
}, 1);
|
|
|
|
};
|
|
|
|
|
2014-11-25 22:03:21 +03:00
|
|
|
BaseSelection.prototype._attachCloseHandler = function (container) {
|
2014-11-27 06:30:31 +03:00
|
|
|
var self = this;
|
|
|
|
|
2014-11-25 22:03:21 +03:00
|
|
|
$(document.body).on('mousedown.select2.' + container.id, function (e) {
|
|
|
|
var $target = $(e.target);
|
|
|
|
|
|
|
|
var $select = $target.closest('.select2');
|
|
|
|
|
|
|
|
var $all = $('.select2.select2-container--open');
|
|
|
|
|
|
|
|
$all.each(function () {
|
|
|
|
var $this = $(this);
|
|
|
|
|
|
|
|
if (this == $select[0]) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
var $element = Utils.GetData(this, 'element');
|
2014-11-25 22:03:21 +03:00
|
|
|
|
|
|
|
$element.select2('close');
|
|
|
|
});
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
BaseSelection.prototype._detachCloseHandler = function (container) {
|
|
|
|
$(document.body).off('mousedown.select2.' + container.id);
|
|
|
|
};
|
|
|
|
|
2014-11-25 22:19:07 +03:00
|
|
|
BaseSelection.prototype.position = function ($selection, $container) {
|
|
|
|
var $selectionContainer = $container.find('.selection');
|
|
|
|
$selectionContainer.append($selection);
|
|
|
|
};
|
|
|
|
|
2014-11-14 02:34:08 +03:00
|
|
|
BaseSelection.prototype.destroy = function () {
|
2014-12-10 06:12:07 +03:00
|
|
|
this._detachCloseHandler(this.container);
|
2014-11-14 02:34:08 +03:00
|
|
|
};
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
BaseSelection.prototype.update = function (data) {
|
|
|
|
throw new Error('The `update` method must be defined in child classes.');
|
|
|
|
};
|
|
|
|
|
|
|
|
return BaseSelection;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/selection/single',[
|
2015-01-15 06:54:19 +03:00
|
|
|
'jquery',
|
2014-10-18 04:53:34 +04:00
|
|
|
'./base',
|
2014-11-02 04:04:31 +03:00
|
|
|
'../utils',
|
|
|
|
'../keys'
|
2015-01-15 06:54:19 +03:00
|
|
|
], function ($, BaseSelection, Utils, KEYS) {
|
2014-10-18 04:53:34 +04:00
|
|
|
function SingleSelection () {
|
|
|
|
SingleSelection.__super__.constructor.apply(this, arguments);
|
2014-08-27 05:18:26 +04:00
|
|
|
}
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
Utils.Extend(SingleSelection, BaseSelection);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
SingleSelection.prototype.render = function () {
|
2015-01-15 06:54:19 +03:00
|
|
|
var $selection = SingleSelection.__super__.render.call(this);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2015-01-15 06:54:19 +03:00
|
|
|
$selection.addClass('select2-selection--single');
|
2014-10-18 18:49:51 +04:00
|
|
|
|
2015-01-15 06:54:19 +03:00
|
|
|
$selection.html(
|
|
|
|
'<span class="select2-selection__rendered"></span>' +
|
|
|
|
'<span class="select2-selection__arrow" role="presentation">' +
|
|
|
|
'<b role="presentation"></b>' +
|
|
|
|
'</span>'
|
|
|
|
);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
|
|
|
return $selection;
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-31 02:34:41 +04:00
|
|
|
SingleSelection.prototype.bind = function (container, $container) {
|
2014-08-27 05:18:26 +04:00
|
|
|
var self = this;
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
SingleSelection.__super__.bind.apply(this, arguments);
|
|
|
|
|
2014-10-20 01:39:09 +04:00
|
|
|
var id = container.id + '-container';
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
this.$selection.find('.select2-selection__rendered')
|
|
|
|
.attr('id', id)
|
|
|
|
.attr('role', 'textbox')
|
|
|
|
.attr('aria-readonly', 'true');
|
2014-10-20 01:39:09 +04:00
|
|
|
this.$selection.attr('aria-labelledby', id);
|
|
|
|
|
2014-08-31 03:32:29 +04:00
|
|
|
this.$selection.on('mousedown', function (evt) {
|
2014-08-31 04:25:32 +04:00
|
|
|
// Only respond to left clicks
|
|
|
|
if (evt.which !== 1) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
self.trigger('toggle', {
|
2014-08-27 05:18:26 +04:00
|
|
|
originalEvent: evt
|
|
|
|
});
|
|
|
|
});
|
2014-08-31 02:34:41 +04:00
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
this.$selection.on('focus', function (evt) {
|
|
|
|
// User focuses on the container
|
|
|
|
});
|
|
|
|
|
|
|
|
this.$selection.on('blur', function (evt) {
|
|
|
|
// User exits the container
|
|
|
|
});
|
|
|
|
|
2016-04-24 19:21:53 +03:00
|
|
|
container.on('focus', function (evt) {
|
|
|
|
if (!container.isOpen()) {
|
|
|
|
self.$selection.focus();
|
|
|
|
}
|
|
|
|
});
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
SingleSelection.prototype.clear = function () {
|
2017-10-26 21:19:09 +03:00
|
|
|
var $rendered = this.$selection.find('.select2-selection__rendered');
|
|
|
|
$rendered.empty();
|
|
|
|
$rendered.removeAttr('title'); // clear tooltip on empty
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2015-06-22 03:31:09 +03:00
|
|
|
SingleSelection.prototype.display = function (data, container) {
|
2014-11-02 05:11:35 +03:00
|
|
|
var template = this.options.get('templateSelection');
|
2015-01-29 16:41:18 +03:00
|
|
|
var escapeMarkup = this.options.get('escapeMarkup');
|
2014-11-02 05:11:35 +03:00
|
|
|
|
2015-06-22 03:31:09 +03:00
|
|
|
return escapeMarkup(template(data, container));
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-27 05:18:26 +04:00
|
|
|
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
SingleSelection.prototype.selectionContainer = function () {
|
|
|
|
return $('<span></span>');
|
|
|
|
};
|
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
SingleSelection.prototype.update = function (data) {
|
2014-09-22 00:43:44 +04:00
|
|
|
if (data.length === 0) {
|
2014-08-27 05:18:26 +04:00
|
|
|
this.clear();
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var selection = data[0];
|
|
|
|
|
2015-02-10 04:52:02 +03:00
|
|
|
var $rendered = this.$selection.find('.select2-selection__rendered');
|
2015-06-22 03:31:09 +03:00
|
|
|
var formatted = this.display(selection, $rendered);
|
|
|
|
|
2015-02-10 04:52:02 +03:00
|
|
|
$rendered.empty().append(formatted);
|
2017-10-26 21:19:09 +03:00
|
|
|
$rendered.attr('title', selection.title || selection.text);
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
return SingleSelection;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/selection/multiple',[
|
2015-01-15 06:54:19 +03:00
|
|
|
'jquery',
|
2014-10-18 04:53:34 +04:00
|
|
|
'./base',
|
2014-08-29 19:31:18 +04:00
|
|
|
'../utils'
|
2015-01-15 06:54:19 +03:00
|
|
|
], function ($, BaseSelection, Utils) {
|
2014-08-29 19:31:18 +04:00
|
|
|
function MultipleSelection ($element, options) {
|
2014-11-02 05:59:59 +03:00
|
|
|
MultipleSelection.__super__.constructor.apply(this, arguments);
|
2014-08-29 19:31:18 +04:00
|
|
|
}
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
Utils.Extend(MultipleSelection, BaseSelection);
|
2014-08-29 19:31:18 +04:00
|
|
|
|
|
|
|
MultipleSelection.prototype.render = function () {
|
2015-01-15 06:54:19 +03:00
|
|
|
var $selection = MultipleSelection.__super__.render.call(this);
|
2014-08-29 19:31:18 +04:00
|
|
|
|
2015-01-15 06:54:19 +03:00
|
|
|
$selection.addClass('select2-selection--multiple');
|
2014-11-19 23:50:53 +03:00
|
|
|
|
2015-01-15 06:54:19 +03:00
|
|
|
$selection.html(
|
|
|
|
'<ul class="select2-selection__rendered"></ul>'
|
|
|
|
);
|
2014-08-29 19:31:18 +04:00
|
|
|
|
|
|
|
return $selection;
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-29 19:31:18 +04:00
|
|
|
|
2014-08-31 02:34:41 +04:00
|
|
|
MultipleSelection.prototype.bind = function (container, $container) {
|
2014-08-29 19:31:18 +04:00
|
|
|
var self = this;
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
MultipleSelection.__super__.bind.apply(this, arguments);
|
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
this.$selection.on('click', function (evt) {
|
2014-09-22 00:43:44 +04:00
|
|
|
self.trigger('toggle', {
|
2014-08-29 19:31:18 +04:00
|
|
|
originalEvent: evt
|
|
|
|
});
|
|
|
|
});
|
2014-08-31 02:34:41 +04:00
|
|
|
|
2015-08-20 04:39:21 +03:00
|
|
|
this.$selection.on(
|
|
|
|
'click',
|
|
|
|
'.select2-selection__choice__remove',
|
2014-11-25 02:38:58 +03:00
|
|
|
function (evt) {
|
2015-08-20 04:39:21 +03:00
|
|
|
// Ignore the event if it is disabled
|
|
|
|
if (self.options.get('disabled')) {
|
|
|
|
return;
|
|
|
|
}
|
2014-10-17 04:32:08 +04:00
|
|
|
|
2015-08-20 04:39:21 +03:00
|
|
|
var $remove = $(this);
|
|
|
|
var $selection = $remove.parent();
|
2014-10-17 04:32:08 +04:00
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
var data = Utils.GetData($selection[0], 'data');
|
2015-08-20 04:39:21 +03:00
|
|
|
|
|
|
|
self.trigger('unselect', {
|
|
|
|
originalEvent: evt,
|
|
|
|
data: data
|
|
|
|
});
|
|
|
|
}
|
|
|
|
);
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-29 19:31:18 +04:00
|
|
|
|
|
|
|
MultipleSelection.prototype.clear = function () {
|
2017-10-26 21:19:09 +03:00
|
|
|
var $rendered = this.$selection.find('.select2-selection__rendered');
|
|
|
|
$rendered.empty();
|
|
|
|
$rendered.removeAttr('title');
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-29 19:31:18 +04:00
|
|
|
|
2015-06-22 03:31:09 +03:00
|
|
|
MultipleSelection.prototype.display = function (data, container) {
|
2014-11-02 05:11:35 +03:00
|
|
|
var template = this.options.get('templateSelection');
|
2015-01-29 16:41:18 +03:00
|
|
|
var escapeMarkup = this.options.get('escapeMarkup');
|
2014-11-02 05:11:35 +03:00
|
|
|
|
2015-06-22 03:31:09 +03:00
|
|
|
return escapeMarkup(template(data, container));
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-29 19:31:18 +04:00
|
|
|
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
MultipleSelection.prototype.selectionContainer = function () {
|
2014-10-17 04:32:08 +04:00
|
|
|
var $container = $(
|
2014-11-25 02:30:58 +03:00
|
|
|
'<li class="select2-selection__choice">' +
|
|
|
|
'<span class="select2-selection__choice__remove" role="presentation">' +
|
|
|
|
'×' +
|
|
|
|
'</span>' +
|
2014-10-17 04:32:08 +04:00
|
|
|
'</li>'
|
|
|
|
);
|
|
|
|
|
|
|
|
return $container;
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
};
|
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
MultipleSelection.prototype.update = function (data) {
|
|
|
|
this.clear();
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
if (data.length === 0) {
|
2014-08-29 19:31:18 +04:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2015-04-06 03:08:33 +03:00
|
|
|
var $selections = [];
|
2014-08-29 19:31:18 +04:00
|
|
|
|
|
|
|
for (var d = 0; d < data.length; d++) {
|
|
|
|
var selection = data[d];
|
|
|
|
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
var $selection = this.selectionContainer();
|
2015-06-22 03:31:09 +03:00
|
|
|
var formatted = this.display(selection, $selection);
|
2014-08-29 19:31:18 +04:00
|
|
|
|
2014-10-17 04:32:08 +04:00
|
|
|
$selection.append(formatted);
|
2017-10-26 21:19:09 +03:00
|
|
|
$selection.attr('title', selection.title || selection.text);
|
2015-02-10 04:52:02 +03:00
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
Utils.StoreData($selection[0], 'data', selection);
|
2014-08-29 19:31:18 +04:00
|
|
|
|
2015-04-06 03:08:33 +03:00
|
|
|
$selections.push($selection);
|
2014-08-29 19:31:18 +04:00
|
|
|
}
|
|
|
|
|
2015-04-06 03:08:33 +03:00
|
|
|
var $rendered = this.$selection.find('.select2-selection__rendered');
|
|
|
|
|
|
|
|
Utils.appendMany($rendered, $selections);
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-29 19:31:18 +04:00
|
|
|
|
|
|
|
return MultipleSelection;
|
2014-08-27 05:18:26 +04:00
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/selection/placeholder',[
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
'../utils'
|
|
|
|
], function (Utils) {
|
|
|
|
function Placeholder (decorated, $element, options) {
|
|
|
|
this.placeholder = this.normalizePlaceholder(options.get('placeholder'));
|
|
|
|
|
|
|
|
decorated.call(this, $element, options);
|
|
|
|
}
|
|
|
|
|
|
|
|
Placeholder.prototype.normalizePlaceholder = function (_, placeholder) {
|
|
|
|
if (typeof placeholder === 'string') {
|
|
|
|
placeholder = {
|
|
|
|
id: '',
|
|
|
|
text: placeholder
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
return placeholder;
|
|
|
|
};
|
|
|
|
|
2014-11-23 03:21:46 +03:00
|
|
|
Placeholder.prototype.createPlaceholder = function (decorated, placeholder) {
|
|
|
|
var $placeholder = this.selectionContainer();
|
|
|
|
|
|
|
|
$placeholder.html(this.display(placeholder));
|
2014-11-25 02:11:03 +03:00
|
|
|
$placeholder.addClass('select2-selection__placeholder')
|
|
|
|
.removeClass('select2-selection__choice');
|
2014-11-23 03:21:46 +03:00
|
|
|
|
|
|
|
return $placeholder;
|
|
|
|
};
|
|
|
|
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
Placeholder.prototype.update = function (decorated, data) {
|
|
|
|
var singlePlaceholder = (
|
|
|
|
data.length == 1 && data[0].id != this.placeholder.id
|
|
|
|
);
|
|
|
|
var multipleSelections = data.length > 1;
|
|
|
|
|
|
|
|
if (multipleSelections || singlePlaceholder) {
|
|
|
|
return decorated.call(this, data);
|
|
|
|
}
|
|
|
|
|
|
|
|
this.clear();
|
|
|
|
|
2014-11-23 03:21:46 +03:00
|
|
|
var $placeholder = this.createPlaceholder(this.placeholder);
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
|
2014-11-25 02:11:03 +03:00
|
|
|
this.$selection.find('.select2-selection__rendered').append($placeholder);
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
return Placeholder;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/selection/allowClear',[
|
2015-04-02 18:12:11 +03:00
|
|
|
'jquery',
|
2017-10-26 21:19:09 +03:00
|
|
|
'../keys',
|
|
|
|
'../utils'
|
|
|
|
], function ($, KEYS, Utils) {
|
2014-11-25 04:43:15 +03:00
|
|
|
function AllowClear () { }
|
|
|
|
|
|
|
|
AllowClear.prototype.bind = function (decorated, container, $container) {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
decorated.call(this, container, $container);
|
|
|
|
|
2015-04-02 18:12:11 +03:00
|
|
|
if (this.placeholder == null) {
|
|
|
|
if (this.options.get('debug') && window.console && console.error) {
|
2015-02-07 03:17:30 +03:00
|
|
|
console.error(
|
|
|
|
'Select2: The `allowClear` option should be used in combination ' +
|
|
|
|
'with the `placeholder` option.'
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-11-25 04:43:15 +03:00
|
|
|
this.$selection.on('mousedown', '.select2-selection__clear',
|
|
|
|
function (evt) {
|
2015-04-02 18:12:11 +03:00
|
|
|
self._handleClear(evt);
|
|
|
|
});
|
|
|
|
|
|
|
|
container.on('keypress', function (evt) {
|
|
|
|
self._handleKeyboardClear(evt, container);
|
|
|
|
});
|
|
|
|
};
|
2014-11-25 04:43:15 +03:00
|
|
|
|
2015-04-02 18:12:11 +03:00
|
|
|
AllowClear.prototype._handleClear = function (_, evt) {
|
|
|
|
// Ignore the event if it is disabled
|
|
|
|
if (this.options.get('disabled')) {
|
|
|
|
return;
|
|
|
|
}
|
2015-01-22 03:03:39 +03:00
|
|
|
|
2015-04-02 18:12:11 +03:00
|
|
|
var $clear = this.$selection.find('.select2-selection__clear');
|
2015-01-22 03:03:39 +03:00
|
|
|
|
2015-04-02 18:12:11 +03:00
|
|
|
// Ignore the event if nothing has been selected
|
|
|
|
if ($clear.length === 0) {
|
|
|
|
return;
|
|
|
|
}
|
2015-01-22 03:03:39 +03:00
|
|
|
|
2015-04-02 18:12:11 +03:00
|
|
|
evt.stopPropagation();
|
2015-01-22 03:03:39 +03:00
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
var data = Utils.GetData($clear[0], 'data');
|
|
|
|
|
|
|
|
var previousVal = this.$element.val();
|
|
|
|
this.$element.val(this.placeholder.id);
|
|
|
|
|
|
|
|
var unselectData = {
|
|
|
|
data: data
|
|
|
|
};
|
|
|
|
this.trigger('clear', unselectData);
|
|
|
|
if (unselectData.prevented) {
|
|
|
|
this.$element.val(previousVal);
|
|
|
|
return;
|
|
|
|
}
|
2015-01-09 18:45:35 +03:00
|
|
|
|
2015-04-02 18:12:11 +03:00
|
|
|
for (var d = 0; d < data.length; d++) {
|
2017-10-26 21:19:09 +03:00
|
|
|
unselectData = {
|
2015-04-02 18:12:11 +03:00
|
|
|
data: data[d]
|
|
|
|
};
|
|
|
|
|
|
|
|
// Trigger the `unselect` event, so people can prevent it from being
|
|
|
|
// cleared.
|
|
|
|
this.trigger('unselect', unselectData);
|
|
|
|
|
|
|
|
// If the event was prevented, don't clear it out.
|
|
|
|
if (unselectData.prevented) {
|
2017-10-26 21:19:09 +03:00
|
|
|
this.$element.val(previousVal);
|
2015-04-02 18:12:11 +03:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
this.$element.trigger('change');
|
2015-04-02 18:12:11 +03:00
|
|
|
|
2015-08-22 02:19:06 +03:00
|
|
|
this.trigger('toggle', {});
|
2015-04-02 18:12:11 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
AllowClear.prototype._handleKeyboardClear = function (_, evt, container) {
|
|
|
|
if (container.isOpen()) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (evt.which == KEYS.DELETE || evt.which == KEYS.BACKSPACE) {
|
|
|
|
this._handleClear(evt);
|
|
|
|
}
|
2014-11-25 04:43:15 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
AllowClear.prototype.update = function (decorated, data) {
|
|
|
|
decorated.call(this, data);
|
|
|
|
|
2015-01-09 19:01:34 +03:00
|
|
|
if (this.$selection.find('.select2-selection__placeholder').length > 0 ||
|
|
|
|
data.length === 0) {
|
2014-11-25 04:43:15 +03:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var $remove = $(
|
|
|
|
'<span class="select2-selection__clear">' +
|
|
|
|
'×' +
|
|
|
|
'</span>'
|
|
|
|
);
|
2017-10-26 21:19:09 +03:00
|
|
|
Utils.StoreData($remove[0], 'data', data);
|
2014-11-25 04:43:15 +03:00
|
|
|
|
2015-03-12 04:28:06 +03:00
|
|
|
this.$selection.find('.select2-selection__rendered').prepend($remove);
|
2014-11-25 04:43:15 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
return AllowClear;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/selection/search',[
|
2015-01-22 03:56:06 +03:00
|
|
|
'jquery',
|
2014-12-11 03:17:11 +03:00
|
|
|
'../utils',
|
|
|
|
'../keys'
|
2015-01-22 03:56:06 +03:00
|
|
|
], function ($, Utils, KEYS) {
|
2014-11-23 03:21:46 +03:00
|
|
|
function Search (decorated, $element, options) {
|
|
|
|
decorated.call(this, $element, options);
|
|
|
|
}
|
|
|
|
|
|
|
|
Search.prototype.render = function (decorated) {
|
|
|
|
var $search = $(
|
2014-11-25 02:30:58 +03:00
|
|
|
'<li class="select2-search select2-search--inline">' +
|
|
|
|
'<input class="select2-search__field" type="search" tabindex="-1"' +
|
2017-10-26 01:08:18 +03:00
|
|
|
' autocomplete="off" autocorrect="off" autocapitalize="none"' +
|
2015-11-24 02:44:35 +03:00
|
|
|
' spellcheck="false" role="textbox" aria-autocomplete="list" />' +
|
2014-11-23 03:21:46 +03:00
|
|
|
'</li>'
|
|
|
|
);
|
|
|
|
|
|
|
|
this.$searchContainer = $search;
|
|
|
|
this.$search = $search.find('input');
|
|
|
|
|
|
|
|
var $rendered = decorated.call(this);
|
|
|
|
|
2015-06-22 03:31:09 +03:00
|
|
|
this._transferTabIndex();
|
|
|
|
|
2014-11-23 03:21:46 +03:00
|
|
|
return $rendered;
|
|
|
|
};
|
|
|
|
|
|
|
|
Search.prototype.bind = function (decorated, container, $container) {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
decorated.call(this, container, $container);
|
|
|
|
|
|
|
|
container.on('open', function () {
|
2015-06-22 03:31:09 +03:00
|
|
|
self.$search.trigger('focus');
|
2014-11-23 03:21:46 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
container.on('close', function () {
|
|
|
|
self.$search.val('');
|
2015-11-24 02:44:35 +03:00
|
|
|
self.$search.removeAttr('aria-activedescendant');
|
2015-06-22 03:31:09 +03:00
|
|
|
self.$search.trigger('focus');
|
2014-11-23 03:21:46 +03:00
|
|
|
});
|
|
|
|
|
2014-12-17 06:44:11 +03:00
|
|
|
container.on('enable', function () {
|
|
|
|
self.$search.prop('disabled', false);
|
2015-06-22 03:31:09 +03:00
|
|
|
|
|
|
|
self._transferTabIndex();
|
2014-12-17 06:44:11 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
container.on('disable', function () {
|
|
|
|
self.$search.prop('disabled', true);
|
|
|
|
});
|
|
|
|
|
2015-06-22 03:31:09 +03:00
|
|
|
container.on('focus', function (evt) {
|
|
|
|
self.$search.trigger('focus');
|
|
|
|
});
|
|
|
|
|
2015-11-24 02:44:35 +03:00
|
|
|
container.on('results:focus', function (params) {
|
|
|
|
self.$search.attr('aria-activedescendant', params.id);
|
|
|
|
});
|
|
|
|
|
2015-02-14 08:37:51 +03:00
|
|
|
this.$selection.on('focusin', '.select2-search--inline', function (evt) {
|
|
|
|
self.trigger('focus', evt);
|
|
|
|
});
|
|
|
|
|
|
|
|
this.$selection.on('focusout', '.select2-search--inline', function (evt) {
|
2015-06-22 03:31:09 +03:00
|
|
|
self._handleBlur(evt);
|
2015-02-14 08:37:51 +03:00
|
|
|
});
|
|
|
|
|
2014-11-25 02:30:58 +03:00
|
|
|
this.$selection.on('keydown', '.select2-search--inline', function (evt) {
|
2014-11-23 03:21:46 +03:00
|
|
|
evt.stopPropagation();
|
|
|
|
|
|
|
|
self.trigger('keypress', evt);
|
|
|
|
|
|
|
|
self._keyUpPrevented = evt.isDefaultPrevented();
|
2014-12-11 03:17:11 +03:00
|
|
|
|
|
|
|
var key = evt.which;
|
|
|
|
|
|
|
|
if (key === KEYS.BACKSPACE && self.$search.val() === '') {
|
|
|
|
var $previousChoice = self.$searchContainer
|
|
|
|
.prev('.select2-selection__choice');
|
|
|
|
|
|
|
|
if ($previousChoice.length > 0) {
|
2017-10-26 21:19:09 +03:00
|
|
|
var item = Utils.GetData($previousChoice[0], 'data');
|
2014-12-11 03:17:11 +03:00
|
|
|
|
|
|
|
self.searchRemoveChoice(item);
|
2015-03-18 18:53:40 +03:00
|
|
|
|
|
|
|
evt.preventDefault();
|
2014-12-11 03:17:11 +03:00
|
|
|
}
|
|
|
|
}
|
2014-11-23 03:21:46 +03:00
|
|
|
});
|
2014-11-23 04:32:25 +03:00
|
|
|
|
2015-11-10 02:03:35 +03:00
|
|
|
// Try to detect the IE version should the `documentMode` property that
|
|
|
|
// is stored on the document. This is only implemented in IE and is
|
|
|
|
// slightly cleaner than doing a user agent check.
|
|
|
|
// This property is not available in Edge, but Edge also doesn't have
|
|
|
|
// this bug.
|
|
|
|
var msie = document.documentMode;
|
|
|
|
var disableInputEvents = msie && msie <= 11;
|
|
|
|
|
Fix searching in Firefox for Android
This fixes an issue where most keys would not trigger the search
in Firefox for Android. There were only a few keys which would
trigger `keyup`, such as space and enter (the search icon), but
they were not consistent. We know that they were being triggered
though, as you could type "new " (note the space) and it would
trigger a search, giving us all states that started with "new".
The problem is that Firefox for Android does not consistently
trigger `keyup` and `keydown` events when a keyboard is used. To
work around the issue, we are now using the `input` event in
replacement of the `keyup` event, which was used to trigger the
search. While this is not an actual `KeyboardEvent` in Chrome, and
lacks some of the important metadata such as `which`/`key` in
Firefox, it works for our implementation.
As the `input` event is not supported in older browsers, such as
those before Internet Explorer 9, we have to listen for both the
old `keyup` event and the new `input` event. As the `input` event
is always triggered before the `keyup` event, we unbind the `keyup`
event automatically to prevent searches from being triggered twice.
This solution was discovered in a blog post by Mathias Bynens at
https://mathiasbynens.be/notes/oninput.
**Note:** The ability to backspace in a blank text field on multiple
selects in order to remove the last selected item does not work in
Firefox for Android because the `keydown` event does not trigger
when the text field is empty. Users can still use the "x" icon
provided at the start of every selected option to achieve the same
effect.
This closes https://github.com/select2/select2/issues/2997.
2015-03-02 03:41:27 +03:00
|
|
|
// Workaround for browsers which do not support the `input` event
|
|
|
|
// This will prevent double-triggering of events for browsers which support
|
|
|
|
// both the `keyup` and `input` events.
|
2015-08-21 21:52:01 +03:00
|
|
|
this.$selection.on(
|
|
|
|
'input.searchcheck',
|
|
|
|
'.select2-search--inline',
|
|
|
|
function (evt) {
|
|
|
|
// IE will trigger the `input` event when a placeholder is used on a
|
|
|
|
// search box. To get around this issue, we are forced to ignore all
|
|
|
|
// `input` events in IE and keep using `keyup`.
|
2015-11-10 02:03:35 +03:00
|
|
|
if (disableInputEvents) {
|
2015-08-21 21:52:01 +03:00
|
|
|
self.$selection.off('input.search input.searchcheck');
|
|
|
|
return;
|
|
|
|
}
|
2015-06-22 03:31:09 +03:00
|
|
|
|
2015-08-21 21:52:01 +03:00
|
|
|
// Unbind the duplicated `keyup` event
|
|
|
|
self.$selection.off('keyup.search');
|
2015-06-22 03:31:09 +03:00
|
|
|
}
|
2015-08-21 21:52:01 +03:00
|
|
|
);
|
2015-06-22 03:31:09 +03:00
|
|
|
|
2015-08-21 21:52:01 +03:00
|
|
|
this.$selection.on(
|
|
|
|
'keyup.search input.search',
|
|
|
|
'.select2-search--inline',
|
|
|
|
function (evt) {
|
2015-11-10 02:03:35 +03:00
|
|
|
// IE will trigger the `input` event when a placeholder is used on a
|
|
|
|
// search box. To get around this issue, we are forced to ignore all
|
|
|
|
// `input` events in IE and keep using `keyup`.
|
|
|
|
if (disableInputEvents && evt.type === 'input') {
|
|
|
|
self.$selection.off('input.search input.searchcheck');
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2015-08-21 21:52:01 +03:00
|
|
|
var key = evt.which;
|
2015-06-22 03:31:09 +03:00
|
|
|
|
2015-08-21 21:52:01 +03:00
|
|
|
// We can freely ignore events from modifier keys
|
|
|
|
if (key == KEYS.SHIFT || key == KEYS.CTRL || key == KEYS.ALT) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Tabbing will be handled during the `keydown` phase
|
|
|
|
if (key == KEYS.TAB) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
self.handleSearch(evt);
|
|
|
|
}
|
|
|
|
);
|
2014-11-23 03:21:46 +03:00
|
|
|
};
|
|
|
|
|
2015-06-22 03:31:09 +03:00
|
|
|
/**
|
|
|
|
* This method will transfer the tabindex attribute from the rendered
|
|
|
|
* selection to the search box. This allows for the search box to be used as
|
|
|
|
* the primary focus instead of the selection container.
|
|
|
|
*
|
|
|
|
* @private
|
|
|
|
*/
|
|
|
|
Search.prototype._transferTabIndex = function (decorated) {
|
|
|
|
this.$search.attr('tabindex', this.$selection.attr('tabindex'));
|
|
|
|
this.$selection.attr('tabindex', '-1');
|
|
|
|
};
|
|
|
|
|
2014-11-23 03:21:46 +03:00
|
|
|
Search.prototype.createPlaceholder = function (decorated, placeholder) {
|
|
|
|
this.$search.attr('placeholder', placeholder.text);
|
|
|
|
};
|
|
|
|
|
|
|
|
Search.prototype.update = function (decorated, data) {
|
2015-06-22 04:47:26 +03:00
|
|
|
var searchHadFocus = this.$search[0] == document.activeElement;
|
|
|
|
|
2014-11-23 03:21:46 +03:00
|
|
|
this.$search.attr('placeholder', '');
|
|
|
|
|
|
|
|
decorated.call(this, data);
|
|
|
|
|
2014-11-25 02:30:58 +03:00
|
|
|
this.$selection.find('.select2-selection__rendered')
|
|
|
|
.append(this.$searchContainer);
|
2014-11-23 04:32:25 +03:00
|
|
|
|
|
|
|
this.resizeSearch();
|
2015-06-22 04:47:26 +03:00
|
|
|
if (searchHadFocus) {
|
2017-11-22 07:16:57 +03:00
|
|
|
var isTagInput = this.$element.find('[data-select2-tag]').length;
|
|
|
|
if (isTagInput) {
|
|
|
|
// fix IE11 bug where tag input lost focus
|
|
|
|
this.$element.focus();
|
|
|
|
} else {
|
|
|
|
this.$search.focus();
|
|
|
|
}
|
2015-06-22 04:47:26 +03:00
|
|
|
}
|
2014-11-23 03:21:46 +03:00
|
|
|
};
|
|
|
|
|
2014-12-12 02:10:46 +03:00
|
|
|
Search.prototype.handleSearch = function () {
|
2014-11-23 04:32:25 +03:00
|
|
|
this.resizeSearch();
|
|
|
|
|
2014-11-23 03:21:46 +03:00
|
|
|
if (!this._keyUpPrevented) {
|
|
|
|
var input = this.$search.val();
|
|
|
|
|
|
|
|
this.trigger('query', {
|
|
|
|
term: input
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
this._keyUpPrevented = false;
|
|
|
|
};
|
|
|
|
|
2014-12-12 02:10:46 +03:00
|
|
|
Search.prototype.searchRemoveChoice = function (decorated, item) {
|
2015-01-09 18:04:21 +03:00
|
|
|
this.trigger('unselect', {
|
2014-12-11 03:17:11 +03:00
|
|
|
data: item
|
|
|
|
});
|
|
|
|
|
2015-11-24 02:44:35 +03:00
|
|
|
this.$search.val(item.text);
|
|
|
|
this.handleSearch();
|
2014-12-11 03:17:11 +03:00
|
|
|
};
|
|
|
|
|
2014-11-23 04:32:25 +03:00
|
|
|
Search.prototype.resizeSearch = function () {
|
|
|
|
this.$search.css('width', '25px');
|
|
|
|
|
|
|
|
var width = '';
|
|
|
|
|
|
|
|
if (this.$search.attr('placeholder') !== '') {
|
2015-01-09 22:08:31 +03:00
|
|
|
width = this.$selection.find('.select2-selection__rendered').innerWidth();
|
2014-11-23 04:32:25 +03:00
|
|
|
} else {
|
|
|
|
var minimumWidth = this.$search.val().length + 1;
|
|
|
|
|
|
|
|
width = (minimumWidth * 0.75) + 'em';
|
|
|
|
}
|
|
|
|
|
|
|
|
this.$search.css('width', width);
|
|
|
|
};
|
|
|
|
|
2014-11-23 03:21:46 +03:00
|
|
|
return Search;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/selection/eventRelay',[
|
2015-01-08 19:41:28 +03:00
|
|
|
'jquery'
|
|
|
|
], function ($) {
|
|
|
|
function EventRelay () { }
|
|
|
|
|
|
|
|
EventRelay.prototype.bind = function (decorated, container, $container) {
|
|
|
|
var self = this;
|
2015-01-14 02:28:21 +03:00
|
|
|
var relayEvents = [
|
|
|
|
'open', 'opening',
|
|
|
|
'close', 'closing',
|
|
|
|
'select', 'selecting',
|
2017-10-26 21:19:09 +03:00
|
|
|
'unselect', 'unselecting',
|
|
|
|
'clear', 'clearing'
|
2015-01-14 02:28:21 +03:00
|
|
|
];
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
var preventableEvents = [
|
|
|
|
'opening', 'closing', 'selecting', 'unselecting', 'clearing'
|
|
|
|
];
|
2015-01-08 19:41:28 +03:00
|
|
|
|
|
|
|
decorated.call(this, container, $container);
|
|
|
|
|
|
|
|
container.on('*', function (name, params) {
|
2015-01-14 02:28:21 +03:00
|
|
|
// Ignore events that should not be relayed
|
2015-02-08 20:29:52 +03:00
|
|
|
if ($.inArray(name, relayEvents) === -1) {
|
2015-01-08 19:41:28 +03:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2015-01-14 02:28:21 +03:00
|
|
|
// The parameters should always be an object
|
|
|
|
params = params || {};
|
|
|
|
|
|
|
|
// Generate the jQuery event for the Select2 event
|
|
|
|
var evt = $.Event('select2:' + name, {
|
|
|
|
params: params
|
|
|
|
});
|
2015-01-08 19:41:28 +03:00
|
|
|
|
|
|
|
self.$element.trigger(evt);
|
2015-01-14 02:28:21 +03:00
|
|
|
|
|
|
|
// Only handle preventable events if it was one
|
2015-02-08 20:29:52 +03:00
|
|
|
if ($.inArray(name, preventableEvents) === -1) {
|
2015-01-14 02:28:21 +03:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
params.prevented = evt.isDefaultPrevented();
|
2015-01-08 19:41:28 +03:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
return EventRelay;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/translation',[
|
|
|
|
'jquery',
|
|
|
|
'require'
|
|
|
|
], function ($, require) {
|
2014-11-01 06:03:03 +03:00
|
|
|
function Translation (dict) {
|
|
|
|
this.dict = dict || {};
|
|
|
|
}
|
|
|
|
|
|
|
|
Translation.prototype.all = function () {
|
|
|
|
return this.dict;
|
|
|
|
};
|
|
|
|
|
|
|
|
Translation.prototype.get = function (key) {
|
|
|
|
return this.dict[key];
|
|
|
|
};
|
|
|
|
|
|
|
|
Translation.prototype.extend = function (translation) {
|
|
|
|
this.dict = $.extend({}, translation.all(), this.dict);
|
|
|
|
};
|
|
|
|
|
|
|
|
// Static functions
|
|
|
|
|
|
|
|
Translation._cache = {};
|
|
|
|
|
|
|
|
Translation.loadPath = function (path) {
|
|
|
|
if (!(path in Translation._cache)) {
|
|
|
|
var translations = require(path);
|
|
|
|
|
|
|
|
Translation._cache[path] = translations;
|
|
|
|
}
|
|
|
|
|
|
|
|
return new Translation(Translation._cache[path]);
|
|
|
|
};
|
|
|
|
|
|
|
|
return Translation;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/diacritics',[
|
2014-11-20 02:12:59 +03:00
|
|
|
|
|
|
|
], function () {
|
|
|
|
var 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'
|
|
|
|
};
|
|
|
|
|
|
|
|
return diacritics;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/data/base',[
|
2014-10-15 05:12:57 +04:00
|
|
|
'../utils'
|
|
|
|
], function (Utils) {
|
|
|
|
function BaseAdapter ($element, options) {
|
|
|
|
BaseAdapter.__super__.constructor.call(this);
|
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(BaseAdapter, Utils.Observable);
|
|
|
|
|
|
|
|
BaseAdapter.prototype.current = function (callback) {
|
|
|
|
throw new Error('The `current` method must be defined in child classes.');
|
|
|
|
};
|
|
|
|
|
|
|
|
BaseAdapter.prototype.query = function (params, callback) {
|
|
|
|
throw new Error('The `query` method must be defined in child classes.');
|
|
|
|
};
|
|
|
|
|
2014-10-18 04:53:34 +04:00
|
|
|
BaseAdapter.prototype.bind = function (container, $container) {
|
|
|
|
// Can be implemented in subclasses
|
|
|
|
};
|
|
|
|
|
2014-11-14 02:34:08 +03:00
|
|
|
BaseAdapter.prototype.destroy = function () {
|
|
|
|
// Can be implemented in subclasses
|
|
|
|
};
|
|
|
|
|
2014-10-20 01:39:09 +04:00
|
|
|
BaseAdapter.prototype.generateResultId = function (container, data) {
|
|
|
|
var id = container.id + '-result-';
|
2014-10-20 00:13:57 +04:00
|
|
|
|
2014-10-20 01:39:09 +04:00
|
|
|
id += Utils.generateChars(4);
|
2014-10-20 00:13:57 +04:00
|
|
|
|
|
|
|
if (data.id != null) {
|
|
|
|
id += '-' + data.id.toString();
|
|
|
|
} else {
|
2014-10-20 01:39:09 +04:00
|
|
|
id += '-' + Utils.generateChars(4);
|
2014-10-20 00:13:57 +04:00
|
|
|
}
|
|
|
|
return id;
|
|
|
|
};
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
return BaseAdapter;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/data/select',[
|
2014-10-15 05:12:57 +04:00
|
|
|
'./base',
|
|
|
|
'../utils',
|
|
|
|
'jquery'
|
|
|
|
], function (BaseAdapter, Utils, $) {
|
|
|
|
function SelectAdapter ($element, options) {
|
|
|
|
this.$element = $element;
|
2014-11-05 19:03:53 +03:00
|
|
|
this.options = options;
|
2014-10-15 05:12:57 +04:00
|
|
|
|
|
|
|
SelectAdapter.__super__.constructor.call(this);
|
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(SelectAdapter, BaseAdapter);
|
|
|
|
|
|
|
|
SelectAdapter.prototype.current = function (callback) {
|
|
|
|
var data = [];
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
this.$element.find(':selected').each(function () {
|
|
|
|
var $option = $(this);
|
|
|
|
|
|
|
|
var option = self.item($option);
|
|
|
|
|
|
|
|
data.push(option);
|
|
|
|
});
|
|
|
|
|
|
|
|
callback(data);
|
|
|
|
};
|
|
|
|
|
|
|
|
SelectAdapter.prototype.select = function (data) {
|
|
|
|
var self = this;
|
|
|
|
|
2015-03-18 17:41:04 +03:00
|
|
|
data.selected = true;
|
|
|
|
|
|
|
|
// If data.element is a DOM node, use it instead
|
2014-12-18 04:23:02 +03:00
|
|
|
if ($(data.element).is('option')) {
|
|
|
|
data.element.selected = true;
|
|
|
|
|
|
|
|
this.$element.trigger('change');
|
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
if (this.$element.prop('multiple')) {
|
|
|
|
this.current(function (currentData) {
|
|
|
|
var val = [];
|
|
|
|
|
|
|
|
data = [data];
|
|
|
|
data.push.apply(data, currentData);
|
|
|
|
|
|
|
|
for (var d = 0; d < data.length; d++) {
|
2015-02-14 06:49:54 +03:00
|
|
|
var id = data[d].id;
|
2014-10-15 05:12:57 +04:00
|
|
|
|
2015-02-15 02:37:18 +03:00
|
|
|
if ($.inArray(id, val) === -1) {
|
2014-10-15 05:12:57 +04:00
|
|
|
val.push(id);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
self.$element.val(val);
|
|
|
|
self.$element.trigger('change');
|
|
|
|
});
|
|
|
|
} else {
|
|
|
|
var val = data.id;
|
|
|
|
|
|
|
|
this.$element.val(val);
|
|
|
|
this.$element.trigger('change');
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
SelectAdapter.prototype.unselect = function (data) {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
if (!this.$element.prop('multiple')) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2015-03-18 17:41:04 +03:00
|
|
|
data.selected = false;
|
|
|
|
|
2014-12-18 04:23:02 +03:00
|
|
|
if ($(data.element).is('option')) {
|
|
|
|
data.element.selected = false;
|
|
|
|
|
|
|
|
this.$element.trigger('change');
|
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
this.current(function (currentData) {
|
|
|
|
var val = [];
|
|
|
|
|
|
|
|
for (var d = 0; d < currentData.length; d++) {
|
2015-02-14 06:49:54 +03:00
|
|
|
var id = currentData[d].id;
|
2014-10-15 05:12:57 +04:00
|
|
|
|
2015-02-15 02:37:18 +03:00
|
|
|
if (id !== data.id && $.inArray(id, val) === -1) {
|
2014-10-15 05:12:57 +04:00
|
|
|
val.push(id);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
self.$element.val(val);
|
2014-10-21 03:15:37 +04:00
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
self.$element.trigger('change');
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
SelectAdapter.prototype.bind = function (container, $container) {
|
|
|
|
var self = this;
|
|
|
|
|
2014-10-20 01:39:09 +04:00
|
|
|
this.container = container;
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
container.on('select', function (params) {
|
|
|
|
self.select(params.data);
|
|
|
|
});
|
|
|
|
|
|
|
|
container.on('unselect', function (params) {
|
|
|
|
self.unselect(params.data);
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2014-11-14 02:34:08 +03:00
|
|
|
SelectAdapter.prototype.destroy = function () {
|
|
|
|
// Remove anything added to child elements
|
|
|
|
this.$element.find('*').each(function () {
|
|
|
|
// Remove any custom data set by Select2
|
2017-10-26 21:19:09 +03:00
|
|
|
Utils.RemoveData(this);
|
2014-11-14 02:34:08 +03:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
SelectAdapter.prototype.query = function (params, callback) {
|
|
|
|
var data = [];
|
|
|
|
var self = this;
|
|
|
|
|
2014-10-15 06:30:37 +04:00
|
|
|
var $options = this.$element.children();
|
|
|
|
|
|
|
|
$options.each(function () {
|
2014-10-15 05:12:57 +04:00
|
|
|
var $option = $(this);
|
|
|
|
|
2014-10-15 06:30:37 +04:00
|
|
|
if (!$option.is('option') && !$option.is('optgroup')) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
var option = self.item($option);
|
|
|
|
|
2014-10-15 06:30:37 +04:00
|
|
|
var matches = self.matches(params, option);
|
|
|
|
|
|
|
|
if (matches !== null) {
|
|
|
|
data.push(matches);
|
2014-10-15 05:12:57 +04:00
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2015-01-08 05:09:59 +03:00
|
|
|
callback({
|
|
|
|
results: data
|
|
|
|
});
|
2014-10-15 05:12:57 +04:00
|
|
|
};
|
|
|
|
|
2015-02-17 22:29:26 +03:00
|
|
|
SelectAdapter.prototype.addOptions = function ($options) {
|
2015-04-06 03:08:33 +03:00
|
|
|
Utils.appendMany(this.$element, $options);
|
2015-02-17 22:29:26 +03:00
|
|
|
};
|
|
|
|
|
2014-10-21 03:15:37 +04:00
|
|
|
SelectAdapter.prototype.option = function (data) {
|
2015-01-10 04:34:49 +03:00
|
|
|
var option;
|
2014-10-21 03:15:37 +04:00
|
|
|
|
2015-01-10 04:34:49 +03:00
|
|
|
if (data.children) {
|
|
|
|
option = document.createElement('optgroup');
|
|
|
|
option.label = data.text;
|
|
|
|
} else {
|
|
|
|
option = document.createElement('option');
|
2015-02-10 04:52:02 +03:00
|
|
|
|
|
|
|
if (option.textContent !== undefined) {
|
|
|
|
option.textContent = data.text;
|
|
|
|
} else {
|
|
|
|
option.innerText = data.text;
|
|
|
|
}
|
2015-01-10 04:34:49 +03:00
|
|
|
}
|
|
|
|
|
2016-12-30 03:47:19 +03:00
|
|
|
if (data.id !== undefined) {
|
2015-01-10 04:34:49 +03:00
|
|
|
option.value = data.id;
|
|
|
|
}
|
2014-10-21 03:15:37 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
if (data.disabled) {
|
|
|
|
option.disabled = true;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (data.selected) {
|
|
|
|
option.selected = true;
|
|
|
|
}
|
2014-10-21 03:15:37 +04:00
|
|
|
|
2015-02-10 04:52:02 +03:00
|
|
|
if (data.title) {
|
|
|
|
option.title = data.title;
|
|
|
|
}
|
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
var $option = $(option);
|
|
|
|
|
|
|
|
var normalizedData = this._normalizeItem(data);
|
2014-12-17 04:51:35 +03:00
|
|
|
normalizedData.element = option;
|
2014-10-21 03:15:37 +04:00
|
|
|
|
|
|
|
// Override the option's data with the combined data
|
2017-10-26 21:19:09 +03:00
|
|
|
Utils.StoreData(option, 'data', normalizedData);
|
2014-10-21 03:15:37 +04:00
|
|
|
|
|
|
|
return $option;
|
|
|
|
};
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
SelectAdapter.prototype.item = function ($option) {
|
2014-11-07 19:13:53 +03:00
|
|
|
var data = {};
|
2014-10-15 06:30:37 +04:00
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
data = Utils.GetData($option[0], 'data');
|
2014-10-15 06:30:37 +04:00
|
|
|
|
2014-11-08 03:07:01 +03:00
|
|
|
if (data != null) {
|
|
|
|
return data;
|
2014-11-07 19:13:53 +03:00
|
|
|
}
|
2014-10-15 06:30:37 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
if ($option.is('option')) {
|
|
|
|
data = {
|
|
|
|
id: $option.val(),
|
2015-03-12 01:06:07 +03:00
|
|
|
text: $option.text(),
|
2014-11-08 03:53:46 +03:00
|
|
|
disabled: $option.prop('disabled'),
|
2015-02-10 04:52:02 +03:00
|
|
|
selected: $option.prop('selected'),
|
|
|
|
title: $option.prop('title')
|
2014-11-07 19:13:53 +03:00
|
|
|
};
|
|
|
|
} else if ($option.is('optgroup')) {
|
|
|
|
data = {
|
2015-01-10 04:34:49 +03:00
|
|
|
text: $option.prop('label'),
|
2015-02-10 04:52:02 +03:00
|
|
|
children: [],
|
|
|
|
title: $option.prop('title')
|
2014-11-07 19:13:53 +03:00
|
|
|
};
|
2014-10-15 06:30:37 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
var $children = $option.children('option');
|
|
|
|
var children = [];
|
2014-10-15 06:30:37 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
for (var c = 0; c < $children.length; c++) {
|
|
|
|
var $child = $($children[c]);
|
2014-10-15 05:12:57 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
var child = this.item($child);
|
2014-10-20 00:13:57 +04:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
children.push(child);
|
|
|
|
}
|
2014-11-06 20:03:06 +03:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
data.children = children;
|
2014-10-15 05:12:57 +04:00
|
|
|
}
|
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
data = this._normalizeItem(data);
|
2014-12-17 04:51:35 +03:00
|
|
|
data.element = $option[0];
|
2014-11-07 19:13:53 +03:00
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
Utils.StoreData($option[0], 'data', data);
|
2014-11-07 19:13:53 +03:00
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
return data;
|
|
|
|
};
|
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
SelectAdapter.prototype._normalizeItem = function (item) {
|
2017-10-26 21:19:09 +03:00
|
|
|
if (item !== Object(item)) {
|
2014-12-18 03:39:12 +03:00
|
|
|
item = {
|
|
|
|
id: item,
|
|
|
|
text: item
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
item = $.extend({}, {
|
|
|
|
text: ''
|
|
|
|
}, item);
|
2014-11-08 04:31:27 +03:00
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
var defaults = {
|
|
|
|
selected: false,
|
|
|
|
disabled: false
|
|
|
|
};
|
|
|
|
|
2014-11-08 03:30:45 +03:00
|
|
|
if (item.id != null) {
|
|
|
|
item.id = item.id.toString();
|
|
|
|
}
|
|
|
|
|
|
|
|
if (item.text != null) {
|
|
|
|
item.text = item.text.toString();
|
|
|
|
}
|
|
|
|
|
2014-11-07 19:13:53 +03:00
|
|
|
if (item._resultId == null && item.id && this.container != null) {
|
|
|
|
item._resultId = this.generateResultId(this.container, item);
|
|
|
|
}
|
|
|
|
|
|
|
|
return $.extend({}, defaults, item);
|
|
|
|
};
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
SelectAdapter.prototype.matches = function (params, data) {
|
2014-11-05 19:03:53 +03:00
|
|
|
var matcher = this.options.get('matcher');
|
2014-10-15 05:12:57 +04:00
|
|
|
|
2014-11-05 19:03:53 +03:00
|
|
|
return matcher(params, data);
|
2014-10-15 05:12:57 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
return SelectAdapter;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/data/array',[
|
2014-09-22 00:43:44 +04:00
|
|
|
'./select',
|
2014-10-20 05:03:48 +04:00
|
|
|
'../utils',
|
|
|
|
'jquery'
|
|
|
|
], function (SelectAdapter, Utils, $) {
|
2014-08-31 04:25:32 +04:00
|
|
|
function ArrayAdapter ($element, options) {
|
2015-01-15 04:27:47 +03:00
|
|
|
var data = options.get('data') || [];
|
2014-08-31 04:25:32 +04:00
|
|
|
|
|
|
|
ArrayAdapter.__super__.constructor.call(this, $element, options);
|
2014-11-06 20:03:06 +03:00
|
|
|
|
2015-02-17 22:29:26 +03:00
|
|
|
this.addOptions(this.convertToOptions(data));
|
2014-08-31 04:25:32 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(ArrayAdapter, SelectAdapter);
|
|
|
|
|
2014-11-08 04:10:12 +03:00
|
|
|
ArrayAdapter.prototype.select = function (data) {
|
2015-03-18 17:56:10 +03:00
|
|
|
var $option = this.$element.find('option').filter(function (i, elm) {
|
|
|
|
return elm.value == data.id.toString();
|
|
|
|
});
|
2014-11-08 04:10:12 +03:00
|
|
|
|
|
|
|
if ($option.length === 0) {
|
|
|
|
$option = this.option(data);
|
|
|
|
|
2015-03-12 02:20:41 +03:00
|
|
|
this.addOptions($option);
|
2014-11-08 04:10:12 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
ArrayAdapter.__super__.select.call(this, data);
|
|
|
|
};
|
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
ArrayAdapter.prototype.convertToOptions = function (data) {
|
2014-08-31 04:25:32 +04:00
|
|
|
var self = this;
|
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
var $existing = this.$element.find('option');
|
|
|
|
var existingIds = $existing.map(function () {
|
|
|
|
return self.item($(this)).id;
|
|
|
|
}).get();
|
2014-08-31 04:25:32 +04:00
|
|
|
|
2015-04-06 03:08:33 +03:00
|
|
|
var $options = [];
|
2015-01-10 04:34:49 +03:00
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
// Filter out all items except for the one passed in the argument
|
|
|
|
function onlyItem (item) {
|
|
|
|
return function () {
|
|
|
|
return $(this).val() == item.id;
|
|
|
|
};
|
|
|
|
}
|
2014-08-31 04:25:32 +04:00
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
for (var d = 0; d < data.length; d++) {
|
2015-01-10 04:34:49 +03:00
|
|
|
var item = this._normalizeItem(data[d]);
|
2014-08-31 04:25:32 +04:00
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
// Skip items which were pre-loaded, only merge the data
|
2015-02-08 20:29:52 +03:00
|
|
|
if ($.inArray(item.id, existingIds) >= 0) {
|
2014-11-06 20:03:06 +03:00
|
|
|
var $existingOption = $existing.filter(onlyItem(item));
|
|
|
|
|
|
|
|
var existingData = this.item($existingOption);
|
2016-01-15 03:31:16 +03:00
|
|
|
var newData = $.extend(true, {}, item, existingData);
|
2014-11-06 20:03:06 +03:00
|
|
|
|
2015-08-20 04:39:21 +03:00
|
|
|
var $newOption = this.option(newData);
|
2014-08-31 04:25:32 +04:00
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
$existingOption.replaceWith($newOption);
|
2014-08-31 04:25:32 +04:00
|
|
|
|
2014-11-06 20:03:06 +03:00
|
|
|
continue;
|
2014-08-31 04:25:32 +04:00
|
|
|
}
|
|
|
|
|
2014-11-08 03:53:46 +03:00
|
|
|
var $option = this.option(item);
|
2014-11-06 20:03:06 +03:00
|
|
|
|
2015-01-10 04:34:49 +03:00
|
|
|
if (item.children) {
|
|
|
|
var $children = this.convertToOptions(item.children);
|
|
|
|
|
2015-04-06 03:08:33 +03:00
|
|
|
Utils.appendMany($option, $children);
|
2015-01-10 04:34:49 +03:00
|
|
|
}
|
|
|
|
|
2015-04-06 03:08:33 +03:00
|
|
|
$options.push($option);
|
2014-11-06 20:03:06 +03:00
|
|
|
}
|
2015-01-10 04:34:49 +03:00
|
|
|
|
|
|
|
return $options;
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-31 04:25:32 +04:00
|
|
|
|
|
|
|
return ArrayAdapter;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/data/ajax',[
|
2014-09-22 00:43:44 +04:00
|
|
|
'./array',
|
|
|
|
'../utils',
|
|
|
|
'jquery'
|
2014-08-31 05:14:46 +04:00
|
|
|
], function (ArrayAdapter, Utils, $) {
|
|
|
|
function AjaxAdapter ($element, options) {
|
2015-01-29 17:03:06 +03:00
|
|
|
this.ajaxOptions = this._applyDefaults(options.get('ajax'));
|
2014-08-31 05:14:46 +04:00
|
|
|
|
2014-11-02 04:36:36 +03:00
|
|
|
if (this.ajaxOptions.processResults != null) {
|
|
|
|
this.processResults = this.ajaxOptions.processResults;
|
|
|
|
}
|
2014-08-31 05:14:46 +04:00
|
|
|
|
2015-06-22 03:31:09 +03:00
|
|
|
AjaxAdapter.__super__.constructor.call(this, $element, options);
|
2014-08-31 05:14:46 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(AjaxAdapter, ArrayAdapter);
|
|
|
|
|
2015-01-29 17:03:06 +03:00
|
|
|
AjaxAdapter.prototype._applyDefaults = function (options) {
|
|
|
|
var defaults = {
|
|
|
|
data: function (params) {
|
2015-11-10 04:23:20 +03:00
|
|
|
return $.extend({}, params, {
|
2015-01-29 17:03:06 +03:00
|
|
|
q: params.term
|
2015-11-10 04:23:20 +03:00
|
|
|
});
|
2015-01-29 17:03:06 +03:00
|
|
|
},
|
|
|
|
transport: function (params, success, failure) {
|
|
|
|
var $request = $.ajax(params);
|
|
|
|
|
|
|
|
$request.then(success);
|
|
|
|
$request.fail(failure);
|
|
|
|
|
|
|
|
return $request;
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
return $.extend({}, defaults, options, true);
|
|
|
|
};
|
|
|
|
|
2014-11-02 04:36:36 +03:00
|
|
|
AjaxAdapter.prototype.processResults = function (results) {
|
|
|
|
return results;
|
|
|
|
};
|
|
|
|
|
2014-08-31 05:14:46 +04:00
|
|
|
AjaxAdapter.prototype.query = function (params, callback) {
|
|
|
|
var matches = [];
|
|
|
|
var self = this;
|
|
|
|
|
2015-04-02 18:26:23 +03:00
|
|
|
if (this._request != null) {
|
|
|
|
// JSONP requests cannot always be aborted
|
|
|
|
if ($.isFunction(this._request.abort)) {
|
|
|
|
this._request.abort();
|
|
|
|
}
|
|
|
|
|
2014-11-20 01:48:46 +03:00
|
|
|
this._request = null;
|
|
|
|
}
|
|
|
|
|
2014-08-31 05:14:46 +04:00
|
|
|
var options = $.extend({
|
2014-09-22 01:12:21 +04:00
|
|
|
type: 'GET'
|
2014-08-31 05:14:46 +04:00
|
|
|
}, this.ajaxOptions);
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
if (typeof options.url === 'function') {
|
2015-11-10 02:03:35 +03:00
|
|
|
options.url = options.url.call(this.$element, params);
|
2014-08-31 05:14:46 +04:00
|
|
|
}
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
if (typeof options.data === 'function') {
|
2015-11-10 02:03:35 +03:00
|
|
|
options.data = options.data.call(this.$element, params);
|
2014-08-31 05:14:46 +04:00
|
|
|
}
|
|
|
|
|
2014-11-02 04:36:36 +03:00
|
|
|
function request () {
|
2015-01-29 17:03:06 +03:00
|
|
|
var $request = options.transport(options, function (data) {
|
2015-01-03 03:58:09 +03:00
|
|
|
var results = self.processResults(data, params);
|
2014-08-31 05:14:46 +04:00
|
|
|
|
2015-03-12 03:41:10 +03:00
|
|
|
if (self.options.get('debug') && window.console && console.error) {
|
2015-01-22 00:36:23 +03:00
|
|
|
// Check to make sure that the response included a `results` key.
|
|
|
|
if (!results || !results.results || !$.isArray(results.results)) {
|
|
|
|
console.error(
|
|
|
|
'Select2: The AJAX results did not return an array in the ' +
|
|
|
|
'`results` key of the response.'
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-11-02 04:36:36 +03:00
|
|
|
callback(results);
|
2015-01-29 17:03:06 +03:00
|
|
|
}, function () {
|
2016-04-24 19:21:53 +03:00
|
|
|
// Attempt to detect if a request was aborted
|
|
|
|
// Only works if the transport exposes a status property
|
2017-10-26 21:19:09 +03:00
|
|
|
if ('status' in $request &&
|
|
|
|
($request.status === 0 || $request.status === '0')) {
|
2016-04-24 19:21:53 +03:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2016-01-15 03:31:16 +03:00
|
|
|
self.trigger('results:message', {
|
|
|
|
message: 'errorLoading'
|
|
|
|
});
|
2014-11-02 04:36:36 +03:00
|
|
|
});
|
2014-11-20 01:48:46 +03:00
|
|
|
|
|
|
|
self._request = $request;
|
2014-11-02 04:36:36 +03:00
|
|
|
}
|
|
|
|
|
2016-05-15 05:34:03 +03:00
|
|
|
if (this.ajaxOptions.delay && params.term != null) {
|
2014-11-02 04:36:36 +03:00
|
|
|
if (this._queryTimeout) {
|
|
|
|
window.clearTimeout(this._queryTimeout);
|
|
|
|
}
|
|
|
|
|
|
|
|
this._queryTimeout = window.setTimeout(request, this.ajaxOptions.delay);
|
|
|
|
} else {
|
|
|
|
request();
|
|
|
|
}
|
2014-08-31 05:14:46 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
return AjaxAdapter;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/data/tags',[
|
2015-01-22 03:56:06 +03:00
|
|
|
'jquery'
|
|
|
|
], function ($) {
|
2014-10-21 03:15:37 +04:00
|
|
|
function Tags (decorated, $element, options) {
|
|
|
|
var tags = options.get('tags');
|
|
|
|
|
2015-01-09 18:30:56 +03:00
|
|
|
var createTag = options.get('createTag');
|
|
|
|
|
|
|
|
if (createTag !== undefined) {
|
|
|
|
this.createTag = createTag;
|
|
|
|
}
|
|
|
|
|
2016-01-15 03:31:16 +03:00
|
|
|
var insertTag = options.get('insertTag');
|
|
|
|
|
|
|
|
if (insertTag !== undefined) {
|
|
|
|
this.insertTag = insertTag;
|
|
|
|
}
|
|
|
|
|
2014-10-21 03:15:37 +04:00
|
|
|
decorated.call(this, $element, options);
|
2014-11-08 04:31:27 +03:00
|
|
|
|
|
|
|
if ($.isArray(tags)) {
|
|
|
|
for (var t = 0; t < tags.length; t++) {
|
|
|
|
var tag = tags[t];
|
|
|
|
var item = this._normalizeItem(tag);
|
|
|
|
|
|
|
|
var $option = this.option(item);
|
|
|
|
|
|
|
|
this.$element.append($option);
|
|
|
|
}
|
|
|
|
}
|
2014-10-21 03:15:37 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
Tags.prototype.query = function (decorated, params, callback) {
|
|
|
|
var self = this;
|
|
|
|
|
2014-11-02 00:49:53 +03:00
|
|
|
this._removeOldTags();
|
|
|
|
|
2015-03-12 01:23:10 +03:00
|
|
|
if (params.term == null || params.page != null) {
|
2014-10-21 03:15:37 +04:00
|
|
|
decorated.call(this, params, callback);
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2015-01-08 05:09:59 +03:00
|
|
|
function wrapper (obj, child) {
|
|
|
|
var data = obj.results;
|
|
|
|
|
2014-10-21 03:15:37 +04:00
|
|
|
for (var i = 0; i < data.length; i++) {
|
|
|
|
var option = data[i];
|
|
|
|
|
|
|
|
var checkChildren = (
|
2015-01-08 05:09:59 +03:00
|
|
|
option.children != null &&
|
|
|
|
!wrapper({
|
|
|
|
results: option.children
|
|
|
|
}, true)
|
2014-10-21 03:15:37 +04:00
|
|
|
);
|
|
|
|
|
2016-12-30 03:47:19 +03:00
|
|
|
var optionText = (option.text || '').toUpperCase();
|
|
|
|
var paramsTerm = (params.term || '').toUpperCase();
|
|
|
|
|
|
|
|
var checkText = optionText === paramsTerm;
|
2014-10-21 03:15:37 +04:00
|
|
|
|
|
|
|
if (checkText || checkChildren) {
|
|
|
|
if (child) {
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
2015-01-08 05:09:59 +03:00
|
|
|
obj.data = data;
|
|
|
|
callback(obj);
|
2014-10-21 03:15:37 +04:00
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
if (child) {
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
var tag = self.createTag(params);
|
2014-11-02 00:49:53 +03:00
|
|
|
|
2014-11-27 03:52:10 +03:00
|
|
|
if (tag != null) {
|
|
|
|
var $option = self.option(tag);
|
|
|
|
$option.attr('data-select2-tag', true);
|
2014-11-02 00:49:53 +03:00
|
|
|
|
2015-04-06 03:08:33 +03:00
|
|
|
self.addOptions([$option]);
|
2014-10-21 03:15:37 +04:00
|
|
|
|
2014-11-27 03:52:10 +03:00
|
|
|
self.insertTag(data, tag);
|
|
|
|
}
|
2014-10-21 03:15:37 +04:00
|
|
|
|
2015-01-08 05:09:59 +03:00
|
|
|
obj.results = data;
|
|
|
|
|
|
|
|
callback(obj);
|
2014-10-21 03:15:37 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
decorated.call(this, params, wrapper);
|
|
|
|
};
|
|
|
|
|
|
|
|
Tags.prototype.createTag = function (decorated, params) {
|
2015-03-12 01:23:10 +03:00
|
|
|
var term = $.trim(params.term);
|
|
|
|
|
|
|
|
if (term === '') {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
2014-10-21 03:15:37 +04:00
|
|
|
return {
|
2015-03-12 01:23:10 +03:00
|
|
|
id: term,
|
|
|
|
text: term
|
2014-10-21 03:15:37 +04:00
|
|
|
};
|
|
|
|
};
|
|
|
|
|
2014-11-02 01:40:06 +03:00
|
|
|
Tags.prototype.insertTag = function (_, data, tag) {
|
|
|
|
data.unshift(tag);
|
|
|
|
};
|
|
|
|
|
2014-11-02 00:49:53 +03:00
|
|
|
Tags.prototype._removeOldTags = function (_) {
|
|
|
|
var tag = this._lastTag;
|
|
|
|
|
|
|
|
var $options = this.$element.find('option[data-select2-tag]');
|
|
|
|
|
|
|
|
$options.each(function () {
|
|
|
|
if (this.selected) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
$(this).remove();
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2014-10-21 03:15:37 +04:00
|
|
|
return Tags;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/data/tokenizer',[
|
2015-01-22 03:56:06 +03:00
|
|
|
'jquery'
|
|
|
|
], function ($) {
|
2015-01-07 04:00:47 +03:00
|
|
|
function Tokenizer (decorated, $element, options) {
|
|
|
|
var tokenizer = options.get('tokenizer');
|
|
|
|
|
|
|
|
if (tokenizer !== undefined) {
|
|
|
|
this.tokenizer = tokenizer;
|
|
|
|
}
|
|
|
|
|
|
|
|
decorated.call(this, $element, options);
|
|
|
|
}
|
|
|
|
|
|
|
|
Tokenizer.prototype.bind = function (decorated, container, $container) {
|
|
|
|
decorated.call(this, container, $container);
|
|
|
|
|
|
|
|
this.$search = container.dropdown.$search || container.selection.$search ||
|
|
|
|
$container.find('.select2-search__field');
|
|
|
|
};
|
|
|
|
|
|
|
|
Tokenizer.prototype.query = function (decorated, params, callback) {
|
|
|
|
var self = this;
|
|
|
|
|
2016-04-24 19:21:53 +03:00
|
|
|
function createAndSelect (data) {
|
|
|
|
// Normalize the data object so we can use it for checks
|
|
|
|
var item = self._normalizeItem(data);
|
|
|
|
|
|
|
|
// Check if the data object already exists as a tag
|
|
|
|
// Select it if it doesn't
|
|
|
|
var $existingOptions = self.$element.find('option').filter(function () {
|
|
|
|
return $(this).val() === item.id;
|
|
|
|
});
|
|
|
|
|
|
|
|
// If an existing option wasn't found for it, create the option
|
|
|
|
if (!$existingOptions.length) {
|
|
|
|
var $option = self.option(item);
|
|
|
|
$option.attr('data-select2-tag', true);
|
|
|
|
|
|
|
|
self._removeOldTags();
|
|
|
|
self.addOptions([$option]);
|
|
|
|
}
|
|
|
|
|
|
|
|
// Select the item, now that we know there is an option for it
|
|
|
|
select(item);
|
|
|
|
}
|
|
|
|
|
2015-01-07 04:00:47 +03:00
|
|
|
function select (data) {
|
2015-08-22 02:19:06 +03:00
|
|
|
self.trigger('select', {
|
|
|
|
data: data
|
|
|
|
});
|
2015-01-07 04:00:47 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
params.term = params.term || '';
|
|
|
|
|
2016-04-24 19:21:53 +03:00
|
|
|
var tokenData = this.tokenizer(params, this.options, createAndSelect);
|
2015-01-07 04:00:47 +03:00
|
|
|
|
|
|
|
if (tokenData.term !== params.term) {
|
|
|
|
// Replace the search term if we have the search box
|
|
|
|
if (this.$search.length) {
|
|
|
|
this.$search.val(tokenData.term);
|
|
|
|
this.$search.focus();
|
|
|
|
}
|
|
|
|
|
|
|
|
params.term = tokenData.term;
|
|
|
|
}
|
|
|
|
|
|
|
|
decorated.call(this, params, callback);
|
|
|
|
};
|
|
|
|
|
|
|
|
Tokenizer.prototype.tokenizer = function (_, params, options, callback) {
|
|
|
|
var separators = options.get('tokenSeparators') || [];
|
|
|
|
var term = params.term;
|
|
|
|
var i = 0;
|
|
|
|
|
|
|
|
var createTag = this.createTag || function (params) {
|
|
|
|
return {
|
|
|
|
id: params.term,
|
|
|
|
text: params.term
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
while (i < term.length) {
|
|
|
|
var termChar = term[i];
|
|
|
|
|
2015-02-15 02:37:18 +03:00
|
|
|
if ($.inArray(termChar, separators) === -1) {
|
2015-01-07 04:00:47 +03:00
|
|
|
i++;
|
|
|
|
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
|
|
|
|
var part = term.substr(0, i);
|
|
|
|
var partParams = $.extend({}, params, {
|
|
|
|
term: part
|
|
|
|
});
|
|
|
|
|
|
|
|
var data = createTag(partParams);
|
|
|
|
|
2015-08-22 02:19:06 +03:00
|
|
|
if (data == null) {
|
|
|
|
i++;
|
|
|
|
continue;
|
|
|
|
}
|
|
|
|
|
2015-01-07 04:00:47 +03:00
|
|
|
callback(data);
|
|
|
|
|
|
|
|
// Reset the term to not include the tokenized portion
|
|
|
|
term = term.substr(i + 1) || '';
|
|
|
|
i = 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
return {
|
|
|
|
term: term
|
|
|
|
};
|
|
|
|
};
|
|
|
|
|
|
|
|
return Tokenizer;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/data/minimumInputLength',[
|
2014-11-02 05:59:59 +03:00
|
|
|
|
|
|
|
], function () {
|
|
|
|
function MinimumInputLength (decorated, $e, options) {
|
|
|
|
this.minimumInputLength = options.get('minimumInputLength');
|
|
|
|
|
|
|
|
decorated.call(this, $e, options);
|
|
|
|
}
|
|
|
|
|
|
|
|
MinimumInputLength.prototype.query = function (decorated, params, callback) {
|
|
|
|
params.term = params.term || '';
|
|
|
|
|
|
|
|
if (params.term.length < this.minimumInputLength) {
|
|
|
|
this.trigger('results:message', {
|
|
|
|
message: 'inputTooShort',
|
|
|
|
args: {
|
|
|
|
minimum: this.minimumInputLength,
|
|
|
|
input: params.term,
|
|
|
|
params: params
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
decorated.call(this, params, callback);
|
|
|
|
};
|
|
|
|
|
|
|
|
return MinimumInputLength;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/data/maximumInputLength',[
|
2014-11-27 05:52:49 +03:00
|
|
|
|
|
|
|
], function () {
|
|
|
|
function MaximumInputLength (decorated, $e, options) {
|
|
|
|
this.maximumInputLength = options.get('maximumInputLength');
|
|
|
|
|
|
|
|
decorated.call(this, $e, options);
|
|
|
|
}
|
|
|
|
|
|
|
|
MaximumInputLength.prototype.query = function (decorated, params, callback) {
|
|
|
|
params.term = params.term || '';
|
|
|
|
|
|
|
|
if (this.maximumInputLength > 0 &&
|
|
|
|
params.term.length > this.maximumInputLength) {
|
|
|
|
this.trigger('results:message', {
|
|
|
|
message: 'inputTooLong',
|
|
|
|
args: {
|
2015-02-06 11:46:58 +03:00
|
|
|
maximum: this.maximumInputLength,
|
2014-11-27 05:52:49 +03:00
|
|
|
input: params.term,
|
|
|
|
params: params
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
decorated.call(this, params, callback);
|
|
|
|
};
|
|
|
|
|
|
|
|
return MaximumInputLength;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/data/maximumSelectionLength',[
|
2015-01-13 01:32:08 +03:00
|
|
|
|
|
|
|
], function (){
|
|
|
|
function MaximumSelectionLength (decorated, $e, options) {
|
|
|
|
this.maximumSelectionLength = options.get('maximumSelectionLength');
|
|
|
|
|
|
|
|
decorated.call(this, $e, options);
|
|
|
|
}
|
|
|
|
|
|
|
|
MaximumSelectionLength.prototype.query =
|
|
|
|
function (decorated, params, callback) {
|
2015-01-13 04:43:33 +03:00
|
|
|
var self = this;
|
2015-01-13 01:32:08 +03:00
|
|
|
|
2015-01-13 04:43:33 +03:00
|
|
|
this.current(function (currentData) {
|
|
|
|
var count = currentData != null ? currentData.length : 0;
|
2015-01-13 19:34:52 +03:00
|
|
|
if (self.maximumSelectionLength > 0 &&
|
|
|
|
count >= self.maximumSelectionLength) {
|
2015-01-13 04:43:33 +03:00
|
|
|
self.trigger('results:message', {
|
|
|
|
message: 'maximumSelected',
|
|
|
|
args: {
|
|
|
|
maximum: self.maximumSelectionLength
|
|
|
|
}
|
|
|
|
});
|
|
|
|
return;
|
2015-01-13 01:32:08 +03:00
|
|
|
}
|
2015-01-13 04:43:33 +03:00
|
|
|
decorated.call(self, params, callback);
|
2015-01-13 01:32:08 +03:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
return MaximumSelectionLength;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/dropdown',[
|
2015-01-22 03:56:06 +03:00
|
|
|
'jquery',
|
2014-10-16 04:51:29 +04:00
|
|
|
'./utils'
|
2015-01-22 03:56:06 +03:00
|
|
|
], function ($, Utils) {
|
2014-10-16 04:51:29 +04:00
|
|
|
function Dropdown ($element, options) {
|
|
|
|
this.$element = $element;
|
2014-12-18 05:22:14 +03:00
|
|
|
this.options = options;
|
|
|
|
|
|
|
|
Dropdown.__super__.constructor.call(this);
|
2014-10-16 04:51:29 +04:00
|
|
|
}
|
|
|
|
|
|
|
|
Utils.Extend(Dropdown, Utils.Observable);
|
|
|
|
|
|
|
|
Dropdown.prototype.render = function () {
|
|
|
|
var $dropdown = $(
|
2014-11-25 02:59:19 +03:00
|
|
|
'<span class="select2-dropdown">' +
|
|
|
|
'<span class="select2-results"></span>' +
|
2014-10-16 04:51:29 +04:00
|
|
|
'</span>'
|
|
|
|
);
|
|
|
|
|
2014-12-18 05:22:14 +03:00
|
|
|
$dropdown.attr('dir', this.options.get('dir'));
|
|
|
|
|
2014-11-14 02:34:08 +03:00
|
|
|
this.$dropdown = $dropdown;
|
|
|
|
|
2014-10-16 04:51:29 +04:00
|
|
|
return $dropdown;
|
|
|
|
};
|
|
|
|
|
2015-11-10 02:03:35 +03:00
|
|
|
Dropdown.prototype.bind = function () {
|
|
|
|
// Should be implemented in subclasses
|
|
|
|
};
|
|
|
|
|
2014-11-25 22:19:07 +03:00
|
|
|
Dropdown.prototype.position = function ($dropdown, $container) {
|
2014-11-25 23:59:13 +03:00
|
|
|
// Should be implmented in subclasses
|
2014-11-25 22:19:07 +03:00
|
|
|
};
|
|
|
|
|
2014-11-14 02:34:08 +03:00
|
|
|
Dropdown.prototype.destroy = function () {
|
|
|
|
// Remove the dropdown from the DOM
|
|
|
|
this.$dropdown.remove();
|
|
|
|
};
|
|
|
|
|
2014-10-16 04:51:29 +04:00
|
|
|
return Dropdown;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/dropdown/search',[
|
2015-01-22 03:56:06 +03:00
|
|
|
'jquery',
|
2014-11-02 03:35:23 +03:00
|
|
|
'../utils'
|
2015-01-22 03:56:06 +03:00
|
|
|
], function ($, Utils) {
|
2014-10-16 04:51:29 +04:00
|
|
|
function Search () { }
|
|
|
|
|
|
|
|
Search.prototype.render = function (decorated) {
|
|
|
|
var $rendered = decorated.call(this);
|
|
|
|
|
|
|
|
var $search = $(
|
2014-11-25 02:59:19 +03:00
|
|
|
'<span class="select2-search select2-search--dropdown">' +
|
|
|
|
'<input class="select2-search__field" type="search" tabindex="-1"' +
|
2017-10-26 01:08:18 +03:00
|
|
|
' autocomplete="off" autocorrect="off" autocapitalize="none"' +
|
2015-02-09 23:29:28 +03:00
|
|
|
' spellcheck="false" role="textbox" />' +
|
2014-10-16 04:51:29 +04:00
|
|
|
'</span>'
|
|
|
|
);
|
|
|
|
|
2014-10-17 03:08:11 +04:00
|
|
|
this.$searchContainer = $search;
|
2014-10-16 04:51:29 +04:00
|
|
|
this.$search = $search.find('input');
|
|
|
|
|
|
|
|
$rendered.prepend($search);
|
|
|
|
|
|
|
|
return $rendered;
|
|
|
|
};
|
|
|
|
|
|
|
|
Search.prototype.bind = function (decorated, container, $container) {
|
2014-10-17 03:08:11 +04:00
|
|
|
var self = this;
|
|
|
|
|
2014-10-16 04:51:29 +04:00
|
|
|
decorated.call(this, container, $container);
|
|
|
|
|
2014-11-02 04:04:31 +03:00
|
|
|
this.$search.on('keydown', function (evt) {
|
2014-11-02 03:35:23 +03:00
|
|
|
self.trigger('keypress', evt);
|
|
|
|
|
2014-11-02 04:04:31 +03:00
|
|
|
self._keyUpPrevented = evt.isDefaultPrevented();
|
|
|
|
});
|
|
|
|
|
Fix searching in Firefox for Android
This fixes an issue where most keys would not trigger the search
in Firefox for Android. There were only a few keys which would
trigger `keyup`, such as space and enter (the search icon), but
they were not consistent. We know that they were being triggered
though, as you could type "new " (note the space) and it would
trigger a search, giving us all states that started with "new".
The problem is that Firefox for Android does not consistently
trigger `keyup` and `keydown` events when a keyboard is used. To
work around the issue, we are now using the `input` event in
replacement of the `keyup` event, which was used to trigger the
search. While this is not an actual `KeyboardEvent` in Chrome, and
lacks some of the important metadata such as `which`/`key` in
Firefox, it works for our implementation.
As the `input` event is not supported in older browsers, such as
those before Internet Explorer 9, we have to listen for both the
old `keyup` event and the new `input` event. As the `input` event
is always triggered before the `keyup` event, we unbind the `keyup`
event automatically to prevent searches from being triggered twice.
This solution was discovered in a blog post by Mathias Bynens at
https://mathiasbynens.be/notes/oninput.
**Note:** The ability to backspace in a blank text field on multiple
selects in order to remove the last selected item does not work in
Firefox for Android because the `keydown` event does not trigger
when the text field is empty. Users can still use the "x" icon
provided at the start of every selected option to achieve the same
effect.
This closes https://github.com/select2/select2/issues/2997.
2015-03-02 03:41:27 +03:00
|
|
|
// Workaround for browsers which do not support the `input` event
|
|
|
|
// This will prevent double-triggering of events for browsers which support
|
|
|
|
// both the `keyup` and `input` events.
|
|
|
|
this.$search.on('input', function (evt) {
|
|
|
|
// Unbind the duplicated `keyup` event
|
|
|
|
$(this).off('keyup');
|
|
|
|
});
|
|
|
|
|
|
|
|
this.$search.on('keyup input', function (evt) {
|
2014-11-02 05:59:59 +03:00
|
|
|
self.handleSearch(evt);
|
2014-10-16 04:51:29 +04:00
|
|
|
});
|
2014-10-17 03:08:11 +04:00
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
container.on('open', function () {
|
|
|
|
self.$search.attr('tabindex', 0);
|
2014-11-08 04:16:59 +03:00
|
|
|
|
|
|
|
self.$search.focus();
|
2015-01-08 18:07:33 +03:00
|
|
|
|
|
|
|
window.setTimeout(function () {
|
|
|
|
self.$search.focus();
|
|
|
|
}, 0);
|
2014-10-18 18:49:51 +04:00
|
|
|
});
|
|
|
|
|
|
|
|
container.on('close', function () {
|
|
|
|
self.$search.attr('tabindex', -1);
|
2014-11-02 03:35:23 +03:00
|
|
|
|
|
|
|
self.$search.val('');
|
2017-10-26 21:19:09 +03:00
|
|
|
self.$search.blur();
|
2014-10-18 18:49:51 +04:00
|
|
|
});
|
|
|
|
|
2016-04-24 19:21:53 +03:00
|
|
|
container.on('focus', function () {
|
2017-09-24 19:09:35 +03:00
|
|
|
if (!container.isOpen()) {
|
2016-04-24 19:21:53 +03:00
|
|
|
self.$search.focus();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
2014-10-17 03:08:11 +04:00
|
|
|
container.on('results:all', function (params) {
|
|
|
|
if (params.query.term == null || params.query.term === '') {
|
|
|
|
var showSearch = self.showSearch(params);
|
|
|
|
|
|
|
|
if (showSearch) {
|
2014-11-27 04:39:52 +03:00
|
|
|
self.$searchContainer.removeClass('select2-search--hide');
|
2014-10-17 03:08:11 +04:00
|
|
|
} else {
|
2014-11-27 04:39:52 +03:00
|
|
|
self.$searchContainer.addClass('select2-search--hide');
|
2014-10-17 03:08:11 +04:00
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
Search.prototype.handleSearch = function (evt) {
|
|
|
|
if (!this._keyUpPrevented) {
|
|
|
|
var input = this.$search.val();
|
|
|
|
|
|
|
|
this.trigger('query', {
|
|
|
|
term: input
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
this._keyUpPrevented = false;
|
|
|
|
};
|
|
|
|
|
2014-11-02 03:35:23 +03:00
|
|
|
Search.prototype.showSearch = function (_, params) {
|
2014-10-17 03:08:11 +04:00
|
|
|
return true;
|
2014-10-16 04:51:29 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
return Search;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/dropdown/hidePlaceholder',[
|
2014-11-02 00:21:46 +03:00
|
|
|
|
|
|
|
], function () {
|
|
|
|
function HidePlaceholder (decorated, $element, options, dataAdapter) {
|
|
|
|
this.placeholder = this.normalizePlaceholder(options.get('placeholder'));
|
|
|
|
|
|
|
|
decorated.call(this, $element, options, dataAdapter);
|
|
|
|
}
|
|
|
|
|
|
|
|
HidePlaceholder.prototype.append = function (decorated, data) {
|
2015-01-08 05:09:59 +03:00
|
|
|
data.results = this.removePlaceholder(data.results);
|
2014-11-02 00:21:46 +03:00
|
|
|
|
|
|
|
decorated.call(this, data);
|
|
|
|
};
|
|
|
|
|
|
|
|
HidePlaceholder.prototype.normalizePlaceholder = function (_, placeholder) {
|
|
|
|
if (typeof placeholder === 'string') {
|
|
|
|
placeholder = {
|
|
|
|
id: '',
|
|
|
|
text: placeholder
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
return placeholder;
|
|
|
|
};
|
|
|
|
|
|
|
|
HidePlaceholder.prototype.removePlaceholder = function (_, data) {
|
|
|
|
var modifiedData = data.slice(0);
|
|
|
|
|
|
|
|
for (var d = data.length - 1; d >= 0; d--) {
|
|
|
|
var item = data[d];
|
|
|
|
|
|
|
|
if (this.placeholder.id === item.id) {
|
|
|
|
modifiedData.splice(d, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return modifiedData;
|
|
|
|
};
|
|
|
|
|
|
|
|
return HidePlaceholder;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/dropdown/infiniteScroll',[
|
2014-11-04 03:10:36 +03:00
|
|
|
'jquery'
|
|
|
|
], function ($) {
|
|
|
|
function InfiniteScroll (decorated, $element, options, dataAdapter) {
|
|
|
|
this.lastParams = {};
|
|
|
|
|
|
|
|
decorated.call(this, $element, options, dataAdapter);
|
|
|
|
|
|
|
|
this.$loadingMore = this.createLoadingMore();
|
|
|
|
this.loading = false;
|
|
|
|
}
|
|
|
|
|
|
|
|
InfiniteScroll.prototype.append = function (decorated, data) {
|
|
|
|
this.$loadingMore.remove();
|
2015-01-03 03:58:09 +03:00
|
|
|
this.loading = false;
|
2014-11-04 03:10:36 +03:00
|
|
|
|
2015-01-08 05:09:59 +03:00
|
|
|
decorated.call(this, data);
|
2014-11-04 03:10:36 +03:00
|
|
|
|
2015-01-03 03:58:09 +03:00
|
|
|
if (this.showLoadingMore(data)) {
|
2014-11-04 03:10:36 +03:00
|
|
|
this.$results.append(this.$loadingMore);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
InfiniteScroll.prototype.bind = function (decorated, container, $container) {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
decorated.call(this, container, $container);
|
|
|
|
|
|
|
|
container.on('query', function (params) {
|
|
|
|
self.lastParams = params;
|
|
|
|
self.loading = true;
|
|
|
|
});
|
|
|
|
|
|
|
|
container.on('query:append', function (params) {
|
|
|
|
self.lastParams = params;
|
|
|
|
self.loading = true;
|
|
|
|
});
|
|
|
|
|
|
|
|
this.$results.on('scroll', function () {
|
2015-01-03 03:58:09 +03:00
|
|
|
var isLoadMoreVisible = $.contains(
|
2014-11-04 03:24:29 +03:00
|
|
|
document.documentElement,
|
|
|
|
self.$loadingMore[0]
|
|
|
|
);
|
|
|
|
|
2015-01-03 03:58:09 +03:00
|
|
|
if (self.loading || !isLoadMoreVisible) {
|
2014-11-04 03:10:36 +03:00
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
var currentOffset = self.$results.offset().top +
|
|
|
|
self.$results.outerHeight(false);
|
|
|
|
var loadingMoreOffset = self.$loadingMore.offset().top +
|
|
|
|
self.$loadingMore.outerHeight(false);
|
|
|
|
|
|
|
|
if (currentOffset + 50 >= loadingMoreOffset) {
|
|
|
|
self.loadMore();
|
|
|
|
}
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
InfiniteScroll.prototype.loadMore = function () {
|
|
|
|
this.loading = true;
|
|
|
|
|
|
|
|
var params = $.extend({}, {page: 1}, this.lastParams);
|
|
|
|
|
|
|
|
params.page++;
|
|
|
|
|
|
|
|
this.trigger('query:append', params);
|
|
|
|
};
|
|
|
|
|
2015-01-03 03:58:09 +03:00
|
|
|
InfiniteScroll.prototype.showLoadingMore = function (_, data) {
|
|
|
|
return data.pagination && data.pagination.more;
|
|
|
|
};
|
|
|
|
|
2014-11-04 03:10:36 +03:00
|
|
|
InfiniteScroll.prototype.createLoadingMore = function () {
|
|
|
|
var $option = $(
|
2015-11-10 04:23:20 +03:00
|
|
|
'<li ' +
|
|
|
|
'class="select2-results__option select2-results__option--load-more"' +
|
|
|
|
'role="treeitem" aria-disabled="true"></li>'
|
2014-11-04 03:10:36 +03:00
|
|
|
);
|
|
|
|
|
|
|
|
var message = this.options.get('translations').get('loadingMore');
|
|
|
|
|
|
|
|
$option.html(message(this.lastParams));
|
|
|
|
|
|
|
|
return $option;
|
|
|
|
};
|
|
|
|
|
|
|
|
return InfiniteScroll;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/dropdown/attachBody',[
|
2015-01-27 23:46:23 +03:00
|
|
|
'jquery',
|
|
|
|
'../utils'
|
|
|
|
], function ($, Utils) {
|
2014-11-25 23:39:42 +03:00
|
|
|
function AttachBody (decorated, $element, options) {
|
2015-11-28 02:26:20 +03:00
|
|
|
this.$dropdownParent = options.get('dropdownParent') || $(document.body);
|
2014-12-10 06:12:07 +03:00
|
|
|
|
2014-11-25 23:39:42 +03:00
|
|
|
decorated.call(this, $element, options);
|
|
|
|
}
|
|
|
|
|
|
|
|
AttachBody.prototype.bind = function (decorated, container, $container) {
|
|
|
|
var self = this;
|
|
|
|
|
2014-12-06 04:06:20 +03:00
|
|
|
var setupResultsEvents = false;
|
|
|
|
|
2014-11-25 23:39:42 +03:00
|
|
|
decorated.call(this, container, $container);
|
|
|
|
|
|
|
|
container.on('open', function () {
|
|
|
|
self._showDropdown();
|
2015-01-23 01:35:08 +03:00
|
|
|
self._attachPositioningHandler(container);
|
2014-12-06 04:06:20 +03:00
|
|
|
|
|
|
|
if (!setupResultsEvents) {
|
|
|
|
setupResultsEvents = true;
|
|
|
|
|
|
|
|
container.on('results:all', function () {
|
|
|
|
self._positionDropdown();
|
2015-01-27 22:00:36 +03:00
|
|
|
self._resizeDropdown();
|
2014-12-06 04:06:20 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
container.on('results:append', function () {
|
|
|
|
self._positionDropdown();
|
2015-01-27 22:00:36 +03:00
|
|
|
self._resizeDropdown();
|
2014-12-06 04:06:20 +03:00
|
|
|
});
|
|
|
|
}
|
2014-11-25 23:39:42 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
container.on('close', function () {
|
|
|
|
self._hideDropdown();
|
2015-01-23 01:35:08 +03:00
|
|
|
self._detachPositioningHandler(container);
|
2014-11-25 23:39:42 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
this.$dropdownContainer.on('mousedown', function (evt) {
|
|
|
|
evt.stopPropagation();
|
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2015-08-20 04:39:21 +03:00
|
|
|
AttachBody.prototype.destroy = function (decorated) {
|
|
|
|
decorated.call(this);
|
|
|
|
|
|
|
|
this.$dropdownContainer.remove();
|
|
|
|
};
|
|
|
|
|
2014-11-25 23:39:42 +03:00
|
|
|
AttachBody.prototype.position = function (decorated, $dropdown, $container) {
|
|
|
|
// Clone all of the container classes
|
|
|
|
$dropdown.attr('class', $container.attr('class'));
|
|
|
|
|
|
|
|
$dropdown.removeClass('select2');
|
|
|
|
$dropdown.addClass('select2-container--open');
|
|
|
|
|
|
|
|
$dropdown.css({
|
2015-01-10 17:27:22 +03:00
|
|
|
position: 'absolute',
|
|
|
|
top: -999999
|
2014-11-25 23:39:42 +03:00
|
|
|
});
|
|
|
|
|
|
|
|
this.$container = $container;
|
|
|
|
};
|
|
|
|
|
|
|
|
AttachBody.prototype.render = function (decorated) {
|
|
|
|
var $container = $('<span></span>');
|
|
|
|
|
|
|
|
var $dropdown = decorated.call(this);
|
|
|
|
$container.append($dropdown);
|
|
|
|
|
|
|
|
this.$dropdownContainer = $container;
|
|
|
|
|
|
|
|
return $container;
|
|
|
|
};
|
|
|
|
|
|
|
|
AttachBody.prototype._hideDropdown = function (decorated) {
|
|
|
|
this.$dropdownContainer.detach();
|
|
|
|
};
|
|
|
|
|
2015-11-24 02:44:35 +03:00
|
|
|
AttachBody.prototype._attachPositioningHandler =
|
|
|
|
function (decorated, container) {
|
2015-01-23 01:35:08 +03:00
|
|
|
var self = this;
|
|
|
|
|
|
|
|
var scrollEvent = 'scroll.select2.' + container.id;
|
|
|
|
var resizeEvent = 'resize.select2.' + container.id;
|
|
|
|
var orientationEvent = 'orientationchange.select2.' + container.id;
|
|
|
|
|
2015-02-14 06:49:54 +03:00
|
|
|
var $watchers = this.$container.parents().filter(Utils.hasScroll);
|
2015-01-27 23:46:23 +03:00
|
|
|
$watchers.each(function () {
|
2017-10-26 21:19:09 +03:00
|
|
|
Utils.StoreData(this, 'select2-scroll-position', {
|
2015-01-27 23:46:23 +03:00
|
|
|
x: $(this).scrollLeft(),
|
|
|
|
y: $(this).scrollTop()
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
$watchers.on(scrollEvent, function (ev) {
|
2017-10-26 21:19:09 +03:00
|
|
|
var position = Utils.GetData(this, 'select2-scroll-position');
|
2015-01-27 23:46:23 +03:00
|
|
|
$(this).scrollTop(position.y);
|
|
|
|
});
|
|
|
|
|
2015-01-23 01:35:08 +03:00
|
|
|
$(window).on(scrollEvent + ' ' + resizeEvent + ' ' + orientationEvent,
|
|
|
|
function (e) {
|
|
|
|
self._positionDropdown();
|
2015-01-27 22:00:36 +03:00
|
|
|
self._resizeDropdown();
|
2015-01-23 01:35:08 +03:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2015-11-24 02:44:35 +03:00
|
|
|
AttachBody.prototype._detachPositioningHandler =
|
|
|
|
function (decorated, container) {
|
2015-01-23 01:35:08 +03:00
|
|
|
var scrollEvent = 'scroll.select2.' + container.id;
|
|
|
|
var resizeEvent = 'resize.select2.' + container.id;
|
|
|
|
var orientationEvent = 'orientationchange.select2.' + container.id;
|
|
|
|
|
2015-02-14 06:49:54 +03:00
|
|
|
var $watchers = this.$container.parents().filter(Utils.hasScroll);
|
2015-01-27 23:46:23 +03:00
|
|
|
$watchers.off(scrollEvent);
|
|
|
|
|
2015-01-23 01:35:08 +03:00
|
|
|
$(window).off(scrollEvent + ' ' + resizeEvent + ' ' + orientationEvent);
|
|
|
|
};
|
|
|
|
|
2014-11-25 23:39:42 +03:00
|
|
|
AttachBody.prototype._positionDropdown = function () {
|
2014-12-06 04:06:20 +03:00
|
|
|
var $window = $(window);
|
|
|
|
|
|
|
|
var isCurrentlyAbove = this.$dropdown.hasClass('select2-dropdown--above');
|
|
|
|
var isCurrentlyBelow = this.$dropdown.hasClass('select2-dropdown--below');
|
|
|
|
|
|
|
|
var newDirection = null;
|
|
|
|
|
|
|
|
var offset = this.$container.offset();
|
|
|
|
|
|
|
|
offset.bottom = offset.top + this.$container.outerHeight(false);
|
|
|
|
|
|
|
|
var container = {
|
|
|
|
height: this.$container.outerHeight(false)
|
|
|
|
};
|
|
|
|
|
|
|
|
container.top = offset.top;
|
|
|
|
container.bottom = offset.top + container.height;
|
2014-11-25 23:39:42 +03:00
|
|
|
|
2014-12-06 04:06:20 +03:00
|
|
|
var dropdown = {
|
|
|
|
height: this.$dropdown.outerHeight(false)
|
|
|
|
};
|
|
|
|
|
|
|
|
var viewport = {
|
|
|
|
top: $window.scrollTop(),
|
|
|
|
bottom: $window.scrollTop() + $window.height()
|
|
|
|
};
|
|
|
|
|
|
|
|
var enoughRoomAbove = viewport.top < (offset.top - dropdown.height);
|
|
|
|
var enoughRoomBelow = viewport.bottom > (offset.bottom + dropdown.height);
|
|
|
|
|
|
|
|
var css = {
|
|
|
|
left: offset.left,
|
|
|
|
top: container.bottom
|
|
|
|
};
|
|
|
|
|
2016-01-15 03:31:16 +03:00
|
|
|
// Determine what the parent element is to use for calciulating the offset
|
|
|
|
var $offsetParent = this.$dropdownParent;
|
2015-11-28 02:26:20 +03:00
|
|
|
|
2016-01-15 03:31:16 +03:00
|
|
|
// For statically positoned elements, we need to get the element
|
|
|
|
// that is determining the offset
|
|
|
|
if ($offsetParent.css('position') === 'static') {
|
|
|
|
$offsetParent = $offsetParent.offsetParent();
|
2015-11-28 02:26:20 +03:00
|
|
|
}
|
|
|
|
|
2016-01-15 03:31:16 +03:00
|
|
|
var parentOffset = $offsetParent.offset();
|
|
|
|
|
|
|
|
css.top -= parentOffset.top;
|
|
|
|
css.left -= parentOffset.left;
|
|
|
|
|
2014-12-06 04:06:20 +03:00
|
|
|
if (!isCurrentlyAbove && !isCurrentlyBelow) {
|
|
|
|
newDirection = 'below';
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!enoughRoomBelow && enoughRoomAbove && !isCurrentlyAbove) {
|
|
|
|
newDirection = 'above';
|
|
|
|
} else if (!enoughRoomAbove && enoughRoomBelow && isCurrentlyAbove) {
|
|
|
|
newDirection = 'below';
|
|
|
|
}
|
|
|
|
|
2015-01-23 01:35:08 +03:00
|
|
|
if (newDirection == 'above' ||
|
|
|
|
(isCurrentlyAbove && newDirection !== 'below')) {
|
2016-04-24 19:21:53 +03:00
|
|
|
css.top = container.top - parentOffset.top - dropdown.height;
|
2014-12-06 04:06:20 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
if (newDirection != null) {
|
|
|
|
this.$dropdown
|
|
|
|
.removeClass('select2-dropdown--below select2-dropdown--above')
|
|
|
|
.addClass('select2-dropdown--' + newDirection);
|
|
|
|
this.$container
|
|
|
|
.removeClass('select2-container--below select2-container--above')
|
|
|
|
.addClass('select2-container--' + newDirection);
|
|
|
|
}
|
2014-11-25 23:39:42 +03:00
|
|
|
|
|
|
|
this.$dropdownContainer.css(css);
|
|
|
|
};
|
|
|
|
|
2015-01-27 22:00:36 +03:00
|
|
|
AttachBody.prototype._resizeDropdown = function () {
|
2015-04-26 23:52:22 +03:00
|
|
|
var css = {
|
2015-01-27 22:00:36 +03:00
|
|
|
width: this.$container.outerWidth(false) + 'px'
|
2015-04-26 23:52:22 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
if (this.options.get('dropdownAutoWidth')) {
|
|
|
|
css.minWidth = css.width;
|
2016-04-24 19:21:53 +03:00
|
|
|
css.position = 'relative';
|
2015-04-26 23:52:22 +03:00
|
|
|
css.width = 'auto';
|
|
|
|
}
|
|
|
|
|
|
|
|
this.$dropdown.css(css);
|
2015-01-27 22:00:36 +03:00
|
|
|
};
|
|
|
|
|
2014-11-25 23:39:42 +03:00
|
|
|
AttachBody.prototype._showDropdown = function (decorated) {
|
2014-12-10 06:12:07 +03:00
|
|
|
this.$dropdownContainer.appendTo(this.$dropdownParent);
|
2014-11-25 23:39:42 +03:00
|
|
|
|
|
|
|
this._positionDropdown();
|
2015-01-27 22:00:36 +03:00
|
|
|
this._resizeDropdown();
|
2014-11-25 23:39:42 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
return AttachBody;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/dropdown/minimumResultsForSearch',[
|
2014-12-11 02:46:05 +03:00
|
|
|
|
|
|
|
], function () {
|
|
|
|
function countResults (data) {
|
2015-02-14 06:49:54 +03:00
|
|
|
var count = 0;
|
2014-12-11 02:46:05 +03:00
|
|
|
|
|
|
|
for (var d = 0; d < data.length; d++) {
|
|
|
|
var item = data[d];
|
|
|
|
|
|
|
|
if (item.children) {
|
|
|
|
count += countResults(item.children);
|
|
|
|
} else {
|
|
|
|
count++;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
return count;
|
|
|
|
}
|
|
|
|
|
|
|
|
function MinimumResultsForSearch (decorated, $element, options, dataAdapter) {
|
|
|
|
this.minimumResultsForSearch = options.get('minimumResultsForSearch');
|
|
|
|
|
2015-02-07 03:54:36 +03:00
|
|
|
if (this.minimumResultsForSearch < 0) {
|
|
|
|
this.minimumResultsForSearch = Infinity;
|
|
|
|
}
|
|
|
|
|
2014-12-11 02:46:05 +03:00
|
|
|
decorated.call(this, $element, options, dataAdapter);
|
|
|
|
}
|
|
|
|
|
|
|
|
MinimumResultsForSearch.prototype.showSearch = function (decorated, params) {
|
2015-01-08 05:09:59 +03:00
|
|
|
if (countResults(params.data.results) < this.minimumResultsForSearch) {
|
2014-12-11 02:46:05 +03:00
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
return decorated.call(this, params);
|
|
|
|
};
|
|
|
|
|
|
|
|
return MinimumResultsForSearch;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/dropdown/selectOnClose',[
|
2017-10-26 21:19:09 +03:00
|
|
|
'../utils'
|
|
|
|
], function (Utils) {
|
2015-01-12 05:47:17 +03:00
|
|
|
function SelectOnClose () { }
|
|
|
|
|
|
|
|
SelectOnClose.prototype.bind = function (decorated, container, $container) {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
decorated.call(this, container, $container);
|
|
|
|
|
2016-05-15 05:34:03 +03:00
|
|
|
container.on('close', function (params) {
|
|
|
|
self._handleSelectOnClose(params);
|
2015-01-12 05:47:17 +03:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2016-05-15 05:34:03 +03:00
|
|
|
SelectOnClose.prototype._handleSelectOnClose = function (_, params) {
|
|
|
|
if (params && params.originalSelect2Event != null) {
|
|
|
|
var event = params.originalSelect2Event;
|
|
|
|
|
|
|
|
// Don't select an item if the close event was triggered from a select or
|
|
|
|
// unselect event
|
|
|
|
if (event._type === 'select' || event._type === 'unselect') {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2015-01-12 05:47:17 +03:00
|
|
|
var $highlightedResults = this.getHighlightedResults();
|
|
|
|
|
2015-11-28 02:26:20 +03:00
|
|
|
// Only select highlighted results
|
2015-01-12 05:47:17 +03:00
|
|
|
if ($highlightedResults.length < 1) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
var data = Utils.GetData($highlightedResults[0], 'data');
|
2015-11-28 02:26:20 +03:00
|
|
|
|
|
|
|
// Don't re-select already selected resulte
|
|
|
|
if (
|
|
|
|
(data.element != null && data.element.selected) ||
|
|
|
|
(data.element == null && data.selected)
|
|
|
|
) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2015-03-25 01:04:53 +03:00
|
|
|
this.trigger('select', {
|
2015-11-28 02:26:20 +03:00
|
|
|
data: data
|
2015-03-25 01:04:53 +03:00
|
|
|
});
|
2015-01-12 05:47:17 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
return SelectOnClose;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/dropdown/closeOnSelect',[
|
2015-02-10 02:14:35 +03:00
|
|
|
|
|
|
|
], function () {
|
|
|
|
function CloseOnSelect () { }
|
|
|
|
|
|
|
|
CloseOnSelect.prototype.bind = function (decorated, container, $container) {
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
decorated.call(this, container, $container);
|
|
|
|
|
|
|
|
container.on('select', function (evt) {
|
More intuitive handling of the enter key
Previously, when in results the enter key would select items that
were highlighted if they were not already selected. In the case of
a select where multiple items could be selected, pressing enter
when highlighting a selected item would also allow it to be
unselected. While this seems intuitive for accessibility purposes,
the enter button essentially working as a toggle, it caused some
really strange behavior.
- If the enter button was held down, all previously selected items
would be unselected.
- The enter button did not work the same across both single and
multiple selects.
After listening to user feedback, I have decided to remove the
"enter as toggle" functionality from Select2 and have gone back to
just having the enter button select items. This means that instead
of unselected items that are already selected and highlighted,
Select2 will just close the dropdown. This is the same as what
Select2 would previously do for single selects, so the keyboard
functionality is now the same across both.
Because this removed the only easy way to unselect items in the
dropdown using the keyboard, we had to maintain the toggle
functionality. We decided to implement the toggle functionality
on the CTRL + Space keybinding, which is in line with other
applications. Now when pressing CTRL + Space at the same time in
the dropdown, the highlighted result will behave the same as if the
mouse selected it, which will toggle the current item in multiple
select mode and close the dropdown in single select mode.
This is the same keybinding that Windows Explorer [1] and GTK [2]
use for toggling the current selection, which was why it was picked.
This also fixes an issue where keyboard focus would be lost once an
item was unselected from the results. This was due to a bug in the
CloseOnSelect module that would only automatically close the
dropdown when an item was selected, but not when an item was
unselected. Now the dropdown will be closed automatically when an
item is unselected, which will also cause the selection (and
eventually the search) to be focused.
This fixes two issues described in
https://github.com/select2/select2/issues/3036#issuecomment-76321411.
[1]: http://superuser.com/q/78891/72528
[2]: https://developer.gnome.org/gtk3/stable/GtkIconView.html#GtkIconView-toggle-cursor-item
2015-03-02 04:30:43 +03:00
|
|
|
self._selectTriggered(evt);
|
|
|
|
});
|
2015-02-10 02:14:35 +03:00
|
|
|
|
More intuitive handling of the enter key
Previously, when in results the enter key would select items that
were highlighted if they were not already selected. In the case of
a select where multiple items could be selected, pressing enter
when highlighting a selected item would also allow it to be
unselected. While this seems intuitive for accessibility purposes,
the enter button essentially working as a toggle, it caused some
really strange behavior.
- If the enter button was held down, all previously selected items
would be unselected.
- The enter button did not work the same across both single and
multiple selects.
After listening to user feedback, I have decided to remove the
"enter as toggle" functionality from Select2 and have gone back to
just having the enter button select items. This means that instead
of unselected items that are already selected and highlighted,
Select2 will just close the dropdown. This is the same as what
Select2 would previously do for single selects, so the keyboard
functionality is now the same across both.
Because this removed the only easy way to unselect items in the
dropdown using the keyboard, we had to maintain the toggle
functionality. We decided to implement the toggle functionality
on the CTRL + Space keybinding, which is in line with other
applications. Now when pressing CTRL + Space at the same time in
the dropdown, the highlighted result will behave the same as if the
mouse selected it, which will toggle the current item in multiple
select mode and close the dropdown in single select mode.
This is the same keybinding that Windows Explorer [1] and GTK [2]
use for toggling the current selection, which was why it was picked.
This also fixes an issue where keyboard focus would be lost once an
item was unselected from the results. This was due to a bug in the
CloseOnSelect module that would only automatically close the
dropdown when an item was selected, but not when an item was
unselected. Now the dropdown will be closed automatically when an
item is unselected, which will also cause the selection (and
eventually the search) to be focused.
This fixes two issues described in
https://github.com/select2/select2/issues/3036#issuecomment-76321411.
[1]: http://superuser.com/q/78891/72528
[2]: https://developer.gnome.org/gtk3/stable/GtkIconView.html#GtkIconView-toggle-cursor-item
2015-03-02 04:30:43 +03:00
|
|
|
container.on('unselect', function (evt) {
|
|
|
|
self._selectTriggered(evt);
|
2015-02-10 02:14:35 +03:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
More intuitive handling of the enter key
Previously, when in results the enter key would select items that
were highlighted if they were not already selected. In the case of
a select where multiple items could be selected, pressing enter
when highlighting a selected item would also allow it to be
unselected. While this seems intuitive for accessibility purposes,
the enter button essentially working as a toggle, it caused some
really strange behavior.
- If the enter button was held down, all previously selected items
would be unselected.
- The enter button did not work the same across both single and
multiple selects.
After listening to user feedback, I have decided to remove the
"enter as toggle" functionality from Select2 and have gone back to
just having the enter button select items. This means that instead
of unselected items that are already selected and highlighted,
Select2 will just close the dropdown. This is the same as what
Select2 would previously do for single selects, so the keyboard
functionality is now the same across both.
Because this removed the only easy way to unselect items in the
dropdown using the keyboard, we had to maintain the toggle
functionality. We decided to implement the toggle functionality
on the CTRL + Space keybinding, which is in line with other
applications. Now when pressing CTRL + Space at the same time in
the dropdown, the highlighted result will behave the same as if the
mouse selected it, which will toggle the current item in multiple
select mode and close the dropdown in single select mode.
This is the same keybinding that Windows Explorer [1] and GTK [2]
use for toggling the current selection, which was why it was picked.
This also fixes an issue where keyboard focus would be lost once an
item was unselected from the results. This was due to a bug in the
CloseOnSelect module that would only automatically close the
dropdown when an item was selected, but not when an item was
unselected. Now the dropdown will be closed automatically when an
item is unselected, which will also cause the selection (and
eventually the search) to be focused.
This fixes two issues described in
https://github.com/select2/select2/issues/3036#issuecomment-76321411.
[1]: http://superuser.com/q/78891/72528
[2]: https://developer.gnome.org/gtk3/stable/GtkIconView.html#GtkIconView-toggle-cursor-item
2015-03-02 04:30:43 +03:00
|
|
|
CloseOnSelect.prototype._selectTriggered = function (_, evt) {
|
|
|
|
var originalEvent = evt.originalEvent;
|
|
|
|
|
|
|
|
// Don't close if the control key is being held
|
|
|
|
if (originalEvent && originalEvent.ctrlKey) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2016-05-15 05:34:03 +03:00
|
|
|
this.trigger('close', {
|
|
|
|
originalEvent: originalEvent,
|
|
|
|
originalSelect2Event: evt
|
|
|
|
});
|
More intuitive handling of the enter key
Previously, when in results the enter key would select items that
were highlighted if they were not already selected. In the case of
a select where multiple items could be selected, pressing enter
when highlighting a selected item would also allow it to be
unselected. While this seems intuitive for accessibility purposes,
the enter button essentially working as a toggle, it caused some
really strange behavior.
- If the enter button was held down, all previously selected items
would be unselected.
- The enter button did not work the same across both single and
multiple selects.
After listening to user feedback, I have decided to remove the
"enter as toggle" functionality from Select2 and have gone back to
just having the enter button select items. This means that instead
of unselected items that are already selected and highlighted,
Select2 will just close the dropdown. This is the same as what
Select2 would previously do for single selects, so the keyboard
functionality is now the same across both.
Because this removed the only easy way to unselect items in the
dropdown using the keyboard, we had to maintain the toggle
functionality. We decided to implement the toggle functionality
on the CTRL + Space keybinding, which is in line with other
applications. Now when pressing CTRL + Space at the same time in
the dropdown, the highlighted result will behave the same as if the
mouse selected it, which will toggle the current item in multiple
select mode and close the dropdown in single select mode.
This is the same keybinding that Windows Explorer [1] and GTK [2]
use for toggling the current selection, which was why it was picked.
This also fixes an issue where keyboard focus would be lost once an
item was unselected from the results. This was due to a bug in the
CloseOnSelect module that would only automatically close the
dropdown when an item was selected, but not when an item was
unselected. Now the dropdown will be closed automatically when an
item is unselected, which will also cause the selection (and
eventually the search) to be focused.
This fixes two issues described in
https://github.com/select2/select2/issues/3036#issuecomment-76321411.
[1]: http://superuser.com/q/78891/72528
[2]: https://developer.gnome.org/gtk3/stable/GtkIconView.html#GtkIconView-toggle-cursor-item
2015-03-02 04:30:43 +03:00
|
|
|
};
|
|
|
|
|
2015-02-10 02:14:35 +03:00
|
|
|
return CloseOnSelect;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/i18n/en',[],function () {
|
2015-01-08 04:39:29 +03:00
|
|
|
// English
|
2014-11-01 06:03:03 +03:00
|
|
|
return {
|
2014-11-20 01:48:46 +03:00
|
|
|
errorLoading: function () {
|
|
|
|
return 'The results could not be loaded.';
|
|
|
|
},
|
|
|
|
inputTooLong: function (args) {
|
|
|
|
var overChars = args.input.length - args.maximum;
|
|
|
|
|
|
|
|
var message = 'Please delete ' + overChars + ' character';
|
|
|
|
|
|
|
|
if (overChars != 1) {
|
|
|
|
message += 's';
|
|
|
|
}
|
|
|
|
|
|
|
|
return message;
|
|
|
|
},
|
2014-11-02 05:59:59 +03:00
|
|
|
inputTooShort: function (args) {
|
|
|
|
var remainingChars = args.minimum - args.input.length;
|
|
|
|
|
2014-12-10 04:30:57 +03:00
|
|
|
var message = 'Please enter ' + remainingChars + ' or more characters';
|
2014-11-02 05:59:59 +03:00
|
|
|
|
|
|
|
return message;
|
|
|
|
},
|
2014-11-04 03:10:36 +03:00
|
|
|
loadingMore: function () {
|
|
|
|
return 'Loading more results…';
|
|
|
|
},
|
2014-11-20 01:48:46 +03:00
|
|
|
maximumSelected: function (args) {
|
2014-11-27 07:19:04 +03:00
|
|
|
var message = 'You can only select ' + args.maximum + ' item';
|
2014-11-20 01:48:46 +03:00
|
|
|
|
|
|
|
if (args.maximum != 1) {
|
|
|
|
message += 's';
|
|
|
|
}
|
|
|
|
|
|
|
|
return message;
|
|
|
|
},
|
2014-11-01 21:20:51 +03:00
|
|
|
noResults: function () {
|
2014-11-01 06:03:03 +03:00
|
|
|
return 'No results found';
|
2014-11-27 07:19:04 +03:00
|
|
|
},
|
|
|
|
searching: function () {
|
|
|
|
return 'Searching…';
|
2014-11-01 06:03:03 +03:00
|
|
|
}
|
|
|
|
};
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/defaults',[
|
2014-11-01 06:03:03 +03:00
|
|
|
'jquery',
|
2015-03-15 02:22:34 +03:00
|
|
|
'require',
|
2015-03-15 02:39:28 +03:00
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
'./results',
|
2014-10-11 06:17:51 +04:00
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
'./selection/single',
|
2014-08-31 04:25:32 +04:00
|
|
|
'./selection/multiple',
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
'./selection/placeholder',
|
2014-11-25 04:43:15 +03:00
|
|
|
'./selection/allowClear',
|
2014-11-23 03:21:46 +03:00
|
|
|
'./selection/search',
|
2015-01-08 19:41:28 +03:00
|
|
|
'./selection/eventRelay',
|
2014-08-31 04:25:32 +04:00
|
|
|
|
2014-10-16 04:51:29 +04:00
|
|
|
'./utils',
|
2014-11-01 06:03:03 +03:00
|
|
|
'./translation',
|
2014-11-20 02:12:59 +03:00
|
|
|
'./diacritics',
|
2014-10-16 04:51:29 +04:00
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
'./data/select',
|
2014-08-31 05:14:46 +04:00
|
|
|
'./data/array',
|
2014-10-16 04:51:29 +04:00
|
|
|
'./data/ajax',
|
2014-10-21 03:15:37 +04:00
|
|
|
'./data/tags',
|
2015-01-07 04:00:47 +03:00
|
|
|
'./data/tokenizer',
|
2014-11-02 05:59:59 +03:00
|
|
|
'./data/minimumInputLength',
|
2014-11-27 05:52:49 +03:00
|
|
|
'./data/maximumInputLength',
|
2015-01-13 01:32:08 +03:00
|
|
|
'./data/maximumSelectionLength',
|
2014-10-16 04:51:29 +04:00
|
|
|
|
|
|
|
'./dropdown',
|
2014-11-01 06:03:03 +03:00
|
|
|
'./dropdown/search',
|
2014-11-02 00:21:46 +03:00
|
|
|
'./dropdown/hidePlaceholder',
|
2014-11-04 03:10:36 +03:00
|
|
|
'./dropdown/infiniteScroll',
|
2014-11-25 23:39:42 +03:00
|
|
|
'./dropdown/attachBody',
|
2014-12-11 02:46:05 +03:00
|
|
|
'./dropdown/minimumResultsForSearch',
|
2015-01-12 05:47:17 +03:00
|
|
|
'./dropdown/selectOnClose',
|
2015-02-10 02:14:35 +03:00
|
|
|
'./dropdown/closeOnSelect',
|
2014-11-01 06:03:03 +03:00
|
|
|
|
2014-11-05 19:25:41 +03:00
|
|
|
'./i18n/en'
|
2015-03-15 02:22:34 +03:00
|
|
|
], function ($, require,
|
|
|
|
|
|
|
|
ResultsList,
|
2014-11-25 23:59:13 +03:00
|
|
|
|
2014-11-25 04:43:15 +03:00
|
|
|
SingleSelection, MultipleSelection, Placeholder, AllowClear,
|
2015-01-08 19:41:28 +03:00
|
|
|
SelectionSearch, EventRelay,
|
2014-11-25 23:59:13 +03:00
|
|
|
|
2014-11-20 02:12:59 +03:00
|
|
|
Utils, Translation, DIACRITICS,
|
2014-11-25 23:59:13 +03:00
|
|
|
|
2015-01-07 04:00:47 +03:00
|
|
|
SelectData, ArrayData, AjaxData, Tags, Tokenizer,
|
2015-01-13 01:32:08 +03:00
|
|
|
MinimumInputLength, MaximumInputLength, MaximumSelectionLength,
|
2014-11-25 23:59:13 +03:00
|
|
|
|
2014-11-23 03:21:46 +03:00
|
|
|
Dropdown, DropdownSearch, HidePlaceholder, InfiniteScroll,
|
2015-02-10 02:14:35 +03:00
|
|
|
AttachBody, MinimumResultsForSearch, SelectOnClose, CloseOnSelect,
|
2014-11-25 23:59:13 +03:00
|
|
|
|
2014-11-02 00:21:46 +03:00
|
|
|
EnglishTranslation) {
|
2014-10-17 02:19:15 +04:00
|
|
|
function Defaults () {
|
|
|
|
this.reset();
|
|
|
|
}
|
2014-08-27 02:01:42 +04:00
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
Defaults.prototype.apply = function (options) {
|
2016-02-15 01:06:23 +03:00
|
|
|
options = $.extend(true, {}, this.defaults, options);
|
2014-10-17 02:19:15 +04:00
|
|
|
|
|
|
|
if (options.dataAdapter == null) {
|
2014-11-04 03:10:36 +03:00
|
|
|
if (options.ajax != null) {
|
2014-10-17 02:19:15 +04:00
|
|
|
options.dataAdapter = AjaxData;
|
2014-11-04 03:10:36 +03:00
|
|
|
} else if (options.data != null) {
|
2014-10-17 02:19:15 +04:00
|
|
|
options.dataAdapter = ArrayData;
|
|
|
|
} else {
|
|
|
|
options.dataAdapter = SelectData;
|
|
|
|
}
|
2014-11-02 05:59:59 +03:00
|
|
|
|
2014-12-11 02:46:05 +03:00
|
|
|
if (options.minimumInputLength > 0) {
|
|
|
|
options.dataAdapter = Utils.Decorate(
|
|
|
|
options.dataAdapter,
|
|
|
|
MinimumInputLength
|
|
|
|
);
|
|
|
|
}
|
2014-11-02 05:59:59 +03:00
|
|
|
|
2014-12-11 02:46:05 +03:00
|
|
|
if (options.maximumInputLength > 0) {
|
|
|
|
options.dataAdapter = Utils.Decorate(
|
|
|
|
options.dataAdapter,
|
|
|
|
MaximumInputLength
|
|
|
|
);
|
|
|
|
}
|
2014-11-27 05:52:49 +03:00
|
|
|
|
2015-01-13 01:32:08 +03:00
|
|
|
if (options.maximumSelectionLength > 0) {
|
|
|
|
options.dataAdapter = Utils.Decorate(
|
|
|
|
options.dataAdapter,
|
|
|
|
MaximumSelectionLength
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2015-03-15 03:11:38 +03:00
|
|
|
if (options.tags) {
|
2014-12-11 02:46:05 +03:00
|
|
|
options.dataAdapter = Utils.Decorate(options.dataAdapter, Tags);
|
|
|
|
}
|
2015-01-07 04:00:47 +03:00
|
|
|
|
|
|
|
if (options.tokenSeparators != null || options.tokenizer != null) {
|
|
|
|
options.dataAdapter = Utils.Decorate(
|
|
|
|
options.dataAdapter,
|
|
|
|
Tokenizer
|
|
|
|
);
|
|
|
|
}
|
2015-01-15 04:59:54 +03:00
|
|
|
|
2015-01-15 05:20:18 +03:00
|
|
|
if (options.query != null) {
|
2015-01-15 22:36:54 +03:00
|
|
|
var Query = require(options.amdBase + 'compat/query');
|
2015-01-15 05:20:18 +03:00
|
|
|
|
2015-01-15 22:36:54 +03:00
|
|
|
options.dataAdapter = Utils.Decorate(
|
|
|
|
options.dataAdapter,
|
|
|
|
Query
|
|
|
|
);
|
2015-01-15 05:20:18 +03:00
|
|
|
}
|
|
|
|
|
2015-01-15 04:59:54 +03:00
|
|
|
if (options.initSelection != null) {
|
2015-01-15 22:36:54 +03:00
|
|
|
var InitSelection = require(options.amdBase + 'compat/initSelection');
|
2015-01-15 04:59:54 +03:00
|
|
|
|
2015-01-15 22:36:54 +03:00
|
|
|
options.dataAdapter = Utils.Decorate(
|
|
|
|
options.dataAdapter,
|
|
|
|
InitSelection
|
|
|
|
);
|
2015-01-15 04:59:54 +03:00
|
|
|
}
|
2014-10-21 03:15:37 +04:00
|
|
|
}
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
if (options.resultsAdapter == null) {
|
|
|
|
options.resultsAdapter = ResultsList;
|
2014-11-02 00:27:30 +03:00
|
|
|
|
2014-11-04 03:10:36 +03:00
|
|
|
if (options.ajax != null) {
|
|
|
|
options.resultsAdapter = Utils.Decorate(
|
|
|
|
options.resultsAdapter,
|
|
|
|
InfiniteScroll
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2014-11-02 00:27:30 +03:00
|
|
|
if (options.placeholder != null) {
|
|
|
|
options.resultsAdapter = Utils.Decorate(
|
|
|
|
options.resultsAdapter,
|
|
|
|
HidePlaceholder
|
|
|
|
);
|
|
|
|
}
|
2015-01-23 01:14:11 +03:00
|
|
|
|
|
|
|
if (options.selectOnClose) {
|
|
|
|
options.resultsAdapter = Utils.Decorate(
|
|
|
|
options.resultsAdapter,
|
|
|
|
SelectOnClose
|
|
|
|
);
|
|
|
|
}
|
2014-10-15 05:12:57 +04:00
|
|
|
}
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
if (options.dropdownAdapter == null) {
|
2014-11-23 03:21:46 +03:00
|
|
|
if (options.multiple) {
|
|
|
|
options.dropdownAdapter = Dropdown;
|
|
|
|
} else {
|
|
|
|
var SearchableDropdown = Utils.Decorate(Dropdown, DropdownSearch);
|
2014-10-16 04:51:29 +04:00
|
|
|
|
2014-11-23 03:21:46 +03:00
|
|
|
options.dropdownAdapter = SearchableDropdown;
|
|
|
|
}
|
2014-11-25 23:39:42 +03:00
|
|
|
|
2015-02-28 04:37:48 +03:00
|
|
|
if (options.minimumResultsForSearch !== 0) {
|
2014-12-11 02:46:05 +03:00
|
|
|
options.dropdownAdapter = Utils.Decorate(
|
|
|
|
options.dropdownAdapter,
|
|
|
|
MinimumResultsForSearch
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2015-02-10 02:14:35 +03:00
|
|
|
if (options.closeOnSelect) {
|
|
|
|
options.dropdownAdapter = Utils.Decorate(
|
|
|
|
options.dropdownAdapter,
|
|
|
|
CloseOnSelect
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2015-04-06 04:58:02 +03:00
|
|
|
if (
|
|
|
|
options.dropdownCssClass != null ||
|
|
|
|
options.dropdownCss != null ||
|
|
|
|
options.adaptDropdownCssClass != null
|
|
|
|
) {
|
|
|
|
var DropdownCSS = require(options.amdBase + 'compat/dropdownCss');
|
|
|
|
|
|
|
|
options.dropdownAdapter = Utils.Decorate(
|
|
|
|
options.dropdownAdapter,
|
|
|
|
DropdownCSS
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2014-11-25 23:39:42 +03:00
|
|
|
options.dropdownAdapter = Utils.Decorate(
|
|
|
|
options.dropdownAdapter,
|
|
|
|
AttachBody
|
|
|
|
);
|
2014-10-17 02:19:15 +04:00
|
|
|
}
|
2014-08-29 19:31:18 +04:00
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
if (options.selectionAdapter == null) {
|
|
|
|
if (options.multiple) {
|
|
|
|
options.selectionAdapter = MultipleSelection;
|
2014-08-29 19:31:18 +04:00
|
|
|
} else {
|
2014-10-17 02:19:15 +04:00
|
|
|
options.selectionAdapter = SingleSelection;
|
2014-08-29 19:31:18 +04:00
|
|
|
}
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
|
|
|
|
// Add the placeholder mixin if a placeholder was specified
|
|
|
|
if (options.placeholder != null) {
|
|
|
|
options.selectionAdapter = Utils.Decorate(
|
|
|
|
options.selectionAdapter,
|
|
|
|
Placeholder
|
|
|
|
);
|
2015-02-07 03:17:30 +03:00
|
|
|
}
|
2014-11-25 04:43:15 +03:00
|
|
|
|
2015-02-07 03:17:30 +03:00
|
|
|
if (options.allowClear) {
|
|
|
|
options.selectionAdapter = Utils.Decorate(
|
|
|
|
options.selectionAdapter,
|
|
|
|
AllowClear
|
|
|
|
);
|
Added support for placeholders
Placeholder support has been implemented as a separate module, so
any selection container should be able to be decorated and get
instant placeholder support. It hooks into the updating method of
selections, and determines when to display the placeholder based
on the options that are being updated.
It works in the same way as the old placeholders. If no options
are selected and being displayed, like in the case of a multiple
select, then the placeholder will always be shown. If one option
is being displayed, and the id of the placeholder matches the id
of the selected element, then the placeholder will be shown. This
is similar to the functionality that was present in Select2 2.x,
where the placeholder could be passed in as an object that would
be compared to the selection.
This still requires that, for single selects, the first element
must match the placeholder id. Because the default placeholder id
is a blank string, this will maintain backwards compatibility with
past versions where the first option should be blank. This can
still be overridden to point at a different id, keeping support
for systems where the placeholder doesn't use a blank value.
**Note:** This does not hide the blank option for single selects,
but that will still be maintained for backwards compatibility
within the results module. It will not depend on a placeholder
being present, but instead will hide any options with blank text.
2014-10-17 03:59:38 +04:00
|
|
|
}
|
2014-11-23 03:21:46 +03:00
|
|
|
|
|
|
|
if (options.multiple) {
|
|
|
|
options.selectionAdapter = Utils.Decorate(
|
|
|
|
options.selectionAdapter,
|
|
|
|
SelectionSearch
|
|
|
|
);
|
|
|
|
}
|
2015-01-08 19:41:28 +03:00
|
|
|
|
2015-04-06 04:58:02 +03:00
|
|
|
if (
|
|
|
|
options.containerCssClass != null ||
|
|
|
|
options.containerCss != null ||
|
|
|
|
options.adaptContainerCssClass != null
|
|
|
|
) {
|
|
|
|
var ContainerCSS = require(options.amdBase + 'compat/containerCss');
|
|
|
|
|
|
|
|
options.selectionAdapter = Utils.Decorate(
|
|
|
|
options.selectionAdapter,
|
|
|
|
ContainerCSS
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2015-01-08 19:41:28 +03:00
|
|
|
options.selectionAdapter = Utils.Decorate(
|
|
|
|
options.selectionAdapter,
|
|
|
|
EventRelay
|
|
|
|
);
|
2014-08-29 19:31:18 +04:00
|
|
|
}
|
2014-10-17 02:19:15 +04:00
|
|
|
|
2014-11-01 06:03:03 +03:00
|
|
|
if (typeof options.language === 'string') {
|
2015-03-07 00:18:09 +03:00
|
|
|
// Check if the language is specified with a region
|
2015-01-18 05:56:58 +03:00
|
|
|
if (options.language.indexOf('-') > 0) {
|
|
|
|
// Extract the region information if it is included
|
|
|
|
var languageParts = options.language.split('-');
|
|
|
|
var baseLanguage = languageParts[0];
|
|
|
|
|
|
|
|
options.language = [options.language, baseLanguage];
|
|
|
|
} else {
|
|
|
|
options.language = [options.language];
|
|
|
|
}
|
2014-11-01 06:03:03 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
if ($.isArray(options.language)) {
|
|
|
|
var languages = new Translation();
|
2014-11-27 07:19:04 +03:00
|
|
|
options.language.push('en');
|
|
|
|
|
|
|
|
var languageNames = options.language;
|
2014-11-01 06:03:03 +03:00
|
|
|
|
|
|
|
for (var l = 0; l < languageNames.length; l++) {
|
|
|
|
var name = languageNames[l];
|
|
|
|
var language = {};
|
|
|
|
|
|
|
|
try {
|
|
|
|
// Try to load it with the original name
|
|
|
|
language = Translation.loadPath(name);
|
|
|
|
} catch (e) {
|
2015-01-18 05:56:58 +03:00
|
|
|
try {
|
|
|
|
// If we couldn't load it, check if it wasn't the full path
|
|
|
|
name = this.defaults.amdLanguageBase + name;
|
|
|
|
language = Translation.loadPath(name);
|
|
|
|
} catch (ex) {
|
|
|
|
// The translation could not be loaded at all. Sometimes this is
|
|
|
|
// because of a configuration problem, other times this can be
|
|
|
|
// because of how Select2 helps load all possible translation files.
|
2015-03-12 03:41:10 +03:00
|
|
|
if (options.debug && window.console && console.warn) {
|
2015-01-18 05:56:58 +03:00
|
|
|
console.warn(
|
2015-03-07 00:18:09 +03:00
|
|
|
'Select2: The language file for "' + name + '" could not be ' +
|
2015-01-18 05:56:58 +03:00
|
|
|
'automatically loaded. A fallback will be used instead.'
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
continue;
|
|
|
|
}
|
2014-11-01 06:03:03 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
languages.extend(language);
|
|
|
|
}
|
|
|
|
|
|
|
|
options.translations = languages;
|
|
|
|
} else {
|
2015-04-02 17:52:31 +03:00
|
|
|
var baseTranslation = Translation.loadPath(
|
|
|
|
this.defaults.amdLanguageBase + 'en'
|
|
|
|
);
|
|
|
|
var customTranslation = new Translation(options.language);
|
|
|
|
|
|
|
|
customTranslation.extend(baseTranslation);
|
|
|
|
|
|
|
|
options.translations = customTranslation;
|
2014-11-01 06:03:03 +03:00
|
|
|
}
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
return options;
|
|
|
|
};
|
|
|
|
|
|
|
|
Defaults.prototype.reset = function () {
|
2014-11-20 02:12:59 +03:00
|
|
|
function stripDiacritics (text) {
|
|
|
|
// Used 'uni range + named function' from http://jsperf.com/diacritics/18
|
|
|
|
function match(a) {
|
|
|
|
return DIACRITICS[a] || a;
|
|
|
|
}
|
|
|
|
|
|
|
|
return text.replace(/[^\u0000-\u007E]/g, match);
|
|
|
|
}
|
|
|
|
|
2014-11-05 19:03:53 +03:00
|
|
|
function matcher (params, data) {
|
2014-11-08 03:07:01 +03:00
|
|
|
// Always return the object if there is nothing to compare
|
|
|
|
if ($.trim(params.term) === '') {
|
|
|
|
return data;
|
|
|
|
}
|
2014-11-05 19:03:53 +03:00
|
|
|
|
2014-11-08 03:07:01 +03:00
|
|
|
// Do a recursive check for options with children
|
|
|
|
if (data.children && data.children.length > 0) {
|
|
|
|
// Clone the data object if there are children
|
|
|
|
// This is required as we modify the object to remove any non-matches
|
|
|
|
var match = $.extend(true, {}, data);
|
|
|
|
|
|
|
|
// Check each child of the option
|
2014-11-05 19:03:53 +03:00
|
|
|
for (var c = data.children.length - 1; c >= 0; c--) {
|
|
|
|
var child = data.children[c];
|
|
|
|
|
|
|
|
var matches = matcher(params, child);
|
|
|
|
|
|
|
|
// If there wasn't a match, remove the object in the array
|
2014-11-08 03:07:01 +03:00
|
|
|
if (matches == null) {
|
2014-11-05 19:03:53 +03:00
|
|
|
match.children.splice(c, 1);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-11-08 03:07:01 +03:00
|
|
|
// If any children matched, return the new object
|
2014-11-05 19:03:53 +03:00
|
|
|
if (match.children.length > 0) {
|
|
|
|
return match;
|
|
|
|
}
|
|
|
|
|
2014-11-08 03:07:01 +03:00
|
|
|
// If there were no matching children, check just the plain object
|
|
|
|
return matcher(params, match);
|
2014-11-05 19:03:53 +03:00
|
|
|
}
|
|
|
|
|
2014-11-20 02:12:59 +03:00
|
|
|
var original = stripDiacritics(data.text).toUpperCase();
|
|
|
|
var term = stripDiacritics(params.term).toUpperCase();
|
|
|
|
|
2014-11-08 03:07:01 +03:00
|
|
|
// Check if the text contains the term
|
2014-11-20 02:12:59 +03:00
|
|
|
if (original.indexOf(term) > -1) {
|
2014-11-08 03:07:01 +03:00
|
|
|
return data;
|
2014-11-05 19:03:53 +03:00
|
|
|
}
|
|
|
|
|
2014-11-08 03:07:01 +03:00
|
|
|
// If it doesn't contain the term, don't return anything
|
2014-11-05 19:03:53 +03:00
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
2014-11-01 06:03:03 +03:00
|
|
|
this.defaults = {
|
2015-03-15 02:22:34 +03:00
|
|
|
amdBase: './',
|
|
|
|
amdLanguageBase: './i18n/',
|
2015-02-10 02:14:35 +03:00
|
|
|
closeOnSelect: true,
|
2015-03-12 03:41:10 +03:00
|
|
|
debug: false,
|
2015-04-26 23:52:22 +03:00
|
|
|
dropdownAutoWidth: false,
|
2015-01-29 16:41:18 +03:00
|
|
|
escapeMarkup: Utils.escapeMarkup,
|
2014-11-26 00:09:52 +03:00
|
|
|
language: EnglishTranslation,
|
2014-11-05 19:03:53 +03:00
|
|
|
matcher: matcher,
|
2014-11-02 05:59:59 +03:00
|
|
|
minimumInputLength: 0,
|
2014-11-27 05:52:49 +03:00
|
|
|
maximumInputLength: 0,
|
2015-01-13 01:32:08 +03:00
|
|
|
maximumSelectionLength: 0,
|
2014-12-11 02:46:05 +03:00
|
|
|
minimumResultsForSearch: 0,
|
2015-01-12 05:47:17 +03:00
|
|
|
selectOnClose: false,
|
|
|
|
sorter: function (data) {
|
|
|
|
return data;
|
|
|
|
},
|
2014-11-02 04:57:14 +03:00
|
|
|
templateResult: function (result) {
|
|
|
|
return result.text;
|
2014-11-02 05:11:35 +03:00
|
|
|
},
|
|
|
|
templateSelection: function (selection) {
|
|
|
|
return selection.text;
|
2014-12-11 02:46:05 +03:00
|
|
|
},
|
2015-01-12 01:25:53 +03:00
|
|
|
theme: 'default',
|
|
|
|
width: 'resolve'
|
2014-11-01 06:03:03 +03:00
|
|
|
};
|
2014-10-17 02:19:15 +04:00
|
|
|
};
|
|
|
|
|
2015-01-18 05:27:53 +03:00
|
|
|
Defaults.prototype.set = function (key, value) {
|
|
|
|
var camelKey = $.camelCase(key);
|
|
|
|
|
|
|
|
var data = {};
|
|
|
|
data[camelKey] = value;
|
|
|
|
|
|
|
|
var convertedData = Utils._convertData(data);
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
$.extend(true, this.defaults, convertedData);
|
2015-01-18 05:27:53 +03:00
|
|
|
};
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
var defaults = new Defaults();
|
|
|
|
|
|
|
|
return defaults;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/options',[
|
2015-03-25 01:04:53 +03:00
|
|
|
'require',
|
2014-12-10 23:23:39 +03:00
|
|
|
'jquery',
|
2015-01-18 05:27:53 +03:00
|
|
|
'./defaults',
|
|
|
|
'./utils'
|
2015-03-25 01:04:53 +03:00
|
|
|
], function (require, $, Defaults, Utils) {
|
2014-11-02 00:08:59 +03:00
|
|
|
function Options (options, $element) {
|
|
|
|
this.options = options;
|
|
|
|
|
|
|
|
if ($element != null) {
|
|
|
|
this.fromElement($element);
|
|
|
|
}
|
|
|
|
|
|
|
|
this.options = Defaults.apply(this.options);
|
2015-02-17 22:29:26 +03:00
|
|
|
|
|
|
|
if ($element && $element.is('input')) {
|
|
|
|
var InputCompat = require(this.get('amdBase') + 'compat/inputData');
|
|
|
|
|
|
|
|
this.options.dataAdapter = Utils.Decorate(
|
|
|
|
this.options.dataAdapter,
|
|
|
|
InputCompat
|
|
|
|
);
|
|
|
|
}
|
2014-08-27 02:01:42 +04:00
|
|
|
}
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
Options.prototype.fromElement = function ($e) {
|
2014-12-10 23:23:39 +03:00
|
|
|
var excludedData = ['select2'];
|
|
|
|
|
2014-12-11 02:09:00 +03:00
|
|
|
if (this.options.multiple == null) {
|
|
|
|
this.options.multiple = $e.prop('multiple');
|
|
|
|
}
|
2014-12-10 23:23:39 +03:00
|
|
|
|
2014-12-17 06:44:11 +03:00
|
|
|
if (this.options.disabled == null) {
|
|
|
|
this.options.disabled = $e.prop('disabled');
|
|
|
|
}
|
|
|
|
|
2014-12-11 02:09:00 +03:00
|
|
|
if (this.options.language == null) {
|
|
|
|
if ($e.prop('lang')) {
|
|
|
|
this.options.language = $e.prop('lang').toLowerCase();
|
|
|
|
} else if ($e.closest('[lang]').prop('lang')) {
|
|
|
|
this.options.language = $e.closest('[lang]').prop('lang');
|
2014-12-10 23:23:39 +03:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-12-18 05:22:14 +03:00
|
|
|
if (this.options.dir == null) {
|
|
|
|
if ($e.prop('dir')) {
|
|
|
|
this.options.dir = $e.prop('dir');
|
|
|
|
} else if ($e.closest('[dir]').prop('dir')) {
|
|
|
|
this.options.dir = $e.closest('[dir]').prop('dir');
|
|
|
|
} else {
|
|
|
|
this.options.dir = 'ltr';
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2014-12-17 06:44:11 +03:00
|
|
|
$e.prop('disabled', this.options.disabled);
|
|
|
|
$e.prop('multiple', this.options.multiple);
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
if (Utils.GetData($e[0], 'select2Tags')) {
|
2015-03-12 03:41:10 +03:00
|
|
|
if (this.options.debug && window.console && console.warn) {
|
2014-12-28 05:47:18 +03:00
|
|
|
console.warn(
|
|
|
|
'Select2: The `data-select2-tags` attribute has been changed to ' +
|
|
|
|
'use the `data-data` and `data-tags="true"` attributes and will be ' +
|
|
|
|
'removed in future versions of Select2.'
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
Utils.StoreData($e[0], 'data', Utils.GetData($e[0], 'select2Tags'));
|
|
|
|
Utils.StoreData($e[0], 'tags', true);
|
2014-12-28 05:47:18 +03:00
|
|
|
}
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
if (Utils.GetData($e[0], 'ajaxUrl')) {
|
2015-03-12 03:41:10 +03:00
|
|
|
if (this.options.debug && window.console && console.warn) {
|
2014-12-28 05:47:18 +03:00
|
|
|
console.warn(
|
2015-01-27 22:00:36 +03:00
|
|
|
'Select2: The `data-ajax-url` attribute has been changed to ' +
|
2014-12-28 05:47:18 +03:00
|
|
|
'`data-ajax--url` and support for the old attribute will be removed' +
|
|
|
|
' in future versions of Select2.'
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
$e.attr('ajax--url', Utils.GetData($e[0], 'ajaxUrl'));
|
|
|
|
Utils.StoreData($e[0], 'ajax-Url', Utils.GetData($e[0], 'ajaxUrl'));
|
|
|
|
|
2014-12-28 05:47:18 +03:00
|
|
|
}
|
|
|
|
|
2015-02-28 03:45:41 +03:00
|
|
|
var dataset = {};
|
|
|
|
|
2015-02-24 22:42:27 +03:00
|
|
|
// Prefer the element's `dataset` attribute if it exists
|
|
|
|
// jQuery 1.x does not correctly handle data attributes with multiple dashes
|
2015-02-28 03:45:41 +03:00
|
|
|
if ($.fn.jquery && $.fn.jquery.substr(0, 2) == '1.' && $e[0].dataset) {
|
2017-10-26 21:19:09 +03:00
|
|
|
dataset = $.extend(true, {}, $e[0].dataset, Utils.GetData($e[0]));
|
2015-02-28 03:45:41 +03:00
|
|
|
} else {
|
2017-10-26 21:19:09 +03:00
|
|
|
dataset = Utils.GetData($e[0]);
|
2015-02-28 03:45:41 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
var data = $.extend(true, {}, dataset);
|
2014-12-10 23:23:39 +03:00
|
|
|
|
2015-01-18 05:27:53 +03:00
|
|
|
data = Utils._convertData(data);
|
2014-12-10 23:23:39 +03:00
|
|
|
|
|
|
|
for (var key in data) {
|
2015-02-15 02:37:18 +03:00
|
|
|
if ($.inArray(key, excludedData) > -1) {
|
2014-12-10 23:23:39 +03:00
|
|
|
continue;
|
|
|
|
}
|
|
|
|
|
|
|
|
if ($.isPlainObject(this.options[key])) {
|
|
|
|
$.extend(this.options[key], data[key]);
|
|
|
|
} else {
|
|
|
|
this.options[key] = data[key];
|
|
|
|
}
|
2014-11-02 00:08:59 +03:00
|
|
|
}
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
return this;
|
|
|
|
};
|
|
|
|
|
|
|
|
Options.prototype.get = function (key) {
|
|
|
|
return this.options[key];
|
|
|
|
};
|
|
|
|
|
|
|
|
Options.prototype.set = function (key, val) {
|
|
|
|
this.options[key] = val;
|
|
|
|
};
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
return Options;
|
2014-09-22 00:43:44 +04:00
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('select2/core',[
|
2014-08-27 05:18:26 +04:00
|
|
|
'jquery',
|
|
|
|
'./options',
|
2014-11-02 03:35:23 +03:00
|
|
|
'./utils',
|
|
|
|
'./keys'
|
|
|
|
], function ($, Options, Utils, KEYS) {
|
2014-08-27 05:18:26 +04:00
|
|
|
var Select2 = function ($element, options) {
|
2017-10-26 21:19:09 +03:00
|
|
|
if (Utils.GetData($element[0], 'select2') != null) {
|
|
|
|
Utils.GetData($element[0], 'select2').destroy();
|
2014-11-14 02:34:08 +03:00
|
|
|
}
|
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
this.$element = $element;
|
2014-08-29 19:31:18 +04:00
|
|
|
|
2014-11-02 00:08:59 +03:00
|
|
|
this.id = this._generateId($element);
|
2014-10-20 01:39:09 +04:00
|
|
|
|
2014-08-29 19:31:18 +04:00
|
|
|
options = options || {};
|
|
|
|
|
2014-11-02 00:08:59 +03:00
|
|
|
this.options = new Options(options, $element);
|
2014-08-27 02:01:42 +04:00
|
|
|
|
2014-08-27 19:33:33 +04:00
|
|
|
Select2.__super__.constructor.call(this);
|
|
|
|
|
2015-02-14 07:57:18 +03:00
|
|
|
// Set up the tabindex
|
|
|
|
|
|
|
|
var tabindex = $element.attr('tabindex') || 0;
|
2017-10-26 21:19:09 +03:00
|
|
|
Utils.StoreData($element[0], 'old-tabindex', tabindex);
|
2015-02-14 07:57:18 +03:00
|
|
|
$element.attr('tabindex', '-1');
|
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
// Set up containers and adapters
|
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
var DataAdapter = this.options.get('dataAdapter');
|
2015-03-12 01:16:21 +03:00
|
|
|
this.dataAdapter = new DataAdapter($element, this.options);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
|
|
|
var $container = this.render();
|
|
|
|
|
2014-11-02 00:08:59 +03:00
|
|
|
this._placeContainer($container);
|
2014-08-27 19:33:33 +04:00
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
var SelectionAdapter = this.options.get('selectionAdapter');
|
|
|
|
this.selection = new SelectionAdapter($element, this.options);
|
2014-11-25 22:19:07 +03:00
|
|
|
this.$selection = this.selection.render();
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-11-25 22:19:07 +03:00
|
|
|
this.selection.position(this.$selection, $container);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
var DropdownAdapter = this.options.get('dropdownAdapter');
|
|
|
|
this.dropdown = new DropdownAdapter($element, this.options);
|
2014-11-25 22:19:07 +03:00
|
|
|
this.$dropdown = this.dropdown.render();
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-11-25 22:19:07 +03:00
|
|
|
this.dropdown.position(this.$dropdown, $container);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-10-17 02:19:15 +04:00
|
|
|
var ResultsAdapter = this.options.get('resultsAdapter');
|
2015-03-12 01:16:21 +03:00
|
|
|
this.results = new ResultsAdapter($element, this.options, this.dataAdapter);
|
2014-11-25 22:19:07 +03:00
|
|
|
this.$results = this.results.render();
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-11-25 23:39:42 +03:00
|
|
|
this.results.position(this.$results, this.$dropdown);
|
2014-08-27 05:18:26 +04:00
|
|
|
|
2014-08-27 19:33:33 +04:00
|
|
|
// Bind events
|
2014-08-27 05:18:26 +04:00
|
|
|
|
|
|
|
var self = this;
|
|
|
|
|
2014-11-02 02:05:08 +03:00
|
|
|
// Bind the container to all of the adapters
|
|
|
|
this._bindAdapters();
|
2014-10-16 04:51:29 +04:00
|
|
|
|
2014-11-02 02:29:07 +03:00
|
|
|
// Register any DOM event handlers
|
2014-11-02 02:05:08 +03:00
|
|
|
this._registerDomEvents();
|
|
|
|
|
|
|
|
// Register any internal event handlers
|
2014-11-02 05:59:59 +03:00
|
|
|
this._registerDataEvents();
|
2014-11-02 02:05:08 +03:00
|
|
|
this._registerSelectionEvents();
|
2014-11-02 03:35:23 +03:00
|
|
|
this._registerDropdownEvents();
|
2014-11-02 02:05:08 +03:00
|
|
|
this._registerResultsEvents();
|
|
|
|
this._registerEvents();
|
|
|
|
|
|
|
|
// Set the initial state
|
2015-03-12 01:16:21 +03:00
|
|
|
this.dataAdapter.current(function (initialData) {
|
2014-11-02 02:05:08 +03:00
|
|
|
self.trigger('selection:update', {
|
|
|
|
data: initialData
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
|
|
|
// Hide the original select
|
2015-04-01 03:01:29 +03:00
|
|
|
$element.addClass('select2-hidden-accessible');
|
2015-06-22 03:31:09 +03:00
|
|
|
$element.attr('aria-hidden', 'true');
|
|
|
|
|
2014-12-17 06:44:11 +03:00
|
|
|
// Synchronize any monitored attributes
|
|
|
|
this._syncAttributes();
|
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
Utils.StoreData($element[0], 'select2', this);
|
2017-11-22 07:16:57 +03:00
|
|
|
|
|
|
|
// Ensure backwards compatibility with $element.data('select2').
|
|
|
|
$element.data('select2', this);
|
2014-11-02 02:05:08 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
Utils.Extend(Select2, Utils.Observable);
|
|
|
|
|
|
|
|
Select2.prototype._generateId = function ($element) {
|
|
|
|
var id = '';
|
|
|
|
|
|
|
|
if ($element.attr('id') != null) {
|
|
|
|
id = $element.attr('id');
|
|
|
|
} else if ($element.attr('name') != null) {
|
|
|
|
id = $element.attr('name') + '-' + Utils.generateChars(2);
|
|
|
|
} else {
|
|
|
|
id = Utils.generateChars(4);
|
|
|
|
}
|
|
|
|
|
2016-02-15 01:06:23 +03:00
|
|
|
id = id.replace(/(:|\.|\[|\]|,)/g, '');
|
2014-11-02 02:05:08 +03:00
|
|
|
id = 'select2-' + id;
|
|
|
|
|
|
|
|
return id;
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._placeContainer = function ($container) {
|
|
|
|
$container.insertAfter(this.$element);
|
2015-01-12 01:25:53 +03:00
|
|
|
|
|
|
|
var width = this._resolveWidth(this.$element, this.options.get('width'));
|
|
|
|
|
|
|
|
if (width != null) {
|
|
|
|
$container.css('width', width);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._resolveWidth = function ($element, method) {
|
|
|
|
var WIDTH = /^width:(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i;
|
|
|
|
|
|
|
|
if (method == 'resolve') {
|
|
|
|
var styleWidth = this._resolveWidth($element, 'style');
|
|
|
|
|
|
|
|
if (styleWidth != null) {
|
|
|
|
return styleWidth;
|
|
|
|
}
|
|
|
|
|
|
|
|
return this._resolveWidth($element, 'element');
|
|
|
|
}
|
|
|
|
|
|
|
|
if (method == 'element') {
|
|
|
|
var elementWidth = $element.outerWidth(false);
|
|
|
|
|
|
|
|
if (elementWidth <= 0) {
|
|
|
|
return 'auto';
|
|
|
|
}
|
|
|
|
|
|
|
|
return elementWidth + 'px';
|
|
|
|
}
|
|
|
|
|
|
|
|
if (method == 'style') {
|
|
|
|
var style = $element.attr('style');
|
|
|
|
|
|
|
|
if (typeof(style) !== 'string') {
|
|
|
|
return null;
|
|
|
|
}
|
|
|
|
|
|
|
|
var attrs = style.split(';');
|
|
|
|
|
2015-02-14 06:49:54 +03:00
|
|
|
for (var i = 0, l = attrs.length; i < l; i = i + 1) {
|
|
|
|
var attr = attrs[i].replace(/\s/g, '');
|
2015-01-12 01:25:53 +03:00
|
|
|
var matches = attr.match(WIDTH);
|
|
|
|
|
|
|
|
if (matches !== null && matches.length >= 1) {
|
|
|
|
return matches[1];
|
|
|
|
}
|
|
|
|
}
|
2015-01-18 05:42:11 +03:00
|
|
|
|
|
|
|
return null;
|
2015-01-12 01:25:53 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
return method;
|
2014-11-02 02:05:08 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._bindAdapters = function () {
|
2015-03-12 01:16:21 +03:00
|
|
|
this.dataAdapter.bind(this, this.$container);
|
2014-11-02 02:05:08 +03:00
|
|
|
this.selection.bind(this, this.$container);
|
|
|
|
|
|
|
|
this.dropdown.bind(this, this.$container);
|
|
|
|
this.results.bind(this, this.$container);
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._registerDomEvents = function () {
|
|
|
|
var self = this;
|
2014-08-27 19:33:33 +04:00
|
|
|
|
2014-11-14 02:34:08 +03:00
|
|
|
this.$element.on('change.select2', function () {
|
2015-03-12 01:16:21 +03:00
|
|
|
self.dataAdapter.current(function (data) {
|
2014-09-22 00:43:44 +04:00
|
|
|
self.trigger('selection:update', {
|
2014-08-31 02:34:41 +04:00
|
|
|
data: data
|
|
|
|
});
|
2014-08-27 19:33:33 +04:00
|
|
|
});
|
|
|
|
});
|
2014-12-17 06:44:11 +03:00
|
|
|
|
2016-04-24 19:21:53 +03:00
|
|
|
this.$element.on('focus.select2', function (evt) {
|
|
|
|
self.trigger('focus', evt);
|
|
|
|
});
|
|
|
|
|
2016-05-27 03:53:18 +03:00
|
|
|
this._syncA = Utils.bind(this._syncAttributes, this);
|
|
|
|
this._syncS = Utils.bind(this._syncSubtree, this);
|
2014-12-17 06:44:11 +03:00
|
|
|
|
|
|
|
if (this.$element[0].attachEvent) {
|
2016-05-27 03:53:18 +03:00
|
|
|
this.$element[0].attachEvent('onpropertychange', this._syncA);
|
2014-12-17 06:44:11 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
var observer = window.MutationObserver ||
|
|
|
|
window.WebKitMutationObserver ||
|
|
|
|
window.MozMutationObserver
|
|
|
|
;
|
|
|
|
|
|
|
|
if (observer != null) {
|
|
|
|
this._observer = new observer(function (mutations) {
|
2016-05-27 03:53:18 +03:00
|
|
|
$.each(mutations, self._syncA);
|
|
|
|
$.each(mutations, self._syncS);
|
2014-12-17 06:44:11 +03:00
|
|
|
});
|
|
|
|
this._observer.observe(this.$element[0], {
|
|
|
|
attributes: true,
|
2016-05-27 03:53:18 +03:00
|
|
|
childList: true,
|
2014-12-17 06:44:11 +03:00
|
|
|
subtree: false
|
|
|
|
});
|
2015-02-14 07:37:29 +03:00
|
|
|
} else if (this.$element[0].addEventListener) {
|
2016-05-27 03:53:18 +03:00
|
|
|
this.$element[0].addEventListener(
|
|
|
|
'DOMAttrModified',
|
|
|
|
self._syncA,
|
|
|
|
false
|
|
|
|
);
|
|
|
|
this.$element[0].addEventListener(
|
|
|
|
'DOMNodeInserted',
|
|
|
|
self._syncS,
|
|
|
|
false
|
|
|
|
);
|
|
|
|
this.$element[0].addEventListener(
|
|
|
|
'DOMNodeRemoved',
|
|
|
|
self._syncS,
|
|
|
|
false
|
|
|
|
);
|
2014-12-17 06:44:11 +03:00
|
|
|
}
|
2014-11-02 02:05:08 +03:00
|
|
|
};
|
|
|
|
|
2014-11-02 05:59:59 +03:00
|
|
|
Select2.prototype._registerDataEvents = function () {
|
|
|
|
var self = this;
|
|
|
|
|
2015-03-12 01:16:21 +03:00
|
|
|
this.dataAdapter.on('*', function (name, params) {
|
2015-01-08 18:40:13 +03:00
|
|
|
self.trigger(name, params);
|
2014-11-02 05:59:59 +03:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
2014-11-02 02:05:08 +03:00
|
|
|
Select2.prototype._registerSelectionEvents = function () {
|
|
|
|
var self = this;
|
2015-06-22 03:31:09 +03:00
|
|
|
var nonRelayEvents = ['toggle', 'focus'];
|
2014-08-27 19:33:33 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
this.selection.on('toggle', function () {
|
2014-08-31 04:42:46 +04:00
|
|
|
self.toggleDropdown();
|
2014-08-27 19:33:33 +04:00
|
|
|
});
|
2014-08-28 04:18:17 +04:00
|
|
|
|
2015-06-22 03:31:09 +03:00
|
|
|
this.selection.on('focus', function (params) {
|
|
|
|
self.focus(params);
|
|
|
|
});
|
|
|
|
|
2015-01-08 18:40:13 +03:00
|
|
|
this.selection.on('*', function (name, params) {
|
2015-02-08 20:29:52 +03:00
|
|
|
if ($.inArray(name, nonRelayEvents) !== -1) {
|
2015-01-08 18:40:13 +03:00
|
|
|
return;
|
|
|
|
}
|
2014-11-23 03:21:46 +03:00
|
|
|
|
2015-01-08 18:40:13 +03:00
|
|
|
self.trigger(name, params);
|
2014-11-02 03:35:23 +03:00
|
|
|
});
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._registerDropdownEvents = function () {
|
|
|
|
var self = this;
|
|
|
|
|
2015-01-08 18:40:13 +03:00
|
|
|
this.dropdown.on('*', function (name, params) {
|
|
|
|
self.trigger(name, params);
|
2014-11-02 03:35:23 +03:00
|
|
|
});
|
2014-11-02 02:05:08 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._registerResultsEvents = function () {
|
|
|
|
var self = this;
|
2014-08-31 04:42:46 +04:00
|
|
|
|
2015-01-08 18:40:13 +03:00
|
|
|
this.results.on('*', function (name, params) {
|
|
|
|
self.trigger(name, params);
|
2014-10-20 03:49:06 +04:00
|
|
|
});
|
2014-11-02 02:05:08 +03:00
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype._registerEvents = function () {
|
|
|
|
var self = this;
|
2014-10-20 03:49:06 +04:00
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
this.on('open', function () {
|
2014-11-25 02:38:58 +03:00
|
|
|
self.$container.addClass('select2-container--open');
|
2014-08-31 04:42:46 +04:00
|
|
|
});
|
|
|
|
|
2014-09-22 00:43:44 +04:00
|
|
|
this.on('close', function () {
|
2014-11-25 02:38:58 +03:00
|
|
|
self.$container.removeClass('select2-container--open');
|
2014-08-28 04:18:17 +04:00
|
|
|
});
|
|
|
|
|
2014-12-17 06:44:11 +03:00
|
|
|
this.on('enable', function () {
|
|
|
|
self.$container.removeClass('select2-container--disabled');
|
|
|
|
});
|
|
|
|
|
|
|
|
this.on('disable', function () {
|
|
|
|
self.$container.addClass('select2-container--disabled');
|
|
|
|
});
|
|
|
|
|
2015-02-14 08:37:51 +03:00
|
|
|
this.on('blur', function () {
|
|
|
|
self.$container.removeClass('select2-container--focus');
|
|
|
|
});
|
|
|
|
|
2014-10-16 04:51:29 +04:00
|
|
|
this.on('query', function (params) {
|
2015-03-02 05:01:11 +03:00
|
|
|
if (!self.isOpen()) {
|
2015-08-22 02:19:06 +03:00
|
|
|
self.trigger('open', {});
|
2015-03-02 05:01:11 +03:00
|
|
|
}
|
|
|
|
|
2015-03-12 01:16:21 +03:00
|
|
|
this.dataAdapter.query(params, function (data) {
|
2014-10-17 03:08:11 +04:00
|
|
|
self.trigger('results:all', {
|
|
|
|
data: data,
|
|
|
|
query: params
|
|
|
|
});
|
2014-10-16 04:51:29 +04:00
|
|
|
});
|
2014-08-28 04:18:17 +04:00
|
|
|
});
|
2014-11-02 03:35:23 +03:00
|
|
|
|
2014-11-04 03:10:36 +03:00
|
|
|
this.on('query:append', function (params) {
|
2015-03-12 01:16:21 +03:00
|
|
|
this.dataAdapter.query(params, function (data) {
|
2014-11-04 03:10:36 +03:00
|
|
|
self.trigger('results:append', {
|
|
|
|
data: data,
|
|
|
|
query: params
|
|
|
|
});
|
|
|
|
});
|
|
|
|
});
|
|
|
|
|
2014-11-02 03:35:23 +03:00
|
|
|
this.on('keypress', function (evt) {
|
|
|
|
var key = evt.which;
|
|
|
|
|
|
|
|
if (self.isOpen()) {
|
2015-06-22 04:47:26 +03:00
|
|
|
if (key === KEYS.ESC || key === KEYS.TAB ||
|
|
|
|
(key === KEYS.UP && evt.altKey)) {
|
|
|
|
self.close();
|
|
|
|
|
|
|
|
evt.preventDefault();
|
|
|
|
} else if (key === KEYS.ENTER) {
|
2015-08-22 02:19:06 +03:00
|
|
|
self.trigger('results:select', {});
|
2014-11-02 03:35:23 +03:00
|
|
|
|
More intuitive handling of the enter key
Previously, when in results the enter key would select items that
were highlighted if they were not already selected. In the case of
a select where multiple items could be selected, pressing enter
when highlighting a selected item would also allow it to be
unselected. While this seems intuitive for accessibility purposes,
the enter button essentially working as a toggle, it caused some
really strange behavior.
- If the enter button was held down, all previously selected items
would be unselected.
- The enter button did not work the same across both single and
multiple selects.
After listening to user feedback, I have decided to remove the
"enter as toggle" functionality from Select2 and have gone back to
just having the enter button select items. This means that instead
of unselected items that are already selected and highlighted,
Select2 will just close the dropdown. This is the same as what
Select2 would previously do for single selects, so the keyboard
functionality is now the same across both.
Because this removed the only easy way to unselect items in the
dropdown using the keyboard, we had to maintain the toggle
functionality. We decided to implement the toggle functionality
on the CTRL + Space keybinding, which is in line with other
applications. Now when pressing CTRL + Space at the same time in
the dropdown, the highlighted result will behave the same as if the
mouse selected it, which will toggle the current item in multiple
select mode and close the dropdown in single select mode.
This is the same keybinding that Windows Explorer [1] and GTK [2]
use for toggling the current selection, which was why it was picked.
This also fixes an issue where keyboard focus would be lost once an
item was unselected from the results. This was due to a bug in the
CloseOnSelect module that would only automatically close the
dropdown when an item was selected, but not when an item was
unselected. Now the dropdown will be closed automatically when an
item is unselected, which will also cause the selection (and
eventually the search) to be focused.
This fixes two issues described in
https://github.com/select2/select2/issues/3036#issuecomment-76321411.
[1]: http://superuser.com/q/78891/72528
[2]: https://developer.gnome.org/gtk3/stable/GtkIconView.html#GtkIconView-toggle-cursor-item
2015-03-02 04:30:43 +03:00
|
|
|
evt.preventDefault();
|
|
|
|
} else if ((key === KEYS.SPACE && evt.ctrlKey)) {
|
2015-08-22 02:19:06 +03:00
|
|
|
self.trigger('results:toggle', {});
|
More intuitive handling of the enter key
Previously, when in results the enter key would select items that
were highlighted if they were not already selected. In the case of
a select where multiple items could be selected, pressing enter
when highlighting a selected item would also allow it to be
unselected. While this seems intuitive for accessibility purposes,
the enter button essentially working as a toggle, it caused some
really strange behavior.
- If the enter button was held down, all previously selected items
would be unselected.
- The enter button did not work the same across both single and
multiple selects.
After listening to user feedback, I have decided to remove the
"enter as toggle" functionality from Select2 and have gone back to
just having the enter button select items. This means that instead
of unselected items that are already selected and highlighted,
Select2 will just close the dropdown. This is the same as what
Select2 would previously do for single selects, so the keyboard
functionality is now the same across both.
Because this removed the only easy way to unselect items in the
dropdown using the keyboard, we had to maintain the toggle
functionality. We decided to implement the toggle functionality
on the CTRL + Space keybinding, which is in line with other
applications. Now when pressing CTRL + Space at the same time in
the dropdown, the highlighted result will behave the same as if the
mouse selected it, which will toggle the current item in multiple
select mode and close the dropdown in single select mode.
This is the same keybinding that Windows Explorer [1] and GTK [2]
use for toggling the current selection, which was why it was picked.
This also fixes an issue where keyboard focus would be lost once an
item was unselected from the results. This was due to a bug in the
CloseOnSelect module that would only automatically close the
dropdown when an item was selected, but not when an item was
unselected. Now the dropdown will be closed automatically when an
item is unselected, which will also cause the selection (and
eventually the search) to be focused.
This fixes two issues described in
https://github.com/select2/select2/issues/3036#issuecomment-76321411.
[1]: http://superuser.com/q/78891/72528
[2]: https://developer.gnome.org/gtk3/stable/GtkIconView.html#GtkIconView-toggle-cursor-item
2015-03-02 04:30:43 +03:00
|
|
|
|
2014-11-02 03:35:23 +03:00
|
|
|
evt.preventDefault();
|
2014-11-02 04:04:31 +03:00
|
|
|
} else if (key === KEYS.UP) {
|
2015-08-22 02:19:06 +03:00
|
|
|
self.trigger('results:previous', {});
|
2014-11-02 03:35:23 +03:00
|
|
|
|
|
|
|
evt.preventDefault();
|
2014-11-02 04:04:31 +03:00
|
|
|
} else if (key === KEYS.DOWN) {
|
2015-08-22 02:19:06 +03:00
|
|
|
self.trigger('results:next', {});
|
2014-11-02 03:35:23 +03:00
|
|
|
|
|
|
|
evt.preventDefault();
|
|
|
|
}
|
|
|
|
} else {
|
2014-12-18 03:06:13 +03:00
|
|
|
if (key === KEYS.ENTER || key === KEYS.SPACE ||
|
2015-06-22 04:47:26 +03:00
|
|
|
(key === KEYS.DOWN && evt.altKey)) {
|
2015-01-14 03:09:04 +03:00
|
|
|
self.open();
|
2014-11-02 03:35:23 +03:00
|
|
|
|
|
|
|
evt.preventDefault();
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
2014-11-02 00:08:59 +03:00
|
|
|
};
|
|
|
|
|
2014-12-17 06:44:11 +03:00
|
|
|
Select2.prototype._syncAttributes = function () {
|
|
|
|
this.options.set('disabled', this.$element.prop('disabled'));
|
|
|
|
|
|
|
|
if (this.options.get('disabled')) {
|
|
|
|
if (this.isOpen()) {
|
2015-01-14 03:09:04 +03:00
|
|
|
this.close();
|
2014-12-17 06:44:11 +03:00
|
|
|
}
|
|
|
|
|
2015-08-22 02:19:06 +03:00
|
|
|
this.trigger('disable', {});
|
2014-12-17 06:44:11 +03:00
|
|
|
} else {
|
2015-08-22 02:19:06 +03:00
|
|
|
this.trigger('enable', {});
|
2014-12-17 06:44:11 +03:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2016-05-27 03:53:18 +03:00
|
|
|
Select2.prototype._syncSubtree = function (evt, mutations) {
|
|
|
|
var changed = false;
|
|
|
|
var self = this;
|
|
|
|
|
|
|
|
// Ignore any mutation events raised for elements that aren't options or
|
|
|
|
// optgroups. This handles the case when the select element is destroyed
|
|
|
|
if (
|
|
|
|
evt && evt.target && (
|
|
|
|
evt.target.nodeName !== 'OPTION' && evt.target.nodeName !== 'OPTGROUP'
|
|
|
|
)
|
|
|
|
) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
if (!mutations) {
|
|
|
|
// If mutation events aren't supported, then we can only assume that the
|
|
|
|
// change affected the selections
|
|
|
|
changed = true;
|
|
|
|
} else if (mutations.addedNodes && mutations.addedNodes.length > 0) {
|
|
|
|
for (var n = 0; n < mutations.addedNodes.length; n++) {
|
|
|
|
var node = mutations.addedNodes[n];
|
|
|
|
|
|
|
|
if (node.selected) {
|
|
|
|
changed = true;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
} else if (mutations.removedNodes && mutations.removedNodes.length > 0) {
|
|
|
|
changed = true;
|
|
|
|
}
|
|
|
|
|
|
|
|
// Only re-pull the data if we think there is a change
|
|
|
|
if (changed) {
|
|
|
|
this.dataAdapter.current(function (currentData) {
|
|
|
|
self.trigger('selection:update', {
|
|
|
|
data: currentData
|
|
|
|
});
|
|
|
|
});
|
|
|
|
}
|
|
|
|
};
|
|
|
|
|
2015-01-14 02:28:21 +03:00
|
|
|
/**
|
|
|
|
* Override the trigger method to automatically trigger pre-events when
|
|
|
|
* there are events that can be prevented.
|
|
|
|
*/
|
|
|
|
Select2.prototype.trigger = function (name, args) {
|
|
|
|
var actualTrigger = Select2.__super__.trigger;
|
|
|
|
var preTriggerMap = {
|
|
|
|
'open': 'opening',
|
|
|
|
'close': 'closing',
|
|
|
|
'select': 'selecting',
|
2017-10-26 21:19:09 +03:00
|
|
|
'unselect': 'unselecting',
|
|
|
|
'clear': 'clearing'
|
2015-01-14 02:28:21 +03:00
|
|
|
};
|
2015-11-28 02:26:20 +03:00
|
|
|
|
2015-11-10 02:03:35 +03:00
|
|
|
if (args === undefined) {
|
|
|
|
args = {};
|
|
|
|
}
|
2015-01-14 02:28:21 +03:00
|
|
|
|
|
|
|
if (name in preTriggerMap) {
|
|
|
|
var preTriggerName = preTriggerMap[name];
|
|
|
|
var preTriggerArgs = {
|
|
|
|
prevented: false,
|
|
|
|
name: name,
|
|
|
|
args: args
|
|
|
|
};
|
|
|
|
|
|
|
|
actualTrigger.call(this, preTriggerName, preTriggerArgs);
|
|
|
|
|
|
|
|
if (preTriggerArgs.prevented) {
|
|
|
|
args.prevented = true;
|
|
|
|
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
actualTrigger.call(this, name, args);
|
|
|
|
};
|
|
|
|
|
2014-08-31 04:42:46 +04:00
|
|
|
Select2.prototype.toggleDropdown = function () {
|
2014-12-17 06:44:11 +03:00
|
|
|
if (this.options.get('disabled')) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
if (this.isOpen()) {
|
2015-01-14 03:09:04 +03:00
|
|
|
this.close();
|
2014-08-31 04:42:46 +04:00
|
|
|
} else {
|
2015-01-14 03:09:04 +03:00
|
|
|
this.open();
|
2014-10-21 04:29:23 +04:00
|
|
|
}
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype.open = function () {
|
|
|
|
if (this.isOpen()) {
|
|
|
|
return;
|
2014-08-31 04:42:46 +04:00
|
|
|
}
|
2014-10-21 04:29:23 +04:00
|
|
|
|
2014-11-02 03:35:23 +03:00
|
|
|
this.trigger('query', {});
|
2014-10-21 04:29:23 +04:00
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype.close = function () {
|
|
|
|
if (!this.isOpen()) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
2015-08-22 02:19:06 +03:00
|
|
|
this.trigger('close', {});
|
2014-09-22 00:43:44 +04:00
|
|
|
};
|
2014-08-31 04:42:46 +04:00
|
|
|
|
2014-10-18 18:49:51 +04:00
|
|
|
Select2.prototype.isOpen = function () {
|
2014-11-25 02:38:58 +03:00
|
|
|
return this.$container.hasClass('select2-container--open');
|
2014-10-18 18:49:51 +04:00
|
|
|
};
|
|
|
|
|
2015-06-22 03:31:09 +03:00
|
|
|
Select2.prototype.hasFocus = function () {
|
|
|
|
return this.$container.hasClass('select2-container--focus');
|
|
|
|
};
|
|
|
|
|
|
|
|
Select2.prototype.focus = function (data) {
|
|
|
|
// No need to re-trigger focus events if we are already focused
|
|
|
|
if (this.hasFocus()) {
|
|
|
|
return;
|
|
|
|
}
|
|
|
|
|
|
|
|
this.$container.addClass('select2-container--focus');
|
2015-08-22 02:19:06 +03:00
|
|
|
this.trigger('focus', {});
|
2015-06-22 03:31:09 +03:00
|
|
|
};
|
|
|
|
|
2014-12-12 01:37:57 +03:00
|
|
|
Select2.prototype.enable = function (args) {
|
2015-03-12 03:41:10 +03:00
|
|
|
if (this.options.get('debug') && window.console && console.warn) {
|
2014-12-12 01:37:57 +03:00
|
|
|
console.warn(
|
2015-01-09 18:45:35 +03:00
|
|
|
'Select2: The `select2("enable")` method has been deprecated and will' +
|
|
|
|
' be removed in later Select2 versions. Use $element.prop("disabled")' +
|
|
|
|
' instead.'
|
2014-12-12 01:37:57 +03:00
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2015-03-14 22:21:34 +03:00
|
|
|
if (args == null || args.length === 0) {
|
2014-12-12 01:37:57 +03:00
|
|
|
args = [true];
|
|
|
|
}
|
|
|
|
|
|
|
|
var disabled = !args[0];
|
|
|
|
|
|
|
|
this.$element.prop('disabled', disabled);
|
|
|
|
};
|
|
|
|
|
2015-02-10 04:27:43 +03:00
|
|
|
Select2.prototype.data = function () {
|
2015-03-12 03:41:10 +03:00
|
|
|
if (this.options.get('debug') &&
|
|
|
|
arguments.length > 0 && window.console && console.warn) {
|
2015-02-10 04:27:43 +03:00
|
|
|
console.warn(
|
|
|
|
'Select2: Data can no longer be set using `select2("data")`. You ' +
|
|
|
|
'should consider setting the value instead using `$element.val()`.'
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
|
|
|
var data = [];
|
|
|
|
|
2015-03-14 22:21:34 +03:00
|
|
|
this.dataAdapter.current(function (currentData) {
|
2015-02-10 04:27:43 +03:00
|
|
|
data = currentData;
|
|
|
|
});
|
|
|
|
|
|
|
|
return data;
|
|
|
|
};
|
|
|
|
|
2014-12-12 01:08:51 +03:00
|
|
|
Select2.prototype.val = function (args) {
|
2015-03-12 03:41:10 +03:00
|
|
|
if (this.options.get('debug') && window.console && console.warn) {
|
2014-12-12 01:37:57 +03:00
|
|
|
console.warn(
|
|
|
|
'Select2: The `select2("val")` method has been deprecated and will be' +
|
|
|
|
' removed in later Select2 versions. Use $element.val() instead.'
|
|
|
|
);
|
|
|
|
}
|
|
|
|
|
2015-03-14 22:21:34 +03:00
|
|
|
if (args == null || args.length === 0) {
|
2014-12-12 01:08:51 +03:00
|
|
|
return this.$element.val();
|
|
|
|
}
|
|
|
|
|
|
|
|
var newVal = args[0];
|
|
|
|
|
|
|
|
if ($.isArray(newVal)) {
|
|
|
|
newVal = $.map(newVal, function (obj) {
|
|
|
|
return obj.toString();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
this.$element.val(newVal).trigger('change');
|
|
|
|
};
|
|
|
|
|
2014-11-14 02:34:08 +03:00
|
|
|
Select2.prototype.destroy = function () {
|
|
|
|
this.$container.remove();
|
|
|
|
|
2014-12-17 06:44:11 +03:00
|
|
|
if (this.$element[0].detachEvent) {
|
2016-05-27 03:53:18 +03:00
|
|
|
this.$element[0].detachEvent('onpropertychange', this._syncA);
|
2014-12-17 06:44:11 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
if (this._observer != null) {
|
|
|
|
this._observer.disconnect();
|
|
|
|
this._observer = null;
|
2015-02-14 07:37:29 +03:00
|
|
|
} else if (this.$element[0].removeEventListener) {
|
|
|
|
this.$element[0]
|
2016-05-27 03:53:18 +03:00
|
|
|
.removeEventListener('DOMAttrModified', this._syncA, false);
|
|
|
|
this.$element[0]
|
|
|
|
.removeEventListener('DOMNodeInserted', this._syncS, false);
|
|
|
|
this.$element[0]
|
|
|
|
.removeEventListener('DOMNodeRemoved', this._syncS, false);
|
2014-12-17 06:44:11 +03:00
|
|
|
}
|
|
|
|
|
2016-05-27 03:53:18 +03:00
|
|
|
this._syncA = null;
|
|
|
|
this._syncS = null;
|
2014-12-17 06:44:11 +03:00
|
|
|
|
2014-11-14 02:34:08 +03:00
|
|
|
this.$element.off('.select2');
|
2017-10-26 21:19:09 +03:00
|
|
|
this.$element.attr('tabindex',
|
|
|
|
Utils.GetData(this.$element[0], 'old-tabindex'));
|
2014-11-14 02:34:08 +03:00
|
|
|
|
2015-04-01 03:01:29 +03:00
|
|
|
this.$element.removeClass('select2-hidden-accessible');
|
2015-06-22 03:31:09 +03:00
|
|
|
this.$element.attr('aria-hidden', 'false');
|
2017-10-26 21:19:09 +03:00
|
|
|
Utils.RemoveData(this.$element[0]);
|
2017-11-22 07:16:57 +03:00
|
|
|
this.$element.removeData('select2');
|
2014-11-14 02:34:08 +03:00
|
|
|
|
2015-03-12 01:16:21 +03:00
|
|
|
this.dataAdapter.destroy();
|
2014-11-14 02:34:08 +03:00
|
|
|
this.selection.destroy();
|
|
|
|
this.dropdown.destroy();
|
|
|
|
this.results.destroy();
|
|
|
|
|
2015-03-12 01:16:21 +03:00
|
|
|
this.dataAdapter = null;
|
2014-11-14 02:34:08 +03:00
|
|
|
this.selection = null;
|
|
|
|
this.dropdown = null;
|
|
|
|
this.results = null;
|
|
|
|
};
|
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
Select2.prototype.render = function () {
|
|
|
|
var $container = $(
|
2014-11-19 22:26:52 +03:00
|
|
|
'<span class="select2 select2-container">' +
|
2014-08-27 19:33:33 +04:00
|
|
|
'<span class="selection"></span>' +
|
2014-10-20 03:49:06 +04:00
|
|
|
'<span class="dropdown-wrapper" aria-hidden="true"></span>' +
|
2014-08-27 19:33:33 +04:00
|
|
|
'</span>'
|
2014-08-27 05:18:26 +04:00
|
|
|
);
|
|
|
|
|
2014-12-18 05:22:14 +03:00
|
|
|
$container.attr('dir', this.options.get('dir'));
|
|
|
|
|
2014-11-02 00:08:59 +03:00
|
|
|
this.$container = $container;
|
|
|
|
|
2014-11-25 02:11:03 +03:00
|
|
|
this.$container.addClass('select2-container--' + this.options.get('theme'));
|
2014-11-19 22:26:52 +03:00
|
|
|
|
2017-10-26 21:19:09 +03:00
|
|
|
Utils.StoreData($container[0], 'element', this.$element);
|
2014-11-02 02:29:07 +03:00
|
|
|
|
2014-08-27 05:18:26 +04:00
|
|
|
return $container;
|
|
|
|
};
|
|
|
|
|
2014-08-27 02:01:42 +04:00
|
|
|
return Select2;
|
|
|
|
});
|
|
|
|
|
2015-11-28 00:06:33 +03:00
|
|
|
S2.define('jquery-mousewheel',[
|
|
|
|
'jquery'
|
|
|
|
], function ($) {
|
|
|
|
// Used to shim jQuery.mousewheel for non-full builds.
|
|
|
|
return $;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
S2.define('jquery.select2',[
|
2014-10-15 05:12:57 +04:00
|
|
|
'jquery',
|
2015-11-28 00:06:33 +03:00
|
|
|
'jquery-mousewheel',
|
2015-03-25 01:04:53 +03:00
|
|
|
|
2015-01-18 05:27:53 +03:00
|
|
|
'./select2/core',
|
2017-10-26 21:19:09 +03:00
|
|
|
'./select2/defaults',
|
|
|
|
'./select2/utils'
|
|
|
|
], function ($, _, Select2, Defaults, Utils) {
|
2014-10-15 05:12:57 +04:00
|
|
|
if ($.fn.select2 == null) {
|
2015-04-02 17:34:30 +03:00
|
|
|
// All methods that should return the element
|
|
|
|
var thisMethods = ['open', 'close', 'destroy'];
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
$.fn.select2 = function (options) {
|
|
|
|
options = options || {};
|
|
|
|
|
|
|
|
if (typeof options === 'object') {
|
|
|
|
this.each(function () {
|
2015-11-28 00:06:33 +03:00
|
|
|
var instanceOptions = $.extend(true, {}, options);
|
2015-01-03 02:15:59 +03:00
|
|
|
|
|
|
|
var instance = new Select2($(this), instanceOptions);
|
2014-10-15 05:12:57 +04:00
|
|
|
});
|
2015-01-03 02:15:59 +03:00
|
|
|
|
|
|
|
return this;
|
2014-10-15 05:12:57 +04:00
|
|
|
} else if (typeof options === 'string') {
|
2015-11-10 04:23:20 +03:00
|
|
|
var ret;
|
2016-04-24 19:21:53 +03:00
|
|
|
var args = Array.prototype.slice.call(arguments, 1);
|
2015-04-02 18:41:18 +03:00
|
|
|
|
2015-11-10 04:23:20 +03:00
|
|
|
this.each(function () {
|
2017-10-26 21:19:09 +03:00
|
|
|
var instance = Utils.GetData(this, 'select2');
|
2015-04-02 18:41:18 +03:00
|
|
|
|
2015-11-10 04:23:20 +03:00
|
|
|
if (instance == null && window.console && console.error) {
|
|
|
|
console.error(
|
|
|
|
'The select2(\'' + options + '\') method was called on an ' +
|
|
|
|
'element that is not using Select2.'
|
|
|
|
);
|
|
|
|
}
|
2014-10-15 05:12:57 +04:00
|
|
|
|
2015-11-10 04:23:20 +03:00
|
|
|
ret = instance[options].apply(instance, args);
|
|
|
|
});
|
2015-04-02 17:34:30 +03:00
|
|
|
|
|
|
|
// Check if we should be returning `this`
|
|
|
|
if ($.inArray(options, thisMethods) > -1) {
|
|
|
|
return this;
|
|
|
|
}
|
|
|
|
|
|
|
|
return ret;
|
2014-10-15 05:12:57 +04:00
|
|
|
} else {
|
|
|
|
throw new Error('Invalid arguments for Select2: ' + options);
|
|
|
|
}
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
2015-01-18 05:27:53 +03:00
|
|
|
if ($.fn.select2.defaults == null) {
|
|
|
|
$.fn.select2.defaults = Defaults;
|
|
|
|
}
|
|
|
|
|
2014-10-15 05:12:57 +04:00
|
|
|
return Select2;
|
|
|
|
});
|
|
|
|
|
2015-03-15 02:05:24 +03:00
|
|
|
// Return the AMD loader configuration so it can be used outside of this file
|
|
|
|
return {
|
|
|
|
define: S2.define,
|
|
|
|
require: S2.require
|
|
|
|
};
|
|
|
|
}());
|
|
|
|
|
|
|
|
// Autoload the jQuery bindings
|
|
|
|
// We know that all of the modules exist above this, so we're safe
|
|
|
|
var select2 = S2.require('jquery.select2');
|
|
|
|
|
|
|
|
// Hold the AMD module references on the jQuery function that was just loaded
|
|
|
|
// This allows Select2 to use the internal loader outside of this file, such
|
|
|
|
// as in the language files.
|
2015-03-18 17:48:47 +03:00
|
|
|
jQuery.fn.select2.amd = S2;
|
2015-03-15 02:05:24 +03:00
|
|
|
|
|
|
|
// Return the Select2 instance for anyone who is importing it.
|
|
|
|
return select2;
|
|
|
|
}));
|