123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677 |
- (function() { if ($ && $.fn && $.fn.select2 && $.fn.select2.amd) { define = $.fn.select2.amd.define; require = $.fn.select2.amd.require; }define('select2/utils',[], function () {
- var Utils = {};
- Utils.Extend = function (ChildClass, SuperClass) {
- var __hasProp = {}.hasOwnProperty;
- 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;
- };
- function getMethods (theClass) {
- var proto = theClass.prototype;
- var methods = [];
- for (var methodName in proto) {
- var m = proto[methodName];
- if (typeof m !== 'function') {
- continue;
- }
- 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) {
- unshift.call(arguments, SuperClass.prototype.constructor);
- calledConstructor = DecoratorClass.prototype.constructor;
- }
- calledConstructor.apply(this, arguments);
- }
- DecoratorClass.displayName = SuperClass.displayName;
- function ctr () {
- this.constructor = DecoratedClass;
- }
- DecoratedClass.prototype = new ctr();
- for (var m = 0; m < superMethods.length; m++) {
- var superMethod = superMethods[m];
- DecoratedClass.prototype[superMethod] =
- SuperClass.prototype[superMethod];
- }
- var calledMethod = function (methodName) {
- // Stub out the original method if it's not decorating an actual method
- var originalMethod = function () {};
- if (methodName in DecoratedClass.prototype) {
- originalMethod = DecoratedClass.prototype[methodName];
- }
- var decoratedMethod = DecoratorClass.prototype[methodName];
- return function () {
- var unshift = Array.prototype.unshift;
- unshift.call(arguments, originalMethod);
- return decoratedMethod.apply(this, arguments);
- };
- };
- for (var d = 0; d < decoratedMethods.length; d++) {
- var decoratedMethod = decoratedMethods[d];
- DecoratedClass.prototype[decoratedMethod] = calledMethod(decoratedMethod);
- }
- return DecoratedClass;
- };
- var Observable = function () {
- this.listeners = {};
- };
- Observable.prototype.on = function (event, callback) {
- if (event in this.listeners) {
- this.listeners[event].push(callback);
- } else {
- this.listeners[event] = [callback];
- }
- };
- Observable.prototype.trigger = function (event) {
- var slice = Array.prototype.slice;
- if (event in this.listeners) {
- this.invoke(this.listeners[event], slice.call(arguments, 1));
- }
- if ('*' in this.listeners) {
- this.invoke(this.listeners['*'], arguments);
- }
- };
- Observable.prototype.invoke = function (listeners, params) {
- for (var i = 0, len = listeners.length; i < len; i++) {
- listeners[i].apply(this, params);
- }
- };
- Utils.Observable = Observable;
- 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;
- };
- return Utils;
- });
- define('select2/results',[
- './utils'
- ], function (Utils) {
- function Results ($element, options, dataAdapter) {
- this.$element = $element;
- this.data = dataAdapter;
- this.options = options;
- Results.__super__.constructor.call(this);
- }
- Utils.Extend(Results, Utils.Observable);
- Results.prototype.render = function () {
- var $results = $(
- '<ul class="options" role="tree"></ul>'
- );
- if (this.options.get('multiple')) {
- $results.attr('aria-multiselectable', 'true');
- }
- this.$results = $results;
- return $results;
- };
- Results.prototype.clear = function () {
- this.$results.empty();
- };
- Results.prototype.append = function (data) {
- var $options = [];
- data = this.sort(data);
- for (var d = 0; d < data.length; d++) {
- var item = data[d];
- var $option = this.option(item);
- $options.push($option);
- }
- this.$results.append($options);
- };
- Results.prototype.sort = function (data) {
- return data;
- };
- Results.prototype.setClasses = function () {
- var self = this;
- this.data.current(function (selected) {
- var selectedIds = $.map(selected, function (s) {
- return s.id.toString();
- });
- var $options = self.$results.find('.option[aria-selected]');
- $options.each(function () {
- var $option = $(this);
- var item = $option.data('data');
- if (item.id != null && selectedIds.indexOf(item.id.toString()) > -1) {
- $option.attr('aria-selected', 'true');
- } else {
- $option.attr('aria-selected', 'false');
- }
- });
- 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');
- }
- });
- };
- Results.prototype.option = function (data) {
- var $option = $(
- '<li class="option" role="treeitem" aria-selected="false"></li>'
- );
- if (data.children) {
- $option
- .attr('role', 'group')
- .attr('aria-label', data.text)
- .removeAttr('aria-selected');
- var $label = $('<strong class="group-label"></strong>');
- $label.html(data.text);
- var $children = [];
- for (var c = 0; c < data.children.length; c++) {
- var child = data.children[c];
- var $child = this.option(child);
- $children.push($child);
- }
- var $childrenContainer = $('<ul class="options nested-options"></ul>');
- $childrenContainer.append($children);
- $option.append($label);
- $option.append($childrenContainer);
- } else {
- $option.html(data.text);
- }
- if (data.disabled) {
- $option
- .removeAttr('aria-selected')
- .attr('aria-disabled', 'true');
- }
- if (data.id == null) {
- $option.removeAttr('aria-selected');
- }
- if (data._resultId != null) {
- $option.attr('id', data._resultId);
- }
- $option.data('data', data);
- return $option;
- };
- Results.prototype.bind = function (container, $container) {
- var self = this;
- var id = container.id + '-results';
- this.$results.attr('id', id);
- container.on('results:all', function (params) {
- self.clear();
- self.append(params.data);
- if (container.isOpen()) {
- self.setClasses();
- }
- });
- container.on('results:append', function (params) {
- self.append(params.data);
- if (container.isOpen()) {
- self.setClasses();
- }
- });
- container.on('select', function () {
- if (!container.isOpen()) {
- return;
- }
- self.setClasses();
- });
- container.on('unselect', function () {
- if (!container.isOpen()) {
- return;
- }
- self.setClasses();
- });
- container.on('open', function () {
- // When the dropdown is open, aria-expended="true"
- self.$results.attr('aria-expanded', 'true');
- self.$results.attr('aria-hidden', 'false');
- self.setClasses();
- self.ensureHighlightVisible();
- });
- container.on('close', function () {
- // When the dropdown is closed, aria-expended="false"
- self.$results.attr('aria-expanded', 'false');
- self.$results.attr('aria-hidden', 'true');
- self.$results.removeAttr('aria-activedescendant');
- });
- container.on('results:select', function () {
- var $highlighted = self.$results.find('.highlighted');
- if ($highlighted.length === 0) {
- return;
- }
- var data = $highlighted.data('data');
- if ($highlighted.attr('aria-selected') == 'true') {
- self.trigger('unselected', {
- data: data
- });
- } else {
- self.trigger('selected', {
- data: data
- });
- }
- });
- container.on('results:previous', function () {
- var $highlighted = self.$results.find('.highlighted');
- var $options = self.$results.find('[aria-selected]');
- var currentIndex = $options.index($highlighted);
- // If we are already at te top, don't move further
- if (currentIndex === 0) {
- 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');
- 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);
- }
- });
- container.on('results:next', function () {
- var $highlighted = self.$results.find('.highlighted');
- 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');
- 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);
- }
- });
- container.on('results:focus', function (params) {
- params.element.addClass('highlighted');
- });
- this.$results.on('mouseup', '.option[aria-selected]', function (evt) {
- var $this = $(this);
- var data = $this.data('data');
- if ($this.attr('aria-selected') === 'true') {
- self.trigger('unselected', {
- originalEvent: evt,
- data: data
- });
- return;
- }
- self.trigger('selected', {
- originalEvent: evt,
- data: data
- });
- });
- this.$results.on('mouseenter', '.option[aria-selected]', function (evt) {
- var data = $(this).data('data');
- self.$results.find('.option.highlighted').removeClass('highlighted');
- self.trigger('results:focus', {
- data: data,
- element: $(this)
- });
- });
- this.$results.on('mouseleave', '.option', function (evt) {
- if ($(this).hasClass('highlighted')) {
- $(this).removeClass('highlighted');
- self.$results.removeAttr('aria-activedescendant');
- }
- });
- };
- Results.prototype.ensureHighlightVisible = function () {
- var $highlighted = this.$results.find('.highlighted');
- 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);
- }
- };
- return Results;
- });
- define('select2/selection/base',[
- '../utils'
- ], function (Utils) {
- function BaseSelection ($element, options) {
- this.$element = $element;
- this.options = options;
- BaseSelection.__super__.constructor.call(this);
- }
- Utils.Extend(BaseSelection, Utils.Observable);
- BaseSelection.prototype.render = function () {
- throw new Error('The `render` method must be defined in child classes.');
- };
- BaseSelection.prototype.bind = function (container, $container) {
- var self = this;
- container.on('selection:update', function (params) {
- self.update(params.data);
- });
- };
- BaseSelection.prototype.update = function (data) {
- throw new Error('The `update` method must be defined in child classes.');
- };
- return BaseSelection;
- });
- define('select2/keys',[
- ], 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,
- DELETE: 46,
- isArrow: function (k) {
- k = k.which ? k.which : k;
- switch (k) {
- case KEY.LEFT:
- case KEY.RIGHT:
- case KEY.UP:
- case KEY.DOWN:
- return true;
- }
- return false;
- }
- };
- return KEYS;
- });
- define('select2/selection/single',[
- './base',
- '../utils',
- '../keys'
- ], function (BaseSelection, Utils, KEYS) {
- function SingleSelection () {
- SingleSelection.__super__.constructor.apply(this, arguments);
- }
- Utils.Extend(SingleSelection, BaseSelection);
- SingleSelection.prototype.render = function () {
- var $selection = $(
- '<span class="single-select" tabindex="0" role="combobox" ' +
- 'aria-autocomplete="list" aria-haspopup="true" aria-expanded="false">' +
- '<span class="rendered-selection"></span>' +
- '</span>'
- );
- $selection.attr('title', this.$element.attr('title'));
- this.$selection = $selection;
- return $selection;
- };
- SingleSelection.prototype.bind = function (container, $container) {
- var self = this;
- SingleSelection.__super__.bind.apply(this, arguments);
- var id = container.id + '-container';
- var resultsId = container.id + '-results';
- this.$selection.find('.rendered-selection').attr('id', id);
- this.$selection.attr('aria-labelledby', id);
- this.$selection.attr('aria-owns', resultsId);
- this.$selection.on('mousedown', function (evt) {
- // Only respond to left clicks
- if (evt.which !== 1) {
- return;
- }
- self.trigger('toggle', {
- originalEvent: evt
- });
- });
- container.on('open', function () {
- // When the dropdown is open, aria-expanded="true"
- self.$selection.attr('aria-expanded', 'true');
- });
- container.on('close', function () {
- // When the dropdown is closed, aria-expanded="false"
- self.$selection.attr('aria-expanded', 'false');
- self.$selection.removeAttr('aria-activedescendant');
- });
- this.$selection.on('focus', function (evt) {
- // User focuses on the container
- });
- this.$selection.on('blur', function (evt) {
- // User exits the container
- });
- this.$selection.on('keydown', function (evt) {
- var key = evt.which;
- if (container.isOpen()) {
- if (key == KEYS.ENTER) {
- self.trigger('results:select');
- evt.preventDefault();
- } else if (key == KEYS.UP) {
- self.trigger('results:previous');
- evt.preventDefault();
- } else if (key == KEYS.DOWN) {
- self.trigger('results:next');
- evt.preventDefault();
- }
- } else {
- if (key == KEYS.ENTER || key == KEYS.SPACE) {
- self.trigger('open');
- evt.preventDefault();
- }
- }
- });
- container.on('results:focus', function (params) {
- self.$selection.attr('aria-activedescendant', params.data._resultId);
- });
- container.on('selection:update', function (params) {
- self.update(params.data);
- });
- };
- SingleSelection.prototype.clear = function () {
- this.$selection.find('.rendered-selection').empty();
- };
- SingleSelection.prototype.display = function (data) {
- return data.text;
- };
- SingleSelection.prototype.selectionContainer = function () {
- return $('<span></span>');
- };
- SingleSelection.prototype.update = function (data) {
- if (data.length === 0) {
- this.clear();
- return;
- }
- var selection = data[0];
- var formatted = this.display(selection);
- this.$selection.find('.rendered-selection').html(formatted);
- };
- return SingleSelection;
- });
- define('select2/selection/multiple',[
- './base',
- '../utils'
- ], function (BaseSelection, Utils) {
- function MultipleSelection ($element, options) {
- this.$element = $element;
- this.options = options;
- MultipleSelection.__super__.constructor.call(this);
- }
- Utils.Extend(MultipleSelection, BaseSelection);
- MultipleSelection.prototype.render = function () {
- var $selection = $(
- '<span class="multiple-select">' +
- '<ul class="rendered-selection"></ul>' +
- '</span>'
- );
- this.$selection = $selection;
- return $selection;
- };
- MultipleSelection.prototype.bind = function (container, $container) {
- var self = this;
- MultipleSelection.__super__.bind.apply(this, arguments);
- this.$selection.on('click', function (evt) {
- self.trigger('toggle', {
- originalEvent: evt
- });
- });
- this.$selection.on('click', '.remove', function (evt) {
- var $remove = $(this);
- var $selection = $remove.parent();
- var data = $selection.data('data');
- self.trigger('unselected', {
- originalEvent: evt,
- data: data
- });
- });
- };
- MultipleSelection.prototype.clear = function () {
- this.$selection.find('.rendered-selection').empty();
- };
- MultipleSelection.prototype.display = function (data) {
- return data.text;
- };
- MultipleSelection.prototype.selectionContainer = function () {
- var $container = $(
- '<li class="choice">' +
- '<span class="remove" role="presentation">×</span>' +
- '</li>'
- );
- return $container;
- };
- MultipleSelection.prototype.update = function (data) {
- this.clear();
- if (data.length === 0) {
- return;
- }
- var $selections = [];
- for (var d = 0; d < data.length; d++) {
- var selection = data[d];
- var formatted = this.display(selection);
- var $selection = this.selectionContainer();
- $selection.append(formatted);
- $selection.data('data', selection);
- $selections.push($selection);
- }
- this.$selection.find('.rendered-selection').append($selections);
- };
- return MultipleSelection;
- });
- define('select2/selection/placeholder',[
- '../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;
- };
- 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();
- var $placeholder = this.selectionContainer();
- $placeholder.html(this.display(this.placeholder));
- $placeholder.addClass('placeholder').removeClass('choice');
- this.$selection.find('.rendered-selection').append($placeholder);
- };
- return Placeholder;
- });
- define('select2/data/base',[
- '../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.');
- };
- BaseAdapter.prototype.bind = function (container, $container) {
- // Can be implemented in subclasses
- };
- BaseAdapter.prototype.generateResultId = function (container, data) {
- var id = container.id + '-result-';
- id += Utils.generateChars(4);
- if (data.id != null) {
- id += '-' + data.id.toString();
- } else {
- id += '-' + Utils.generateChars(4);
- }
- return id;
- };
- return BaseAdapter;
- });
- define('select2/data/select',[
- './base',
- '../utils',
- 'jquery'
- ], function (BaseAdapter, Utils, $) {
- function SelectAdapter ($element, options) {
- this.$element = $element;
- 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;
- // Create items marked as tags
- if (data._tag === true) {
- // Clear the tag flag from it
- delete data._tag;
- // Create and add the option
- var $option = this.option(data);
- this.$element.append($option);
- }
- 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++) {
- id = data[d].id;
- if (val.indexOf(id) === -1) {
- 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;
- }
- this.current(function (currentData) {
- var val = [];
- for (var d = 0; d < currentData.length; d++) {
- id = currentData[d].id;
- if (id !== data.id && val.indexOf(id) === -1) {
- val.push(id);
- }
- }
- self.$element.val(val);
- self.$element.trigger('change');
- });
- };
- SelectAdapter.prototype.bind = function (container, $container) {
- var self = this;
- this.container = container;
- container.on('select', function (params) {
- self.select(params.data);
- });
- container.on('unselect', function (params) {
- self.unselect(params.data);
- });
- };
- SelectAdapter.prototype.query = function (params, callback) {
- var data = [];
- var self = this;
- var $options = this.$element.children();
- $options.each(function () {
- var $option = $(this);
- if (!$option.is('option') && !$option.is('optgroup')) {
- return;
- }
- var option = self.item($option);
- var matches = self.matches(params, option);
- if (matches !== null) {
- data.push(matches);
- }
- });
- callback(data);
- };
- SelectAdapter.prototype.option = function (data) {
- var $option = $('<option></option>');
- $option.text(data.text);
- $option.val(data.id);
- $option.prop('disabled', data.disabled || false);
- // Get any automatically generated data values
- var detectedData = this.item($option);
- // Merge it with the already present data
- var combinedData = $.extend({}, data, detectedData);
- // Override the option's data with the combined data
- $option.data('data', combinedData);
- return $option;
- };
- SelectAdapter.prototype.item = function ($option) {
- var data = $option.data('data');
- // If the data has already be generated, use it
- if (data == null) {
- if ($option.is('option')) {
- data = {
- id: $option.val(),
- text: $option.html(),
- disabled: $option.prop('disabled')
- };
- } else if ($option.is('optgroup')) {
- data = {
- text: $option.attr('label'),
- children: []
- };
- var $children = $option.children('option');
- var children = [];
- for (var c = 0; c < $children.length; c++) {
- var $child = $($children[c]);
- var child = this.item($child);
- children.push(child);
- }
- data.children = children;
- }
- if (data.id && this.container != null) {
- data._resultId = this.generateResultId(this.container, data);
- }
- $option.data('data', data);
- }
- return data;
- };
- SelectAdapter.prototype.matches = function (params, data) {
- var match = $.extend(true, {}, data);
- if (data.children) {
- for (var c = data.children.length - 1; c >= 0; c--) {
- var child = data.children[c];
- var matches = this.matches(params, child);
- // If there wasn't a match, remove the object in the array
- if (matches === null) {
- match.children.splice(c, 1);
- }
- }
- if (match.children.length > 0) {
- return match;
- }
- }
- if ($.trim(params.term) === '') {
- return match;
- }
- if (data.text.toUpperCase().indexOf(params.term.toUpperCase()) > -1) {
- return match;
- }
- return null;
- };
- return SelectAdapter;
- });
- define('select2/data/array',[
- './select',
- '../utils',
- 'jquery'
- ], function (SelectAdapter, Utils, $) {
- function ArrayAdapter ($element, options) {
- this.data = options.get('data');
- ArrayAdapter.__super__.constructor.call(this, $element, options);
- }
- Utils.Extend(ArrayAdapter, SelectAdapter);
- ArrayAdapter.prototype.select = function (data) {
- var self = this;
- this.$element.find('option').each(function () {
- var $option = $(this);
- var option = self.item($option);
- if (option.id == data.id.toString()) {
- $option.remove();
- }
- });
- var $option = this.option(data);
- this.$element.append($option);
- ArrayAdapter.__super__.select.call(this, data);
- };
- ArrayAdapter.prototype.query = function (params, callback) {
- var matches = [];
- var self = this;
- $.each(this.data, function () {
- var option = this;
- if (self.matches(params, option)) {
- matches.push(option);
- }
- });
- callback(matches);
- };
- return ArrayAdapter;
- });
- define('select2/data/ajax',[
- './array',
- '../utils',
- 'jquery'
- ], function (ArrayAdapter, Utils, $) {
- function AjaxAdapter ($element, options) {
- this.ajaxOptions = options.get('ajax');
- this.processResults = this.ajaxOptions.processResults ||
- function (results) {
- return results;
- };
- ArrayAdapter.__super__.constructor.call(this, $element, options);
- }
- Utils.Extend(AjaxAdapter, ArrayAdapter);
- AjaxAdapter.prototype.query = function (params, callback) {
- var matches = [];
- var self = this;
- var options = $.extend({
- type: 'GET'
- }, this.ajaxOptions);
- if (typeof options.url === 'function') {
- options.url = options.url(params);
- }
- if (typeof options.data === 'function') {
- options.data = options.data(params);
- }
- var $request = $.ajax(options);
- $request.success(function (data) {
- var results = self.processResults(data);
- callback(results);
- });
- };
- return AjaxAdapter;
- });
- define('select2/data/tags',[
- ], function () {
- function Tags (decorated, $element, options) {
- var tags = options.get('tags');
- decorated.call(this, $element, options);
- }
- Tags.prototype.query = function (decorated, params, callback) {
- var self = this;
- if (params.term == null || params.term === '' || params.page != null) {
- decorated.call(this, params, callback);
- return;
- }
- function wrapper (data, child) {
- for (var i = 0; i < data.length; i++) {
- var option = data[i];
- var checkChildren = (
- option.children != null && !wrapper(option.children, true)
- );
- var checkText = option.text === params.term;
- if (checkText || checkChildren) {
- if (child) {
- return false;
- }
- callback(data);
- return;
- }
- }
- if (child) {
- return true;
- }
- var tag = self.createTag(params);
- tag._tag = true;
- data.unshift(tag);
- callback(data);
- }
- decorated.call(this, params, wrapper);
- };
- Tags.prototype.createTag = function (decorated, params) {
- return {
- id: params.term,
- text: params.term
- };
- };
- return Tags;
- });
- define('select2/dropdown',[
- './utils'
- ], function (Utils) {
- function Dropdown ($element, options) {
- this.$element = $element;
- }
- Utils.Extend(Dropdown, Utils.Observable);
- Dropdown.prototype.render = function () {
- var $dropdown = $(
- '<span class="dropdown">' +
- '<span class="results"></span>' +
- '</span>'
- );
- return $dropdown;
- };
- Dropdown.prototype.bind = function (container, $container) {
- // Can be implemented in subclasses
- };
- return Dropdown;
- });
- define('select2/dropdown/search',[
- ], function () {
- function Search () { }
- Search.prototype.render = function (decorated) {
- var $rendered = decorated.call(this);
- var $search = $(
- '<span class="search">' +
- '<input type="search" name="search" tabindex="-1" role="textbox" />' +
- '</span>'
- );
- this.$searchContainer = $search;
- this.$search = $search.find('input');
- $rendered.prepend($search);
- return $rendered;
- };
- Search.prototype.bind = function (decorated, container, $container) {
- var self = this;
- decorated.call(this, container, $container);
- this.$search.on('keyup', function () {
- container.trigger('query', {
- term: $(this).val()
- });
- });
- container.on('open', function () {
- self.$search.attr('tabindex', 0);
- });
- container.on('close', function () {
- self.$search.attr('tabindex', -1);
- });
- container.on('results:all', function (params) {
- if (params.query.term == null || params.query.term === '') {
- var showSearch = self.showSearch(params);
- if (showSearch) {
- self.$searchContainer.show();
- } else {
- self.$searchContainer.hide();
- }
- }
- });
- };
- Search.prototype.showSearch = function (params) {
- return true;
- };
- return Search;
- });
- define('select2/defaults',[
- './results',
- './selection/single',
- './selection/multiple',
- './selection/placeholder',
- './utils',
- './data/select',
- './data/array',
- './data/ajax',
- './data/tags',
- './dropdown',
- './dropdown/search'
- ], function (ResultsList,
- SingleSelection, MultipleSelection, Placeholder,
- Utils,
- SelectData, ArrayData, AjaxData, Tags,
- Dropdown, Search) {
- function Defaults () {
- this.reset();
- }
- Defaults.prototype.apply = function (options) {
- options = $.extend({}, options, this.defaults);
- if (options.dataAdapter == null) {
- if (options.ajax) {
- options.dataAdapter = AjaxData;
- } else if (options.data) {
- options.dataAdapter = ArrayData;
- } else {
- options.dataAdapter = SelectData;
- }
- }
- if (options.tags != null) {
- options.dataAdapter = Utils.Decorate(options.dataAdapter, Tags);
- }
- if (options.resultsAdapter == null) {
- options.resultsAdapter = ResultsList;
- }
- if (options.dropdownAdapter == null) {
- var SearchableDropdown = Utils.Decorate(Dropdown, Search);
- options.dropdownAdapter = SearchableDropdown;
- }
- if (options.selectionAdapter == null) {
- if (options.multiple) {
- options.selectionAdapter = MultipleSelection;
- } else {
- options.selectionAdapter = SingleSelection;
- }
- // Add the placeholder mixin if a placeholder was specified
- if (options.placeholder != null) {
- options.selectionAdapter = Utils.Decorate(
- options.selectionAdapter,
- Placeholder
- );
- }
- }
- return options;
- };
- Defaults.prototype.reset = function () {
- this.defaults = { };
- };
- var defaults = new Defaults();
- return defaults;
- });
- define('select2/options',[
- './defaults'
- ], function (Defaults) {
- function Options (options) {
- this.options = Defaults.apply(options);
- }
- Options.prototype.fromElement = function ($e) {
- return this;
- };
- Options.prototype.get = function (key) {
- return this.options[key];
- };
- Options.prototype.set = function (key, val) {
- this.options[key] = val;
- };
- return Options;
- });
- define('select2/core',[
- 'jquery',
- './options',
- './utils'
- ], function ($, Options, Utils) {
- var Select2 = function ($element, options) {
- this.$element = $element;
- if ($element.attr('id') != null) {
- this.id = $element.attr('id');
- } else if ($element.attr('name') != null) {
- this.id = $element.attr('name') + '-' + Utils.generateChars(2);
- } else {
- this.id = Utils.generateChars(4);
- }
- this.id = 'select2-' + this.id;
- options = options || {};
- options.multiple = options.multiple || $element.prop('multiple');
- this.options = new Options(options);
- Select2.__super__.constructor.call(this);
- // Set up containers and adapters
- var DataAdapter = this.options.get('dataAdapter');
- this.data = new DataAdapter($element, this.options);
- var $container = this.render();
- this.$container = $container;
- $container.insertAfter(this.$element);
- $container.width($element.outerWidth(false));
- var SelectionAdapter = this.options.get('selectionAdapter');
- this.selection = new SelectionAdapter($element, this.options);
- var $selectionContainer = $container.find('.selection');
- var $selection = this.selection.render();
- $selectionContainer.append($selection);
- var DropdownAdapter = this.options.get('dropdownAdapter');
- this.dropdown = new DropdownAdapter($element, this.options);
- var $dropdownContainer = $container.find('.dropdown-wrapper');
- var $dropdown = this.dropdown.render();
- $dropdownContainer.append($dropdown);
- var ResultsAdapter = this.options.get('resultsAdapter');
- this.results = new ResultsAdapter($element, this.options, this.data);
- var $resultsContainer = $dropdown.find('.results');
- var $results = this.results.render();
- $resultsContainer.append($results);
- // Bind events
- var self = this;
- this.data.bind(this, $container);
- this.selection.bind(this, $container);
- this.dropdown.bind(this, $container);
- this.results.bind(this, $container);
- this.$element.on('change', function () {
- self.data.current(function (data) {
- self.trigger('selection:update', {
- data: data
- });
- });
- });
- this.selection.on('open', function () {
- self.open();
- });
- this.selection.on('close', function () {
- self.close();
- });
- this.selection.on('toggle', function () {
- self.toggleDropdown();
- });
- this.selection.on('results:select', function () {
- self.trigger('results:select');
- });
- this.selection.on('results:previous', function () {
- self.trigger('results:previous');
- });
- this.selection.on('results:next', function () {
- self.trigger('results:next');
- });
- this.selection.on('unselected', function (params) {
- self.trigger('unselect', params);
- self.close();
- });
- this.results.on('selected', function (params) {
- self.trigger('select', params);
- self.close();
- });
- this.results.on('unselected', function (params) {
- self.trigger('unselect', params);
- self.close();
- });
- this.results.on('results:focus', function (params) {
- self.trigger('results:focus', params);
- });
- this.on('open', function () {
- $container.addClass('open');
- });
- this.on('close', function () {
- $container.removeClass('open');
- });
- // Set the initial state
- this.data.current(function (initialData) {
- self.trigger('selection:update', {
- data: initialData
- });
- });
- this.on('query', function (params) {
- this.data.query(params, function (data) {
- self.trigger('results:all', {
- data: data,
- query: params
- });
- });
- });
- this.trigger('query', {});
- // Hide the original select
- $element.hide();
- $element.attr('tabindex', '-1');
- $element.data('select2', this);
- };
- Utils.Extend(Select2, Utils.Observable);
- Select2.prototype.toggleDropdown = function () {
- if (this.isOpen()) {
- this.close();
- } else {
- this.open();
- }
- };
- Select2.prototype.open = function () {
- if (this.isOpen()) {
- return;
- }
- this.trigger('open');
- };
- Select2.prototype.close = function () {
- if (!this.isOpen()) {
- return;
- }
- this.trigger('close');
- };
- Select2.prototype.isOpen = function () {
- return this.$container.hasClass('open');
- };
- Select2.prototype.render = function () {
- var $container = $(
- '<span class="select2 select2-container select2-theme-default">' +
- '<span class="selection"></span>' +
- '<span class="dropdown-wrapper" aria-hidden="true"></span>' +
- '</span>'
- );
- return $container;
- };
- return Select2;
- });
- define('jquery.select2',[
- 'jquery',
- 'select2/core'
- ], function ($, Select2) {
- if ($.fn.select2 == null) {
- $.fn.select2 = function (options) {
- options = options || {};
- if (typeof options === 'object') {
- this.each(function () {
- var instance = new Select2($(this), options);
- });
- } else if (typeof options === 'string') {
- var instance = this.data('select2');
- var args = Array.prototype.slice.call(arguments, 1);
- instance[options](args);
- } else {
- throw new Error('Invalid arguments for Select2: ' + options);
- }
- };
- }
- return Select2;
- });
- require('jquery.select2'); $.fn.select2.amd = { define: define, require: require };}());
|