-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path4095.430b93d88341dea7.js
1 lines (1 loc) · 40.4 KB
/
4095.430b93d88341dea7.js
1
"use strict";(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[4095],{4095:(Qe,H,c)=>{c.r(H),c.d(H,{CdkMenuContextExample:()=>je,CdkMenuInlineExample:()=>Be,CdkMenuMenubarExample:()=>Ae,CdkMenuNestedContextExample:()=>He,CdkMenuStandaloneMenuExample:()=>De,CdkMenuStandaloneStatefulMenuExample:()=>Re});var e=c(4438),p=c(2753),a=c(7336),C=c(3176),z=c(3020),Z=c(522),x=c(8728),l=c(7605),S=c(8456),O=c(8979),P=c(6201),Y=c(9090),$=c(762);class q{constructor(r){this.predicate=r}call(r,t){return t.subscribe(new ee(r,this.predicate))}}class ee extends $.v{constructor(r,t){super(r),this.predicate=t,this.skipping=!0,this.index=0}_next(r){const t=this.destination;this.skipping&&this.tryCallPredicate(r),this.skipping||t.next(r)}tryCallPredicate(r){try{const t=this.predicate(r,this.index++);this.skipping=!!t}catch(t){this.destination.error(t)}}}var te=c(7753),w=c(5024),g=c(5286),D=c(4670),b=c(3586),Q=c(9418);function ne(i,r){function t(){return!t.pred.apply(t.thisArg,arguments)}return t.pred=i,t.thisArg=r,t}var N=c(135),X=c(5817),se=c(6939),R=c(8617),v=c(8203),V=c(6860);let k=(()=>{class i{static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275dir=e.FsC({type:i,selectors:[["","cdkMenuGroup",""]],hostAttrs:["role","group",1,"cdk-menu-group"],exportAs:["cdkMenuGroup"],standalone:!0,features:[e.Jv_([{provide:w.zP,useClass:w.zP}])]})}return i})();const F=new e.nKC("cdk-menu");var d=function(i){return i[i.nextItem=0]="nextItem",i[i.previousItem=1]="previousItem",i[i.currentItem=2]="currentItem",i}(d||{});const m=new e.nKC("cdk-menu-stack"),re={provide:m,deps:[[new e.Xx1,new e.kdw,new e.y_5(m)]],useFactory:i=>i||new E},oe=i=>({provide:m,deps:[[new e.Xx1,new e.kdw,new e.y_5(m)]],useFactory:r=>r||E.inline(i)});let ae=0,E=(()=>{class i{constructor(){this.id=""+ae++,this._elements=[],this._close=new g.B7,this._empty=new g.B7,this._hasFocus=new g.B7,this.closed=this._close,this.hasFocus=this._hasFocus.pipe((0,C.Z)(!1),(0,z.B)(0),(0,Z.F)()),this.emptied=this._empty,this._inlineMenuOrientation=null}static inline(t){const n=new i;return n._inlineMenuOrientation=t,n}push(t){this._elements.push(t)}close(t,n){const{focusNextOnEmpty:s,focusParentTrigger:o}={...n};if(this._elements.indexOf(t)>=0){let u;do{u=this._elements.pop(),this._close.next({item:u,focusParentTrigger:o})}while(u!==t);this.isEmpty()&&this._empty.next(s)}}closeSubMenuOf(t){let n=!1;if(this._elements.indexOf(t)>=0)for(n=this.peek()!==t;this.peek()!==t;)this._close.next({item:this._elements.pop()});return n}closeAll(t){const{focusNextOnEmpty:n,focusParentTrigger:s}={...t};if(!this.isEmpty()){for(;!this.isEmpty();){const o=this._elements.pop();o&&this._close.next({item:o,focusParentTrigger:s})}this._empty.next(n)}}isEmpty(){return!this._elements.length}length(){return this._elements.length}peek(){return this._elements[this._elements.length-1]}hasInlineMenu(){return null!=this._inlineMenuOrientation}inlineMenuOrientation(){return this._inlineMenuOrientation}setHasFocus(t){this._hasFocus.next(t)}static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275prov=e.jDH({token:i,factory:i.\u0275fac})}return i})();const T=new e.nKC("cdk-menu-trigger"),ue=new e.nKC("cdk-menu-scroll-strategy",{providedIn:"root",factory:()=>{const i=(0,e.WQX)(p.hJ);return()=>i.scrollStrategies.reposition()}});let W=(()=>{class i{constructor(){this.injector=(0,e.WQX)(e.zZn),this.viewContainerRef=(0,e.WQX)(e.c1b),this.menuStack=(0,e.WQX)(m),this.menuScrollStrategy=(0,e.WQX)(ue),this.opened=new e.bkB,this.closed=new e.bkB,this.overlayRef=null,this.destroyed=new g.B7,this.stopOutsideClicksListener=(0,D.h)(this.closed,this.destroyed)}ngOnDestroy(){this._destroyOverlay(),this.destroyed.next(),this.destroyed.complete()}isOpen(){return!!this.overlayRef?.hasAttached()}registerChildMenu(t){this.childMenu=t}getMenuContentPortal(){return this.menuTemplateRef&&(!this._menuPortal||this.menuTemplateRef!==this._menuPortal?.templateRef)&&(this._menuPortal=new se.VA(this.menuTemplateRef,this.viewContainerRef,this.menuData,this._getChildMenuInjector())),this._menuPortal}isElementInsideMenuStack(t){for(let n=t;n;n=n?.parentElement??null)if(n.getAttribute("data-cdk-menu-stack-id")===this.menuStack.id)return!0;return!1}_destroyOverlay(){this.overlayRef&&(this.overlayRef.dispose(),this.overlayRef=null)}_getChildMenuInjector(){return this._childMenuInjector=this._childMenuInjector||e.zZn.create({providers:[{provide:T,useValue:this},{provide:m,useValue:this.menuStack}],parent:this.injector}),this._childMenuInjector}static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275dir=e.FsC({type:i,hostVars:2,hostBindings:function(n,s){2&n&&e.BMQ("aria-controls",null==s.childMenu?null:s.childMenu.id)("data-cdk-menu-stack-id",s.menuStack.id)},standalone:!0})}return i})();const I=new e.nKC("cdk-menu-aim");function K(i,r){if(!r.isTrusted)return!1;const t=i.nativeElement,n=r.keyCode;return"BUTTON"!==t.nodeName||t.disabled?"A"===t.nodeName&&n===a.Fm:n===a.Fm||n===a.t6}let y=(()=>{class i extends W{constructor(){super(),this._elementRef=(0,e.WQX)(e.aKT),this._overlay=(0,e.WQX)(p.hJ),this._ngZone=(0,e.WQX)(e.SKi),this._changeDetectorRef=(0,e.WQX)(e.gRc),this._inputModalityDetector=(0,e.WQX)(R.Uc),this._directionality=(0,e.WQX)(v.dS,{optional:!0}),this._parentMenu=(0,e.WQX)(F,{optional:!0}),this._menuAim=(0,e.WQX)(I,{optional:!0}),this._setRole(),this._registerCloseHandler(),this._subscribeToMenuStackClosed(),this._subscribeToMouseEnter(),this._subscribeToMenuStackHasFocus(),this._setType()}toggle(){this.isOpen()?this.close():this.open()}open(){!this.isOpen()&&null!=this.menuTemplateRef&&(this.opened.next(),this.overlayRef=this.overlayRef||this._overlay.create(this._getOverlayConfig()),this.overlayRef.attach(this.getMenuContentPortal()),this._changeDetectorRef.markForCheck(),this._subscribeToOutsideClicks())}close(){this.isOpen()&&(this.closed.next(),this.overlayRef.detach(),this._changeDetectorRef.markForCheck()),this._closeSiblingTriggers()}getMenu(){return this.childMenu}_toggleOnKeydown(t){const n="vertical"===this._parentMenu?.orientation;switch(t.keyCode){case a.t6:case a.Fm:!(0,a.rp)(t)&&!K(this._elementRef,t)&&(this.toggle(),this.childMenu?.focusFirstItem("keyboard"));break;case a.LE:(0,a.rp)(t)||this._parentMenu&&n&&"rtl"!==this._directionality?.value&&(t.preventDefault(),this.open(),this.childMenu?.focusFirstItem("keyboard"));break;case a.UQ:(0,a.rp)(t)||this._parentMenu&&n&&"rtl"===this._directionality?.value&&(t.preventDefault(),this.open(),this.childMenu?.focusFirstItem("keyboard"));break;case a.n6:case a.i7:(0,a.rp)(t)||n||(t.preventDefault(),this.open(),t.keyCode===a.n6?this.childMenu?.focusFirstItem("keyboard"):this.childMenu?.focusLastItem("keyboard"))}}_handleClick(){this.toggle(),this.childMenu?.focusFirstItem("mouse")}_setHasFocus(t){this._parentMenu||this.menuStack.setHasFocus(t)}_subscribeToMouseEnter(){this._ngZone.runOutsideAngular(()=>{(0,b.R)(this._elementRef.nativeElement,"mouseenter").pipe((0,x.p)(()=>"touch"!==this._inputModalityDetector.mostRecentModality&&!this.menuStack.isEmpty()&&!this.isOpen()),(0,l.Q)(this.destroyed)).subscribe(()=>{const t=()=>this._ngZone.run(()=>{this._closeSiblingTriggers(),this.open()});this._menuAim?this._menuAim.toggle(t):t()})})}_closeSiblingTriggers(){this._parentMenu?!this.menuStack.closeSubMenuOf(this._parentMenu)&&this.menuStack.peek()!==this._parentMenu&&this.menuStack.closeAll():this.menuStack.closeAll()}_getOverlayConfig(){return new p.rR({positionStrategy:this._getOverlayPositionStrategy(),scrollStrategy:this.menuScrollStrategy(),direction:this._directionality||void 0})}_getOverlayPositionStrategy(){return this._overlay.position().flexibleConnectedTo(this._elementRef).withLockedPosition().withGrowAfterOpen().withPositions(this._getOverlayPositions())}_getOverlayPositions(){return this.menuPosition??(this._parentMenu&&"horizontal"!==this._parentMenu.orientation?p.EB:p.pq)}_registerCloseHandler(){this._parentMenu||this.menuStack.closed.pipe((0,l.Q)(this.destroyed)).subscribe(({item:t})=>{t===this.childMenu&&this.close()})}_subscribeToOutsideClicks(){this.overlayRef&&this.overlayRef.outsidePointerEvents().pipe((0,l.Q)(this.stopOutsideClicksListener)).subscribe(t=>{const n=(0,V.Fb)(t),s=this._elementRef.nativeElement;n!==s&&!s.contains(n)&&(this.isElementInsideMenuStack(n)?this._closeSiblingTriggers():this.menuStack.closeAll())})}_subscribeToMenuStackHasFocus(){this._parentMenu||this.menuStack.hasFocus.pipe((0,l.Q)(this.destroyed)).subscribe(t=>{t||this.menuStack.closeAll()})}_subscribeToMenuStackClosed(){this._parentMenu||this.menuStack.closed.subscribe(({focusParentTrigger:t})=>{t&&!this.menuStack.length()&&this._elementRef.nativeElement.focus()})}_setRole(){this._parentMenu||this._elementRef.nativeElement.setAttribute("role","button")}_setType(){const t=this._elementRef.nativeElement;"BUTTON"===t.nodeName&&!t.getAttribute("type")&&t.setAttribute("type","button")}static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275dir=e.FsC({type:i,selectors:[["","cdkMenuTriggerFor",""]],hostAttrs:[1,"cdk-menu-trigger"],hostVars:2,hostBindings:function(n,s){1&n&&e.bIt("focusin",function(){return s._setHasFocus(!0)})("focusout",function(){return s._setHasFocus(!1)})("keydown",function(u){return s._toggleOnKeydown(u)})("click",function(){return s._handleClick()}),2&n&&e.BMQ("aria-haspopup",s.menuTemplateRef?"menu":null)("aria-expanded",null==s.menuTemplateRef?null:s.isOpen())},inputs:{menuTemplateRef:[0,"cdkMenuTriggerFor","menuTemplateRef"],menuPosition:[0,"cdkMenuPosition","menuPosition"],menuData:[0,"cdkMenuTriggerData","menuData"]},outputs:{opened:"cdkMenuOpened",closed:"cdkMenuClosed"},exportAs:["cdkMenuTriggerFor"],standalone:!0,features:[e.Jv_([{provide:T,useExisting:i},re]),e.Vt3]})}return i})(),h=(()=>{class i{get hasMenu(){return null!=this._menuTrigger?.menuTemplateRef}constructor(){this._dir=(0,e.WQX)(v.dS,{optional:!0}),this._elementRef=(0,e.WQX)(e.aKT),this._ngZone=(0,e.WQX)(e.SKi),this._inputModalityDetector=(0,e.WQX)(R.Uc),this._menuAim=(0,e.WQX)(I,{optional:!0}),this._menuStack=(0,e.WQX)(m),this._parentMenu=(0,e.WQX)(F,{optional:!0}),this._menuTrigger=(0,e.WQX)(y,{optional:!0,self:!0}),this.disabled=!1,this.triggered=new e.bkB,this._tabindex=-1,this.closeOnSpacebarTrigger=!0,this.destroyed=new g.B7,this._setupMouseEnter(),this._setType(),this._isStandaloneItem()&&(this._tabindex=0)}ngOnDestroy(){this.destroyed.next(),this.destroyed.complete()}focus(){this._elementRef.nativeElement.focus()}trigger(t){const{keepOpen:n}={...t};!this.disabled&&!this.hasMenu&&(this.triggered.next(),n||this._menuStack.closeAll({focusParentTrigger:!0}))}isMenuOpen(){return!!this._menuTrigger?.isOpen()}getMenu(){return this._menuTrigger?.getMenu()}getMenuTrigger(){return this._menuTrigger}getLabel(){return this.typeaheadLabel||this._elementRef.nativeElement.textContent?.trim()||""}_resetTabIndex(){this._isStandaloneItem()||(this._tabindex=-1)}_setTabIndex(t){this.disabled||(!t||!this._menuStack.isEmpty())&&(this._tabindex=0)}_onKeydown(t){switch(t.keyCode){case a.t6:case a.Fm:!(0,a.rp)(t)&&!K(this._elementRef,t)&&this.trigger({keepOpen:t.keyCode===a.t6&&!this.closeOnSpacebarTrigger});break;case a.LE:(0,a.rp)(t)||this._parentMenu&&this._isParentVertical()&&("rtl"!==this._dir?.value?this._forwardArrowPressed(t):this._backArrowPressed(t));break;case a.UQ:(0,a.rp)(t)||this._parentMenu&&this._isParentVertical()&&("rtl"!==this._dir?.value?this._backArrowPressed(t):this._forwardArrowPressed(t))}}_isStandaloneItem(){return!this._parentMenu}_backArrowPressed(t){const n=this._parentMenu;(this._menuStack.hasInlineMenu()||this._menuStack.length()>1)&&(t.preventDefault(),this._menuStack.close(n,{focusNextOnEmpty:"horizontal"===this._menuStack.inlineMenuOrientation()?d.previousItem:d.currentItem,focusParentTrigger:!0}))}_forwardArrowPressed(t){!this.hasMenu&&"horizontal"===this._menuStack.inlineMenuOrientation()&&(t.preventDefault(),this._menuStack.closeAll({focusNextOnEmpty:d.nextItem,focusParentTrigger:!0}))}_setupMouseEnter(){if(!this._isStandaloneItem()){const t=()=>this._ngZone.run(()=>this._menuStack.closeSubMenuOf(this._parentMenu));this._ngZone.runOutsideAngular(()=>(0,b.R)(this._elementRef.nativeElement,"mouseenter").pipe((0,x.p)(()=>"touch"!==this._inputModalityDetector.mostRecentModality&&!this._menuStack.isEmpty()&&!this.hasMenu),(0,l.Q)(this.destroyed)).subscribe(()=>{this._menuAim?this._menuAim.toggle(t):t()}))}}_isParentVertical(){return"vertical"===this._parentMenu?.orientation}_setType(){const t=this._elementRef.nativeElement;"BUTTON"===t.nodeName&&!t.getAttribute("type")&&t.setAttribute("type","button")}static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275dir=e.FsC({type:i,selectors:[["","cdkMenuItem",""]],hostAttrs:["role","menuitem",1,"cdk-menu-item"],hostVars:2,hostBindings:function(n,s){1&n&&e.bIt("blur",function(){return s._resetTabIndex()})("focus",function(){return s._setTabIndex()})("click",function(){return s.trigger()})("keydown",function(u){return s._onKeydown(u)}),2&n&&(e.Mr5("tabindex",s._tabindex),e.BMQ("aria-disabled",s.disabled||null))},inputs:{disabled:[2,"cdkMenuItemDisabled","disabled",e.L39],typeaheadLabel:[0,"cdkMenuitemTypeaheadLabel","typeaheadLabel"]},outputs:{triggered:"cdkMenuItemTriggered"},exportAs:["cdkMenuItem"],standalone:!0,features:[e.GFd]})}return i})();class fe{constructor(r){this._items=r,this.entered=this._getItemPointerEntries(),this.exited=this._getItemPointerExits(),this._destroyed=new g.B7,this.entered.subscribe(t=>this.activeElement=t),this.exited.subscribe(()=>{this.previousElement=this.activeElement,this.activeElement=void 0})}destroy(){this._destroyed.next(),this._destroyed.complete()}_getItemPointerEntries(){return(0,Q.v)(()=>this._items.changes.pipe((0,C.Z)(this._items),(0,S.ZZ)(r=>r.map(t=>(0,b.R)(t._elementRef.nativeElement,"mouseenter").pipe((0,O.u)(t),(0,l.Q)(this._items.changes)))),(0,P.U)()))}_getItemPointerExits(){return(0,Q.v)(()=>this._items.changes.pipe((0,C.Z)(this._items),(0,S.ZZ)(r=>r.map(t=>(0,b.R)(t._elementRef.nativeElement,"mouseout").pipe((0,O.u)(t),(0,l.Q)(this._items.changes)))),(0,P.U)()))}}let ke=0,U=(()=>{class i extends k{constructor(){super(...arguments),this.nativeElement=(0,e.WQX)(e.aKT).nativeElement,this.ngZone=(0,e.WQX)(e.SKi),this.menuStack=(0,e.WQX)(m),this.menuAim=(0,e.WQX)(I,{optional:!0,self:!0}),this.dir=(0,e.WQX)(v.dS,{optional:!0}),this.id="cdk-menu-"+ke++,this.orientation="vertical",this.isInline=!1,this.destroyed=new g.B7,this._menuStackHasFocus=!1}ngAfterContentInit(){this.isInline||this.menuStack.push(this),this._setKeyManager(),this._subscribeToMenuStackHasFocus(),this._subscribeToMenuOpen(),this._subscribeToMenuStackClosed(),this._setUpPointerTracker()}ngOnDestroy(){this.keyManager?.destroy(),this.destroyed.next(),this.destroyed.complete(),this.pointerTracker?.destroy()}focusFirstItem(t="program"){this.keyManager.setFocusOrigin(t),this.keyManager.setFirstItemActive()}focusLastItem(t="program"){this.keyManager.setFocusOrigin(t),this.keyManager.setLastItemActive()}_getTabIndex(){return this.isInline?this._menuStackHasFocus?-1:0:null}closeOpenMenu(t,n){const{focusParentTrigger:s}={...n},o=this.keyManager,u=this.triggerItem;t===u?.getMenuTrigger()?.getMenu()&&(u?.getMenuTrigger()?.close(),s&&(u?o.setActiveItem(u):o.setFirstItemActive()))}_setKeyManager(){this.keyManager=new R.Bu(this.items).withWrap().withTypeAhead().withHomeAndEnd(),"horizontal"===this.orientation?this.keyManager.withHorizontalOrientation(this.dir?.value||"ltr"):this.keyManager.withVerticalOrientation()}_subscribeToMenuOpen(){const t=(0,D.h)(this.items.changes,this.destroyed);this.items.changes.pipe((0,C.Z)(this.items),(0,S.ZZ)(n=>n.filter(s=>s.hasMenu).map(s=>s.getMenuTrigger().opened.pipe((0,O.u)(s),(0,l.Q)(t)))),(0,P.U)(),(0,Y.n)(n=>(this.triggerItem=n,n.getMenuTrigger().closed)),(0,l.Q)(this.destroyed)).subscribe(()=>this.triggerItem=void 0)}_subscribeToMenuStackClosed(){this.menuStack.closed.pipe((0,l.Q)(this.destroyed)).subscribe(({item:t,focusParentTrigger:n})=>this.closeOpenMenu(t,{focusParentTrigger:n}))}_subscribeToMenuStackHasFocus(){this.isInline&&this.menuStack.hasFocus.pipe((0,l.Q)(this.destroyed)).subscribe(t=>{this._menuStackHasFocus=t})}_setUpPointerTracker(){this.menuAim&&(this.ngZone.runOutsideAngular(()=>{this.pointerTracker=new fe(this.items)}),this.menuAim.initialize(this,this.pointerTracker))}static#e=this.\u0275fac=(()=>{let t;return function(s){return(t||(t=e.xGo(i)))(s||i)}})();static#t=this.\u0275dir=e.FsC({type:i,contentQueries:function(n,s,o){if(1&n&&e.wni(o,h,5),2&n){let u;e.mGM(u=e.lsd())&&(s.items=u)}},hostAttrs:["role","menu"],hostVars:4,hostBindings:function(n,s){1&n&&e.bIt("focus",function(){return s.focusFirstItem()})("focusin",function(){return s.menuStack.setHasFocus(!0)})("focusout",function(){return s.menuStack.setHasFocus(!1)}),2&n&&(e.Mr5("tabindex",s._getTabIndex())("id",s.id),e.BMQ("aria-orientation",s.orientation)("data-cdk-menu-stack-id",s.menuStack.id))},inputs:{id:"id"},standalone:!0,features:[e.Vt3]})}return i})(),f=(()=>{class i extends U{constructor(){super(),this._parentTrigger=(0,e.WQX)(T,{optional:!0}),this.closed=new e.bkB,this.orientation="vertical",this.isInline=!this._parentTrigger,this.destroyed.subscribe(this.closed),this._parentTrigger?.registerChildMenu(this)}ngAfterContentInit(){super.ngAfterContentInit(),this._subscribeToMenuStackEmptied()}ngOnDestroy(){super.ngOnDestroy(),this.closed.complete()}_handleKeyEvent(t){const n=this.keyManager;switch(t.keyCode){case a.UQ:case a.LE:(0,a.rp)(t)||(t.preventDefault(),n.setFocusOrigin("keyboard"),n.onKeydown(t));break;case a._f:(0,a.rp)(t)||(t.preventDefault(),this.menuStack.close(this,{focusNextOnEmpty:d.currentItem,focusParentTrigger:!0}));break;case a.wn:(0,a.rp)(t,"altKey","metaKey","ctrlKey")||this.menuStack.closeAll({focusParentTrigger:!0});break;default:n.onKeydown(t)}}_toggleMenuFocus(t){const n=this.keyManager;switch(t){case d.nextItem:n.setFocusOrigin("keyboard"),n.setNextItemActive();break;case d.previousItem:n.setFocusOrigin("keyboard"),n.setPreviousItemActive();break;case d.currentItem:n.activeItem&&(n.setFocusOrigin("keyboard"),n.setActiveItem(n.activeItem))}}_subscribeToMenuStackEmptied(){this.menuStack.emptied.pipe((0,l.Q)(this.destroyed)).subscribe(t=>this._toggleMenuFocus(t))}static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275dir=e.FsC({type:i,selectors:[["","cdkMenu",""]],hostAttrs:["role","menu",1,"cdk-menu"],hostVars:2,hostBindings:function(n,s){1&n&&e.bIt("keydown",function(u){return s._handleKeyEvent(u)}),2&n&&e.AVh("cdk-menu-inline",s.isInline)},outputs:{closed:"closed"},exportAs:["cdkMenu"],standalone:!0,features:[e.Jv_([{provide:k,useExisting:i},{provide:F,useExisting:i},oe("vertical")]),e.Vt3]})}return i})(),L=(()=>{class i extends U{constructor(){super(...arguments),this.orientation="horizontal",this.isInline=!0}ngAfterContentInit(){super.ngAfterContentInit(),this._subscribeToMenuStackEmptied()}_handleKeyEvent(t){const n=this.keyManager;switch(t.keyCode){case a.i7:case a.n6:case a.UQ:case a.LE:if(!(0,a.rp)(t)&&(t.keyCode===a.UQ||t.keyCode===a.LE)){t.preventDefault();const o=n.activeItem?.isMenuOpen();n.activeItem?.getMenuTrigger()?.close(),n.setFocusOrigin("keyboard"),n.onKeydown(t),o&&n.activeItem?.getMenuTrigger()?.open()}break;case a._f:(0,a.rp)(t)||(t.preventDefault(),n.activeItem?.getMenuTrigger()?.close());break;case a.wn:(0,a.rp)(t,"altKey","metaKey","ctrlKey")||n.activeItem?.getMenuTrigger()?.close();break;default:n.onKeydown(t)}}_toggleOpenMenu(t){const n=this.keyManager;switch(t){case d.nextItem:n.setFocusOrigin("keyboard"),n.setNextItemActive(),n.activeItem?.getMenuTrigger()?.open();break;case d.previousItem:n.setFocusOrigin("keyboard"),n.setPreviousItemActive(),n.activeItem?.getMenuTrigger()?.open();break;case d.currentItem:n.activeItem&&(n.setFocusOrigin("keyboard"),n.setActiveItem(n.activeItem))}}_subscribeToMenuStackEmptied(){this.menuStack?.emptied.pipe((0,l.Q)(this.destroyed)).subscribe(t=>this._toggleOpenMenu(t))}static#e=this.\u0275fac=(()=>{let t;return function(s){return(t||(t=e.xGo(i)))(s||i)}})();static#t=this.\u0275dir=e.FsC({type:i,selectors:[["","cdkMenuBar",""]],hostAttrs:["role","menubar",1,"cdk-menu-bar"],hostBindings:function(n,s){1&n&&e.bIt("keydown",function(u){return s._handleKeyEvent(u)})},exportAs:["cdkMenuBar"],standalone:!0,features:[e.Jv_([{provide:k,useExisting:i},{provide:F,useExisting:i},{provide:m,useFactory:()=>E.inline("horizontal")}]),e.Vt3]})}return i})(),M=(()=>{class i extends h{constructor(){super(...arguments),this.checked=!1,this.closeOnSpacebarTrigger=!1}static#e=this.\u0275fac=(()=>{let t;return function(s){return(t||(t=e.xGo(i)))(s||i)}})();static#t=this.\u0275dir=e.FsC({type:i,hostVars:2,hostBindings:function(n,s){2&n&&e.BMQ("aria-checked",!!s.checked)("aria-disabled",s.disabled||null)},inputs:{checked:[2,"cdkMenuItemChecked","checked",e.L39]},standalone:!0,features:[e.GFd,e.Vt3]})}return i})(),Me=0,A=(()=>{class i extends M{constructor(){super(),this._selectionDispatcher=(0,e.WQX)(w.zP),this._id=""+Me++,this._registerDispatcherListener()}ngOnDestroy(){super.ngOnDestroy(),this._removeDispatcherListener()}trigger(t){super.trigger(t),this.disabled||this._selectionDispatcher.notify(this._id,"")}_registerDispatcherListener(){this._removeDispatcherListener=this._selectionDispatcher.listen(t=>{this.checked=this._id===t})}static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275dir=e.FsC({type:i,selectors:[["","cdkMenuItemRadio",""]],hostAttrs:["role","menuitemradio"],hostVars:2,hostBindings:function(n,s){2&n&&e.AVh("cdk-menu-item-radio",!0)},exportAs:["cdkMenuItemRadio"],standalone:!0,features:[e.Jv_([{provide:M,useExisting:i},{provide:h,useExisting:M}]),e.Vt3]})}return i})(),B=(()=>{class i extends M{trigger(t){super.trigger(t),this.disabled||(this.checked=!this.checked)}static#e=this.\u0275fac=(()=>{let t;return function(s){return(t||(t=e.xGo(i)))(s||i)}})();static#t=this.\u0275dir=e.FsC({type:i,selectors:[["","cdkMenuItemCheckbox",""]],hostAttrs:["role","menuitemcheckbox"],hostVars:2,hostBindings:function(n,s){2&n&&e.AVh("cdk-menu-item-checkbox",!0)},exportAs:["cdkMenuItemCheckbox"],standalone:!0,features:[e.Jv_([{provide:M,useExisting:i},{provide:h,useExisting:M}]),e.Vt3]})}return i})();const _e=p.pq.map(i=>{const r="start"===i.overlayX?2:-2,t="top"===i.overlayY?2:-2;return{...i,offsetX:r,offsetY:t}});let xe=(()=>{class i{update(t){i._openContextMenuTrigger!==t&&(i._openContextMenuTrigger?.close(),i._openContextMenuTrigger=t)}static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275prov=e.jDH({token:i,factory:i.\u0275fac,providedIn:"root"})}return i})(),j=(()=>{class i extends W{constructor(){super(),this._overlay=(0,e.WQX)(p.hJ),this._directionality=(0,e.WQX)(v.dS,{optional:!0}),this._contextMenuTracker=(0,e.WQX)(xe),this._changeDetectorRef=(0,e.WQX)(e.gRc),this.disabled=!1,this._setMenuStackCloseListener()}open(t){this._open(null,t),this._changeDetectorRef.markForCheck()}close(){this.menuStack.closeAll()}_openOnContextMenu(t){this.disabled||(t.preventDefault(),t.stopPropagation(),this._contextMenuTracker.update(this),this._open(t,{x:t.clientX,y:t.clientY}),this.childMenu?.focusFirstItem(2===t.button?"mouse":0===t.button?"keyboard":"program"))}_getOverlayConfig(t){return new p.rR({positionStrategy:this._getOverlayPositionStrategy(t),scrollStrategy:this.menuScrollStrategy(),direction:this._directionality||void 0})}_getOverlayPositionStrategy(t){return this._overlay.position().flexibleConnectedTo(t).withLockedPosition().withGrowAfterOpen().withPositions(this.menuPosition??_e)}_setMenuStackCloseListener(){this.menuStack.closed.pipe((0,l.Q)(this.destroyed)).subscribe(({item:t})=>{t===this.childMenu&&this.isOpen()&&(this.closed.next(),this.overlayRef.detach())})}_subscribeToOutsideClicks(t){if(this.overlayRef){let n=this.overlayRef.outsidePointerEvents();if(t){const[s,o]=function ie(i,r,t){return[(0,x.p)(r,t)(new X.c((0,N.i)(i))),(0,x.p)(ne(r,t))(new X.c((0,N.i)(i)))]}(n,({type:u})=>"auxclick"===u);n=(0,D.h)(o.pipe(function J(i){return r=>r.lift(new q(i))}((u,_)=>t.ctrlKey&&0===_&&u.ctrlKey)),s.pipe((0,te.i)(1)))}n.pipe((0,l.Q)(this.stopOutsideClicksListener)).subscribe(s=>{this.isElementInsideMenuStack((0,V.Fb)(s))||this.menuStack.closeAll()})}}_open(t,n){this.disabled||(this.isOpen()?(this.menuStack.closeSubMenuOf(this.childMenu),this.overlayRef.getConfig().positionStrategy.setOrigin(n),this.overlayRef.updatePosition()):(this.opened.next(),this.overlayRef?(this.overlayRef.getConfig().positionStrategy.setOrigin(n),this.overlayRef.updatePosition()):this.overlayRef=this._overlay.create(this._getOverlayConfig(n)),this.overlayRef.attach(this.getMenuContentPortal()),this._subscribeToOutsideClicks(t)))}static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275dir=e.FsC({type:i,selectors:[["","cdkContextMenuTriggerFor",""]],hostVars:1,hostBindings:function(n,s){1&n&&e.bIt("contextmenu",function(u){return s._openOnContextMenu(u)}),2&n&&e.BMQ("data-cdk-menu-stack-id",null)},inputs:{menuTemplateRef:[0,"cdkContextMenuTriggerFor","menuTemplateRef"],menuPosition:[0,"cdkContextMenuPosition","menuPosition"],menuData:[0,"cdkContextMenuTriggerData","menuData"],disabled:[2,"cdkContextMenuDisabled","disabled",e.L39]},outputs:{opened:"cdkContextMenuOpened",closed:"cdkContextMenuClosed"},exportAs:["cdkContextMenuTriggerFor"],standalone:!0,features:[e.Jv_([{provide:T,useExisting:i},{provide:m,useClass:E}]),e.GFd,e.Vt3]})}return i})();function be(i,r){1&i&&(e.j41(0,"div",2)(1,"button",3),e.EFF(2,"Refresh"),e.k0s(),e.j41(3,"button",3),e.EFF(4,"Settings"),e.k0s(),e.j41(5,"button",3),e.EFF(6,"Help"),e.k0s(),e.j41(7,"button",3),e.EFF(8,"Sign out"),e.k0s()())}function ye(i,r){if(1&i){const t=e.RV6();e.j41(0,"button",7),e.bIt("cdkMenuItemTriggered",function(){const s=e.eBV(t).$implicit,o=e.XpG(2);return e.Njj(o.selectedSize=s)}),e.EFF(1),e.k0s()}if(2&i){const t=r.$implicit,n=e.XpG(2);e.Y8G("cdkMenuItemChecked",t===n.selectedSize),e.R7$(),e.SpI(" ",t," ")}}function Ce(i,r){if(1&i){const t=e.RV6();e.j41(0,"div",2)(1,"button",3),e.bIt("cdkMenuItemTriggered",function(){e.eBV(t);const s=e.XpG();return e.Njj(s.bold=!s.bold)}),e.EFF(2," Bold "),e.k0s(),e.j41(3,"button",3),e.bIt("cdkMenuItemTriggered",function(){e.eBV(t);const s=e.XpG();return e.Njj(s.italic=!s.italic)}),e.EFF(4," Italic "),e.k0s(),e.nrm(5,"hr"),e.j41(6,"div",4),e.Z7z(7,ye,2,2,"button",5,e.fX1),e.k0s(),e.nrm(9,"hr"),e.j41(10,"button",6),e.bIt("cdkMenuItemTriggered",function(){e.eBV(t);const s=e.XpG();return e.Njj(s.reset())}),e.EFF(11,"Reset"),e.k0s()()}if(2&i){const t=e.XpG();e.R7$(),e.Y8G("cdkMenuItemChecked",t.bold),e.R7$(2),e.Y8G("cdkMenuItemChecked",t.italic),e.R7$(4),e.Dyx(t.sizes)}}function ve(i,r){if(1&i&&(e.j41(0,"div",7)(1,"button",8),e.EFF(2,"Share"),e.k0s(),e.nrm(3,"hr"),e.j41(4,"button",9),e.EFF(5," New "),e.j41(6,"span"),e.EFF(7,"\u27a4"),e.k0s()(),e.j41(8,"button",8),e.EFF(9,"Open"),e.k0s(),e.j41(10,"button",8),e.EFF(11,"Make a Copy"),e.k0s(),e.nrm(12,"hr"),e.j41(13,"button",9),e.EFF(14," Download "),e.j41(15,"span"),e.EFF(16,"\u27a4"),e.k0s()()()),2&i){e.XpG();const t=e.sdS(14),n=e.sdS(16);e.R7$(4),e.Y8G("cdkMenuTriggerFor",t),e.R7$(9),e.Y8G("cdkMenuTriggerFor",n)}}function Fe(i,r){1&i&&(e.j41(0,"div",7)(1,"button",8),e.EFF(2,"Undo"),e.k0s(),e.j41(3,"button",8),e.EFF(4,"Redo"),e.k0s(),e.nrm(5,"hr"),e.j41(6,"button",8),e.EFF(7,"Cut"),e.k0s(),e.j41(8,"button",8),e.EFF(9,"Copy"),e.k0s(),e.j41(10,"button",8),e.EFF(11,"Paste"),e.k0s()())}function Ee(i,r){1&i&&(e.j41(0,"div",7)(1,"div",10)(2,"button",11),e.EFF(3,"Bold"),e.k0s(),e.j41(4,"button",12),e.EFF(5,"Italic"),e.k0s()(),e.nrm(6,"hr"),e.j41(7,"div",10)(8,"button",13),e.EFF(9,"Small"),e.k0s(),e.j41(10,"button",14),e.EFF(11,"Normal"),e.k0s(),e.j41(12,"button",13),e.EFF(13,"Big"),e.k0s()()())}function Te(i,r){1&i&&(e.j41(0,"div",7)(1,"button",8),e.EFF(2,"Document"),e.k0s(),e.j41(3,"button",8),e.EFF(4,"From template"),e.k0s(),e.nrm(5,"hr"),e.j41(6,"button",8),e.EFF(7,"Spreadsheet"),e.k0s(),e.j41(8,"button",8),e.EFF(9,"Presentation"),e.k0s(),e.j41(10,"button",8),e.EFF(11,"Form"),e.k0s()())}function Ie(i,r){1&i&&(e.j41(0,"div",7)(1,"button",8),e.EFF(2,"Microsoft Word"),e.k0s(),e.j41(3,"button",8),e.EFF(4,"PDF"),e.k0s(),e.j41(5,"button",8),e.EFF(6,"Plain text"),e.k0s()())}function Se(i,r){1&i&&(e.j41(0,"div",2)(1,"button",3),e.EFF(2,"Cut"),e.k0s(),e.j41(3,"button",3),e.EFF(4,"Copy"),e.k0s(),e.j41(5,"button",3),e.EFF(6,"Link"),e.k0s()())}function Pe(i,r){1&i&&(e.j41(0,"div",3)(1,"button",4),e.EFF(2,"Save"),e.k0s(),e.j41(3,"button",4),e.EFF(4,"Exit"),e.k0s()())}function we(i,r){1&i&&(e.j41(0,"div",3)(1,"button",4),e.EFF(2,"Cut"),e.k0s(),e.j41(3,"button",4),e.EFF(4,"Copy"),e.k0s(),e.j41(5,"button",4),e.EFF(6,"Paste"),e.k0s()())}let De=(()=>{class i{static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["cdk-menu-standalone-menu-example"]],standalone:!0,features:[e.aNF],decls:4,vars:1,consts:[["menu",""],[1,"example-standalone-trigger",3,"cdkMenuTriggerFor"],["cdkMenu","",1,"example-menu"],["cdkMenuItem","",1,"example-menu-item"]],template:function(n,s){if(1&n&&(e.j41(0,"button",1),e.EFF(1,"Click me!"),e.k0s(),e.DNE(2,be,9,0,"ng-template",null,0,e.C5r)),2&n){const o=e.sdS(3);e.Y8G("cdkMenuTriggerFor",o)}},dependencies:[y,f,h],styles:[".example-menu[_ngcontent-%COMP%] {\n display: inline-flex;\n flex-direction: column;\n min-width: 180px;\n max-width: 280px;\n background-color: rgba(255, 255, 255);\n padding: 6px 0;\n}\n\n.example-menu-item[_ngcontent-%COMP%], \n.example-standalone-trigger[_ngcontent-%COMP%] {\n background-color: transparent;\n cursor: pointer;\n border: none;\n\n user-select: none;\n min-width: 64px;\n line-height: 36px;\n padding: 0 16px;\n\n display: flex;\n align-items: center;\n flex-direction: row;\n flex: 1;\n}\n\n.example-menu-item[_ngcontent-%COMP%]:hover {\n background-color: rgb(208, 208, 208);\n}\n\n.example-menu-item[_ngcontent-%COMP%]:active {\n background-color: rgb(170, 170, 170);\n}\n\n.example-standalone-item[_ngcontent-%COMP%] {\n background-color: rgb(239, 239, 239);\n}\n.example-standalone-item[_ngcontent-%COMP%]:hover {\n background-color: rgb(208, 208, 208);\n}\n.example-standalone-item[aria-expanded='true'][_ngcontent-%COMP%] {\n background-color: rgb(208, 208, 208);\n}"]})}return i})(),Re=(()=>{class i{constructor(){this.bold=!1,this.italic=!1,this.sizes=["Small","Normal","Large"],this.selectedSize="Normal"}reset(){this.bold=!1,this.italic=!1,this.selectedSize="Normal"}static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["cdk-menu-standalone-stateful-menu-example"]],standalone:!0,features:[e.aNF],decls:4,vars:1,consts:[["menu",""],[1,"example-standalone-item",3,"cdkMenuTriggerFor"],["cdkMenu","",1,"example-menu"],["cdkMenuItemCheckbox","",1,"example-menu-item",3,"cdkMenuItemTriggered","cdkMenuItemChecked"],["cdkMenuGroup",""],["cdkMenuItemRadio","",1,"example-menu-item",3,"cdkMenuItemChecked"],["cdkMenuItem","",1,"example-menu-item",3,"cdkMenuItemTriggered"],["cdkMenuItemRadio","",1,"example-menu-item",3,"cdkMenuItemTriggered","cdkMenuItemChecked"]],template:function(n,s){if(1&n&&(e.j41(0,"button",1),e.EFF(1,"Click me!"),e.k0s(),e.DNE(2,Ce,12,2,"ng-template",null,0,e.C5r)),2&n){const o=e.sdS(3);e.Y8G("cdkMenuTriggerFor",o)}},dependencies:[y,f,B,k,A,h],styles:[".example-menu[_ngcontent-%COMP%] {\n display: inline-flex;\n flex-direction: column;\n min-width: 180px;\n max-width: 280px;\n background-color: rgb(255, 255, 255);\n padding: 6px 0;\n}\n\n.example-menu[_ngcontent-%COMP%] .example-menu-item[_ngcontent-%COMP%] {\n width: 100%;\n}\n\nhr[_ngcontent-%COMP%] {\n width: 100%;\n color: rgba(0, 0, 0, 0.12);\n}\n\n.example-menu-item[_ngcontent-%COMP%], \n.example-standalone-item[_ngcontent-%COMP%] {\n background-color: transparent;\n cursor: pointer;\n border: none;\n\n user-select: none;\n min-width: 64px;\n line-height: 36px;\n padding: 0 16px;\n\n display: flex;\n align-items: center;\n flex-direction: row;\n flex: 1;\n}\n\n.example-menu-item[_ngcontent-%COMP%]:hover {\n background-color: rgb(208, 208, 208);\n}\n\n.example-menu-item[_ngcontent-%COMP%]:active {\n background-color: rgb(170, 170, 170);\n}\n\n.example-standalone-item[_ngcontent-%COMP%] {\n background-color: rgb(239, 239, 239);\n}\n.example-standalone-item[_ngcontent-%COMP%]:hover {\n background-color: rgb(208, 208, 208);\n}\n.example-standalone-item[aria-expanded='true'][_ngcontent-%COMP%] {\n background-color: rgb(208, 208, 208);\n}\n\n.example-menu-item[role='menuitemradio'][aria-checked='true'][_ngcontent-%COMP%] {\n background-color: rgb(225, 225, 225);\n}\n.example-menu-item[role='menuitemcheckbox'][aria-checked='true'][_ngcontent-%COMP%] {\n background-color: rgb(225, 225, 225);\n}"]})}return i})(),Ae=(()=>{class i{static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["cdk-menu-menubar-example"]],exportAs:["cdkMenuMenubarExample"],standalone:!0,features:[e.aNF],decls:17,vars:3,consts:[["file",""],["edit",""],["format",""],["new_doc",""],["download",""],["cdkMenuBar",""],["cdkMenuItem","",1,"example-menu-bar-item",3,"cdkMenuTriggerFor"],["cdkMenu","",1,"example-menu"],["cdkMenuItem","",1,"example-menu-item"],["cdkMenuItem","",1,"example-menu-item",3,"cdkMenuTriggerFor"],["cdkMenuGroup","",1,"example-menu-group"],["cdkMenuItemCheckbox","","cdkMenuItemChecked","",1,"example-menu-item"],["cdkMenuItemCheckbox","",1,"example-menu-item"],["cdkMenuItemRadio","",1,"example-menu-item"],["cdkMenuItemRadio","","cdkMenuItemChecked","",1,"example-menu-item"]],template:function(n,s){if(1&n&&(e.j41(0,"div",5)(1,"button",6),e.EFF(2,"File"),e.k0s(),e.j41(3,"button",6),e.EFF(4,"Edit"),e.k0s(),e.j41(5,"button",6),e.EFF(6,"Format"),e.k0s()(),e.DNE(7,ve,17,2,"ng-template",null,0,e.C5r)(9,Fe,12,0,"ng-template",null,1,e.C5r)(11,Ee,14,0,"ng-template",null,2,e.C5r)(13,Te,12,0,"ng-template",null,3,e.C5r)(15,Ie,7,0,"ng-template",null,4,e.C5r)),2&n){const o=e.sdS(8),u=e.sdS(10),_=e.sdS(12);e.R7$(),e.Y8G("cdkMenuTriggerFor",o),e.R7$(2),e.Y8G("cdkMenuTriggerFor",u),e.R7$(2),e.Y8G("cdkMenuTriggerFor",_)}},dependencies:[L,h,y,f,k,B,A],styles:[".example-menu-bar-item[_ngcontent-%COMP%] {\n cursor: pointer;\n border: none;\n\n user-select: none;\n min-width: 34px;\n line-height: 26px;\n padding: 0 16px;\n}\n\n.example-menu-bar-item[_ngcontent-%COMP%]:hover {\n background-color: rgb(208, 208, 208);\n}\n\n.example-menu[_ngcontent-%COMP%] {\n display: inline-flex;\n flex-direction: column;\n min-width: 180px;\n max-width: 280px;\n background-color: rgb(255, 255, 255);\n padding: 6px 0;\n}\n\n.example-menu[_ngcontent-%COMP%] hr[_ngcontent-%COMP%] {\n width: 100%;\n color: rgba(0, 0, 0, 0.12);\n}\n\n.example-menu[_ngcontent-%COMP%] .example-menu-group[_ngcontent-%COMP%] {\n display: inline-flex;\n flex-direction: column;\n}\n\n.example-menu[_ngcontent-%COMP%] .example-menu-item[_ngcontent-%COMP%] {\n background-color: transparent;\n cursor: pointer;\n border: none;\n\n user-select: none;\n min-width: 64px;\n line-height: 36px;\n padding: 0 16px;\n\n display: flex;\n align-items: center;\n flex-direction: row;\n flex: 1;\n}\n\n.example-menu-item[_ngcontent-%COMP%] > span[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n flex: 1;\n justify-content: flex-end;\n}\n\n.example-menu[_ngcontent-%COMP%] .example-menu-item[_ngcontent-%COMP%]:hover {\n background-color: rgb(208, 208, 208);\n}\n\n.example-menu[_ngcontent-%COMP%] .example-menu-item[role='menuitemradio'][aria-checked='true'][_ngcontent-%COMP%] {\n background-color: rgb(225, 225, 225);\n}\n.example-menu[_ngcontent-%COMP%] .example-menu-item[role='menuitemcheckbox'][aria-checked='true'][_ngcontent-%COMP%] {\n background-color: rgb(225, 225, 225);\n}\n.example-menu[_ngcontent-%COMP%] .example-menu-item[_ngcontent-%COMP%]:active {\n background-color: rgb(170, 170, 170);\n}\n\n.example-menu-bar-item[aria-expanded='true'][_ngcontent-%COMP%], \n.example-menu-item[aria-expanded='true'][_ngcontent-%COMP%] {\n background-color: rgb(208, 208, 208) !important;\n}"]})}return i})(),Be=(()=>{class i{static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["cdk-menu-inline-example"]],exportAs:["cdkMenuInlineExample"],standalone:!0,features:[e.aNF],decls:13,vars:0,consts:[["cdkMenu","",1,"example-menu"],["cdkMenuItem","",1,"example-menu-item"]],template:function(n,s){1&n&&(e.j41(0,"div",0)(1,"button",1),e.EFF(2,"Inbox"),e.k0s(),e.j41(3,"button",1),e.EFF(4,"Snoozed"),e.k0s(),e.j41(5,"button",1),e.EFF(6,"Important"),e.k0s(),e.j41(7,"button",1),e.EFF(8,"Sent"),e.k0s(),e.j41(9,"button",1),e.EFF(10,"Drafts"),e.k0s(),e.j41(11,"button",1),e.EFF(12,"All Mail"),e.k0s()())},dependencies:[f,h],styles:[".example-menu[_ngcontent-%COMP%] {\n display: inline-flex;\n flex-direction: column;\n min-width: 180px;\n max-width: 280px;\n background-color: rgb(255, 255, 255);\n padding: 6px 0;\n}\n\n.example-menu-item[_ngcontent-%COMP%] {\n background-color: transparent;\n cursor: pointer;\n border: none;\n\n user-select: none;\n min-width: 64px;\n line-height: 36px;\n padding: 0 16px;\n\n display: flex;\n align-items: center;\n flex-direction: row;\n flex: 1;\n}\n\n.example-menu-item[_ngcontent-%COMP%]:hover {\n background-color: rgb(208, 208, 208);\n}\n\n.example-menu-item[_ngcontent-%COMP%]:active {\n background-color: rgb(170, 170, 170);\n}"]})}return i})(),je=(()=>{class i{static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["cdk-menu-context-example"]],exportAs:["cdkMenuContextExample"],standalone:!0,features:[e.aNF],decls:4,vars:1,consts:[["context_menu",""],[3,"cdkContextMenuTriggerFor"],["cdkMenu","",1,"example-menu"],["cdkMenuItem","",1,"example-menu-item"]],template:function(n,s){if(1&n&&(e.j41(0,"div",1),e.EFF(1," Did you ever hear the tragedy of Darth Plagueis The Wise? I thought not. It's not a story the Jedi would tell you. It's a Sith legend. Darth Plagueis was a Dark Lord of the Sith, so powerful and so wise he could use the Force to influence the midichlorians to create life\u2026 He had such a knowledge of the dark side that he could even keep the ones he cared about from dying. The dark side of the Force is a pathway to many abilities some consider to be unnatural. He became so powerful\u2026 the only thing he was afraid of was losing his power, which eventually, of course, he did. Unfortunately, he taught his apprentice everything he knew, then his apprentice killed him in his sleep. Ironic. He could save others from death, but not himself.\n"),e.k0s(),e.DNE(2,Se,7,0,"ng-template",null,0,e.C5r)),2&n){const o=e.sdS(3);e.Y8G("cdkContextMenuTriggerFor",o)}},dependencies:[j,f,h],styles:[".example-menu[_ngcontent-%COMP%] {\n display: inline-flex;\n flex-direction: column;\n min-width: 180px;\n max-width: 280px;\n background-color: rgb(255, 255, 255);\n padding: 6px 0;\n}\n\n.example-menu-item[_ngcontent-%COMP%] {\n background-color: transparent;\n cursor: pointer;\n border: none;\n\n user-select: none;\n min-width: 64px;\n line-height: 36px;\n padding: 0 16px;\n\n display: flex;\n align-items: center;\n flex-direction: row;\n flex: 1;\n}\n\n.example-menu-item[_ngcontent-%COMP%]:hover {\n background-color: rgb(208, 208, 208);\n}\n\n.example-menu-item[_ngcontent-%COMP%]:active {\n background-color: rgb(170, 170, 170);\n}"]})}return i})(),He=(()=>{class i{static#e=this.\u0275fac=function(n){return new(n||i)};static#t=this.\u0275cmp=e.VBU({type:i,selectors:[["cdk-menu-nested-context-example"]],exportAs:["cdkMenuNestedContextExample"],standalone:!0,features:[e.aNF],decls:8,vars:2,consts:[["outer",""],["inner",""],[1,"example-context-area",3,"cdkContextMenuTriggerFor"],["cdkMenu","",1,"example-menu"],["cdkMenuItem","",1,"example-menu-item"]],template:function(n,s){if(1&n&&(e.j41(0,"div",2),e.EFF(1," Outer context menu "),e.j41(2,"div",2),e.EFF(3,"Inner context menu"),e.k0s()(),e.DNE(4,Pe,5,0,"ng-template",null,0,e.C5r)(6,we,7,0,"ng-template",null,1,e.C5r)),2&n){const o=e.sdS(5),u=e.sdS(7);e.Y8G("cdkContextMenuTriggerFor",o),e.R7$(2),e.Y8G("cdkContextMenuTriggerFor",u)}},dependencies:[j,f,h],styles:[".example-context-area[_ngcontent-%COMP%] {\n display: inline-grid;\n border: 2px dashed black;\n}\n\n.example-context-area[_ngcontent-%COMP%] .example-context-area[_ngcontent-%COMP%] {\n margin: 100px;\n width: 200px;\n height: 100px;\n}\n\n.example-menu[_ngcontent-%COMP%] {\n display: inline-flex;\n flex-direction: column;\n min-width: 180px;\n max-width: 280px;\n background-color: rgb(255, 255, 255);\n padding: 6px 0;\n}\n\n.example-menu-item[_ngcontent-%COMP%] {\n background-color: transparent;\n cursor: pointer;\n border: none;\n\n user-select: none;\n min-width: 64px;\n line-height: 36px;\n padding: 0 16px;\n\n display: flex;\n align-items: center;\n flex-direction: row;\n flex: 1;\n}\n\n.example-menu-item[_ngcontent-%COMP%]:hover {\n background-color: rgb(208, 208, 208);\n}\n\n.example-menu-item[_ngcontent-%COMP%]:active {\n background-color: rgb(170, 170, 170);\n}"]})}return i})()}}]);