define(['jquery','underscore','mage/template','matchMedia','jquery-ui-modules/widget','jquery-ui-modules/core','mage/translate'],function($,_,mageTemplate,mediaCheck){'use strict';function isEmpty(value){return value.length===0||value==null||/^\s+$/.test(value);}
$.widget('mage.quickSearch',{options:{autocomplete:'off',minSearchLength:3,responseFieldElements:'ul li',selectClass:'selected',template:'<li class="<%- data.row_class %>" id="qs-option-<%- data.index %>" role="option">'+'<span class="qs-option-name">'+' <%- data.title %>'+'</span>'+'<span aria-hidden="true" class="amount">'+'<%- data.num_results %>'+'</span>'+'</li>',submitBtn:'button[type="submit"]',searchLabel:'[data-role=minisearch-label]',isExpandable:null,suggestionDelay:300},_create:function(){this.responseList={indexList:null,selected:null};this.autoComplete=$(this.options.destinationSelector);this.searchForm=$(this.options.formSelector);this.submitBtn=this.searchForm.find(this.options.submitBtn)[0];this.searchLabel=this.searchForm.find(this.options.searchLabel);this.isExpandable=this.options.isExpandable;_.bindAll(this,'_onKeyDown','_onPropertyChange','_onSubmit');this.submitBtn.disabled=true;this.element.attr('autocomplete',this.options.autocomplete);mediaCheck({media:'(max-width: 768px)',entry:function(){this.isExpandable=true;}.bind(this),exit:function(){this.isExpandable=true;}.bind(this)});this.searchLabel.on('click',function(e){if(this.isExpandable&&this.isActive()){e.preventDefault();}}.bind(this));this.element.on('blur',$.proxy(function(){if(!this.searchLabel.hasClass('active')){return;}
setTimeout($.proxy(function(){if(this.autoComplete.is(':hidden')){this.setActiveState(false);}else{this.element.trigger('focus');}
this.autoComplete.hide();this._updateAriaHasPopup(false);},this),250);},this));if(this.element.get(0)===document.activeElement){this.setActiveState(true);}
this.element.on('focus',this.setActiveState.bind(this,true));this.element.on('keydown',this._onKeyDown);this.element.on('input propertychange',_.debounce(this._onPropertyChange,this.options.suggestionDelay));this.searchForm.on('submit',$.proxy(function(e){this._onSubmit(e);this._updateAriaHasPopup(false);},this));},isActive:function(){return this.searchLabel.hasClass('active');},setActiveState:function(isActive){var searchValue;this.searchForm.toggleClass('active',isActive);this.searchLabel.toggleClass('active',isActive);if(this.isExpandable){this.element.attr('aria-expanded',isActive);searchValue=this.element.val();this.element.val('');this.element.val(searchValue);}},_getFirstVisibleElement:function(){return this.responseList.indexList?this.responseList.indexList.first():false;},_getLastElement:function(){return this.responseList.indexList?this.responseList.indexList.last():false;},_updateAriaHasPopup:function(show){if(show){this.element.attr('aria-haspopup','true');}else{this.element.attr('aria-haspopup','false');}},_resetResponseList:function(all){this.responseList.selected=null;if(all===true){this.responseList.indexList=null;}},_onSubmit:function(e){var value=this.element.val();if(isEmpty(value)){e.preventDefault();}
if(this.responseList.selected){this.element.val(this.responseList.selected.find('.qs-option-name').text());}},_onKeyDown:function(e){var keyCode=e.keyCode||e.which;switch(keyCode){case $.ui.keyCode.HOME:if(this._getFirstVisibleElement()){this._getFirstVisibleElement().addClass(this.options.selectClass);this.responseList.selected=this._getFirstVisibleElement();}
break;case $.ui.keyCode.END:if(this._getLastElement()){this._getLastElement().addClass(this.options.selectClass);this.responseList.selected=this._getLastElement();}
break;case $.ui.keyCode.ESCAPE:this._resetResponseList(true);this.autoComplete.hide();break;case $.ui.keyCode.ENTER:if(this.element.val().length>=parseInt(this.options.minSearchLength,10)){this.searchForm.trigger('submit');e.preventDefault();}
break;case $.ui.keyCode.DOWN:if(this.responseList.indexList){if(!this.responseList.selected){this._getFirstVisibleElement().addClass(this.options.selectClass);this.responseList.selected=this._getFirstVisibleElement();}else if(!this._getLastElement().hasClass(this.options.selectClass)){this.responseList.selected=this.responseList.selected.removeClass(this.options.selectClass).next().addClass(this.options.selectClass);}else{this.responseList.selected.removeClass(this.options.selectClass);this._getFirstVisibleElement().addClass(this.options.selectClass);this.responseList.selected=this._getFirstVisibleElement();}
this.element.val(this.responseList.selected.find('.qs-option-name').text());this.element.attr('aria-activedescendant',this.responseList.selected.attr('id'));this._updateAriaHasPopup(true);this.autoComplete.show();}
break;case $.ui.keyCode.UP:if(this.responseList.indexList!==null){if(!this._getFirstVisibleElement().hasClass(this.options.selectClass)){this.responseList.selected=this.responseList.selected.removeClass(this.options.selectClass).prev().addClass(this.options.selectClass);}else{this.responseList.selected.removeClass(this.options.selectClass);this._getLastElement().addClass(this.options.selectClass);this.responseList.selected=this._getLastElement();}
this.element.val(this.responseList.selected.find('.qs-option-name').text());this.element.attr('aria-activedescendant',this.responseList.selected.attr('id'));this._updateAriaHasPopup(true);this.autoComplete.show();}
break;default:return true;}},_onPropertyChange:function(){var searchField=this.element,clonePosition={position:'absolute',width:searchField.outerWidth()},source=this.options.template,template=mageTemplate(source),dropdown=$('<ul role="listbox"></ul>'),value=this.element.val();this.submitBtn.disabled=true;if(value.length>=parseInt(this.options.minSearchLength,10)){this.submitBtn.disabled=false;if(this.options.url!==''){$.getJSON(this.options.url,{q:value},$.proxy(function(data){if(data.length){$.each(data,function(index,element){var html;element.index=index;html=template({data:element});dropdown.append(html);});this._resetResponseList(true);this.responseList.indexList=this.autoComplete.html(dropdown).css(clonePosition).show().find(this.options.responseFieldElements+':visible');this.element.removeAttr('aria-activedescendant');if(this.responseList.indexList.length){this._updateAriaHasPopup(true);}else{this._updateAriaHasPopup(false);}
this.responseList.indexList.on('click',function(e){this.responseList.selected=$(e.currentTarget);this.searchForm.trigger('submit');}.bind(this)).on('mouseenter mouseleave',function(e){this.responseList.indexList.removeClass(this.options.selectClass);$(e.target).addClass(this.options.selectClass);this.responseList.selected=$(e.target);this.element.attr('aria-activedescendant',$(e.target).attr('id'));}.bind(this)).on('mouseout',function(e){if(!this._getLastElement()&&this._getLastElement().hasClass(this.options.selectClass)){$(e.target).removeClass(this.options.selectClass);this._resetResponseList(false);}}.bind(this));}else{this._resetResponseList(true);this.autoComplete.hide();this._updateAriaHasPopup(false);this.element.removeAttr('aria-activedescendant');}},this));}}else{this._resetResponseList(true);this.autoComplete.hide();this._updateAriaHasPopup(false);this.element.removeAttr('aria-activedescendant');}}});return $.mage.quickSearch;});