https://drive-sport.com.ua/js/jquery-ui.selectgroup.js

1(function($,undefined){$.widget('ui.selectgroup',{version:'@VERSION',options:{autoWidth:true,classInherit:{select:true,option:true,optionGroup:true},positioning:{of:null,my:'left top',at:'left bottom',offset:null,collision:'none'},style:'dropdown',handleWidth:26},isOpen:false,isActive:false,position:0,search:['','',1,1,0],timer:null,_create:function(){var that=this,id=this.element.attr('id');this.identifiers=['ui-'+id,'ui-'+id];this.widgetBaseClass='ui-selectgroup';if($.ui.selectgroup.group.initialised===false){$('body').append($.ui.selectgroup.group);$.ui.selectgroup.group.hide();}$.ui.selectgroup.group.initialised=true;if($(this.element).find('option:selected').length){this.copy=this.element.find('option:selected').text();}else{this.copy=this.element.find('option').first().text();}this.placeholder=$('<a href="#" id="'+this.identifiers[1]+'" class="'+this.widgetBaseClass+' ui-widget ui-state-default ui-corner-all"'+'role="button" aria-haspopup="true" aria-owns="'+this.widgetBaseClass+'-group">'+'<span class="'+this.widgetBaseClass+'-copy">'+this.copy+'</span>'+'<span class="'+this.widgetBaseClass+'-icon ui-icon ui-icon-triangle-1-s"></span></a>');if(this.options.classInherit.select){this.placeholder.addClass(this.element.attr('class'));}if(this.options.style==='popup'){this.placeholder.addClass(this.widgetBaseClass+'-popup');this.placeholder.find('.'+this.widgetBaseClass+'-icon').removeClass('ui-icon-triangle-1-s').addClass('ui-icon-triangle-2-n-s');}this.element.after(this.placeholder).hide();this._placeholderEvents(true);$('label[for="'+id+'"]').attr('for',this.identifiers[0]).bind('click.selectgroup',function(event){event.preventDefault();that.placeholder.focus();});$(document).bind('click.selectmenu',function(event){if(that.isOpen&&!($(event.target).closest('.ui-selectgroup').length||$(event.target).closest('.ui-selectgroup-group').length)){window.setTimeout(function(){that.blur();that.close();$.ui.selectgroup.group.past=null;},(100));}});},_placeholderEvents:function(value){var that=this;if(value===true){this.placeholder.removeClass('ui-state-disabled').bind('click.selectgroup',function(event){event.preventDefault();that._toggle();}).bind('keydown.selectgroup',function(event){switch(event.keyCode){case $.ui.keyCode.ENTER:event.preventDefault();if(that.isOpen){that.close();}break;case $.ui.keyCode.ESCAPE:event.preventDefault();if(that.isOpen){that.blur();that.close();}break;case $.ui.keyCode.UP:case $.ui.keyCode.LEFT:event.preventDefault();if(!that.isActive){that.focus();}that._traverse(-1);break;case $.ui.keyCode.DOWN:case $.ui.keyCode.RIGHT:event.preventDefault();if(!that.isActive){that.focus();}that._traverse(1);break;case $.ui.keyCode.TAB:if(!that.isActive){that.blur();}if(that.isOpen){that.close();}break;default:event.preventDefault();if(!that.isActive){that.focus();}that._typeahead(String.fromCharCode(event.keyCode).toLowerCase());break;}}).bind('mouseover.selectgroup',function(event){$(this).addClass('ui-state-hover');}).bind('mouseout.selectgroup',function(event){$(this).removeClass('ui-state-hover');});}else{this.placeholder.addClass('ui-state-disabled').unbind('.selectgroup');this.placeholder.bind('click.selectgroup',function(event){event.preventDefault();}).bind('keydown.selectgroup',function(event){event.preventDefault();});}},_index:function(){this.selectors=$.map($('option',this.element),function(value){return{element:$(value),text:$(value).text(),classname:$(value).attr('class'),optgroup:$(value).parent('optgroup'),optgroupClassname:$(value).parent('optgroup').attr('class'),optDisabled:$(value).parent('optgroup').attr('disabled'),value:$(value).attr('value'),selected:$(value).attr('selected'),disabled:$(value).attr('disabled')};});},_renderGroup:function(){var that=this,hidden=false;this.group=$('<ul class="'+this.widgetBaseClass+'-list" role="listbox" aria-hidden="true"></ul>');if(this.options.autoWidth){if(this.options.style==='dropdown'){$.ui.selectgroup.group.width(this.placeholder.width());}else{$.ui.selectgroup.group.width(this.placeholder.width()-this.options.handleWidth);}}if(this.options.style==='popup'){this.group.addClass(this.widgetBaseClass+'-popup');}this._renderOption();this.group.attr('aria-labelledby',this.identifiers[0]);$($.ui.selectgroup.group).html(this.group);},_renderOption:function(){var that=this;$.each(this.selectors,function(index){var self=this;var list=$('<li role="presentation"><a role="option" href="#">'+this.text+'</a></li>').bind('click.selectgroup',function(event){event.preventDefault();if(!(self.disabled==='disabled'||self.optDisabled==='disabled')){that.copy=that.selectors[index].text;that.placeholder.find('.ui-selectgroup-copy').text(that.copy);that.element.find('option:selected').removeAttr("selected");$(that.selectors[index].element).attr('selected','selected');that.element.val($(that.selectors[index].element).attr('value')).change();that.position=index;that._toggle();}}).bind('mouseover.selectgroup',function(){if(!(self.disabled==='disabled'||self.optDisabled==='disabled')){$(this).addClass('ui-state-hover');}}).bind('mouseout.selectmenu',function(){$(this).removeClass('ui-state-hover');});if(that.options.classInherit.option){list.addClass(this.classname);}if(typeof this.selected!=="undefined"&&this.selected==='selected'){list.addClass('ui-state-active');that.position=index;}if(typeof this.disabled!=="undefined"&&this.disabled==='disabled'){list.addClass('ui-state-disabled');}if(this.optgroup.length){var name=that.widgetBaseClass+'-optgroup-'+that.element.find('optgroup').index(this.optgroup);if(that.group.find('li.'+name).length){that.group.find('li.'+name+' ul').append(list);}else{var opt=$('<li class="'+name+' '+that.widgetBaseClass+'-optgroup"><span>'+this.optgroup.attr('label')+'</span><ul></ul></li>');if(that.options.classInherit.optionGroup){opt.addClass(this.optgroupClassname);}if(typeof this.optDisabled!=="undefined"&&this.optDisabled==='disabled'){opt.addClass('ui-state-disabled').appendTo(that.group).find('ul').append(list);}else{opt.appendTo(that.group).find('ul').append(list);}}}else{list.appendTo(that.group);}});},_position:function(){var options=this.options,local=this.group.find('li').not('.ui-selectgroup-optgroup'),instance=local.get(this.position);$($.ui.selectgroup.group).css({'top':0,'left':0});$($.ui.selectgroup.group).show()
2if(this.options.style==='popup'&&!this.options.positioning.offset){var adjust='0 -'+($(instance).outerHeight()+$(instance).offset().top);}$($.ui.selectgroup.group).position({of:options.positioning.of||this.placeholder,my:options.positioning.my,at:options.positioning.at,offset:options.positioning.offset||adjust,collision:options.positioning.collision});},_toggle:function(){if($.ui.selectgroup.group.past!==null){if($.ui.selectgroup.group.past.element!==this.element){this.focus();this.close();}}$.ui.selectgroup.group.past=this;if(!this.isActive){this.focus();if(!this.isOpen){this.open();}return;}if(!this.isOpen){this.open();return;}if(this.isActive){this.blur();if(this.isOpen){this.close();}return;}if(this.isOpen){this.close();return;}},_traverse:function(value,record){var local=this.group.find('li').not('.ui-selectgroup-optgroup'),maximum=local.length-1,position=this.position,instance=null;position=this.position+value;if(position<0){position=0;}if(position>maximum){position=maximum;}if(position===record){return;}if(this.selectors[position].disabled==='disabled'||this.selectors[position].optDisabled==='disabled'){if(value>0){++value;}else{--value;}this._traverse(value,position);}else{this.position=position;instance=local.get(this.position);this.copy=$(instance).find('a').text();local.removeClass('ui-state-hover');$(instance).addClass('ui-state-hover');this.placeholder.find('.ui-selectgroup-copy').text(this.copy);this.element.find('option:selected').removeAttr('selected');$(this.selectors[this.position].element).attr('selected','selected');this.element.val($(this.selectors[this.position].element).attr('value')).change();}$.ui.selectgroup.group.position=value;}

2,_typeahead:function(character){var that=this,options=this.options,local=this.group.find('li').not('.ui-selectgroup-optgroup'),instance=null,found=false;character=character.toLowerCase();this.search[1]+=character;window.clearTimeout(this.timer);function focusOption(index){that.position=index;instance=local.get(that.position);local.removeClass('ui-state-hover');$(instance).addClass('ui-state-hover');that.placeholder.find('.ui-selectgroup-copy').text(that.selectors[index].text);that.element.find('option:selected').removeAttr('selected');$(that.selectors[index].element).attr('selected','selected');that.element.val($(that.selectors[index].element).attr('value')).change();found=true;that.search[3]=index;};if(this.search[0]===this.search[1][0]){if(this.search[1].length<2){$.each(this.selectors,function(index){if(!found){if(that.selectors[index].text.toLowerCase().indexOf(that.search[1][0])===0){if(that.search[0]==that.search[1][0]){if(that.search[3]<index){focusOption(index);}}}}});this.search[0]=this.search[1][0];}else{$.each(this.selectors,function(index){if(!found){if(that.selectors[index].text.toLowerCase().indexOf(that.search[1])===0){if(that.search[0][0]==that.search[1][0]){if(that.search[3]<index){focusOption(index);}}}}});this.search[0]=this.search[1][0];}}else{$.each(this.selectors,function(index){if(!found){if(that.search[1]===that.selectors[index].text.substring(0,that.search[1].length).toLowerCase()){that.

2search[2]=index;focusOption(index);}}});this.search[0]=this.search[1][0];}if(that.search[4]===that.search[3]){that.search[3]=that.search[2];focusOption(that.search[3]);}this.search[4]=this.search[3];this.timer=window.setTimeout(function(){that.search[1]='';},(1000));},destroy:function(){var id=this.identifiers[0].split('ui-')
3if(this.isOpen){this.close();}this.placeholder.remove();$(document).unbind('.selectgroup');$('label[for="'+this.identifiers[0]+'"]').attr('for',id[1]).unbind('.selectmenu');this.element.show();},enable:function(index,type){if(this.isOpen){this.close();}if(typeof(index)=='undefined'){this._placeholderEvents(true);}else{if(type=='optgroup'){this.element.find('optgroup').eq(index).removeAttr('disabled');}else{this.element.find('option').eq(index).removeAttr('disabled');}}},disable:function(index,type){if(this.isOpen){this.close();}if(typeof(index)=='undefined'){this._placeholderEvents(false);}else{if(type=='optgroup'){this.element.find('optgroup').eq(index).attr('disabled','disabled');}else{this.element.find('option').eq(index).attr('disabled','disabled');}}},focus:function(){this._index();this._renderGroup();this.isActive=true;},blur:function(){this.isActive=false;},change:function(){this._index();this._renderGroup();},refresh:function(){if($(this.element).find('option:selected').length){this.copy=this.element.find('option:selected').text();}else{this.copy=this.element.find('option').first().text();}this.placeholder.find('.ui-selectgroup-copy').text(this.copy);},open:function(){if(this.options.style==='dropdown'){$.ui.selectgroup.group.removeClass('ui-corner-all').addClass('ui-corner-bottom');this.placeholder.removeClass('ui-corner-all').addClass('ui-state-active ui-corner-top');}else{$.ui.selectgroup.group.removeClass('ui-corner-bottom').addClass('ui-corner-all');this.placeholder.addClass('ui-state-active');}$.ui.selectgroup.group.attr('id',$(this.element).closest('.select').attr('rel')+'-group')
4this._position();this.group.attr('aria-hidden','false').scrollTop(0);this.isOpen=true;},close:function(){if($.ui.selectgroup.group.past!==null){$.ui.selectgroup.group.past.placeholder.removeClass('ui-state-active').addClass('ui-corner-all');}if(this.options.style==='dropdown'){this.placeholder.addClass('ui-corner-all').removeClass('ui-state-active');}else{this.placeholder.removeClass('ui-state-active');}$.ui.selectgroup.group.hide();this.group.attr('aria-hidden','true');this.isOpen=false;}});$.ui.selectgroup.group=$('<div class="ui-selectgroup-group ui-widget ui-widget-content ui-corner-all"></div>');$.ui.selectgroup.group.initialised=false;$.ui.selectgroup.group.past=null;})(jQuery);