import layoutManager from"./../../layoutmanager.js";import dialogHelper from"./../../dialoghelper/dialoghelper.js";import globalize from"./../../common/globalize.js";import dom from"./../../dom.js";function getInnerHtml(instance){let html="";return layoutManager.tv||"done"!==instance.getAttribute("closetype")?html+='<i class="md-icon">&#xe5cd;</i>':html=(html+='<i class="md-icon dialogCloseButton-icon-autohide">&#xe5cd;</i>')+'<span class="dialogCloseButton-text color-accent dialogCloseButton-text-autohide">'+globalize.translate("Done")+"</span>"}function onInit(){this.hasInit||(this.hasInit=!0,this.classList.add("dialogCloseButton","hide-mouse-idle-tv","dialogHeaderButton","paper-icon-button-light"),this.setAttribute("tabindex","-1"),this.closest(".formDialogHeader")?.classList.contains("justify-content-center")&&this.classList.add("dialogCloseButton-positionstart"),layoutManager.tv?this.classList.add("paper-icon-button-light-tv"):(this.classList.add("dialogCloseButton-auto-focus-style"),"done"===this.getAttribute("closetype")&&this.classList.add("dialogCloseButton-autoright")),"true"===this.getAttribute("data-blur")&&(this.classList.add("paper-icon-button-light-blur"),dom.allowBackdropFilter())&&this.classList.add("paper-icon-button-light-blur-bf"),this.addEventListener("click",onClick),this.innerHTML=getInnerHtml(this))}function onClick(){var dlg=this.closest(".dialog");dlg&&dialogHelper.close(dlg)}require(["css!modules/emby-elements/emby-dialogclosebutton/emby-dialogclosebutton.css"]);class EmbyDialogCloseButton extends HTMLButtonElement{constructor(){var self=super();return onInit.call(self),self}connectedCallback(){onInit.call(this)}disconnectedCallback(){var observer=this.observer;observer&&(observer.disconnect(),this.observer=null)}}customElements.define("emby-dialogclosebutton",EmbyDialogCloseButton,{extends:"button"});export default EmbyDialogCloseButton;