UNPKG

angular-t9n

Version:
349 lines (337 loc) 28.1 kB
import {H as ge$1,I as ce,b4 as Vv,R as Xo,b5 as A8,aB as ma,aa as al,e as en,aC as wG,ac as Zl,b6 as Qm,L as Ls,b7 as Xm,J as Jl,b3 as sd,af as Ql,aF as od,ag as jo,t as pb,C as gb,d as bg,b8 as Jm,ay as ey,az as ty,g,ah as le,an as jS,aq as IS,at as de,ap as R,ar as Js,ao as Dv,au as P,D,aA as st,F,a9 as ye,a6 as Ee$1,K,b1 as Ga,X as X$1,as as gd,b9 as nr,a8 as bv,av as Ws,A as At,ax as rd,a4 as Qd,i as xv,ba as Ln,bb as bG,k as Ai,bc as hn,a7 as pD,aY as bb,c as Ym,aE as Zb,bd as gD,aZ as Ih,a_ as wh}from'./main-XWPOM5LO.js';var A=["*"],ke=["content"],be=[[["mat-drawer"],["mat-sidenav"]],[["mat-drawer-content"],["mat-sidenav-content"]],"*"],ve=["mat-drawer, mat-sidenav","mat-drawer-content, mat-sidenav-content","*"];function xe(r,R){if(r&1){let e=bb();Ls(0,"div",1),Ym("click",function(){Ih(e);let n=Zb();return wh(n._onBackdropClicked())}),Jl();}if(r&2){let e=Zb();jo("mat-drawer-shown",e._isShowingBackdrop());}}function De(r,R){r&1&&(Ls(0,"mat-drawer-content"),Xm(1,2),Jl());}function Me(r,R){if(r&1){let e=bb();Ls(0,"div",1),Ym("click",function(){Ih(e);let n=Zb();return wh(n._onBackdropClicked())}),Jl();}if(r&2){let e=Zb();jo("mat-drawer-shown",e._isShowingBackdrop());}}function Ee(r,R){r&1&&(Ls(0,"mat-sidenav-content"),Xm(1,2),Jl());}var Fe=`.mat-drawer-container { position: relative; z-index: 1; color: var(--mat-sidenav-content-text-color, var(--mat-sys-on-background)); background-color: var(--mat-sidenav-content-background-color, var(--mat-sys-background)); box-sizing: border-box; display: block; overflow: hidden; } .mat-drawer-container[fullscreen] { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .mat-drawer-container[fullscreen].mat-drawer-container-has-open { overflow: hidden; } .mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side { z-index: 3; } .mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop, .mat-drawer-container.ng-animate-disabled .mat-drawer-content, .ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop, .ng-animate-disabled .mat-drawer-container .mat-drawer-content { transition: none; } .mat-drawer-backdrop { top: 0; left: 0; right: 0; bottom: 0; position: absolute; display: block; z-index: 3; visibility: hidden; } .mat-drawer-backdrop.mat-drawer-shown { visibility: visible; background-color: var(--mat-sidenav-scrim-color, color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent)); } .mat-drawer-transition .mat-drawer-backdrop { transition-duration: 400ms; transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); transition-property: background-color, visibility; } @media (forced-colors: active) { .mat-drawer-backdrop { opacity: 0.5; } } .mat-drawer-content { position: relative; z-index: 1; display: block; height: 100%; overflow: auto; } .mat-drawer-content.mat-drawer-content-hidden { opacity: 0; } .mat-drawer-transition .mat-drawer-content { transition-duration: 400ms; transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); transition-property: transform, margin-left, margin-right; } .mat-drawer { position: relative; z-index: 4; color: var(--mat-sidenav-container-text-color, var(--mat-sys-on-surface-variant)); box-shadow: var(--mat-sidenav-container-elevation-shadow, none); background-color: var(--mat-sidenav-container-background-color, var(--mat-sys-surface)); border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); width: var(--mat-sidenav-container-width, 360px); display: block; position: absolute; top: 0; bottom: 0; z-index: 3; outline: 0; box-sizing: border-box; overflow-y: auto; transform: translate3d(-100%, 0, 0); } @media (forced-colors: active) { .mat-drawer, [dir=rtl] .mat-drawer.mat-drawer-end { border-right: solid 1px currentColor; } } @media (forced-colors: active) { [dir=rtl] .mat-drawer, .mat-drawer.mat-drawer-end { border-left: solid 1px currentColor; border-right: none; } } .mat-drawer.mat-drawer-side { z-index: 2; } .mat-drawer.mat-drawer-end { right: 0; transform: translate3d(100%, 0, 0); border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=rtl] .mat-drawer { border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-top-right-radius: 0; border-bottom-right-radius: 0; transform: translate3d(100%, 0, 0); } [dir=rtl] .mat-drawer.mat-drawer-end { border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-top-left-radius: 0; border-bottom-left-radius: 0; left: 0; right: auto; transform: translate3d(-100%, 0, 0); } .mat-drawer-transition .mat-drawer { transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } .mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) { visibility: hidden; box-shadow: none; } .mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container { display: none; } .mat-drawer.mat-drawer-opened.mat-drawer-opened { transform: none; } .mat-drawer-side { box-shadow: none; border-right-color: var(--mat-sidenav-container-divider-color, transparent); border-right-width: 1px; border-right-style: solid; } .mat-drawer-side.mat-drawer-end { border-left-color: var(--mat-sidenav-container-divider-color, transparent); border-left-width: 1px; border-left-style: solid; border-right: none; } [dir=rtl] .mat-drawer-side { border-left-color: var(--mat-sidenav-container-divider-color, transparent); border-left-width: 1px; border-left-style: solid; border-right: none; } [dir=rtl] .mat-drawer-side.mat-drawer-end { border-right-color: var(--mat-sidenav-container-divider-color, transparent); border-right-width: 1px; border-right-style: solid; border-left: none; } .mat-drawer-inner-container { width: 100%; height: 100%; overflow: auto; } .mat-sidenav-fixed { position: fixed; } `;var Be=new D("MAT_DRAWER_DEFAULT_AUTOSIZE",{providedIn:"root",factory:()=>false}),ee=new D("MAT_DRAWER_CONTAINER"),M=(()=>{class r extends wG{_platform=g(de);_changeDetectorRef=g(gd);_element=g(le);_ngZone=g(R);_isInert=false;_container=g(Y);ngAfterContentInit(){this._container._contentMarginChanges.subscribe(()=>this._changeDetectorRef.markForCheck());}_drawerToggled(e){e.opened?this._ngZone.runOutsideAngular(()=>{e._animationEnd.pipe(gD(50),At(1)).subscribe(()=>this._updateInert());}):this._updateInert();}_updateInert(){let e=this._container._isShowingBackdrop();if(e!==this._isInert){let t=this._element.nativeElement;this._isInert=e,e?t.setAttribute("inert","true"):t.removeAttribute("inert");}}_shouldBeHidden(){if(this._platform.isBrowser)return false;let{start:e,end:t}=this._container;return e!=null&&e.mode!=="over"&&e.opened||t!=null&&t.mode!=="over"&&t.opened}static \u0275fac=(()=>{let e;return function(n){return (e||(e=al(r)))(n||r)}})();static \u0275cmp=en({type:r,selectors:[["mat-drawer-content"]],hostAttrs:[1,"mat-drawer-content"],hostVars:6,hostBindings:function(t,n){t&2&&(od("margin-left",n._container._contentMargins.left,"px")("margin-right",n._container._contentMargins.right,"px"),jo("mat-drawer-content-hidden",n._shouldBeHidden()));},features:[sd([{provide:wG,useExisting:r}]),Zl],ngContentSelectors:A,decls:1,vars:0,template:function(t,n){t&1&&(Qm(),Xm(0));},encapsulation:2})}return r})(),X=(()=>{class r{_elementRef=g(le);_focusTrapFactory=g(jS);_focusMonitor=g(IS);_platform=g(de);_ngZone=g(R);_renderer=g(Js);_interactivityChecker=g(Dv);_doc=g(P);_container=g(ee,{optional:true});_focusTrap=null;_elementFocusedBeforeDrawerWasOpened=null;_eventCleanups;_isAttached=false;_anchor=null;get position(){return this._position}set position(e){e=e==="end"?"end":"start",e!==this._position&&(this._isAttached&&this._updatePositionInParent(e),this._position=e,this.onPositionChanged.emit());}_position="start";get mode(){return this._mode}set mode(e){this._mode=e,this._updateFocusTrapState(),this._modeChanged.next();}_mode="over";get disableClose(){return this._disableClose}set disableClose(e){this._disableClose=A8(e);}_disableClose=false;get autoFocus(){let e=this._autoFocus;return e??(this.mode==="side"?"dialog":"first-tabbable")}set autoFocus(e){(e==="true"||e==="false"||e==null)&&(e=A8(e)),this._autoFocus=e;}_autoFocus;get opened(){return this._opened()}set opened(e){this.toggle(A8(e));}_opened=st(false);_openedVia=null;_animationStarted=new F;_animationEnd=new F;openedChange=new ye(true);_openedStream=this.openedChange.pipe(Ee$1(e=>e),K(()=>{}));openedStart=this._animationStarted.pipe(Ee$1(()=>this.opened),Ga(void 0));_closedStream=this.openedChange.pipe(Ee$1(e=>!e),K(()=>{}));closedStart=this._animationStarted.pipe(Ee$1(()=>!this.opened),Ga(void 0));_destroyed=new F;onPositionChanged=new ye;_content;_modeChanged=new F;_injector=g(X$1);_changeDetectorRef=g(gd);constructor(){this.openedChange.pipe(nr(this._destroyed)).subscribe(e=>{e?(this._elementFocusedBeforeDrawerWasOpened=this._doc.activeElement,this._takeFocus()):this._isFocusWithinDrawer()&&this._restoreFocus(this._openedVia||"program");}),this._eventCleanups=this._ngZone.runOutsideAngular(()=>{let e=this._renderer,t=this._elementRef.nativeElement;return [e.listen(t,"keydown",n=>{n.keyCode===27&&!this.disableClose&&!bv(n)&&this._ngZone.run(()=>{this.close(),n.stopPropagation(),n.preventDefault();});}),e.listen(t,"transitionend",this._handleTransitionEvent),e.listen(t,"transitioncancel",this._handleTransitionEvent)]}),this._animationEnd.subscribe(()=>{this.openedChange.emit(this.opened);});}_focusByCssSelector(e,t){let n=this._elementRef.nativeElement.querySelector(e);n&&(this._interactivityChecker.isFocusable(n)||(n.tabIndex=-1,this._ngZone.runOutsideAngular(()=>{let a=()=>{o(),ye(),n.removeAttribute("tabindex");},o=this._renderer.listen(n,"blur",a),ye=this._renderer.listen(n,"mousedown",a);})),n.focus(t));}_takeFocus(){if(!this._focusTrap)return;let e=this._elementRef.nativeElement;switch(this.autoFocus){case false:case "dialog":return;case true:case "first-tabbable":Ws(()=>{!this._focusTrap.focusInitialElement()&&typeof e.focus=="function"&&e.focus();},{injector:this._injector});break;case "first-heading":this._focusByCssSelector('h1, h2, h3, h4, h5, h6, [role="heading"]');break;default:this._focusByCssSelector(this.autoFocus);break}}_restoreFocus(e){this.autoFocus!=="dialog"&&(this._elementFocusedBeforeDrawerWasOpened?this._focusMonitor.focusVia(this._elementFocusedBeforeDrawerWasOpened,e):this._elementRef.nativeElement.blur(),this._elementFocusedBeforeDrawerWasOpened=null);}_isFocusWithinDrawer(){let e=this._doc.activeElement;return !!e&&this._elementRef.nativeElement.contains(e)}ngAfterViewInit(){this._isAttached=true,this._position==="end"&&this._updatePositionInParent("end"),this._platform.isBrowser&&(this._focusTrap=this._focusTrapFactory.create(this._elementRef.nativeElement),this._updateFocusTrapState());}ngOnDestroy(){this._eventCleanups.forEach(e=>e()),this._focusTrap?.destroy(),this._anchor?.remove(),this._anchor=null,this._animationStarted.complete(),this._animationEnd.complete(),this._modeChanged.complete(),this._destroyed.next(),this._destroyed.complete();}open(e){return this.toggle(true,e)}close(){return this.toggle(false)}_closeViaBackdropClick(){return this._setOpen(false,true,"mouse")}toggle(e=!this.opened,t){e&&t&&(this._openedVia=t);let n=this._setOpen(e,!e&&this._isFocusWithinDrawer(),this._openedVia||"program");return e||(this._openedVia=null),n}_setOpen(e,t,n){return e===this.opened?Promise.resolve(e?"open":"close"):(this._opened.set(e),(this._container?._content||this._container?._userContent)?._drawerToggled(this),this._container?._transitionsEnabled?(this._setIsAnimating(true),setTimeout(()=>this._animationStarted.next())):setTimeout(()=>{this._animationStarted.next(),this._animationEnd.next();}),this._elementRef.nativeElement.classList.toggle("mat-drawer-opened",e),!e&&t&&this._restoreFocus(n),this._changeDetectorRef.markForCheck(),this._updateFocusTrapState(),new Promise(a=>{this.openedChange.pipe(At(1)).subscribe(o=>a(o?"open":"close"));}))}_setIsAnimating(e){this._elementRef.nativeElement.classList.toggle("mat-drawer-animating",e);}_getWidth(){return this._elementRef.nativeElement.offsetWidth||0}_updateFocusTrapState(){this._focusTrap&&(this._focusTrap.enabled=this.opened&&!!this._container?._isShowingBackdrop());}_updatePositionInParent(e){if(!this._platform.isBrowser)return;let t=this._elementRef.nativeElement,n=t.parentNode;e==="end"?(this._anchor||(this._anchor=this._doc.createComment("mat-drawer-anchor"),n.insertBefore(this._anchor,t)),n.appendChild(t)):this._anchor&&this._anchor.parentNode.insertBefore(t,this._anchor);}_handleTransitionEvent=e=>{let t=this._elementRef.nativeElement;e.target===t&&this._ngZone.run(()=>{e.type==="transitionend"&&this._setIsAnimating(false),this._animationEnd.next(e);});};static \u0275fac=function(t){return new(t||r)};static \u0275cmp=en({type:r,selectors:[["mat-drawer"]],viewQuery:function(t,n){if(t&1&&rd(ke,5),t&2){let a;ey(a=ty())&&(n._content=a.first);}},hostAttrs:[1,"mat-drawer"],hostVars:12,hostBindings:function(t,n){t&2&&(Ql("align",null)("tabIndex",n.mode!=="side"?"-1":null),od("visibility",!n._container&&!n.opened?"hidden":null),jo("mat-drawer-end",n.position==="end")("mat-drawer-over",n.mode==="over")("mat-drawer-push",n.mode==="push")("mat-drawer-side",n.mode==="side"));},inputs:{position:"position",mode:"mode",disableClose:"disableClose",autoFocus:"autoFocus",opened:"opened"},outputs:{openedChange:"openedChange",_openedStream:"opened",openedStart:"openedStart",_closedStream:"closed",closedStart:"closedStart",onPositionChanged:"positionChanged"},exportAs:["matDrawer"],ngContentSelectors:A,decls:3,vars:0,consts:[["content",""],["cdkScrollable","",1,"mat-drawer-inner-container"]],template:function(t,n){t&1&&(Qm(),Ls(0,"div",1,0),Xm(2),Jl());},dependencies:[wG],encapsulation:2})}return r})(),Y=(()=>{class r{_dir=g(Qd,{optional:true});_element=g(le);_ngZone=g(R);_changeDetectorRef=g(gd);_animationDisabled=xv();_transitionsEnabled=false;_allDrawers;_drawers=new Ln;_content;_userContent;get start(){return this._start}get end(){return this._end}get autosize(){return this._autosize}set autosize(e){this._autosize=A8(e);}_autosize=g(Be);get hasBackdrop(){return this._drawerHasBackdrop(this._start)||this._drawerHasBackdrop(this._end)}set hasBackdrop(e){this._backdropOverride=e==null?null:A8(e);}_backdropOverride=null;backdropClick=new ye;_start=null;_end=null;_left=null;_right=null;_destroyed=new F;_doCheckSubject=new F;_contentMargins={left:null,right:null};_contentMarginChanges=new F;get scrollable(){return this._userContent||this._content}_injector=g(X$1);constructor(){let e=g(de),t=g(bG);this._dir?.change.pipe(nr(this._destroyed)).subscribe(()=>{this._validateDrawers(),this.updateContentMargins();}),t.change().pipe(nr(this._destroyed)).subscribe(()=>this.updateContentMargins()),!this._animationDisabled&&e.isBrowser&&this._ngZone.runOutsideAngular(()=>{setTimeout(()=>{this._element.nativeElement.classList.add("mat-drawer-transition"),this._transitionsEnabled=true;},200);});}ngAfterContentInit(){this._allDrawers.changes.pipe(Ai(this._allDrawers),nr(this._destroyed)).subscribe(e=>{this._drawers.reset(e.filter(t=>!t._container||t._container===this)),this._drawers.notifyOnChanges();}),this._drawers.changes.pipe(Ai(null)).subscribe(()=>{this._validateDrawers(),this._drawers.forEach(e=>{this._watchDrawerToggle(e),this._watchDrawerPosition(e),this._watchDrawerMode(e);}),(!this._drawers.length||this._isDrawerOpen(this._start)||this._isDrawerOpen(this._end))&&this.updateContentMargins(),this._changeDetectorRef.markForCheck();}),this._ngZone.runOutsideAngular(()=>{this._doCheckSubject.pipe(hn(10),nr(this._destroyed)).subscribe(()=>this.updateContentMargins());});}ngOnDestroy(){this._contentMarginChanges.complete(),this._doCheckSubject.complete(),this._drawers.destroy(),this._destroyed.next(),this._destroyed.complete();}open(){this._drawers.forEach(e=>e.open());}close(){this._drawers.forEach(e=>e.close());}updateContentMargins(){let e=0,t=0;if(this._left&&this._left.opened){if(this._left.mode=="side")e+=this._left._getWidth();else if(this._left.mode=="push"){let n=this._left._getWidth();e+=n,t-=n;}}if(this._right&&this._right.opened){if(this._right.mode=="side")t+=this._right._getWidth();else if(this._right.mode=="push"){let n=this._right._getWidth();t+=n,e-=n;}}e=e||null,t=t||null,(e!==this._contentMargins.left||t!==this._contentMargins.right)&&(this._contentMargins={left:e,right:t},this._ngZone.run(()=>this._contentMarginChanges.next(this._contentMargins)));}ngDoCheck(){this._autosize&&this._isPushed()&&this._ngZone.runOutsideAngular(()=>this._doCheckSubject.next());}_watchDrawerToggle(e){e._animationStarted.pipe(nr(this._drawers.changes)).subscribe(()=>{this.updateContentMargins(),this._changeDetectorRef.markForCheck();}),e.mode!=="side"&&e.openedChange.pipe(nr(this._drawers.changes)).subscribe(()=>this._setContainerClass(e.opened));}_watchDrawerPosition(e){e.onPositionChanged.pipe(nr(this._drawers.changes)).subscribe(()=>{Ws({read:()=>this._validateDrawers()},{injector:this._injector});});}_watchDrawerMode(e){e._modeChanged.pipe(nr(pD(this._drawers.changes,this._destroyed))).subscribe(()=>{this.updateContentMargins(),this._changeDetectorRef.markForCheck();});}_setContainerClass(e){let t=this._element.nativeElement.classList,n="mat-drawer-container-has-open";e?t.add(n):t.remove(n);}_validateDrawers(){this._start=this._end=null,this._drawers.forEach(e=>{e.position=="end"?(this._end!=null,this._end=e):(this._start!=null,this._start=e);}),this._right=this._left=null,this._dir&&this._dir.value==="rtl"?(this._left=this._end,this._right=this._start):(this._left=this._start,this._right=this._end);}_isPushed(){return this._isDrawerOpen(this._start)&&this._start.mode!="over"||this._isDrawerOpen(this._end)&&this._end.mode!="over"}_onBackdropClicked(){this.backdropClick.emit(),this._closeModalDrawersViaBackdrop();}_closeModalDrawersViaBackdrop(){[this._start,this._end].filter(e=>e&&!e.disableClose&&this._drawerHasBackdrop(e)).forEach(e=>e._closeViaBackdropClick());}_isShowingBackdrop(){return this._isDrawerOpen(this._start)&&this._drawerHasBackdrop(this._start)||this._isDrawerOpen(this._end)&&this._drawerHasBackdrop(this._end)}_isDrawerOpen(e){return e!=null&&e.opened}_drawerHasBackdrop(e){return this._backdropOverride==null?!!e&&e.mode!=="side":this._backdropOverride}static \u0275fac=function(t){return new(t||r)};static \u0275cmp=en({type:r,selectors:[["mat-drawer-container"]],contentQueries:function(t,n,a){if(t&1&&Jm(a,M,5)(a,X,5),t&2){let o;ey(o=ty())&&(n._content=o.first),ey(o=ty())&&(n._allDrawers=o);}},viewQuery:function(t,n){if(t&1&&rd(M,5),t&2){let a;ey(a=ty())&&(n._userContent=a.first);}},hostAttrs:[1,"mat-drawer-container"],hostVars:2,hostBindings:function(t,n){t&2&&jo("mat-drawer-container-explicit-backdrop",n._backdropOverride);},inputs:{autosize:"autosize",hasBackdrop:"hasBackdrop"},outputs:{backdropClick:"backdropClick"},exportAs:["matDrawerContainer"],features:[sd([{provide:ee,useExisting:r}])],ngContentSelectors:ve,decls:4,vars:2,consts:[[1,"mat-drawer-backdrop",3,"mat-drawer-shown"],[1,"mat-drawer-backdrop",3,"click"]],template:function(t,n){t&1&&(Qm(be),pb(0,xe,1,2,"div",0),Xm(1),Xm(2,1),pb(3,De,2,0,"mat-drawer-content")),t&2&&(gb(n.hasBackdrop?0:-1),bg(3),gb(n._content?-1:3));},dependencies:[M],styles:[`.mat-drawer-container { position: relative; z-index: 1; color: var(--mat-sidenav-content-text-color, var(--mat-sys-on-background)); background-color: var(--mat-sidenav-content-background-color, var(--mat-sys-background)); box-sizing: border-box; display: block; overflow: hidden; } .mat-drawer-container[fullscreen] { top: 0; left: 0; right: 0; bottom: 0; position: absolute; } .mat-drawer-container[fullscreen].mat-drawer-container-has-open { overflow: hidden; } .mat-drawer-container.mat-drawer-container-explicit-backdrop .mat-drawer-side { z-index: 3; } .mat-drawer-container.ng-animate-disabled .mat-drawer-backdrop, .mat-drawer-container.ng-animate-disabled .mat-drawer-content, .ng-animate-disabled .mat-drawer-container .mat-drawer-backdrop, .ng-animate-disabled .mat-drawer-container .mat-drawer-content { transition: none; } .mat-drawer-backdrop { top: 0; left: 0; right: 0; bottom: 0; position: absolute; display: block; z-index: 3; visibility: hidden; } .mat-drawer-backdrop.mat-drawer-shown { visibility: visible; background-color: var(--mat-sidenav-scrim-color, color-mix(in srgb, var(--mat-sys-neutral-variant20) 40%, transparent)); } .mat-drawer-transition .mat-drawer-backdrop { transition-duration: 400ms; transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); transition-property: background-color, visibility; } @media (forced-colors: active) { .mat-drawer-backdrop { opacity: 0.5; } } .mat-drawer-content { position: relative; z-index: 1; display: block; height: 100%; overflow: auto; } .mat-drawer-content.mat-drawer-content-hidden { opacity: 0; } .mat-drawer-transition .mat-drawer-content { transition-duration: 400ms; transition-timing-function: cubic-bezier(0.25, 0.8, 0.25, 1); transition-property: transform, margin-left, margin-right; } .mat-drawer { position: relative; z-index: 4; color: var(--mat-sidenav-container-text-color, var(--mat-sys-on-surface-variant)); box-shadow: var(--mat-sidenav-container-elevation-shadow, none); background-color: var(--mat-sidenav-container-background-color, var(--mat-sys-surface)); border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); width: var(--mat-sidenav-container-width, 360px); display: block; position: absolute; top: 0; bottom: 0; z-index: 3; outline: 0; box-sizing: border-box; overflow-y: auto; transform: translate3d(-100%, 0, 0); } @media (forced-colors: active) { .mat-drawer, [dir=rtl] .mat-drawer.mat-drawer-end { border-right: solid 1px currentColor; } } @media (forced-colors: active) { [dir=rtl] .mat-drawer, .mat-drawer.mat-drawer-end { border-left: solid 1px currentColor; border-right: none; } } .mat-drawer.mat-drawer-side { z-index: 2; } .mat-drawer.mat-drawer-end { right: 0; transform: translate3d(100%, 0, 0); border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-top-right-radius: 0; border-bottom-right-radius: 0; } [dir=rtl] .mat-drawer { border-top-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-bottom-left-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-top-right-radius: 0; border-bottom-right-radius: 0; transform: translate3d(100%, 0, 0); } [dir=rtl] .mat-drawer.mat-drawer-end { border-top-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-bottom-right-radius: var(--mat-sidenav-container-shape, var(--mat-sys-corner-large)); border-top-left-radius: 0; border-bottom-left-radius: 0; left: 0; right: auto; transform: translate3d(-100%, 0, 0); } .mat-drawer-transition .mat-drawer { transition: transform 400ms cubic-bezier(0.25, 0.8, 0.25, 1); } .mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) { visibility: hidden; box-shadow: none; } .mat-drawer:not(.mat-drawer-opened):not(.mat-drawer-animating) .mat-drawer-inner-container { display: none; } .mat-drawer.mat-drawer-opened.mat-drawer-opened { transform: none; } .mat-drawer-side { box-shadow: none; border-right-color: var(--mat-sidenav-container-divider-color, transparent); border-right-width: 1px; border-right-style: solid; } .mat-drawer-side.mat-drawer-end { border-left-color: var(--mat-sidenav-container-divider-color, transparent); border-left-width: 1px; border-left-style: solid; border-right: none; } [dir=rtl] .mat-drawer-side { border-left-color: var(--mat-sidenav-container-divider-color, transparent); border-left-width: 1px; border-left-style: solid; border-right: none; } [dir=rtl] .mat-drawer-side.mat-drawer-end { border-right-color: var(--mat-sidenav-container-divider-color, transparent); border-right-width: 1px; border-right-style: solid; border-left: none; } .mat-drawer-inner-container { width: 100%; height: 100%; overflow: auto; } .mat-sidenav-fixed { position: fixed; } `],encapsulation:2})}return r})(),ge=(()=>{class r extends M{static \u0275fac=(()=>{let e;return function(n){return (e||(e=al(r)))(n||r)}})();static \u0275cmp=en({type:r,selectors:[["mat-sidenav-content"]],hostAttrs:[1,"mat-drawer-content","mat-sidenav-content"],features:[sd([{provide:wG,useExisting:r},{provide:M,useExisting:r}]),Zl],ngContentSelectors:A,decls:1,vars:0,template:function(t,n){t&1&&(Qm(),Xm(0));},encapsulation:2})}return r})(),Se=(()=>{class r extends X{get fixedInViewport(){return this._fixedInViewport}set fixedInViewport(e){this._fixedInViewport=A8(e);}_fixedInViewport=false;get fixedTopGap(){return this._fixedTopGap}set fixedTopGap(e){this._fixedTopGap=ma(e);}_fixedTopGap=0;get fixedBottomGap(){return this._fixedBottomGap}set fixedBottomGap(e){this._fixedBottomGap=ma(e);}_fixedBottomGap=0;static \u0275fac=(()=>{let e;return function(n){return (e||(e=al(r)))(n||r)}})();static \u0275cmp=en({type:r,selectors:[["mat-sidenav"]],hostAttrs:[1,"mat-drawer","mat-sidenav"],hostVars:16,hostBindings:function(t,n){t&2&&(Ql("tabIndex",n.mode!=="side"?"-1":null)("align",null),od("top",n.fixedInViewport?n.fixedTopGap:null,"px")("bottom",n.fixedInViewport?n.fixedBottomGap:null,"px"),jo("mat-drawer-end",n.position==="end")("mat-drawer-over",n.mode==="over")("mat-drawer-push",n.mode==="push")("mat-drawer-side",n.mode==="side")("mat-sidenav-fixed",n.fixedInViewport));},inputs:{fixedInViewport:"fixedInViewport",fixedTopGap:"fixedTopGap",fixedBottomGap:"fixedBottomGap"},exportAs:["matSidenav"],features:[sd([{provide:X,useExisting:r}]),Zl],ngContentSelectors:A,decls:3,vars:0,consts:[["content",""],["cdkScrollable","",1,"mat-drawer-inner-container"]],template:function(t,n){t&1&&(Qm(),Ls(0,"div",1,0),Xm(2),Jl());},dependencies:[wG],encapsulation:2})}return r})(),$e=(()=>{class r extends Y{_allDrawers=void 0;_content=void 0;static \u0275fac=(()=>{let e;return function(n){return (e||(e=al(r)))(n||r)}})();static \u0275cmp=en({type:r,selectors:[["mat-sidenav-container"]],contentQueries:function(t,n,a){if(t&1&&Jm(a,ge,5)(a,Se,5),t&2){let o;ey(o=ty())&&(n._content=o.first),ey(o=ty())&&(n._allDrawers=o);}},hostAttrs:[1,"mat-drawer-container","mat-sidenav-container"],hostVars:2,hostBindings:function(t,n){t&2&&jo("mat-drawer-container-explicit-backdrop",n._backdropOverride);},exportAs:["matSidenavContainer"],features:[sd([{provide:ee,useExisting:r},{provide:Y,useExisting:r}]),Zl],ngContentSelectors:ve,decls:4,vars:2,consts:[[1,"mat-drawer-backdrop",3,"mat-drawer-shown"],[1,"mat-drawer-backdrop",3,"click"]],template:function(t,n){t&1&&(Qm(be),pb(0,Me,1,2,"div",0),Xm(1),Xm(2,1),pb(3,Ee,2,0,"mat-sidenav-content")),t&2&&(gb(n.hasBackdrop?0:-1),bg(3),gb(n._content?-1:3));},dependencies:[ge],styles:[Fe],encapsulation:2})}return r})(),Je=(()=>{class r{static \u0275fac=function(t){return new(t||r)};static \u0275mod=ge$1({type:r});static \u0275inj=ce({imports:[Vv,Xo,Vv]})}return r})();export{$e as $,Je as J,Se as S,ge as g};