dashboard-ui/modules/skinmanager.js

define(["exports","./emby-apiclient/connectionmanager.js","./common/servicelocator.js","./common/usersettings/usersettings.js","./browser.js","./emby-apiclient/events.js","./common/appsettings.js"],function(_exports,_connectionmanager,_servicelocator,_usersettings,_browser,_events,_appsettings){var themeStyleElement,currentThemeId,currentThemeInfo,currentThemeController;function tryRemove(elem){try{elem.remove()}catch(err){console.log("Error removing child node: "+err)}}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0;var supportsCssVariables=CSS.supports("color","var(--fake-var)");supportsCssVariables||document.documentElement.classList.add("nocssvars");var defaultSettingsThemeIsMainTheme=!supportsCssVariables||_servicelocator.appHost.supports("multiserver");var accentNode,skinManager={loadSkin:function(){return skinManager.setTheme(_usersettings.default.theme())},loadUserSkin:function(options){return skinManager.setTheme(_usersettings.default.theme()).then(function(){(options=options||{}).start?Emby.Page.invokeShortcut(options.start):Emby.Page.goHome()})},getThemes:function(){var defaultTheme="dark",themes=(supportsCssVariables&&_browser.default.electron&&(defaultTheme="blueradiance"),[]),defaultController="./modules/themes/themecontroller.js";return supportsCssVariables&&themes.push({name:"Apple TV",id:"appletv",controller:defaultController}),themes.push({name:"Black",id:"black",isDefault:"black"===defaultTheme,controller:defaultController}),themes.push({name:"Blue Radiance",id:"blueradiance",isDefault:"blueradiance"===defaultTheme,baseThemeId:"darkgradient",controller:defaultController}),themes.push({name:"Dark",id:"dark",isDefault:"dark"===defaultTheme,controller:defaultController}),supportsCssVariables&&(themes.push({name:"Light",id:"light",isSettingsDefault:!defaultSettingsThemeIsMainTheme,controller:defaultController}),themes.push({name:"Superman",id:"superman",baseThemeId:"darkgradient",controller:defaultController})),supportsCssVariables&&themes.push({name:"Windows Media Center",id:"wmc",baseThemeId:"darkgradient",controller:defaultController}),themes},getCurrentThemeId:function(){return currentThemeId},getCurrentThemeInfo:function(){return currentThemeInfo},getCurrentThemeController:function(){return currentThemeController}};function onRegistrationSuccess(){_appsettings.default.set("appthemesregistered","true")}function onRegistrationFailure(){_appsettings.default.set("appthemesregistered","false")}function isRegistered(){return require(["registrationServices"]).then(function(deps){deps[0].validateFeature("themes",{showDialog:!1}).then(onRegistrationSuccess,onRegistrationFailure)}),"false"!==_appsettings.default.get("appthemesregistered")}function setThemeOptionClassname(value,prefix){for(var elem=document.documentElement,classesToRemove=[],i=0,length=elem.classList.length;i<length;i++){var className=elem.classList[i];className.startsWith(prefix)&&classesToRemove.push(className)}for(var _i=0,_length=classesToRemove.length;_i<_length;_i++)elem.classList.remove(classesToRemove[_i]);elem.classList.add(prefix+value)}function loadAccentColor(){accentNode||(accentNode=function(){for(var link=document.createElement("style"),list=(link.type="text/css",function(){var list=[];return list.push({colorLightBg:"hsl(var(--theme-primary-color-hue), var(--theme-primary-color-saturation), var(--theme-primary-color-lightness))",colorDarkBg:"hsl(var(--theme-primary-color-hue), var(--theme-primary-color-saturation), var(--theme-primary-color-lightness))",primaryColorHue:"207",primaryColorSaturation:"89.74%",primaryColorLightness:"54.12%",name:"blue"}),list.push({colorLightBg:"hsl(var(--theme-primary-color-hue), var(--theme-primary-color-saturation), var(--theme-primary-color-lightness))",colorDarkBg:"hotpink",primaryColorHue:"340",primaryColorSaturation:"82.19%",primaryColorLightness:"51.57%",name:"pink"}),list.push({colorLightBg:"hsl(var(--theme-primary-color-hue), var(--theme-primary-color-saturation), var(--theme-primary-color-lightness))",colorDarkBg:"mediumpurple",primaryColorHue:"262",primaryColorSaturation:"51.87%",primaryColorLightness:"47.25%",name:"purple"}),list.push({colorLightBg:"hsl(var(--theme-primary-color-hue), var(--theme-primary-color-saturation), var(--theme-primary-color-lightness))",colorDarkBg:"red",primaryColorHue:"0",primaryColorSaturation:"60%",primaryColorLightness:"50%",name:"red"}),list.push({colorLightBg:"orangered",colorDarkBg:"orangered",primaryColorHue:"16",primaryColorSaturation:"100%",primaryColorLightness:"50%",name:"orangered"}),list.push({colorLightBg:"green",colorDarkBg:"#6CCF65",primaryColorHue:"116",primaryColorSaturation:"41.7%",primaryColorLightness:"50.2%",name:"emby"}),list}()),html="",i=0,length=list.length;i<length;i++)var accent=list[i],html=(html=(html=(html=(html=(html+=" .accent-"+accent.name+":root {")+("--theme-primary-color-hue: "+accent.primaryColorHue+";"))+("--theme-primary-color-saturation: "+accent.primaryColorSaturation+";"))+("--theme-primary-color-lightness: "+accent.primaryColorLightness+";"))+("--theme-accent-text-color-darkbg: "+accent.colorDarkBg+";"))+("--theme-accent-text-color-lightbg: "+accent.colorLightBg+";")+"}";return link.innerHTML=html,link}(),(document.head||document.querySelector("head")).appendChild(accentNode));var accent=_usersettings.default.accentColor()||"emby";if("emby"===accent||isRegistered()){for(var elem=document.documentElement,classesToRemove=[],i=0,length=elem.classList.length;i<length;i++){var className=elem.classList[i];className.startsWith("accent-")&&classesToRemove.push(className)}for(var _i2=0,_length2=classesToRemove.length;_i2<_length2;_i2++)elem.classList.remove(classesToRemove[_i2]);setThemeOptionClassname(accent,"accent-")}}function onThemeLoaded(themeLoadInfo,updateLastTheme){return document.documentElement.classList.remove("preload"),updateLastTheme&&_appsettings.default.set("lastTheme",themeLoadInfo.themeId),Emby.importModule(themeLoadInfo.controller).then(function(ThemeController){return currentThemeController=new ThemeController,require([themeLoadInfo.themeInfoPath]).then(function(responses){(currentThemeInfo=JSON.parse(responses[0])).id=themeLoadInfo.themeId;try{_servicelocator.appHost.setTheme(currentThemeInfo)}catch(err){console.log("Error setting theme color: "+err)}return loadAccentColor(),currentThemeController.load(currentThemeInfo).then(function(){_events.default.trigger(skinManager,"themeloaded",[{themeInfo:currentThemeInfo}])})})})}skinManager.setTheme=function(id,context){var themeLoadInfo,requiresRegistration=!0,context="settings"===context,updateLastTheme=!context;return"auto"===id&&_servicelocator.appHost.getPreferredTheme&&(id=_servicelocator.appHost.getPreferredTheme()||"dark",requiresRegistration=!1),currentThemeId&&currentThemeId===id?Promise.resolve():(themeLoadInfo=function(id,isSettings,requiresRegistration){id||isSettings||(apiClient=_connectionmanager.default.currentApiClient())&&apiClient.getCurrentUserId()||(id=_appsettings.default.get("lastTheme"));for(var defaultMainTheme,defaultSettingsTheme,themes=skinManager.getThemes(),i=0,length=themes.length;i<length;i++){var theme=themes[i];theme.isDefault?defaultMainTheme=theme:theme.isSettingsDefault&&(defaultSettingsTheme=theme),id===theme.id&&(selectedTheme=theme)}defaultSettingsThemeIsMainTheme&&(defaultSettingsTheme=defaultMainTheme);var selectedTheme,apiClient=isSettings&&"maintheme"!==id?defaultSettingsTheme:defaultMainTheme;return(selectedTheme=selectedTheme||apiClient).id!==apiClient.id&&requiresRegistration&&!isRegistered()&&(selectedTheme=apiClient),{themeInfoPath:"text!"+Emby.Page.baseUrl()+"/modules/themes/"+(selectedTheme.baseThemeId||selectedTheme.id)+"/theme.json",stylesheetPath:Emby.Page.baseUrl()+"/modules/themes/"+(selectedTheme.baseThemeId||selectedTheme.id)+"/theme.css",themeId:selectedTheme.id,controller:selectedTheme.controller}}(id,context,requiresRegistration),currentThemeId&&currentThemeId===themeLoadInfo.themeId?(loadAccentColor(),Promise.resolve()):new Promise(function(resolve,reject){var nextSibling,elem,linkUrl=themeLoadInfo.stylesheetPath,link=((elem=themeStyleElement)&&(supportsCssVariables||(nextSibling=elem.nextSibling)&&nextSibling.getAttribute("data-cssvars-job")&&tryRemove(nextSibling),tryRemove(elem),(currentThemeInfo=currentThemeId=themeStyleElement=null)!=(nextSibling=currentThemeController)&&nextSibling.destroy(),currentThemeController=null),document.createElement("link"));link.setAttribute("rel","stylesheet"),link.setAttribute("type","text/css"),link.onload=function(){(supportsCssVariables?onThemeLoaded(themeLoadInfo,updateLastTheme):function(link,themeLoadInfo,updateLastTheme){return require(["cssVars"]).then(function(responses){return(0,responses[0])({watch:!1,include:[link],onlyLegacy:!1,preserveVars:!1,shadowDOM:!1}),onThemeLoaded(themeLoadInfo,updateLastTheme)})}(link,themeLoadInfo,updateLastTheme)).then(resolve)},link.setAttribute("href",linkUrl),document.head.appendChild(link),themeStyleElement=link,setThemeOptionClassname(currentThemeId=themeLoadInfo.themeId,"theme-")}))};var currentThemeType,defaultLogoImageTypes=["Logo"];function changeTheme(viewType){var context,mainTheme=_usersettings.default.theme();1===viewType?(context="settings",viewType=_usersettings.default.settingsTheme(),skinManager.setTheme(viewType="maintheme"===(viewType=!viewType&&defaultSettingsThemeIsMainTheme?"maintheme":viewType)&&mainTheme?mainTheme:viewType,context)):skinManager.setTheme(mainTheme,context)}skinManager.getPreferredLogoImageTypes=function(){return currentThemeInfo&&currentThemeInfo.preferredLogoImageTypes||defaultLogoImageTypes},document.addEventListener("viewbeforeshow",function(e){e=e.detail.settingsTheme?1:0;e!==currentThemeType&&changeTheme(currentThemeType=e)}),_events.default.on(_usersettings.default,"change",function(e,name){"appTheme"===name||"settingsTheme"===name?changeTheme(currentThemeType):"accentColor"===name&&loadAccentColor()}),_events.default.on(_connectionmanager.default,"localusersignedin",function(e){currentThemeType=null}),_exports.default=skinManager});