first commit

modules/dialogsidebar/dialogsidebar.css

@@ -0,0 +1 @@
+.sidebar{background:hsl(var(--background-hue),var(--background-saturation),calc(var(--background-lightness) + 10%));position:absolute;z-index:150;top:0;bottom:0;width:16.5em;display:-webkit-flex;display:flex;scrollbar-gutter:stable;box-sizing:border-box}.sidebarBackdrop{position:absolute;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;background-color:#000;opacity:.3;z-index:145;contain:strict;overflow:hidden;overscroll-behavior:contain}

modules/dialogsidebar/dialogsidebar.js

@@ -0,0 +1 @@
+define(["exports","./../emby-elements/emby-scroller/emby-scroller.js"],function(_exports,_embyScroller){Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,require(["css!modules/dialogsidebar/dialogsidebar.css"]);var SIDEBAR_CLASS="sidebar",SIDEBAR_BACKDROP_CLASS="sidebarBackdrop",SIDEBAR_EXTRA_CLASSES="focuscontainer padded-bottom-page flex-direction-column drawer-open",sidebars={};function DialogSidebar(anchorcontainer,options){var self=this,container=anchorcontainer;if(!(anchorcontainer instanceof _embyScroller.default)){container=document.createElement("div",{is:"emby-scroller"});for(var attr of anchorcontainer.attributes)"is"!==attr.name&&container.setAttribute(attr.name,attr.value)}(self.container=container).dataset.miniscrollbar="true",container.dataset.horizontal="false",container.dataset.focusscroll="true",container.dataset.forcescrollbar="true",container.dataset.forcenativescroll="false",container.classList.add(SIDEBAR_CLASS),container.dataset.sidebar=options.className,options.className.split(" ").forEach(function(classToAdd){return container.classList.add(classToAdd)}),SIDEBAR_EXTRA_CLASSES.split(" ").forEach(function(classToAdd){return container.classList.add(classToAdd)}),container.style[options.reverse?"insetInlineEnd":"insetInlineStart"]=0;var contents=container.querySelector(".scrollSlider"),anchorcontainer=(contents||((contents=document.createElement("div")).classList.add("scrollSlider"),container.append(contents)),self.contents=contents,anchorcontainer!==container&&(anchorcontainer.parentElement.insertBefore(container,anchorcontainer),anchorcontainer.remove()),sidebars[options.className]=this,options.backdropElement);(anchorcontainer="string"==typeof anchorcontainer?document.querySelector(anchorcontainer):anchorcontainer)||!1===anchorcontainer||(anchorcontainer=document.createElement("div"),container.parentElement.insertBefore(anchorcontainer,container)),anchorcontainer instanceof HTMLElement&&(anchorcontainer.classList.add(SIDEBAR_BACKDROP_CLASS),anchorcontainer.dataset.sidebar=options.className,anchorcontainer.addEventListener("click",function(){self.hide()}),self.backdropContainer=anchorcontainer),options.template&&(contents.innerHTML=options.template),self.show=function(){self.container.classList.remove("hide"),self.backdropContainer&&self.backdropContainer.classList.remove("hide")},self.hide=function(){self.container.classList.add("hide"),self.backdropContainer&&self.backdropContainer.classList.add("hide")},self.toggle=function(){self.container.classList.contains("hide")?self.show():self.hide()},self.destroy=function(){self.hide(),self.container.classList.remove(SIDEBAR_CLASS),delete self.container.dataset.sidebar,sidebars[options.className]&&delete sidebars[options.className]}}function show(options){("object"!=typeof options||options instanceof HTMLElement)&&(options={container:options});var sidebar,container=(options=Object.assign({container:void 0,parent:void 0,className:void 0,template:void 0,reverse:!1,backdropElement:void 0},options)).container;if(!((container="string"==typeof container?document.querySelector(container):container)instanceof HTMLElement))throw new Error("The container must be a HTML element.");if(options.parent||(options.parent=container.parentElement),container.classList.contains(SIDEBAR_CLASS))return(sidebar=sidebars[container.dataset.sidebar]).show(),sidebar;if(options.className)return new DialogSidebar(container,options);throw new Error("Sidebar requires a className.")}_exports.default={show:show,create:function(options){if((options="object"!=typeof options||options instanceof HTMLElement?{parent:options}:options).parent)return options.container=document.createElement("div"),options.parent.append(options.container),show(options);throw new Error("This function requires a 'parent' element.")},get:function(className){return sidebars[className]},sidebarClass:SIDEBAR_CLASS}});

modules/dialogsidebar/indexitem.template.html

@@ -0,0 +1,5 @@
+<button is="emby-button" type="button" class="indexItem listItem listItemCursor listItem-hoverable">
+    <div class="listItem-content listItem-content-bg">
+        <div class="indexItemBody listItemBody listItemBodyText"></div>
+    </div>
+</button>

modules/dialogsidebar/indexnode.template.html

@@ -0,0 +1,4 @@
+<div is="emby-collapse" title="" data-expanded="true" class="indexCollapse focuscontainer-x" data-headerclass="" data-buttonclass="indexCollapseButton" data-iconclass="indexCollapseIcon">
+    <div class="indexNodeTitle"></div>
+    <div class="indexNodeSubItems vertical-list collapseContent"></div>
+</div>

modules/dialogsidebar/indexsidebar.css

@@ -0,0 +1 @@
+.indexSidebar{padding-top:calc(1em + env(safe-area-inset-top,0));-webkit-padding-start:1em;padding-inline-start:1em;-webkit-padding-end:1em;padding-inline-end:1em}.indexItem{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-decoration:none;color:inherit;font-weight:400!important;margin:0!important;-webkit-user-select:none;user-select:none;width:auto!important}.indexItemBody{padding:.19em .5em!important}.indexCollapse{position:relative;margin-top:0}.indexCollapseButton{width:2em!important;padding:0!important;position:absolute;inset-inline-end:0;z-index:10}.indexCollapseIcon{line-height:inherit}.indexCollapseButton.emby-collapsible-button-collapsed::after{display:none}.indexNodeTitle{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-margin-end:2.5em;margin-inline-end:2.5em}.indexNodeSubItems.collapseContent{padding-top:.5em;padding-bottom:0;-webkit-padding-end:0.5em;padding-inline-end:0.5em}

modules/dialogsidebar/indexsidebar.template.html

@@ -0,0 +1,2 @@
+<div class="indexSidebarHeader"></div>
+<div class="indexSidebarItems vertical-list padded-left-focusscale padded-right-focusscale flex-direction-column"></div>