https://videos-libr.es/client/en-US/chunk-B_3vQd7G.js

1import{r as C}from"./chunk-C6uGsfWa.js";import{$i as ax,$t as KV,An as N5,Ao as kI,Bn as Nu,Da as eme,Fc as z$,Ir as Tm,Ji as ai,Kt as Jb,Ls as sh,Oa as eo,On as Mp,P as CA,Qn as Os,Rt as J3,Sc as xe$1,Si as YV,St as H5,Ua as g5,Un as O5,Vo as m,Wt as JV,Xs as tme,_a as dG,_o as j$,_t as Gb,as as o5,at as FA,bn as M5,br as RK,bs as qa,cs as pB,dr as QV,fa as ch,ft as G5,go as j,i as $5,is as o$,j as Bt,ja as ewe,jc as yh,kc as yX,ln as LA,mi as X3,po as it,r as $4,ri as Vo,st as FI,uo as ij,ut as G$,wi as Yc,xt as H4,z as Cu}from"./chunk-BqEHMywo.js";import{t as X1}from"./chunk-ByAApJUc.js";import{A as tp,C as gr,O as sr,t as $n}from"./chunk-D2cc9Bi8.js";import{t as c}from"./chunk-BXgy3iM0.js";import{t as i}from"./chunk-CXy8SWDG.js";var ge=C(Vo());var be=[`modal`];var Me=[`itemsParent`];var we=[`itemsRendered`];var Oe=(n,t)=>({"opacity-0":n,"has-border":t});var Pe=n=>({visibility:n});var xe=n=>({item:n});var Se=n=>({item:n,dropdown:!0});var Ee=n=>({item:n,modal:!0});var H=(n,t)=>t.label;function Ie(n,t){n&1&&FA(0)}function Te(n,t){if(n&1&&(Mp(0,`li`,8,2),CA(2,Ie,1,0,`ng-container`,9),Gb()),n&2){let e=j$(),i=e.$implicit,o=e.$index,c=j$();o5(N5(5,Pe,c.showItemsUntilIndexExcluded&&o>=c.showItemsUntilIndexExcluded?`hidden`:`inherit`)),LA(`id`,c.getId(o)),ij(2),LA(`ngTemplateOutlet`,c.itemTemplate())(`ngTemplateOutletContext`,N5(7,xe,i))}}function Ne(n,t){if(n&1&&YV(0,Te,3,9,`li`,7),n&2){let e=t.$implicit;KV(!e.isDisplayed||e.isDisplayed()?0:-1)}}function Le(n,t){if(n&1){let e=o$();Mp(0,`button`,15),ch(`click`,function(){kI(e);return FI(j$(2).toggleModal())}),sh(1,`span`,13),Gb()}}function De(n,t){n&1&&FA(0)}function Re(n,t){if(n&1&&(Mp(0,`li`),CA(1,De,1,0,`ng-container`,9),Gb()),n&2){let e=j$().$implicit,i=j$(2);ij(),LA(`ngTemplateOutlet`,i.itemTemplate())(`ngTemplateOutletContext`,N5(2,Se,e))}}function ke(n,t){if(n&1&&YV(0,Re,2,4,`li`),n&2){let e=t.$implicit;KV(!e.isDisplayed||e.isDisplayed()?0:-1)}}function ze(n,t){if(n&1&&(YV(0,Le,2,0,`button`,10),Mp(1,`div`,11,3)(3,`button`,12),sh(4,`span`,13),Gb(),Mp(5,`ul`,14),QV(6,ke,1,1,null,null,H),H5(8,`slice`),Gb()()),n&2){let e=j$();KV(e.isInMobileView?0:-1),ij(),LA(`hidden`,e.isInMobileView),ij(5),JV($5(8,2,e.items(),e.showItemsUntilIndexExcluded,e.items().length))}}function Ae(n,t){n&1&&FA(0)}function He(n,t){if(n&1&&(Mp(0,`li`),CA(1,Ae,1,0,`ng-container`,9),Gb()),n&2){let e=j$().$implicit,i=j$(2);ij(),LA(`ngTemplateOutlet`,i.itemTemplate())(`ngTemplateOutletContext`,N5(2,Ee,e))}}function Fe(n,t){if(n&1&&YV(0,He,2,4,`li`),n&2){let e=t.$implicit;KV(!e.isDisplayed||e.isDisplayed()?0:-1)}}function $e(n,t){if(n&1&&(Mp(0,`div`,16)(1,`ul`,17),QV(2,Fe,1,1,null,null,H),H5(4,`slice`),Gb()()),n&2){let e=j$();ij(2),JV($5(4,0,e.items(),e.showItemsUntilIndexExcluded,e.items().length))}}var _e=(0,ge.default)(`peertube:main:ListOverflowItem`);var N=class n{cdr=m(Os);modalService=m(sr);screenService=m(Yc);items=yh(void 0);itemTemplate=yh(void 0);hasBorder=yh(!1,{transform:Cu});modal=eme(`modal`);parent=eme(`itemsParent`);itemsRendered=tme(`itemsRendered`);showItemsUntilIndexExcluded;isInMobileView=!1;initialized=!1;randomInt;ngOnInit(){this.randomInt=ewe(1,2e3)}ngAfterViewInit(){setTimeout(()=>{this.onWindowResize(),this.initialized=!0},0)}isMenuDisplayed(){return!!this.showItemsUntilIndexExcluded}onWindowResize(){this.isInMobileView=!!this.screenService.isInMobileView();let t=this.parent().nativeElement.getBoundingClientRect().width,e,i=0;_e(`Parent width is %d`,t);for(let[o,c]of this.itemsRendered().entries())i+=c.nativeElement.getBoundingClientRect().width,e===void 0&&(e=t<i?o:void 0);_e(`Accumulated children width is %d so exclude index is %d`,i,e),this.showItemsUntilIndexExcluded=e,this.cdr.markForCheck()}toggleModal(){this.modalService.open(this.modal(),{centered:!0})}getId(t=yX()){return RK(this.constructor.name)+`_`+this.randomInt+`_`+t}static ɵfac=function(e){return new(e||n)};static ɵcmp=qa({type:n,selectors:[[`my-list-overflow`]],viewQuery:function(e,i){e&1&&ax(i.modal,be,5)(i.parent,Me,5)(i.itemsRendered,we,5),e&2&&G$(3)},hostBindings:function(e,i){e&1&&ch(`resize`,function(){return i.onWindowResize()},pB)},inputs:{items:[1,`items`],itemTemplate:[1,`itemTemplate`],hasBorder:[1,`hasBorder`]},decls:9,vars:5,consts:()=>{let t;t="See more menu items";let e;return e="See more menu items",[[`itemsParent`,``],[`modal`,``],[`itemsRendered`,``],[`dropdown`,`ngbDropdown`],[1,`root`],[1,`list-overflow-parent`,3,`ngClass`],[1,`ul-unstyle`,`d-flex`],[1,`d-inline-block`,3,`id`,`style`],[1,`d-inline-block`,3,`id`],[4,`ngTemplateOutlet`,`ngTemplateOutletContext`],[`title`,t,`type`,`button`,1,`peertube-button`,`tertiary-button`,`p-0`,`list-overflow-menu`,`overflow-button`],[`ngbDropdown`,``,`container`,`body`,1,`list-overflow-menu`,3,`hidden`],[`title`,e,`ngbDropdownToggle`,``,`type`,`button`,1,`peertube-button`,`tertiary-button`,`p-0`,`overflow-button`],[1,`chevron-down`],[`ngbDropdownMenu`,``,1,`ul-unstyle`],[`title`,t,`type`,`button`,1,`peertube-button`,`tertiary-button`,`p-0`,`list-overflow-menu`,`overflow-button`,3,`click`],[1,`modal-body`],[1,`ul-unstyle`]]},template:function(e,i){e&1&&(Mp(0,`div`,4)(1,`div`,5,0)(3,`ul`,6),QV(4,Ne,1,1,null,null,H),Gb(),YV(6,ze,9,6),Gb(),CA(7,$e,5,4,`ng-template`,null,1,G5),Gb()),e&2&&(ij(),LA(`ngClass`,M5(2,Oe,!i.initialized,i.hasBorder())),ij(3),JV(i.items()),ij(2),KV(i.isMenuDisplayed()?6:-1))},dependencies:[J3,$n,tp,X3,gr,dG],styles:[`[_nghost-%COMP%]{width:100%}li[_ngcontent-%COMP%]{padding-top:2px}.root[_ngcontent-%COMP%]{overflow:hidden;max-width:calc(100vw - 30px);padding-bottom:3px}.list-overflow-parent[_ngcontent-%COMP%]{display:flex;align-items:center;position:relative}.list-overflow-parent.has-border[_ngcontent-%COMP%]{border-bottom:1px solid var(--%NS%fg-200)}.list-overflow-menu[_ngcontent-%COMP%]{position:absolute;right:0}.overflow-button[_ngcontent-%COMP%]:after{display:none;margin-left:inherit;vertical-align:inherit;border:inherit}`]})};var Be=n=>({"with-mb":n});var Ve=(n,t)=>({"children-container":n,"parent-container":t});var Ue=(n,t,e)=>({"child-active":n,"dropdown-item":t,"in-modal":e});function We(n,t){if(n&1&&sh(0,`my-global-icon`,5),n&2)LA(`iconName`,j$(2).h1Icon())}function Ge(n,t){if(n&1&&(Mp(0,`h1`),YV(1,We,1,1,`my-global-icon`,5),g5(2),Gb()),n&2){let e=j$();ij(),KV(e.h1Icon()?1:-1),ij(),Jb(` `,e.h1(),` `)}}function qe(n,t){if(n&1){let e=o$();Mp(0,`a`,6),ch(`click`,function(){let o=kI(e).modal;return FI(j$().onLinkClick(o))}),g5(1),Gb()}

1if(n&2){let e=t.item,i=t.dropdown,o=t.modal,c=j$();LA(`pluginSelectorId`,e.pluginSelectorId)(`routerLink`,e.routerLink)(`queryParams`,e.queryParams)(`ngClass`,O5(5,Ue,c.activeParent===e,i,o)),ij(),Jb(` `,e.label,` `)}}function Xe(n,t){if(n&1&&(Mp(0,`div`,4),sh(1,`my-list-overflow`,7),Gb()),n&2){let e=j$(),i=z$(3);ij(),LA(`items`,e.children)(`itemTemplate`,i)}}var fe=class n{horizontalMenuService=m(i);router=m(it);route=m(eo);modal=m(sr);menuEntries=yh([]);h1=yh(void 0);h1Icon=yh(void 0);areChildren=yh(!1,{transform:Cu});withMarginBottom=yh(!0,{transform:Cu});activeParent;children=[];routerSub;ngOnInit(){this.routerSub=this.router.events.pipe(xe$1(t=>t instanceof Bt)).subscribe(()=>this.buildChildren())}ngOnChanges(){this.buildChildren()}ngOnDestroy(){this.routerSub&&this.routerSub.unsubscribe()}onLinkClick(t){t&&this.modal.dismissAll()}isHidden(){return this.horizontalMenuService.isMenuHidden()}buildChildren(){this.children=[],this.activeParent=void 0;let t=window.location.pathname,e=this.route.snapshot.pathFromRoot.reduce((o,c)=>c.url.length===0?o:o+`/`+c.url[0].path,``),i=this.menuEntries().find(o=>t.startsWith(o.routerLink)||!o.routerLink.startsWith(`/`)&&`${e}/${o.routerLink}`===t?!0:o.children?o.children.some(c=>t.startsWith(c.routerLink)):!1);if(!i){let o=this.menuEntries();o.length!==0&&t!==`/`&&j.info(`Unable to find entry for ${t} or ${e}`,{menuEntries:o});return}this.children=i.children,this.activeParent=i}static ɵfac=function(e){return new(e||n)};static ɵcmp=qa({type:n,selectors:[[`my-horizontal-menu`]],inputs:{menuEntries:[1,`menuEntries`],h1:[1,`h1`],h1Icon:[1,`h1Icon`],areChildren:[1,`areChildren`],withMarginBottom:[1,`withMarginBottom`]},features:[ai],decls:7,vars:13,consts:[[`entryTemplate`,``],[1,`root`,3,`ngClass`,`hidden`],[3,`ngClass`],[3,`items`,`itemTemplate`,`hasBorder`],[1,`children-container`],[3,`iconName`],[`myPluginSelector`,``,`routerLinkActive`,`active`,1,`entry`,3,`click`,`pluginSelectorId`,`routerLink`,`queryParams`,`ngClass`],[3,`items`,`itemTemplate`]],template:function(e,i){if(e&1&&(Mp(0,`div`,1),YV(1,Ge,3,2,`h1`),CA(2,qe,2,9,`ng-template`,null,0,G5),Mp(4,`div`,2),sh(5,`my-list-overflow`,3),Gb(),YV(6,Xe,2,2,`div`,4),Gb()),e&2){let o=z$(3);LA(`ngClass`,N5(8,Be,i.withMarginBottom()))(`hidden`,i.isHidden()),ij(),KV(i.h1()?1:-1),ij(3),LA(`ngClass`,M5(10,Ve,i.areChildren(),!i.areChildren())),ij(),LA(`items`,i.menuEntries())(`itemTemplate`,o)(`hasBorder`,!i.areChildren()),ij(),KV(i.children&&i.children.length!==0?6:-1)}},dependencies:[Nu,X3,$4,Tm,H4,N,X1,c],styles:[`@charset "UTF-8";.root[_ngcontent-%COMP%]{width:100%}.root.with-mb[_ngcontent-%COMP%]{margin-bottom:calc(1.375rem + 1.5vw)}@media(min-width:1200px){.root.with-mb[_ngcontent-%COMP%]{margin-bottom:2.5rem}}h1[_ngcontent-%COMP%]{margin-bottom:1.5rem;color:var(--%NS%fg-400);font-weight:700;font-size:calc(1.325rem + .9vw)}@media(min-width:1200px){h1[_ngcontent-%COMP%]{font-size:2rem}}h1[_ngcontent-%COMP%]   my-global-icon[_ngcontent-%COMP%]{display:inline-block;width:28px;height:28px;line-height:28px;margin-inline-end:.5rem}.parent-container[_ngcontent-%COMP%]   my-list-overflow[_ngcontent-%COMP%]     .overflow-button:has(+* .active), .parent-container[_ngcontent-%COMP%]   my-list-overflow[_ngcontent-%COMP%]     .overflow-button:has(+* .child-active){color:var(--%NS%fg)}.parent-container[_ngcontent-%COMP%]   my-list-overflow[_ngcontent-%COMP%]     .overflow-button:has(+* .active):after, .parent-container[_ngcontent-%COMP%]   my-list-overflow[_ngcontent-%COMP%]     .overflow-button:has(+* .child-active):after{content:"";display:block;height:4px;background-color:var(--%NS%border-primary);border-radius:2px;position:absolute;bottom:-3px;width:100%}.children-container[_ngcontent-%COMP%]   my-list-overflow[_ngcontent-%COMP%]     .overflow-button:has(+* .active), .children-container[_ngcontent-%COMP%]   my-list-overflow[_ngcontent-%COMP%]     .overflow-button:has(+* .child-active){color:var(--%NS%fg-400);font-weight:700;background-color:var(--%NS%bg-secondary-400);text-decoration:none}.parent-container[_ngcontent-%COMP%]   .entry[_ngcontent-%COMP%], .entry.in-modal[_ngcontent-%COMP%]{display:inline-block;font-weight:700;white-space:nowrap;font-size:calc(1.2625rem + .15vw)}@media(min-width:1200px){.parent-container[_ngcontent-%COMP%]   .entry[_ngcontent-%COMP%], .entry.in-modal[_ngcontent-%COMP%]{font-size:1.375rem}}.parent-container[_ngcontent-%COMP%]   .entry[_ngcontent-%COMP%], .parent-container[_ngcontent-%COMP%]   .entry[_ngcontent-%COMP%]:hover, .parent-container[_ngcontent-%COMP%]   .entry[_ngcontent-%COMP%]:focus, .parent-container[_ngcontent-%COMP%]   .entry[_ngcontent-%COMP%]:active, .entry.in-modal[_ngcontent-%COMP%], .entry.in-modal[_ngcontent-%COMP%]:hover, .entry.in-modal[_ngcontent-%COMP%]:focus, .entry.in-modal[_ngcontent-%COMP%]:active{text-decoration:none}.parent-container[_ngcontent-%COMP%]   .entry[_ngcontent-%COMP%]:focus:not(:focus-visible), .entry.in-modal[_ngcontent-%COMP%]:focus:not(:focus-visible){outline:none}.parent-container[_ngcontent-%COMP%]   .entry[_ngcontent-%COMP%]:hover, .entry.in-modal[_ngcontent-%COMP%]:hover{color:var(--%NS%fg)}.parent-container[_ngcontent-%COMP%]   .entry[_ngcontent-%COMP%]{color:var(--%NS%fg-100);margin-inline-end:calc(1.325rem + .9vw)}@media(min-width:1200px){.parent-container[_ngcontent-%COMP%]   .entry[_ngcontent-%COMP%]{margin-inline-end:2rem}}.parent-container[_ngcontent-%COMP%]   .entry.active[_ngcontent-%COMP%], .parent-container[_ngcontent-%COMP%]   .entry.child-active[_ngcontent-%COMP%]{position:relative;color:var(--%NS%fg)}.parent-container[_ngcontent-%COMP%]   .entry.active[_ngcontent-%COMP%]:after, .parent-container[_ngcontent-%COMP%]   .entry.child-active[_ngcontent-%COMP%]:after{content:"";display:block;height:4px;background-color:var(--%NS%border-primary);border-radius:2px;position:absolute;bottom:-3px;width:100%}.entry.in-modal[_ngcontent-%COMP%]{color:var(--%NS%fg);padding:9px 12px;width:100%;border-radius:5px}.entry.in-modal.active[_ngcontent-%COMP%], .entry.in-modal.child-active[_ngcontent-%COMP%]{color:var(--%NS%on-primary-450)!important;background-color:var(--%NS%primary-450);opacity:.9}.children-container[_ngcontent-%COMP%]{margin-top:1.25rem}.children-container[_ngcontent-%COMP%]     li{white-space:nowrap}.children-container[_ngcontent-%COMP%]     li:not(:first-child):before{content:"\\2022";color:var(--%NS%secondary-icon-color);display:inline-block;margin:0 .5rem;position:relative;top:-1px}.children-container[_ngcontent-%COMP%]   .entry[_ngcontent-%COMP%]{color:var(--%NS%fg-250);display:inline-block;white-space:nowrap;padding:12px 16px;border-radius:200px;line-height:1;font-size:1.125rem}.children-container[_ngcontent-%COMP%]   .entry.active[_ngcontent-%COMP%]{position:relative;color:var(--%NS%fg-400);font-weight:700;background-color:var(--%NS%bg-secondary-400);text-decoration:none}.children-container[_ngcontent-%COMP%]   .entry[_ngcontent-%COMP%]:hover{color:var(--%NS%fg)}

1`],changeDetection:1})};export{fe as t};
2//# debugId=209c4d00-f3f9-592a-a962-31fc08242050
3//# sourceMappingURL=chunk-B_3vQd7G.js.map