Fixed bug #4014
This commit is contained in:
Nadim Afana
parent
07aa8a45b0
commit
54e126a664
@ -1,57 +1,58 @@
|
||||
define([
|
||||
'jquery',
|
||||
'jquery-mousewheel',
|
||||
|
||||
'./select2/core',
|
||||
'./select2/defaults'
|
||||
], function ($, _, Select2, Defaults) {
|
||||
if ($.fn.select2 == null) {
|
||||
// All methods that should return the element
|
||||
var thisMethods = ['open', 'close', 'destroy'];
|
||||
|
||||
$.fn.select2 = function (options) {
|
||||
options = options || {};
|
||||
|
||||
if (typeof options === 'object') {
|
||||
this.each(function () {
|
||||
var instanceOptions = $.extend(true, {}, options);
|
||||
|
||||
var instance = new Select2($(this), instanceOptions);
|
||||
});
|
||||
|
||||
return this;
|
||||
} else if (typeof options === 'string') {
|
||||
var ret;
|
||||
var args = Array.prototype.slice.call(arguments, 1);
|
||||
|
||||
this.each(function () {
|
||||
var instance = $(this).data('select2');
|
||||
|
||||
if (instance == null && window.console && console.error) {
|
||||
console.error(
|
||||
'The select2(\'' + options + '\') method was called on an ' +
|
||||
'element that is not using Select2.'
|
||||
);
|
||||
}
|
||||
|
||||
ret = instance[options].apply(instance, args);
|
||||
});
|
||||
|
||||
// Check if we should be returning `this`
|
||||
if ($.inArray(options, thisMethods) > -1) {
|
||||
return this;
|
||||
}
|
||||
|
||||
return ret;
|
||||
} else {
|
||||
throw new Error('Invalid arguments for Select2: ' + options);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
if ($.fn.select2.defaults == null) {
|
||||
$.fn.select2.defaults = Defaults;
|
||||
}
|
||||
|
||||
return Select2;
|
||||
});
|
||||
define([
|
||||
'jquery',
|
||||
'jquery-mousewheel',
|
||||
|
||||
'./select2/core',
|
||||
'./select2/defaults',
|
||||
'./select2/utils'
|
||||
], function ($, _, Select2, Defaults, Utils) {
|
||||
if ($.fn.select2 == null) {
|
||||
// All methods that should return the element
|
||||
var thisMethods = ['open', 'close', 'destroy'];
|
||||
|
||||
$.fn.select2 = function (options) {
|
||||
options = options || {};
|
||||
|
||||
if (typeof options === 'object') {
|
||||
this.each(function () {
|
||||
var instanceOptions = $.extend(true, {}, options);
|
||||
|
||||
var instance = new Select2($(this), instanceOptions);
|
||||
});
|
||||
|
||||
return this;
|
||||
} else if (typeof options === 'string') {
|
||||
var ret;
|
||||
var args = Array.prototype.slice.call(arguments, 1);
|
||||
|
||||
this.each(function () {
|
||||
var instance = Utils.GetData(this, 'select2');
|
||||
|
||||
if (instance == null && window.console && console.error) {
|
||||
console.error(
|
||||
'The select2(\'' + options + '\') method was called on an ' +
|
||||
'element that is not using Select2.'
|
||||
);
|
||||
}
|
||||
|
||||
ret = instance[options].apply(instance, args);
|
||||
});
|
||||
|
||||
// Check if we should be returning `this`
|
||||
if ($.inArray(options, thisMethods) > -1) {
|
||||
return this;
|
||||
}
|
||||
|
||||
return ret;
|
||||
} else {
|
||||
throw new Error('Invalid arguments for Select2: ' + options);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
if ($.fn.select2.defaults == null) {
|
||||
$.fn.select2.defaults = Defaults;
|
||||
}
|
||||
|
||||
return Select2;
|
||||
});
|
||||
|
||||
1101
src/js/select2/core.js
vendored
1101
src/js/select2/core.js
vendored
File diff suppressed because it is too large
Load Diff
570
src/js/select2/data/select.js
vendored
570
src/js/select2/data/select.js
vendored
@ -1,285 +1,285 @@
|
||||
define([
|
||||
'./base',
|
||||
'../utils',
|
||||
'jquery'
|
||||
], function (BaseAdapter, Utils, $) {
|
||||
function SelectAdapter ($element, options) {
|
||||
this.$element = $element;
|
||||
this.options = options;
|
||||
|
||||
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;
|
||||
|
||||
data.selected = true;
|
||||
|
||||
// If data.element is a DOM node, use it instead
|
||||
if ($(data.element).is('option')) {
|
||||
data.element.selected = true;
|
||||
|
||||
this.$element.trigger('change');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
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++) {
|
||||
var id = data[d].id;
|
||||
|
||||
if ($.inArray(id, val) === -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;
|
||||
}
|
||||
|
||||
data.selected = false;
|
||||
|
||||
if ($(data.element).is('option')) {
|
||||
data.element.selected = false;
|
||||
|
||||
this.$element.trigger('change');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
this.current(function (currentData) {
|
||||
var val = [];
|
||||
|
||||
for (var d = 0; d < currentData.length; d++) {
|
||||
var id = currentData[d].id;
|
||||
|
||||
if (id !== data.id && $.inArray(id, val) === -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.destroy = function () {
|
||||
// Remove anything added to child elements
|
||||
this.$element.find('*').each(function () {
|
||||
// Remove any custom data set by Select2
|
||||
$.removeData(this, '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({
|
||||
results: data
|
||||
});
|
||||
};
|
||||
|
||||
SelectAdapter.prototype.addOptions = function ($options) {
|
||||
Utils.appendMany(this.$element, $options);
|
||||
};
|
||||
|
||||
SelectAdapter.prototype.option = function (data) {
|
||||
var option;
|
||||
|
||||
if (data.children) {
|
||||
option = document.createElement('optgroup');
|
||||
option.label = data.text;
|
||||
} else {
|
||||
option = document.createElement('option');
|
||||
|
||||
if (option.textContent !== undefined) {
|
||||
option.textContent = data.text;
|
||||
} else {
|
||||
option.innerText = data.text;
|
||||
}
|
||||
}
|
||||
|
||||
if (data.id) {
|
||||
option.value = data.id;
|
||||
}
|
||||
|
||||
if (data.disabled) {
|
||||
option.disabled = true;
|
||||
}
|
||||
|
||||
if (data.selected) {
|
||||
option.selected = true;
|
||||
}
|
||||
|
||||
if (data.title) {
|
||||
option.title = data.title;
|
||||
}
|
||||
|
||||
var $option = $(option);
|
||||
|
||||
var normalizedData = this._normalizeItem(data);
|
||||
normalizedData.element = option;
|
||||
|
||||
// Override the option's data with the combined data
|
||||
$.data(option, 'data', normalizedData);
|
||||
|
||||
return $option;
|
||||
};
|
||||
|
||||
SelectAdapter.prototype.item = function ($option) {
|
||||
var data = {};
|
||||
|
||||
data = $.data($option[0], 'data');
|
||||
|
||||
if (data != null) {
|
||||
return data;
|
||||
}
|
||||
|
||||
if ($option.is('option')) {
|
||||
data = {
|
||||
id: $option.val(),
|
||||
text: $option.text(),
|
||||
disabled: $option.prop('disabled'),
|
||||
selected: $option.prop('selected'),
|
||||
title: $option.prop('title')
|
||||
};
|
||||
} else if ($option.is('optgroup')) {
|
||||
data = {
|
||||
text: $option.prop('label'),
|
||||
children: [],
|
||||
title: $option.prop('title')
|
||||
};
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
data = this._normalizeItem(data);
|
||||
data.element = $option[0];
|
||||
|
||||
$.data($option[0], 'data', data);
|
||||
|
||||
return data;
|
||||
};
|
||||
|
||||
SelectAdapter.prototype._normalizeItem = function (item) {
|
||||
if (!$.isPlainObject(item)) {
|
||||
item = {
|
||||
id: item,
|
||||
text: item
|
||||
};
|
||||
}
|
||||
|
||||
item = $.extend({}, {
|
||||
text: ''
|
||||
}, item);
|
||||
|
||||
var defaults = {
|
||||
selected: false,
|
||||
disabled: false
|
||||
};
|
||||
|
||||
if (item.id != null) {
|
||||
item.id = item.id.toString();
|
||||
}
|
||||
|
||||
if (item.text != null) {
|
||||
item.text = item.text.toString();
|
||||
}
|
||||
|
||||
if (item._resultId == null && item.id && this.container != null) {
|
||||
item._resultId = this.generateResultId(this.container, item);
|
||||
}
|
||||
|
||||
return $.extend({}, defaults, item);
|
||||
};
|
||||
|
||||
SelectAdapter.prototype.matches = function (params, data) {
|
||||
var matcher = this.options.get('matcher');
|
||||
|
||||
return matcher(params, data);
|
||||
};
|
||||
|
||||
return SelectAdapter;
|
||||
});
|
||||
define([
|
||||
'./base',
|
||||
'../utils',
|
||||
'jquery'
|
||||
], function (BaseAdapter, Utils, $) {
|
||||
function SelectAdapter ($element, options) {
|
||||
this.$element = $element;
|
||||
this.options = options;
|
||||
|
||||
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;
|
||||
|
||||
data.selected = true;
|
||||
|
||||
// If data.element is a DOM node, use it instead
|
||||
if ($(data.element).is('option')) {
|
||||
data.element.selected = true;
|
||||
|
||||
this.$element.trigger('change');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
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++) {
|
||||
var id = data[d].id;
|
||||
|
||||
if ($.inArray(id, val) === -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;
|
||||
}
|
||||
|
||||
data.selected = false;
|
||||
|
||||
if ($(data.element).is('option')) {
|
||||
data.element.selected = false;
|
||||
|
||||
this.$element.trigger('change');
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
this.current(function (currentData) {
|
||||
var val = [];
|
||||
|
||||
for (var d = 0; d < currentData.length; d++) {
|
||||
var id = currentData[d].id;
|
||||
|
||||
if (id !== data.id && $.inArray(id, val) === -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.destroy = function () {
|
||||
// Remove anything added to child elements
|
||||
this.$element.find('*').each(function () {
|
||||
// Remove any custom data set by Select2
|
||||
Utils.RemoveData(this);
|
||||
});
|
||||
};
|
||||
|
||||
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({
|
||||
results: data
|
||||
});
|
||||
};
|
||||
|
||||
SelectAdapter.prototype.addOptions = function ($options) {
|
||||
Utils.appendMany(this.$element, $options);
|
||||
};
|
||||
|
||||
SelectAdapter.prototype.option = function (data) {
|
||||
var option;
|
||||
|
||||
if (data.children) {
|
||||
option = document.createElement('optgroup');
|
||||
option.label = data.text;
|
||||
} else {
|
||||
option = document.createElement('option');
|
||||
|
||||
if (option.textContent !== undefined) {
|
||||
option.textContent = data.text;
|
||||
} else {
|
||||
option.innerText = data.text;
|
||||
}
|
||||
}
|
||||
|
||||
if (data.id) {
|
||||
option.value = data.id;
|
||||
}
|
||||
|
||||
if (data.disabled) {
|
||||
option.disabled = true;
|
||||
}
|
||||
|
||||
if (data.selected) {
|
||||
option.selected = true;
|
||||
}
|
||||
|
||||
if (data.title) {
|
||||
option.title = data.title;
|
||||
}
|
||||
|
||||
var $option = $(option);
|
||||
|
||||
var normalizedData = this._normalizeItem(data);
|
||||
normalizedData.element = option;
|
||||
|
||||
// Override the option's data with the combined data
|
||||
Utils.StoreData(option, 'data', normalizedData);
|
||||
|
||||
return $option;
|
||||
};
|
||||
|
||||
SelectAdapter.prototype.item = function ($option) {
|
||||
var data = {};
|
||||
|
||||
data = Utils.GetData($option[0], 'data');
|
||||
|
||||
if (data != null) {
|
||||
return data;
|
||||
}
|
||||
|
||||
if ($option.is('option')) {
|
||||
data = {
|
||||
id: $option.val(),
|
||||
text: $option.text(),
|
||||
disabled: $option.prop('disabled'),
|
||||
selected: $option.prop('selected'),
|
||||
title: $option.prop('title')
|
||||
};
|
||||
} else if ($option.is('optgroup')) {
|
||||
data = {
|
||||
text: $option.prop('label'),
|
||||
children: [],
|
||||
title: $option.prop('title')
|
||||
};
|
||||
|
||||
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;
|
||||
}
|
||||
|
||||
data = this._normalizeItem(data);
|
||||
data.element = $option[0];
|
||||
|
||||
Utils.StoreData($option[0], 'data', data);
|
||||
|
||||
return data;
|
||||
};
|
||||
|
||||
SelectAdapter.prototype._normalizeItem = function (item) {
|
||||
if (!$.isPlainObject(item)) {
|
||||
item = {
|
||||
id: item,
|
||||
text: item
|
||||
};
|
||||
}
|
||||
|
||||
item = $.extend({}, {
|
||||
text: ''
|
||||
}, item);
|
||||
|
||||
var defaults = {
|
||||
selected: false,
|
||||
disabled: false
|
||||
};
|
||||
|
||||
if (item.id != null) {
|
||||
item.id = item.id.toString();
|
||||
}
|
||||
|
||||
if (item.text != null) {
|
||||
item.text = item.text.toString();
|
||||
}
|
||||
|
||||
if (item._resultId == null && item.id && this.container != null) {
|
||||
item._resultId = this.generateResultId(this.container, item);
|
||||
}
|
||||
|
||||
return $.extend({}, defaults, item);
|
||||
};
|
||||
|
||||
SelectAdapter.prototype.matches = function (params, data) {
|
||||
var matcher = this.options.get('matcher');
|
||||
|
||||
return matcher(params, data);
|
||||
};
|
||||
|
||||
return SelectAdapter;
|
||||
});
|
||||
|
||||
444
src/js/select2/dropdown/attachBody.js
vendored
444
src/js/select2/dropdown/attachBody.js
vendored
@ -1,222 +1,222 @@
|
||||
define([
|
||||
'jquery',
|
||||
'../utils'
|
||||
], function ($, Utils) {
|
||||
function AttachBody (decorated, $element, options) {
|
||||
this.$dropdownParent = options.get('dropdownParent') || $(document.body);
|
||||
|
||||
decorated.call(this, $element, options);
|
||||
}
|
||||
|
||||
AttachBody.prototype.bind = function (decorated, container, $container) {
|
||||
var self = this;
|
||||
|
||||
var setupResultsEvents = false;
|
||||
|
||||
decorated.call(this, container, $container);
|
||||
|
||||
container.on('open', function () {
|
||||
self._showDropdown();
|
||||
self._attachPositioningHandler(container);
|
||||
|
||||
if (!setupResultsEvents) {
|
||||
setupResultsEvents = true;
|
||||
|
||||
container.on('results:all', function () {
|
||||
self._positionDropdown();
|
||||
self._resizeDropdown();
|
||||
});
|
||||
|
||||
container.on('results:append', function () {
|
||||
self._positionDropdown();
|
||||
self._resizeDropdown();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
container.on('close', function () {
|
||||
self._hideDropdown();
|
||||
self._detachPositioningHandler(container);
|
||||
});
|
||||
|
||||
this.$dropdownContainer.on('mousedown', function (evt) {
|
||||
evt.stopPropagation();
|
||||
});
|
||||
};
|
||||
|
||||
AttachBody.prototype.destroy = function (decorated) {
|
||||
decorated.call(this);
|
||||
|
||||
this.$dropdownContainer.remove();
|
||||
};
|
||||
|
||||
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({
|
||||
position: 'absolute',
|
||||
top: -999999
|
||||
});
|
||||
|
||||
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();
|
||||
};
|
||||
|
||||
AttachBody.prototype._attachPositioningHandler =
|
||||
function (decorated, container) {
|
||||
var self = this;
|
||||
|
||||
var scrollEvent = 'scroll.select2.' + container.id;
|
||||
var resizeEvent = 'resize.select2.' + container.id;
|
||||
var orientationEvent = 'orientationchange.select2.' + container.id;
|
||||
|
||||
var $watchers = this.$container.parents().filter(Utils.hasScroll);
|
||||
$watchers.each(function () {
|
||||
$(this).data('select2-scroll-position', {
|
||||
x: $(this).scrollLeft(),
|
||||
y: $(this).scrollTop()
|
||||
});
|
||||
});
|
||||
|
||||
$watchers.on(scrollEvent, function (ev) {
|
||||
var position = $(this).data('select2-scroll-position');
|
||||
$(this).scrollTop(position.y);
|
||||
});
|
||||
|
||||
$(window).on(scrollEvent + ' ' + resizeEvent + ' ' + orientationEvent,
|
||||
function (e) {
|
||||
self._positionDropdown();
|
||||
self._resizeDropdown();
|
||||
});
|
||||
};
|
||||
|
||||
AttachBody.prototype._detachPositioningHandler =
|
||||
function (decorated, container) {
|
||||
var scrollEvent = 'scroll.select2.' + container.id;
|
||||
var resizeEvent = 'resize.select2.' + container.id;
|
||||
var orientationEvent = 'orientationchange.select2.' + container.id;
|
||||
|
||||
var $watchers = this.$container.parents().filter(Utils.hasScroll);
|
||||
$watchers.off(scrollEvent);
|
||||
|
||||
$(window).off(scrollEvent + ' ' + resizeEvent + ' ' + orientationEvent);
|
||||
};
|
||||
|
||||
AttachBody.prototype._positionDropdown = function () {
|
||||
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;
|
||||
|
||||
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
|
||||
};
|
||||
|
||||
// Determine what the parent element is to use for calciulating the offset
|
||||
var $offsetParent = this.$dropdownParent;
|
||||
|
||||
// For statically positoned elements, we need to get the element
|
||||
// that is determining the offset
|
||||
if ($offsetParent.css('position') === 'static') {
|
||||
$offsetParent = $offsetParent.offsetParent();
|
||||
}
|
||||
|
||||
var parentOffset = $offsetParent.offset();
|
||||
|
||||
css.top -= parentOffset.top;
|
||||
css.left -= parentOffset.left;
|
||||
|
||||
if (!isCurrentlyAbove && !isCurrentlyBelow) {
|
||||
newDirection = 'below';
|
||||
}
|
||||
|
||||
if (!enoughRoomBelow && enoughRoomAbove && !isCurrentlyAbove) {
|
||||
newDirection = 'above';
|
||||
} else if (!enoughRoomAbove && enoughRoomBelow && isCurrentlyAbove) {
|
||||
newDirection = 'below';
|
||||
}
|
||||
|
||||
if (newDirection == 'above' ||
|
||||
(isCurrentlyAbove && newDirection !== 'below')) {
|
||||
css.top = container.top - parentOffset.top - dropdown.height;
|
||||
}
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
this.$dropdownContainer.css(css);
|
||||
};
|
||||
|
||||
AttachBody.prototype._resizeDropdown = function () {
|
||||
var css = {
|
||||
width: this.$container.outerWidth(false) + 'px'
|
||||
};
|
||||
|
||||
if (this.options.get('dropdownAutoWidth')) {
|
||||
css.minWidth = css.width;
|
||||
css.position = 'relative';
|
||||
css.width = 'auto';
|
||||
}
|
||||
|
||||
this.$dropdown.css(css);
|
||||
};
|
||||
|
||||
AttachBody.prototype._showDropdown = function (decorated) {
|
||||
this.$dropdownContainer.appendTo(this.$dropdownParent);
|
||||
|
||||
this._positionDropdown();
|
||||
this._resizeDropdown();
|
||||
};
|
||||
|
||||
return AttachBody;
|
||||
});
|
||||
define([
|
||||
'jquery',
|
||||
'../utils'
|
||||
], function ($, Utils) {
|
||||
function AttachBody (decorated, $element, options) {
|
||||
this.$dropdownParent = options.get('dropdownParent') || $(document.body);
|
||||
|
||||
decorated.call(this, $element, options);
|
||||
}
|
||||
|
||||
AttachBody.prototype.bind = function (decorated, container, $container) {
|
||||
var self = this;
|
||||
|
||||
var setupResultsEvents = false;
|
||||
|
||||
decorated.call(this, container, $container);
|
||||
|
||||
container.on('open', function () {
|
||||
self._showDropdown();
|
||||
self._attachPositioningHandler(container);
|
||||
|
||||
if (!setupResultsEvents) {
|
||||
setupResultsEvents = true;
|
||||
|
||||
container.on('results:all', function () {
|
||||
self._positionDropdown();
|
||||
self._resizeDropdown();
|
||||
});
|
||||
|
||||
container.on('results:append', function () {
|
||||
self._positionDropdown();
|
||||
self._resizeDropdown();
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
container.on('close', function () {
|
||||
self._hideDropdown();
|
||||
self._detachPositioningHandler(container);
|
||||
});
|
||||
|
||||
this.$dropdownContainer.on('mousedown', function (evt) {
|
||||
evt.stopPropagation();
|
||||
});
|
||||
};
|
||||
|
||||
AttachBody.prototype.destroy = function (decorated) {
|
||||
decorated.call(this);
|
||||
|
||||
this.$dropdownContainer.remove();
|
||||
};
|
||||
|
||||
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({
|
||||
position: 'absolute',
|
||||
top: -999999
|
||||
});
|
||||
|
||||
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();
|
||||
};
|
||||
|
||||
AttachBody.prototype._attachPositioningHandler =
|
||||
function (decorated, container) {
|
||||
var self = this;
|
||||
|
||||
var scrollEvent = 'scroll.select2.' + container.id;
|
||||
var resizeEvent = 'resize.select2.' + container.id;
|
||||
var orientationEvent = 'orientationchange.select2.' + container.id;
|
||||
|
||||
var $watchers = this.$container.parents().filter(Utils.hasScroll);
|
||||
$watchers.each(function () {
|
||||
Utils.StoreData(this, 'select2-scroll-position', {
|
||||
x: $(this).scrollLeft(),
|
||||
y: $(this).scrollTop()
|
||||
});
|
||||
});
|
||||
|
||||
$watchers.on(scrollEvent, function (ev) {
|
||||
var position = Utils.GetData(this, 'select2-scroll-position');
|
||||
$(this).scrollTop(position.y);
|
||||
});
|
||||
|
||||
$(window).on(scrollEvent + ' ' + resizeEvent + ' ' + orientationEvent,
|
||||
function (e) {
|
||||
self._positionDropdown();
|
||||
self._resizeDropdown();
|
||||
});
|
||||
};
|
||||
|
||||
AttachBody.prototype._detachPositioningHandler =
|
||||
function (decorated, container) {
|
||||
var scrollEvent = 'scroll.select2.' + container.id;
|
||||
var resizeEvent = 'resize.select2.' + container.id;
|
||||
var orientationEvent = 'orientationchange.select2.' + container.id;
|
||||
|
||||
var $watchers = this.$container.parents().filter(Utils.hasScroll);
|
||||
$watchers.off(scrollEvent);
|
||||
|
||||
$(window).off(scrollEvent + ' ' + resizeEvent + ' ' + orientationEvent);
|
||||
};
|
||||
|
||||
AttachBody.prototype._positionDropdown = function () {
|
||||
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;
|
||||
|
||||
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
|
||||
};
|
||||
|
||||
// Determine what the parent element is to use for calciulating the offset
|
||||
var $offsetParent = this.$dropdownParent;
|
||||
|
||||
// For statically positoned elements, we need to get the element
|
||||
// that is determining the offset
|
||||
if ($offsetParent.css('position') === 'static') {
|
||||
$offsetParent = $offsetParent.offsetParent();
|
||||
}
|
||||
|
||||
var parentOffset = $offsetParent.offset();
|
||||
|
||||
css.top -= parentOffset.top;
|
||||
css.left -= parentOffset.left;
|
||||
|
||||
if (!isCurrentlyAbove && !isCurrentlyBelow) {
|
||||
newDirection = 'below';
|
||||
}
|
||||
|
||||
if (!enoughRoomBelow && enoughRoomAbove && !isCurrentlyAbove) {
|
||||
newDirection = 'above';
|
||||
} else if (!enoughRoomAbove && enoughRoomBelow && isCurrentlyAbove) {
|
||||
newDirection = 'below';
|
||||
}
|
||||
|
||||
if (newDirection == 'above' ||
|
||||
(isCurrentlyAbove && newDirection !== 'below')) {
|
||||
css.top = container.top - parentOffset.top - dropdown.height;
|
||||
}
|
||||
|
||||
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);
|
||||
}
|
||||
|
||||
this.$dropdownContainer.css(css);
|
||||
};
|
||||
|
||||
AttachBody.prototype._resizeDropdown = function () {
|
||||
var css = {
|
||||
width: this.$container.outerWidth(false) + 'px'
|
||||
};
|
||||
|
||||
if (this.options.get('dropdownAutoWidth')) {
|
||||
css.minWidth = css.width;
|
||||
css.position = 'relative';
|
||||
css.width = 'auto';
|
||||
}
|
||||
|
||||
this.$dropdown.css(css);
|
||||
};
|
||||
|
||||
AttachBody.prototype._showDropdown = function (decorated) {
|
||||
this.$dropdownContainer.appendTo(this.$dropdownParent);
|
||||
|
||||
this._positionDropdown();
|
||||
this._resizeDropdown();
|
||||
};
|
||||
|
||||
return AttachBody;
|
||||
});
|
||||
|
||||
80
src/js/select2/dropdown/selectOnClose.js
vendored
80
src/js/select2/dropdown/selectOnClose.js
vendored
@ -1,40 +1,40 @@
|
||||
define([
|
||||
|
||||
], function () {
|
||||
function SelectOnClose () { }
|
||||
|
||||
SelectOnClose.prototype.bind = function (decorated, container, $container) {
|
||||
var self = this;
|
||||
|
||||
decorated.call(this, container, $container);
|
||||
|
||||
container.on('close', function () {
|
||||
self._handleSelectOnClose();
|
||||
});
|
||||
};
|
||||
|
||||
SelectOnClose.prototype._handleSelectOnClose = function () {
|
||||
var $highlightedResults = this.getHighlightedResults();
|
||||
|
||||
// Only select highlighted results
|
||||
if ($highlightedResults.length < 1) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = $highlightedResults.data('data');
|
||||
|
||||
// Don't re-select already selected resulte
|
||||
if (
|
||||
(data.element != null && data.element.selected) ||
|
||||
(data.element == null && data.selected)
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.trigger('select', {
|
||||
data: data
|
||||
});
|
||||
};
|
||||
|
||||
return SelectOnClose;
|
||||
});
|
||||
define([
|
||||
'../utils'
|
||||
], function (Utils) {
|
||||
function SelectOnClose () { }
|
||||
|
||||
SelectOnClose.prototype.bind = function (decorated, container, $container) {
|
||||
var self = this;
|
||||
|
||||
decorated.call(this, container, $container);
|
||||
|
||||
container.on('close', function () {
|
||||
self._handleSelectOnClose();
|
||||
});
|
||||
};
|
||||
|
||||
SelectOnClose.prototype._handleSelectOnClose = function () {
|
||||
var $highlightedResults = this.getHighlightedResults();
|
||||
|
||||
// Only select highlighted results
|
||||
if ($highlightedResults.length < 1) {
|
||||
return;
|
||||
}
|
||||
|
||||
var data = Utils.GetData($highlightedResults[0], 'data');
|
||||
|
||||
// Don't re-select already selected resulte
|
||||
if (
|
||||
(data.element != null && data.element.selected) ||
|
||||
(data.element == null && data.selected)
|
||||
) {
|
||||
return;
|
||||
}
|
||||
|
||||
this.trigger('select', {
|
||||
data: data
|
||||
});
|
||||
};
|
||||
|
||||
return SelectOnClose;
|
||||
});
|
||||
|
||||
244
src/js/select2/options.js
vendored
244
src/js/select2/options.js
vendored
@ -1,122 +1,122 @@
|
||||
define([
|
||||
'require',
|
||||
'jquery',
|
||||
'./defaults',
|
||||
'./utils'
|
||||
], function (require, $, Defaults, Utils) {
|
||||
function Options (options, $element) {
|
||||
this.options = options;
|
||||
|
||||
if ($element != null) {
|
||||
this.fromElement($element);
|
||||
}
|
||||
|
||||
this.options = Defaults.apply(this.options);
|
||||
|
||||
if ($element && $element.is('input')) {
|
||||
var InputCompat = require(this.get('amdBase') + 'compat/inputData');
|
||||
|
||||
this.options.dataAdapter = Utils.Decorate(
|
||||
this.options.dataAdapter,
|
||||
InputCompat
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Options.prototype.fromElement = function ($e) {
|
||||
var excludedData = ['select2'];
|
||||
|
||||
if (this.options.multiple == null) {
|
||||
this.options.multiple = $e.prop('multiple');
|
||||
}
|
||||
|
||||
if (this.options.disabled == null) {
|
||||
this.options.disabled = $e.prop('disabled');
|
||||
}
|
||||
|
||||
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');
|
||||
}
|
||||
}
|
||||
|
||||
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';
|
||||
}
|
||||
}
|
||||
|
||||
$e.prop('disabled', this.options.disabled);
|
||||
$e.prop('multiple', this.options.multiple);
|
||||
|
||||
if ($e.data('select2Tags')) {
|
||||
if (this.options.debug && window.console && console.warn) {
|
||||
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.'
|
||||
);
|
||||
}
|
||||
|
||||
$e.data('data', $e.data('select2Tags'));
|
||||
$e.data('tags', true);
|
||||
}
|
||||
|
||||
if ($e.data('ajaxUrl')) {
|
||||
if (this.options.debug && window.console && console.warn) {
|
||||
console.warn(
|
||||
'Select2: The `data-ajax-url` attribute has been changed to ' +
|
||||
'`data-ajax--url` and support for the old attribute will be removed' +
|
||||
' in future versions of Select2.'
|
||||
);
|
||||
}
|
||||
|
||||
$e.attr('ajax--url', $e.data('ajaxUrl'));
|
||||
$e.data('ajax--url', $e.data('ajaxUrl'));
|
||||
}
|
||||
|
||||
var dataset = {};
|
||||
|
||||
// Prefer the element's `dataset` attribute if it exists
|
||||
// jQuery 1.x does not correctly handle data attributes with multiple dashes
|
||||
if ($.fn.jquery && $.fn.jquery.substr(0, 2) == '1.' && $e[0].dataset) {
|
||||
dataset = $.extend(true, {}, $e[0].dataset, $e.data());
|
||||
} else {
|
||||
dataset = $e.data();
|
||||
}
|
||||
|
||||
var data = $.extend(true, {}, dataset);
|
||||
|
||||
data = Utils._convertData(data);
|
||||
|
||||
for (var key in data) {
|
||||
if ($.inArray(key, excludedData) > -1) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if ($.isPlainObject(this.options[key])) {
|
||||
$.extend(this.options[key], data[key]);
|
||||
} else {
|
||||
this.options[key] = data[key];
|
||||
}
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Options.prototype.get = function (key) {
|
||||
return this.options[key];
|
||||
};
|
||||
|
||||
Options.prototype.set = function (key, val) {
|
||||
this.options[key] = val;
|
||||
};
|
||||
|
||||
return Options;
|
||||
});
|
||||
define([
|
||||
'require',
|
||||
'jquery',
|
||||
'./defaults',
|
||||
'./utils'
|
||||
], function (require, $, Defaults, Utils) {
|
||||
function Options (options, $element) {
|
||||
this.options = options;
|
||||
|
||||
if ($element != null) {
|
||||
this.fromElement($element);
|
||||
}
|
||||
|
||||
this.options = Defaults.apply(this.options);
|
||||
|
||||
if ($element && $element.is('input')) {
|
||||
var InputCompat = require(this.get('amdBase') + 'compat/inputData');
|
||||
|
||||
this.options.dataAdapter = Utils.Decorate(
|
||||
this.options.dataAdapter,
|
||||
InputCompat
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Options.prototype.fromElement = function ($e) {
|
||||
var excludedData = ['select2'];
|
||||
|
||||
if (this.options.multiple == null) {
|
||||
this.options.multiple = $e.prop('multiple');
|
||||
}
|
||||
|
||||
if (this.options.disabled == null) {
|
||||
this.options.disabled = $e.prop('disabled');
|
||||
}
|
||||
|
||||
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');
|
||||
}
|
||||
}
|
||||
|
||||
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';
|
||||
}
|
||||
}
|
||||
|
||||
$e.prop('disabled', this.options.disabled);
|
||||
$e.prop('multiple', this.options.multiple);
|
||||
|
||||
if (Utils.GetData($e[0], 'select2Tags')) {
|
||||
if (this.options.debug && window.console && console.warn) {
|
||||
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.'
|
||||
);
|
||||
}
|
||||
|
||||
Utils.StoreData($e[0], 'data', Utils.GetData($e[0], 'select2Tags'));
|
||||
Utils.StoreData($e[0], 'tags', true);
|
||||
}
|
||||
|
||||
if (Utils.GetData($e[0], 'ajaxUrl')) {
|
||||
if (this.options.debug && window.console && console.warn) {
|
||||
console.warn(
|
||||
'Select2: The `data-ajax-url` attribute has been changed to ' +
|
||||
'`data-ajax--url` and support for the old attribute will be removed' +
|
||||
' in future versions of Select2.'
|
||||
);
|
||||
}
|
||||
|
||||
$e.attr('ajax--url', Utils.GetData($e[0], 'ajaxUrl'));
|
||||
Utils.StoreData($e[0], 'ajax--url', Utils.GetData($e[0], 'ajaxUrl'));
|
||||
}
|
||||
|
||||
var dataset = {};
|
||||
|
||||
// Prefer the element's `dataset` attribute if it exists
|
||||
// jQuery 1.x does not correctly handle data attributes with multiple dashes
|
||||
if ($.fn.jquery && $.fn.jquery.substr(0, 2) == '1.' && $e[0].dataset) {
|
||||
dataset = $.extend(true, {}, $e[0].dataset, Utils.GetData($e[0]));
|
||||
} else {
|
||||
dataset = Utils.GetData($e[0]);
|
||||
}
|
||||
|
||||
var data = $.extend(true, {}, dataset);
|
||||
|
||||
data = Utils._convertData(data);
|
||||
|
||||
for (var key in data) {
|
||||
if ($.inArray(key, excludedData) > -1) {
|
||||
continue;
|
||||
}
|
||||
|
||||
if ($.isPlainObject(this.options[key])) {
|
||||
$.extend(this.options[key], data[key]);
|
||||
} else {
|
||||
this.options[key] = data[key];
|
||||
}
|
||||
}
|
||||
|
||||
return this;
|
||||
};
|
||||
|
||||
Options.prototype.get = function (key) {
|
||||
return this.options[key];
|
||||
};
|
||||
|
||||
Options.prototype.set = function (key, val) {
|
||||
this.options[key] = val;
|
||||
};
|
||||
|
||||
return Options;
|
||||
});
|
||||
|
||||
1024
src/js/select2/results.js
vendored
1024
src/js/select2/results.js
vendored
File diff suppressed because it is too large
Load Diff
195
src/js/select2/selection/allowClear.js
vendored
195
src/js/select2/selection/allowClear.js
vendored
@ -1,97 +1,98 @@
|
||||
define([
|
||||
'jquery',
|
||||
'../keys'
|
||||
], function ($, KEYS) {
|
||||
function AllowClear () { }
|
||||
|
||||
AllowClear.prototype.bind = function (decorated, container, $container) {
|
||||
var self = this;
|
||||
|
||||
decorated.call(this, container, $container);
|
||||
|
||||
if (this.placeholder == null) {
|
||||
if (this.options.get('debug') && window.console && console.error) {
|
||||
console.error(
|
||||
'Select2: The `allowClear` option should be used in combination ' +
|
||||
'with the `placeholder` option.'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
this.$selection.on('mousedown', '.select2-selection__clear',
|
||||
function (evt) {
|
||||
self._handleClear(evt);
|
||||
});
|
||||
|
||||
container.on('keypress', function (evt) {
|
||||
self._handleKeyboardClear(evt, container);
|
||||
});
|
||||
};
|
||||
|
||||
AllowClear.prototype._handleClear = function (_, evt) {
|
||||
// Ignore the event if it is disabled
|
||||
if (this.options.get('disabled')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var $clear = this.$selection.find('.select2-selection__clear');
|
||||
|
||||
// Ignore the event if nothing has been selected
|
||||
if ($clear.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
evt.stopPropagation();
|
||||
|
||||
var data = $clear.data('data');
|
||||
|
||||
for (var d = 0; d < data.length; d++) {
|
||||
var unselectData = {
|
||||
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) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
this.$element.val(this.placeholder.id).trigger('change');
|
||||
|
||||
this.trigger('toggle', {});
|
||||
};
|
||||
|
||||
AllowClear.prototype._handleKeyboardClear = function (_, evt, container) {
|
||||
if (container.isOpen()) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (evt.which == KEYS.DELETE || evt.which == KEYS.BACKSPACE) {
|
||||
this._handleClear(evt);
|
||||
}
|
||||
};
|
||||
|
||||
AllowClear.prototype.update = function (decorated, data) {
|
||||
decorated.call(this, data);
|
||||
|
||||
if (this.$selection.find('.select2-selection__placeholder').length > 0 ||
|
||||
data.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
var $remove = $(
|
||||
'<span class="select2-selection__clear">' +
|
||||
'×' +
|
||||
'</span>'
|
||||
);
|
||||
$remove.data('data', data);
|
||||
|
||||
this.$selection.find('.select2-selection__rendered').prepend($remove);
|
||||
};
|
||||
|
||||
return AllowClear;
|
||||
});
|
||||
define([
|
||||
'jquery',
|
||||
'../keys',
|
||||
'../utils'
|
||||
], function ($, KEYS, Utils) {
|
||||
function AllowClear () { }
|
||||
|
||||
AllowClear.prototype.bind = function (decorated, container, $container) {
|
||||
var self = this;
|
||||
|
||||
decorated.call(this, container, $container);
|
||||
|
||||
if (this.placeholder == null) {
|
||||
if (this.options.get('debug') && window.console && console.error) {
|
||||
console.error(
|
||||
'Select2: The `allowClear` option should be used in combination ' +
|
||||
'with the `placeholder` option.'
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
this.$selection.on('mousedown', '.select2-selection__clear',
|
||||
function (evt) {
|
||||
self._handleClear(evt);
|
||||
});
|
||||
|
||||
container.on('keypress', function (evt) {
|
||||
self._handleKeyboardClear(evt, container);
|
||||
});
|
||||
};
|
||||
|
||||
AllowClear.prototype._handleClear = function (_, evt) {
|
||||
// Ignore the event if it is disabled
|
||||
if (this.options.get('disabled')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var $clear = this.$selection.find('.select2-selection__clear');
|
||||
|
||||
// Ignore the event if nothing has been selected
|
||||
if ($clear.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
evt.stopPropagation();
|
||||
|
||||
var data = Utils.GetData($clear[0], 'data');
|
||||
|
||||
for (var d = 0; d < data.length; d++) {
|
||||
var unselectData = {
|
||||
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) {
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
this.$element.val(this.placeholder.id).trigger('change');
|
||||
|
||||
this.trigger('toggle', {});
|
||||
};
|
||||
|
||||
AllowClear.prototype._handleKeyboardClear = function (_, evt, container) {
|
||||
if (container.isOpen()) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (evt.which == KEYS.DELETE || evt.which == KEYS.BACKSPACE) {
|
||||
this._handleClear(evt);
|
||||
}
|
||||
};
|
||||
|
||||
AllowClear.prototype.update = function (decorated, data) {
|
||||
decorated.call(this, data);
|
||||
|
||||
if (this.$selection.find('.select2-selection__placeholder').length > 0 ||
|
||||
data.length === 0) {
|
||||
return;
|
||||
}
|
||||
|
||||
var $remove = $(
|
||||
'<span class="select2-selection__clear">' +
|
||||
'×' +
|
||||
'</span>'
|
||||
);
|
||||
Utils.StoreData($remove[0], 'data', data);
|
||||
|
||||
this.$selection.find('.select2-selection__rendered').prepend($remove);
|
||||
};
|
||||
|
||||
return AllowClear;
|
||||
});
|
||||
|
||||
316
src/js/select2/selection/base.js
vendored
316
src/js/select2/selection/base.js
vendored
@ -1,158 +1,158 @@
|
||||
define([
|
||||
'jquery',
|
||||
'../utils',
|
||||
'../keys'
|
||||
], function ($, Utils, KEYS) {
|
||||
function BaseSelection ($element, options) {
|
||||
this.$element = $element;
|
||||
this.options = options;
|
||||
|
||||
BaseSelection.__super__.constructor.call(this);
|
||||
}
|
||||
|
||||
Utils.Extend(BaseSelection, Utils.Observable);
|
||||
|
||||
BaseSelection.prototype.render = function () {
|
||||
var $selection = $(
|
||||
'<span class="select2-selection" role="combobox" ' +
|
||||
' aria-haspopup="true" aria-expanded="false">' +
|
||||
'</span>'
|
||||
);
|
||||
|
||||
this._tabindex = 0;
|
||||
|
||||
if (this.$element.data('old-tabindex') != null) {
|
||||
this._tabindex = this.$element.data('old-tabindex');
|
||||
} else if (this.$element.attr('tabindex') != null) {
|
||||
this._tabindex = this.$element.attr('tabindex');
|
||||
}
|
||||
|
||||
$selection.attr('title', this.$element.attr('title'));
|
||||
$selection.attr('tabindex', this._tabindex);
|
||||
|
||||
this.$selection = $selection;
|
||||
|
||||
return $selection;
|
||||
};
|
||||
|
||||
BaseSelection.prototype.bind = function (container, $container) {
|
||||
var self = this;
|
||||
|
||||
var id = container.id + '-container';
|
||||
var resultsId = container.id + '-results';
|
||||
|
||||
this.container = container;
|
||||
|
||||
this.$selection.on('focus', function (evt) {
|
||||
self.trigger('focus', evt);
|
||||
});
|
||||
|
||||
this.$selection.on('blur', function (evt) {
|
||||
self._handleBlur(evt);
|
||||
});
|
||||
|
||||
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);
|
||||
});
|
||||
|
||||
container.on('selection:update', function (params) {
|
||||
self.update(params.data);
|
||||
});
|
||||
|
||||
container.on('open', function () {
|
||||
// When the dropdown is open, aria-expanded="true"
|
||||
self.$selection.attr('aria-expanded', 'true');
|
||||
self.$selection.attr('aria-owns', resultsId);
|
||||
|
||||
self._attachCloseHandler(container);
|
||||
});
|
||||
|
||||
container.on('close', function () {
|
||||
// When the dropdown is closed, aria-expanded="false"
|
||||
self.$selection.attr('aria-expanded', 'false');
|
||||
self.$selection.removeAttr('aria-activedescendant');
|
||||
self.$selection.removeAttr('aria-owns');
|
||||
|
||||
self.$selection.focus();
|
||||
|
||||
self._detachCloseHandler(container);
|
||||
});
|
||||
|
||||
container.on('enable', function () {
|
||||
self.$selection.attr('tabindex', self._tabindex);
|
||||
});
|
||||
|
||||
container.on('disable', function () {
|
||||
self.$selection.attr('tabindex', '-1');
|
||||
});
|
||||
};
|
||||
|
||||
BaseSelection.prototype._handleBlur = function (evt) {
|
||||
var self = this;
|
||||
|
||||
// This needs to be delayed as the active element is the body when the tab
|
||||
// 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);
|
||||
};
|
||||
|
||||
BaseSelection.prototype._attachCloseHandler = function (container) {
|
||||
var self = this;
|
||||
|
||||
$(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;
|
||||
}
|
||||
|
||||
var $element = $this.data('element');
|
||||
|
||||
$element.select2('close');
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
BaseSelection.prototype._detachCloseHandler = function (container) {
|
||||
$(document.body).off('mousedown.select2.' + container.id);
|
||||
};
|
||||
|
||||
BaseSelection.prototype.position = function ($selection, $container) {
|
||||
var $selectionContainer = $container.find('.selection');
|
||||
$selectionContainer.append($selection);
|
||||
};
|
||||
|
||||
BaseSelection.prototype.destroy = function () {
|
||||
this._detachCloseHandler(this.container);
|
||||
};
|
||||
|
||||
BaseSelection.prototype.update = function (data) {
|
||||
throw new Error('The `update` method must be defined in child classes.');
|
||||
};
|
||||
|
||||
return BaseSelection;
|
||||
});
|
||||
define([
|
||||
'jquery',
|
||||
'../utils',
|
||||
'../keys'
|
||||
], function ($, Utils, KEYS) {
|
||||
function BaseSelection ($element, options) {
|
||||
this.$element = $element;
|
||||
this.options = options;
|
||||
|
||||
BaseSelection.__super__.constructor.call(this);
|
||||
}
|
||||
|
||||
Utils.Extend(BaseSelection, Utils.Observable);
|
||||
|
||||
BaseSelection.prototype.render = function () {
|
||||
var $selection = $(
|
||||
'<span class="select2-selection" role="combobox" ' +
|
||||
' aria-haspopup="true" aria-expanded="false">' +
|
||||
'</span>'
|
||||
);
|
||||
|
||||
this._tabindex = 0;
|
||||
|
||||
if (Utils.GetData(this.$element[0], 'old-tabindex') != null) {
|
||||
this._tabindex = Utils.GetData(this.$element[0], 'old-tabindex');
|
||||
} else if (Utils.GetData(this.$element[0], 'tabindex') != null) {
|
||||
this._tabindex = Utils.GetData(this.$element[0], 'tabindex');
|
||||
}
|
||||
|
||||
$selection.attr('title', this.$element.attr('title'));
|
||||
$selection.attr('tabindex', this._tabindex);
|
||||
|
||||
this.$selection = $selection;
|
||||
|
||||
return $selection;
|
||||
};
|
||||
|
||||
BaseSelection.prototype.bind = function (container, $container) {
|
||||
var self = this;
|
||||
|
||||
var id = container.id + '-container';
|
||||
var resultsId = container.id + '-results';
|
||||
|
||||
this.container = container;
|
||||
|
||||
this.$selection.on('focus', function (evt) {
|
||||
self.trigger('focus', evt);
|
||||
});
|
||||
|
||||
this.$selection.on('blur', function (evt) {
|
||||
self._handleBlur(evt);
|
||||
});
|
||||
|
||||
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);
|
||||
});
|
||||
|
||||
container.on('selection:update', function (params) {
|
||||
self.update(params.data);
|
||||
});
|
||||
|
||||
container.on('open', function () {
|
||||
// When the dropdown is open, aria-expanded="true"
|
||||
self.$selection.attr('aria-expanded', 'true');
|
||||
self.$selection.attr('aria-owns', resultsId);
|
||||
|
||||
self._attachCloseHandler(container);
|
||||
});
|
||||
|
||||
container.on('close', function () {
|
||||
// When the dropdown is closed, aria-expanded="false"
|
||||
self.$selection.attr('aria-expanded', 'false');
|
||||
self.$selection.removeAttr('aria-activedescendant');
|
||||
self.$selection.removeAttr('aria-owns');
|
||||
|
||||
self.$selection.focus();
|
||||
|
||||
self._detachCloseHandler(container);
|
||||
});
|
||||
|
||||
container.on('enable', function () {
|
||||
self.$selection.attr('tabindex', self._tabindex);
|
||||
});
|
||||
|
||||
container.on('disable', function () {
|
||||
self.$selection.attr('tabindex', '-1');
|
||||
});
|
||||
};
|
||||
|
||||
BaseSelection.prototype._handleBlur = function (evt) {
|
||||
var self = this;
|
||||
|
||||
// This needs to be delayed as the active element is the body when the tab
|
||||
// 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);
|
||||
};
|
||||
|
||||
BaseSelection.prototype._attachCloseHandler = function (container) {
|
||||
var self = this;
|
||||
|
||||
$(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;
|
||||
}
|
||||
|
||||
var $element = Utils.GetData(this, 'element');
|
||||
|
||||
$element.select2('close');
|
||||
});
|
||||
});
|
||||
};
|
||||
|
||||
BaseSelection.prototype._detachCloseHandler = function (container) {
|
||||
$(document.body).off('mousedown.select2.' + container.id);
|
||||
};
|
||||
|
||||
BaseSelection.prototype.position = function ($selection, $container) {
|
||||
var $selectionContainer = $container.find('.selection');
|
||||
$selectionContainer.append($selection);
|
||||
};
|
||||
|
||||
BaseSelection.prototype.destroy = function () {
|
||||
this._detachCloseHandler(this.container);
|
||||
};
|
||||
|
||||
BaseSelection.prototype.update = function (data) {
|
||||
throw new Error('The `update` method must be defined in child classes.');
|
||||
};
|
||||
|
||||
return BaseSelection;
|
||||
});
|
||||
|
||||
218
src/js/select2/selection/multiple.js
vendored
218
src/js/select2/selection/multiple.js
vendored
@ -1,109 +1,109 @@
|
||||
define([
|
||||
'jquery',
|
||||
'./base',
|
||||
'../utils'
|
||||
], function ($, BaseSelection, Utils) {
|
||||
function MultipleSelection ($element, options) {
|
||||
MultipleSelection.__super__.constructor.apply(this, arguments);
|
||||
}
|
||||
|
||||
Utils.Extend(MultipleSelection, BaseSelection);
|
||||
|
||||
MultipleSelection.prototype.render = function () {
|
||||
var $selection = MultipleSelection.__super__.render.call(this);
|
||||
|
||||
$selection.addClass('select2-selection--multiple');
|
||||
|
||||
$selection.html(
|
||||
'<ul class="select2-selection__rendered"></ul>'
|
||||
);
|
||||
|
||||
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',
|
||||
'.select2-selection__choice__remove',
|
||||
function (evt) {
|
||||
// Ignore the event if it is disabled
|
||||
if (self.options.get('disabled')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var $remove = $(this);
|
||||
var $selection = $remove.parent();
|
||||
|
||||
var data = $selection.data('data');
|
||||
|
||||
self.trigger('unselect', {
|
||||
originalEvent: evt,
|
||||
data: data
|
||||
});
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
MultipleSelection.prototype.clear = function () {
|
||||
this.$selection.find('.select2-selection__rendered').empty();
|
||||
};
|
||||
|
||||
MultipleSelection.prototype.display = function (data, container) {
|
||||
var template = this.options.get('templateSelection');
|
||||
var escapeMarkup = this.options.get('escapeMarkup');
|
||||
|
||||
return escapeMarkup(template(data, container));
|
||||
};
|
||||
|
||||
MultipleSelection.prototype.selectionContainer = function () {
|
||||
var $container = $(
|
||||
'<li class="select2-selection__choice">' +
|
||||
'<span class="select2-selection__choice__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 $selection = this.selectionContainer();
|
||||
var formatted = this.display(selection, $selection);
|
||||
|
||||
$selection.append(formatted);
|
||||
$selection.prop('title', selection.title || selection.text);
|
||||
|
||||
$selection.data('data', selection);
|
||||
|
||||
$selections.push($selection);
|
||||
}
|
||||
|
||||
var $rendered = this.$selection.find('.select2-selection__rendered');
|
||||
|
||||
Utils.appendMany($rendered, $selections);
|
||||
};
|
||||
|
||||
return MultipleSelection;
|
||||
});
|
||||
define([
|
||||
'jquery',
|
||||
'./base',
|
||||
'../utils'
|
||||
], function ($, BaseSelection, Utils) {
|
||||
function MultipleSelection ($element, options) {
|
||||
MultipleSelection.__super__.constructor.apply(this, arguments);
|
||||
}
|
||||
|
||||
Utils.Extend(MultipleSelection, BaseSelection);
|
||||
|
||||
MultipleSelection.prototype.render = function () {
|
||||
var $selection = MultipleSelection.__super__.render.call(this);
|
||||
|
||||
$selection.addClass('select2-selection--multiple');
|
||||
|
||||
$selection.html(
|
||||
'<ul class="select2-selection__rendered"></ul>'
|
||||
);
|
||||
|
||||
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',
|
||||
'.select2-selection__choice__remove',
|
||||
function (evt) {
|
||||
// Ignore the event if it is disabled
|
||||
if (self.options.get('disabled')) {
|
||||
return;
|
||||
}
|
||||
|
||||
var $remove = $(this);
|
||||
var $selection = $remove.parent();
|
||||
|
||||
var data = Utils.GetData($selection[0], 'data');
|
||||
|
||||
self.trigger('unselect', {
|
||||
originalEvent: evt,
|
||||
data: data
|
||||
});
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
MultipleSelection.prototype.clear = function () {
|
||||
this.$selection.find('.select2-selection__rendered').empty();
|
||||
};
|
||||
|
||||
MultipleSelection.prototype.display = function (data, container) {
|
||||
var template = this.options.get('templateSelection');
|
||||
var escapeMarkup = this.options.get('escapeMarkup');
|
||||
|
||||
return escapeMarkup(template(data, container));
|
||||
};
|
||||
|
||||
MultipleSelection.prototype.selectionContainer = function () {
|
||||
var $container = $(
|
||||
'<li class="select2-selection__choice">' +
|
||||
'<span class="select2-selection__choice__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 $selection = this.selectionContainer();
|
||||
var formatted = this.display(selection, $selection);
|
||||
|
||||
$selection.append(formatted);
|
||||
$selection.prop('title', selection.title || selection.text);
|
||||
|
||||
Utils.StoreData($selection[0], 'data', selection);
|
||||
|
||||
$selections.push($selection);
|
||||
}
|
||||
|
||||
var $rendered = this.$selection.find('.select2-selection__rendered');
|
||||
|
||||
Utils.appendMany($rendered, $selections);
|
||||
};
|
||||
|
||||
return MultipleSelection;
|
||||
});
|
||||
|
||||
444
src/js/select2/selection/search.js
vendored
444
src/js/select2/selection/search.js
vendored
@ -1,222 +1,222 @@
|
||||
define([
|
||||
'jquery',
|
||||
'../utils',
|
||||
'../keys'
|
||||
], function ($, Utils, KEYS) {
|
||||
function Search (decorated, $element, options) {
|
||||
decorated.call(this, $element, options);
|
||||
}
|
||||
|
||||
Search.prototype.render = function (decorated) {
|
||||
var $search = $(
|
||||
'<li class="select2-search select2-search--inline">' +
|
||||
'<input class="select2-search__field" type="search" tabindex="-1"' +
|
||||
' autocomplete="off" autocorrect="off" autocapitalize="off"' +
|
||||
' spellcheck="false" role="textbox" aria-autocomplete="list" />' +
|
||||
'</li>'
|
||||
);
|
||||
|
||||
this.$searchContainer = $search;
|
||||
this.$search = $search.find('input');
|
||||
|
||||
var $rendered = decorated.call(this);
|
||||
|
||||
this._transferTabIndex();
|
||||
|
||||
return $rendered;
|
||||
};
|
||||
|
||||
Search.prototype.bind = function (decorated, container, $container) {
|
||||
var self = this;
|
||||
|
||||
decorated.call(this, container, $container);
|
||||
|
||||
container.on('open', function () {
|
||||
self.$search.trigger('focus');
|
||||
});
|
||||
|
||||
container.on('close', function () {
|
||||
self.$search.val('');
|
||||
self.$search.removeAttr('aria-activedescendant');
|
||||
self.$search.trigger('focus');
|
||||
});
|
||||
|
||||
container.on('enable', function () {
|
||||
self.$search.prop('disabled', false);
|
||||
|
||||
self._transferTabIndex();
|
||||
});
|
||||
|
||||
container.on('disable', function () {
|
||||
self.$search.prop('disabled', true);
|
||||
});
|
||||
|
||||
container.on('focus', function (evt) {
|
||||
self.$search.trigger('focus');
|
||||
});
|
||||
|
||||
container.on('results:focus', function (params) {
|
||||
self.$search.attr('aria-activedescendant', params.id);
|
||||
});
|
||||
|
||||
this.$selection.on('focusin', '.select2-search--inline', function (evt) {
|
||||
self.trigger('focus', evt);
|
||||
});
|
||||
|
||||
this.$selection.on('focusout', '.select2-search--inline', function (evt) {
|
||||
self._handleBlur(evt);
|
||||
});
|
||||
|
||||
this.$selection.on('keydown', '.select2-search--inline', function (evt) {
|
||||
evt.stopPropagation();
|
||||
|
||||
self.trigger('keypress', evt);
|
||||
|
||||
self._keyUpPrevented = evt.isDefaultPrevented();
|
||||
|
||||
var key = evt.which;
|
||||
|
||||
if (key === KEYS.BACKSPACE && self.$search.val() === '') {
|
||||
var $previousChoice = self.$searchContainer
|
||||
.prev('.select2-selection__choice');
|
||||
|
||||
if ($previousChoice.length > 0) {
|
||||
var item = $previousChoice.data('data');
|
||||
|
||||
self.searchRemoveChoice(item);
|
||||
|
||||
evt.preventDefault();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// 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;
|
||||
|
||||
// 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.$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`.
|
||||
if (disableInputEvents) {
|
||||
self.$selection.off('input.search input.searchcheck');
|
||||
return;
|
||||
}
|
||||
|
||||
// Unbind the duplicated `keyup` event
|
||||
self.$selection.off('keyup.search');
|
||||
}
|
||||
);
|
||||
|
||||
this.$selection.on(
|
||||
'keyup.search input.search',
|
||||
'.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`.
|
||||
if (disableInputEvents && evt.type === 'input') {
|
||||
self.$selection.off('input.search input.searchcheck');
|
||||
return;
|
||||
}
|
||||
|
||||
var key = evt.which;
|
||||
|
||||
// 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);
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* 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');
|
||||
};
|
||||
|
||||
Search.prototype.createPlaceholder = function (decorated, placeholder) {
|
||||
this.$search.attr('placeholder', placeholder.text);
|
||||
};
|
||||
|
||||
Search.prototype.update = function (decorated, data) {
|
||||
var searchHadFocus = this.$search[0] == document.activeElement;
|
||||
|
||||
this.$search.attr('placeholder', '');
|
||||
|
||||
decorated.call(this, data);
|
||||
|
||||
this.$selection.find('.select2-selection__rendered')
|
||||
.append(this.$searchContainer);
|
||||
|
||||
this.resizeSearch();
|
||||
if (searchHadFocus) {
|
||||
this.$search.focus();
|
||||
}
|
||||
};
|
||||
|
||||
Search.prototype.handleSearch = function () {
|
||||
this.resizeSearch();
|
||||
|
||||
if (!this._keyUpPrevented) {
|
||||
var input = this.$search.val();
|
||||
|
||||
this.trigger('query', {
|
||||
term: input
|
||||
});
|
||||
}
|
||||
|
||||
this._keyUpPrevented = false;
|
||||
};
|
||||
|
||||
Search.prototype.searchRemoveChoice = function (decorated, item) {
|
||||
this.trigger('unselect', {
|
||||
data: item
|
||||
});
|
||||
|
||||
this.$search.val(item.text);
|
||||
this.handleSearch();
|
||||
};
|
||||
|
||||
Search.prototype.resizeSearch = function () {
|
||||
this.$search.css('width', '25px');
|
||||
|
||||
var width = '';
|
||||
|
||||
if (this.$search.attr('placeholder') !== '') {
|
||||
width = this.$selection.find('.select2-selection__rendered').innerWidth();
|
||||
} else {
|
||||
var minimumWidth = this.$search.val().length + 1;
|
||||
|
||||
width = (minimumWidth * 0.75) + 'em';
|
||||
}
|
||||
|
||||
this.$search.css('width', width);
|
||||
};
|
||||
|
||||
return Search;
|
||||
});
|
||||
define([
|
||||
'jquery',
|
||||
'../utils',
|
||||
'../keys'
|
||||
], function ($, Utils, KEYS) {
|
||||
function Search (decorated, $element, options) {
|
||||
decorated.call(this, $element, options);
|
||||
}
|
||||
|
||||
Search.prototype.render = function (decorated) {
|
||||
var $search = $(
|
||||
'<li class="select2-search select2-search--inline">' +
|
||||
'<input class="select2-search__field" type="search" tabindex="-1"' +
|
||||
' autocomplete="off" autocorrect="off" autocapitalize="off"' +
|
||||
' spellcheck="false" role="textbox" aria-autocomplete="list" />' +
|
||||
'</li>'
|
||||
);
|
||||
|
||||
this.$searchContainer = $search;
|
||||
this.$search = $search.find('input');
|
||||
|
||||
var $rendered = decorated.call(this);
|
||||
|
||||
this._transferTabIndex();
|
||||
|
||||
return $rendered;
|
||||
};
|
||||
|
||||
Search.prototype.bind = function (decorated, container, $container) {
|
||||
var self = this;
|
||||
|
||||
decorated.call(this, container, $container);
|
||||
|
||||
container.on('open', function () {
|
||||
self.$search.trigger('focus');
|
||||
});
|
||||
|
||||
container.on('close', function () {
|
||||
self.$search.val('');
|
||||
self.$search.removeAttr('aria-activedescendant');
|
||||
self.$search.trigger('focus');
|
||||
});
|
||||
|
||||
container.on('enable', function () {
|
||||
self.$search.prop('disabled', false);
|
||||
|
||||
self._transferTabIndex();
|
||||
});
|
||||
|
||||
container.on('disable', function () {
|
||||
self.$search.prop('disabled', true);
|
||||
});
|
||||
|
||||
container.on('focus', function (evt) {
|
||||
self.$search.trigger('focus');
|
||||
});
|
||||
|
||||
container.on('results:focus', function (params) {
|
||||
self.$search.attr('aria-activedescendant', params.id);
|
||||
});
|
||||
|
||||
this.$selection.on('focusin', '.select2-search--inline', function (evt) {
|
||||
self.trigger('focus', evt);
|
||||
});
|
||||
|
||||
this.$selection.on('focusout', '.select2-search--inline', function (evt) {
|
||||
self._handleBlur(evt);
|
||||
});
|
||||
|
||||
this.$selection.on('keydown', '.select2-search--inline', function (evt) {
|
||||
evt.stopPropagation();
|
||||
|
||||
self.trigger('keypress', evt);
|
||||
|
||||
self._keyUpPrevented = evt.isDefaultPrevented();
|
||||
|
||||
var key = evt.which;
|
||||
|
||||
if (key === KEYS.BACKSPACE && self.$search.val() === '') {
|
||||
var $previousChoice = self.$searchContainer
|
||||
.prev('.select2-selection__choice');
|
||||
|
||||
if ($previousChoice.length > 0) {
|
||||
var item = Utils.GetData($previousChoice[0], 'data');
|
||||
|
||||
self.searchRemoveChoice(item);
|
||||
|
||||
evt.preventDefault();
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
// 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;
|
||||
|
||||
// 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.$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`.
|
||||
if (disableInputEvents) {
|
||||
self.$selection.off('input.search input.searchcheck');
|
||||
return;
|
||||
}
|
||||
|
||||
// Unbind the duplicated `keyup` event
|
||||
self.$selection.off('keyup.search');
|
||||
}
|
||||
);
|
||||
|
||||
this.$selection.on(
|
||||
'keyup.search input.search',
|
||||
'.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`.
|
||||
if (disableInputEvents && evt.type === 'input') {
|
||||
self.$selection.off('input.search input.searchcheck');
|
||||
return;
|
||||
}
|
||||
|
||||
var key = evt.which;
|
||||
|
||||
// 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);
|
||||
}
|
||||
);
|
||||
};
|
||||
|
||||
/**
|
||||
* 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');
|
||||
};
|
||||
|
||||
Search.prototype.createPlaceholder = function (decorated, placeholder) {
|
||||
this.$search.attr('placeholder', placeholder.text);
|
||||
};
|
||||
|
||||
Search.prototype.update = function (decorated, data) {
|
||||
var searchHadFocus = this.$search[0] == document.activeElement;
|
||||
|
||||
this.$search.attr('placeholder', '');
|
||||
|
||||
decorated.call(this, data);
|
||||
|
||||
this.$selection.find('.select2-selection__rendered')
|
||||
.append(this.$searchContainer);
|
||||
|
||||
this.resizeSearch();
|
||||
if (searchHadFocus) {
|
||||
this.$search.focus();
|
||||
}
|
||||
};
|
||||
|
||||
Search.prototype.handleSearch = function () {
|
||||
this.resizeSearch();
|
||||
|
||||
if (!this._keyUpPrevented) {
|
||||
var input = this.$search.val();
|
||||
|
||||
this.trigger('query', {
|
||||
term: input
|
||||
});
|
||||
}
|
||||
|
||||
this._keyUpPrevented = false;
|
||||
};
|
||||
|
||||
Search.prototype.searchRemoveChoice = function (decorated, item) {
|
||||
this.trigger('unselect', {
|
||||
data: item
|
||||
});
|
||||
|
||||
this.$search.val(item.text);
|
||||
this.handleSearch();
|
||||
};
|
||||
|
||||
Search.prototype.resizeSearch = function () {
|
||||
this.$search.css('width', '25px');
|
||||
|
||||
var width = '';
|
||||
|
||||
if (this.$search.attr('placeholder') !== '') {
|
||||
width = this.$selection.find('.select2-selection__rendered').innerWidth();
|
||||
} else {
|
||||
var minimumWidth = this.$search.val().length + 1;
|
||||
|
||||
width = (minimumWidth * 0.75) + 'em';
|
||||
}
|
||||
|
||||
this.$search.css('width', width);
|
||||
};
|
||||
|
||||
return Search;
|
||||
});
|
||||
|
||||
585
src/js/select2/utils.js
vendored
585
src/js/select2/utils.js
vendored
@ -1,262 +1,323 @@
|
||||
define([
|
||||
'jquery'
|
||||
], 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;
|
||||
}
|
||||
|
||||
if (methodName === 'constructor') {
|
||||
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) {
|
||||
this.listeners = this.listeners || {};
|
||||
|
||||
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;
|
||||
|
||||
this.listeners = this.listeners || {};
|
||||
|
||||
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;
|
||||
};
|
||||
|
||||
Utils.bind = function (func, context) {
|
||||
return function () {
|
||||
func.apply(context, arguments);
|
||||
};
|
||||
};
|
||||
|
||||
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;
|
||||
};
|
||||
|
||||
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);
|
||||
};
|
||||
|
||||
Utils.escapeMarkup = function (markup) {
|
||||
var replaceMap = {
|
||||
'\\': '\',
|
||||
'&': '&',
|
||||
'<': '<',
|
||||
'>': '>',
|
||||
'"': '"',
|
||||
'\'': ''',
|
||||
'/': '/'
|
||||
};
|
||||
|
||||
// Do not try to escape the markup if it's not a string
|
||||
if (typeof markup !== 'string') {
|
||||
return markup;
|
||||
}
|
||||
|
||||
return String(markup).replace(/[&<>"'\/\\]/g, function (match) {
|
||||
return replaceMap[match];
|
||||
});
|
||||
};
|
||||
|
||||
// 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);
|
||||
};
|
||||
|
||||
return Utils;
|
||||
});
|
||||
define([
|
||||
'jquery'
|
||||
], 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;
|
||||
}
|
||||
|
||||
if (methodName === 'constructor') {
|
||||
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) {
|
||||
this.listeners = this.listeners || {};
|
||||
|
||||
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;
|
||||
|
||||
this.listeners = this.listeners || {};
|
||||
|
||||
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;
|
||||
};
|
||||
|
||||
Utils.bind = function (func, context) {
|
||||
return function () {
|
||||
func.apply(context, arguments);
|
||||
};
|
||||
};
|
||||
|
||||
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;
|
||||
};
|
||||
|
||||
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);
|
||||
};
|
||||
|
||||
Utils.escapeMarkup = function (markup) {
|
||||
var replaceMap = {
|
||||
'\\': '\',
|
||||
'&': '&',
|
||||
'<': '<',
|
||||
'>': '>',
|
||||
'"': '"',
|
||||
'\'': ''',
|
||||
'/': '/'
|
||||
};
|
||||
|
||||
// Do not try to escape the markup if it's not a string
|
||||
if (typeof markup !== 'string') {
|
||||
return markup;
|
||||
}
|
||||
|
||||
return String(markup).replace(/[&<>"'\/\\]/g, function (match) {
|
||||
return replaceMap[match];
|
||||
});
|
||||
};
|
||||
|
||||
// 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);
|
||||
};
|
||||
|
||||
// Cache objects in Utils.__cache instead of $.data
|
||||
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];
|
||||
}
|
||||
return null;
|
||||
} 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];
|
||||
}
|
||||
};
|
||||
|
||||
return Utils;
|
||||
});
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user