Edit File by line

[7500] Fix | Delete

// Register any internal event handlers

[7501] Fix | Delete

this._registerDataEvents();

[7502] Fix | Delete

this._registerSelectionEvents();

[7503] Fix | Delete

this._registerDropdownEvents();

[7504] Fix | Delete

this._registerResultsEvents();

[7505] Fix | Delete

this._registerEvents();

[7506] Fix | Delete

[7507] Fix | Delete

// Set the initial state

[7508] Fix | Delete

this.dataAdapter.current(function (initialData) {

[7509] Fix | Delete

self.trigger('selection:update', {

[7510] Fix | Delete

data: initialData

[7511] Fix | Delete

});

[7512] Fix | Delete

});

[7513] Fix | Delete

[7514] Fix | Delete

// Hide the original select

[7515] Fix | Delete

$element.addClass('pumselect2-hidden-accessible');

[7516] Fix | Delete

$element.attr('aria-hidden', 'true');

[7517] Fix | Delete

[7518] Fix | Delete

// Synchronize any monitored attributes

[7519] Fix | Delete

this._syncAttributes();

[7520] Fix | Delete

[7521] Fix | Delete

$element.data('pumselect2', this);

[7522] Fix | Delete

};

[7523] Fix | Delete

[7524] Fix | Delete

Utils.Extend(Select2, Utils.Observable);

[7525] Fix | Delete

[7526] Fix | Delete

Select2.prototype._generateId = function ($element) {

[7527] Fix | Delete

var id = '';

[7528] Fix | Delete

[7529] Fix | Delete

if ($element.attr('id') != null) {

[7530] Fix | Delete

id = $element.attr('id');

[7531] Fix | Delete

} else if ($element.attr('name') != null) {

[7532] Fix | Delete

id = $element.attr('name') + '-' + Utils.generateChars(2);

[7533] Fix | Delete

} else {

[7534] Fix | Delete

id = Utils.generateChars(4);

[7535] Fix | Delete

}

[7536] Fix | Delete

[7537] Fix | Delete

id = id.replace(/(:|\.|\[|\]|,)/g, '');

[7538] Fix | Delete

id = 'pumselect2-' + id;

[7539] Fix | Delete

[7540] Fix | Delete

return id;

[7541] Fix | Delete

};

[7542] Fix | Delete

[7543] Fix | Delete

Select2.prototype._placeContainer = function ($container) {

[7544] Fix | Delete

$container.insertAfter(this.$element);

[7545] Fix | Delete

[7546] Fix | Delete

var width = this._resolveWidth(this.$element, this.options.get('width'));

[7547] Fix | Delete

[7548] Fix | Delete

if (width != null) {

[7549] Fix | Delete

$container.css('width', width);

[7550] Fix | Delete

}

[7551] Fix | Delete

};

[7552] Fix | Delete

[7553] Fix | Delete

Select2.prototype._resolveWidth = function ($element, method) {

[7554] Fix | Delete

var WIDTH = /^width:(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i;

[7555] Fix | Delete

[7556] Fix | Delete

if (method == 'resolve') {

[7557] Fix | Delete

var styleWidth = this._resolveWidth($element, 'style');

[7558] Fix | Delete

[7559] Fix | Delete

if (styleWidth != null) {

[7560] Fix | Delete

return styleWidth;

[7561] Fix | Delete

}

[7562] Fix | Delete

[7563] Fix | Delete

return this._resolveWidth($element, 'element');

[7564] Fix | Delete

}

[7565] Fix | Delete

[7566] Fix | Delete

if (method == 'element') {

[7567] Fix | Delete

var elementWidth = $element.outerWidth(false);

[7568] Fix | Delete

[7569] Fix | Delete

if (elementWidth <= 0) {

[7570] Fix | Delete

return 'auto';

[7571] Fix | Delete

}

[7572] Fix | Delete

[7573] Fix | Delete

return elementWidth + 'px';

[7574] Fix | Delete

}

[7575] Fix | Delete

[7576] Fix | Delete

if (method == 'style') {

[7577] Fix | Delete

var style = $element.attr('style');

[7578] Fix | Delete

[7579] Fix | Delete

if (typeof(style) !== 'string') {

[7580] Fix | Delete

return null;

[7581] Fix | Delete

}

[7582] Fix | Delete

[7583] Fix | Delete

var attrs = style.split(';');

[7584] Fix | Delete

[7585] Fix | Delete

for (var i = 0, l = attrs.length; i < l; i = i + 1) {

[7586] Fix | Delete

var attr = attrs[i].replace(/\s/g, '');

[7587] Fix | Delete

var matches = attr.match(WIDTH);

[7588] Fix | Delete

[7589] Fix | Delete

if (matches !== null && matches.length >= 1) {

[7590] Fix | Delete

return matches[1];

[7591] Fix | Delete

}

[7592] Fix | Delete

}

[7593] Fix | Delete

[7594] Fix | Delete

return null;

[7595] Fix | Delete

}

[7596] Fix | Delete

[7597] Fix | Delete

return method;

[7598] Fix | Delete

};

[7599] Fix | Delete

[7600] Fix | Delete

Select2.prototype._bindAdapters = function () {

[7601] Fix | Delete

this.dataAdapter.bind(this, this.$container);

[7602] Fix | Delete

this.selection.bind(this, this.$container);

[7603] Fix | Delete

[7604] Fix | Delete

this.dropdown.bind(this, this.$container);

[7605] Fix | Delete

this.results.bind(this, this.$container);

[7606] Fix | Delete

};

[7607] Fix | Delete

[7608] Fix | Delete

Select2.prototype._registerDomEvents = function () {

[7609] Fix | Delete

var self = this;

[7610] Fix | Delete

[7611] Fix | Delete

this.$element.on('change.pumselect2', function () {

[7612] Fix | Delete

self.dataAdapter.current(function (data) {

[7613] Fix | Delete

self.trigger('selection:update', {

[7614] Fix | Delete

data: data

[7615] Fix | Delete

});

[7616] Fix | Delete

});

[7617] Fix | Delete

});

[7618] Fix | Delete

[7619] Fix | Delete

this._sync = Utils.bind(this._syncAttributes, this);

[7620] Fix | Delete

[7621] Fix | Delete

if (this.$element[0].attachEvent) {

[7622] Fix | Delete

this.$element[0].attachEvent('onpropertychange', this._sync);

[7623] Fix | Delete

}

[7624] Fix | Delete

[7625] Fix | Delete

var observer = window.MutationObserver ||

[7626] Fix | Delete

window.WebKitMutationObserver ||

[7627] Fix | Delete

window.MozMutationObserver

[7628] Fix | Delete

;

[7629] Fix | Delete

[7630] Fix | Delete

if (observer != null) {

[7631] Fix | Delete

this._observer = new observer(function (mutations) {

[7632] Fix | Delete

$.each(mutations, self._sync);

[7633] Fix | Delete

});

[7634] Fix | Delete

this._observer.observe(this.$element[0], {

[7635] Fix | Delete

attributes: true,

[7636] Fix | Delete

subtree: false

[7637] Fix | Delete

});

[7638] Fix | Delete

} else if (this.$element[0].addEventListener) {

[7639] Fix | Delete

this.$element[0].addEventListener('DOMAttrModified', self._sync, false);

[7640] Fix | Delete

}

[7641] Fix | Delete

};

[7642] Fix | Delete

[7643] Fix | Delete

Select2.prototype._registerDataEvents = function () {

[7644] Fix | Delete

var self = this;

[7645] Fix | Delete

[7646] Fix | Delete

this.dataAdapter.on('*', function (name, params) {

[7647] Fix | Delete

self.trigger(name, params);

[7648] Fix | Delete

});

[7649] Fix | Delete

};

[7650] Fix | Delete

[7651] Fix | Delete

Select2.prototype._registerSelectionEvents = function () {

[7652] Fix | Delete

var self = this;

[7653] Fix | Delete

var nonRelayEvents = ['toggle', 'focus'];

[7654] Fix | Delete

[7655] Fix | Delete

this.selection.on('toggle', function () {

[7656] Fix | Delete

self.toggleDropdown();

[7657] Fix | Delete

});

[7658] Fix | Delete

[7659] Fix | Delete

this.selection.on('focus', function (params) {

[7660] Fix | Delete

self.focus(params);

[7661] Fix | Delete

});

[7662] Fix | Delete

[7663] Fix | Delete

this.selection.on('*', function (name, params) {

[7664] Fix | Delete

if ($.inArray(name, nonRelayEvents) !== -1) {

[7665] Fix | Delete

return;

[7666] Fix | Delete

}

[7667] Fix | Delete

[7668] Fix | Delete

self.trigger(name, params);

[7669] Fix | Delete

});

[7670] Fix | Delete

};

[7671] Fix | Delete

[7672] Fix | Delete

Select2.prototype._registerDropdownEvents = function () {

[7673] Fix | Delete

var self = this;

[7674] Fix | Delete

[7675] Fix | Delete

this.dropdown.on('*', function (name, params) {

[7676] Fix | Delete

self.trigger(name, params);

[7677] Fix | Delete

});

[7678] Fix | Delete

};

[7679] Fix | Delete

[7680] Fix | Delete

Select2.prototype._registerResultsEvents = function () {

[7681] Fix | Delete

var self = this;

[7682] Fix | Delete

[7683] Fix | Delete

this.results.on('*', function (name, params) {

[7684] Fix | Delete

self.trigger(name, params);

[7685] Fix | Delete

});

[7686] Fix | Delete

};

[7687] Fix | Delete

[7688] Fix | Delete

Select2.prototype._registerEvents = function () {

[7689] Fix | Delete

var self = this;

[7690] Fix | Delete

[7691] Fix | Delete

this.on('open', function () {

[7692] Fix | Delete

self.$container.addClass('pumselect2-container--open');

[7693] Fix | Delete

});

[7694] Fix | Delete

[7695] Fix | Delete

this.on('close', function () {

[7696] Fix | Delete

self.$container.removeClass('pumselect2-container--open');

[7697] Fix | Delete

});

[7698] Fix | Delete

[7699] Fix | Delete

this.on('enable', function () {

[7700] Fix | Delete

self.$container.removeClass('pumselect2-container--disabled');

[7701] Fix | Delete

});

[7702] Fix | Delete

[7703] Fix | Delete

this.on('disable', function () {

[7704] Fix | Delete

self.$container.addClass('pumselect2-container--disabled');

[7705] Fix | Delete

});

[7706] Fix | Delete

[7707] Fix | Delete

this.on('blur', function () {

[7708] Fix | Delete

self.$container.removeClass('pumselect2-container--focus');

[7709] Fix | Delete

});

[7710] Fix | Delete

[7711] Fix | Delete

this.on('query', function (params) {

[7712] Fix | Delete

if (!self.isOpen()) {

[7713] Fix | Delete

self.trigger('open', {});

[7714] Fix | Delete

}

[7715] Fix | Delete

[7716] Fix | Delete

this.dataAdapter.query(params, function (data) {

[7717] Fix | Delete

self.trigger('results:all', {

[7718] Fix | Delete

data: data,

[7719] Fix | Delete

query: params

[7720] Fix | Delete

});

[7721] Fix | Delete

});

[7722] Fix | Delete

});

[7723] Fix | Delete

[7724] Fix | Delete

this.on('query:append', function (params) {

[7725] Fix | Delete

this.dataAdapter.query(params, function (data) {

[7726] Fix | Delete

self.trigger('results:append', {

[7727] Fix | Delete

data: data,

[7728] Fix | Delete

query: params

[7729] Fix | Delete

});

[7730] Fix | Delete

});

[7731] Fix | Delete

});

[7732] Fix | Delete

[7733] Fix | Delete

this.on('keypress', function (evt) {

[7734] Fix | Delete

var key = evt.which;

[7735] Fix | Delete

[7736] Fix | Delete

if (self.isOpen()) {

[7737] Fix | Delete

if (key === KEYS.ESC || key === KEYS.TAB ||

[7738] Fix | Delete

(key === KEYS.UP && evt.altKey)) {

[7739] Fix | Delete

self.close();

[7740] Fix | Delete

[7741] Fix | Delete

evt.preventDefault();

[7742] Fix | Delete

} else if (key === KEYS.ENTER) {

[7743] Fix | Delete

self.trigger('results:select', {});

[7744] Fix | Delete

[7745] Fix | Delete

evt.preventDefault();

[7746] Fix | Delete

} else if ((key === KEYS.SPACE && evt.ctrlKey)) {

[7747] Fix | Delete

self.trigger('results:toggle', {});

[7748] Fix | Delete

[7749] Fix | Delete

evt.preventDefault();

[7750] Fix | Delete

} else if (key === KEYS.UP) {

[7751] Fix | Delete

self.trigger('results:previous', {});

[7752] Fix | Delete

[7753] Fix | Delete

evt.preventDefault();

[7754] Fix | Delete

} else if (key === KEYS.DOWN) {

[7755] Fix | Delete

self.trigger('results:next', {});

[7756] Fix | Delete

[7757] Fix | Delete

evt.preventDefault();

[7758] Fix | Delete

}

[7759] Fix | Delete

} else {

[7760] Fix | Delete

if (key === KEYS.ENTER || key === KEYS.SPACE ||

[7761] Fix | Delete

(key === KEYS.DOWN && evt.altKey)) {

[7762] Fix | Delete

self.open();

[7763] Fix | Delete

[7764] Fix | Delete

evt.preventDefault();

[7765] Fix | Delete

}

[7766] Fix | Delete

}

[7767] Fix | Delete

});

[7768] Fix | Delete

};

[7769] Fix | Delete

[7770] Fix | Delete

Select2.prototype._syncAttributes = function () {

[7771] Fix | Delete

this.options.set('disabled', this.$element.prop('disabled'));

[7772] Fix | Delete

[7773] Fix | Delete

if (this.options.get('disabled')) {

[7774] Fix | Delete

if (this.isOpen()) {

[7775] Fix | Delete

this.close();

[7776] Fix | Delete

}

[7777] Fix | Delete

[7778] Fix | Delete

this.trigger('disable', {});

[7779] Fix | Delete

} else {

[7780] Fix | Delete

this.trigger('enable', {});

[7781] Fix | Delete

}

[7782] Fix | Delete

};

[7783] Fix | Delete

[7784] Fix | Delete

/**

[7785] Fix | Delete

* Override the trigger method to automatically trigger pre-events when

[7786] Fix | Delete

* there are events that can be prevented.

[7787] Fix | Delete

[7788] Fix | Delete

Select2.prototype.trigger = function (name, args) {

[7789] Fix | Delete

var actualTrigger = Select2.__super__.trigger;

[7790] Fix | Delete

var preTriggerMap = {

[7791] Fix | Delete

'open': 'opening',

[7792] Fix | Delete

'close': 'closing',

[7793] Fix | Delete

'select': 'selecting',

[7794] Fix | Delete

'unselect': 'unselecting'

[7795] Fix | Delete

};

[7796] Fix | Delete

[7797] Fix | Delete

if (args === undefined) {

[7798] Fix | Delete

args = {};

[7799] Fix | Delete

}

[7800] Fix | Delete

[7801] Fix | Delete

if (name in preTriggerMap) {

[7802] Fix | Delete

var preTriggerName = preTriggerMap[name];

[7803] Fix | Delete

var preTriggerArgs = {

[7804] Fix | Delete

prevented: false,

[7805] Fix | Delete

name: name,

[7806] Fix | Delete

args: args

[7807] Fix | Delete

};

[7808] Fix | Delete

[7809] Fix | Delete

actualTrigger.call(this, preTriggerName, preTriggerArgs);

[7810] Fix | Delete

[7811] Fix | Delete

if (preTriggerArgs.prevented) {

[7812] Fix | Delete

args.prevented = true;

[7813] Fix | Delete

[7814] Fix | Delete

return;

[7815] Fix | Delete

}

[7816] Fix | Delete

}

[7817] Fix | Delete

[7818] Fix | Delete

actualTrigger.call(this, name, args);

[7819] Fix | Delete

};

[7820] Fix | Delete

[7821] Fix | Delete

Select2.prototype.toggleDropdown = function () {

[7822] Fix | Delete

if (this.options.get('disabled')) {

[7823] Fix | Delete

return;

[7824] Fix | Delete

}

[7825] Fix | Delete

[7826] Fix | Delete

if (this.isOpen()) {

[7827] Fix | Delete

this.close();

[7828] Fix | Delete

} else {

[7829] Fix | Delete

this.open();

[7830] Fix | Delete

}

[7831] Fix | Delete

};

[7832] Fix | Delete

[7833] Fix | Delete

Select2.prototype.open = function () {

[7834] Fix | Delete

if (this.isOpen()) {

[7835] Fix | Delete

return;

[7836] Fix | Delete

}

[7837] Fix | Delete

[7838] Fix | Delete

this.trigger('query', {});

[7839] Fix | Delete

};

[7840] Fix | Delete

[7841] Fix | Delete

Select2.prototype.close = function () {

[7842] Fix | Delete

if (!this.isOpen()) {

[7843] Fix | Delete

return;

[7844] Fix | Delete

}

[7845] Fix | Delete

[7846] Fix | Delete

this.trigger('close', {});

[7847] Fix | Delete

};

[7848] Fix | Delete

[7849] Fix | Delete

Select2.prototype.isOpen = function () {

[7850] Fix | Delete

return this.$container.hasClass('pumselect2-container--open');

[7851] Fix | Delete

};

[7852] Fix | Delete

[7853] Fix | Delete

Select2.prototype.hasFocus = function () {

[7854] Fix | Delete

return this.$container.hasClass('pumselect2-container--focus');

[7855] Fix | Delete

};

[7856] Fix | Delete

[7857] Fix | Delete

Select2.prototype.focus = function (data) {

[7858] Fix | Delete

// No need to re-trigger focus events if we are already focused

[7859] Fix | Delete

if (this.hasFocus()) {

[7860] Fix | Delete

return;

[7861] Fix | Delete

}

[7862] Fix | Delete

[7863] Fix | Delete

this.$container.addClass('pumselect2-container--focus');

[7864] Fix | Delete

this.trigger('focus', {});

[7865] Fix | Delete

};

[7866] Fix | Delete

[7867] Fix | Delete

Select2.prototype.enable = function (args) {

[7868] Fix | Delete

if (this.options.get('debug') && window.console && console.warn) {

[7869] Fix | Delete

console.warn(

[7870] Fix | Delete

'Select2: The `pumselect2("enable")` method has been deprecated and will' +

[7871] Fix | Delete

' be removed in later Select2 versions. Use $element.prop("disabled")' +

[7872] Fix | Delete

' instead.'

[7873] Fix | Delete

);

[7874] Fix | Delete

}

[7875] Fix | Delete

[7876] Fix | Delete

if (args == null || args.length === 0) {

[7877] Fix | Delete

args = [true];

[7878] Fix | Delete

}

[7879] Fix | Delete

[7880] Fix | Delete

var disabled = !args[0];

[7881] Fix | Delete

[7882] Fix | Delete

this.$element.prop('disabled', disabled);

[7883] Fix | Delete

};

[7884] Fix | Delete

[7885] Fix | Delete

Select2.prototype.data = function () {

[7886] Fix | Delete

if (this.options.get('debug') &&

[7887] Fix | Delete

arguments.length > 0 && window.console && console.warn) {

[7888] Fix | Delete

console.warn(

[7889] Fix | Delete

'Select2: Data can no longer be set using `pumselect2("data")`. You ' +

[7890] Fix | Delete

'should consider setting the value instead using `$element.val()`.'

[7891] Fix | Delete

);

[7892] Fix | Delete

}

[7893] Fix | Delete

[7894] Fix | Delete

var data = [];

[7895] Fix | Delete

[7896] Fix | Delete

this.dataAdapter.current(function (currentData) {

[7897] Fix | Delete

data = currentData;

[7898] Fix | Delete

});

[7899] Fix | Delete

[7900] Fix | Delete

return data;

[7901] Fix | Delete

};

[7902] Fix | Delete

[7903] Fix | Delete

Select2.prototype.val = function (args) {

[7904] Fix | Delete

if (this.options.get('debug') && window.console && console.warn) {

[7905] Fix | Delete

console.warn(

[7906] Fix | Delete

'Select2: The `pumselect2("val")` method has been deprecated and will be' +

[7907] Fix | Delete

' removed in later Select2 versions. Use $element.val() instead.'

[7908] Fix | Delete

);

[7909] Fix | Delete

}

[7910] Fix | Delete

[7911] Fix | Delete

if (args == null || args.length === 0) {

[7912] Fix | Delete

return this.$element.val();

[7913] Fix | Delete

}

[7914] Fix | Delete

[7915] Fix | Delete

var newVal = args[0];

[7916] Fix | Delete

[7917] Fix | Delete

if ($.isArray(newVal)) {

[7918] Fix | Delete

newVal = $.map(newVal, function (obj) {

[7919] Fix | Delete

return obj.toString();

[7920] Fix | Delete

});

[7921] Fix | Delete

}

[7922] Fix | Delete

[7923] Fix | Delete

this.$element.val(newVal).trigger('change');

[7924] Fix | Delete

};

[7925] Fix | Delete

[7926] Fix | Delete

Select2.prototype.destroy = function () {

[7927] Fix | Delete

this.$container.remove();

[7928] Fix | Delete

[7929] Fix | Delete

if (this.$element[0].detachEvent) {

[7930] Fix | Delete

this.$element[0].detachEvent('onpropertychange', this._sync);

[7931] Fix | Delete

}

[7932] Fix | Delete

[7933] Fix | Delete

if (this._observer != null) {

[7934] Fix | Delete

this._observer.disconnect();

[7935] Fix | Delete

this._observer = null;

[7936] Fix | Delete

} else if (this.$element[0].removeEventListener) {

[7937] Fix | Delete

this.$element[0]

[7938] Fix | Delete

.removeEventListener('DOMAttrModified', this._sync, false);

[7939] Fix | Delete

}

[7940] Fix | Delete

[7941] Fix | Delete

this._sync = null;

[7942] Fix | Delete

[7943] Fix | Delete

this.$element.off('.pumselect2');

[7944] Fix | Delete

this.$element.attr('tabindex', this.$element.data('old-tabindex'));

[7945] Fix | Delete

[7946] Fix | Delete

this.$element.removeClass('pumselect2-hidden-accessible');

[7947] Fix | Delete

this.$element.attr('aria-hidden', 'false');

[7948] Fix | Delete

this.$element.removeData('pumselect2');

[7949] Fix | Delete

[7950] Fix | Delete

this.dataAdapter.destroy();

[7951] Fix | Delete

this.selection.destroy();

[7952] Fix | Delete

this.dropdown.destroy();

[7953] Fix | Delete

this.results.destroy();

[7954] Fix | Delete

[7955] Fix | Delete

this.dataAdapter = null;

[7956] Fix | Delete

this.selection = null;

[7957] Fix | Delete

this.dropdown = null;

[7958] Fix | Delete

this.results = null;

[7959] Fix | Delete

};

[7960] Fix | Delete

[7961] Fix | Delete

Select2.prototype.render = function () {

[7962] Fix | Delete

var $container = $(

[7963] Fix | Delete

'' +

[7964] Fix | Delete

'' +

[7965] Fix | Delete

'' +

[7966] Fix | Delete

''

[7967] Fix | Delete

);

[7968] Fix | Delete

[7969] Fix | Delete

$container.attr('dir', this.options.get('dir'));

[7970] Fix | Delete

[7971] Fix | Delete

this.$container = $container;

[7972] Fix | Delete

[7973] Fix | Delete

this.$container.addClass('pumselect2-container--' + this.options.get('theme'));

[7974] Fix | Delete

[7975] Fix | Delete

$container.data('element', this.$element);

[7976] Fix | Delete

[7977] Fix | Delete

return $container;

[7978] Fix | Delete

};

[7979] Fix | Delete

[7980] Fix | Delete

return Select2;

[7981] Fix | Delete

});

[7982] Fix | Delete

[7983] Fix | Delete

S2.define('pumselect2/compat/utils',[

[7984] Fix | Delete

'jquery'

[7985] Fix | Delete

], function ($) {

[7986] Fix | Delete

function syncCssClasses ($dest, $src, adapter) {

[7987] Fix | Delete

var classes, replacements = [], adapted;

[7988] Fix | Delete

[7989] Fix | Delete

classes = $.trim($dest.attr('class'));

[7990] Fix | Delete

[7991] Fix | Delete

if (classes) {

[7992] Fix | Delete

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

[7993] Fix | Delete

[7994] Fix | Delete

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

[7995] Fix | Delete

// Save all Select2 classes

[7996] Fix | Delete

if (this.indexOf('pumselect2-') === 0) {

[7997] Fix | Delete

replacements.push(this);

[7998] Fix | Delete

}

[7999] Fix | Delete

1 ...13 14 151617 18