-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy path8485.62646cb9056eca5c.js
1 lines (1 loc) · 38.6 KB
/
8485.62646cb9056eca5c.js
1
"use strict";(self.webpackChunkmaterial_angular_io=self.webpackChunkmaterial_angular_io||[]).push([[8485],{8485:(Re,D,a)=>{a.r(D),a.d(D,{CdkMenuContextExample:()=>Q,CdkMenuExamplesModule:()=>Fe,CdkMenuInlineExample:()=>Y,CdkMenuMenubarExample:()=>G,CdkMenuNestedContextExample:()=>j,CdkMenuStandaloneMenuExample:()=>L,CdkMenuStandaloneStatefulMenuExample:()=>K});var e=a(4650),g=a(8184),u=a(9521),b=a(1059),X=a(13),$=a(5778),M=a(2198),d=a(7625),I=a(1709),S=a(7604),A=a(9146),ee=a(7545),te=a(1307),E=a(5017),h=a(8929),P=a(6787),_=a(3753),B=a(8514);function ne(n,s){function t(){return!t.pred.apply(t.thisArg,arguments)}return t.pred=n,t.thisArg=s,t}var U=a(9249),H=a(6498),se=a(4080),oe=a(2687),w=a(1281),y=a(445);let f=(()=>{class n{}return n.\u0275fac=function(t){return new(t||n)},n.\u0275dir=e.lG2({type:n,selectors:[["","cdkMenuGroup",""]],hostAttrs:["role","group",1,"cdk-menu-group"],exportAs:["cdkMenuGroup"],standalone:!0,features:[e._Bn([{provide:E.A8,useClass:E.A8}])]}),n})();const C=new e.OlP("cdk-menu"),m=new e.OlP("cdk-menu-stack"),re={provide:m,deps:[[new e.FiY,new e.tp0,new e.tBr(m)]],useFactory:n=>n||new v},ue=n=>({provide:m,deps:[[new e.FiY,new e.tp0,new e.tBr(m)]],useFactory:s=>s||v.inline(n)});let ae=0,v=(()=>{class n{constructor(){this.id=""+ae++,this._elements=[],this._close=new h.xQ,this._empty=new h.xQ,this._hasFocus=new h.xQ,this.closed=this._close,this.hasFocus=this._hasFocus.pipe((0,b.O)(!1),(0,X.b)(0),(0,$.x)()),this.emptied=this._empty,this._inlineMenuOrientation=null}static inline(t){const i=new n;return i._inlineMenuOrientation=t,i}push(t){this._elements.push(t)}close(t,i){const{focusNextOnEmpty:o,focusParentTrigger:r}={...i};if(this._elements.indexOf(t)>=0){let c;do{c=this._elements.pop(),this._close.next({item:c,focusParentTrigger:r})}while(c!==t);this.isEmpty()&&this._empty.next(o)}}closeSubMenuOf(t){let i=!1;if(this._elements.indexOf(t)>=0)for(i=this.peek()!==t;this.peek()!==t;)this._close.next({item:this._elements.pop()});return i}closeAll(t){const{focusNextOnEmpty:i,focusParentTrigger:o}={...t};if(!this.isEmpty()){for(;!this.isEmpty();){const r=this._elements.pop();r&&this._close.next({item:r,focusParentTrigger:o})}this._empty.next(i)}}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)}}return n.\u0275fac=function(t){return new(t||n)},n.\u0275prov=e.Yz7({token:n,factory:n.\u0275fac}),n})();const T=new e.OlP("cdk-menu-trigger");let N=(()=>{class n{constructor(){this.injector=(0,e.f3M)(e.zs3),this.viewContainerRef=(0,e.f3M)(e.s_b),this.menuStack=(0,e.f3M)(m),this.opened=new e.vpe,this.closed=new e.vpe,this.overlayRef=null,this.destroyed=new h.xQ,this.stopOutsideClicksListener=(0,P.T)(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.UE(this.menuTemplateRef,this.viewContainerRef,this.menuData,this._getChildMenuInjector())),this._menuPortal}isElementInsideMenuStack(t){for(let i=t;i;i=i?.parentElement??null)if(i.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.zs3.create({providers:[{provide:T,useValue:this},{provide:m,useValue:this.menuStack}],parent:this.injector}),this._childMenuInjector}}return n.\u0275fac=function(t){return new(t||n)},n.\u0275dir=e.lG2({type:n,hostVars:2,hostBindings:function(t,i){2&t&&e.uIk("aria-controls",null==i.childMenu?null:i.childMenu.id)("data-cdk-menu-stack-id",i.menuStack.id)}}),n})();const O=new e.OlP("cdk-menu-aim");let x=(()=>{class n extends N{constructor(){super(),this._elementRef=(0,e.f3M)(e.SBq),this._overlay=(0,e.f3M)(g.aV),this._ngZone=(0,e.f3M)(e.R0b),this._parentMenu=(0,e.f3M)(C,{optional:!0}),this._menuAim=(0,e.f3M)(O,{optional:!0}),this._directionality=(0,e.f3M)(y.Is,{optional:!0}),this._setRole(),this._registerCloseHandler(),this._subscribeToMenuStackClosed(),this._subscribeToMouseEnter(),this._subscribeToMenuStackHasFocus(),this._setType()}toggle(){this.isOpen()?this.close():this.open()}open(){this.isOpen()||(this.opened.next(),this.overlayRef=this.overlayRef||this._overlay.create(this._getOverlayConfig()),this.overlayRef.attach(this.getMenuContentPortal()),this._subscribeToOutsideClicks())}close(){this.isOpen()&&(this.closed.next(),this.overlayRef.detach()),this._closeSiblingTriggers()}getMenu(){return this.childMenu}_toggleOnKeydown(t){const i="vertical"===this._parentMenu?.orientation,o=t.keyCode;switch(o){case u.L_:case u.K5:(0,u.Vb)(t)||(this.toggle(),this.childMenu?.focusFirstItem("keyboard"));break;case u.SV:(0,u.Vb)(t)||this._parentMenu&&i&&"rtl"!==this._directionality?.value&&(t.preventDefault(),this.open(),this.childMenu?.focusFirstItem("keyboard"));break;case u.oh:(0,u.Vb)(t)||this._parentMenu&&i&&"rtl"===this._directionality?.value&&(t.preventDefault(),this.open(),this.childMenu?.focusFirstItem("keyboard"));break;case u.JH:case u.LH:(0,u.Vb)(t)||i||(t.preventDefault(),this.open(),o===u.JH?this.childMenu?.focusFirstItem("keyboard"):this.childMenu?.focusLastItem("keyboard"))}}_setHasFocus(t){this._parentMenu||this.menuStack.setHasFocus(t)}_subscribeToMouseEnter(){const t=()=>this._ngZone.run(()=>{this._closeSiblingTriggers(),this.open()});this._ngZone.runOutsideAngular(()=>{(0,_.R)(this._elementRef.nativeElement,"mouseenter").pipe((0,M.h)(()=>!this.menuStack.isEmpty()&&!this.isOpen()),(0,d.R)(this.destroyed)).subscribe(()=>{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 g.X_({positionStrategy:this._getOverlayPositionStrategy(),scrollStrategy:this._overlay.scrollStrategies.reposition(),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?g.cR:g.Yy)}_registerCloseHandler(){this._parentMenu||this.menuStack.closed.pipe((0,d.R)(this.destroyed)).subscribe(({item:t})=>{t===this.childMenu&&this.close()})}_subscribeToOutsideClicks(){this.overlayRef&&this.overlayRef.outsidePointerEvents().pipe((0,M.h)(t=>t.target!=this._elementRef.nativeElement&&!this._elementRef.nativeElement.contains(t.target)),(0,d.R)(this.stopOutsideClicksListener)).subscribe(t=>{this.isElementInsideMenuStack(t.target)?this._closeSiblingTriggers():this.menuStack.closeAll()})}_subscribeToMenuStackHasFocus(){this._parentMenu||this.menuStack.hasFocus.pipe((0,d.R)(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")}}return n.\u0275fac=function(t){return new(t||n)},n.\u0275dir=e.lG2({type:n,selectors:[["","cdkMenuTriggerFor",""]],hostAttrs:["aria-haspopup","menu",1,"cdk-menu-trigger"],hostVars:1,hostBindings:function(t,i){1&t&&e.NdJ("focusin",function(){return i._setHasFocus(!0)})("focusout",function(){return i._setHasFocus(!1)})("keydown",function(r){return i._toggleOnKeydown(r)})("click",function(){return i.toggle()}),2&t&&e.uIk("aria-expanded",i.isOpen())},inputs:{menuTemplateRef:["cdkMenuTriggerFor","menuTemplateRef"],menuPosition:["cdkMenuPosition","menuPosition"],menuData:["cdkMenuTriggerData","menuData"]},outputs:{opened:"cdkMenuOpened",closed:"cdkMenuClosed"},exportAs:["cdkMenuTriggerFor"],standalone:!0,features:[e._Bn([{provide:T,useExisting:n},re]),e.qOj]}),n})(),l=(()=>{class n{constructor(){this._dir=(0,e.f3M)(y.Is,{optional:!0}),this._elementRef=(0,e.f3M)(e.SBq),this._ngZone=(0,e.f3M)(e.R0b),this._menuAim=(0,e.f3M)(O,{optional:!0}),this._menuStack=(0,e.f3M)(m),this._parentMenu=(0,e.f3M)(C,{optional:!0}),this._menuTrigger=(0,e.f3M)(x,{optional:!0,self:!0}),this._disabled=!1,this.triggered=new e.vpe,this.hasMenu=!!this._menuTrigger,this._tabindex=-1,this.closeOnSpacebarTrigger=!0,this.destroyed=new h.xQ,this._setupMouseEnter(),this._setType(),this._isStandaloneItem()&&(this._tabindex=0)}get disabled(){return this._disabled}set disabled(t){this._disabled=(0,w.Ig)(t)}ngOnDestroy(){this.destroyed.next(),this.destroyed.complete()}focus(){this._elementRef.nativeElement.focus()}trigger(t){const{keepOpen:i}={...t};!this.disabled&&!this.hasMenu&&(this.triggered.next(),i||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 u.L_:case u.K5:(0,u.Vb)(t)||this.trigger({keepOpen:t.keyCode===u.L_&&!this.closeOnSpacebarTrigger});break;case u.SV:(0,u.Vb)(t)||this._parentMenu&&this._isParentVertical()&&("rtl"!==this._dir?.value?this._forwardArrowPressed(t):this._backArrowPressed(t));break;case u.oh:(0,u.Vb)(t)||this._parentMenu&&this._isParentVertical()&&("rtl"!==this._dir?.value?this._backArrowPressed(t):this._forwardArrowPressed(t))}}_isStandaloneItem(){return!this._parentMenu}_backArrowPressed(t){const i=this._parentMenu;(this._menuStack.hasInlineMenu()||this._menuStack.length()>1)&&(t.preventDefault(),this._menuStack.close(i,{focusNextOnEmpty:"horizontal"===this._menuStack.inlineMenuOrientation()?1:2,focusParentTrigger:!0}))}_forwardArrowPressed(t){!this.hasMenu&&"horizontal"===this._menuStack.inlineMenuOrientation()&&(t.preventDefault(),this._menuStack.closeAll({focusNextOnEmpty:0,focusParentTrigger:!0}))}_setupMouseEnter(){if(!this._isStandaloneItem()){const t=()=>this._ngZone.run(()=>this._menuStack.closeSubMenuOf(this._parentMenu));this._ngZone.runOutsideAngular(()=>(0,_.R)(this._elementRef.nativeElement,"mouseenter").pipe((0,M.h)(()=>!this._menuStack.isEmpty()&&!this.hasMenu),(0,d.R)(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")}}return n.\u0275fac=function(t){return new(t||n)},n.\u0275dir=e.lG2({type:n,selectors:[["","cdkMenuItem",""]],hostAttrs:["role","menuitem",1,"cdk-menu-item"],hostVars:2,hostBindings:function(t,i){1&t&&e.NdJ("blur",function(){return i._resetTabIndex()})("focus",function(){return i._setTabIndex()})("click",function(){return i.trigger()})("keydown",function(r){return i._onKeydown(r)}),2&t&&(e.Ikx("tabindex",i._tabindex),e.uIk("aria-disabled",i.disabled||null))},inputs:{disabled:["cdkMenuItemDisabled","disabled"],typeaheadLabel:["cdkMenuitemTypeaheadLabel","typeaheadLabel"]},outputs:{triggered:"cdkMenuItemTriggered"},exportAs:["cdkMenuItem"],standalone:!0}),n})();class Me{constructor(s){this._items=s,this.entered=this._getItemPointerEntries(),this.exited=this._getItemPointerExits(),this._destroyed=new h.xQ,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,B.P)(()=>this._items.changes.pipe((0,b.O)(this._items),(0,I.zg)(s=>s.map(t=>(0,_.R)(t._elementRef.nativeElement,"mouseenter").pipe((0,S.h)(t),(0,d.R)(this._items.changes)))),(0,A.J)()))}_getItemPointerExits(){return(0,B.P)(()=>this._items.changes.pipe((0,b.O)(this._items),(0,I.zg)(s=>s.map(t=>(0,_.R)(t._elementRef.nativeElement,"mouseout").pipe((0,S.h)(t),(0,d.R)(this._items.changes)))),(0,A.J)()))}}let fe=0,q=(()=>{class n extends f{constructor(){super(...arguments),this.nativeElement=(0,e.f3M)(e.SBq).nativeElement,this.ngZone=(0,e.f3M)(e.R0b),this.menuStack=(0,e.f3M)(m),this.menuAim=(0,e.f3M)(O,{optional:!0,self:!0}),this.dir=(0,e.f3M)(y.Is,{optional:!0}),this.id="cdk-menu-"+fe++,this.orientation="vertical",this.isInline=!1,this.destroyed=new h.xQ,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,i){const{focusParentTrigger:o}={...i},r=this.keyManager,c=this.triggerItem;t===c?.getMenuTrigger()?.getMenu()&&(c?.getMenuTrigger()?.close(),o&&(c?r.setActiveItem(c):r.setFirstItemActive()))}_setKeyManager(){this.keyManager=new oe.Em(this.items).withWrap().withTypeAhead().withHomeAndEnd(),"horizontal"===this.orientation?this.keyManager.withHorizontalOrientation(this.dir?.value||"ltr"):this.keyManager.withVerticalOrientation()}_subscribeToMenuOpen(){const t=(0,P.T)(this.items.changes,this.destroyed);this.items.changes.pipe((0,b.O)(this.items),(0,I.zg)(i=>i.filter(o=>o.hasMenu).map(o=>o.getMenuTrigger().opened.pipe((0,S.h)(o),(0,d.R)(t)))),(0,A.J)(),(0,ee.w)(i=>(this.triggerItem=i,i.getMenuTrigger().closed)),(0,d.R)(this.destroyed)).subscribe(()=>this.triggerItem=void 0)}_subscribeToMenuStackClosed(){this.menuStack.closed.pipe((0,d.R)(this.destroyed)).subscribe(({item:t,focusParentTrigger:i})=>this.closeOpenMenu(t,{focusParentTrigger:i}))}_subscribeToMenuStackHasFocus(){this.isInline&&this.menuStack.hasFocus.pipe((0,d.R)(this.destroyed)).subscribe(t=>{this._menuStackHasFocus=t})}_setUpPointerTracker(){this.menuAim&&(this.ngZone.runOutsideAngular(()=>{this.pointerTracker=new Me(this.items)}),this.menuAim.initialize(this,this.pointerTracker))}}return n.\u0275fac=function(){let s;return function(i){return(s||(s=e.n5z(n)))(i||n)}}(),n.\u0275dir=e.lG2({type:n,contentQueries:function(t,i,o){if(1&t&&e.Suo(o,l,5),2&t){let r;e.iGM(r=e.CRH())&&(i.items=r)}},hostAttrs:["role","menu"],hostVars:4,hostBindings:function(t,i){1&t&&e.NdJ("focus",function(){return i.focusFirstItem()})("focusin",function(){return i.menuStack.setHasFocus(!0)})("focusout",function(){return i.menuStack.setHasFocus(!1)}),2&t&&(e.Ikx("tabindex",i._getTabIndex())("id",i.id),e.uIk("aria-orientation",i.orientation)("data-cdk-menu-stack-id",i.menuStack.id))},inputs:{id:"id"},features:[e.qOj]}),n})(),p=(()=>{class n extends q{constructor(){super(),this._parentTrigger=(0,e.f3M)(T,{optional:!0}),this.closed=new e.vpe,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 i=this.keyManager;switch(t.keyCode){case u.oh:case u.SV:(0,u.Vb)(t)||(t.preventDefault(),i.setFocusOrigin("keyboard"),i.onKeydown(t));break;case u.hY:(0,u.Vb)(t)||(t.preventDefault(),this.menuStack.close(this,{focusNextOnEmpty:2,focusParentTrigger:!0}));break;case u.Mf:(0,u.Vb)(t,"altKey","metaKey","ctrlKey")||this.menuStack.closeAll({focusParentTrigger:!0});break;default:i.onKeydown(t)}}_toggleMenuFocus(t){const i=this.keyManager;switch(t){case 0:i.setFocusOrigin("keyboard"),i.setNextItemActive();break;case 1:i.setFocusOrigin("keyboard"),i.setPreviousItemActive();break;case 2:i.activeItem&&(i.setFocusOrigin("keyboard"),i.setActiveItem(i.activeItem))}}_subscribeToMenuStackEmptied(){this.menuStack.emptied.pipe((0,d.R)(this.destroyed)).subscribe(t=>this._toggleMenuFocus(t))}}return n.\u0275fac=function(t){return new(t||n)},n.\u0275dir=e.lG2({type:n,selectors:[["","cdkMenu",""]],hostAttrs:["role","menu",1,"cdk-menu"],hostVars:2,hostBindings:function(t,i){1&t&&e.NdJ("keydown",function(r){return i._handleKeyEvent(r)}),2&t&&e.ekj("cdk-menu-inline",i.isInline)},outputs:{closed:"closed"},exportAs:["cdkMenu"],standalone:!0,features:[e._Bn([{provide:f,useExisting:n},{provide:C,useExisting:n},ue("vertical")]),e.qOj]}),n})(),z=(()=>{class n extends q{constructor(){super(...arguments),this.orientation="horizontal",this.isInline=!0}ngAfterContentInit(){super.ngAfterContentInit(),this._subscribeToMenuStackEmptied()}_handleKeyEvent(t){const i=this.keyManager;switch(t.keyCode){case u.LH:case u.JH:case u.oh:case u.SV:if(!(0,u.Vb)(t)&&(t.keyCode===u.oh||t.keyCode===u.SV)){t.preventDefault();const r=i.activeItem?.isMenuOpen();i.activeItem?.getMenuTrigger()?.close(),i.setFocusOrigin("keyboard"),i.onKeydown(t),r&&i.activeItem?.getMenuTrigger()?.open()}break;case u.hY:(0,u.Vb)(t)||(t.preventDefault(),i.activeItem?.getMenuTrigger()?.close());break;case u.Mf:(0,u.Vb)(t,"altKey","metaKey","ctrlKey")||i.activeItem?.getMenuTrigger()?.close();break;default:i.onKeydown(t)}}_toggleOpenMenu(t){const i=this.keyManager;switch(t){case 0:i.setFocusOrigin("keyboard"),i.setNextItemActive(),i.activeItem?.getMenuTrigger()?.open();break;case 1:i.setFocusOrigin("keyboard"),i.setPreviousItemActive(),i.activeItem?.getMenuTrigger()?.open();break;case 2:i.activeItem&&(i.setFocusOrigin("keyboard"),i.setActiveItem(i.activeItem))}}_subscribeToMenuStackEmptied(){this.menuStack?.emptied.pipe((0,d.R)(this.destroyed)).subscribe(t=>this._toggleOpenMenu(t))}}return n.\u0275fac=function(){let s;return function(i){return(s||(s=e.n5z(n)))(i||n)}}(),n.\u0275dir=e.lG2({type:n,selectors:[["","cdkMenuBar",""]],hostAttrs:["role","menubar",1,"cdk-menu-bar"],hostBindings:function(t,i){1&t&&e.NdJ("keydown",function(r){return i._handleKeyEvent(r)})},exportAs:["cdkMenuBar"],standalone:!0,features:[e._Bn([{provide:f,useExisting:n},{provide:C,useExisting:n},{provide:m,useFactory:()=>v.inline("horizontal")}]),e.qOj]}),n})(),k=(()=>{class n extends l{constructor(){super(...arguments),this._checked=!1,this.closeOnSpacebarTrigger=!1}get checked(){return this._checked}set checked(t){this._checked=(0,w.Ig)(t)}}return n.\u0275fac=function(){let s;return function(i){return(s||(s=e.n5z(n)))(i||n)}}(),n.\u0275dir=e.lG2({type:n,hostVars:2,hostBindings:function(t,i){2&t&&e.uIk("aria-checked",!!i.checked)("aria-disabled",i.disabled||null)},inputs:{checked:["cdkMenuItemChecked","checked"]},features:[e.qOj]}),n})(),ke=0,Z=(()=>{class n extends k{constructor(){super(),this._selectionDispatcher=(0,e.f3M)(E.A8),this._id=""+ke++,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})}}return n.\u0275fac=function(t){return new(t||n)},n.\u0275dir=e.lG2({type:n,selectors:[["","cdkMenuItemRadio",""]],hostAttrs:["role","menuitemradio"],hostVars:2,hostBindings:function(t,i){2&t&&e.ekj("cdk-menu-item-radio",!0)},exportAs:["cdkMenuItemRadio"],standalone:!0,features:[e._Bn([{provide:k,useExisting:n},{provide:l,useExisting:k}]),e.qOj]}),n})(),F=(()=>{class n extends k{trigger(t){super.trigger(t),this.disabled||(this.checked=!this.checked)}}return n.\u0275fac=function(){let s;return function(i){return(s||(s=e.n5z(n)))(i||n)}}(),n.\u0275dir=e.lG2({type:n,selectors:[["","cdkMenuItemCheckbox",""]],hostAttrs:["role","menuitemcheckbox"],hostVars:2,hostBindings:function(t,i){2&t&&e.ekj("cdk-menu-item-checkbox",!0)},exportAs:["cdkMenuItemCheckbox"],standalone:!0,features:[e._Bn([{provide:k,useExisting:n},{provide:l,useExisting:k}]),e.qOj]}),n})();const _e=g.Yy.map(n=>{const s="start"===n.overlayX?2:-2,t="top"===n.overlayY?2:-2;return{...n,offsetX:s,offsetY:t}});let xe=(()=>{class n{update(t){n._openContextMenuTrigger!==t&&(n._openContextMenuTrigger?.close(),n._openContextMenuTrigger=t)}}return n.\u0275fac=function(t){return new(t||n)},n.\u0275prov=e.Yz7({token:n,factory:n.\u0275fac,providedIn:"root"}),n})(),R=(()=>{class n extends N{constructor(){super(),this._overlay=(0,e.f3M)(g.aV),this._directionality=(0,e.f3M)(y.Is,{optional:!0}),this._contextMenuTracker=(0,e.f3M)(xe),this._disabled=!1,this._setMenuStackCloseListener()}get disabled(){return this._disabled}set disabled(t){this._disabled=(0,w.Ig)(t)}open(t){this._open(t,!1)}close(){this.menuStack.closeAll()}_openOnContextMenu(t){this.disabled||(t.preventDefault(),t.stopPropagation(),this._contextMenuTracker.update(this),this._open({x:t.clientX,y:t.clientY},!0),this.childMenu?.focusFirstItem(2===t.button?"mouse":0===t.button?"keyboard":"program"))}_getOverlayConfig(t){return new g.X_({positionStrategy:this._getOverlayPositionStrategy(t),scrollStrategy:this._overlay.scrollStrategies.reposition(),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,d.R)(this.destroyed)).subscribe(({item:t})=>{t===this.childMenu&&this.isOpen()&&(this.closed.next(),this.overlayRef.detach())})}_subscribeToOutsideClicks(t){if(this.overlayRef){let i=this.overlayRef.outsidePointerEvents();if(t){const[o,r]=function ie(n,s,t){return[(0,M.h)(s,t)(new H.y((0,U.s)(n))),(0,M.h)(ne(s,t))(new H.y((0,U.s)(n)))]}(i,({type:c})=>"auxclick"===c);i=(0,P.T)(r,o.pipe((0,te.T)(1)))}i.pipe((0,d.R)(this.stopOutsideClicksListener)).subscribe(o=>{this.isElementInsideMenuStack(o.target)||this.menuStack.closeAll()})}}_open(t,i){this.disabled||(this.isOpen()?(this.menuStack.closeSubMenuOf(this.childMenu),this.overlayRef.getConfig().positionStrategy.setOrigin(t),this.overlayRef.updatePosition()):(this.opened.next(),this.overlayRef?(this.overlayRef.getConfig().positionStrategy.setOrigin(t),this.overlayRef.updatePosition()):this.overlayRef=this._overlay.create(this._getOverlayConfig(t)),this.overlayRef.attach(this.getMenuContentPortal()),this._subscribeToOutsideClicks(i)))}}return n.\u0275fac=function(t){return new(t||n)},n.\u0275dir=e.lG2({type:n,selectors:[["","cdkContextMenuTriggerFor",""]],hostVars:1,hostBindings:function(t,i){1&t&&e.NdJ("contextmenu",function(r){return i._openOnContextMenu(r)}),2&t&&e.uIk("data-cdk-menu-stack-id",null)},inputs:{menuTemplateRef:["cdkContextMenuTriggerFor","menuTemplateRef"],menuPosition:["cdkContextMenuPosition","menuPosition"],menuData:["cdkContextMenuTriggerData","menuData"],disabled:["cdkContextMenuDisabled","disabled"]},outputs:{opened:"cdkContextMenuOpened",closed:"cdkContextMenuClosed"},exportAs:["cdkContextMenuTriggerFor"],standalone:!0,features:[e._Bn([{provide:T,useExisting:n},{provide:m,useClass:v}]),e.qOj]}),n})(),be=(()=>{class n{}return n.\u0275fac=function(t){return new(t||n)},n.\u0275mod=e.oAB({type:n}),n.\u0275inj=e.cJS({imports:[g.U8]}),n})();var J=a(6895);function ye(n,s){1&n&&(e.TgZ(0,"div",2)(1,"button",3),e._uU(2,"Refresh"),e.qZA(),e.TgZ(3,"button",3),e._uU(4,"Settings"),e.qZA(),e.TgZ(5,"button",3),e._uU(6,"Help"),e.qZA(),e.TgZ(7,"button",3),e._uU(8,"Sign out"),e.qZA()())}function Ce(n,s){if(1&n){const t=e.EpF();e.TgZ(0,"button",7),e.NdJ("cdkMenuItemTriggered",function(){const r=e.CHM(t).$implicit,c=e.oxw(2);return e.KtG(c.selectedSize=r)}),e._uU(1),e.qZA()}if(2&n){const t=s.$implicit,i=e.oxw(2);e.Q6J("cdkMenuItemChecked",t===i.selectedSize),e.xp6(1),e.hij(" ",t," ")}}function ve(n,s){if(1&n){const t=e.EpF();e.TgZ(0,"div",2)(1,"button",3),e.NdJ("cdkMenuItemTriggered",function(){e.CHM(t);const o=e.oxw();return e.KtG(o.bold=!o.bold)}),e._uU(2," Bold "),e.qZA(),e.TgZ(3,"button",3),e.NdJ("cdkMenuItemTriggered",function(){e.CHM(t);const o=e.oxw();return e.KtG(o.italic=!o.italic)}),e._uU(4," Italic "),e.qZA(),e._UZ(5,"hr"),e.TgZ(6,"div",4),e.YNc(7,Ce,2,2,"button",5),e.qZA(),e._UZ(8,"hr"),e.TgZ(9,"button",6),e.NdJ("cdkMenuItemTriggered",function(){e.CHM(t);const o=e.oxw();return e.KtG(o.reset())}),e._uU(10,"Reset"),e.qZA()()}if(2&n){const t=e.oxw();e.xp6(1),e.Q6J("cdkMenuItemChecked",t.bold),e.xp6(2),e.Q6J("cdkMenuItemChecked",t.italic),e.xp6(4),e.Q6J("ngForOf",t.sizes)}}function Te(n,s){if(1&n&&(e.TgZ(0,"div",7)(1,"button",8),e._uU(2,"Share"),e.qZA(),e._UZ(3,"hr"),e.TgZ(4,"button",9),e._uU(5," New "),e.TgZ(6,"span"),e._uU(7,"\u27a4"),e.qZA()(),e.TgZ(8,"button",8),e._uU(9,"Open"),e.qZA(),e.TgZ(10,"button",8),e._uU(11,"Make a Copy"),e.qZA(),e._UZ(12,"hr"),e.TgZ(13,"button",9),e._uU(14," Download "),e.TgZ(15,"span"),e._uU(16,"\u27a4"),e.qZA()()()),2&n){e.oxw();const t=e.MAs(14),i=e.MAs(16);e.xp6(4),e.Q6J("cdkMenuTriggerFor",t),e.xp6(9),e.Q6J("cdkMenuTriggerFor",i)}}function Oe(n,s){1&n&&(e.TgZ(0,"div",7)(1,"button",8),e._uU(2,"Undo"),e.qZA(),e.TgZ(3,"button",8),e._uU(4,"Redo"),e.qZA(),e._UZ(5,"hr"),e.TgZ(6,"button",8),e._uU(7,"Cut"),e.qZA(),e.TgZ(8,"button",8),e._uU(9,"Copy"),e.qZA(),e.TgZ(10,"button",8),e._uU(11,"Paste"),e.qZA()())}function Ie(n,s){1&n&&(e.TgZ(0,"div",7)(1,"div",10)(2,"button",11),e._uU(3,"Bold"),e.qZA(),e.TgZ(4,"button",12),e._uU(5,"Italic"),e.qZA()(),e._UZ(6,"hr"),e.TgZ(7,"div",10)(8,"button",13),e._uU(9,"Small"),e.qZA(),e.TgZ(10,"button",14),e._uU(11,"Normal"),e.qZA(),e.TgZ(12,"button",13),e._uU(13,"Big"),e.qZA()()())}function Se(n,s){1&n&&(e.TgZ(0,"div",7)(1,"button",8),e._uU(2,"Document"),e.qZA(),e.TgZ(3,"button",8),e._uU(4,"From template"),e.qZA(),e._UZ(5,"hr"),e.TgZ(6,"button",8),e._uU(7,"Spreadsheet"),e.qZA(),e.TgZ(8,"button",8),e._uU(9,"Presentation"),e.qZA(),e.TgZ(10,"button",8),e._uU(11,"Form"),e.qZA()())}function Ae(n,s){1&n&&(e.TgZ(0,"div",7)(1,"button",8),e._uU(2,"Microsoft Word"),e.qZA(),e.TgZ(3,"button",8),e._uU(4,"PDF"),e.qZA(),e.TgZ(5,"button",8),e._uU(6,"Plain text"),e.qZA()())}function Ee(n,s){1&n&&(e.TgZ(0,"div",2)(1,"button",3),e._uU(2,"Cut"),e.qZA(),e.TgZ(3,"button",3),e._uU(4,"Copy"),e.qZA(),e.TgZ(5,"button",3),e._uU(6,"Link"),e.qZA()())}function we(n,s){1&n&&(e.TgZ(0,"div",3)(1,"button",4),e._uU(2,"Save"),e.qZA(),e.TgZ(3,"button",4),e._uU(4,"Exit"),e.qZA()())}function Ze(n,s){1&n&&(e.TgZ(0,"div",3)(1,"button",4),e._uU(2,"Cut"),e.qZA(),e.TgZ(3,"button",4),e._uU(4,"Copy"),e.qZA(),e.TgZ(5,"button",4),e._uU(6,"Paste"),e.qZA()())}let L=(()=>{class n{}return n.\u0275fac=function(t){return new(t||n)},n.\u0275cmp=e.Xpm({type:n,selectors:[["cdk-menu-standalone-menu-example"]],decls:4,vars:1,consts:[[1,"example-standalone-trigger",3,"cdkMenuTriggerFor"],["menu",""],["cdkMenu","",1,"example-menu"],["cdkMenuItem","",1,"example-menu-item"]],template:function(t,i){if(1&t&&(e.TgZ(0,"button",0),e._uU(1,"Click me!"),e.qZA(),e.YNc(2,ye,9,0,"ng-template",null,1,e.W1O)),2&t){const o=e.MAs(3);e.Q6J("cdkMenuTriggerFor",o)}},dependencies:[p,l,x],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%], .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}"]}),n})(),K=(()=>{class n{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"}}return n.\u0275fac=function(t){return new(t||n)},n.\u0275cmp=e.Xpm({type:n,selectors:[["cdk-menu-standalone-stateful-menu-example"]],decls:4,vars:1,consts:[[1,"example-standalone-item",3,"cdkMenuTriggerFor"],["menu",""],["cdkMenu","",1,"example-menu"],["cdkMenuItemCheckbox","",1,"example-menu-item",3,"cdkMenuItemChecked","cdkMenuItemTriggered"],["cdkMenuGroup",""],["cdkMenuItemRadio","","class","example-menu-item",3,"cdkMenuItemChecked","cdkMenuItemTriggered",4,"ngFor","ngForOf"],["cdkMenuItem","",1,"example-menu-item",3,"cdkMenuItemTriggered"],["cdkMenuItemRadio","",1,"example-menu-item",3,"cdkMenuItemChecked","cdkMenuItemTriggered"]],template:function(t,i){if(1&t&&(e.TgZ(0,"button",0),e._uU(1,"Click me!"),e.qZA(),e.YNc(2,ve,11,3,"ng-template",null,1,e.W1O)),2&t){const o=e.MAs(3);e.Q6J("cdkMenuTriggerFor",o)}},dependencies:[p,l,Z,F,x,f,J.sg],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%], .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}"]}),n})(),G=(()=>{class n{}return n.\u0275fac=function(t){return new(t||n)},n.\u0275cmp=e.Xpm({type:n,selectors:[["cdk-menu-menubar-example"]],exportAs:["cdkMenuMenubarExample"],decls:17,vars:3,consts:[["cdkMenuBar",""],["cdkMenuItem","",1,"example-menu-bar-item",3,"cdkMenuTriggerFor"],["file",""],["edit",""],["format",""],["new_doc",""],["download",""],["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(t,i){if(1&t&&(e.TgZ(0,"div",0)(1,"button",1),e._uU(2,"File"),e.qZA(),e.TgZ(3,"button",1),e._uU(4,"Edit"),e.qZA(),e.TgZ(5,"button",1),e._uU(6,"Format"),e.qZA()(),e.YNc(7,Te,17,2,"ng-template",null,2,e.W1O),e.YNc(9,Oe,12,0,"ng-template",null,3,e.W1O),e.YNc(11,Ie,14,0,"ng-template",null,4,e.W1O),e.YNc(13,Se,12,0,"ng-template",null,5,e.W1O),e.YNc(15,Ae,7,0,"ng-template",null,6,e.W1O)),2&t){const o=e.MAs(8),r=e.MAs(10),c=e.MAs(12);e.xp6(1),e.Q6J("cdkMenuTriggerFor",o),e.xp6(2),e.Q6J("cdkMenuTriggerFor",r),e.xp6(2),e.Q6J("cdkMenuTriggerFor",c)}},dependencies:[z,p,l,Z,F,x,f],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%], .example-menu-item[aria-expanded='true'][_ngcontent-%COMP%] {\n background-color: rgb(208, 208, 208) !important;\n}"]}),n})(),Y=(()=>{class n{}return n.\u0275fac=function(t){return new(t||n)},n.\u0275cmp=e.Xpm({type:n,selectors:[["cdk-menu-inline-example"]],exportAs:["cdkMenuInlineExample"],decls:13,vars:0,consts:[["cdkMenu","",1,"example-menu"],["cdkMenuItem","",1,"example-menu-item"]],template:function(t,i){1&t&&(e.TgZ(0,"div",0)(1,"button",1),e._uU(2,"Inbox"),e.qZA(),e.TgZ(3,"button",1),e._uU(4,"Snoozed"),e.qZA(),e.TgZ(5,"button",1),e._uU(6,"Important"),e.qZA(),e.TgZ(7,"button",1),e._uU(8,"Sent"),e.qZA(),e.TgZ(9,"button",1),e._uU(10,"Drafts"),e.qZA(),e.TgZ(11,"button",1),e._uU(12,"All Mail"),e.qZA()())},dependencies:[p,l],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}"]}),n})(),Q=(()=>{class n{}return n.\u0275fac=function(t){return new(t||n)},n.\u0275cmp=e.Xpm({type:n,selectors:[["cdk-menu-context-example"]],exportAs:["cdkMenuContextExample"],decls:4,vars:1,consts:[[3,"cdkContextMenuTriggerFor"],["context_menu",""],["cdkMenu","",1,"example-menu"],["cdkMenuItem","",1,"example-menu-item"]],template:function(t,i){if(1&t&&(e.TgZ(0,"div",0),e._uU(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.qZA(),e.YNc(2,Ee,7,0,"ng-template",null,1,e.W1O)),2&t){const o=e.MAs(3);e.Q6J("cdkContextMenuTriggerFor",o)}},dependencies:[p,l,R],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}"]}),n})(),j=(()=>{class n{}return n.\u0275fac=function(t){return new(t||n)},n.\u0275cmp=e.Xpm({type:n,selectors:[["cdk-menu-nested-context-example"]],exportAs:["cdkMenuNestedContextExample"],decls:8,vars:2,consts:[[1,"example-context-area",3,"cdkContextMenuTriggerFor"],["outer",""],["inner",""],["cdkMenu","",1,"example-menu"],["cdkMenuItem","",1,"example-menu-item"]],template:function(t,i){if(1&t&&(e.TgZ(0,"div",0),e._uU(1," Outer context menu "),e.TgZ(2,"div",0),e._uU(3,"Inner context menu"),e.qZA()(),e.YNc(4,we,5,0,"ng-template",null,1,e.W1O),e.YNc(6,Ze,7,0,"ng-template",null,2,e.W1O)),2&t){const o=e.MAs(5),r=e.MAs(7);e.Q6J("cdkContextMenuTriggerFor",o),e.xp6(2),e.Q6J("cdkContextMenuTriggerFor",r)}},dependencies:[p,l,R],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}"]}),n})(),Fe=(()=>{class n{}return n.\u0275fac=function(t){return new(t||n)},n.\u0275mod=e.oAB({type:n}),n.\u0275inj=e.cJS({imports:[be,J.ez]}),n})()}}]);