UNPKG

ng-zorro-antd

Version:

An enterprise-class UI components based on Ant Design and Angular

16 lines (14 loc) 32.1 kB
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("@angular/cdk/bidi"),require("@angular/core"),require("ng-zorro-antd/core/util"),require("rxjs"),require("rxjs/operators"),require("@angular/router"),require("@angular/cdk/overlay"),require("@angular/cdk/platform"),require("ng-zorro-antd/core/no-animation"),require("ng-zorro-antd/core/overlay"),require("ng-zorro-antd/core/animation"),require("@angular/common"),require("ng-zorro-antd/core/outlet"),require("ng-zorro-antd/icon")):"function"==typeof define&&define.amd?define("ng-zorro-antd/menu",["exports","@angular/cdk/bidi","@angular/core","ng-zorro-antd/core/util","rxjs","rxjs/operators","@angular/router","@angular/cdk/overlay","@angular/cdk/platform","ng-zorro-antd/core/no-animation","ng-zorro-antd/core/overlay","ng-zorro-antd/core/animation","@angular/common","ng-zorro-antd/core/outlet","ng-zorro-antd/icon"],n):n(((e="undefined"!=typeof globalThis?globalThis:e||self)["ng-zorro-antd"]=e["ng-zorro-antd"]||{},e["ng-zorro-antd"].menu={}),e.ng.cdk.bidi,e.ng.core,e["ng-zorro-antd"].core.util,e.rxjs,e.rxjs.operators,e.ng.router,e.ng.cdk.overlay,e.ng.cdk.platform,e["ng-zorro-antd"].core["no-animation"],e["ng-zorro-antd"].core.overlay,e["ng-zorro-antd"].core.animation,e.ng.common,e["ng-zorro-antd"].core.outlet,e["ng-zorro-antd"].icon)}(this,(function(e,n,t,i,o,s,r,a,u,l,c,p,d,h,m){"use strict"; /*! ***************************************************************************** Copyright (c) Microsoft Corporation. Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted. THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE. ***************************************************************************** */function y(e,n,t,i){var o,s=arguments.length,r=s<3?n:null===i?i=Object.getOwnPropertyDescriptor(n,t):i;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)r=Reflect.decorate(e,n,t,i);else for(var a=e.length-1;a>=0;a--)(o=e[a])&&(r=(s<3?o(r):s>3?o(n,t,r):o(n,t))||r);return s>3&&r&&Object.defineProperty(n,t,r),r}function g(e,n){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,n)}Object.create;function f(e,n){var t="function"==typeof Symbol&&e[Symbol.iterator];if(!t)return e;var i,o,s=t.call(e),r=[];try{for(;(void 0===n||n-- >0)&&!(i=s.next()).done;)r.push(i.value)}catch(e){o={error:e}}finally{try{i&&!i.done&&(t=s.return)&&t.call(s)}finally{if(o)throw o.error}}return r}Object.create;var z=function(){function e(){this.descendantMenuItemClick$=new o.Subject,this.childMenuItemClick$=new o.Subject,this.theme$=new o.BehaviorSubject("light"),this.mode$=new o.BehaviorSubject("vertical"),this.inlineIndent$=new o.BehaviorSubject(24),this.isChildSubMenuOpen$=new o.BehaviorSubject(!1)}return e.prototype.onDescendantMenuItemClick=function(e){this.descendantMenuItemClick$.next(e)},e.prototype.onChildMenuItemClick=function(e){this.childMenuItemClick$.next(e)},e.prototype.setMode=function(e){this.mode$.next(e)},e.prototype.setTheme=function(e){this.theme$.next(e)},e.prototype.setInlineIndent=function(e){this.inlineIndent$.next(e)},e}();z.decorators=[{type:t.Injectable}];var v=new t.InjectionToken("NzIsInDropDownMenuToken"),M=new t.InjectionToken("NzMenuServiceLocalToken"),b=function(){function e(e,n,t){var i=this;this.nzHostSubmenuService=e,this.nzMenuService=n,this.isMenuInsideDropDown=t,this.mode$=this.nzMenuService.mode$.pipe(s.map((function(e){return"inline"===e?"inline":"vertical"===e||i.nzHostSubmenuService?"vertical":"horizontal"}))),this.level=1,this.isCurrentSubMenuOpen$=new o.BehaviorSubject(!1),this.isChildSubMenuOpen$=new o.BehaviorSubject(!1),this.isMouseEnterTitleOrOverlay$=new o.Subject,this.childMenuItemClick$=new o.Subject,this.destroy$=new o.Subject,this.nzHostSubmenuService&&(this.level=this.nzHostSubmenuService.level+1);var r=this.childMenuItemClick$.pipe(s.mergeMap((function(){return i.mode$})),s.filter((function(e){return"inline"!==e||i.isMenuInsideDropDown})),s.mapTo(!1)),a=o.merge(this.isMouseEnterTitleOrOverlay$,r);o.combineLatest([this.isChildSubMenuOpen$,a]).pipe(s.map((function(e){var n=f(e,2),t=n[0],i=n[1];return t||i})),s.auditTime(150),s.distinctUntilChanged(),s.takeUntil(this.destroy$)).pipe(s.distinctUntilChanged()).subscribe((function(e){i.setOpenStateWithoutDebounce(e),i.nzHostSubmenuService?i.nzHostSubmenuService.isChildSubMenuOpen$.next(e):i.nzMenuService.isChildSubMenuOpen$.next(e)}))}return e.prototype.onChildMenuItemClick=function(e){this.childMenuItemClick$.next(e)},e.prototype.setOpenStateWithoutDebounce=function(e){this.isCurrentSubMenuOpen$.next(e)},e.prototype.setMouseEnterTitleOrOverlayState=function(e){this.isMouseEnterTitleOrOverlay$.next(e)},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e}();b.decorators=[{type:t.Injectable}],b.ctorParameters=function(){return[{type:b,decorators:[{type:t.SkipSelf},{type:t.Optional}]},{type:z},{type:Boolean,decorators:[{type:t.Inject,args:[v]}]}]};var D=function(){function e(e,n,t,i,a,u,l,c){var p=this;this.nzMenuService=e,this.cdr=n,this.nzSubmenuService=t,this.isMenuInsideDropDown=i,this.directionality=a,this.routerLink=u,this.routerLinkWithHref=l,this.router=c,this.destroy$=new o.Subject,this.level=this.nzSubmenuService?this.nzSubmenuService.level+1:1,this.selected$=new o.Subject,this.inlinePaddingLeft=null,this.dir="ltr",this.nzDisabled=!1,this.nzSelected=!1,this.nzDanger=!1,this.nzMatchRouterExact=!1,this.nzMatchRouter=!1,c&&this.router.events.pipe(s.takeUntil(this.destroy$),s.filter((function(e){return e instanceof r.NavigationEnd}))).subscribe((function(){p.updateRouterActive()}))}return e.prototype.clickMenuItem=function(e){this.nzDisabled?(e.preventDefault(),e.stopPropagation()):(this.nzMenuService.onDescendantMenuItemClick(this),this.nzSubmenuService?this.nzSubmenuService.onChildMenuItemClick(this):this.nzMenuService.onChildMenuItemClick(this))},e.prototype.setSelectedState=function(e){this.nzSelected=e,this.selected$.next(e)},e.prototype.updateRouterActive=function(){var e=this;this.listOfRouterLink&&this.listOfRouterLinkWithHref&&this.router&&this.router.navigated&&this.nzMatchRouter&&Promise.resolve().then((function(){var n=e.hasActiveLinks();e.nzSelected!==n&&(e.nzSelected=n,e.setSelectedState(e.nzSelected),e.cdr.markForCheck())}))},e.prototype.hasActiveLinks=function(){var e=this.isLinkActive(this.router);return this.routerLink&&e(this.routerLink)||this.routerLinkWithHref&&e(this.routerLinkWithHref)||this.listOfRouterLink.some(e)||this.listOfRouterLinkWithHref.some(e)},e.prototype.isLinkActive=function(e){var n=this;return function(t){return e.isActive(t.urlTree,n.nzMatchRouterExact)}},e.prototype.ngOnInit=function(){var e,n=this;o.combineLatest([this.nzMenuService.mode$,this.nzMenuService.inlineIndent$]).pipe(s.takeUntil(this.destroy$)).subscribe((function(e){var t=f(e,2),i=t[0],o=t[1];n.inlinePaddingLeft="inline"===i?n.level*o:null})),this.dir=this.directionality.value,null===(e=this.directionality.change)||void 0===e||e.pipe(s.takeUntil(this.destroy$)).subscribe((function(e){n.dir=e}))},e.prototype.ngAfterContentInit=function(){var e=this;this.listOfRouterLink.changes.pipe(s.takeUntil(this.destroy$)).subscribe((function(){return e.updateRouterActive()})),this.listOfRouterLinkWithHref.changes.pipe(s.takeUntil(this.destroy$)).subscribe((function(){return e.updateRouterActive()})),this.updateRouterActive()},e.prototype.ngOnChanges=function(e){e.nzSelected&&this.setSelectedState(this.nzSelected)},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e}();D.decorators=[{type:t.Directive,args:[{selector:"[nz-menu-item]",exportAs:"nzMenuItem",host:{"[class.ant-dropdown-menu-item]":"isMenuInsideDropDown","[class.ant-dropdown-menu-item-selected]":"isMenuInsideDropDown && nzSelected","[class.ant-dropdown-menu-item-danger]":"isMenuInsideDropDown && nzDanger","[class.ant-dropdown-menu-item-disabled]":"isMenuInsideDropDown && nzDisabled","[class.ant-menu-item]":"!isMenuInsideDropDown","[class.ant-menu-item-selected]":"!isMenuInsideDropDown && nzSelected","[class.ant-menu-item-danger]":"!isMenuInsideDropDown && nzDanger","[class.ant-menu-item-disabled]":"!isMenuInsideDropDown && nzDisabled","[style.paddingLeft.px]":"dir === 'rtl' ? null : nzPaddingLeft || inlinePaddingLeft","[style.paddingRight.px]":"dir === 'rtl' ? nzPaddingLeft || inlinePaddingLeft : null","(click)":"clickMenuItem($event)"}}]}],D.ctorParameters=function(){return[{type:z},{type:t.ChangeDetectorRef},{type:b,decorators:[{type:t.Optional}]},{type:Boolean,decorators:[{type:t.Inject,args:[v]}]},{type:n.Directionality,decorators:[{type:t.Optional}]},{type:r.RouterLink,decorators:[{type:t.Optional}]},{type:r.RouterLinkWithHref,decorators:[{type:t.Optional}]},{type:r.Router,decorators:[{type:t.Optional}]}]},D.propDecorators={nzPaddingLeft:[{type:t.Input}],nzDisabled:[{type:t.Input}],nzSelected:[{type:t.Input}],nzDanger:[{type:t.Input}],nzMatchRouterExact:[{type:t.Input}],nzMatchRouter:[{type:t.Input}],listOfRouterLink:[{type:t.ContentChildren,args:[r.RouterLink,{descendants:!0}]}],listOfRouterLinkWithHref:[{type:t.ContentChildren,args:[r.RouterLinkWithHref,{descendants:!0}]}]},y([i.InputBoolean(),g("design:type",Object)],D.prototype,"nzDisabled",void 0),y([i.InputBoolean(),g("design:type",Object)],D.prototype,"nzSelected",void 0),y([i.InputBoolean(),g("design:type",Object)],D.prototype,"nzDanger",void 0),y([i.InputBoolean(),g("design:type",Object)],D.prototype,"nzMatchRouterExact",void 0),y([i.InputBoolean(),g("design:type",Object)],D.prototype,"nzMatchRouter",void 0);var I=[c.POSITION_MAP.rightTop,c.POSITION_MAP.right,c.POSITION_MAP.rightBottom,c.POSITION_MAP.leftTop,c.POSITION_MAP.left,c.POSITION_MAP.leftBottom],S=[c.POSITION_MAP.bottomLeft],O=function(){function e(e,n,i,s,r,a,u){this.nzMenuService=e,this.cdr=n,this.nzSubmenuService=i,this.platform=s,this.isMenuInsideDropDown=r,this.directionality=a,this.noAnimation=u,this.nzMenuClassName="",this.nzPaddingLeft=null,this.nzTitle=null,this.nzIcon=null,this.nzOpen=!1,this.nzDisabled=!1,this.nzOpenChange=new t.EventEmitter,this.cdkOverlayOrigin=null,this.listOfNzSubMenuComponent=null,this.listOfNzMenuItemDirective=null,this.level=this.nzSubmenuService.level,this.destroy$=new o.Subject,this.position="right",this.triggerWidth=null,this.theme="light",this.mode="vertical",this.inlinePaddingLeft=null,this.overlayPositions=I,this.isSelected=!1,this.isActive=!1,this.dir="ltr"}return e.prototype.setOpenStateWithoutDebounce=function(e){this.nzSubmenuService.setOpenStateWithoutDebounce(e)},e.prototype.toggleSubMenu=function(){this.setOpenStateWithoutDebounce(!this.nzOpen)},e.prototype.setMouseEnterState=function(e){this.isActive=e,"inline"!==this.mode&&this.nzSubmenuService.setMouseEnterTitleOrOverlayState(e)},e.prototype.setTriggerWidth=function(){"horizontal"===this.mode&&this.platform.isBrowser&&this.cdkOverlayOrigin&&(this.triggerWidth=this.cdkOverlayOrigin.nativeElement.getBoundingClientRect().width)},e.prototype.onPositionChange=function(e){var n=c.getPlacementName(e);"rightTop"===n||"rightBottom"===n||"right"===n?this.position="right":"leftTop"!==n&&"leftBottom"!==n&&"left"!==n||(this.position="left"),this.cdr.markForCheck()},e.prototype.ngOnInit=function(){var e,n=this;this.nzMenuService.theme$.pipe(s.takeUntil(this.destroy$)).subscribe((function(e){n.theme=e,n.cdr.markForCheck()})),this.nzSubmenuService.mode$.pipe(s.takeUntil(this.destroy$)).subscribe((function(e){n.mode=e,"horizontal"===e?n.overlayPositions=S:"vertical"===e&&(n.overlayPositions=I),n.cdr.markForCheck()})),o.combineLatest([this.nzSubmenuService.mode$,this.nzMenuService.inlineIndent$]).pipe(s.takeUntil(this.destroy$)).subscribe((function(e){var t=f(e,2),i=t[0],o=t[1];n.inlinePaddingLeft="inline"===i?n.level*o:null,n.cdr.markForCheck()})),this.nzSubmenuService.isCurrentSubMenuOpen$.pipe(s.takeUntil(this.destroy$)).subscribe((function(e){n.isActive=e,e!==n.nzOpen&&(n.setTriggerWidth(),n.nzOpen=e,n.nzOpenChange.emit(n.nzOpen),n.cdr.markForCheck())})),this.dir=this.directionality.value,null===(e=this.directionality.change)||void 0===e||e.pipe(s.takeUntil(this.destroy$)).subscribe((function(e){n.dir=e,n.cdr.markForCheck()}))},e.prototype.ngAfterContentInit=function(){var e=this;this.setTriggerWidth();var n=this.listOfNzMenuItemDirective,t=n.changes,i=o.merge.apply(void 0,function(){for(var e=[],n=0;n<arguments.length;n++)e=e.concat(f(arguments[n]));return e}([t],n.map((function(e){return e.selected$}))));t.pipe(s.startWith(n),s.switchMap((function(){return i})),s.startWith(!0),s.map((function(){return n.some((function(e){return e.nzSelected}))})),s.takeUntil(this.destroy$)).subscribe((function(n){e.isSelected=n,e.cdr.markForCheck()}))},e.prototype.ngOnChanges=function(e){e.nzOpen&&(this.nzSubmenuService.setOpenStateWithoutDebounce(this.nzOpen),this.setTriggerWidth())},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e}();function C(e,n){return e||n}function w(e){return e||!1}O.decorators=[{type:t.Component,args:[{selector:"[nz-submenu]",exportAs:"nzSubmenu",providers:[b],encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,preserveWhitespaces:!1,template:'\n <div\n nz-submenu-title\n cdkOverlayOrigin\n #origin="cdkOverlayOrigin"\n [nzIcon]="nzIcon"\n [nzTitle]="nzTitle"\n [mode]="mode"\n [nzDisabled]="nzDisabled"\n [isMenuInsideDropDown]="isMenuInsideDropDown"\n [paddingLeft]="nzPaddingLeft || inlinePaddingLeft"\n (subMenuMouseState)="setMouseEnterState($event)"\n (toggleSubMenu)="toggleSubMenu()"\n >\n <ng-content select="[title]" *ngIf="!nzTitle"></ng-content>\n </div>\n <div\n *ngIf="mode === \'inline\'; else nonInlineTemplate"\n nz-submenu-inline-child\n [mode]="mode"\n [nzOpen]="nzOpen"\n [@.disabled]="noAnimation?.nzNoAnimation"\n [nzNoAnimation]="noAnimation?.nzNoAnimation"\n [menuClass]="nzMenuClassName"\n [templateOutlet]="subMenuTemplate"\n ></div>\n <ng-template #nonInlineTemplate>\n <ng-template\n cdkConnectedOverlay\n (positionChange)="onPositionChange($event)"\n [cdkConnectedOverlayPositions]="overlayPositions"\n [cdkConnectedOverlayOrigin]="origin"\n [cdkConnectedOverlayWidth]="triggerWidth!"\n [cdkConnectedOverlayOpen]="nzOpen"\n [cdkConnectedOverlayTransformOriginOn]="\'.ant-menu-submenu\'"\n >\n <div\n nz-submenu-none-inline-child\n [theme]="theme"\n [mode]="mode"\n [nzOpen]="nzOpen"\n [position]="position"\n [nzDisabled]="nzDisabled"\n [isMenuInsideDropDown]="isMenuInsideDropDown"\n [templateOutlet]="subMenuTemplate"\n [menuClass]="nzMenuClassName"\n [@.disabled]="noAnimation?.nzNoAnimation"\n [nzNoAnimation]="noAnimation?.nzNoAnimation"\n (subMenuMouseState)="setMouseEnterState($event)"\n ></div>\n </ng-template>\n </ng-template>\n\n <ng-template #subMenuTemplate>\n <ng-content></ng-content>\n </ng-template>\n ',host:{"[class.ant-dropdown-menu-submenu]":"isMenuInsideDropDown","[class.ant-dropdown-menu-submenu-disabled]":"isMenuInsideDropDown && nzDisabled","[class.ant-dropdown-menu-submenu-open]":"isMenuInsideDropDown && nzOpen","[class.ant-dropdown-menu-submenu-selected]":"isMenuInsideDropDown && isSelected","[class.ant-dropdown-menu-submenu-vertical]":"isMenuInsideDropDown && mode === 'vertical'","[class.ant-dropdown-menu-submenu-horizontal]":"isMenuInsideDropDown && mode === 'horizontal'","[class.ant-dropdown-menu-submenu-inline]":"isMenuInsideDropDown && mode === 'inline'","[class.ant-dropdown-menu-submenu-active]":"isMenuInsideDropDown && isActive","[class.ant-menu-submenu]":"!isMenuInsideDropDown","[class.ant-menu-submenu-disabled]":"!isMenuInsideDropDown && nzDisabled","[class.ant-menu-submenu-open]":"!isMenuInsideDropDown && nzOpen","[class.ant-menu-submenu-selected]":"!isMenuInsideDropDown && isSelected","[class.ant-menu-submenu-vertical]":"!isMenuInsideDropDown && mode === 'vertical'","[class.ant-menu-submenu-horizontal]":"!isMenuInsideDropDown && mode === 'horizontal'","[class.ant-menu-submenu-inline]":"!isMenuInsideDropDown && mode === 'inline'","[class.ant-menu-submenu-active]":"!isMenuInsideDropDown && isActive","[class.ant-menu-submenu-rtl]":"dir === 'rtl'"}}]}],O.ctorParameters=function(){return[{type:z},{type:t.ChangeDetectorRef},{type:b},{type:u.Platform},{type:Boolean,decorators:[{type:t.Inject,args:[v]}]},{type:n.Directionality,decorators:[{type:t.Optional}]},{type:l.NzNoAnimationDirective,decorators:[{type:t.Host},{type:t.Optional}]}]},O.propDecorators={nzMenuClassName:[{type:t.Input}],nzPaddingLeft:[{type:t.Input}],nzTitle:[{type:t.Input}],nzIcon:[{type:t.Input}],nzOpen:[{type:t.Input}],nzDisabled:[{type:t.Input}],nzOpenChange:[{type:t.Output}],cdkOverlayOrigin:[{type:t.ViewChild,args:[a.CdkOverlayOrigin,{static:!0,read:t.ElementRef}]}],listOfNzSubMenuComponent:[{type:t.ContentChildren,args:[O,{descendants:!0}]}],listOfNzMenuItemDirective:[{type:t.ContentChildren,args:[D,{descendants:!0}]}]},y([i.InputBoolean(),g("design:type",Object)],O.prototype,"nzOpen",void 0),y([i.InputBoolean(),g("design:type",Object)],O.prototype,"nzDisabled",void 0);var k=function(){function e(e,n,i,s){this.nzMenuService=e,this.isMenuInsideDropDown=n,this.cdr=i,this.directionality=s,this.nzInlineIndent=24,this.nzTheme="light",this.nzMode="vertical",this.nzInlineCollapsed=!1,this.nzSelectable=!this.isMenuInsideDropDown,this.nzClick=new t.EventEmitter,this.actualMode="vertical",this.dir="ltr",this.inlineCollapsed$=new o.BehaviorSubject(this.nzInlineCollapsed),this.mode$=new o.BehaviorSubject(this.nzMode),this.destroy$=new o.Subject,this.listOfOpenedNzSubMenuComponent=[]}return e.prototype.setInlineCollapsed=function(e){this.nzInlineCollapsed=e,this.inlineCollapsed$.next(e)},e.prototype.updateInlineCollapse=function(){this.listOfNzMenuItemDirective&&(this.nzInlineCollapsed?(this.listOfOpenedNzSubMenuComponent=this.listOfNzSubMenuComponent.filter((function(e){return e.nzOpen})),this.listOfNzSubMenuComponent.forEach((function(e){return e.setOpenStateWithoutDebounce(!1)}))):(this.listOfOpenedNzSubMenuComponent.forEach((function(e){return e.setOpenStateWithoutDebounce(!0)})),this.listOfOpenedNzSubMenuComponent=[]))},e.prototype.ngOnInit=function(){var e,n=this;o.combineLatest([this.inlineCollapsed$,this.mode$]).pipe(s.takeUntil(this.destroy$)).subscribe((function(e){var t=f(e,2),i=t[0],o=t[1];n.actualMode=i?"vertical":o,n.nzMenuService.setMode(n.actualMode),n.cdr.markForCheck()})),this.nzMenuService.descendantMenuItemClick$.pipe(s.takeUntil(this.destroy$)).subscribe((function(e){n.nzClick.emit(e),n.nzSelectable&&!e.nzMatchRouter&&n.listOfNzMenuItemDirective.forEach((function(n){return n.setSelectedState(n===e)}))})),this.dir=this.directionality.value,null===(e=this.directionality.change)||void 0===e||e.pipe(s.takeUntil(this.destroy$)).subscribe((function(e){n.dir=e,n.nzMenuService.setMode(n.actualMode),n.cdr.markForCheck()}))},e.prototype.ngAfterContentInit=function(){var e=this;this.inlineCollapsed$.pipe(s.takeUntil(this.destroy$)).subscribe((function(){e.updateInlineCollapse(),e.cdr.markForCheck()}))},e.prototype.ngOnChanges=function(e){var n=e.nzInlineCollapsed,t=e.nzInlineIndent,i=e.nzTheme,o=e.nzMode;n&&this.inlineCollapsed$.next(this.nzInlineCollapsed),t&&this.nzMenuService.setInlineIndent(this.nzInlineIndent),i&&this.nzMenuService.setTheme(this.nzTheme),o&&(this.mode$.next(this.nzMode),!e.nzMode.isFirstChange()&&this.listOfNzSubMenuComponent&&this.listOfNzSubMenuComponent.forEach((function(e){return e.setOpenStateWithoutDebounce(!1)})))},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e}();function $(e){return e||!1}k.decorators=[{type:t.Directive,args:[{selector:"[nz-menu]",exportAs:"nzMenu",providers:[{provide:M,useClass:z},{provide:z,useFactory:C,deps:[[new t.SkipSelf,new t.Optional,z],M]},{provide:v,useFactory:w,deps:[[new t.SkipSelf,new t.Optional,v]]}],host:{"[class.ant-dropdown-menu]":"isMenuInsideDropDown","[class.ant-dropdown-menu-root]":"isMenuInsideDropDown","[class.ant-dropdown-menu-light]":"isMenuInsideDropDown && nzTheme === 'light'","[class.ant-dropdown-menu-dark]":"isMenuInsideDropDown && nzTheme === 'dark'","[class.ant-dropdown-menu-vertical]":"isMenuInsideDropDown && actualMode === 'vertical'","[class.ant-dropdown-menu-horizontal]":"isMenuInsideDropDown && actualMode === 'horizontal'","[class.ant-dropdown-menu-inline]":"isMenuInsideDropDown && actualMode === 'inline'","[class.ant-dropdown-menu-inline-collapsed]":"isMenuInsideDropDown && nzInlineCollapsed","[class.ant-menu]":"!isMenuInsideDropDown","[class.ant-menu-root]":"!isMenuInsideDropDown","[class.ant-menu-light]":"!isMenuInsideDropDown && nzTheme === 'light'","[class.ant-menu-dark]":"!isMenuInsideDropDown && nzTheme === 'dark'","[class.ant-menu-vertical]":"!isMenuInsideDropDown && actualMode === 'vertical'","[class.ant-menu-horizontal]":"!isMenuInsideDropDown && actualMode === 'horizontal'","[class.ant-menu-inline]":"!isMenuInsideDropDown && actualMode === 'inline'","[class.ant-menu-inline-collapsed]":"!isMenuInsideDropDown && nzInlineCollapsed","[class.ant-menu-rtl]":"dir === 'rtl'"}}]}],k.ctorParameters=function(){return[{type:z},{type:Boolean,decorators:[{type:t.Inject,args:[v]}]},{type:t.ChangeDetectorRef},{type:n.Directionality,decorators:[{type:t.Optional}]}]},k.propDecorators={listOfNzMenuItemDirective:[{type:t.ContentChildren,args:[D,{descendants:!0}]}],listOfNzSubMenuComponent:[{type:t.ContentChildren,args:[O,{descendants:!0}]}],nzInlineIndent:[{type:t.Input}],nzTheme:[{type:t.Input}],nzMode:[{type:t.Input}],nzInlineCollapsed:[{type:t.Input}],nzSelectable:[{type:t.Input}],nzClick:[{type:t.Output}]},y([i.InputBoolean(),g("design:type",Object)],k.prototype,"nzInlineCollapsed",void 0),y([i.InputBoolean(),g("design:type",Object)],k.prototype,"nzSelectable",void 0);var T=function(){function e(e,n,t){this.elementRef=e,this.renderer=n,this.isMenuInsideDropDown=t;var i=this.isMenuInsideDropDown?"ant-dropdown-menu-item-group":"ant-menu-item-group";this.renderer.addClass(e.nativeElement,i)}return e.prototype.ngAfterViewInit=function(){var e=this.titleElement.nativeElement.nextElementSibling;if(e){var n=this.isMenuInsideDropDown?"ant-dropdown-menu-item-group-list":"ant-menu-item-group-list";this.renderer.addClass(e,n)}},e}();T.decorators=[{type:t.Component,args:[{selector:"[nz-menu-group]",exportAs:"nzMenuGroup",changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:v,useFactory:$,deps:[[new t.SkipSelf,new t.Optional,v]]}],encapsulation:t.ViewEncapsulation.None,template:'\n <div\n [class.ant-menu-item-group-title]="!isMenuInsideDropDown"\n [class.ant-dropdown-menu-item-group-title]="isMenuInsideDropDown"\n #titleElement\n >\n <ng-container *nzStringTemplateOutlet="nzTitle">{{ nzTitle }}</ng-container>\n <ng-content select="[title]" *ngIf="!nzTitle"></ng-content>\n </div>\n <ng-content></ng-content>\n ',preserveWhitespaces:!1}]}],T.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:Boolean,decorators:[{type:t.Inject,args:[v]}]}]},T.propDecorators={nzTitle:[{type:t.Input}],titleElement:[{type:t.ViewChild,args:["titleElement"]}]};var N=function(e,n){this.elementRef=e,this.renderer=n,this.renderer.addClass(e.nativeElement,"ant-dropdown-menu-item-divider")};N.decorators=[{type:t.Directive,args:[{selector:"[nz-menu-divider]",exportAs:"nzMenuDivider"}]}],N.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]};var x=function(){function e(e,n){this.cdr=e,this.directionality=n,this.nzIcon=null,this.nzTitle=null,this.isMenuInsideDropDown=!1,this.nzDisabled=!1,this.paddingLeft=null,this.mode="vertical",this.toggleSubMenu=new t.EventEmitter,this.subMenuMouseState=new t.EventEmitter,this.dir="ltr",this.destroy$=new o.Subject}return e.prototype.ngOnInit=function(){var e,n=this;this.dir=this.directionality.value,null===(e=this.directionality.change)||void 0===e||e.pipe(s.takeUntil(this.destroy$)).subscribe((function(e){n.dir=e,n.cdr.detectChanges()}))},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e.prototype.setMouseState=function(e){this.nzDisabled||this.subMenuMouseState.next(e)},e.prototype.clickTitle=function(){"inline"!==this.mode||this.nzDisabled||this.toggleSubMenu.emit()},e}();x.decorators=[{type:t.Component,args:[{selector:"[nz-submenu-title]",exportAs:"nzSubmenuTitle",encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,template:'\n <i nz-icon [nzType]="nzIcon" *ngIf="nzIcon"></i>\n <ng-container *nzStringTemplateOutlet="nzTitle">\n <span>{{ nzTitle }}</span>\n </ng-container>\n <ng-content></ng-content>\n <span [ngSwitch]="dir" *ngIf="isMenuInsideDropDown; else notDropdownTpl" class="ant-dropdown-menu-submenu-expand-icon">\n <i *ngSwitchCase="\'rtl\'" nz-icon nzType="left" class="ant-dropdown-menu-submenu-arrow-icon"></i>\n <i *ngSwitchDefault nz-icon nzType="right" class="ant-dropdown-menu-submenu-arrow-icon"></i>\n </span>\n <ng-template #notDropdownTpl>\n <i class="ant-menu-submenu-arrow"></i>\n </ng-template>\n ',host:{"[class.ant-dropdown-menu-submenu-title]":"isMenuInsideDropDown","[class.ant-menu-submenu-title]":"!isMenuInsideDropDown","[style.paddingLeft.px]":"dir === 'rtl' ? null : paddingLeft ","[style.paddingRight.px]":"dir === 'rtl' ? paddingLeft : null","(click)":"clickTitle()","(mouseenter)":"setMouseState(true)","(mouseleave)":"setMouseState(false)"}}]}],x.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:n.Directionality,decorators:[{type:t.Optional}]}]},x.propDecorators={nzIcon:[{type:t.Input}],nzTitle:[{type:t.Input}],isMenuInsideDropDown:[{type:t.Input}],nzDisabled:[{type:t.Input}],paddingLeft:[{type:t.Input}],mode:[{type:t.Input}],toggleSubMenu:[{type:t.Output}],subMenuMouseState:[{type:t.Output}]};var P=function(){function e(e,n,t){this.elementRef=e,this.renderer=n,this.directionality=t,this.templateOutlet=null,this.menuClass="",this.mode="vertical",this.nzOpen=!1,this.listOfCacheClassName=[],this.expandState="collapsed",this.dir="ltr",this.destroy$=new o.Subject,this.elementRef.nativeElement.classList.add("ant-menu","ant-menu-inline","ant-menu-sub")}return e.prototype.calcMotionState=function(){this.nzOpen?this.expandState="expanded":this.expandState="collapsed"},e.prototype.ngOnInit=function(){var e,n=this;this.calcMotionState(),this.dir=this.directionality.value,null===(e=this.directionality.change)||void 0===e||e.pipe(s.takeUntil(this.destroy$)).subscribe((function(e){n.dir=e}))},e.prototype.ngOnChanges=function(e){var n=this,t=e.mode,i=e.nzOpen,o=e.menuClass;(t||i)&&this.calcMotionState(),o&&(this.listOfCacheClassName.length&&this.listOfCacheClassName.filter((function(e){return!!e})).forEach((function(e){n.renderer.removeClass(n.elementRef.nativeElement,e)})),this.menuClass&&(this.listOfCacheClassName=this.menuClass.split(" "),this.listOfCacheClassName.filter((function(e){return!!e})).forEach((function(e){n.renderer.addClass(n.elementRef.nativeElement,e)}))))},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e}();P.decorators=[{type:t.Component,args:[{selector:"[nz-submenu-inline-child]",animations:[p.collapseMotion],exportAs:"nzSubmenuInlineChild",encapsulation:t.ViewEncapsulation.None,changeDetection:t.ChangeDetectionStrategy.OnPush,template:'\n <ng-template [ngTemplateOutlet]="templateOutlet"></ng-template>\n ',host:{"[class.ant-menu-rtl]":"dir === 'rtl'","[@collapseMotion]":"expandState"}}]}],P.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:n.Directionality,decorators:[{type:t.Optional}]}]},P.propDecorators={templateOutlet:[{type:t.Input}],menuClass:[{type:t.Input}],mode:[{type:t.Input}],nzOpen:[{type:t.Input}]};var R=function(){function e(e,n){this.elementRef=e,this.directionality=n,this.menuClass="",this.theme="light",this.templateOutlet=null,this.isMenuInsideDropDown=!1,this.mode="vertical",this.position="right",this.nzDisabled=!1,this.nzOpen=!1,this.subMenuMouseState=new t.EventEmitter,this.expandState="collapsed",this.dir="ltr",this.destroy$=new o.Subject,this.elementRef.nativeElement.classList.add("ant-menu-submenu","ant-menu-submenu-popup")}return e.prototype.setMouseState=function(e){this.nzDisabled||this.subMenuMouseState.next(e)},e.prototype.ngOnDestroy=function(){this.destroy$.next(),this.destroy$.complete()},e.prototype.calcMotionState=function(){this.nzOpen?"horizontal"===this.mode?this.expandState="bottom":"vertical"===this.mode&&(this.expandState="active"):this.expandState="collapsed"},e.prototype.ngOnInit=function(){var e,n=this;this.calcMotionState(),this.dir=this.directionality.value,null===(e=this.directionality.change)||void 0===e||e.pipe(s.takeUntil(this.destroy$)).subscribe((function(e){n.dir=e}))},e.prototype.ngOnChanges=function(e){var n=e.mode,t=e.nzOpen;(n||t)&&this.calcMotionState()},e}();R.decorators=[{type:t.Component,args:[{selector:"[nz-submenu-none-inline-child]",exportAs:"nzSubmenuNoneInlineChild",encapsulation:t.ViewEncapsulation.None,animations:[p.zoomBigMotion,p.slideMotion],changeDetection:t.ChangeDetectionStrategy.OnPush,template:'\n <div\n [class.ant-dropdown-menu]="isMenuInsideDropDown"\n [class.ant-menu]="!isMenuInsideDropDown"\n [class.ant-dropdown-menu-vertical]="isMenuInsideDropDown"\n [class.ant-menu-vertical]="!isMenuInsideDropDown"\n [class.ant-dropdown-menu-sub]="isMenuInsideDropDown"\n [class.ant-menu-sub]="!isMenuInsideDropDown"\n [class.ant-menu-rtl]="dir === \'rtl\'"\n [ngClass]="menuClass"\n >\n <ng-template [ngTemplateOutlet]="templateOutlet"></ng-template>\n </div>\n ',host:{"[class.ant-menu-light]":"theme === 'light'","[class.ant-menu-dark]":"theme === 'dark'","[class.ant-menu-submenu-placement-bottom]":"mode === 'horizontal'","[class.ant-menu-submenu-placement-right]":"mode === 'vertical' && position === 'right'","[class.ant-menu-submenu-placement-left]":"mode === 'vertical' && position === 'left'","[class.ant-menu-submenu-rtl]":'dir ==="rtl"',"[@slideMotion]":"expandState","[@zoomBigMotion]":"expandState","(mouseenter)":"setMouseState(true)","(mouseleave)":"setMouseState(false)"}}]}],R.ctorParameters=function(){return[{type:t.ElementRef},{type:n.Directionality,decorators:[{type:t.Optional}]}]},R.propDecorators={menuClass:[{type:t.Input}],theme:[{type:t.Input}],templateOutlet:[{type:t.Input}],isMenuInsideDropDown:[{type:t.Input}],mode:[{type:t.Input}],position:[{type:t.Input}],nzDisabled:[{type:t.Input}],nzOpen:[{type:t.Input}],subMenuMouseState:[{type:t.Output}]};var j=function(){};j.decorators=[{type:t.NgModule,args:[{imports:[n.BidiModule,d.CommonModule,u.PlatformModule,a.OverlayModule,m.NzIconModule,l.NzNoAnimationModule,h.NzOutletModule],declarations:[k,D,O,N,T,x,P,R],exports:[k,D,O,N,T]}]}],e.MenuDropDownTokenFactory=w,e.MenuGroupFactory=$,e.MenuService=z,e.MenuServiceFactory=C,e.NzIsMenuInsideDropDownToken=v,e.NzMenuDirective=k,e.NzMenuDividerDirective=N,e.NzMenuGroupComponent=T,e.NzMenuItemDirective=D,e.NzMenuModule=j,e.NzMenuServiceLocalToken=M,e.NzSubMenuComponent=O,e.NzSubMenuTitleComponent=x,e.NzSubmenuInlineChildComponent=P,e.NzSubmenuNoneInlineChildComponent=R,e.NzSubmenuService=b,Object.defineProperty(e,"__esModule",{value:!0})})); //# sourceMappingURL=ng-zorro-antd-menu.umd.min.js.map