').hide().insertBefore($target);\n\n\t\t\t$events.one(event_purge, function () {\n\t\t\t\t$inline.replaceWith($target);\n\t\t\t});\n\n\t\t\tprep($target);\n\t\t} else if (settings.get('iframe')) {\n\t\t\t// IFrame element won't be added to the DOM until it is ready to be displayed,\n\t\t\t// to avoid problems with DOM-ready JS that might be trying to run in that iframe.\n\t\t\tprep(\" \");\n\t\t} else if (settings.get('html')) {\n\t\t\tprep(settings.get('html'));\n\t\t} else if (isImage(settings, href)) {\n\n\t\t\thref = retinaUrl(settings, href);\n\n\t\t\tphoto = settings.get('createImg');\n\n\t\t\t$(photo)\n\t\t\t.addClass(prefix + 'Photo')\n\t\t\t.bind('error.'+prefix,function () {\n\t\t\t\tprep($tag(div, 'Error').html(settings.get('imgError')));\n\t\t\t})\n\t\t\t.one('load', function () {\n\t\t\t\tif (request !== requests) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\n\t\t\t\t// A small pause because some browsers will occassionaly report a\n\t\t\t\t// img.width and img.height of zero immediately after the img.onload fires\n\t\t\t\tsetTimeout(function(){\n\t\t\t\t\tvar percent;\n\n\t\t\t\t\tif (settings.get('retinaImage') && window.devicePixelRatio > 1) {\n\t\t\t\t\t\tphoto.height = photo.height / window.devicePixelRatio;\n\t\t\t\t\t\tphoto.width = photo.width / window.devicePixelRatio;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (settings.get('scalePhotos')) {\n\t\t\t\t\t\tsetResize = function () {\n\t\t\t\t\t\t\tphoto.height -= photo.height * percent;\n\t\t\t\t\t\t\tphoto.width -= photo.width * percent;\n\t\t\t\t\t\t};\n\t\t\t\t\t\tif (settings.mw && photo.width > settings.mw) {\n\t\t\t\t\t\t\tpercent = (photo.width - settings.mw) / photo.width;\n\t\t\t\t\t\t\tsetResize();\n\t\t\t\t\t\t}\n\t\t\t\t\t\tif (settings.mh && photo.height > settings.mh) {\n\t\t\t\t\t\t\tpercent = (photo.height - settings.mh) / photo.height;\n\t\t\t\t\t\t\tsetResize();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tif (settings.h) {\n\t\t\t\t\t\tphoto.style.marginTop = Math.max(settings.mh - photo.height, 0) / 2 + 'px';\n\t\t\t\t\t}\n\n\t\t\t\t\tif ($related[1] && (settings.get('loop') || $related[index + 1])) {\n\t\t\t\t\t\tphoto.style.cursor = 'pointer';\n\n\t\t\t\t\t\t$(photo).bind('click.'+prefix, function () {\n\t\t\t\t\t\t\tpublicMethod.next();\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tphoto.style.width = photo.width + 'px';\n\t\t\t\t\tphoto.style.height = photo.height + 'px';\n\t\t\t\t\tprep(photo);\n\t\t\t\t}, 1);\n\t\t\t});\n\n\t\t\tphoto.src = href;\n\n\t\t} else if (href) {\n\t\t\t$loadingBay.load(href, settings.get('data'), function (data, status) {\n\t\t\t\tif (request === requests) {\n\t\t\t\t\tprep(status === 'error' ? $tag(div, 'Error').html(settings.get('xhrError')) : $(this).contents());\n\t\t\t\t}\n\t\t\t});\n\t\t}\n\t}\n\n\t// Navigates to the next page/image in a set.\n\tpublicMethod.next = function () {\n\t\tif (!active && $related[1] && (settings.get('loop') || $related[index + 1])) {\n\t\t\tindex = getIndex(1);\n\t\t\tlaunch($related[index]);\n\t\t}\n\t};\n\n\tpublicMethod.prev = function () {\n\t\tif (!active && $related[1] && (settings.get('loop') || index)) {\n\t\t\tindex = getIndex(-1);\n\t\t\tlaunch($related[index]);\n\t\t}\n\t};\n\n\t// Note: to use this within an iframe use the following format: parent.jQuery.colorbox.close();\n\tpublicMethod.close = function () {\n\t\tif (open && !closing) {\n\n\t\t\tclosing = true;\n\t\t\topen = false;\n\t\t\ttrigger(event_cleanup);\n\t\t\tsettings.get('onCleanup');\n\t\t\t$window.unbind('.' + prefix);\n\t\t\t$overlay.fadeTo(settings.get('fadeOut') || 0, 0);\n\n\t\t\t$box.stop().fadeTo(settings.get('fadeOut') || 0, 0, function () {\n\t\t\t\t$box.hide();\n\t\t\t\t$overlay.hide();\n\t\t\t\ttrigger(event_purge);\n\t\t\t\t$loaded.remove();\n\n\t\t\t\tsetTimeout(function () {\n\t\t\t\t\tclosing = false;\n\t\t\t\t\ttrigger(event_closed);\n\t\t\t\t\tsettings.get('onClosed');\n\t\t\t\t}, 1);\n\t\t\t});\n\t\t}\n\t};\n\n\t// Removes changes Colorbox made to the document, but does not remove the plugin.\n\tpublicMethod.remove = function () {\n\t\tif (!$box) { return; }\n\n\t\t$box.stop();\n\t\t$[colorbox].close();\n\t\t$box.stop(false, true).remove();\n\t\t$overlay.remove();\n\t\tclosing = false;\n\t\t$box = null;\n\t\t$('.' + boxElement)\n\t\t\t.removeData(colorbox)\n\t\t\t.removeClass(boxElement);\n\n\t\t$(document).unbind('click.'+prefix).unbind('keydown.'+prefix);\n\t};\n\n\t// A method for fetching the current element Colorbox is referencing.\n\t// returns a jQuery object.\n\tpublicMethod.element = function () {\n\t\treturn $(settings.el);\n\t};\n\n\tpublicMethod.settings = defaults;\n\n}(jQuery, document, window));\n","(function(factory) {\n if (typeof module === 'object' && typeof module.exports === 'object') {\n factory(require('jquery'));\n } else if (typeof define === 'function' && define.amd) {\n // AMD. Register as an anonymous module.\n define([], factory(window.jQuery));\n } else {\n factory(window.jQuery);\n }\n}(function($) {\n 'use strict';\n\n var $doc = $(document);\n var $win = $(window);\n\n var pluginName = 'selectric';\n var classList = 'Input Items Open Disabled TempShow HideSelect Wrapper Focus Hover Responsive Above Scroll Group GroupLabel';\n var bindSufix = '.sl';\n\n var chars = ['a', 'e', 'i', 'o', 'u', 'n', 'c', 'y'];\n var diacritics = [\n /[\\xE0-\\xE5]/g, // a\n /[\\xE8-\\xEB]/g, // e\n /[\\xEC-\\xEF]/g, // i\n /[\\xF2-\\xF6]/g, // o\n /[\\xF9-\\xFC]/g, // u\n /[\\xF1]/g, // n\n /[\\xE7]/g, // c\n /[\\xFD-\\xFF]/g // y\n ];\n\n /**\n * Create an instance of Selectric\n *\n * @constructor\n * @param {Node} element - The <select> element\n * @param {object} opts - Options\n */\n var Selectric = function(element, opts) {\n var _this = this;\n\n _this.element = element;\n _this.$element = $(element);\n\n _this.state = {\n enabled : false,\n opened : false,\n currValue : -1,\n selectedIdx : -1\n };\n\n _this.eventTriggers = {\n open : _this.open,\n close : _this.close,\n destroy : _this.destroy,\n refresh : _this.refresh,\n init : _this.init\n };\n\n _this.init(opts);\n };\n\n Selectric.prototype = {\n utils: {\n /**\n * Detect mobile browser\n *\n * @return {boolean}\n */\n isMobile: function() {\n return /android|ip(hone|od|ad)/i.test(navigator.userAgent);\n },\n\n /**\n * Escape especial characters in string (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions)\n *\n * @param {string} str - The string to be escaped\n * @return {string} The string with the special characters escaped\n */\n escapeRegExp: function(str) {\n return str.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n },\n\n /**\n * Replace diacritics\n *\n * @param {string} str - The string to replace the diacritics\n * @return {string} The string with diacritics replaced with ascii characters\n */\n replaceDiacritics: function(str) {\n var k = diacritics.length;\n\n while (k--) {\n str = str.toLowerCase().replace(diacritics[k], chars[k]);\n }\n\n return str;\n },\n\n /**\n * Format string\n * https://gist.github.com/atesgoral/984375\n *\n * @param {string} f - String to be formated\n * @return {string} String formated\n */\n format: function (f) {\n var a = arguments; // store outer arguments\n return ('' + f) // force format specifier to String\n .replace( // replace tokens in format specifier\n /\\{(?:(\\d+)|(\\w+))\\}/g, // match {token} references\n function (\n s, // the matched string (ignored)\n i, // an argument index\n p // a property name\n ) {\n return p && a[1] // if property name and first argument exist\n ? a[1][p] // return property from first argument\n : a[i]; // assume argument index and return i-th argument\n });\n },\n\n /**\n * Get the next enabled item in the options list.\n *\n * @param {object} selectItems - The options object.\n * @param {number} selected - Index of the currently selected option.\n * @return {object} The next enabled item.\n */\n nextEnabledItem: function(selectItems, selected) {\n while ( selectItems[ selected = (selected + 1) % selectItems.length ].disabled ) {\n // empty\n }\n return selected;\n },\n\n /**\n * Get the previous enabled item in the options list.\n *\n * @param {object} selectItems - The options object.\n * @param {number} selected - Index of the currently selected option.\n * @return {object} The previous enabled item.\n */\n previousEnabledItem: function(selectItems, selected) {\n while ( selectItems[ selected = (selected > 0 ? selected : selectItems.length) - 1 ].disabled ) {\n // empty\n }\n return selected;\n },\n\n /**\n * Transform camelCase string to dash-case.\n *\n * @param {string} str - The camelCased string.\n * @return {string} The string transformed to dash-case.\n */\n toDash: function(str) {\n return str.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();\n },\n\n /**\n * Calls the events and hooks registered with function name.\n *\n * @param {string} fn - The name of the function.\n * @param {number} scope - Scope that should be set on the function.\n */\n triggerCallback: function(fn, scope) {\n var elm = scope.element;\n var func = scope.options['on' + fn];\n\n if ( $.isFunction(func) ) {\n func.call(elm, elm, scope);\n }\n\n if ( $.fn[pluginName].hooks[fn] ) {\n $.each($.fn[pluginName].hooks[fn], function() {\n this.call(elm, elm, scope);\n });\n }\n\n $(elm).trigger(pluginName + '-' + this.toDash(fn), scope);\n }\n },\n\n /** Initializes */\n init: function(opts) {\n var _this = this;\n\n // Set options\n _this.options = $.extend(true, {}, $.fn[pluginName].defaults, _this.options, opts);\n\n _this.utils.triggerCallback('BeforeInit', _this);\n\n // Preserve data\n _this.destroy(true);\n\n // Disable on mobile browsers\n if ( _this.options.disableOnMobile && _this.utils.isMobile() ) {\n _this.disableOnMobile = true;\n return;\n }\n\n // Get classes\n _this.classes = _this.getClassNames();\n\n // Create elements\n var input = $('
', { 'class': _this.classes.input, 'readonly': _this.utils.isMobile() });\n var items = $('
', { 'class': _this.classes.items, 'tabindex': -1 });\n var itemsScroll = $('
', { 'class': _this.classes.scroll });\n var wrapper = $('
', { 'class': _this.classes.prefix, 'html': _this.options.arrowButtonMarkup });\n var label = $('
', { 'class': 'label' });\n var outerWrapper = _this.$element.wrap('
').parent().append(wrapper.prepend(label), items, input);\n\n _this.elements = {\n input : input,\n items : items,\n itemsScroll : itemsScroll,\n wrapper : wrapper,\n label : label,\n outerWrapper : outerWrapper\n };\n\n _this.$element\n .on(_this.eventTriggers)\n .wrap('
');\n\n _this.originalTabindex = _this.$element.prop('tabindex');\n _this.$element.prop('tabindex', false);\n\n _this.populate();\n _this.activate();\n\n _this.utils.triggerCallback('Init', _this);\n },\n\n /** Activates the plugin */\n activate: function() {\n var _this = this;\n var originalWidth = _this.$element.width();\n\n _this.utils.triggerCallback('BeforeActivate', _this);\n\n _this.elements.outerWrapper.prop('class', [\n _this.classes.wrapper,\n _this.$element.prop('class').replace(/\\S+/g, _this.classes.prefix + '-$&'),\n _this.options.responsive ? _this.classes.responsive : ''\n ].join(' '));\n\n if ( _this.options.inheritOriginalWidth && originalWidth > 0 ) {\n _this.elements.outerWrapper.width(originalWidth);\n }\n\n if ( !_this.$element.prop('disabled') ) {\n _this.state.enabled = true;\n\n // Not disabled, so... Removing disabled class\n _this.elements.outerWrapper.removeClass(_this.classes.disabled);\n\n // Remove styles from items box\n // Fix incorrect height when refreshed is triggered with fewer options\n _this.$li = _this.elements.items.removeAttr('style').find('li');\n\n _this.bindEvents();\n } else {\n _this.elements.outerWrapper.addClass(_this.classes.disabled);\n _this.elements.input.prop('disabled', true);\n }\n\n _this.utils.triggerCallback('Activate', _this);\n },\n\n /**\n * Generate classNames for elements\n *\n * @return {object} Classes object\n */\n getClassNames: function() {\n var _this = this;\n var customClass = _this.options.customClass;\n var classesObj = {};\n\n $.each(classList.split(' '), function(i, currClass) {\n var c = customClass.prefix + currClass;\n classesObj[currClass.toLowerCase()] = customClass.camelCase ? c : _this.utils.toDash(c);\n });\n\n classesObj.prefix = customClass.prefix;\n\n return classesObj;\n },\n\n /** Set the label text */\n setLabel: function() {\n var _this = this;\n var labelBuilder = _this.options.labelBuilder;\n var currItem = _this.lookupItems[_this.state.currValue];\n\n _this.elements.label.html(\n $.isFunction(labelBuilder)\n ? labelBuilder(currItem)\n : _this.utils.format(labelBuilder, currItem)\n );\n },\n\n /** Get and save the available options */\n populate: function() {\n var _this = this;\n var $options = _this.$element.children();\n var $justOptions = _this.$element.find('option');\n var selectedIndex = $justOptions.index($justOptions.filter(':selected'));\n var currIndex = 0;\n\n _this.state.currValue = (_this.state.selected = ~selectedIndex ? selectedIndex : 0);\n _this.state.selectedIdx = _this.state.currValue;\n _this.items = [];\n _this.lookupItems = [];\n\n if ( $options.length ) {\n // Build options markup\n $options.each(function(i) {\n var $elm = $(this);\n\n if ( $elm.is('optgroup') ) {\n\n var optionsGroup = {\n element : $elm,\n label : $elm.prop('label'),\n groupDisabled : $elm.prop('disabled'),\n items : []\n };\n\n $elm.children().each(function(i) {\n var $elm = $(this);\n var optionText = $elm.html();\n\n optionsGroup.items[i] = {\n index : currIndex,\n element : $elm,\n value : $elm.val(),\n text : optionText,\n slug : _this.utils.replaceDiacritics(optionText),\n disabled : optionsGroup.groupDisabled\n };\n\n _this.lookupItems[currIndex] = optionsGroup.items[i];\n\n currIndex++;\n });\n\n _this.items[i] = optionsGroup;\n\n } else {\n\n var optionText = $elm.html();\n\n _this.items[i] = {\n index : currIndex,\n element : $elm,\n value : $elm.val(),\n text : optionText,\n slug : _this.utils.replaceDiacritics(optionText),\n disabled : $elm.prop('disabled')\n };\n\n _this.lookupItems[currIndex] = _this.items[i];\n\n currIndex++;\n\n }\n });\n\n _this.setLabel();\n _this.elements.items.append( _this.elements.itemsScroll.html( _this.getItemsMarkup(_this.items) ) );\n }\n },\n\n /**\n * Generate options markup\n *\n * @param {object} items - Object containing all available options\n * @return {string} HTML for the options box\n */\n getItemsMarkup: function(items) {\n var _this = this;\n var markup = '
';\n\n $.each(items, function(i, elm) {\n if ( elm.label !== undefined ) {\n\n markup += _this.utils.format('- {3}
',\n $.trim([_this.classes.group, elm.groupDisabled ? 'disabled' : '', elm.element.prop('class')].join(' ')),\n _this.classes.grouplabel,\n elm.element.prop('label')\n );\n\n $.each(elm.items, function(i, elm) {\n markup += _this.getItemMarkup(elm.index, elm);\n });\n\n markup += '
';\n\n } else {\n\n markup += _this.getItemMarkup(elm.index, elm);\n\n }\n });\n\n return markup + '
';\n },\n\n /**\n * Generate every option markup\n *\n * @param {number} i - Index of current item\n * @param {object} elm - Current item\n * @return {string} HTML for the option\n */\n getItemMarkup: function(i, elm) {\n var _this = this;\n var itemBuilder = _this.options.optionsItemBuilder;\n\n return _this.utils.format('
{3}',\n i,\n $.trim([\n i === _this.state.currValue ? 'selected' : '',\n i === _this.items.length - 1 ? 'last' : '',\n elm.disabled ? 'disabled' : ''\n ].join(' ')),\n $.isFunction(itemBuilder) ? itemBuilder(elm, elm.element, i) : _this.utils.format(itemBuilder, elm)\n );\n },\n\n /** Bind events on the elements */\n bindEvents: function() {\n var _this = this;\n\n _this.elements.wrapper\n .add(_this.$element)\n .add(_this.elements.outerWrapper)\n .add(_this.elements.input)\n .off(bindSufix);\n\n _this.elements.outerWrapper.on('mouseenter' + bindSufix + ' mouseleave' + bindSufix, function(e) {\n $(this).toggleClass(_this.classes.hover, e.type === 'mouseenter');\n\n // Delay close effect when openOnHover is true\n if ( _this.options.openOnHover ) {\n clearTimeout(_this.closeTimer);\n\n if ( e.type === 'mouseleave' ) {\n _this.closeTimer = setTimeout($.proxy(_this.close, _this), _this.options.hoverIntentTimeout);\n } else {\n _this.open();\n }\n }\n });\n\n // Toggle open/close\n _this.elements.wrapper.on('click' + bindSufix, function(e) {\n _this.state.opened ? _this.close() : _this.open(e);\n });\n\n _this.elements.input\n .prop({ tabindex: _this.originalTabindex, disabled: false })\n .on('keydown' + bindSufix, $.proxy(_this.handleKeys, _this))\n .on('focusin' + bindSufix, function(e) {\n _this.elements.outerWrapper.addClass(_this.classes.focus);\n\n // Prevent the flicker when focusing out and back again in the browser window\n _this.elements.input.one('blur', function() {\n _this.elements.input.blur();\n });\n\n if ( _this.options.openOnFocus && !_this.state.opened ) {\n _this.open(e);\n }\n })\n .on('focusout' + bindSufix, function() {\n _this.elements.outerWrapper.removeClass(_this.classes.focus);\n })\n .on('input propertychange', function() {\n var val = _this.elements.input.val();\n\n // Clear search\n clearTimeout(_this.resetStr);\n _this.resetStr = setTimeout(function() {\n _this.elements.input.val('');\n }, _this.options.keySearchTimeout);\n\n if ( val.length ) {\n // Search in select options\n $.each(_this.items, function(i, elm) {\n if ( RegExp('^' + _this.utils.escapeRegExp(val), 'i').test(elm.slug) && !elm.disabled ) {\n _this.select(i);\n return false;\n }\n });\n }\n });\n\n _this.$li.on({\n // Prevent
blur on Chrome\n mousedown: function(e) {\n e.preventDefault();\n e.stopPropagation();\n },\n click: function() {\n // The second parameter is to close the box after click\n _this.select($(this).data('index'), true);\n\n // Chrome doesn't close options box if select is wrapped with a label\n // We need to 'return false' to avoid that\n return false;\n }\n });\n },\n\n /**\n * Behavior when keyboard keys is pressed\n *\n * @param {object} e - Event object\n */\n handleKeys: function(e) {\n var _this = this;\n var key = e.keyCode || e.which;\n var keys = _this.options.keys;\n\n var isPrev = $.inArray(key, keys.previous) > -1;\n var isNext = $.inArray(key, keys.next) > -1;\n var isSelect = $.inArray(key, keys.select) > -1;\n var isOpen = $.inArray(key, keys.open) > -1;\n var idx = _this.state.selectedIdx;\n var isFirstOrLastItem = (isPrev && idx === 0) || (isNext && (idx + 1) === _this.items.length);\n var goToItem = 0;\n\n // Enter / Space\n if ( key === 13 || key === 32 ) {\n e.preventDefault();\n }\n\n // If it's a directional key\n if ( isPrev || isNext ) {\n if ( !_this.options.allowWrap && isFirstOrLastItem ) {\n return;\n }\n\n if ( isPrev ) {\n goToItem = _this.utils.previousEnabledItem(_this.items, idx);\n }\n\n if ( isNext ) {\n goToItem = _this.utils.nextEnabledItem(_this.items, idx);\n }\n\n _this.select(goToItem);\n }\n\n // Tab / Enter / ESC\n if ( isSelect && _this.state.opened ) {\n _this.select(idx, true);\n return;\n }\n\n // Space / Enter / Left / Up / Right / Down\n if ( isOpen && !_this.state.opened ) {\n _this.open();\n }\n },\n\n /** Update the items object */\n refresh: function() {\n var _this = this;\n\n _this.populate();\n _this.activate();\n _this.utils.triggerCallback('Refresh', _this);\n },\n\n /** Set options box width/height */\n setOptionsDimensions: function() {\n var _this = this;\n\n // Calculate options box height\n // Set a temporary class on the hidden parent of the element\n var hiddenChildren = _this.elements.items.closest(':visible').children(':hidden').addClass(_this.classes.tempshow);\n var maxHeight = _this.options.maxHeight;\n var itemsWidth = _this.elements.items.outerWidth();\n var wrapperWidth = _this.elements.wrapper.outerWidth() - (itemsWidth - _this.elements.items.width());\n\n // Set the dimensions, minimum is wrapper width, expand for long items if option is true\n if ( !_this.options.expandToItemText || wrapperWidth > itemsWidth ) {\n _this.finalWidth = wrapperWidth;\n } else {\n // Make sure the scrollbar width is included\n _this.elements.items.css('overflow', 'scroll');\n\n // Set a really long width for _this.elements.outerWrapper\n _this.elements.outerWrapper.width(9e4);\n _this.finalWidth = _this.elements.items.width();\n // Set scroll bar to auto\n _this.elements.items.css('overflow', '');\n _this.elements.outerWrapper.width('');\n }\n\n _this.elements.items.width(_this.finalWidth).height() > maxHeight && _this.elements.items.height(maxHeight);\n\n // Remove the temporary class\n hiddenChildren.removeClass(_this.classes.tempshow);\n },\n\n /** Detect if the options box is inside the window */\n isInViewport: function() {\n var _this = this;\n var scrollTop = $win.scrollTop();\n var winHeight = $win.height();\n var uiPosX = _this.elements.outerWrapper.offset().top;\n var uiHeight = _this.elements.outerWrapper.outerHeight();\n\n var fitsDown = (uiPosX + uiHeight + _this.itemsHeight) <= (scrollTop + winHeight);\n var fitsAbove = (uiPosX - _this.itemsHeight) > scrollTop;\n\n // If it does not fit below, only render it\n // above it fit's there.\n // It's acceptable that the user needs to\n // scroll the viewport to see the cut off UI\n var renderAbove = !fitsDown && fitsAbove;\n\n _this.elements.outerWrapper.toggleClass(_this.classes.above, renderAbove);\n },\n\n /**\n * Detect if currently selected option is visible and scroll the options box to show it\n *\n * @param {number} index - Index of the selected items\n */\n detectItemVisibility: function(index) {\n var _this = this;\n var liHeight = _this.$li.eq(index).outerHeight();\n var liTop = _this.$li[index].offsetTop;\n var itemsScrollTop = _this.elements.itemsScroll.scrollTop();\n var scrollT = liTop + liHeight * 2;\n\n _this.elements.itemsScroll.scrollTop(\n scrollT > itemsScrollTop + _this.itemsHeight ? scrollT - _this.itemsHeight :\n liTop - liHeight < itemsScrollTop ? liTop - liHeight :\n itemsScrollTop\n );\n },\n\n /**\n * Open the select options box\n *\n * @param {event} e - Event\n */\n open: function(e) {\n var _this = this;\n\n _this.utils.triggerCallback('BeforeOpen', _this);\n\n if ( e ) {\n e.preventDefault();\n e.stopPropagation();\n }\n\n if ( _this.state.enabled ) {\n _this.setOptionsDimensions();\n\n // Find any other opened instances of select and close it\n $('.' + _this.classes.hideselect, '.' + _this.classes.open).children()[pluginName]('close');\n\n _this.state.opened = true;\n _this.itemsHeight = _this.elements.items.outerHeight();\n _this.itemsInnerHeight = _this.elements.items.height();\n\n // Toggle options box visibility\n _this.elements.outerWrapper.addClass(_this.classes.open);\n\n // Give dummy input focus\n _this.elements.input.val('');\n if ( e && e.type !== 'focusin' ) {\n _this.elements.input.focus();\n }\n\n $doc\n .on('click' + bindSufix, $.proxy(_this.close, _this))\n .on('scroll' + bindSufix, $.proxy(_this.isInViewport, _this));\n _this.isInViewport();\n\n // Prevent window scroll when using mouse wheel inside items box\n if ( _this.options.preventWindowScroll ) {\n /* istanbul ignore next */\n $doc.on('mousewheel' + bindSufix + ' DOMMouseScroll' + bindSufix, '.' + _this.classes.scroll, function(e) {\n var orgEvent = e.originalEvent;\n var scrollTop = $(this).scrollTop();\n var deltaY = 0;\n\n if ( 'detail' in orgEvent ) { deltaY = orgEvent.detail * -1; }\n if ( 'wheelDelta' in orgEvent ) { deltaY = orgEvent.wheelDelta; }\n if ( 'wheelDeltaY' in orgEvent ) { deltaY = orgEvent.wheelDeltaY; }\n if ( 'deltaY' in orgEvent ) { deltaY = orgEvent.deltaY * -1; }\n\n if ( scrollTop === (this.scrollHeight - _this.itemsInnerHeight) && deltaY < 0 || scrollTop === 0 && deltaY > 0 ) {\n e.preventDefault();\n }\n });\n }\n\n _this.detectItemVisibility(_this.state.selectedIdx);\n\n _this.utils.triggerCallback('Open', _this);\n }\n },\n\n /** Close the select options box */\n close: function() {\n var _this = this;\n\n _this.utils.triggerCallback('BeforeClose', _this);\n\n _this.change();\n\n // Remove custom events on document\n $doc.off(bindSufix);\n\n // Remove visible class to hide options box\n _this.elements.outerWrapper.removeClass(_this.classes.open);\n\n _this.state.opened = false;\n\n _this.utils.triggerCallback('Close', _this);\n },\n\n /** Select current option and change the label */\n change: function() {\n var _this = this;\n\n _this.utils.triggerCallback('BeforeChange', _this);\n\n if ( _this.state.currValue !== _this.state.selectedIdx ) {\n // Apply changed value to original select\n _this.$element\n .prop('selectedIndex', _this.state.currValue = _this.state.selectedIdx)\n .data('value', _this.lookupItems[_this.state.selectedIdx].text);\n\n // Change label text\n _this.setLabel();\n }\n\n _this.utils.triggerCallback('Change', _this);\n },\n\n /**\n * Select option\n *\n * @param {number} index - Index of the option that will be selected\n * @param {boolean} close - Close the options box after selecting\n */\n select: function(index, close) {\n var _this = this;\n\n // Parameter index is required\n if ( index === undefined ) {\n return;\n }\n\n // If element is disabled, can't select it\n if ( !_this.lookupItems[index].disabled ) {\n _this.$li.filter('[data-index]')\n .removeClass('selected')\n .eq(_this.state.selectedIdx = index)\n .addClass('selected');\n\n _this.detectItemVisibility(index);\n\n // If 'close' is false (default), the options box won't close after\n // each selected item, this is necessary for keyboard navigation\n if ( close ) {\n _this.close();\n }\n }\n },\n\n /**\n * Unbind and remove\n *\n * @param {boolean} preserveData - Check if the data on the element should be removed too\n */\n destroy: function(preserveData) {\n var _this = this;\n\n if ( _this.state && _this.state.enabled ) {\n _this.elements.items.add(_this.elements.wrapper).add(_this.elements.input).remove();\n\n if ( !preserveData ) {\n _this.$element.removeData(pluginName).removeData('value');\n }\n\n _this.$element.prop('tabindex', _this.originalTabindex).off(bindSufix).off(_this.eventTriggers).unwrap().unwrap();\n\n _this.state.enabled = false;\n }\n }\n };\n\n // A really lightweight plugin wrapper around the constructor,\n // preventing against multiple instantiations\n $.fn[pluginName] = function(args) {\n return this.each(function() {\n var data = $.data(this, pluginName);\n\n if ( data && !data.disableOnMobile ) {\n (typeof args === 'string' && data[args]) ? data[args]() : data.init(args);\n } else {\n $.data(this, pluginName, new Selectric(this, args));\n }\n });\n };\n\n /**\n * Hooks for the callbacks\n *\n * @type {object}\n */\n $.fn[pluginName].hooks = {\n /**\n * @param {string} callbackName - The callback name.\n * @param {string} hookName - The name of the hook to be attached.\n * @param {function} fn - Callback function.\n */\n add: function(callbackName, hookName, fn) {\n if ( !this[callbackName] ) {\n this[callbackName] = {};\n }\n\n this[callbackName][hookName] = fn;\n },\n\n /**\n * @param {string} callbackName - The callback name.\n * @param {string} hookName - The name of the hook that will be removed.\n */\n remove: function(callbackName, hookName) {\n delete this[callbackName][hookName];\n }\n };\n\n /**\n * Default plugin options\n *\n * @type {object}\n */\n $.fn[pluginName].defaults = {\n onChange : function(elm) { $(elm).change(); },\n maxHeight : 300,\n keySearchTimeout : 500,\n arrowButtonMarkup : '
▾',\n disableOnMobile : true,\n openOnFocus : true,\n openOnHover : false,\n hoverIntentTimeout : 500,\n expandToItemText : false,\n responsive : false,\n preventWindowScroll : true,\n inheritOriginalWidth : false,\n allowWrap : true,\n optionsItemBuilder : '{text}', // function(itemData, element, index)\n labelBuilder : '{text}', // function(currItem)\n keys : {\n previous : [37, 38], // Left / Up\n next : [39, 40], // Right / Down\n select : [9, 13, 27], // Tab / Enter / Escape\n open : [13, 32, 37, 38, 39, 40], // Enter / Space / Left / Up / Right / Down\n close : [9, 27] // Tab / Escape\n },\n customClass : {\n prefix: pluginName,\n camelCase: false\n }\n };\n}));","/*!\n * jQuery JavaScript Library v3.6.0\n * https://jquery.com/\n *\n * Includes Sizzle.js\n * https://sizzlejs.com/\n *\n * Copyright OpenJS Foundation and other contributors\n * Released under the MIT license\n * https://jquery.org/license\n *\n * Date: 2021-03-02T17:08Z\n */\n( function( global, factory ) {\n\n\t\"use strict\";\n\n\tif ( typeof module === \"object\" && typeof module.exports === \"object\" ) {\n\n\t\t// For CommonJS and CommonJS-like environments where a proper `window`\n\t\t// is present, execute the factory and get jQuery.\n\t\t// For environments that do not have a `window` with a `document`\n\t\t// (such as Node.js), expose a factory as module.exports.\n\t\t// This accentuates the need for the creation of a real `window`.\n\t\t// e.g. var jQuery = require(\"jquery\")(window);\n\t\t// See ticket #14549 for more info.\n\t\tmodule.exports = global.document ?\n\t\t\tfactory( global, true ) :\n\t\t\tfunction( w ) {\n\t\t\t\tif ( !w.document ) {\n\t\t\t\t\tthrow new Error( \"jQuery requires a window with a document\" );\n\t\t\t\t}\n\t\t\t\treturn factory( w );\n\t\t\t};\n\t} else {\n\t\tfactory( global );\n\t}\n\n// Pass this if window is not defined yet\n} )( typeof window !== \"undefined\" ? window : this, function( window, noGlobal ) {\n\n// Edge <= 12 - 13+, Firefox <=18 - 45+, IE 10 - 11, Safari 5.1 - 9+, iOS 6 - 9.1\n// throw exceptions when non-strict code (e.g., ASP.NET 4.5) accesses strict mode\n// arguments.callee.caller (trac-13335). But as of jQuery 3.0 (2016), strict mode should be common\n// enough that all such attempts are guarded in a try block.\n\"use strict\";\n\nvar arr = [];\n\nvar getProto = Object.getPrototypeOf;\n\nvar slice = arr.slice;\n\nvar flat = arr.flat ? function( array ) {\n\treturn arr.flat.call( array );\n} : function( array ) {\n\treturn arr.concat.apply( [], array );\n};\n\n\nvar push = arr.push;\n\nvar indexOf = arr.indexOf;\n\nvar class2type = {};\n\nvar toString = class2type.toString;\n\nvar hasOwn = class2type.hasOwnProperty;\n\nvar fnToString = hasOwn.toString;\n\nvar ObjectFunctionString = fnToString.call( Object );\n\nvar support = {};\n\nvar isFunction = function isFunction( obj ) {\n\n\t\t// Support: Chrome <=57, Firefox <=52\n\t\t// In some browsers, typeof returns \"function\" for HTML