import layoutManager from"./../layoutmanager.js";import focusManager from"./../focusmanager.js";import"./../emby-elements/emby-button/paper-icon-button-light.js";function focus(){var selected=this.querySelector(".alphaPickerButton-current");selected?focusManager.focus(selected):focusManager.autoFocus(this)}function getAlphaPickerButtonClassName(vertical){let alphaPickerButtonClassName="alphaPickerButton";return layoutManager.tv?alphaPickerButtonClassName+=" alphaPickerButton-tv secondaryText":alphaPickerButtonClassName+=" secondaryText",vertical&&(alphaPickerButtonClassName+=" alphaPickerButton-vertical",layoutManager.tv)&&(alphaPickerButtonClassName+=" alphaPickerButton-vertical-tv"),alphaPickerButtonClassName}function getLetterButton(keyInfo,vertical){return'<button type="button" is="emby-button" href="#" data-focusscale="false" data-value="'+keyInfo.value+'" class="button-link '+getAlphaPickerButtonClassName(vertical)+'">'+keyInfo.name+"</button>"}function mapKeysToHtml(keys,vertical){return keys.map(function(k){return getLetterButton(k,vertical)})}function mapToKeyInfo(character){return{name:character,value:character}}function mapLettersToHtml(letters,vertical){return mapKeysToHtml(letters.map(mapToKeyInfo),vertical)}function render(element,options){element.classList.add("alphaPicker"),layoutManager.tv&&element.classList.add("alphaPicker-tv");var vertical=element.classList.contains("alphaPicker-vertical");vertical||element.classList.add("focuscontainer-x");let html="";var alphaPickerButtonClassName=getAlphaPickerButtonClassName(vertical);let rowClassName="alphaPickerRow";if(vertical&&(rowClassName+=" alphaPickerRow-vertical secondaryText",layoutManager.tv?rowClassName+=" alphaPickerRow-vertical-tv":rowClassName+=" scrollY hiddenScrollY"),"keyboard"===options.mode){var rows=[];"numeric"===options.type?rows.push({keys:["0","1","2","3","4","5","6","7","8","9"].map(mapToKeyInfo)}):(rows.push({keys:["A","B","C","D","E","F","G","H","I","J","K","L","M","N","O","P","Q","R","S","T","U","V","W","X","Y","Z"].map(mapToKeyInfo)},{keys:["0","1","2","3","4","5","6","7","8","9"].map(mapToKeyInfo)}),rows[0].keys.unshift({name:"SPACE",value:" "}));for(let i=0,length=rows.length;i<length;i++){var row=rows[i];html=(html+='<div class="'+rowClassName+'">')+mapKeysToHtml(row.keys,vertical).join(""),0===i&&(html=html+'<button type="button" data-focusscale="false" data-value="backspace" is="paper-icon-button-light" class="'+alphaPickerButtonClassName+'"><i class="md-icon alphaPickerButtonIcon autortl">&#xe14A;</i></button></div>'),html+="</div>"}setInnerHtml(element,html)}else setInnerHtml(element,html=(html+='<div class="'+rowClassName+'">')+mapLettersToHtml(options.prefixes||[],vertical).join("")+"</div>")}function setInnerHtml(element,html){element.innerHTML=html,element.classList.add("focusable"),element.focus=focus}function onAlphaPickerClick(e){clearAlphaFocusTimeout(this);var e=e.target.closest(".alphaPickerButton");e&&(e=e.getAttribute("data-value"),this.value(e,!0))}function onAlphaPickerInKeyboardModeClick(e){var e=e.target.closest(".alphaPickerButton");e&&(e=e.getAttribute("data-value"),this.options.element.dispatchEvent(new CustomEvent("alphavalueclicked",{cancelable:!1,detail:{value:e}})))}function onAlphaFocusTimeout(){var value;this.alphaFocusTimeout=null,this.previousActiveElement=null,document.activeElement===this.alphaFocusedElement&&(value=this.alphaFocusedElement.getAttribute("data-value"),this.value(value,!0))}function clearAlphaFocusTimeout(instance){instance.alphaFocusTimeout&&(clearTimeout(instance.alphaFocusTimeout),instance.alphaFocusTimeout=null)}function onAlphaPickerFocusIn(e){this.alphaFocusTimeout&&(clearTimeout(this.alphaFocusTimeout),this.alphaFocusTimeout=null);e=e.target.closest(".alphaPickerButton");let delay=1500;this.previousActiveElement||(delay=3e3),(this.previousActiveElement=e)&&(this.alphaFocusedElement=e,this.alphaFocusTimeout=setTimeout(onAlphaFocusTimeout.bind(this),delay))}function AlphaPicker(options){this.options=options,this.bound_onAlphaPickerInKeyboardModeClick=onAlphaPickerInKeyboardModeClick.bind(this),this.bound_onAlphaPickerFocusIn=onAlphaPickerFocusIn.bind(this),this.bound_onAlphaPickerClick=onAlphaPickerClick.bind(this),render(options.element,options),this.enabled(!0),this.visible(!0)}function setCurrentButton(instance,button){var current=instance._currentButton;current!==button&&(current&&current.classList.remove("alphaPickerButton-current"),instance._currentButton=button)&&button.classList.add("alphaPickerButton-current")}function ensureButtonMap(instance){var buttonMap=instance._buttonMap;if(!buttonMap){var buttonMap={},buttons=instance.options.element.querySelectorAll(".alphaPickerButton[data-value]");for(let i=0,length=buttons.length;i<length;i++){var button=buttons[i];buttonMap[button.getAttribute("data-value")]=button}instance._buttonMap=buttonMap}return buttonMap}require(["css!modules/alphapicker/style.css","material-icons"]),AlphaPicker.prototype.enabled=function(enabled){var options=this.options,element=options.element;enabled?"keyboard"===options.mode?element.addEventListener("click",this.bound_onAlphaPickerInKeyboardModeClick):(layoutManager.tv&&element.addEventListener("focus",this.bound_onAlphaPickerFocusIn,!0),element.addEventListener("click",this.bound_onAlphaPickerClick)):(clearAlphaFocusTimeout(this),element.removeEventListener("click",this.bound_onAlphaPickerInKeyboardModeClick,!0),element.removeEventListener("click",this.bound_onAlphaPickerClick),(enabled=element.onAlphaPickerClickFn)&&(element.removeEventListener("click",enabled),element.onAlphaPickerClickFn=null))},AlphaPicker.prototype.value=function(value,applyValue){var element=this.options.element;value=value.toUpperCase(),applyValue&&element.dispatchEvent(new CustomEvent("alphavaluechanged",{cancelable:!1,detail:{value:value}}))},AlphaPicker.prototype.setCurrentFromItem=function(item){let prefix=item.Prefix;(prefix=prefix||(prefix=item.SortName||item.Name)&&prefix[0])&&setCurrentButton(this,ensureButtonMap(this)[prefix])},AlphaPicker.prototype.on=function(name,fn){this.options.element.addEventListener(name,fn)},AlphaPicker.prototype.off=function(name,fn){this.options.element.removeEventListener(name,fn)},AlphaPicker.prototype.visible=function(visible){this.options.element.style.visibility=visible?"visible":"hidden"},AlphaPicker.prototype.setPrefixes=function(prefixes){27<prefixes.length&&(prefixes.length=27);var element=this.options.element,prefixes=mapLettersToHtml(prefixes,element.classList.contains("alphaPicker-vertical")).join("");element.querySelector(".alphaPickerRow").innerHTML=prefixes,this._buttonMap=null},AlphaPicker.prototype.values=function(){var elems=this.options.element.querySelectorAll(".alphaPickerButton"),values=[];for(let i=0,length=elems.length;i<length;i++)values.push(elems[i].getAttribute("data-value"));return values},AlphaPicker.prototype.focus=function(){var element=this.options.element;focusManager.autoFocus(element)},AlphaPicker.prototype.destroy=function(){this.enabled(!1),this.itemFocusValue=null,this.options=null,this.valueChangeEvent=null,this.bound_onAlphaPickerInKeyboardModeClick=null,this.bound_onAlphaPickerFocusIn=null,this.bound_onAlphaPickerClick=null,this._currentButton=null,this._buttonMap=null};export default AlphaPicker;