"use strict";(self.webpackChunk=self.webpackChunk||[]).push([[47649],{47649:function(e,o,t){t.r(o),t.d(o,{default:function(){return a}}),t(44962),t(78557),t(90076),t(83994),t(82367);var n=t(79754),r=t(46782),i=t(9482);function l(e,o,n){Promise.resolve().then(t.bind(t,46345)).then((function(t){var r=n?"on":"off";t.centerFocus[r](e,o)}))}t(15453),t(98959),t(63001);var a={show:function(e){return new Promise((function(o,t){var a={removeOnClose:!0,scrollY:!1};r.A.tv?a.size="fullscreen":a.size="small";var s=n.default.createDialog(a);s.classList.add("formDialog");var u="",c=!1;u+=i.Ay.translateHtml('<div class="formDialogHeader"> <button is="paper-icon-button-light" class="btnCancel autoSize" tabindex="-1" title="${ButtonBack}"><span class="material-icons arrow_back" aria-hidden="true"></span></button> <h3 class="formDialogHeaderTitle"> ${Edit} </h3> </div> <div class="formDialogContent smoothScrollY" style="padding-top:2em"> <form class="popupEditPersonForm dialogContentInner dialog-content-centered"> <div class="inputContainer"> <input type="text" is="emby-input" class="txtPersonName" required="required" label="${LabelName}"/> </div> <div class="selectContainer"> <select is="emby-select" id="selectPersonType" class="selectPersonType" label="${LabelType}"> <option value=""></option> <option value="Actor">${Actor}</option> <option value="Composer">${Composer}</option> <option value="Director">${Director}</option> <option value="GuestStar">${GuestStar}</option> <option value="Producer">${Producer}</option> <option value="Writer">${Writer}</option> <option value="Conductor">${Conductor}</option> <option value="Lyricist">${Lyricist}</option> <option value="Arranger">${Arranger}</option> <option value="Engineer">${Engineer}</option> <option value="Mixer">${Mixer}</option> <option value="Remixer">${Remixer}</option> <option value="AlbumArtist">${AlbumArtist}</option> <option value="Artist">${Artist}</option> <option value="Creator">${Creator}</option> <option value="Author">${Author}</option> <option value="Illustrator">${Illustrator}</option> <option value="Penciller">${Penciller}</option> <option value="Inker">${Inker}</option> <option value="Colorist">${Colorist}</option> <option value="Letterer">${Letterer}</option> <option value="CoverArtist">${CoverArtist}</option> <option value="Editor">${Editor}</option> <option value="Translator">${Translator}</option> </select> </div> <div class="inputContainer fldRole hide"> <input is="emby-input" type="text" class="txtPersonRole" label="${LabelPersonRole}"/> <div class="fieldDescription">${LabelPersonRoleHelp}</div> </div> <div class="formDialogFooter"> <button is="emby-button" type="submit" class="raised button-submit block formDialogFooterItem"> <span>${Save}</span> </button> </div> </form> </div> ',"core"),s.innerHTML=u,s.querySelector(".txtPersonName",s).value=e.Name||"",s.querySelector(".selectPersonType",s).value=e.Type||"",s.querySelector(".txtPersonRole",s).value=e.Role||"",r.A.tv&&l(s.querySelector(".formDialogContent"),!1,!0),n.default.open(s),s.addEventListener("close",(function(){r.A.tv&&l(s.querySelector(".formDialogContent"),!1,!1),c?o(e):t()})),s.querySelector(".selectPersonType").addEventListener("change",(function(){"Actor"===this.value?s.querySelector(".fldRole").classList.remove("hide"):s.querySelector(".fldRole").classList.add("hide")})),s.querySelector(".btnCancel").addEventListener("click",(function(){n.default.close(s)})),s.querySelector("form").addEventListener("submit",(function(o){return c=!0,e.Name=s.querySelector(".txtPersonName",s).value,e.Type=s.querySelector(".selectPersonType",s).value,e.Role=s.querySelector(".txtPersonRole",s).value||null,n.default.close(s),o.preventDefault(),!1})),s.querySelector(".selectPersonType").dispatchEvent(new CustomEvent("change",{bubbles:!0}))}))}}}}]);