dashboard-ui/search/searchfields.js

define(["exports","./../modules/emby-apiclient/connectionmanager.js","./../modules/emby-apiclient/events.js","./../modules/common/globalize.js","./../modules/browser.js","./../modules/alphapicker/alphapicker.js","./../modules/layoutmanager.js","./../modules/emby-elements/emby-input/emby-input.js","./../modules/emby-elements/emby-button/emby-button.js","./../modules/common/servicelocator.js","./../modules/approuter.js","./../modules/focusmanager.js"],function(_exports,_connectionmanager,_events,_globalize,_browser,_alphapicker,_layoutmanager,_embyInput,_embyButton,_servicelocator,_approuter,_focusmanager){function onSearchTimeout(){var value=((value=this.nextSearchValue)||"").trim(),context=(_events.default.trigger(this,"search",[value]),this.options.element);value||_layoutmanager.default.tv?(this.mode="search",(value=context.querySelector(".searchSuggestions"))&&value.classList.add("hide")):(this.mode="suggestions",function(instance,context,apiClient){var options={SortBy:"IsFavoriteOrLiked,Random",IncludeItemTypes:"Movie,Series,MusicArtist",Limit:20,Recursive:!0,ImageTypeLimit:0,EnableImages:!1,ParentId:instance.options.parentId,EnableTotalRecordCount:!1};apiClient.getItems(apiClient.getCurrentUserId(),options).then(function(result){"suggestions"!==instance.mode&&(result.Items=[]);var html=result.Items.map(function(i){var itemHtml='<div><a is="emby-linkbutton" class="button-link" style="display:inline-block;padding:.5em 1em;" href="'+_approuter.default.getRouteUrl(i)+'">';return itemHtml+i.Name+"</a></div>"}).join(""),searchSuggestions=context.querySelector(".searchSuggestions");searchSuggestions.querySelector(".searchSuggestionsList").innerHTML=html,result.Items.length?searchSuggestions.classList.remove("hide"):searchSuggestions.classList.add("hide")})}(this,context,_connectionmanager.default.getApiClient(this.options.serverId)))}function triggerSearch(instance,value,immediate){instance.searchTimeout&&clearTimeout(instance.searchTimeout),instance.nextSearchValue=value;value=immediate?0:600;instance.searchTimeout=setTimeout(onSearchTimeout.bind(instance),value)}function initAlphaPicker(alphaPickerElement,instance){instance.alphaPicker=new _alphapicker.default({element:alphaPickerElement,mode:"keyboard"}),alphaPickerElement.addEventListener("alphavalueclicked",function(e){var val,e=e.detail.value,txtSearch=this.options.element.querySelector(".searchfields-txtSearch");"backspace"===e?(val=txtSearch.value,txtSearch.value=val.length?val.substring(0,val.length-1):""):(-1===txtSearch.maxLength||txtSearch.value.length<txtSearch.maxLength)&&(txtSearch.value+=e),txtSearch.dispatchEvent(new CustomEvent("input",{bubbles:!0}))}.bind(instance))}function onVoiceInputRequest(e){var instance=this;_servicelocator.appHost.requestSpeechRecognitionPermission().then(function(){var recognition=instance.speechRecognition;if(!recognition)try{recognition=function(instance){var recognition=new SpeechRecognition;return recognition.continuous=!1,recognition.onresult=function(event){var current=event.resultIndex||0,event=event.results[current][0].transcript;instance.options.element.querySelector(".searchfields-txtSearch").value=event,triggerSearch(instance,event)},instance.speechRecognition=recognition}(instance)}catch(err){console.log("error creating SpeechRecognition: "+err)}try{recognition.start()}catch(err){console.log("error starting SpeechRecognition: "+err)}},function(){})}function embed(elem,instance,options){require(["text!search/searchfields.template.html"]).then(function(responses){elem.classList.add("searchFields"),elem.innerHTML=_globalize.default.translateDocument(responses[0]);var responses=elem.querySelector(".searchfields-txtSearch"),useNativeKeyboard=!(_globalize.default.getCurrentLocale()||"").toLowerCase().startsWith("en"),useNativeKeyboard=(useNativeKeyboard||_layoutmanager.default.tv&&(_browser.default.tv&&responses.setAttribute("readonly","readonly"),responses.setAttribute("virtualkeyboardpolicy","manual"),responses.setAttribute("inputmode","none"),responses.classList.add("searchfields-txtSearch-clear")),_layoutmanager.default.tv&&(elem.querySelector(".searchFieldsSearchIcon").classList.remove("hide"),responses.classList.add("searchfields-txtSearch-tv")),_layoutmanager.default.tv&&!useNativeKeyboard&&(useNativeKeyboard=elem.querySelector(".alphaPicker"),elem.querySelector(".alphaPicker").classList.remove("hide"),initAlphaPicker(useNativeKeyboard,instance)),responses.addEventListener("input",function(e){triggerSearch(this,e.target.value)}.bind(instance)),options.value&&(responses.value=options.value,instance.firstLoad)&&triggerSearch(instance,options.value,!0),elem.querySelector(".btnVoiceInput"));"undefined"!=typeof SpeechRecognition&&_servicelocator.appHost.supports("speechrecognition")&&useNativeKeyboard.classList.remove("hide"),useNativeKeyboard.addEventListener("click",onVoiceInputRequest.bind(instance)),!1!==options.autoFocus&&instance.focus()})}function SearchFields(options){embed((this.options=options).element,this,options)}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,require(["flexStyles","material-icons","css!search/searchfields.css"]),SearchFields.prototype.getSearchTerm=function(){var txt=this.options.element.querySelector(".searchfields-txtSearch");return txt&&txt.value||null},SearchFields.prototype.setSearchTerm=function(value){var txt=this.options.element.querySelector(".searchfields-txtSearch");txt&&value!==txt.value&&triggerSearch(this,txt.value=value,!0)},SearchFields.prototype.pause=function(){this.destroyVoiceInput()},SearchFields.prototype.resume=function(options){(!this.firstLoad||null!=options&&options.refresh)&&(this.firstLoad=!0,triggerSearch(this,this.getSearchTerm(),!0))},SearchFields.prototype.focus=function(){_focusmanager.default.focus(this.options.element.querySelector(".searchfields-txtSearch"))},SearchFields.prototype.destroyVoiceInput=function(){var recognition=this.speechRecognition;if(recognition){this.speechRecognition=null,recognition.onresult=null;try{recognition.abort()}catch(err){console.log("error aborting SpeechRecognition: "+err)}}},SearchFields.prototype.destroy=function(){this.destroyVoiceInput();var options=this.options,options=(options&&options.element.classList.remove("searchFields"),this.options=null,this.alphaPicker),options=(options&&options.destroy(),this.alphaPicker=null,this.searchTimeout);options&&clearTimeout(options),this.searchTimeout=null,this.nextSearchValue=null},_exports.default=SearchFields});