diff --git a/item/item.css b/item/item.css index e047f70..c6433ba 100644 --- a/item/item.css +++ b/item/item.css @@ -1 +1,679 @@ -.item-fixed-side{width:28em;max-width:32vw}.detailImageContainer-side{position:relative}.reduce-font-size{font-size:92%}.topDetailsMain{overflow:hidden}.topDetailsMain.padded-left{-webkit-padding-start:2.5%;padding-inline-start:2.5%}@media all and (orientation:landscape){.topDetailsMain-graphic{min-height:50vh;min-height:calc(40vh - 9.5em - env(safe-area-inset-top,0));-webkit-justify-content:flex-end;justify-content:flex-end}.topDetailsMain-graphic-tv{min-height:70vh;min-height:calc(100vh - 9.5em - env(safe-area-inset-top,0))}}.detailImage-transparent{background-color:transparent!important}.detailImageContainerCard{contain:layout style!important}.detailImage{box-shadow:0 .278em 1.39em rgb(0 0 0 / 20%)!important}.detailImageContainerCard:not(.imageWidthTest){width:100%!important}.detailImageContainerCard .cardBox{-webkit-margin-end:0!important;margin-inline-end:0!important;margin-top:0!important;margin-bottom:0!important}.detailImage-nomarginleft .cardBox{-webkit-margin-start:0!important;margin-inline-start:0!important}.detailImageContainerCard-side{max-width:40vh}.detailImageContainerCard-side .cardBox{margin:0!important}.detailImageContainerCard .cardImageIcon{font-size:600%!important}.detailImageContainer-main{position:relative;-webkit-flex-shrink:0;flex-shrink:0;width:14vw;margin-bottom:1em}.detailImageContainer-main.detailImageContainer-portrait{width:clamp(6vw,23.5em,min(25vw,calc(70vh * (2 / 3))))}.detailImageContainer-main-tv.detailImageContainer-portrait{width:clamp(6vw,23.5em,14vw)}.detailImageContainer-main.detailImageContainer-square{width:clamp(6vw,20.5em,min(40vw,40vh))}.detailImageContainer-main-tv.detailImageContainer-square{width:clamp(6vw,20.5em,14vw)}.detailImageContainer-main.detailImageContainer-backdrop{width:28vw;width:clamp(20vw,49.5em,28vw)}.detailImageContainer-main.detailImageContainer-banner{width:28vw;width:clamp(20vw,49.5em,28vw)}.detailImageContainer-main.detailImageContainer-fourThree{width:28vw;width:clamp(20vw,49.5em,28vw)}.detailImageContainer-main.detailImageContainer-small{max-width:20vw}@media all and (orientation:landscape){.detailImageContainer-main.detailImageContainer-small{max-width:14vw}}.itemName-primary{margin:0;overflow:hidden}.itemName-secondary{margin:0}.btnDetailEdit{font-size:72%;margin-top:0;margin-bottom:0;-webkit-margin-start:1.25em;margin-inline-start:1.25em;-webkit-margin-end:0;margin-inline-end:0}.btnDetailEdit+.btnDetailEdit{-webkit-margin-start:.5em;margin-inline-start:.5em}@media not all and (min-width:60em){.btnDetailEdit{display:none!important}}.trackSelectionFieldContainer{-webkit-margin-end:1.25em!important;margin-inline-end:1.25em!important;margin-top:.25em!important;margin-bottom:.25em!important;max-width:100%}@supports selector(:hover) and (display:revert) and (column-gap:1em){.trackSelections{-webkit-column-gap:2.25ch;column-gap:2.25ch}.trackSelectionFieldContainer{-webkit-margin-end:0!important;margin-inline-end:0!important}}.detailMediaStreamsItemsContainer{font-size:92%}.mediaStreamTypeIcon{width:1em;height:1em;-webkit-margin-end:.5em;margin-inline-end:.5em;font-size:130%}.mediaStreamPadder{padding-bottom:32em;aspect-ratio:16/29.5}.mediaStreamPadder-tv{padding-bottom:190%;aspect-ratio:16/29.5}.mediaStreamInnerCardFooter{right:0;top:0;inset-inline-start:0;inset-inline-end:0;padding:.5em .75em;color:inherit;font-size:92%;text-shadow:none!important}.mediaStreamInnerCardFooter .cardText{padding-top:.1em;padding-bottom:.1em}.mediaInfoStream{-webkit-margin-end:2em;margin-inline-end:2em}.mediaInfoAttributeLabel{-webkit-margin-end:1.25em;margin-inline-end:1.25em;font-weight:600}.mediaInfoAttributeValue{white-space:normal}.itemName-primary-logo{height:2.4em;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center}.itemLogoAsTitle{margin:0!important;border:0!important;max-height:100%;max-width:80%;object-fit:contain;object-position:left center;object-position:var(--logo-object-position)}@supports (object-fit:contain){.itemLogoAsTitle{max-width:18em;max-height:initial;height:100%;width:100%}}.itemName-primary-logo-tv{height:2em}.item-tag-button{padding:.5em .9em;margin-top:.25em;margin-bottom:.25em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:.5em;margin-inline-end:.5em}.itemBackdropContainer{height:40vh;position:relative}.itemBackdropContainer-small{height:20vh}.itemBackdrop{background-size:cover;background-position:center center;background-repeat:no-repeat;-webkit-mask-image:linear-gradient(to top,transparent 0%,black 30%);position:absolute;top:0;left:0;right:0;bottom:0;inset-inline-start:0;inset-inline-end:0}.itemBackdrop-contain{background-size:contain}@media not all and (min-width:60em){.detail-mediaInfoPrimary{font-size:92%}}.overview-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-weight:400}.btnOverviewText.emby-button-focusscale:focus{-webkit-transform:scale(1.04);transform:scale(1.04)}.detailButton{margin-top:.75em!important;margin-bottom:.75em!important;-webkit-margin-start:0!important;margin-inline-start:0!important;-webkit-margin-end:.5em!important;margin-inline-end:.5em!important;-webkit-flex-shrink:0;flex-shrink:0;box-shadow:none!important}.detailButton.raised{-webkit-justify-content:center;justify-content:center}@supports selector(:hover) and (display:revert) and (column-gap:1em){.detailButtons,.detailRecordSeriesContainer{-webkit-column-gap:.5em;column-gap:.5em}.detailButton{-webkit-margin-end:0!important;margin-inline-end:0!important}}.detail-mediaInfoPrimary{margin:.25em 0}.detailResumeInfo{position:relative;-webkit-flex-basis:100%;flex-basis:100%;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-order:2;order:2;margin:.25em 0}.resumeName{font-weight:600;text-align:start}.resumeTimeRemaining{-webkit-margin-start:1em;margin-inline-start:1em;white-space:nowrap;font-size:94%}.itemPrimaryNameContainer{margin-bottom:.25em}.itemPrimaryNameContainer-logo{margin-bottom:.25em}@media all and (min-width:50em){.itemSecondaryNameContainer{margin-bottom:.25em}.detailButton-lowres{display:none!important}.resumeName{white-space:nowrap}.resumeInfoDetail{-webkit-padding-start:.15em;padding-inline-start:.15em}.itemBackdropContainer{display:none;background-image:none!important}.itemBackdrop{background-image:none!important}.tracklist-topmargin{padding-top:1em}.detailImageContainer-main{-webkit-margin-end:3ch;margin-inline-end:3ch;margin-bottom:1em}.detailImageContainer-main-extrabottommargin{margin-bottom:2em}}.tracklist-sidemargin{padding-left:.5em;padding-right:.5em}.detailTextContainer{margin:0 -1em;padding:0 1em}.detailTextContainer-extrapadding{padding:0 1.6em}.tagline{margin:.5em 0}.directors{margin:.5em 0}@media not all and (min-width:50em){.overview-twoline{-webkit-line-clamp:2}.detailButton{-webkit-order:3;order:3}.detailButton-autotext{-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:0 .7em!important;background:0 0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;font-weight:400!important;margin-top:1em!important;margin-bottom:1em!important;border-radius:0!important;box-shadow:none!important}.detailButton-autotext-icon{padding:.05em!important;margin-top:0;margin-bottom:.1em;-webkit-margin-start:0;margin-inline-start:0;-webkit-margin-end:0;margin-inline-end:0;border:0!important;font-size:2.1em!important;border-radius:100%}.detailButton-autotext-text{font-size:84%}.btnResume,.btnMainPlay{-webkit-order:0;order:0}.btnPlayTrailer{-webkit-order:1;order:1}.reduce-font-size-mobile{font-size:92%}.detail-mediaInfoPrimary.mediaInfo-centered{margin:.1em 0 .25em}.itemPrimaryNameContainer{margin-bottom:.1em}.itemPrimaryNameContainer-logo{margin-bottom:.3em}.itemSecondaryNameContainer{margin-bottom:.25em}.resumeInfoProgressBar{-webkit-flex-grow:1;flex-grow:1}.resumeInfoDetail{-webkit-justify-content:center;justify-content:center}.resumeSpacer1,.resumeSpacer2{display:none}.detailButton-highres{display:none!important}.itemMainScrollSlider-nopaddingtop{padding-top:0!important}.detailImageContainer-hidemobile,.item-fixed-side,.backdropContainer-preventbackdrop{display:none!important}.detailImageContainer-hidemobile .detailImage{background-image:none!important}.detailMainContainer{position:relative}.detailMainContainer-withitembackdrop{margin-top:-3em}.detailMainContainer-vertical{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.overview-text-tracklist{-webkit-line-clamp:1}.detailButtons,.detailRecordSeriesContainer{-webkit-justify-content:center;justify-content:center}.detailButton.raised{-webkit-flex-basis:100%;flex-basis:100%}.detailButton-stacked{-webkit-flex-basis:calc(50% - .6em)!important;flex-basis:calc(50% - .6em)!important;-webkit-flex-grow:1;flex-grow:1}.detailButton.raised:not(.detailButton-stacked){margin-top:.25em!important;margin-bottom:.25em!important}.detailRecordSeriesContainer{text-align:center;width:100%}.detailResumeInfo{text-align:center}.detailTextContainer{width:100%}.mediaInfo-centered,.detailTextContainerInner-centered,.itemPrimaryNameContainer-centered{-webkit-justify-content:center;justify-content:center}.detailTextContainerInner-centered{margin-bottom:.25em}.nameContainer-centered{text-align:center}.itemPrimaryNameContainer-centered h1{font-size:1.5em}.detailImageContainer-main{width:60vw!important;max-width:initial!important}}@media all and (orientation:landscape){.detailMainContainerParent-fade{position:relative}.detailMainContainerParent-fade::before{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:rgba(0,0,0,.2);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,black 50%,transparent 100%)}.itemMainScrollSlider-fade{position:relative}.itemMainScrollSlider-fade::before{content:" ";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:rgba(0,0,0,.6)}@supports (height:calc(3.125em + 2 * max(3em,4em))){.itemMainScrollSlider-fade::before{background:rgba(0,0,0,.86);-webkit-mask-image:linear-gradient(to bottom,transparent -10vh,black 90vh)}}}@media all and (min-width:60em){.detailButton-lowres2{display:none!important}}@media not all and (min-width:60em){.detailButton-highres2{display:none!important}}@media all and (min-width:80em){.detailButton-lowres3{display:none!important}}@media not all and (min-width:80em){.detailButton-highres3{display:none!important}}.detailMainContainer-marginleft{-webkit-margin-start:.2em;margin-inline-start:.2em}.overview-container{margin:.5em 0}@media all and (min-width:50em){.resumeInfoProgressBar{width:15em}.details-additionalContent-fadein{-webkit-animation:backdrop-fadein .4s ease-out normal both;animation:backdrop-fadein .4s ease-out normal both}.detailButton-autotext-text{display:none}.detailButton-autotext-icon{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;display:inline-block;box-sizing:initial;padding:0}.detailButton-autotext-icon:not(.playstatebutton-icon-played){background:0 0!important}}@media all and (min-width:70em){.details-largefont .detailButtons,.details-largefont .overview-container{font-size:108%}.details-largefont .detailResumeInfo{font-size:93%;margin:.35em 0}}@media all and (min-width:85em){.details-largefont .detailButtons,.details-largefont .overview-container{font-size:120%}.details-largefont .detailResumeInfo{font-size:83.5%;margin:.4em 0}}.mediainfo-forcehide{display:none!important}.detailSelectSeasonContainer .selectLabelText{display:none!important}.detailSeasonSelect-actionsheet{width:70ch}.detailSeasonSelect-actionsheet .listItem-content{padding:0 .75em}.seasonTabs{margin-top:.5em}.seasonTabs-emby-tabs{margin-top:-.5em;padding-top:.5em;margin-bottom:-.5em;padding-bottom:.5em}.detailSeasonTab{padding:.35em 1em;border-radius:.6em}.detailSeasonTab.emby-tab-button-active:not(:focus){background:0 0}@media (orientation:portrait) and (max-width:35em){.allEpisodesItemsContainer{--backdrop-cards:1.4}}@media (orientation:portrait){.detailEndsAt{display:none!important}}.detailHeader-noIcons .headerSearchButton,.detailHeader-noIcons .headerUserButton{display:none!important} \ No newline at end of file +.item-fixed-side { + width: 28em; + max-width: 32vw; +} +.detailImageContainer-side { + position: relative; +} +.reduce-font-size { + font-size: 92%; +} +.topDetailsMain { + overflow: hidden; +} +.topDetailsMain.padded-left { + -webkit-padding-start: 2.5%; + padding-inline-start: 2.5%; +} +@media all and (orientation: landscape) { + .topDetailsMain-graphic { + min-height: 50vh; + min-height: calc(40vh - 9.5em - env(safe-area-inset-top, 0)); + -webkit-justify-content: flex-end; + justify-content: flex-end; + } + .topDetailsMain-graphic-tv { + min-height: 70vh; + min-height: calc(100vh - 9.5em - env(safe-area-inset-top, 0)); + } +} +.detailImage-transparent { + background-color: transparent !important; +} +.detailImageContainerCard { + contain: layout style !important; +} +.detailImage { + box-shadow: 0 0.278em 1.39em rgb(0 0 0 / 20%) !important; +} +.detailImageContainerCard:not(.imageWidthTest) { + width: 100% !important; +} +.detailImageContainerCard .cardBox { + -webkit-margin-end: 0 !important; + margin-inline-end: 0 !important; + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.detailImage-nomarginleft .cardBox { + -webkit-margin-start: 0 !important; + margin-inline-start: 0 !important; +} +.detailImageContainerCard-side { + max-width: 40vh; +} +.detailImageContainerCard-side .cardBox { + margin: 0 !important; +} +.detailImageContainerCard .cardImageIcon { + font-size: 600% !important; +} +.detailImageContainer-main { + position: relative; + -webkit-flex-shrink: 0; + flex-shrink: 0; + width: 14vw; + margin-bottom: 1em; +} +.detailImageContainer-main.detailImageContainer-portrait { + width: clamp(6vw, 23.5em, min(25vw, calc(70vh * (2 / 3)))); +} +.detailImageContainer-main-tv.detailImageContainer-portrait { + width: clamp(6vw, 23.5em, 14vw); +} +.detailImageContainer-main.detailImageContainer-square { + width: clamp(6vw, 20.5em, min(40vw, 40vh)); +} +.detailImageContainer-main-tv.detailImageContainer-square { + width: clamp(6vw, 20.5em, 14vw); +} +.detailImageContainer-main.detailImageContainer-backdrop { + width: 28vw; + width: clamp(20vw, 49.5em, 28vw); +} +.detailImageContainer-main.detailImageContainer-banner { + width: 28vw; + width: clamp(20vw, 49.5em, 28vw); +} +.detailImageContainer-main.detailImageContainer-fourThree { + width: 28vw; + width: clamp(20vw, 49.5em, 28vw); +} +.detailImageContainer-main.detailImageContainer-small { + max-width: 20vw; +} +@media all and (orientation: landscape) { + .detailImageContainer-main.detailImageContainer-small { + max-width: 14vw; + } +} +.itemName-primary { + margin: 0; + overflow: hidden; + font-size: 2.5em; +} +.itemName-secondary { + margin: 0; + font-size: 2em; +} +.btnDetailEdit { + font-size: 72%; + margin-top: 0; + margin-bottom: 0; + -webkit-margin-start: 1.25em; + margin-inline-start: 1.25em; + -webkit-margin-end: 0; + margin-inline-end: 0; +} +.btnDetailEdit + .btnDetailEdit { + -webkit-margin-start: 0.5em; + margin-inline-start: 0.5em; +} +@media not all and (min-width: 60em) { + .btnDetailEdit { + display: none !important; + } +} +.trackSelectionFieldContainer { + -webkit-margin-end: 1.25em !important; + margin-inline-end: 1.25em !important; + margin-top: 0.25em !important; + margin-bottom: 0.25em !important; + max-width: 100%; +} +@supports selector(:hover) and (display: revert) and (column-gap: 1em) { + .trackSelections { + -webkit-column-gap: 2.25ch; + column-gap: 2.25ch; + } + .trackSelectionFieldContainer { + -webkit-margin-end: 0 !important; + margin-inline-end: 0 !important; + } +} +.detailMediaStreamsItemsContainer { + font-size: 92%; +} +.mediaStreamTypeIcon { + width: 1em; + height: 1em; + -webkit-margin-end: 0.5em; + margin-inline-end: 0.5em; + font-size: 130%; +} +.mediaStreamPadder { + padding-bottom: 32em; + aspect-ratio: 16/29.5; +} +.mediaStreamPadder-tv { + padding-bottom: 190%; + aspect-ratio: 16/29.5; +} +.mediaStreamInnerCardFooter { + right: 0; + top: 0; + inset-inline-start: 0; + inset-inline-end: 0; + padding: 0.5em 0.75em; + color: inherit; + font-size: 92%; + text-shadow: none !important; +} +.mediaStreamInnerCardFooter .cardText { + padding-top: 0.1em; + padding-bottom: 0.1em; +} +.mediaInfoStream { + -webkit-margin-end: 2em; + margin-inline-end: 2em; +} +.mediaInfoAttributeLabel { + -webkit-margin-end: 1.25em; + margin-inline-end: 1.25em; + font-weight: 600; +} +.mediaInfoAttributeValue { + white-space: normal; +} +.itemName-primary-logo { + height: 2.4em; + display: -webkit-inline-flex; + display: inline-flex; + -webkit-align-items: center; + align-items: center; +} +.itemLogoAsTitle { + margin: 0 !important; + border: 0 !important; + max-height: 100%; + max-width: 80%; + object-fit: contain; + object-position: left center; + object-position: var(--logo-object-position); +} +@supports (object-fit: contain) { + .itemLogoAsTitle { + max-width: 18em; + max-height: initial; + height: 100%; + width: 100%; + } +} +.itemName-primary-logo-tv { + height: 2em; +} +.item-tag-button { + padding: 0.5em 0.9em; + margin-top: 0.25em; + margin-bottom: 0.25em; + -webkit-margin-start: 0; + margin-inline-start: 0; + -webkit-margin-end: 0.5em; + margin-inline-end: 0.5em; +} +.itemBackdropContainer { + height: 40vh; + position: relative; +} +.itemBackdropContainer-small { + height: 20vh; +} +.itemBackdrop { + background-size: cover; + background-position: center center; + background-repeat: no-repeat; + -webkit-mask-image: linear-gradient(to top, transparent 0%, black 30%); + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + inset-inline-start: 0; + inset-inline-end: 0; +} +.itemBackdrop-contain { + background-size: contain; +} +@media not all and (min-width: 60em) { + .detail-mediaInfoPrimary { + font-size: 92%; + } +} +.overview-text { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 3; + font-weight: 400; +} +.btnOverviewText.emby-button-focusscale:focus { + -webkit-transform: scale(1.04); + transform: scale(1.04); +} +.detailButton { + margin-top: 0.75em !important; + margin-bottom: 0.75em !important; + -webkit-margin-start: 0 !important; + margin-inline-start: 0 !important; + -webkit-margin-end: 0.5em !important; + margin-inline-end: 0.5em !important; + -webkit-flex-shrink: 0; + flex-shrink: 0; + box-shadow: none !important; +} +.detailButton.raised { + -webkit-justify-content: center; + justify-content: center; +} +@supports selector(:hover) and (display: revert) and (column-gap: 1em) { + .detailButtons, + .detailRecordSeriesContainer { + -webkit-column-gap: 0.5em; + column-gap: 0.5em; + } + .detailButton { + -webkit-margin-end: 0 !important; + margin-inline-end: 0 !important; + } +} +.detail-mediaInfoPrimary { + margin: 0.25em 0; +} +.detailResumeInfo { + position: relative; + -webkit-flex-basis: 100%; + flex-basis: 100%; + -webkit-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-order: 2; + order: 2; + margin: 0.25em 0; +} +.resumeName { + font-weight: 600; + text-align: start; +} +.resumeTimeRemaining { + -webkit-margin-start: 1em; + margin-inline-start: 1em; + white-space: nowrap; + font-size: 94%; +} +.itemPrimaryNameContainer { + margin-bottom: 0.25em; +} +.itemPrimaryNameContainer-logo { + margin-bottom: 0.25em; +} +@media all and (min-width: 50em) { + .itemSecondaryNameContainer { + margin-bottom: 0.25em; + } + .detailButton-lowres { + display: none !important; + } + .resumeName { + white-space: nowrap; + } + .resumeInfoDetail { + -webkit-padding-start: 0.15em; + padding-inline-start: 0.15em; + } + .itemBackdropContainer { + display: none; + background-image: none !important; + } + .itemBackdrop { + background-image: none !important; + } + .tracklist-topmargin { + padding-top: 1em; + } + .detailImageContainer-main { + -webkit-margin-end: 3ch; + margin-inline-end: 3ch; + margin-bottom: 1em; + } + .detailImageContainer-main-extrabottommargin { + margin-bottom: 2em; + } +} +.tracklist-sidemargin { + padding-left: 0.5em; + padding-right: 0.5em; +} +.detailTextContainer { + margin: 0 -1em; + padding: 0 1em; +} +.detailTextContainer-extrapadding { + padding: 0 1.6em; +} +.tagline { + margin: 0.5em 0; +} +.directors { + margin: 0.5em 0; +} +@media not all and (min-width: 50em) { + .overview-twoline { + -webkit-line-clamp: 2; + } + .detailButton { + -webkit-order: 3; + order: 3; + } + .detailButton-autotext { + -webkit-flex-direction: column; + flex-direction: column; + -webkit-justify-content: center; + justify-content: center; + -webkit-align-items: center; + align-items: center; + padding: 0 0.7em !important; + background: 0 0 !important; + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + font-weight: 400 !important; + margin-top: 1em !important; + margin-bottom: 1em !important; + border-radius: 0 !important; + box-shadow: none !important; + } + .detailButton-autotext-icon { + padding: 0.05em !important; + margin-top: 0; + margin-bottom: 0.1em; + -webkit-margin-start: 0; + margin-inline-start: 0; + -webkit-margin-end: 0; + margin-inline-end: 0; + border: 0 !important; + font-size: 2.1em !important; + border-radius: 100%; + } + .detailButton-autotext-text { + font-size: 84%; + } + .btnResume, + .btnMainPlay { + -webkit-order: 0; + order: 0; + } + .btnPlayTrailer { + -webkit-order: 1; + order: 1; + } + .reduce-font-size-mobile { + font-size: 92%; + } + .detail-mediaInfoPrimary.mediaInfo-centered { + margin: 0.1em 0 0.25em; + } + .itemPrimaryNameContainer { + margin-bottom: 0.1em; + } + .itemPrimaryNameContainer-logo { + margin-bottom: 0.3em; + } + .itemSecondaryNameContainer { + margin-bottom: 0.25em; + } + .resumeInfoProgressBar { + -webkit-flex-grow: 1; + flex-grow: 1; + } + .resumeInfoDetail { + -webkit-justify-content: center; + justify-content: center; + } + .resumeSpacer1, + .resumeSpacer2 { + display: none; + } + .detailButton-highres { + display: none !important; + } + .itemMainScrollSlider-nopaddingtop { + padding-top: 0 !important; + } + .detailImageContainer-hidemobile, + .item-fixed-side, + .backdropContainer-preventbackdrop { + display: none !important; + } + .detailImageContainer-hidemobile .detailImage { + background-image: none !important; + } + .detailMainContainer { + position: relative; + } + .detailMainContainer-withitembackdrop { + margin-top: -3em; + } + .detailMainContainer-vertical { + -webkit-flex-direction: column; + flex-direction: column; + -webkit-align-items: center; + align-items: center; + -webkit-justify-content: center; + justify-content: center; + } + .overview-text-tracklist { + -webkit-line-clamp: 1; + } + .detailButtons, + .detailRecordSeriesContainer { + -webkit-justify-content: center; + justify-content: center; + } + .detailButton.raised { + -webkit-flex-basis: 100%; + flex-basis: 100%; + } + .detailButton-stacked { + -webkit-flex-basis: calc(50% - 0.6em) !important; + flex-basis: calc(50% - 0.6em) !important; + -webkit-flex-grow: 1; + flex-grow: 1; + } + .detailButton.raised:not(.detailButton-stacked) { + margin-top: 0.25em !important; + margin-bottom: 0.25em !important; + } + .detailRecordSeriesContainer { + text-align: center; + width: 100%; + } + .detailResumeInfo { + text-align: center; + } + .detailTextContainer { + width: 100%; + } + .mediaInfo-centered, + .detailTextContainerInner-centered, + .itemPrimaryNameContainer-centered { + -webkit-justify-content: center; + justify-content: center; + } + .detailTextContainerInner-centered { + margin-bottom: 0.25em; + } + .nameContainer-centered { + text-align: center; + } + .itemPrimaryNameContainer-centered h1 { + font-size: 1.5em; + } + .detailImageContainer-main { + width: 60vw !important; + max-width: initial !important; + } +} +@media all and (orientation: landscape) { + .detailMainContainerParent-fade { + position: relative; + } + .detailMainContainerParent-fade::before { + content: " "; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; + background: rgba(0, 0, 0, 0.2); + -webkit-mask-image: linear-gradient( + to bottom, + transparent 0%, + black 50%, + transparent 100% + ); + } + .itemMainScrollSlider-fade { + position: relative; + } + .itemMainScrollSlider-fade::before { + content: " "; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + z-index: -1; + background: rgba(0, 0, 0, 0.6); + } + @supports (height: calc(3.125em + 2 * max(3em, 4em))) { + .itemMainScrollSlider-fade::before { + background: rgba(0, 0, 0, 0.86); + -webkit-mask-image: linear-gradient( + to bottom, + transparent -10vh, + black 90vh + ); + } + } +} +@media all and (min-width: 60em) { + .detailButton-lowres2 { + display: none !important; + } +} +@media not all and (min-width: 60em) { + .detailButton-highres2 { + display: none !important; + } +} +@media all and (min-width: 80em) { + .detailButton-lowres3 { + display: none !important; + } +} +@media not all and (min-width: 80em) { + .detailButton-highres3 { + display: none !important; + } +} +.detailMainContainer-marginleft { + -webkit-margin-start: 0.2em; + margin-inline-start: 0.2em; +} +.overview-container { + margin: 0.5em 0; +} +@media all and (min-width: 50em) { + .resumeInfoProgressBar { + width: 15em; + } + .details-additionalContent-fadein { + -webkit-animation: backdrop-fadein 0.4s ease-out normal both; + animation: backdrop-fadein 0.4s ease-out normal both; + } + .detailButton-autotext-text { + display: none; + } + .detailButton-autotext-icon { + -webkit-backdrop-filter: none !important; + backdrop-filter: none !important; + display: inline-block; + box-sizing: initial; + padding: 0; + } + .detailButton-autotext-icon:not(.playstatebutton-icon-played) { + background: 0 0 !important; + } +} +@media all and (min-width: 70em) { + .details-largefont .detailButtons, + .details-largefont .overview-container { + font-size: 108%; + } + .details-largefont .detailResumeInfo { + font-size: 93%; + margin: 0.35em 0; + } +} +@media all and (min-width: 85em) { + .details-largefont .detailButtons, + .details-largefont .overview-container { + font-size: 120%; + } + .details-largefont .detailResumeInfo { + font-size: 83.5%; + margin: 0.4em 0; + } +} +.mediainfo-forcehide { + display: none !important; +} +.detailSelectSeasonContainer .selectLabelText { + display: none !important; +} +.detailSeasonSelect-actionsheet { + width: 70ch; +} +.detailSeasonSelect-actionsheet .listItem-content { + padding: 0 0.75em; +} +.seasonTabs { + margin-top: 0.5em; +} +.seasonTabs-emby-tabs { + margin-top: -0.5em; + padding-top: 0.5em; + margin-bottom: -0.5em; + padding-bottom: 0.5em; +} +.detailSeasonTab { + padding: 0.35em 1em; + border-radius: 0.6em; +} +.detailSeasonTab.emby-tab-button-active:not(:focus) { + background: 0 0; +} +@media (orientation: portrait) and (max-width: 35em) { + .allEpisodesItemsContainer { + --backdrop-cards: 1.4; + } +} +@media (orientation: portrait) { + .detailEndsAt { + display: none !important; + } +} +.detailHeader-noIcons .headerSearchButton, +.detailHeader-noIcons .headerUserButton { + display: none !important; +} diff --git a/modules/cardbuilder/card.css b/modules/cardbuilder/card.css index 42fc286..4998fb3 100644 --- a/modules/cardbuilder/card.css +++ b/modules/cardbuilder/card.css @@ -458,7 +458,7 @@ overflow: hidden; text-overflow: ellipsis; text-align: inherit; - line-height: 1 !important; + line-height: 2 !important; } .cardTextLinksLine > .cardTextActionButton { width: auto; diff --git a/modules/emby-elements/emby-scroller/emby-scroller.js b/modules/emby-elements/emby-scroller/emby-scroller.js index a440ffe..81ed31e 100644 --- a/modules/emby-elements/emby-scroller/emby-scroller.js +++ b/modules/emby-elements/emby-scroller/emby-scroller.js @@ -1 +1,347 @@ -define(["exports","./../../layoutmanager.js","./../../scroller/smoothscroller.js","./../../headroom/headroom.js","./../emby-scrollbuttons/emby-scrollbuttons.js"],function(_exports,_layoutmanager,_smoothscroller,_headroom,_embyScrollbuttons){function onInit(){this.classList.add("emby-scroller")}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0;var headerElement=document.querySelector(".skinHeader");var EmbyScroller=function(_HTMLDivElement){babelHelpers.inherits(EmbyScroller,_HTMLDivElement);var _super=_createSuper(EmbyScroller);function EmbyScroller(){babelHelpers.classCallCheck(this,EmbyScroller);var _this,self=_this=_super.call(this);return onInit.call(self),babelHelpers.possibleConstructorReturn(_this,self)}return babelHelpers.createClass(EmbyScroller,[{key:"connectedCallback",value:function(){onInit.call(this);var horizontal="false"!==this.getAttribute("data-horizontal"),slider=this.querySelector(".scrollSlider"),bindHeaderValue=(horizontal&&(slider.style["white-space"]="nowrap"),this.getAttribute("data-bindheader")),bindHeaderValue="true"===bindHeaderValue||_layoutmanager.default.tv&&"tv"===bindHeaderValue,enableScrollButtons=!_layoutmanager.default.tv&&(horizontal||"x"===this.getAttribute("data-scrollbuttonstype"))&&"false"!==this.getAttribute("data-scrollbuttons"),focusScroll=this.getAttribute("data-focusscroll"),slider=(focusScroll=(focusScroll="true"===focusScroll?"adaptive":focusScroll)||("false"!==this.getAttribute("data-centerfocus")?"adaptive":null),this.isPrimaryScroller=bindHeaderValue||"true"===this.getAttribute("data-primaryscroller"),{horizontal:horizontal,mouseWheel:"false"!==this.getAttribute("data-mousewheel"),touchDragging:1,slidee:slider,dragHandle:1,hideScrollbar:enableScrollButtons&&horizontal||null,forceScrollbar:enableScrollButtons&&horizontal||"true"===this.getAttribute("data-forcescrollbar"),allowNativeSmoothScroll:"true"===this.getAttribute("data-allownativesmoothscroll"),focusScroll:focusScroll,focusScrollOffset:this.getAttribute("data-focusscrolloffset")||null,forceNativeScroll:"true"===this.getAttribute("data-forcenativescroll"),forceSmoothScroll:"true"===this.getAttribute("data-forcesmoothscroll"),dynamicFrameSizing:"true"===this.getAttribute("data-dynamicframesizing"),dualScroll:"true"===this.getAttribute("data-dualscroll")}),horizontal=this.getAttribute("data-adaptiveborder");horizontal&&(slider.adaptiveBorder=parseInt(horizontal)),this.scroller=new _smoothscroller.default(this,slider),this.scroller.init(),bindHeaderValue&&(focusScroll=this,(horizontal=new _headroom.default({scroller:focusScroll,element:headerElement,enableScrollingStatus:!0})).init(),focusScroll.headroom=horizontal),enableScrollButtons&&(slider="self"!==(slider=this).getAttribute("data-scrollbuttonparent")?slider.parentNode:slider).insertAdjacentHTML("afterbegin",'
'),this.dispatchEvent(new CustomEvent("upgraded",{cancelable:!1}))}},{key:"disconnectedCallback",value:function(){var headroom=this.headroom,headroom=(headroom&&(headroom.destroy(),this.headroom=null),this.scroller);headroom&&(headroom.destroy(),this.scroller=null)}},{key:"pause",value:function(){this.paused=!0;var headroom=this.headroom;headroom&&headroom.pause()}},{key:"beginResume",value:function(){this.paused=!1;var headroom=this.headroom;headroom&&headroom.beginResume()}},{key:"resume",value:function(){this.paused=!1;var headroom=this.headroom;headroom?headroom.resume():this.isPrimaryScroller&&(headerElement.classList.add("headroom-scrolling"),headerElement.classList.remove("headroom-hidden"))}},{key:"getScrollSize",value:function(){if(this.scroller)return this.scroller.getScrollSize()}},{key:"getScrollWidth",value:function(){if(this.scroller)return this.scroller.getScrollWidth()}},{key:"getScrollHeight",value:function(){if(this.scroller)return this.scroller.getScrollHeight()}},{key:"getScrollPosition",value:function(){if(this.scroller)return this.scroller.getScrollPosition()}},{key:"getLastScrollPosition",value:function(){if(this.scroller)return this.scroller.getLastScrollPosition()}},{key:"isNativeScroll",value:function(){if(this.scroller)return this.scroller.isNativeScroll()}},{key:"getScrollLeft",value:function(){if(this.scroller)return this.scroller.getScrollLeft()}},{key:"getScrollTop",value:function(){if(this.scroller)return this.scroller.getScrollTop()}},{key:"getScrollContainerBoundingClientRect",value:function(){if(this.scroller)return this.scroller.getScrollContainerBoundingClientRect()}},{key:"getScrollSlider",value:function(){if(this.scroller)return this.scroller.getScrollSlider()}},{key:"scrollToBeginning",value:function(scrollOptions){if(this.scroller)return(scrollOptions=scrollOptions||{}).position=0,this.scroller.scrollToPosition(scrollOptions)}},{key:"toStart",value:function(elem,scrollOptions){this.scroller&&this.scroller.toStart(elem,scrollOptions)}},{key:"toCenter",value:function(elem,scrollOptions){this.scroller&&this.scroller.toCenter(elem,scrollOptions)}},{key:"scrollToElement",value:function(elem,scrollOptions){this.scroller&&this.scroller.scrollToElement(elem,scrollOptions)}},{key:"scrollToPosition",value:function(pos){if(this.scroller)return this.scroller.scrollToPosition(pos)}},{key:"addScrollEventListener",value:function(fn,options){this.scroller&&this.scroller.addScrollEventListener(fn,options)}},{key:"removeScrollEventListener",value:function(fn,options){this.scroller&&this.scroller.removeScrollEventListener(fn,options)}},{key:"scrollBackwards",value:function(){this.scroller&&this.scroller.scrollBackwards()}},{key:"scrollForwards",value:function(){this.scroller&&this.scroller.scrollForwards()}},{key:"addResizeObserver",value:function(fn){this.scroller&&this.scroller.addResizeObserver(fn)}},{key:"removeResizeObserver",value:function(fn){this.scroller&&this.scroller.removeResizeObserver(fn)}},{key:"getScrollMultiplier",value:function(){if(this.scroller)return this.scroller.getScrollMultiplier()}},{key:"getScrollLeftMultiplier",value:function(){if(this.scroller)return this.scroller.getScrollLeftMultiplier()}},{key:"getScrollTopMultiplier",value:function(){if(this.scroller)return this.scroller.getScrollTopMultiplier()}},{key:"getPadding",value:function(){if(this.scroller)return this.scroller.getPadding()}},{key:"getElementPosition",value:function(element,horizontal,scrollOptions){if(this.scroller)return this.scroller.getElementPosition(element,horizontal,scrollOptions)}},{key:"notifyResized",value:function(){if(this.scroller)return this.scroller.notifyResized()}},{key:"setHeaderBindingEnabled",value:function(enabled){this.headroom&&!this.paused&&(enabled?(this.headroom.beginResume({}),this.headroom.resume({})):this.headroom.pause())}},{key:"setFocusScroll",value:function(focusScroll){this.scroller&&(null==focusScroll&&(focusScroll="adaptive"),this.scroller.options)&&(this.scroller.options.focusScroll=focusScroll)}}]),EmbyScroller}(babelHelpers.wrapNativeSuper(HTMLDivElement));customElements.define("emby-scroller",EmbyScroller,{extends:"div"}),_exports.default=EmbyScroller}); \ No newline at end of file +define([ + "exports", + "./../../layoutmanager.js", + "./../../scroller/smoothscroller.js", + "./../../headroom/headroom.js", + "./../emby-scrollbuttons/emby-scrollbuttons.js", +], function ( + _exports, + _layoutmanager, + _smoothscroller, + _headroom, + _embyScrollbuttons, +) { + function onInit() { + this.classList.add("emby-scroller"); + } + Object.defineProperty(_exports, "__esModule", { value: !0 }), + (_exports.default = void 0); + var headerElement = document.querySelector(".skinHeader"); + var EmbyScroller = (function (_HTMLDivElement) { + babelHelpers.inherits(EmbyScroller, _HTMLDivElement); + var _super = _createSuper(EmbyScroller); + function EmbyScroller() { + babelHelpers.classCallCheck(this, EmbyScroller); + var _this, + self = (_this = _super.call(this)); + return ( + onInit.call(self), babelHelpers.possibleConstructorReturn(_this, self) + ); + } + return ( + babelHelpers.createClass(EmbyScroller, [ + { + key: "connectedCallback", + value: function () { + onInit.call(this); + var horizontal = "false" !== this.getAttribute("data-horizontal"), + slider = this.querySelector(".scrollSlider"), + bindHeaderValue = + (horizontal && (slider.style["white-space"] = "nowrap"), + this.getAttribute("data-bindheader")), + bindHeaderValue = + "true" === bindHeaderValue || + (_layoutmanager.default.tv && "tv" === bindHeaderValue), + enableScrollButtons = + !_layoutmanager.default.tv && + (horizontal || + "x" === this.getAttribute("data-scrollbuttonstype")) && + "false" !== this.getAttribute("data-scrollbuttons"), + focusScroll = this.getAttribute("data-focusscroll"), + slider = + ((focusScroll = + (focusScroll = + "true" === focusScroll ? "adaptive" : focusScroll) || + ("false" !== this.getAttribute("data-centerfocus") + ? "adaptive" + : null)), + (this.isPrimaryScroller = + bindHeaderValue || + "true" === this.getAttribute("data-primaryscroller")), + { + horizontal: horizontal, + mouseWheel: "false" !== this.getAttribute("data-mousewheel"), + touchDragging: 1, + slidee: slider, + dragHandle: 1, + hideScrollbar: (enableScrollButtons && horizontal) || null, + forceScrollbar: + (enableScrollButtons && horizontal) || + "true" === this.getAttribute("data-forcescrollbar"), + allowNativeSmoothScroll: + "true" === + this.getAttribute("data-allownativesmoothscroll"), + focusScroll: focusScroll, + focusScrollOffset: + this.getAttribute("data-focusscrolloffset") || null, + forceNativeScroll: + "true" === this.getAttribute("data-forcenativescroll"), + forceSmoothScroll: + "true" === this.getAttribute("data-forcesmoothscroll"), + dynamicFrameSizing: + "true" === this.getAttribute("data-dynamicframesizing"), + dualScroll: "true" === this.getAttribute("data-dualscroll"), + }), + horizontal = this.getAttribute("data-adaptiveborder"); + horizontal && (slider.adaptiveBorder = parseInt(horizontal)), + (this.scroller = new _smoothscroller.default(this, slider)), + this.scroller.init(), + bindHeaderValue && + ((focusScroll = this), + (horizontal = new _headroom.default({ + scroller: focusScroll, + element: headerElement, + enableScrollingStatus: !0, + })).init(), + (focusScroll.headroom = horizontal)), + enableScrollButtons && + (slider = + "self" !== + (slider = this).getAttribute("data-scrollbuttonparent") + ? slider.parentNode + : slider).insertAdjacentHTML( + "afterbegin", + '
', + ), + this.dispatchEvent( + new CustomEvent("upgraded", { cancelable: !1 }), + ); + }, + }, + { + key: "disconnectedCallback", + value: function () { + var headroom = this.headroom, + headroom = + (headroom && (headroom.destroy(), (this.headroom = null)), + this.scroller); + headroom && (headroom.destroy(), (this.scroller = null)); + }, + }, + { + key: "pause", + value: function () { + this.paused = !0; + var headroom = this.headroom; + headroom && headroom.pause(); + }, + }, + { + key: "beginResume", + value: function () { + this.paused = !1; + var headroom = this.headroom; + headroom && headroom.beginResume(); + }, + }, + { + key: "resume", + value: function () { + this.paused = !1; + var headroom = this.headroom; + headroom + ? headroom.resume() + : this.isPrimaryScroller && + (headerElement.classList.add("headroom-scrolling"), + headerElement.classList.remove("headroom-hidden")); + }, + }, + { + key: "getScrollSize", + value: function () { + if (this.scroller) return this.scroller.getScrollSize(); + }, + }, + { + key: "getScrollWidth", + value: function () { + if (this.scroller) return this.scroller.getScrollWidth(); + }, + }, + { + key: "getScrollHeight", + value: function () { + if (this.scroller) return this.scroller.getScrollHeight(); + }, + }, + { + key: "getScrollPosition", + value: function () { + if (this.scroller) return this.scroller.getScrollPosition(); + }, + }, + { + key: "getLastScrollPosition", + value: function () { + if (this.scroller) return this.scroller.getLastScrollPosition(); + }, + }, + { + key: "isNativeScroll", + value: function () { + if (this.scroller) return this.scroller.isNativeScroll(); + }, + }, + { + key: "getScrollLeft", + value: function () { + if (this.scroller) return this.scroller.getScrollLeft(); + }, + }, + { + key: "getScrollTop", + value: function () { + if (this.scroller) return this.scroller.getScrollTop(); + }, + }, + { + key: "getScrollContainerBoundingClientRect", + value: function () { + if (this.scroller) + return this.scroller.getScrollContainerBoundingClientRect(); + }, + }, + { + key: "getScrollSlider", + value: function () { + if (this.scroller) return this.scroller.getScrollSlider(); + }, + }, + { + key: "scrollToBeginning", + value: function (scrollOptions) { + if (this.scroller) + return ( + ((scrollOptions = scrollOptions || {}).position = 0), + this.scroller.scrollToPosition(scrollOptions) + ); + }, + }, + { + key: "toStart", + value: function (elem, scrollOptions) { + this.scroller && this.scroller.toStart(elem, scrollOptions); + }, + }, + { + key: "toCenter", + value: function (elem, scrollOptions) { + this.scroller && this.scroller.toCenter(elem, scrollOptions); + }, + }, + { + key: "scrollToElement", + value: function (elem, scrollOptions) { + this.scroller && this.scroller.scrollToElement(elem, scrollOptions); + }, + }, + { + key: "scrollToPosition", + value: function (pos) { + if (this.scroller) return this.scroller.scrollToPosition(pos); + }, + }, + { + key: "addScrollEventListener", + value: function (fn, options) { + this.scroller && this.scroller.addScrollEventListener(fn, options); + }, + }, + { + key: "removeScrollEventListener", + value: function (fn, options) { + this.scroller && + this.scroller.removeScrollEventListener(fn, options); + }, + }, + { + key: "scrollBackwards", + value: function () { + this.scroller && this.scroller.scrollBackwards(); + }, + }, + { + key: "scrollForwards", + value: function () { + this.scroller && this.scroller.scrollForwards(); + }, + }, + { + key: "addResizeObserver", + value: function (fn) { + this.scroller && this.scroller.addResizeObserver(fn); + }, + }, + { + key: "removeResizeObserver", + value: function (fn) { + this.scroller && this.scroller.removeResizeObserver(fn); + }, + }, + { + key: "getScrollMultiplier", + value: function () { + if (this.scroller) return this.scroller.getScrollMultiplier(); + }, + }, + { + key: "getScrollLeftMultiplier", + value: function () { + if (this.scroller) return this.scroller.getScrollLeftMultiplier(); + }, + }, + { + key: "getScrollTopMultiplier", + value: function () { + if (this.scroller) return this.scroller.getScrollTopMultiplier(); + }, + }, + { + key: "getPadding", + value: function () { + if (this.scroller) return this.scroller.getPadding(); + }, + }, + { + key: "getElementPosition", + value: function (element, horizontal, scrollOptions) { + if (this.scroller) + return this.scroller.getElementPosition( + element, + horizontal, + scrollOptions, + ); + }, + }, + { + key: "notifyResized", + value: function () { + if (this.scroller) return this.scroller.notifyResized(); + }, + }, + { + key: "setHeaderBindingEnabled", + value: function (enabled) { + this.headroom && + !this.paused && + (enabled + ? (this.headroom.beginResume({}), this.headroom.resume({})) + : this.headroom.pause()); + }, + }, + { + key: "setFocusScroll", + value: function (focusScroll) { + this.scroller && + (null == focusScroll && (focusScroll = "adaptive"), + this.scroller.options) && + (this.scroller.options.focusScroll = focusScroll); + }, + }, + ]), + EmbyScroller + ); + })(babelHelpers.wrapNativeSuper(HTMLDivElement)); + customElements.define("emby-scroller", EmbyScroller, { extends: "div" }), + (_exports.default = EmbyScroller); +}); diff --git a/modules/homesections/homesections.js b/modules/homesections/homesections.js index 1b2a1f8..8453db2 100644 --- a/modules/homesections/homesections.js +++ b/modules/homesections/homesections.js @@ -1 +1,1222 @@ -define(["exports","./../common/servicelocator.js","./../layoutmanager.js","./../common/globalize.js","./../cardbuilder/cardbuilder.js","./../common/usersettings/usersettings.js","./../emby-apiclient/connectionmanager.js","./../common/appsettings.js","./../registrationservices/registrationservices.js","./../approuter.js","./../emby-elements/emby-button/emby-button.js","./../emby-elements/emby-button/paper-icon-button-light.js","./../emby-elements/emby-itemscontainer/emby-itemscontainer.js","./../emby-elements/emby-scroller/emby-scroller.js"],function(_exports,_servicelocator,_layoutmanager,_globalize,_cardbuilder,_usersettings,_connectionmanager,_appsettings,_registrationservices,_approuter,_embyButton,_paperIconButtonLight,_embyItemscontainer,_embyScroller){function resume(elem,options){for(var elems=elem.querySelectorAll(".itemsContainer"),promises=[],i=0,length=elems.length;i')+('

'+_globalize.default.translate("HeaderMyMedia")+"

"),"itemsContainer scrollSlider focuscontainer-x"),index=(!_layoutmanager.default.tv&&index<2&&(itemsContainerClass+=" itemsContainer-finepointerwrap"),useSmallButtons&&(itemsContainerClass+=" itemsContainer-sideFooters itemsContainer-smallSideFooters"),html=(html=html+""+('
'))+"
"+"
",elem.classList.add("hide"),elem.innerHTML=html,useSmallButtons&&(_layoutmanager.default.tv?elem.classList.add("padded-bottom"):elem.classList.add("verticalSection-extrabottompadding")),elem.querySelector(".itemsContainer"));index.fetchData=(serverId=apiClient.serverId(),function(){var apiClient=_connectionmanager.default.getApiClient(serverId);return getUserViews(apiClient,apiClient.getCurrentUserId())}),index.getListOptions=useSmallButtons?getLibraryButtonsListOptions:getLibraryCardsListOptions,index.parentContainer=elem,useSmallButtons?index.classList.remove("cardSizeSmaller"):index.classList.add("cardSizeSmaller")}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.default=void 0,_exports.default={loadSections:function(options){for(var elem=options.element,apiClient=options.apiClient,user=options.user,requestedItemFields=options.requestedItemFields,enableFocusPreview=options.enableFocusPreview,requestedImageTypes=options.requestedImageTypes,sections=_usersettings.default.getHomeScreenSections(),html="",i=0,length=sections.length;i',0===i&&(html+='
');elem.innerHTML=html,elem.classList.add("homeSectionsContainer");var promises=[];for(i=0,length=sections.length;i":html=(html=(html=html+('

')+_globalize.default.translate("LatestFromLibrary",parent.Name))+"

";html+="";var monitor="music"===parent.CollectionType||"audiobooks"===parent.CollectionType?"markplayed":"videoplayback,markplayed",monitor=(html=(html+='
')+"
",elem.innerHTML=html,elem.querySelector(".itemsContainer"));monitor.fetchData=function(serverId,parentId,collectionType,requestedItemFields,requestedImageTypes){return function(query){var apiClient=_connectionmanager.default.getApiClient(serverId),fields=requestedItemFields+",PrimaryImageAspectRatio,ProductionYear";return collectionType&&"tvshows"!==collectionType||(fields+=",Status,EndDate"),apiClient.getLatestItems({Limit:16,Fields:fields,ImageTypeLimit:1,EnableImageTypes:requestedImageTypes,ParentId:parentId})}}(apiClient.serverId(),parent.Id,parent.CollectionType,requestedItemFields,requestedImageTypes),monitor.getListOptions=function(viewType,enableFocusPreview){return function(items){var fields=[],lines=null;return enableFocusPreview||("photos"!==viewType&&fields.push("Name"),"movies"!==viewType&&"tvshows"!==viewType&&"musicvideos"!==viewType&&viewType||fields.push("ProductionYear"),"music"!==viewType&&"audiobooks"!==viewType&&"tvshows"!==viewType&&"musicvideos"!==viewType&&viewType||fields.push("ParentName"),lines="musicvideos"!==viewType&&viewType?2:3),{renderer:_cardbuilder.default,options:{shape:"autooverflow",preferThumb:"audiobooks"!==viewType&&"music"!==viewType?null:"auto",showUnplayedIndicator:!1,showChildCountIndicator:!0,context:"home",overlayPlayButton:"photos"!==viewType,fields:fields,lines:lines,focusTransformTitleAdjust:!0},virtualScrollLayout:"horizontal-grid"}}}((parent.Type,parent.CollectionType),enableFocusPreview),monitor.parentContainer=elem}(frag,apiClient,item,requestedItemFields,requestedImageTypes,enableFocusPreview))}})}(elem,apiClient,user,requestedItemFields,requestedImageTypes,enableFocusPreview);case"smalllibrarytiles":return loadLibraryTiles(elem,apiClient,index,!1);case"librarybuttons":return loadLibraryTiles(elem,apiClient,index,!0);case"resume":return function(elem,apiClient,allSections,requestedItemFields,requestedImageTypes,enableFocusPreview){var html="",html=(html=(html='

'+_globalize.default.translate("HeaderContinueWatching")+'

')+"
",elem.classList.add("hide"),elem.innerHTML=html,elem.querySelector(".itemsContainer"));html.fetchData=function(serverId,allSections,requestedItemFields,requestedImageTypes){return function(query){var apiClient=_connectionmanager.default.getApiClient(serverId),query=Object.assign({Recursive:!0,Fields:requestedItemFields+",PrimaryImageAspectRatio,ProductionYear",ImageTypeLimit:1,EnableImageTypes:requestedImageTypes,MediaTypes:"Video",IncludeNextUp:!allSections.includes("nextup")&&null},query);return apiClient.getResumableItems(apiClient.getCurrentUserId(),query)}}(apiClient.serverId(),allSections,requestedItemFields,requestedImageTypes),html.getListOptions=function(enableFocusPreview){return function(items){var fields=[],lines=null;return enableFocusPreview||(fields.push("Name"),fields.push("ProductionYear"),fields.push("ParentName"),lines=2),{renderer:_cardbuilder.default,options:{preferThumb:!0,shape:"backdrop",fields:fields,showDetailsMenu:!0,overlayPlayButton:!0,context:"home",centerText:!0,cardLayout:!1,lines:lines,focusTransformTitleAdjust:!0,animateProgressBar:!0},virtualScrollLayout:"horizontal-grid",commandOptions:{removeFromResume:!0}}}}(enableFocusPreview),html.parentContainer=elem}(elem,apiClient,allSections,requestedItemFields,requestedImageTypes,enableFocusPreview);case"resumeaudio":return function(elem,apiClient,requestedItemFields,requestedImageTypes,enableFocusPreview){var html="",html=(html=(html='

'+_globalize.default.translate("HeaderContinueListening")+'

')+"
",elem.classList.add("hide"),elem.innerHTML=html,elem.querySelector(".itemsContainer"));html.fetchData=function(serverId,requestedItemFields,requestedImageTypes){return function(query){var apiClient=_connectionmanager.default.getApiClient(serverId),query=Object.assign({Recursive:!0,Fields:requestedItemFields+",PrimaryImageAspectRatio,ProductionYear",ImageTypeLimit:1,EnableImageTypes:requestedImageTypes,MediaTypes:"Audio"},query);return apiClient.getResumableItems(apiClient.getCurrentUserId(),query)}}(apiClient.serverId(),requestedItemFields,requestedImageTypes),html.getListOptions=function(enableFocusPreview){return function(items){var fields=[];return enableFocusPreview||(fields.push("Name"),fields.push("Album"),fields.push("ParentName")),{renderer:_cardbuilder.default,options:{preferThumb:"auto",shape:"auto",fields:fields,showDetailsMenu:!0,overlayPlayButton:!0,context:"home",centerText:!0,cardLayout:!1,albumFirst:!0,focusTransformTitleAdjust:!0,animateProgressBar:!0},virtualScrollLayout:"horizontal-grid",commandOptions:{removeFromResume:!0}}}}(enableFocusPreview),html.parentContainer=elem}(elem,apiClient,requestedItemFields,requestedImageTypes,enableFocusPreview);case"activerecordings":return function(elem,activeRecordingsOnly,apiClient,requestedItemFields,enableFocusPreview){var title=activeRecordingsOnly?_globalize.default.translate("HeaderActiveRecordings"):_globalize.default.translate("HeaderLatestRecordings"),html="",title=(html=(html=(html='

'+title+"

")+'
')+"
",elem.classList.add("hide"),elem.innerHTML=html,elem.querySelector(".itemsContainer"));title.fetchData=function(serverId,activeRecordingsOnly,requestedItemFields){return function(query){var apiClient=_connectionmanager.default.getApiClient(serverId);return apiClient.getLiveTvRecordings(Object.assign({userId:apiClient.getCurrentUserId(),Fields:requestedItemFields+",PrimaryImageAspectRatio,ProductionYear",IsLibraryItem:!!activeRecordingsOnly&&null,IsInProgress:!!activeRecordingsOnly||null},query))}}(apiClient.serverId(),activeRecordingsOnly,requestedItemFields),title.getListOptions=function(enableFocusPreview){return function(items){var fields=[],lines=null;return enableFocusPreview||(fields.push("Name"),fields.push("ProductionYear"),fields.push("ParentName"),lines=2),{renderer:_cardbuilder.default,options:{shape:"autooverflow",fields:fields,showDetailsMenu:!0,lines:lines,preferThumb:!0,cardLayout:!1,focusTransformTitleAdjust:!0},virtualScrollLayout:"horizontal-grid"}}}(enableFocusPreview),title.parentContainer=elem,title.maxTotalRecordCount=24}(elem,!0,apiClient,requestedItemFields,enableFocusPreview);case"nextup":return function(elem,apiClient,requestedItemFields,requestedImageTypes,enableFocusPreview){var html="";html+='
',_layoutmanager.default.tv?html+='

'+_globalize.default.translate("HeaderNextUp")+"

":html=(html=(html=html+('

')+_globalize.default.translate("HeaderNextUp"))+"

";html=(html+='
')+"
",elem.classList.add("hide"),elem.innerHTML=html;html=elem.querySelector(".itemsContainer");html.fetchData=function(serverId,requestedItemFields,requestedImageTypes){return function(query){var apiClient=_connectionmanager.default.getApiClient(serverId);return apiClient.getNextUpEpisodes(Object.assign({LegacyNextUp:!0,Fields:requestedItemFields+",PrimaryImageAspectRatio,ProductionYear,SeriesInfo,DateCreated",ImageTypeLimit:1,EnableImageTypes:requestedImageTypes,UserId:apiClient.getCurrentUserId()},query))}}(apiClient.serverId(),requestedItemFields,requestedImageTypes),html.getListOptions=function(enableFocusPreview){return function(){var fields=[];return enableFocusPreview||(fields.push("Name"),fields.push("ParentName")),{renderer:_cardbuilder.default,options:{preferThumb:!0,shape:"backdrop",fields:fields,overlayPlayButton:!0,context:"home",centerText:!0,cardLayout:!1,focusTransformTitleAdjust:!0},virtualScrollLayout:"horizontal-grid",commandOptions:{removeFromNextUp:!0}}}}(enableFocusPreview),html.parentContainer=elem}(elem,apiClient,requestedItemFields,requestedImageTypes,enableFocusPreview);case"livetv":return function(elem,apiClient,user,requestedItemFields,requestedImageTypes,enableFocusPreview){return user.Policy.EnableLiveTvAccess?((user=[]).push(_registrationservices.default.validateFeature("livetv",{viewOnly:!0,showDialog:!1}).then(function(){return Promise.resolve(!0)},function(){return Promise.resolve(!1)})),Promise.all(user).then(function(responses){var html="";responses[0]?(elem.classList.remove("padded-left","padded-left-page"),elem.classList.remove("padded-right"),elem.classList.remove("padded-bottom"),elem.classList.remove("verticalSection","verticalSection-cards"),elem.classList.remove("focusable"),elem.removeAttribute("data-focusabletype"),html=(html=(html=(html=(html=(html+='
')+'

'+_globalize.default.translate("LiveTV")+'

')+''+_globalize.default.translate("Programs")+"")+''+_globalize.default.translate("Guide")+"")+'folder'+_globalize.default.translate("Recordings")+"")+''+_globalize.default.translate("Schedule")+'
',_layoutmanager.default.tv?html+='

'+_globalize.default.translate("HeaderOnNow")+"

":html=(html=html+('

')+_globalize.default.translate("HeaderOnNow")+"

",elem.innerHTML=html=(html=(html+="
")+'
'+"
")+"
"+"
",(responses=elem.querySelector(".itemsContainer")).parentContainer=elem,responses.fetchData=function(serverId,requestedItemFields,requestedImageTypes){return function(query){var apiClient=_connectionmanager.default.getApiClient(serverId);return query=Object.assign({userId:apiClient.getCurrentUserId(),IsAiring:!0,ImageTypeLimit:1,EnableImageTypes:requestedImageTypes,Fields:requestedItemFields+",ProgramPrimaryImageAspectRatio",EnableUserData:!1},query),_usersettings.default.addLiveTvChannelSortingToQuery(query,_globalize.default),apiClient.getLiveTvChannels(query)}}(apiClient.serverId(),requestedItemFields,requestedImageTypes),responses.getListOptions=function(enableFocusPreview){return function(items){var fields=[];return enableFocusPreview||(fields.push("CurrentProgramName"),fields.push("CurrentProgramParentName"),fields.push("CurrentProgramTime")),{renderer:_cardbuilder.default,options:{preferThumb:"auto",inheritThumb:!1,shape:"autooverflow",fields:fields,showCurrentProgramImage:!0,showAirDateTime:!1,overlayPlayButton:!0,defaultShape:"portrait",action:"programlink",multiSelect:!1,focusTransformTitleAdjust:!0},virtualScrollLayout:"horizontal-grid",commandOptions:{createRecording:!1}}}}(enableFocusPreview)):(elem.classList.add("hide"),elem.classList.remove("focusable"),elem.classList.add("padded-left","padded-left-page"),elem.classList.add("padded-right"),elem.classList.add("padded-bottom"),html=(html=html+('

'+_globalize.default.translate("LiveTvRequiresUnlock"))+'

",function(elem,apiClient){apiClient.getLiveTvChannels({userId:apiClient.getCurrentUserId(),limit:1,ImageTypeLimit:1,EnableTotalRecordCount:!1,EnableImages:!1,EnableUserData:!1}).then(function(result){result.Items.length?(elem.classList.add("focusable"),elem.classList.remove("hide")):(elem.classList.add("hide"),elem.classList.remove("focusable"))})}(elem,apiClient)),function(elem){var btnUnlock=elem.querySelector(".btnUnlock");btnUnlock&&btnUnlock.addEventListener("click",function(e){_registrationservices.default.validateFeature("livetv",{viewOnly:!0}).then(function(){elem.closest(".homeSectionsContainer").dispatchEvent(new CustomEvent("settingschange",{cancelable:!1}))})})}(elem)})):(elem.classList.add("hide"),elem.classList.remove("focusable"),Promise.resolve())}(elem,apiClient,user,requestedItemFields,requestedImageTypes,enableFocusPreview);default:return elem.innerHTML="",Promise.resolve()}}(elem,apiClient,user,requestedItemFields,enableFocusPreview,requestedImageTypes,sections,i)),0===i&&(promises.push(function(elem,apiClient){elem.classList.add("hide");var html="";html=(html=(html=(html+='
')+'

')+_globalize.default.translate("Downloads"))+"

",_layoutmanager.default.tv||(html+='');html=(html+='
')+"
",elem.innerHTML=html;html=elem.querySelector(".itemsContainer");html.fetchData=function(serverId){return function(){var apiClient;return _servicelocator.appHost.supports("sync")?(apiClient=_connectionmanager.default.getApiClient(serverId)).getCurrentUser().then(function(user){return user.Policy.EnableContentDownloading&&apiClient.getLatestOfflineItems?apiClient.getLatestOfflineItems({Limit:20,Filters:"IsNotFolder"}):Promise.resolve([])}):Promise.resolve([])}}(apiClient.serverId()),html.getListOptions=getDownloadListOptions,html.parentContainer=elem}(elem.querySelector(".section-downloads"),apiClient)),promises.push(function(elem,apiClient){elem.classList.add("hide"),elem.innerHTML=function(){var html="";return html=(html=(html=(html+='
')+'

Discover Emby Premiere

')+'

Enjoy Emby DVR, get free access to Emby apps, and more.

')+"
"}(),function(elem){elem=elem.querySelector(".itemsContainer");elem&&elem.addEventListener("action-null",function(e){e.target.closest(".card")&&_registrationservices.default.showPremiereInfo()})}(elem);var itemsContainer=elem.querySelector(".itemsContainer");return itemsContainer.fetchData=function(){var apiClient=this,cacheKey="lastappinfopresent5",lastDatePresented=parseInt(_appsettings.default.get(cacheKey)||"0");if(!lastDatePresented)return _appsettings.default.set(cacheKey,Date.now()),Promise.resolve([]);if(Date.now()-lastDatePresented<1728e5)return Promise.resolve([]);return _registrationservices.default.validateFeature("dvr",{showDialog:!1,viewOnly:!0}).then(function(){return _appsettings.default.set(cacheKey,Date.now()),[]},function(){return _appsettings.default.set(cacheKey,Date.now()),function(apiClient){var items=[];return items.push({Name:"",Id:"PremiereInfo1",ImageUrl:"https://raw.githubusercontent.com/MediaBrowser/Emby.Resources/master/apps/theater1.png",PrimaryImageAspectRatio:16/9,ServerId:apiClient.serverId()}),items.push({Name:"",Id:"PremiereInfo2",ImageUrl:"https://raw.githubusercontent.com/MediaBrowser/Emby.Resources/master/apps/theater2.png",PrimaryImageAspectRatio:16/9,ServerId:apiClient.serverId()}),items.push({Name:"",Id:"PremiereInfo3",ImageUrl:"https://raw.githubusercontent.com/MediaBrowser/Emby.Resources/master/apps/theater3.png",PrimaryImageAspectRatio:16/9,ServerId:apiClient.serverId()}),Promise.resolve({Items:items,TotalRecordCount:items.length})}(apiClient)})}.bind(apiClient),itemsContainer.getListOptions=getAppInfoListOptions,itemsContainer.parentContainer=elem,Promise.resolve()}(elem.querySelector(".section-appinfo"),apiClient)));return Promise.all(promises).then(function(){return resume(elem,{refresh:!0,returnPromise:!1})})},pause:function(elem){for(var elems=elem.querySelectorAll(".itemsContainer"),i=0,length=elems.length;i') + + ('

' + + _globalize.default.translate("HeaderMyMedia") + + "

")), + "itemsContainer scrollSlider focuscontainer-x"), + index = + (!_layoutmanager.default.tv && + index < 2 && + (itemsContainerClass += " itemsContainer-finepointerwrap"), + useSmallButtons && + (itemsContainerClass += + " itemsContainer-sideFooters itemsContainer-smallSideFooters"), + (html = + (html = + html + + "" + + ('
')) + + "
" + + "
"), + elem.classList.add("hide"), + (elem.innerHTML = html), + useSmallButtons && + (_layoutmanager.default.tv + ? elem.classList.add("padded-bottom") + : elem.classList.add("verticalSection-extrabottompadding")), + elem.querySelector(".itemsContainer")); + (index.fetchData = + ((serverId = apiClient.serverId()), + function () { + var apiClient = _connectionmanager.default.getApiClient(serverId); + return getUserViews(apiClient, apiClient.getCurrentUserId()); + })), + (index.getListOptions = useSmallButtons + ? getLibraryButtonsListOptions + : getLibraryCardsListOptions), + (index.parentContainer = elem), + useSmallButtons + ? index.classList.remove("cardSizeSmaller") + : index.classList.add("cardSizeSmaller"); + } + Object.defineProperty(_exports, "__esModule", { value: !0 }), + (_exports.default = void 0), + (_exports.default = { + loadSections: function (options) { + for ( + var elem = options.element, + apiClient = options.apiClient, + user = options.user, + requestedItemFields = options.requestedItemFields, + enableFocusPreview = options.enableFocusPreview, + requestedImageTypes = options.requestedImageTypes, + sections = _usersettings.default.getHomeScreenSections(), + html = "", + i = 0, + length = sections.length; + i < length; + i++ + ) + (html += + '
'), + 0 === i && + (html += + '
'); + (elem.innerHTML = html), elem.classList.add("homeSectionsContainer"); + var promises = []; + for (i = 0, length = sections.length; i < length; i++) + promises.push( + (function ( + page, + apiClient, + user, + requestedItemFields, + enableFocusPreview, + requestedImageTypes, + allSections, + index, + ) { + var section = allSections[index], + elem = + (apiClient.getCurrentUserId(), + page.querySelector(".section" + index)); + switch (section) { + case "latestmedia": + return (function ( + elem, + apiClient, + user, + requestedItemFields, + requestedImageTypes, + enableFocusPreview, + ) { + return getUserViews( + apiClient, + apiClient.getCurrentUserId(), + ).then(function (userViews) { + elem.classList.remove( + "verticalSection", + "verticalSection-cards", + ), + elem.classList.remove("focusable"), + elem.removeAttribute("data-focusabletype"); + for ( + var excludeViewTypes = [ + "playlists", + "livetv", + "boxsets", + "channels", + ], + i = 0, + length = userViews.length; + i < length; + i++ + ) { + var frag, + item = userViews[i]; + user.Configuration.LatestItemsExcludes.includes( + item.Id, + ) || + (item.Guid && + user.Configuration.LatestItemsExcludes.includes( + item.Guid, + )) || + excludeViewTypes.includes( + item.CollectionType || [], + ) || + ((frag = document.createElement("div")).classList.add( + "hide", + ), + frag.classList.add( + "verticalSection", + "verticalSection-cards", + ), + frag.classList.add("focusable"), + frag.setAttribute("data-focusabletype", "nearest"), + elem.appendChild(frag), + (function ( + elem, + apiClient, + parent, + requestedItemFields, + requestedImageTypes, + enableFocusPreview, + ) { + var html = ""; + (html += + '
'), + _layoutmanager.default.tv + ? (html += + '

' + + _globalize.default.translate( + "LatestFromLibrary", + parent.Name, + ) + + "

") + : (html = + (html = + (html = + html + + ('

') + + _globalize.default.translate( + "LatestFromLibrary", + parent.Name, + )) + "

"); + html += "
"; + var monitor = + "music" === parent.CollectionType || + "audiobooks" === parent.CollectionType + ? "markplayed" + : "videoplayback,markplayed", + monitor = + ((html = + (html += + '
') + + "
"), + (elem.innerHTML = html), + elem.querySelector(".itemsContainer")); + (monitor.fetchData = (function ( + serverId, + parentId, + collectionType, + requestedItemFields, + requestedImageTypes, + ) { + return function (query) { + var apiClient = + _connectionmanager.default.getApiClient( + serverId, + ), + fields = + requestedItemFields + + ",PrimaryImageAspectRatio,ProductionYear"; + return ( + (collectionType && + "tvshows" !== collectionType) || + (fields += ",Status,EndDate"), + apiClient.getLatestItems({ + Limit: 16, + Fields: fields, + ImageTypeLimit: 1, + EnableImageTypes: requestedImageTypes, + ParentId: parentId, + }) + ); + }; + })( + apiClient.serverId(), + parent.Id, + parent.CollectionType, + requestedItemFields, + requestedImageTypes, + )), + (monitor.getListOptions = (function ( + viewType, + enableFocusPreview, + ) { + return function (items) { + var fields = [], + lines = null; + return ( + enableFocusPreview || + ("photos" !== viewType && + fields.push("Name"), + ("movies" !== viewType && + "tvshows" !== viewType && + "musicvideos" !== viewType && + viewType) || + fields.push("ProductionYear"), + ("music" !== viewType && + "audiobooks" !== viewType && + "tvshows" !== viewType && + "musicvideos" !== viewType && + viewType) || + fields.push("ParentName"), + (lines = + "musicvideos" !== viewType && viewType + ? 2 + : 3)), + { + renderer: _cardbuilder.default, + options: { + shape: "autooverflow", + preferThumb: + "audiobooks" !== viewType && + "music" !== viewType + ? null + : "auto", + showUnplayedIndicator: !1, + showChildCountIndicator: !0, + context: "home", + overlayPlayButton: + "photos" !== viewType, + fields: fields, + lines: lines, + focusTransformTitleAdjust: !0, + }, + virtualScrollLayout: "horizontal-grid", + } + ); + }; + })( + (parent.Type, parent.CollectionType), + enableFocusPreview, + )), + (monitor.parentContainer = elem); + })( + frag, + apiClient, + item, + requestedItemFields, + requestedImageTypes, + enableFocusPreview, + )); + } + }); + })( + elem, + apiClient, + user, + requestedItemFields, + requestedImageTypes, + enableFocusPreview, + ); + case "smalllibrarytiles": + return loadLibraryTiles(elem, apiClient, index, !1); + case "librarybuttons": + return loadLibraryTiles(elem, apiClient, index, !0); + case "resume": + return (function ( + elem, + apiClient, + allSections, + requestedItemFields, + requestedImageTypes, + enableFocusPreview, + ) { + var html = "", + html = + ((html = + (html = + '

' + + _globalize.default.translate( + "HeaderContinueWatching", + ) + + '

') + + "
"), + elem.classList.add("hide"), + (elem.innerHTML = html), + elem.querySelector(".itemsContainer")); + (html.fetchData = (function ( + serverId, + allSections, + requestedItemFields, + requestedImageTypes, + ) { + return function (query) { + var apiClient = + _connectionmanager.default.getApiClient(serverId), + query = Object.assign( + { + Recursive: !0, + Fields: + requestedItemFields + + ",PrimaryImageAspectRatio,ProductionYear", + ImageTypeLimit: 1, + EnableImageTypes: requestedImageTypes, + MediaTypes: "Video", + IncludeNextUp: + !allSections.includes("nextup") && null, + }, + query, + ); + return apiClient.getResumableItems( + apiClient.getCurrentUserId(), + query, + ); + }; + })( + apiClient.serverId(), + allSections, + requestedItemFields, + requestedImageTypes, + )), + (html.getListOptions = (function (enableFocusPreview) { + return function (items) { + var fields = [], + lines = null; + return ( + enableFocusPreview || + (fields.push("Name"), + fields.push("ProductionYear"), + fields.push("ParentName"), + (lines = 2)), + { + renderer: _cardbuilder.default, + options: { + preferThumb: !0, + shape: "backdrop", + fields: fields, + showDetailsMenu: !0, + overlayPlayButton: !0, + context: "home", + centerText: !0, + cardLayout: !1, + lines: lines, + focusTransformTitleAdjust: !0, + animateProgressBar: !0, + }, + virtualScrollLayout: "horizontal-grid", + commandOptions: { removeFromResume: !0 }, + } + ); + }; + })(enableFocusPreview)), + (html.parentContainer = elem); + })( + elem, + apiClient, + allSections, + requestedItemFields, + requestedImageTypes, + enableFocusPreview, + ); + case "resumeaudio": + return (function ( + elem, + apiClient, + requestedItemFields, + requestedImageTypes, + enableFocusPreview, + ) { + var html = "", + html = + ((html = + (html = + '

' + + _globalize.default.translate( + "HeaderContinueListening", + ) + + '

') + + "
"), + elem.classList.add("hide"), + (elem.innerHTML = html), + elem.querySelector(".itemsContainer")); + (html.fetchData = (function ( + serverId, + requestedItemFields, + requestedImageTypes, + ) { + return function (query) { + var apiClient = + _connectionmanager.default.getApiClient(serverId), + query = Object.assign( + { + Recursive: !0, + Fields: + requestedItemFields + + ",PrimaryImageAspectRatio,ProductionYear", + ImageTypeLimit: 1, + EnableImageTypes: requestedImageTypes, + MediaTypes: "Audio", + }, + query, + ); + return apiClient.getResumableItems( + apiClient.getCurrentUserId(), + query, + ); + }; + })( + apiClient.serverId(), + requestedItemFields, + requestedImageTypes, + )), + (html.getListOptions = (function (enableFocusPreview) { + return function (items) { + var fields = []; + return ( + enableFocusPreview || + (fields.push("Name"), + fields.push("Album"), + fields.push("ParentName")), + { + renderer: _cardbuilder.default, + options: { + preferThumb: "auto", + shape: "auto", + fields: fields, + showDetailsMenu: !0, + overlayPlayButton: !0, + context: "home", + centerText: !0, + cardLayout: !1, + albumFirst: !0, + focusTransformTitleAdjust: !0, + animateProgressBar: !0, + }, + virtualScrollLayout: "horizontal-grid", + commandOptions: { removeFromResume: !0 }, + } + ); + }; + })(enableFocusPreview)), + (html.parentContainer = elem); + })( + elem, + apiClient, + requestedItemFields, + requestedImageTypes, + enableFocusPreview, + ); + case "activerecordings": + return (function ( + elem, + activeRecordingsOnly, + apiClient, + requestedItemFields, + enableFocusPreview, + ) { + var title = activeRecordingsOnly + ? _globalize.default.translate("HeaderActiveRecordings") + : _globalize.default.translate( + "HeaderLatestRecordings", + ), + html = "", + title = + ((html = + (html = + (html = + '

' + + title + + "

") + + '
') + + "
"), + elem.classList.add("hide"), + (elem.innerHTML = html), + elem.querySelector(".itemsContainer")); + (title.fetchData = (function ( + serverId, + activeRecordingsOnly, + requestedItemFields, + ) { + return function (query) { + var apiClient = + _connectionmanager.default.getApiClient(serverId); + return apiClient.getLiveTvRecordings( + Object.assign( + { + userId: apiClient.getCurrentUserId(), + Fields: + requestedItemFields + + ",PrimaryImageAspectRatio,ProductionYear", + IsLibraryItem: !!activeRecordingsOnly && null, + IsInProgress: !!activeRecordingsOnly || null, + }, + query, + ), + ); + }; + })( + apiClient.serverId(), + activeRecordingsOnly, + requestedItemFields, + )), + (title.getListOptions = (function (enableFocusPreview) { + return function (items) { + var fields = [], + lines = null; + return ( + enableFocusPreview || + (fields.push("Name"), + fields.push("ProductionYear"), + fields.push("ParentName"), + (lines = 2)), + { + renderer: _cardbuilder.default, + options: { + shape: "autooverflow", + fields: fields, + showDetailsMenu: !0, + lines: lines, + preferThumb: !0, + cardLayout: !1, + focusTransformTitleAdjust: !0, + }, + virtualScrollLayout: "horizontal-grid", + } + ); + }; + })(enableFocusPreview)), + (title.parentContainer = elem), + (title.maxTotalRecordCount = 24); + })( + elem, + !0, + apiClient, + requestedItemFields, + enableFocusPreview, + ); + case "nextup": + return (function ( + elem, + apiClient, + requestedItemFields, + requestedImageTypes, + enableFocusPreview, + ) { + var html = ""; + (html += + '
'), + _layoutmanager.default.tv + ? (html += + '

' + + _globalize.default.translate("HeaderNextUp") + + "

") + : (html = + (html = + (html = + html + + ('

') + + _globalize.default.translate("HeaderNextUp")) + + "

"); + (html = + (html += + '
') + + "
"), + elem.classList.add("hide"), + (elem.innerHTML = html); + html = elem.querySelector(".itemsContainer"); + (html.fetchData = (function ( + serverId, + requestedItemFields, + requestedImageTypes, + ) { + return function (query) { + var apiClient = + _connectionmanager.default.getApiClient(serverId); + return apiClient.getNextUpEpisodes( + Object.assign( + { + LegacyNextUp: !0, + Fields: + requestedItemFields + + ",PrimaryImageAspectRatio,ProductionYear,SeriesInfo,DateCreated", + ImageTypeLimit: 1, + EnableImageTypes: requestedImageTypes, + UserId: apiClient.getCurrentUserId(), + }, + query, + ), + ); + }; + })( + apiClient.serverId(), + requestedItemFields, + requestedImageTypes, + )), + (html.getListOptions = (function (enableFocusPreview) { + return function () { + var fields = []; + return ( + enableFocusPreview || + (fields.push("Name"), fields.push("ParentName")), + { + renderer: _cardbuilder.default, + options: { + preferThumb: !0, + shape: "backdrop", + fields: fields, + overlayPlayButton: !0, + context: "home", + centerText: !0, + cardLayout: !1, + focusTransformTitleAdjust: !0, + }, + virtualScrollLayout: "horizontal-grid", + commandOptions: { removeFromNextUp: !0 }, + } + ); + }; + })(enableFocusPreview)), + (html.parentContainer = elem); + })( + elem, + apiClient, + requestedItemFields, + requestedImageTypes, + enableFocusPreview, + ); + case "livetv": + return (function ( + elem, + apiClient, + user, + requestedItemFields, + requestedImageTypes, + enableFocusPreview, + ) { + return user.Policy.EnableLiveTvAccess + ? ((user = []).push( + _registrationservices.default + .validateFeature("livetv", { + viewOnly: !0, + showDialog: !1, + }) + .then( + function () { + return Promise.resolve(!0); + }, + function () { + return Promise.resolve(!1); + }, + ), + ), + Promise.all(user).then(function (responses) { + var html = ""; + responses[0] + ? (elem.classList.remove( + "padded-left", + "padded-left-page", + ), + elem.classList.remove("padded-right"), + elem.classList.remove("padded-bottom"), + elem.classList.remove( + "verticalSection", + "verticalSection-cards", + ), + elem.classList.remove("focusable"), + elem.removeAttribute("data-focusabletype"), + (html = + (html = + (html = + (html = + (html = + (html += + '
') + + '

' + + _globalize.default.translate("LiveTV") + + '

') + + '' + + _globalize.default.translate("Programs") + + "") + + '' + + _globalize.default.translate("Guide") + + "") + + 'folder' + + _globalize.default.translate("Recordings") + + "") + + '' + + _globalize.default.translate("Schedule") + + '
'), + _layoutmanager.default.tv + ? (html += + '

' + + _globalize.default.translate( + "HeaderOnNow", + ) + + "

") + : (html = + (html = + html + + ('

') + + _globalize.default.translate( + "HeaderOnNow", + ) + + "

"), + (elem.innerHTML = html = + (html = + (html += "
") + + '
' + + "
") + + "
" + + "
"), + ((responses = + elem.querySelector( + ".itemsContainer", + )).parentContainer = elem), + (responses.fetchData = (function ( + serverId, + requestedItemFields, + requestedImageTypes, + ) { + return function (query) { + var apiClient = + _connectionmanager.default.getApiClient( + serverId, + ); + return ( + (query = Object.assign( + { + userId: apiClient.getCurrentUserId(), + IsAiring: !0, + ImageTypeLimit: 1, + EnableImageTypes: requestedImageTypes, + Fields: + requestedItemFields + + ",ProgramPrimaryImageAspectRatio", + EnableUserData: !1, + }, + query, + )), + _usersettings.default.addLiveTvChannelSortingToQuery( + query, + _globalize.default, + ), + apiClient.getLiveTvChannels(query) + ); + }; + })( + apiClient.serverId(), + requestedItemFields, + requestedImageTypes, + )), + (responses.getListOptions = (function ( + enableFocusPreview, + ) { + return function (items) { + var fields = []; + return ( + enableFocusPreview || + (fields.push("CurrentProgramName"), + fields.push("CurrentProgramParentName"), + fields.push("CurrentProgramTime")), + { + renderer: _cardbuilder.default, + options: { + preferThumb: "auto", + inheritThumb: !1, + shape: "autooverflow", + fields: fields, + showCurrentProgramImage: !0, + showAirDateTime: !1, + overlayPlayButton: !0, + defaultShape: "portrait", + action: "programlink", + multiSelect: !1, + focusTransformTitleAdjust: !0, + }, + virtualScrollLayout: "horizontal-grid", + commandOptions: { createRecording: !1 }, + } + ); + }; + })(enableFocusPreview))) + : (elem.classList.add("hide"), + elem.classList.remove("focusable"), + elem.classList.add( + "padded-left", + "padded-left-page", + ), + elem.classList.add("padded-right"), + elem.classList.add("padded-bottom"), + (html = + (html = + html + + ('

' + + _globalize.default.translate( + "LiveTvRequiresUnlock", + )) + + '

"), + (function (elem, apiClient) { + apiClient + .getLiveTvChannels({ + userId: apiClient.getCurrentUserId(), + limit: 1, + ImageTypeLimit: 1, + EnableTotalRecordCount: !1, + EnableImages: !1, + EnableUserData: !1, + }) + .then(function (result) { + result.Items.length + ? (elem.classList.add("focusable"), + elem.classList.remove("hide")) + : (elem.classList.add("hide"), + elem.classList.remove("focusable")); + }); + })(elem, apiClient)), + (function (elem) { + var btnUnlock = elem.querySelector(".btnUnlock"); + btnUnlock && + btnUnlock.addEventListener( + "click", + function (e) { + _registrationservices.default + .validateFeature("livetv", { + viewOnly: !0, + }) + .then(function () { + elem + .closest(".homeSectionsContainer") + .dispatchEvent( + new CustomEvent("settingschange", { + cancelable: !1, + }), + ); + }); + }, + ); + })(elem); + })) + : (elem.classList.add("hide"), + elem.classList.remove("focusable"), + Promise.resolve()); + })( + elem, + apiClient, + user, + requestedItemFields, + requestedImageTypes, + enableFocusPreview, + ); + default: + return (elem.innerHTML = ""), Promise.resolve(); + } + })( + elem, + apiClient, + user, + requestedItemFields, + enableFocusPreview, + requestedImageTypes, + sections, + i, + ), + ), + 0 === i && + (promises.push( + (function (elem, apiClient) { + elem.classList.add("hide"); + var html = ""; + (html = + (html = + (html = + (html += + '
') + + '

') + + _globalize.default.translate("Downloads")) + "

"), + _layoutmanager.default.tv || + (html += + ''); + (html = + (html += + '
') + + "
"), + (elem.innerHTML = html); + html = elem.querySelector(".itemsContainer"); + (html.fetchData = (function (serverId) { + return function () { + var apiClient; + return _servicelocator.appHost.supports("sync") + ? (apiClient = + _connectionmanager.default.getApiClient(serverId)) + .getCurrentUser() + .then(function (user) { + return user.Policy.EnableContentDownloading && + apiClient.getLatestOfflineItems + ? apiClient.getLatestOfflineItems({ + Limit: 20, + Filters: "IsNotFolder", + }) + : Promise.resolve([]); + }) + : Promise.resolve([]); + }; + })(apiClient.serverId())), + (html.getListOptions = getDownloadListOptions), + (html.parentContainer = elem); + })(elem.querySelector(".section-downloads"), apiClient), + ), + promises.push( + (function (elem, apiClient) { + elem.classList.add("hide"), + (elem.innerHTML = (function () { + var html = ""; + return (html = + (html = + (html = + (html += + '
') + + '

Discover Emby Premiere

') + + '

Enjoy Emby DVR, get free access to Emby apps, and more.

') + + "
"); + })()), + (function (elem) { + elem = elem.querySelector(".itemsContainer"); + elem && + elem.addEventListener("action-null", function (e) { + e.target.closest(".card") && + _registrationservices.default.showPremiereInfo(); + }); + })(elem); + var itemsContainer = elem.querySelector(".itemsContainer"); + return ( + (itemsContainer.fetchData = function () { + var apiClient = this, + cacheKey = "lastappinfopresent5", + lastDatePresented = parseInt( + _appsettings.default.get(cacheKey) || "0", + ); + if (!lastDatePresented) + return ( + _appsettings.default.set(cacheKey, Date.now()), + Promise.resolve([]) + ); + if (Date.now() - lastDatePresented < 1728e5) + return Promise.resolve([]); + return _registrationservices.default + .validateFeature("dvr", { + showDialog: !1, + viewOnly: !0, + }) + .then( + function () { + return ( + _appsettings.default.set(cacheKey, Date.now()), [] + ); + }, + function () { + return ( + _appsettings.default.set(cacheKey, Date.now()), + (function (apiClient) { + var items = []; + return ( + items.push({ + Name: "", + Id: "PremiereInfo1", + ImageUrl: + "https://raw.githubusercontent.com/MediaBrowser/Emby.Resources/master/apps/theater1.png", + PrimaryImageAspectRatio: 16 / 9, + ServerId: apiClient.serverId(), + }), + items.push({ + Name: "", + Id: "PremiereInfo2", + ImageUrl: + "https://raw.githubusercontent.com/MediaBrowser/Emby.Resources/master/apps/theater2.png", + PrimaryImageAspectRatio: 16 / 9, + ServerId: apiClient.serverId(), + }), + items.push({ + Name: "", + Id: "PremiereInfo3", + ImageUrl: + "https://raw.githubusercontent.com/MediaBrowser/Emby.Resources/master/apps/theater3.png", + PrimaryImageAspectRatio: 16 / 9, + ServerId: apiClient.serverId(), + }), + Promise.resolve({ + Items: items, + TotalRecordCount: items.length, + }) + ); + })(apiClient) + ); + }, + ); + }.bind(apiClient)), + (itemsContainer.getListOptions = getAppInfoListOptions), + (itemsContainer.parentContainer = elem), + Promise.resolve() + ); + })(elem.querySelector(".section-appinfo"), apiClient), + )); + return Promise.all(promises).then(function () { + return resume(elem, { refresh: !0, returnPromise: !1 }); + }); + }, + pause: function (elem) { + for ( + var elems = elem.querySelectorAll(".itemsContainer"), + i = 0, + length = elems.length; + i < length; + i++ + ) + elems[i].pause(); + }, + resume: resume, + }); +}); diff --git a/modules/listview/listview.css b/modules/listview/listview.css index 7bf0428..1bba5f1 100644 --- a/modules/listview/listview.css +++ b/modules/listview/listview.css @@ -1 +1,808 @@ -.listItem{background:0 0;border:0;outline:0!important;color:inherit;vertical-align:middle;font-family:inherit;font-size:inherit;margin:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;text-align:start;padding:0;-webkit-flex-shrink:0;flex-shrink:0;text-decoration:none;line-height:inherit;-webkit-tap-highlight-color:transparent}.listItem.listItem-border{position:relative}.listItem.dragging-over{contain:none}.listItem:not(.virtualScrollItem).dragging-over{position:relative}.dragging-over-top::before{content:' ';height:.1em;position:absolute;top:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;z-index:99999;border-radius:100em}.dragging-over-bottom::after{content:' ';height:.1em;position:absolute;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;z-index:99999;border-radius:100em}.listItem-noverticalpadding{padding-top:0;padding-bottom:0}.listItemCursor{cursor:pointer}@media not all and (pointer:fine){.listItemContent-touchzoom{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition-delay:0.1s}.listItem:active>.listItemContent-touchzoom{-webkit-transform:scale(1.03);transform:scale(1.03)}}.listItem-content{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:100%;position:relative;contain:layout style;box-sizing:border-box}.listItem-content-withwrap{-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:initial;align-items:initial}@media (hover:hover) and (pointer:fine){.listItem-hoverable:hover .listItem-content::before{position:absolute;content:" ";top:0;left:-.6em;right:-.6em;bottom:0;border-radius:.6em;z-index:-1}}.listItem-border{margin-bottom:.32em}.listItem-border::after{content:" ";position:absolute;left:0;right:0;bottom:-.16em;height:.06em}@media not all and (pointer:fine){.listItem-border-autohide{margin-bottom:0}.listItem-border-autohide::after{display:none}.listItem-border-autohide .listItemBody{padding-top:.3em;padding-bottom:.3em}}.listItem-content-margin{margin:.27em 0}.listItem-content-marginx2{margin:.5em 0}.listItem-content-marginx3{margin:1em 0}.listItem-innerwrapper{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-grow:1;flex-grow:1;-webkit-align-items:center;align-items:center}.listItem-indexnumberleft{min-width:1.9em;text-align:start}.listItemImageContainer,.listItemImage,.listItemIcon,.listItemAside{-webkit-flex-shrink:0;flex-shrink:0}.listItemButton{margin:0;-webkit-flex-shrink:0;flex-shrink:0;contain:layout style;-webkit-align-self:center;align-self:center}@media not all and (pointer:fine){.listItemContextMenuButton-autohide{display:none}}.listItemBody{-webkit-flex-grow:1;flex-grow:1;padding:.44em .75em;min-height:2.4em;overflow:hidden;text-overflow:ellipsis;-webkit-flex-direction:column;flex-direction:column;vertical-align:middle;-webkit-justify-content:center;justify-content:center;text-align:start;-webkit-align-items:initial;align-items:initial;margin:0}.listItemBody-reduceypadding{padding-top:.24em;padding-bottom:.24em}.listItemBody-draghandle{min-height:3.4em}.listItemBody-3-lines{min-height:4.29em}.listItemBody-4-lines{min-height:5.72em}.listItemBody-5-lines{min-height:7.15em}.listItemBody-6-lines{min-height:8.58em}.listItemBody-7-lines{min-height:10.01em}.listItemBody-noleftpadding{-webkit-padding-start:0!important;padding-inline-start:0!important}.listItemBody-code{font-family:monospace}.listItemBody-noverticalpadding{padding-top:0;padding-bottom:0}.listItemBodyText{margin:0;overflow:hidden;text-overflow:ellipsis}h3.listItemBodyText{margin:.25em 0 0;font-weight:600}.listItemBodyText-nowrap{white-space:nowrap}.listItemBodyText-withmediainfo{margin:.35em 0;-webkit-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.listItemBodyText-secondary{font-size:92%}@media all and (min-width:50em){.listItemBodyText-secondary-of{font-size:inherit}}@media not all and (pointer:fine){.listItemBodyText-lf{font-size:113%}.listItemBodyText-lf.listItemBodyText-secondary{font-size:88%}}.listItemImageContainer{width:3.42em;height:3.42em;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;border-radius:.3em;overflow:hidden;content-visibility:auto;contain:strict;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;flex-shrink:0}.listItemImageContainer-margin{margin:.27em 0}.listItem-hoverable:hover .listItemImageContainer:not(.listItemImageContainer-margin),.listItem-tv:focus .listItemImageContainer:not(.listItemImageContainer-margin){border-start-end-radius:0;border-end-end-radius:0}.listItem-tv:focus .listItem-content-fb::before{content:" ";position:absolute;top:-.33em;left:-.33em;right:-.33em;bottom:-.33em;border-width:.25em;border-style:solid;border-radius:.7em}.listItemImageContainer-fourThree{width:4.56em;height:3.42em}.listItemImageContainer-backdrop{width:6.08em;height:3.26em}.listItemImageContainer-portrait{width:4.4666666666667em;height:6.7em}.listItemImageContainer-small.listItemImageContainer-square{height:4.2em;width:4.2em}.listItemImageContainer-medium{height:9em;width:16em;-webkit-margin-end:.25em;margin-inline-end:.25em}.listItemImageContainer-medium.listItemImageContainer-backdrop{height:7em;width:12.44444444444em}.listItemImageContainer-medium.listItemImageContainer-fourThree{width:8em;height:6em}.listItemImageContainer-medium.listItemImageContainer-portrait{height:7em;width:4.666666667em}.listItemImageContainer-medium.listItemImageContainer-square{height:7em;width:7em}@supports (width:max(10em,5vw)){.listItemImageContainer-medium.listItemImageContainer-backdrop{height:min(7em,20vw);width:calc(min(7em,20vw) * 16 / 9)}.listItemImageContainer-large.listItemImageContainer-fourThree{height:min(8em,20vmin);width:calc(min(8em,20vmin) * 4 / 3)}}.listItemImageContainer-large{width:20vw;height:11.25vw;-webkit-margin-end:.25em;margin-inline-end:.25em}.listItemImageContainer-large.listItemImageContainer-fourThree{height:12vw;width:16vw}.listItemImageContainer-large.listItemImageContainer-portrait{height:12vw;width:8vw}.listItemImageContainer-large.listItemImageContainer-square{height:12vw;width:12vw}@supports (width:max(10em,5vw)){.listItemImageContainer-large.listItemImageContainer-backdrop{height:min(10em,22vw);width:calc(min(10em,22vw) * 16 / 9)}.listItemImageContainer-large.listItemImageContainer-fourThree{height:min(16em,30vmin);width:calc(min(16em,30vmin) * 4 / 3)}.listItemImageContainer-large.listItemImageContainer-portrait{height:min(16em,30vmin);width:calc(min(16em,30vmin) * 2 / 3)}.listItemImageContainer-large.listItemImageContainer-square{height:min(16em,30vmin);width:min(16em,30vmin)}}.listItemImageContainer-large-tv.listItemImageContainer-backdrop{width:17.777777777777777778em;height:10em}.listItemImageContainer-large-tv.listItemImageContainer-fourThree{width:16em;height:12em}.listItemImageContainer-large-tv.listItemImageContainer-square{width:12em;height:12em}.listItemImageContainer-large-tv.listItemImageContainer-portrait{width:8em;height:12em}@supports (aspect-ratio:2 / 3){.listItemImageContainer-backdrop,.listItemImageContainer-fourThree,.listItemImageContainer-square,.listItemImageContainer-portrait{width:auto!important}}.listItemImage{border-radius:inherit;background-position:center center;background-repeat:no-repeat;position:relative;overflow:hidden;width:100%;height:100%;object-position:center center;contain:layout style paint;content-visibility:auto}.listItemImage:not(.coveredImage){background-size:contain;object-fit:contain}.listItemImage.coveredImage{background-size:contain;object-fit:contain}.listItemImage.coveredImage-noScale{background-size:contain;object-fit:contain}.listItemImage-round,.listItemImageContainer-round{border-radius:100em}.listItemImage-fourThree{width:100%}.listItemImage-backdrop{width:100%}.listItemImage-square{width:100%}.listItemImage-portrait{height:100%}@supports (aspect-ratio:2 / 3){.listItemImage.coveredImage{background-size:100% 100%;object-fit:fill}.listItemImage.coveredImage-noScale{background-size:cover;object-fit:cover}.listItemImage-fourThree{height:auto}.listItemImage-backdrop{height:auto}.listItemImage-square{height:auto}.listItemImage-portrait{width:auto}}.listItemImage.coveredImage-contain{background-size:contain;object-fit:contain}.listItemImageButton{margin:0;color:#fff;font-size:1em;background:0 0;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;display:-webkit-flex;display:flex;position:absolute;top:50%;left:50%;inset-inline-start:50%;inset-inline-end:initial;-webkit-margin-start:-1.85em;margin-inline-start:-1.85em;margin-top:-1.85em}@media (hover:hover) and (pointer:fine){.listItemImageButton{display:none}}.listItemImageButton-icon{background:rgba(0,0,0,.5);border:.09em solid currentcolor;border-radius:100em;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;padding:.16em}.listItemIcon{font-size:163%;padding:0 .25em}.listItemImageContainer-smaller .listItemIcon{font-size:200%}.listItemImageContainer-medium .listItemIcon{font-size:240%}.listItemImageContainer>.listItemIcon{margin:0}.drag-preventScrollY{overflow-y:hidden!important}.listViewDragHandle{touch-action:none;padding:.66em;-webkit-align-self:center;align-self:center}.listItemProgressBar{position:absolute!important;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0}.listItem-button:focus .listItem-content-bg{border-radius:.6em}.listItem:focus-visible .listItem-content-bg{border-radius:.6em}.listItem:focus .secondary{color:inherit!important}.listItem-focusscale{transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.listItem-focusscale:focus{-webkit-transform:scale(1.025,1.025);transform:scale(1.025,1.025)}.listItemMediaInfo{display:none;-webkit-align-items:center;align-items:center;-webkit-margin-end:1em;margin-inline-end:1em;-webkit-flex-shrink:0;flex-shrink:0}.listGroupHeader-first{margin-top:0}.listItemIndicator{right:.324em;inset-inline-start:initial;inset-inline-end:.324em;top:.324em;position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.listItemIndicator-mini{right:.2em;inset-inline-start:initial;inset-inline-end:.2em;top:.2em}.listItem,.listItemBody,.listItemMediaInfo{display:-webkit-flex;display:flex;contain:layout style}.listItem-bottomoverview{font-size:88%;height:3.1em;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}@supports (container-type:inline-size){@container itemscontainer-list not (min-width:50em){.listItem-overview-autohide,.listItemMediaInfo-autohide{display:none!important}}@container itemscontainer-list not (min-width:75em){.listViewUserDataButton{display:none!important}}@container itemscontainer-list (min-width:50em){.listItem-bottomoverview{display:none!important}}}@supports not (container-type:inline-size){@media not all and (min-width:50em){.listItem-overview-autohide,.listItemMediaInfo-autohide{display:none!important}}@media all and (min-width:50em){.listItem-bottomoverview{display:none!important}}@media not all and (min-width:75em){.listViewUserDataButton{display:none!important}}}.listItem-overview{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:3.1em;height:3.1em}.listItem-overview-3-lines{-webkit-line-clamp:3;max-height:4.41em;height:4.41em}.listItem-topoverview{height:initial;-webkit-margin-end:.25em;margin-inline-end:.25em}.listItemCheckboxContainer{width:auto!important}.listItemPlayedIndicator{font-size:1.6em}.listItemPlayedIndicator.listItemIndicator-mini{font-size:1.1em}.listItem .mediaStreamAttribute{-webkit-padding-start:2.3em;padding-inline-start:2.3em}@media not all and (pointer:fine){.listItem-textActionButton{pointer-events:none!important}}.listItemOverlayButton-hover{display:none;position:absolute;margin:0!important;color:#fff!important}.listItem-indexnumberleft-withhoverbutton .listItemOverlayButton-hover{margin-top:0!important;margin-bottom:0!important;-webkit-margin-start:-.756em!important;margin-inline-start:-.756em!important;-webkit-margin-end:0!important;margin-inline-end:0!important}@media all and (hover:hover) and (pointer:fine){.listItemOverlayButtonIcon{transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out}.listItemOverlayButton-hover:hover .listItemOverlayButtonIcon{-webkit-transform:scale(1.2);transform:scale(1.2)}.listItem-indexnumberleft-withhoverbutton{min-width:2.4em;position:relative;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.listItem:hover .listItemOverlayButton-hover{display:-webkit-flex;display:flex}}.listItemOverlayButton-imagehover{background:rgba(0,0,0,.6);border-radius:0!important;top:0;bottom:0;left:0;right:0;inset-inline-start:0;inset-inline-end:0;width:100%}.listItemOverlayButtonIcon{border-radius:100em;width:1.25em!important;height:1.25em!important;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;display:-webkit-flex;display:flex;font-size:1.5em!important}.chkListItemSelectContainer{font-size:70%;width:auto!important;-webkit-padding-end:1em!important;padding-inline-end:1em!important;-webkit-margin-end:.4em!important;margin-inline-end:.4em!important;-webkit-padding-start:.75em!important;padding-inline-start:.75em!important;height:100%;display:none!important}@media (hover:hover) and (pointer:fine){.chkListItemSelectContainer{position:absolute!important;left:-4em;inset-inline-start:-4em;inset-inline-end:initial;width:4em!important;opacity:0;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;display:-webkit-flex!important;display:flex!important}.item-multiselected .chkListItemSelectContainer,.multi-select-active .chkListItemSelectContainer{opacity:1}.listItem:hover .chkListItemSelectContainer{opacity:1;border-start-start-radius:.6em;border-end-start-radius:.6em}}@media not all and (pointer:fine){.item-multiselected .chkListItemSelectContainer,.multi-select-active .chkListItemSelectContainer{display:-webkit-flex!important;display:flex!important}}.chkListItemSelect-checkboxLabel,.chkListItemSelect-checkboxLabel::before{border-radius:100em!important}.chkListItemSelect-checkboxLabel::before{border-width:.2em!important}.chkListItemSelect-checkboxLabel::after{border-width:.2em!important}.multi-select-active .listItemIndicator,.multi-select-active .listItemOverlayButton-hover,.multi-select-active .listItemButton,.multi-select-active .listItemImageButton,.multi-select-active .listViewDragHandle{display:none!important}.listItem-emby-checkbox-label{margin-top:0!important;margin-bottom:0!important;-webkit-margin-start:.25em!important;margin-inline-start:.25em!important;-webkit-margin-end:.75em!important;margin-inline-end:.75em!important;width:auto!important}.listItem-checkboxLabel-round{-webkit-margin-end:1em!important;margin-inline-end:1em!important;font-size:88%}.listItem-checkboxLabel-round::before{border-radius:100em!important;border-width:.16em!important} \ No newline at end of file +.listItem { + background: 0 0; + border: 0; + outline: 0 !important; + color: inherit; + vertical-align: middle; + font-family: inherit; + font-size: inherit; + margin: 0; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; + text-align: start; + padding: 0; + -webkit-flex-shrink: 0; + flex-shrink: 0; + text-decoration: none; + line-height: inherit; + -webkit-tap-highlight-color: transparent; +} +.listItem.listItem-border { + position: relative; +} +.listItem.dragging-over { + contain: none; +} +.listItem:not(.virtualScrollItem).dragging-over { + position: relative; +} +.dragging-over-top::before { + content: " "; + height: 0.1em; + position: absolute; + top: 0; + left: 0; + right: 0; + inset-inline-start: 0; + inset-inline-end: 0; + z-index: 99999; + border-radius: 100em; +} +.dragging-over-bottom::after { + content: " "; + height: 0.1em; + position: absolute; + bottom: 0; + left: 0; + right: 0; + inset-inline-start: 0; + inset-inline-end: 0; + z-index: 99999; + border-radius: 100em; +} +.listItem-noverticalpadding { + padding-top: 0; + padding-bottom: 0; +} +.listItemCursor { + cursor: pointer; +} +@media not all and (pointer: fine) { + .listItemContent-touchzoom { + transition: -webkit-transform 0.3s ease-out; + transition: transform 0.3s ease-out; + transition-delay: 0.1s; + } + .listItem:active > .listItemContent-touchzoom { + -webkit-transform: scale(1.03); + transform: scale(1.03); + } +} +.listItem-content { + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; + width: 100%; + position: relative; + contain: layout style; + box-sizing: border-box; +} +.listItem-content-withwrap { + -webkit-flex-direction: column; + flex-direction: column; + -webkit-align-items: initial; + align-items: initial; +} +@media (hover: hover) and (pointer: fine) { + .listItem-hoverable:hover .listItem-content::before { + position: absolute; + content: " "; + top: 0; + left: -0.6em; + right: -0.6em; + bottom: 0; + border-radius: 0.6em; + z-index: -1; + } +} +.listItem-border { + margin-bottom: 0.32em; +} +.listItem-border::after { + content: " "; + position: absolute; + left: 0; + right: 0; + bottom: -0.16em; + height: 0.06em; +} +@media not all and (pointer: fine) { + .listItem-border-autohide { + margin-bottom: 0; + } + .listItem-border-autohide::after { + display: none; + } + .listItem-border-autohide .listItemBody { + padding-top: 0.3em; + padding-bottom: 0.3em; + } +} +.listItem-content-margin { + margin: 0.27em 0; +} +.listItem-content-marginx2 { + margin: 0.5em 0; +} +.listItem-content-marginx3 { + margin: 1em 0; +} +.listItem-innerwrapper { + display: -webkit-flex; + display: flex; + -webkit-flex-direction: row; + flex-direction: row; + -webkit-flex-grow: 1; + flex-grow: 1; + -webkit-align-items: center; + align-items: center; + transition: -webkit-transform 200ms ease-out,opacity 200ms ease-out; + transition: transform 200ms ease-out,opacity 200ms ease-out; +} +.listItem-innerwrapper:hover { + transform: scale(1.01); + webkit-transform: scale(1.01); + text-shadow: 2px 2px 5px black; + background-color: rgba(51, 51, 51, 0.3); + border-radius: 0.7em; +} + +.listItem-indexnumberleft { + min-width: 1.9em; + text-align: start; +} +.listItemImageContainer, +.listItemImage, +.listItemIcon, +.listItemAside { + -webkit-flex-shrink: 0; + flex-shrink: 0; +} +.listItemButton { + margin: 0; + -webkit-flex-shrink: 0; + flex-shrink: 0; + contain: layout style; + -webkit-align-self: center; + align-self: center; +} +@media not all and (pointer: fine) { + .listItemContextMenuButton-autohide { + display: none; + } +} +.listItemBody { + -webkit-flex-grow: 1; + flex-grow: 1; + padding: 0.44em 0.75em; + min-height: 2.4em; + overflow: hidden; + text-overflow: ellipsis; + -webkit-flex-direction: column; + flex-direction: column; + vertical-align: middle; + -webkit-justify-content: center; + justify-content: center; + text-align: start; + -webkit-align-items: initial; + align-items: initial; + margin: 0; +} +.listItemBody-reduceypadding { + padding-top: 0.24em; + padding-bottom: 0.24em; +} +.listItemBody-draghandle { + min-height: 3.4em; +} +.listItemBody-3-lines { + min-height: 4.29em; +} +.listItemBody-4-lines { + min-height: 5.72em; +} +.listItemBody-5-lines { + min-height: 7.15em; +} +.listItemBody-6-lines { + min-height: 8.58em; +} +.listItemBody-7-lines { + min-height: 10.01em; +} +.listItemBody-noleftpadding { + -webkit-padding-start: 0 !important; + padding-inline-start: 0 !important; +} +.listItemBody-code { + font-family: monospace; +} +.listItemBody-noverticalpadding { + padding-top: 0; + padding-bottom: 0; +} +.listItemBodyText { + margin: 0; + overflow: hidden; + text-overflow: ellipsis; +} +h3.listItemBodyText { + margin: 0.25em 0 0; + font-weight: 600; +} +.listItemBodyText-nowrap { + white-space: nowrap; +} +.listItemBodyText-withmediainfo { + margin: 0.35em 0; + -webkit-flex-wrap: nowrap !important; + flex-wrap: nowrap !important; +} +.listItemBodyText-secondary { + font-size: 92%; +} +@media all and (min-width: 50em) { + .listItemBodyText-secondary-of { + font-size: inherit; + } +} +@media not all and (pointer: fine) { + .listItemBodyText-lf { + font-size: 113%; + } + .listItemBodyText-lf.listItemBodyText-secondary { + font-size: 88%; + } +} +.listItemImageContainer { + width: 3.42em; + height: 3.42em; + position: relative; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; + -webkit-justify-content: center; + justify-content: center; + border-radius: 0.3em; + overflow: hidden; + content-visibility: auto; + contain: strict; + -webkit-flex-grow: 0; + flex-grow: 0; + -webkit-flex-shrink: 0; + flex-shrink: 0; +} +.listItemImageContainer-margin { + margin: 0.27em 0; +} +.listItem-hoverable:hover + .listItemImageContainer:not(.listItemImageContainer-margin), +.listItem-tv:focus .listItemImageContainer:not(.listItemImageContainer-margin) { + border-start-end-radius: 0; + border-end-end-radius: 0; +} +.listItem-tv:focus .listItem-content-fb::before { + content: " "; + position: absolute; + top: -0.33em; + left: -0.33em; + right: -0.33em; + bottom: -0.33em; + border-width: 0.25em; + border-style: solid; + border-radius: 0.7em; +} +.listItemImageContainer-fourThree { + width: 4.56em; + height: 3.42em; +} +.listItemImageContainer-backdrop { + width: 6.08em; + height: 3.26em; +} +.listItemImageContainer-portrait { + width: 4.4666666666667em; + height: 6.7em; +} +.listItemImageContainer-small.listItemImageContainer-square { + height: 4.2em; + width: 4.2em; +} +.listItemImageContainer-medium { + height: 9em; + width: 16em; + -webkit-margin-end: 0.25em; + margin-inline-end: 0.25em; +} +.listItemImageContainer-medium.listItemImageContainer-backdrop { + height: 7em; + width: 12.44444444444em; +} +.listItemImageContainer-medium.listItemImageContainer-fourThree { + width: 8em; + height: 6em; +} +.listItemImageContainer-medium.listItemImageContainer-portrait { + height: 7em; + width: 4.666666667em; +} +.listItemImageContainer-medium.listItemImageContainer-square { + height: 7em; + width: 7em; +} +@supports (width: max(10em, 5vw)) { + .listItemImageContainer-medium.listItemImageContainer-backdrop { + height: min(7em, 20vw); + width: calc(min(7em, 20vw) * 16 / 9); + } + .listItemImageContainer-large.listItemImageContainer-fourThree { + height: min(8em, 20vmin); + width: calc(min(8em, 20vmin) * 4 / 3); + } +} +.listItemImageContainer-large { + width: 20vw; + height: 11.25vw; + -webkit-margin-end: 0.25em; + margin-inline-end: 0.25em; +} +.listItemImageContainer-large.listItemImageContainer-fourThree { + height: 12vw; + width: 16vw; +} +.listItemImageContainer-large.listItemImageContainer-portrait { + height: 12vw; + width: 8vw; +} +.listItemImageContainer-large.listItemImageContainer-square { + height: 12vw; + width: 12vw; +} +@supports (width: max(10em, 5vw)) { + .listItemImageContainer-large.listItemImageContainer-backdrop { + height: min(10em, 22vw); + width: calc(min(10em, 22vw) * 16 / 9); + } + .listItemImageContainer-large.listItemImageContainer-fourThree { + height: min(16em, 30vmin); + width: calc(min(16em, 30vmin) * 4 / 3); + } + .listItemImageContainer-large.listItemImageContainer-portrait { + height: min(16em, 30vmin); + width: calc(min(16em, 30vmin) * 2 / 3); + } + .listItemImageContainer-large.listItemImageContainer-square { + height: min(16em, 30vmin); + width: min(16em, 30vmin); + } +} +.listItemImageContainer-large-tv.listItemImageContainer-backdrop { + width: 17.777777777777777778em; + height: 10em; +} +.listItemImageContainer-large-tv.listItemImageContainer-fourThree { + width: 16em; + height: 12em; +} +.listItemImageContainer-large-tv.listItemImageContainer-square { + width: 12em; + height: 12em; +} +.listItemImageContainer-large-tv.listItemImageContainer-portrait { + width: 8em; + height: 12em; +} +@supports (aspect-ratio: 2 / 3) { + .listItemImageContainer-backdrop, + .listItemImageContainer-fourThree, + .listItemImageContainer-square, + .listItemImageContainer-portrait { + width: auto !important; + } +} +.listItemImage { + border-radius: inherit; + background-position: center center; + background-repeat: no-repeat; + position: relative; + overflow: hidden; + width: 100%; + height: 100%; + object-position: center center; + contain: layout style paint; + content-visibility: auto; +} +.listItemImage:not(.coveredImage) { + background-size: contain; + object-fit: contain; +} +.listItemImage.coveredImage { + background-size: contain; + object-fit: contain; +} +.listItemImage.coveredImage-noScale { + background-size: contain; + object-fit: contain; +} +.listItemImage-round, +.listItemImageContainer-round { + border-radius: 100em; +} +.listItemImage-fourThree { + width: 100%; +} +.listItemImage-backdrop { + width: 100%; +} +.listItemImage-square { + width: 100%; +} +.listItemImage-portrait { + height: 100%; +} +@supports (aspect-ratio: 2 / 3) { + .listItemImage.coveredImage { + background-size: 100% 100%; + object-fit: fill; + } + .listItemImage.coveredImage-noScale { + background-size: cover; + object-fit: cover; + } + .listItemImage-fourThree { + height: auto; + } + .listItemImage-backdrop { + height: auto; + } + .listItemImage-square { + height: auto; + } + .listItemImage-portrait { + width: auto; + } +} +.listItemImage.coveredImage-contain { + background-size: contain; + object-fit: contain; +} +.listItemImageButton { + margin: 0; + color: #fff; + font-size: 1em; + background: 0 0; + transition: -webkit-transform 0.2s ease-out; + transition: transform 0.2s ease-out; + display: -webkit-flex; + display: flex; + position: absolute; + top: 50%; + left: 50%; + inset-inline-start: 50%; + inset-inline-end: initial; + -webkit-margin-start: -1.85em; + margin-inline-start: -1.85em; + margin-top: -1.85em; +} +@media (hover: hover) and (pointer: fine) { + .listItemImageButton { + display: none; + } +} +.listItemImageButton-icon { + background: rgba(0, 0, 0, 0.5); + border: 0.09em solid currentcolor; + border-radius: 100em; + display: -webkit-flex; + display: flex; + -webkit-justify-content: center; + justify-content: center; + -webkit-align-items: center; + align-items: center; + padding: 0.16em; +} +.listItemIcon { + font-size: 163%; + padding: 0 0.25em; +} +.listItemImageContainer-smaller .listItemIcon { + font-size: 200%; +} +.listItemImageContainer-medium .listItemIcon { + font-size: 240%; +} +.listItemImageContainer > .listItemIcon { + margin: 0; +} +.drag-preventScrollY { + overflow-y: hidden !important; +} +.listViewDragHandle { + touch-action: none; + padding: 0.66em; + -webkit-align-self: center; + align-self: center; +} +.listItemProgressBar { + position: absolute !important; + bottom: 0; + left: 0; + right: 0; + inset-inline-start: 0; + inset-inline-end: 0; +} +.listItem-button:focus .listItem-content-bg { + border-radius: 0.6em; +} +.listItem:focus-visible .listItem-content-bg { + border-radius: 0.6em; +} +.listItem:focus .secondary { + color: inherit !important; +} +.listItem-focusscale { + transition: -webkit-transform 0.2s ease-out; + transition: transform 0.2s ease-out; +} +.listItem-focusscale:focus { + -webkit-transform: scale(1.025, 1.025); + transform: scale(1.025, 1.025); +} +.listItemMediaInfo { + display: none; + -webkit-align-items: center; + align-items: center; + -webkit-margin-end: 1em; + margin-inline-end: 1em; + -webkit-flex-shrink: 0; + flex-shrink: 0; +} +.listGroupHeader-first { + margin-top: 0; +} +.listItemIndicator { + right: 0.324em; + inset-inline-start: initial; + inset-inline-end: 0.324em; + top: 0.324em; + position: absolute; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; +} +.listItemIndicator-mini { + right: 0.2em; + inset-inline-start: initial; + inset-inline-end: 0.2em; + top: 0.2em; +} +.listItem, +.listItemBody, +.listItemMediaInfo { + display: -webkit-flex; + display: flex; + contain: layout style; +} +.listItem-bottomoverview { + font-size: 88%; + height: 3.1em; + -webkit-line-clamp: 2; + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; +} +@supports (container-type: inline-size) { + @container itemscontainer-list not (min-width:50em) { + .listItem-overview-autohide, + .listItemMediaInfo-autohide { + display: none !important; + } + } + @container itemscontainer-list not (min-width:75em) { + .listViewUserDataButton { + display: none !important; + } + } + @container itemscontainer-list (min-width:50em) { + .listItem-bottomoverview { + display: none !important; + } + } +} +@supports not (container-type: inline-size) { + @media not all and (min-width: 50em) { + .listItem-overview-autohide, + .listItemMediaInfo-autohide { + display: none !important; + } + } + @media all and (min-width: 50em) { + .listItem-bottomoverview { + display: none !important; + } + } + @media not all and (min-width: 75em) { + .listViewUserDataButton { + display: none !important; + } + } +} +.listItem-overview { + overflow: hidden; + text-overflow: ellipsis; + display: -webkit-box; + -webkit-box-orient: vertical; + -webkit-line-clamp: 2; + max-height: 3.1em; + height: 3.1em; +} +.listItem-overview-3-lines { + -webkit-line-clamp: 3; + max-height: 4.41em; + height: 4.41em; +} +.listItem-topoverview { + height: initial; + -webkit-margin-end: 0.25em; + margin-inline-end: 0.25em; +} +.listItemCheckboxContainer { + width: auto !important; +} +.listItemPlayedIndicator { + font-size: 1.6em; +} +.listItemPlayedIndicator.listItemIndicator-mini { + font-size: 1.1em; +} +.listItem .mediaStreamAttribute { + -webkit-padding-start: 2.3em; + padding-inline-start: 2.3em; +} +@media not all and (pointer: fine) { + .listItem-textActionButton { + pointer-events: none !important; + } +} +.listItemOverlayButton-hover { + display: none; + position: absolute; + margin: 0 !important; + color: #fff !important; +} +.listItem-indexnumberleft-withhoverbutton .listItemOverlayButton-hover { + margin-top: 0 !important; + margin-bottom: 0 !important; + -webkit-margin-start: -0.756em !important; + margin-inline-start: -0.756em !important; + -webkit-margin-end: 0 !important; + margin-inline-end: 0 !important; +} +@media all and (hover: hover) and (pointer: fine) { + .listItemOverlayButtonIcon { + transition: -webkit-transform 0.2s ease-out; + transition: transform 0.2s ease-out; + } + .listItemOverlayButton-hover:hover .listItemOverlayButtonIcon { + background-color: black; + } + .listItem-indexnumberleft-withhoverbutton { + min-width: 2.4em; + position: relative; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; + } + .listItem:hover .listItemOverlayButton-hover { + display: -webkit-flex; + display: flex; + } +} +.listItemOverlayButton-imagehover { + border-radius: 0 !important; + top: 0; + bottom: 0; + left: 0; + right: 0; + inset-inline-start: 0; + inset-inline-end: 0; + width: 100%; +} +.listItemOverlayButtonIcon { + border-radius: 0.4em; + width: 2em !important; + height: 1.5em !important; + -webkit-justify-content: center; + justify-content: center; + -webkit-align-items: center; + align-items: center; + display: -webkit-flex; + display: flex; + font-size: 3em !important; +} +.chkListItemSelectContainer { + font-size: 70%; + width: auto !important; + -webkit-padding-end: 1em !important; + padding-inline-end: 1em !important; + -webkit-margin-end: 0.4em !important; + margin-inline-end: 0.4em !important; + -webkit-padding-start: 0.75em !important; + padding-inline-start: 0.75em !important; + height: 100%; + display: none !important; +} +@media (hover: hover) and (pointer: fine) { + .chkListItemSelectContainer { + position: absolute !important; + left: -4em; + inset-inline-start: -4em; + inset-inline-end: initial; + width: 4em !important; + opacity: 0; + -webkit-justify-content: center; + justify-content: center; + -webkit-align-items: center; + align-items: center; + display: -webkit-flex !important; + display: flex !important; + } + .item-multiselected .chkListItemSelectContainer, + .multi-select-active .chkListItemSelectContainer { + opacity: 1; + } + .listItem:hover .chkListItemSelectContainer { + opacity: 1; + border-start-start-radius: 0.6em; + border-end-start-radius: 0.6em; + } +} +@media not all and (pointer: fine) { + .item-multiselected .chkListItemSelectContainer, + .multi-select-active .chkListItemSelectContainer { + display: -webkit-flex !important; + display: flex !important; + } +} +.chkListItemSelect-checkboxLabel, +.chkListItemSelect-checkboxLabel::before { + border-radius: 100em !important; +} +.chkListItemSelect-checkboxLabel::before { + border-width: 0.2em !important; +} +.chkListItemSelect-checkboxLabel::after { + border-width: 0.2em !important; +} +.multi-select-active .listItemIndicator, +.multi-select-active .listItemOverlayButton-hover, +.multi-select-active .listItemButton, +.multi-select-active .listItemImageButton, +.multi-select-active .listViewDragHandle { + display: none !important; +} +.listItem-emby-checkbox-label { + margin-top: 0 !important; + margin-bottom: 0 !important; + -webkit-margin-start: 0.25em !important; + margin-inline-start: 0.25em !important; + -webkit-margin-end: 0.75em !important; + margin-inline-end: 0.75em !important; + width: auto !important; +} +.listItem-checkboxLabel-round { + -webkit-margin-end: 1em !important; + margin-inline-end: 1em !important; + font-size: 88%; +} +.listItem-checkboxLabel-round::before { + border-radius: 100em !important; + border-width: 0.16em !important; +} diff --git a/modules/scrollstyles.css b/modules/scrollstyles.css index 4cc52c4..dde466e 100644 --- a/modules/scrollstyles.css +++ b/modules/scrollstyles.css @@ -1 +1,80 @@ -@media (hover:hover) and (pointer:fine){::-webkit-scrollbar{width:1em;height:1em}.scrollX-mini::-webkit-scrollbar{height:.6em}.scrollY-mini::-webkit-scrollbar{width:.6em}.scrollX-mini{scrollbar-width:thin}.scrollY-mini{scrollbar-width:thin}}::-webkit-scrollbar-thumb{border-radius:.42em}.scrollY::-webkit-scrollbar-thumb{min-height:3em}.scrollX::-webkit-scrollbar-thumb{min-width:3em}.scrollX{overflow-x:auto;-webkit-overflow-scrolling:touch;overflow-y:hidden;white-space:nowrap}.smoothScrollX{scroll-behavior:smooth}.hiddenScrollX,.layout-tv .scrollX{-ms-overflow-style:none;scrollbar-width:none}.hiddenScrollX::-webkit-scrollbar,.layout-tv .scrollX::-webkit-scrollbar{height:0!important;display:none}.scrollY{overflow-y:auto;-webkit-overflow-scrolling:touch;overflow-x:hidden}.smoothScrollY{scroll-behavior:smooth}.overflowYScroll{overflow-y:scroll}.hiddenScrollY,.layout-tv .scrollY{-ms-overflow-style:none;scrollbar-width:none}.hiddenScrollY::-webkit-scrollbar,.layout-tv .scrollY::-webkit-scrollbar{width:0!important;display:none}@media (hover:hover){.hiddenScrollY-hover:not(:hover){-ms-overflow-style:none;scrollbar-width:none}.hiddenScrollY-hover:not(:hover)::-webkit-scrollbar{width:0!important;display:none}}.scrollSliderY{width:100%;box-sizing:border-box} \ No newline at end of file +@media (hover: hover) and (pointer: fine) { + ::-webkit-scrollbar { + width: 1em; + height: 1em; + } + .scrollX-mini::-webkit-scrollbar { + height: 0.6em; + } + .scrollY-mini::-webkit-scrollbar { + width: 0.6em; + } + .scrollX-mini { + scrollbar-width: thin; + } + .scrollY-mini { + scrollbar-width: thin; + } +} +::-webkit-scrollbar-thumb { + border-radius: 0.42em; +} +.scrollY::-webkit-scrollbar-thumb { + min-height: 3em; +} +.scrollX::-webkit-scrollbar-thumb { + min-width: 3em; +} +.scrollX { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + overflow-y: hidden; + white-space: nowrap; +} +.smoothScrollX { + scroll-behavior: smooth; +} +.hiddenScrollX, +.layout-tv .scrollX { + -ms-overflow-style: auto; + scrollbar-width: auto; +} +.hiddenScrollX::-webkit-scrollbar, +.layout-tv .scrollX::-webkit-scrollbar { + height: 0 !important; +} +.scrollY { + overflow-y: auto; + -webkit-overflow-scrolling: touch; + overflow-x: hidden; +} +.smoothScrollY { + scroll-behavior: smooth; +} +.overflowYScroll { + overflow-y: scroll; +} +.hiddenScrollY, +.layout-tv .scrollY { + -ms-overflow-style: none; + scrollbar-width: none; +} +.hiddenScrollY::-webkit-scrollbar, +.layout-tv .scrollY::-webkit-scrollbar { + width: 0 !important; + display: none; +} +@media (hover: hover) { + .hiddenScrollY-hover:not(:hover) { + -ms-overflow-style: none; + scrollbar-width: none; + } + .hiddenScrollY-hover:not(:hover)::-webkit-scrollbar { + width: 0 !important; + display: none; + } +} +.scrollSliderY { + width: 100%; + box-sizing: border-box; +} diff --git a/modules/sections.css b/modules/sections.css index 90c3e00..8af1783 100644 --- a/modules/sections.css +++ b/modules/sections.css @@ -1 +1,207 @@ -.verticalSection{contain:style}.verticalSection-cards{contain:layout style}.emby-scroller{contain:style}.emby-scroller.dataGrid-mainscroller-scrollX{contain:style}.verticalSection-extrabottompadding{margin-bottom:2.6em}.sectionTitleContainer{margin:.85em 0 .75em;position:relative;contain:layout style}.sectionTitleContainer-withseeall{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sectionTitleContainer-withseeall:not(.padded-right){-webkit-padding-end:.25em;padding-inline-end:.25em}.sectionSeeAllButton{position:absolute!important;right:0;inset-inline-start:initial;inset-inline-end:0%;-webkit-padding-end:inherit!important;padding-inline-end:inherit!important}.sectionTitleContainer-cards{margin-bottom:0}.sectionTitle{margin-bottom:1em;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.sectionTitle-cards{-webkit-margin-start:.25em;margin-inline-start:.25em;-webkit-margin-end:.25em;margin-inline-end:.25em;margin-bottom:0;margin-top:.6em;margin-top:.85rem}@media all and (min-width:50em){.sectionTitle-cards{-webkit-margin-start:.425em;margin-inline-start:.425em;-webkit-margin-end:.425em;margin-inline-end:.425em}}.sectionTitleContainer>.sectionTitle{margin-top:0;margin-bottom:0;display:inline-block;vertical-align:middle;white-space:nowrap}.sectionTitleButton{-webkit-margin-start:1em!important;margin-inline-start:1em!important;-webkit-margin-end:0!important;margin-inline-end:0!important;-webkit-flex-shrink:0;flex-shrink:0}.sectionTitleButton+.sectionTitleButton{-webkit-margin-start:.5em!important;margin-inline-start:.5em!important}.sectionTitleIconButton{-webkit-margin-start:1em!important;margin-inline-start:1em!important;-webkit-margin-end:0!important;margin-inline-end:0!important;-webkit-flex-shrink:0;flex-shrink:0;display:inline-block;vertical-align:middle;padding:.5em!important}.horizontalItemsContainer{display:-webkit-flex;display:flex}.sectionTitleTextButton{margin:0!important;display:-webkit-inline-flex!important;display:inline-flex!important}.sectionTitleTextButton:not(.padded-left){padding:0!important}.sectionTitleTextButton.padded-left{padding-bottom:0!important;-webkit-padding-end:0!important;padding-inline-end:0!important;padding-top:0!important}.sectionTitleTextButton>.sectionTitle{margin-bottom:0;margin-top:0}.padded-left{-webkit-padding-start:3.4%;padding-inline-start:3.4%}.padded-left-page{-webkit-padding-start:calc(3.4% + env(safe-area-inset-left,0));padding-inline-start:calc(3.4% + env(safe-area-inset-left,0))}.padded-right{-webkit-padding-end:3.4%;padding-inline-end:3.4%}.padded-left-withalphapicker{-webkit-padding-start:4%;padding-inline-start:4%}.padded-left-withalphapicker.padded-left-page{-webkit-padding-start:calc(4% + env(safe-area-inset-left,0));padding-inline-start:calc(4% + env(safe-area-inset-left,0))}.padded-right-withalphapicker{-webkit-padding-end:4%;padding-inline-end:4%}.padded-right-withlist.padded-right-withalphapicker{-webkit-padding-end:clamp(4%,2.25em,5%);padding-inline-end:clamp(4%,2.25em,5%)}.padded-left-withlist-tv{-webkit-padding-start:6%;padding-inline-start:6%}.padded-left-withlist-tv.padded-left-page{-webkit-padding-start:calc(6% + env(safe-area-inset-left,0));padding-inline-start:calc(6% + env(safe-area-inset-left,0))}.padded-right-withlist-tv{-webkit-padding-end:6%;padding-inline-end:6%}.padded-top{padding-top:1em}.padded-bottom{padding-bottom:1em}.padded-bottom-page{padding-bottom:9em;padding-bottom:calc(9em + env(safe-area-inset-bottom,0))}.layout-tv .padded-top-focusscale{padding-top:1.5em;margin-top:-1.5em}.layout-tv .padded-bottom-focusscale{padding-bottom:1.5em;margin-bottom:-1.5em}@media all and (min-width:60em){.skinBody-withDockedDrawer .page .padded-left{-webkit-padding-start:2.7rem;padding-inline-start:2.7rem}.skinBody-withDockedDrawer .page .padded-right{-webkit-padding-end:2.7rem;padding-inline-end:2.7rem}}@media all and (min-width:90em){.skinBody-withDockedDrawer .page .padded-left{-webkit-padding-start:3rem;padding-inline-start:3rem}.skinBody-withDockedDrawer .page .padded-right{-webkit-padding-end:3rem;padding-inline-end:3rem}}@media all and (min-width:60em){.skinBody-withDockedDrawer .page .padded-right-withalphapicker{-webkit-padding-end:3rem;padding-inline-end:3rem}.skinBody-withDockedDrawer .page .padded-right-withlist.padded-right-withalphapicker{-webkit-padding-end:3rem;padding-inline-end:3rem}} \ No newline at end of file +.verticalSection { + contain: style; +} +.verticalSection-cards { + contain: layout style; +} +.emby-scroller { + contain: style; +} +.emby-scroller.dataGrid-mainscroller-scrollX { + contain: style; +} +.verticalSection-extrabottompadding { + margin-bottom: 2.6em; +} +.sectionTitleContainer { + margin: 0.85em 0 0.75em; + position: relative; + contain: layout style; +} +.sectionTitleContainer-withseeall { + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; +} +.sectionTitleContainer-withseeall:not(.padded-right) { + -webkit-padding-end: 0.25em; + padding-inline-end: 0.25em; +} +.sectionSeeAllButton { + position: absolute !important; + right: 0; + inset-inline-start: initial; + inset-inline-end: 0%; + -webkit-padding-end: inherit !important; + padding-inline-end: inherit !important; +} +.sectionTitleContainer-cards { + margin-bottom: 0; +} +.sectionTitle { + margin-bottom: 1em; + display: -webkit-flex; + display: flex; + -webkit-align-items: center; + align-items: center; +} +.sectionTitle-cards { + -webkit-margin-start: 0.25em; + margin-inline-start: 0.25em; + -webkit-margin-end: 0.25em; + margin-inline-end: 0.25em; + margin-bottom: 0; + margin-top: 0.6em; + margin-top: 0.85rem; +} +@media all and (min-width: 50em) { + .sectionTitle-cards { + -webkit-margin-start: 0.425em; + margin-inline-start: 0.425em; + -webkit-margin-end: 0.425em; + margin-inline-end: 0.425em; + } +} +.sectionTitleContainer > .sectionTitle { + margin-top: 0; + margin-bottom: 0; + display: inline-block; + vertical-align: middle; + white-space: nowrap; +} +.sectionTitleButton { + -webkit-margin-start: 1em !important; + margin-inline-start: 1em !important; + -webkit-margin-end: 0 !important; + margin-inline-end: 0 !important; + -webkit-flex-shrink: 0; + flex-shrink: 0; +} +.sectionTitleButton + .sectionTitleButton { + -webkit-margin-start: 0.5em !important; + margin-inline-start: 0.5em !important; +} +.sectionTitleIconButton { + -webkit-margin-start: 1em !important; + margin-inline-start: 1em !important; + -webkit-margin-end: 0 !important; + margin-inline-end: 0 !important; + -webkit-flex-shrink: 0; + flex-shrink: 0; + display: inline-block; + vertical-align: middle; + padding: 0.5em !important; +} +.horizontalItemsContainer { + display: -webkit-flex; + display: flex; +} +.sectionTitleTextButton { + margin: 0 !important; + display: -webkit-inline-flex !important; + display: inline-flex !important; +} +.sectionTitleTextButton:not(.padded-left) { + padding: 0 !important; +} +.sectionTitleTextButton.padded-left { + padding-bottom: 0 !important; + -webkit-padding-end: 0 !important; + padding-inline-end: 0 !important; + padding-top: 0 !important; +} +.sectionTitleTextButton > .sectionTitle { + margin-bottom: 0; + margin-top: 0; +} +.padded-left { + -webkit-padding-start: 3.4%; + padding-inline-start: 3.4%; +} +.padded-left-page { + -webkit-padding-start: calc(3.4% + env(safe-area-inset-left, 0)); + padding-inline-start: calc(3.4% + env(safe-area-inset-left, 0)); +} +.padded-right { + -webkit-padding-end: 3.4%; + padding-inline-end: 3.4%; +} +.padded-left-withalphapicker { + -webkit-padding-start: 4%; + padding-inline-start: 4%; +} +.padded-left-withalphapicker.padded-left-page { + -webkit-padding-start: calc(4% + env(safe-area-inset-left, 0)); + padding-inline-start: calc(4% + env(safe-area-inset-left, 0)); +} +.padded-right-withalphapicker { + -webkit-padding-end: 4%; + padding-inline-end: 4%; +} +.padded-right-withlist.padded-right-withalphapicker { + -webkit-padding-end: clamp(4%, 2.25em, 5%); + padding-inline-end: clamp(4%, 2.25em, 5%); +} +.padded-left-withlist-tv { + -webkit-padding-start: 6%; + padding-inline-start: 6%; +} +.padded-left-withlist-tv.padded-left-page { + -webkit-padding-start: calc(6% + env(safe-area-inset-left, 0)); + padding-inline-start: calc(6% + env(safe-area-inset-left, 0)); +} +.padded-right-withlist-tv { + -webkit-padding-end: 6%; + padding-inline-end: 6%; +} +.padded-top { + padding-top: 1em; +} +.padded-bottom { + padding-bottom: 1em; +} +.padded-bottom-page { + padding-bottom: 9em; + padding-bottom: calc(9em + env(safe-area-inset-bottom, 0)); +} +.layout-tv .padded-top-focusscale { + padding-top: 1.5em; + margin-top: -1.5em; +} +.layout-tv .padded-bottom-focusscale { + padding-bottom: 1.5em; + margin-bottom: -1.5em; +} +@media all and (min-width: 60em) { + .skinBody-withDockedDrawer .page .padded-left { + -webkit-padding-start: 2.7rem; + padding-inline-start: 2.7rem; + } + .skinBody-withDockedDrawer .page .padded-right { + -webkit-padding-end: 2.7rem; + padding-inline-end: 2.7rem; + } +} +@media all and (min-width: 90em) { + .skinBody-withDockedDrawer .page .padded-left { + -webkit-padding-start: 5rem; + padding-inline-start: 5rem; + } + .skinBody-withDockedDrawer .page .padded-right { + -webkit-padding-end: 5rem; + padding-inline-end: 5rem; + } +} +@media all and (min-width: 60em) { + .skinBody-withDockedDrawer .page .padded-right-withalphapicker { + -webkit-padding-end: 3rem; + padding-inline-end: 3rem; + } + .skinBody-withDockedDrawer + .page + .padded-right-withlist.padded-right-withalphapicker { + -webkit-padding-end: 3rem; + padding-inline-end: 3rem; + } +}