angular-admin-lte
Version:
Admin-lte implémentation for Angular 4+
1 lines • 77.3 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/common"),require("@angular/router"),require("rxjs/BehaviorSubject"),require("@angular/platform-browser"),require("rxjs/add/operator/distinctUntilChanged"),require("rxjs/add/operator/pluck"),require("@angular/forms")):"function"==typeof define&&define.amd?define(["exports","@angular/core","@angular/common","@angular/router","rxjs/BehaviorSubject","@angular/platform-browser","rxjs/add/operator/distinctUntilChanged","rxjs/add/operator/pluck","@angular/forms"],t):t(e["angular-admin-lte"]={},e.ng.core,e.ng.common,e.ng.router,e.Rx,e.ng.platformBrowser,e.Rx.Observable.prototype,e.Rx.Observable.prototype,e.ng.forms)}(this,function(e,t,n,o,r,i,a,s,l){"use strict";function c(e){return new m(e)}function p(e){return[{provide:m,useFactory:c,deps:[F]},{provide:F,useValue:e}]}var u=function(){function e(e){this.router=e,this.onChange=new r.BehaviorSubject(undefined),this.init()}return e.prototype.init=function(){var e=this;this.router.events.subscribe(function(t){if(t instanceof o.NavigationEnd){for(var n=e.router.routerState.root.snapshot,r="",i="",a=[],s=!0;n.children.length;)if(n=n.firstChild,r="/"+e.createUrl(n),n.outlet===o.PRIMARY_OUTLET&&(n.routeConfig.path||s)){if(s=!1,n.params||n.data)for(var l in n.params)n.data.title&&(n.data.title=n.data.title.replace(":"+l,n.params[l])),n.data.breadcrumbs&&(n.data.breadcrumbs=n.data.breadcrumbs.replace(":"+l,n.params[l])),n.data.description&&(n.data.description=n.data.description.replace(":"+l,n.params[l]));"/"===r?a.push(e.createBreadcrumb(n,r)):(i+=r,a.push(e.createBreadcrumb(n,i)))}e.onChange.next(a)}})},e.prototype.createBreadcrumb=function(e,t){if(0!==e.children.length&&e.firstChild.routeConfig.path){var n=!0;"/"===t||e.routeConfig.loadChildren||e.routeConfig.component||this.isChildrenSelfRoute(e)||(n=!1)}return{data:e.data,params:e.params,url:n?t:null}},e.prototype.isChildrenSelfRoute=function(e){var t=e.routeConfig.children;for(var n in t)if(""===t[n].path&&(t[n].component||t[n].loadChildren))return!0},e.prototype.createUrl=function(e){return e.url.map(function(e){return e.toString()}).join("/")},e}();u.decorators=[{type:t.Injectable}],u.ctorParameters=function(){return[{type:o.Router}]};var d=function(){function e(e,t){this.routingService=e,this.changeDetectorRef=t,this.homeIcon="fa fa-home"}return e.prototype.ngOnInit=function(){var e=this;this.subscription=this.routingService.onChange.subscribe(function(t){e.breadcrumbs=t})},e.prototype.ngOnDestroy=function(){this.subscription.unsubscribe()},e}();d.decorators=[{type:t.Component,args:[{selector:"mk-breadcrumbs",template:'\n <ol class="breadcrumb">\n <li *ngFor="let breadcrumb of breadcrumbs; let first = first; let last = last" [class.active]="last || !breadcrumb.url">\n <a *ngIf="breadcrumb.url" [routerLink]="breadcrumb.url">\n <i *ngIf="first" ngClass="{{homeIcon}}"></i>\n <ng-template [ngIf]="breadcrumb.data.breadcrumbs">{{breadcrumb.data.breadcrumbs}}</ng-template>\n <ng-template [ngIf]="!breadcrumb.data.breadcrumbs">{{breadcrumb.data.title}}</ng-template>\n </a>\n <ng-template [ngIf]="!breadcrumb.url">\n <i *ngIf="first" ngClass="{{homeIcon}}"></i>\n <ng-template [ngIf]="breadcrumb.data.breadcrumbs">{{breadcrumb.data.breadcrumbs}}</ng-template>\n <ng-template [ngIf]="!breadcrumb.data.breadcrumbs">{{breadcrumb.data.title}}</ng-template>\n </ng-template>\n </li>\n </ol>\n ',styles:["\n .breadcrumb {\n float: right;\n background: transparent;\n margin-top: 0;\n margin-bottom: 0;\n font-size: 12px;\n padding: 7px 5px;\n position: absolute;\n top: 15px;\n right: 10px;\n border-radius: 2px;\n }\n\n .breadcrumb > li > a {\n color: #444;\n text-decoration: none;\n display: inline-block;\n }\n\n .breadcrumb > li > a > .fa,\n .breadcrumb > li > a > .glyphicon,\n .breadcrumb > li > a > .ion {\n margin-right: 5px;\n }\n "]}]}],d.ctorParameters=function(){return[{type:u},{type:t.ChangeDetectorRef}]},d.propDecorators={homeIcon:[{type:t.Input}]};var g=function(){return function(){}}();g.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,o.RouterModule],exports:[d],declarations:[d]}]}],g.ctorParameters=function(){return[]};var m=function(){function e(e){this.initialLayoutState={isSidebarLeftCollapsed:!1,isSidebarLeftExpandOnOver:!1,isSidebarLeftMouseOver:!1,isSidebarLeftMini:!0,sidebarRightSkin:"dark",isSidebarRightCollapsed:!0,isSidebarRightOverContent:!0,layout:"normal",sidebarLeftMenu:[],skin:"blue"},e&&(this.initialLayoutState=Object.assign(this.initialLayoutState,e)),this._layoutState=new r.BehaviorSubject(this.initialLayoutState),this.layoutState=this._layoutState.asObservable()}return Object.defineProperty(e.prototype,"windowInnerHeight",{get:function(){return this.layoutState.pluck("windowInnerHeight").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"windowInnerWidth",{get:function(){return this.layoutState.pluck("windowInnerWidth").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSidebarLeftCollapsed",{get:function(){return this.layoutState.pluck("isSidebarLeftCollapsed").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSidebarLeftExpandOnOver",{get:function(){return this.layoutState.pluck("isSidebarLeftExpandOnOver").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSidebarLeftMouseOver",{get:function(){return this.layoutState.pluck("isSidebarLeftMouseOver").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSidebarLeftMini",{get:function(){return this.layoutState.pluck("isSidebarLeftMini").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"sidebarRightSkin",{get:function(){return this.layoutState.pluck("sidebarRightSkin").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSidebarRightCollapsed",{get:function(){return this.layoutState.pluck("isSidebarRightCollapsed").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSidebarRightOverContent",{get:function(){return this.layoutState.pluck("isSidebarRightOverContent").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"sidebarLeftMenu",{get:function(){return this.layoutState.pluck("sidebarLeftMenu").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"sidebarLeftElementHeight",{get:function(){return this.layoutState.pluck("sidebarLeftElementHeight").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layout",{get:function(){return this.layoutState.pluck("layout").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"skin",{get:function(){return this.layoutState.pluck("skin").distinctUntilChanged()},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"wrapperClasses",{get:function(){return this.layoutState.pluck("wrapperClasses").distinctUntilChanged()},enumerable:!0,configurable:!0}),e.prototype.sidebarLeftCollapsed=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{isSidebarLeftCollapsed:e}))},e.prototype.sidebarLeftExpandOnOver=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{isSidebarLeftExpandOnOver:e}))},e.prototype.setSidebarLeftElementHeight=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{sidebarLeftElementHeight:e}))},e.prototype.setSidebarRightSkin=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{sidebarRightSkin:e}))},e.prototype.sidebarLeftMouseOver=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{isSidebarLeftMouseOver:e}))},e.prototype.sidebarLeftMini=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{isSidebarLeftMini:e}))},e.prototype.sidebarRightCollapsed=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{isSidebarRightCollapsed:e}))},e.prototype.sidebarRightOverContent=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{isSidebarRightOverContent:e}))},e.prototype.setSidebarLeftMenu=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{sSidebarLeftMenu:e}))},e.prototype.setLayout=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{layout:e}))},e.prototype.setSkin=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{skin:e}))},e.prototype.setWrapperClasses=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{wrapperClasses:e}))},e.prototype.setWindowInnerHeight=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{windowInnerHeight:e}))},e.prototype.setWindowInnerWidth=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{windowInnerWidth:e}))},e}(),h=function(){function e(){}return Object.defineProperty(e.prototype,"offsetHeight",{get:function(){return this.elementRef?this.elementRef.nativeElement.offsetHeight:null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"scrollHeight",{get:function(){return this.elementRef?this.elementRef.nativeElement.scrollHeight:null},enumerable:!0,configurable:!0}),e}();h.decorators=[{type:t.Injectable}],h.ctorParameters=function(){return[]};var f=function(){function e(){}return Object.defineProperty(e.prototype,"offsetHeight",{get:function(){return this.elementRef.nativeElement.offsetHeight},enumerable:!0,configurable:!0}),e}();f.decorators=[{type:t.Injectable}],f.ctorParameters=function(){return[]};var y=function(){function e(){}return Object.defineProperty(e.prototype,"offsetHeight",{get:function(){return this.elementRef.nativeElement.offsetHeight},enumerable:!0,configurable:!0}),e}();y.decorators=[{type:t.Injectable}],y.ctorParameters=function(){return[]};var b=function(){function e(e,t,n,o,r,i,a,s,l){this.layoutStore=e,this.routingService=t,this.titleService=n,this.elementRef=o,this.changeDetectorRef=r,this.sidebarRightService=i,this.headerService=a,this.footerService=s,this.router=l}return e.prototype.ngOnInit=function(){var e=this;this.titleTag=this.titleService.getTitle(),this.routingService.onChange.subscribe(function(t){t&&t[t.length-1]&&(e.titleService.setTitle(e.getTitle(t[t.length-1].data.title)),e.header=t[t.length-1].data.title,e.description=t[t.length-1].data.description),e.changeDetectorRef.markForCheck()}),this.router.events.subscribe(function(t){t instanceof o.NavigationStart&&(e.navigationEnd=!1),t instanceof o.NavigationEnd&&(e.navigationEnd=!0,e.setContentMinHeight())}),this.layoutStore.sidebarLeftElementHeight.subscribe(function(t){e.sidebarLeftHeight=t,e.setContentMinHeight()}),this.layoutStore.layout.subscribe(function(t){e.layout=t,e.setContentMinHeight()}),this.layoutStore.windowInnerHeight.subscribe(function(t){e.windowInnerHeight=t,e.setContentMinHeight()}),this.heightStyle=this.windowInnerHeight},Object.defineProperty(e.prototype,"scrollHeight",{get:function(){return this.contentInnerElement.nativeElement.scrollHeight},enumerable:!0,configurable:!0}),e.prototype.getTitle=function(e){return e?e+" - "+this.titleTag:this.titleTag},e.prototype.setContentMinHeight=function(){if(this.navigationEnd){var e=void 0,t=this.headerService.offsetHeight+this.footerService.offsetHeight;if("fixed"===this.layout)e=this.windowInnerHeight-this.footerService.offsetHeight;else{var n=this.sidebarRightService.scrollHeight?this.sidebarRightService.scrollHeight-this.headerService.offsetHeight:0;e=Math.max(this.windowInnerHeight-t,this.sidebarLeftHeight-this.headerService.offsetHeight,n)}e&&e!==this.heightStyle&&(this.scrollHeight>e&&(e=null),this.heightStyle=e,this.changeDetectorRef.detectChanges())}},e}();b.decorators=[{type:t.Component,args:[{selector:"mk-layout-content",template:'\n <div class="content-wrapper" [style.min-height.px]="heightStyle">\n <div #contentInnerElement class="content-inner">\n <ng-content select="[mk-layout-content-before-header]"></ng-content>\n <section *ngIf="header || description" class="content-header">\n <h1>\n {{header}}\n <small *ngIf="description">{{description}}</small>\n </h1>\n <mk-breadcrumbs></mk-breadcrumbs>\n </section>\n <ng-content select="[mk-layout-content-after-header]"></ng-content>\n <section class="content">\n <ng-content></ng-content>\n </section>\n </div>\n </div>\n ',styles:["\n :host {\n display: block;\n }\n\n .content-wrapper {\n position: relative;\n }\n "],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],b.ctorParameters=function(){return[{type:m},{type:u},{type:i.Title},{type:t.ElementRef},{type:t.ChangeDetectorRef},{type:h},{type:f},{type:y},{type:o.Router}]},b.propDecorators={contentInnerElement:[{type:t.ViewChild,args:["contentInnerElement"]}]};var C=function(){return function(){}}();C.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,o.RouterModule,g],exports:[b],declarations:[b]}]}],C.ctorParameters=function(){return[]};var v=function(){return function(){}}();v.decorators=[{type:t.Component,args:[{selector:"mk-layout-footer-left",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],v.ctorParameters=function(){return[]},v.propDecorators={templateRef:[{type:t.ViewChild,args:["templateRef"]}]};var S=function(){return function(){}}();S.decorators=[{type:t.Component,args:[{selector:"mk-layout-footer-right",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],S.ctorParameters=function(){return[]},S.propDecorators={templateRef:[{type:t.ViewChild,args:["templateRef"]}]};var I=function(){function e(e,t){this.elementRef=e,this.footerService=t}return e.prototype.ngOnInit=function(){this.footerService.elementRef=this.elementRef},e}();I.decorators=[{type:t.Component,args:[{selector:"mk-layout-footer",template:'\n <footer class="main-footer">\n <div class="pull-right hidden-xs">\n <ng-template [ngTemplateOutlet]="footerRightComponent?.templateRef"></ng-template>\n </div>\n <ng-template [ngTemplateOutlet]="footerLeftComponent?.templateRef"></ng-template>\n </footer>\n ',styles:["\n :host {\n display: block;\n }\n "]}]}],I.ctorParameters=function(){return[{type:t.ElementRef},{type:y}]},I.propDecorators={footerLeftComponent:[{type:t.ContentChild,args:[v]}],footerRightComponent:[{type:t.ContentChild,args:[S]}]};var R=function(){return function(){}}();R.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule],exports:[I,v,S],declarations:[I,v,S]}]}],R.ctorParameters=function(){return[]};var x=function(){return function(){}}();x.decorators=[{type:t.Component,args:[{selector:"mk-layout-header-logo",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],x.ctorParameters=function(){return[]},x.propDecorators={templateRef:[{type:t.ViewChild,args:["templateRef"]}]};var E=function(){return function(){}}();E.decorators=[{type:t.Component,args:[{selector:"mk-layout-header-logo-mini",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],E.ctorParameters=function(){return[]},E.propDecorators={templateRef:[{type:t.ViewChild,args:["templateRef"]}]};var k=function(){function e(e,t,n,o,r){this.layoutStore=e,this.ngZone=t,this.renderer2=n,this.elementRef=o,this.headerService=r,this.isSidebarLeftToggle=!0,this.isSidebarRightToggle=!0}return e.prototype.ngOnInit=function(){},e.prototype.ngAfterViewInit=function(){var e=this;this.headerService.elementRef=this.headerElement,this.sidebarLeftToggleElement&&(this.layoutStore.isSidebarLeftCollapsed.subscribe(function(t){e.isSidebarLeftCollapsed=t}),this.ngZone.runOutsideAngular(function(){e.renderer2.listen(e.sidebarLeftToggleElement.nativeElement,"click",function(t){t.preventDefault(),e.layoutStore.sidebarLeftCollapsed(!e.isSidebarLeftCollapsed)})})),this.sidebarRightToggleElement&&(this.layoutStore.isSidebarRightCollapsed.subscribe(function(t){e.isSidebarRightCollapsed=t}),this.ngZone.runOutsideAngular(function(){e.renderer2.listen(e.sidebarRightToggleElement.nativeElement,"click",function(t){t.preventDefault(),e.layoutStore.sidebarRightCollapsed(!e.isSidebarRightCollapsed)})}))},e}();k.decorators=[{type:t.Component,args:[{selector:"mk-layout-header",template:'\n <header #headerElement class="main-header">\n <a href="/" class="logo">\n <span class="logo-mini"><ng-template [ngTemplateOutlet]="headerLogoMiniComponent?.templateRef"></ng-template></span>\n <span class="logo-lg"><ng-template [ngTemplateOutlet]="headerLogoComponent?.templateRef"></ng-template></span>\n </a>\n <nav *ngIf="isSidebarLeftToggle" class="navbar navbar-static-top">\n <a #sidebarLeftToggleElement href="#" class="sidebar-toggle">\n <span class="sr-only">Toggle navigation</span>\n <span class="icon-bar"></span>\n <span class="icon-bar"></span>\n <span class="icon-bar"></span>\n </a>\n <div *ngIf="isSidebarRightToggle" class="sidebar-right-toggle">\n <a #sidebarRightToggleElement href="#"><i class="fa fa-gears"></i></a>\n </div>\n <ng-content></ng-content>\n </nav>\n </header>\n ',styles:["\n :host {\n display: block;\n }\n\n .sidebar-right-toggle {\n float: right;\n }\n\n .sidebar-right-toggle a {\n padding: 15px;\n display: block;\n line-height: 20px;\n cursor: pointer;\n }\n "]}]}],k.ctorParameters=function(){return[{type:m},{type:t.NgZone},{type:t.Renderer2},{type:t.ElementRef},{type:f}]},k.propDecorators={isSidebarLeftToggle:[{type:t.Input}],isSidebarRightToggle:[{type:t.Input}],headerLogoComponent:[{type:t.ContentChild,args:[x]}],headerLogoMiniComponent:[{type:t.ContentChild,args:[E]}],headerElement:[{type:t.ViewChild,args:["headerElement"]}],sidebarLeftToggleElement:[{type:t.ViewChild,args:["sidebarLeftToggleElement"]}],sidebarRightToggleElement:[{type:t.ViewChild,args:["sidebarRightToggleElement"]}]};var D=function(){return function(){}}();D.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule],exports:[k,x,E],declarations:[k,x,E]}]}],D.ctorParameters=function(){return[]};var w=function(){function e(e,n,o){this.elementRef=e,this.ngZone=n,this.renderer2=o,this.firstStart=!0,this.collapseAnimationDuration=350,this.startEventEmitter=new t.EventEmitter,this.doneEventEmitter=new t.EventEmitter}return Object.defineProperty(e.prototype,"_isCollapsed",{set:function(e){this.lastIsCollapsed=this.isCollapsed,this.isCollapsed=e,this.firstStart||(this.emit("start"),e?this.collapse():!1===e&&this.unCollapse())},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.collapseAnimationDuration&&350!==this.collapseAnimationDuration&&this.renderer2.setStyle(this.elementRef.nativeElement,"transition-duration",this.collapseAnimationDuration+"ms"),this.collapseAnimationTiming&&this.renderer2.setStyle(this.elementRef.nativeElement,"transition-timing-function",this.collapseAnimationTiming)},e.prototype.ngAfterContentInit=function(){this.emit("start"),this.isCollapsed&&(this.renderer2.setStyle(this.elementRef.nativeElement,"display","none"),this.renderer2.addClass(this.elementRef.nativeElement,"collapsing")),this.emit("done"),this.firstStart=!1,this.subscriptions()},e.prototype.ngOnDestroy=function(){this.listener&&this.listener()},e.prototype.subscriptions=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.listener=e.renderer2.listen(e.elementRef.nativeElement,"transitionend",function(){e.isCollapsed?e.renderer2.setStyle(e.elementRef.nativeElement,"display","none"):(e.renderer2.removeClass(e.elementRef.nativeElement,"un-collapse"),e.renderer2.removeClass(e.elementRef.nativeElement,"collapsing")),requestAnimationFrame(function(){e.renderer2.removeStyle(e.elementRef.nativeElement,"height"),e.emit("done"),e.transitioning=!1})})})},e.prototype.unCollapse=function(){this.transitioning=!0,this.renderer2.addClass(this.elementRef.nativeElement,"un-collapse"),this.renderer2.removeStyle(this.elementRef.nativeElement,"display"),this.renderer2.setStyle(this.elementRef.nativeElement,"height",this.elementRef.nativeElement.scrollHeight+"px")},e.prototype.collapse=function(){var e=this;requestAnimationFrame(function(){e.transitioning||(e.renderer2.setStyle(e.elementRef.nativeElement,"height",e.elementRef.nativeElement.offsetHeight+"px"),e.renderer2.addClass(e.elementRef.nativeElement,"collapsing")),e.transitioning=!0,requestAnimationFrame(function(){e.renderer2.setStyle(e.elementRef.nativeElement,"height","0px")})})},e.prototype.emit=function(e){var t={element:this.elementRef.nativeElement,fromState:this.lastIsCollapsed===undefined?"void":this.lastIsCollapsed?"1":"0",phaseName:e,toState:this.isCollapsed===undefined?"void":this.isCollapsed?"1":"0",totalTime:this.collapseAnimationDuration,triggerName:"collapseAnimation"};"done"===e?this.doneEventEmitter.emit(t):"start"===e&&this.startEventEmitter.emit(t)},e}();w.decorators=[{type:t.Directive,args:[{selector:"[collapseAnimation]"}]}],w.ctorParameters=function(){return[{type:t.ElementRef},{type:t.NgZone},{type:t.Renderer2}]},w.propDecorators={collapseAnimationDuration:[{type:t.Input}],collapseAnimationTiming:[{type:t.Input}],_isCollapsed:[{type:t.Input,args:["collapseAnimation"]}],startEventEmitter:[{type:t.Output,args:["collapseAnimation.start"]}],doneEventEmitter:[{type:t.Output,args:["collapseAnimation.done"]}]};var O=function(){return function(){}}();O.decorators=[{type:t.NgModule,args:[{exports:[w],declarations:[w]}]}],O.ctorParameters=function(){return[]};var L=function(){return function(e){this.elementRef=e}}();L.decorators=[{type:t.Directive,args:[{selector:"[mkMenuToggle]"}]}],L.ctorParameters=function(){return[{type:t.ElementRef}]},L.propDecorators={item:[{type:t.Input,args:["mkMenuToggle"]}]};var T=function(){return function(){}}();T.decorators=[{type:t.Injectable}],T.ctorParameters=function(){return[]};var P=function(){function e(e,t,n,o,r,i,a){this.changeDetectorRef=e,this.layoutStore=t,this.ngZone=n,this.renderer2=o,this.router=r,this.wrapperService=i,this.headerService=a,this.collapsedItems=[],this.activatedItems=[],this.itemsByIds={},this.runningAnimations=0}return e.prototype.ngOnInit=function(){this.setMenuListeners(),this.setSidebarListeners()},e.prototype.ngAfterViewInit=function(){this.setMenuTogglesListeners(),this.checkMenuWithoutChildren()},e.prototype.setSidebarListeners=function(){var e=this;this.layoutStore.layout.subscribe(function(t){e.layout=t,e.setSidebarHeight()}),this.layoutStore.windowInnerHeight.subscribe(function(t){e.windowInnerHeight=t,e.setSidebarHeight()}),this.ngZone.runOutsideAngular(function(){e.renderer2.listen(e.sidebarElement.nativeElement,"mouseenter",function(t){e.layoutStore.sidebarLeftMouseOver(!0)}),e.renderer2.listen(e.sidebarElement.nativeElement,"mouseleave",function(t){e.layoutStore.sidebarLeftMouseOver(!1)})}),this.layoutStore.windowInnerWidth.subscribe(function(t){e.windowInnerWidth=t,!e.isSidebarLeftCollapsed&&e.windowInnerWidth<=767?e.layoutStore.sidebarLeftCollapsed(!0):e.windowInnerWidth>767&&e.isSidebarLeftCollapsed&&!e.isSidebarLeftExpandOnOver&&e.layoutStore.sidebarLeftCollapsed(!1)}),this.layoutStore.isSidebarLeftMouseOver.subscribe(function(t){e.isSidebarLeftMouseOver=t,e.isSidebarLeftExpandOnOver&&e.layoutStore.sidebarLeftCollapsed(!t)}),this.layoutStore.isSidebarLeftExpandOnOver.subscribe(function(t){e.isSidebarLeftExpandOnOver=t,e.windowInnerWidth>767&&e.layoutStore.sidebarLeftCollapsed(t)}),this.layoutStore.isSidebarLeftCollapsed.subscribe(function(t){e.windowInnerWidth<=767?t?e.renderer2.removeClass(e.wrapperService.wrapperElementRef.nativeElement,"sidebar-open"):e.renderer2.addClass(e.wrapperService.wrapperElementRef.nativeElement,"sidebar-open"):(!e.isSidebarLeftExpandOnOver||e.isSidebarLeftMouseOver||t||e.layoutStore.sidebarLeftExpandOnOver(!1),t?(e.renderer2.addClass(e.wrapperService.wrapperElementRef.nativeElement,"sidebar-collapse"),e.isSidebarLeftExpandOnOver&&e.renderer2.removeClass(e.wrapperService.wrapperElementRef.nativeElement,"sidebar-expanded-on-hover")):(e.renderer2.removeClass(e.wrapperService.wrapperElementRef.nativeElement,"sidebar-collapse"),e.isSidebarLeftExpandOnOver&&e.renderer2.addClass(e.wrapperService.wrapperElementRef.nativeElement,"sidebar-expanded-on-hover")))}),this.layoutStore.isSidebarLeftMini.subscribe(function(t){t?e.renderer2.addClass(e.wrapperService.wrapperElementRef.nativeElement,"sidebar-mini"):e.renderer2.removeClass(e.wrapperService.wrapperElementRef.nativeElement,"sidebar-mini")})},e.prototype.setMenuListeners=function(){var e=this;this.router.events.subscribe(function(t){if(t instanceof o.NavigationStart){if("/"===t.url)e.activeItems(t.url),e.changeDetectorRef.detectChanges();else{var n=e.router.parseUrl(t.url).root.children[o.PRIMARY_OUTLET];n&&(e.activeItems(n.toString()),e.changeDetectorRef.detectChanges())}(e.windowInnerWidth<=767||e.isSidebarLeftExpandOnOver)&&e.layoutStore.sidebarLeftCollapsed(!0)}}),this.layoutStore.sidebarLeftMenu.subscribe(function(t){e.menu=t,e.monkeyPatchMenu(e.menu)})},e.prototype.getIconClasses=function(e){return e.iconClasses||""===e.iconClasses?e.iconClasses:"fa fa-circle-o"},e.prototype.visibilityStateStart=function(e){var t=this;this.runningAnimations++,this.ngZone.runOutsideAngular(function(){setTimeout(function(){t.runningAnimations--,t.runningAnimations||t.layoutStore.setSidebarLeftElementHeight(t.sidebarElement.nativeElement.offsetHeight)},e.totalTime)})},e.prototype.uncollapseItemParents=function(e,t){void 0===t&&(t=!1),t&&(e.isActive=!0),e.isCollapsed=!1,this.collapsedItems.push(e),e.parentId&&this.uncollapseItemParents(this.itemsByIds[e.parentId],t)},e.prototype.findItemsByUrl=function(e,t,n){var o=this;return void 0===n&&(n=[]),t.forEach(function(t){t.route===e?n.push(t):t.children&&o.findItemsByUrl(e,t.children,n)}),n},e.prototype.activeItems=function(e){var t=this;this.activatedItems.forEach(function(e){e.isActive=!1}),this.activatedItems=[],this.collapsedItems.forEach(function(e){e.isActive=!1,e.isCollapsed=!0}),this.collapsedItems=[];this.findItemsByUrl(e,this.menu).forEach(function(e){e.isActive=!0,t.uncollapseItemParents(e,!0),t.activatedItems.push(e)})},e.prototype.monkeyPatchMenu=function(e,t){var n=this;e.forEach(function(e,o){e.id=t?Number(t+""+o):o,t&&(e.parentId=t),e.isCollapsed=!0,e.isActive=!1,(t||e.children)&&(n.itemsByIds[e.id]=e),e.children&&n.monkeyPatchMenu(e.children,e.id)})},e.prototype.removeListeners=function(){this.toggleListeners&&this.toggleListeners.forEach(function(e){e()}),this.toggleListeners=[]},e.prototype.setMenuTogglesListeners=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.removeListeners(),e.sidebarLeftToggleDirectives.forEach(function(t){e.toggleListeners.push(e.renderer2.listen(t.elementRef.nativeElement,"click",function(n){n.preventDefault(),t.item.isCollapsed?(e.collapsedItems.forEach(function(e){e.isCollapsed=!0}),e.collapsedItems=[],e.uncollapseItemParents(t.item)):t.item.isCollapsed=!t.item.isCollapsed,e.changeDetectorRef.detectChanges()}))})})},e.prototype.checkMenuWithoutChildren=function(){var e,t=this;this.menu.forEach(function(t){if(t.children)return e=!0}),e||this.ngZone.runOutsideAngular(function(){setTimeout(function(){t.layoutStore.setSidebarLeftElementHeight(t.sidebarElement.nativeElement.offsetHeight)})})},e.prototype.setSidebarHeight=function(){if("fixed"===this.layout){var e=this.windowInnerHeight-this.headerService.offsetHeight;e&&e!==this.sidebarHeight&&(this.sidebarHeight=e,this.sidebarOverflow="auto",this.changeDetectorRef.detectChanges())}else this.sidebarHeight&&(this.sidebarOverflow=this.sidebarHeight=null,this.changeDetectorRef.detectChanges())},e}();P.decorators=[{type:t.Component,args:[{selector:"mk-layout-sidebar-left",template:'\n <aside class="main-sidebar">\n <section class="sidebar" #sidebarElement [style.height.px]="sidebarHeight" [style.overflow]="sidebarOverflow">\n <ng-content></ng-content>\n \t<ul class="sidebar-menu">\n <ng-container *ngFor="let item of menu">\n <ng-container *ngTemplateOutlet="sidebarInner; context: {item: item}"></ng-container>\n </ng-container>\n \t</ul>\n </section>\n </aside>\n\n <ng-template #sidebarInner let-item="item">\n <li [class.active]="item.isActive" [class.header]="item.separator" [class.menu-open]="!item.isCollapsed">\n <span *ngIf="item.separator">{{item.label}}</span>\n <a *ngIf="!item.separator && item.route" [routerLink]="item.route">\n \t<i [class]="getIconClasses(item)"></i><span>{{item.label}}</span>\n \t<span *ngIf="item.children || item.pullRights" class="pull-right-container">\n \t\t<span *ngFor="let rightItem of item.pullRights" class="pull-right {{rightItem.classes}}">{{rightItem.text}}</span>\n \t <i *ngIf="!item.pullRights" class="fa fa-angle-left pull-right"></i>\n \t</span>\n </a>\n <a *ngIf="!item.separator && !item.route" href="#" [mkMenuToggle]="item">\n \t<i [class]="getIconClasses(item)"></i><span>{{item.label}}</span>\n \t<span *ngIf="item.children || item.pullRights" class="pull-right-container">\n \t\t<span *ngFor="let rightItem of item.pullRights" class="pull-right {{rightItem.classes}}">{{rightItem.text}}</span>\n \t <i *ngIf="!item.pullRights" class="fa fa-angle-left pull-right"></i>\n \t</span>\n </a>\n <ul *ngIf="item.children" [collapseAnimation]="item.isCollapsed" (collapseAnimation.start)="visibilityStateStart($event)" class="treeview-menu">\n <ng-container *ngFor="let item of item.children">\n <ng-container *ngTemplateOutlet="sidebarInner; context: {item: item}"></ng-container>\n </ng-container>\n </ul>\n </li>\n </ng-template>\n ',styles:["\n .main-sidebar {\n overflow: hidden;\n }\n\n .treeview-menu.collapse {\n display: none;\n }\n\n .treeview-menu,\n .treeview-menu.collapse.in {\n display: block;\n }\n "],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],P.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:m},{type:t.NgZone},{type:t.Renderer2},{type:o.Router},{type:T},{type:f}]},P.propDecorators={sidebarElement:[{type:t.ViewChild,args:["sidebarElement"]}],sidebarLeftToggleDirectives:[{type:t.ViewChildren,args:[L]}]};var M=function(){return function(){}}();M.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,o.RouterModule,O],exports:[P],declarations:[L,P]}]}],M.ctorParameters=function(){return[]};var A=function(){function e(e,t,n,o,r){this.elementRef=e,this.renderer2=t,this.layoutStore=n,this.sidebarRightService=o,this.wrapperService=r}return e.prototype.ngOnInit=function(){var e=this;this.renderer2.addClass(this.elementRef.nativeElement,"control-sidebar"),this.layoutStore.isSidebarRightCollapsed.subscribe(function(t){e.isSidebarRightCollapsed=t,t?(e.renderer2.removeClass(e.elementRef.nativeElement,"control-sidebar-open"),e.isSidebarRightOverContent||e.renderer2.removeClass(e.wrapperService.wrapperElementRef.nativeElement,"control-sidebar-open")):(e.renderer2.addClass(e.elementRef.nativeElement,"control-sidebar-open"),e.isSidebarRightOverContent||e.renderer2.addClass(e.wrapperService.wrapperElementRef.nativeElement,"control-sidebar-open"))}),this.layoutStore.isSidebarRightOverContent.subscribe(function(t){e.isSidebarRightOverContent=t,e.isSidebarRightCollapsed||(t?e.renderer2.removeClass(e.wrapperService.wrapperElementRef.nativeElement,"control-sidebar-open"):e.renderer2.addClass(e.wrapperService.wrapperElementRef.nativeElement,"control-sidebar-open"))}),this.layoutStore.sidebarRightSkin.subscribe(function(t){e.skin!==t&&e.renderer2.removeClass(e.elementRef.nativeElement,"control-sidebar-"+e.skin),e.skin=t,e.renderer2.addClass(e.elementRef.nativeElement,"control-sidebar-"+t)})},e.prototype.ngAfterViewInit=function(){this.sidebarRightService.elementRef=this.sidebarContentElement},e}();A.decorators=[{type:t.Component,args:[{selector:"mk-layout-sidebar-right",template:'\n <div #sidebarContentElement class="control-sidebar-content">\n <ng-content></ng-content>\n </div>\n <div class="control-sidebar-bg"></div>\n ',styles:["\n :host {\n display: block;\n height: 100%;\n }\n\n .control-sidebar-bg {\n z-index: -1;\n }\n\n /deep/ .tab-content {\n padding: 10px 15px;\n }\n "],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],A.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:m},{type:h},{type:T}]},A.propDecorators={sidebarContentElement:[{type:t.ViewChild,args:["sidebarContentElement"]}]};var H=function(){return function(){}}();H.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule],exports:[A],declarations:[A]}]}],H.ctorParameters=function(){return[]};var j=function(){function e(e,t,n,o,r){this.elementRef=e,this.renderer2=t,this.layoutStore=n,this.wrapperService=o,this.ngZone=r}return e.prototype.ngOnInit=function(){var e=this;this.layoutStore.setWindowInnerHeight(window.innerHeight),this.layoutStore.setWindowInnerWidth(window.innerWidth),this.wrapperService.wrapperElementRef=this.elementRef,this.layoutStore.wrapperClasses.subscribe(function(t){e.classes=t||null}),this.ngZone.runOutsideAngular(function(){e.renderer2.listen("window","resize",function(e,t){var n=this,o=null;return function(){for(var r=[],i=0;i<arguments.length;i++)r[i]=arguments[i];o||(o=setTimeout(function(){e.call.apply(e,[n].concat(r)),o=null},t))}}(function(){e.layoutStore.setWindowInnerHeight(window.innerHeight),e.layoutStore.setWindowInnerWidth(window.innerWidth)},250))}),this.layoutStore.layout.subscribe(function(t){"fixed"===t?e.renderer2.addClass(e.elementRef.nativeElement,"fixed"):e.renderer2.removeClass(e.elementRef.nativeElement,"fixed"),"boxed"===t?e.renderer2.addClass(e.elementRef.nativeElement,"layout-boxed"):e.renderer2.removeClass(e.elementRef.nativeElement,"layout-boxed")}),this.layoutStore.skin.subscribe(function(t){t&&(e.skin&&e.skin!==t&&e.renderer2.removeClass(e.elementRef.nativeElement,"skin-"+e.skin),e.skin=t,e.renderer2.addClass(e.elementRef.nativeElement,"skin-"+e.skin))})},e}();j.decorators=[{type:t.Component,args:[{selector:"mk-layout-wrapper",template:'\n <div class="wrapper" [ngClass]="classes">\n <ng-content></ng-content>\n </div>\n ',styles:["\n :host {\n display: block;\n }\n\n :host /deep/ .sidebar-right-toggle > a {\n color: #fff;\n }\n\n :host /deep/ .sidebar-right-toggle > a:hover {\n background: rgba(0, 0, 0, 0.1);\n }\n\n :host.skin-black /deep/ .sidebar-right-toggle > a,\n :host.skin-black-light /deep/ .sidebar-right-toggle > a {\n color: #333;\n border-right-width: 0;\n }\n\n :host.skin-black /deep/ .sidebar-right-toggle > a:hover,\n :host.skin-black-light /deep/ .sidebar-right-toggle > a:hover {\n background-color: #fff;\n color: #999;\n }\n\n :host.skin-black /deep/ .sidebar-right-toggle > a {\n border-left: 1px solid #eee;\n }\n\n :host.skin-black-light /deep/ .sidebar-right-toggle > a {\n border-left: 1px solid #d2d6de;\n }\n "]}]}],j.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2},{type:m},{type:T},{type:t.NgZone}]};var B=function(){return function(){}}();B.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule],exports:[j],declarations:[j]}]}],B.ctorParameters=function(){return[]};var F=new t.InjectionToken("layoutConfig"),_=function(){function e(e){if(e)throw new Error("LayoutModule is already loaded. Import it in the AppModule only!")}return e.forRoot=function(t){return{ngModule:e,providers:p(t)}},e}();_.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,o.RouterModule],exports:[C,R,D,M,H,B],providers:[u,T,h,f,y]}]}],_.ctorParameters=function(){return[{type:_,decorators:[{type:t.Optional},{type:t.SkipSelf}]}]};var V=["default","primary","danger","warning","info","success"],W={aqua:"#00c0ef","aqua-active":"#00a7d0",black:"#111111","black-active":"#000000",blue:"#0073b7","blue-active":"#005384",fuchsia:"#f012be","fuchsia-active":"#db0ead",green:"#00a65a","green-active":"#008d4c",gray:"#d2d6de","gray-active":"#b5bbc8","gray-light":"#f7f7f7","light-blue":"#3c8dbc","light-blue-active":"#357ca5",lime:"#01ff70","lime-active":"#00e765",maroon:"#d81b60","maroon-active":"#ca195a",navy:"#001f3f","navy-active":"#001a35",olive:"#3d9970","olive-active":"#368763",orange:"#ff851b","orange-active":"#ff7701",purple:"#605ca8","purple-active":"#555299",red:"#dd4b39","red-active":"#d33724",teal:"#39cccc","teal-active":"#30bbbb",yellow:"#f39c12","yellow-active":"#db8b0b"},N=function(){function e(e,t){this.elementRef=e,this.renderer2=t,this.condition=!0}return Object.defineProperty(e.prototype,"color",{set:function(e){e&&this.condition&&(this.reset(),W[e]?(this.renderer2.addClass(this.elementRef.nativeElement,"bg-color"),this.currentStyle={property:this.property,color:W[e]},this.renderer2.setStyle(this.elementRef.nativeElement,this.property,W[e])):(this.renderer2.removeClass(this.elementRef.nativeElement,"bg-color"),e.startsWith("#")||e.startsWith("rgb")?(this.currentStyle={property:this.property,color:e},this.renderer2.setStyle(this.elementRef.nativeElement,this.property,e)):-1!==V.indexOf(e)&&(this.currentClass=this.prefix+"-"+e,this.renderer2.addClass(this.elementRef.nativeElement,this.currentClass))))},enumerable:!0,configurable:!0}),e.prototype.reset=function(){this.currentStyle?this.renderer2.removeStyle(this.elementRef.nativeElement,this.currentStyle.property,this.currentStyle.color):this.currentClass&&this.renderer2.removeClass(this.elementRef.nativeElement,this.currentClass)},e}();N.decorators=[{type:t.Directive,args:[{selector:"[mkColor]"}]}],N.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]},N.propDecorators={condition:[{type:t.Input,args:["mkColorCondition"]}],prefix:[{type:t.Input,args:["mkColorPrefix"]}],property:[{type:t.Input,args:["mkColorProperty"]}],color:[{type:t.Input,args:["mkColor"]}]};var Z=function(){function e(e,t){this.elementRef=e,this.renderer2=t}return Object.defineProperty(e.prototype,"color",{set:function(e){e&&(this.reset(),e.startsWith("#")||e.startsWith("rgb")?(this.currentStyle=e,this.renderer2.setStyle(this.elementRef.nativeElement,"color",e)):(this.currentClass="text-"+e,this.renderer2.addClass(this.elementRef.nativeElement,this.currentClass)))},enumerable:!0,configurable:!0}),e.prototype.reset=function(){this.currentStyle?this.renderer2.removeStyle(this.elementRef.nativeElement,"color",this.currentStyle):this.currentClass&&this.renderer2.removeClass(this.elementRef.nativeElement,this.currentClass)},e}();Z.decorators=[{type:t.Directive,args:[{selector:"[mkFontColor]"}]}],Z.ctorParameters=function(){return[{type:t.ElementRef},{type:t.Renderer2}]},Z.propDecorators={color:[{type:t.Input,args:["mkFontColor"]}]};var U=function(){return function(){}}();U.decorators=[{type:t.NgModule,args:[{exports:[N,Z],declarations:[N,Z]}]}],U.ctorParameters=function(){return[]};var q=function(){return function(e){this.elementRef=e}}();q.decorators=[{type:t.Directive,args:[{selector:"[mkAccordionToggle]"}]}],q.ctorParameters=function(){return[{type:t.ElementRef}]},q.propDecorators={accordionComponent:[{type:t.Input,args:["mkAccordionToggle"]}]};var $=function(){return function(){}}();$.decorators=[{type:t.Component,args:[{selector:"mk-accordion-header",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],$.ctorParameters=function(){return[]},$.propDecorators={templateRef:[{type:t.ViewChild,args:["templateRef"]}]};var z=function(){return function(){}}();z.decorators=[{type:t.Component,args:[{selector:"mk-accordion-content",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],z.ctorParameters=function(){return[]},z.propDecorators={templateRef:[{type:t.ViewChild,args:["templateRef"]}]};var Y=function(){function e(){this.contentStyleClass="box-body",this.headerStyleClass="box-header with-border"}return e.prototype.ngOnInit=function(){if(this.headerStyleColor=this.headerColor,!this.header&&!this.accordionHeaderComponent)throw new Error('Attribute "header" OR Component "mk-accordion-header" is required for component "mk-accordion"');this.accordionContentComponent?this.contentTemplateRef=this.accordionContentComponent.templateRef:this.contentTemplateRef=this.templateRef},e}();Y.decorators=[{type:t.Component,args:[{selector:"mk-accordion",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],Y.ctorParameters=function(){return[]},Y.propDecorators={borderColor:[{type:t.Input}],contentColor:[{type:t.Input}],contentStyleClass:[{type:t.Input}],header:[{type:t.Input}],headerColor:[{type:t.Input}],headerColorHover:[{type:t.Input}],headerStyleClass:[{type:t.Input}],accordionHeaderComponent:[{type:t.ContentChild,args:[$]}],accordionContentComponent:[{type:t.ContentChild,args:[z]}],templateRef:[{type:t.ViewChild,args:["templateRef"]}]};var G=function(){function e(e,n,o){this.changeDetectorRef=e,this.ngZone=n,this.renderer2=o,this.activeIndex=[0],this.styleClass="box-group",this.onCollapseStart=new t.EventEmitter,this.onCollapseDone=new t.EventEmitter}return Object.defineProperty(e.prototype,"_activeIndex",{set:function(e){this.activeIndex=e instanceof Array?e:[e]},enumerable:!0,configurable:!0}),e.prototype.ngAfterContentInit=function(){var e=this;this.setAccordionsIndex(),this.updateAccordionIsCollapsed(),this.accordionComponents.changes.subscribe(function(t){e.setAccordionsIndex()})},e.prototype.ngAfterViewInit=function(){var e=this;this.setAccordionsToggle(),this.accordionToggleDirectives.changes.subscribe(function(t){e.setAccordionsToggle()})},e.prototype.ngOnChanges=function(e){!1===e._activeIndex.firstChange&&this.updateAccordionIsCollapsed()},e.prototype.ngOnDestroy=function(){this.removeListeners()},e.prototype.headerMouseEnter=function(e){e.headerColorHover&&(e.headerStyleColor=e.headerColorHover)},e.prototype.headerMouseLeave=function(e){e.headerStyleColor=e.headerColor},e.prototype.toggleAccordion=function(e,t){e.preventDefault();var n=this.activeIndex.indexOf(t);-1===n?this.isMultiple?this.activeIndex.push(t):this.activeIndex=[t]:this.isMultiple?this.activeIndex.splice(n,1):this.activeIndex=[],this.updateAccordionIsCollapsed()},e.prototype.collapseStart=function(e,t){t.isCollapsing=!0,this.onCollapseStart.emit({animationEvent:e,index:t.index})},e.prototype.collapseDone=function(e,t){t.isCollapsing=!1,this.onCollapseDone.emit({animationEvent:e,index:t.index})},e.prototype.setAccordionsIndex=function(){this.accordionComponents.forEach(function(e,t){e.index=t})},e.prototype.setAccordionsToggle=function(){var e=this;this.removeListeners(),this.ngZone.runOutsideAngular(function(){e.accordionToggleDirectives.forEach(function(t){e.accordionsListeners.push(e.renderer2.listen(t.elementRef.nativeElement,"click",function(n){e.toggleAccordion(n,t.accordionComponent.index),e.changeDetectorRef.detectChanges()})),e.accordionsListeners.push(e.renderer2.listen(t.elementRef.nativeElement,"mouseenter",function(n){e.headerMouseEnter(t.accordionComponent),e.changeDetectorRef.detectChanges()})),e.accordionsListeners.push(e.renderer2.listen(t.elementRef.nativeElement,"mouseleave",function(n){e.headerMouseLeave(t.accordionComponent),e.changeDetectorRef.detectChanges()}))})})},e.prototype.updateAccordionIsCollapsed=function(){var e=this;this.accordionComponents.forEach(function(t,n){-1===e.activeIndex.indexOf(n)?t.isCollapsed=!0:t.isCollapsed=!1})},e.prototype.removeListeners=function(){this.accordionsListeners&&this.accordionsListeners.forEach(function(e){e()}),this.accordionsListeners=[]},e}();G.decorators=[{type:t.Component,args:[{selector:"mk-accordion-group",template:'\n <div [ngClass]="styleClass">\n <div *ngFor="let accordion of accordionComponents" class="panel box" [mkColor]="accordion.borderColor" mkColorProperty="border-top-color" mkColorPrefix="box">\n <div [ngClass]="accordion.headerStyleClass" [class.no-border]="accordion.isCollapsed && !accordion.isCollapsing">\n <h4 class="box-title">\n <a [mkAccordionToggle]="accordion" href="#" [mkFontColor]="accordion.headerStyleColor" [class.collapsed]="accordion.isCollapsed">\n {{accordion.header}}\n <ng-template *ngIf="!accordion.header" [ngTemplateOutlet]="accordion.accordionTitleComponent?.templateRef"></ng-template>\n </a>\n </h4>\n </div>\n <div class="panel-collapse" [collapseAnimation]="accordion.isCollapsed" (collapseAnimation.start)="collapseStart($event, accordion)" (collapseAnimation.done)="collapseDone($event, accordion)">\n <div [ngClass]="accordion.contentStyleClass" [mkFontColor]="accordion.contentColor">\n <ng-template [ngTemplateOutlet]="accordion.contentTemplateRef"></ng-template>\n </div>\n </div>\n </div>\n </div>\n '}]}],G.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:t.NgZone},{type:t.Renderer2}]},G.propDecorators={_activeIndex:[{type:t.Input,args:["activeIndex"]}],isMultiple:[{type:t.Input}],styleClass:[{type:t.Input}],onCollapseStart:[{type:t.Output}],onCollapseDone:[{type:t.Output}],accordionComponents:[{type:t.ContentChildren,args:[Y]}],accordionToggleDirectives:[{type:t.ViewChildren,args:[q]}]};var J=function(){return function(){}}();J.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,O,U],exports:[$,z,Y,G],declarations:[q,$,z,Y,G]}]}],J.ctorParameters=function(){return[]};var K=function(){function e(e,n,o,r){this.changeDetectorRef=e,this.ngZone=n,this.renderer2=o,this.viewContainerRef=r,this.dismissibleClass="alert-dismissible",this.isDismissible=!0,this.remove=!1,this.type="alert",this.backgroundColor="danger",this.styleClass="",this.onCollapseStart=new t.EventEmitter,this.onCollapseDone=new t.EventEmitter}return Object.defineProperty(e.prototype,"callout",{set:function(e){this.type=e?"callout":"alert"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"_isDismissible",{set:function(e){this.isDismissible=e,this.dismissibleClass=e?this.type+"-dismissible":""},enumerable:!0,configurable:!0}),e.prototype.ngAfterViewInit=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.dismissOnTimeout&&setTimeout(function(){e.changeDetectorRef.destroyed||(e.remove=!0,e.changeDetectorRef.detectChanges())},e.dismissOnTimeout),e.removeButtonElement&&(e.removeButtonListener=e.renderer2.listen(e.removeButtonElement.nativeElement,"click",function(t){e.remove=!0,e.changeDetectorRef.detectChanges()}))})},e.prototype.ngOnDestroy=function(){this.removeButtonListener&&this.removeButtonListener()},e.prototype.collapseStart=function(e){this.onCollapseStart.emit(e)},e.prototype.collapseDone=function(e){"1"===e.toState&&(this.removeButtonListener&&this.removeButtonListener(),this.removed=!0,this.viewContainerRef.clear(),this.changeDetectorRef.detectChanges()),this.onCollapseDone.emit(e)},e}();K.decorators=[{type:t.Component,args:[{selector:"mk-alert",template:'\n <div *ngIf="!removed" [collapseAnimation]="remove" (collapseAnimation.start)="collapseStart($event)" (collapseAnimation.done)="collapseDone($event)">\n <div [mkColor]="backgroundColor" mkColorProperty="background-color" [mkColorPrefix]="type" [mkFontColor]="color" [ngClass]="[styleClass, dismissibleClass, type]">\n <button *ngIf="isDismissible" type="button" class="close" #removeButtonElement>×</button>\n <ng-content></ng-content>\n </div>\n </div>\n ',styles:["\n .callout-dismissable,\n .callout-dismissible {\n padding-right: 35px;\n }\n\n .callout-dismissable .close,\n .callout-dismissible .close {\n position: relative;\n top: -2px;\n right: -21px;\n color: inherit;\n }\n\n .callout .close {\n color: #000;\n opacity: 0.2;\n filter: alpha(opacity=20);\n }\n\n .callout .icon {\n margin-right: 10px;\n }\n "],changeDetection:t.ChangeDetectionStrategy.OnPush}]}],K.ctorParameters=function(){return[{type:t.ChangeDetectorRef},{type:t.NgZone},{type:t.Renderer2},{type:t.ViewContainerRef}]},K.propDecorators={backgroundColor:[{type:t.Input}],callout:[{type:t.Input}],color:[{type:t.Input}],dismissOnTimeout:[{type:t.Input}],_isDismissible:[{type:t.Input,args:["isDismissible"]}],styleClass:[{type:t.Input}],onCollapseStart:[{type:t.Output}],onCollapseDone:[{type:t.Output}],removeButtonElement:[{type:t.ViewChild,args:["removeButtonElement"]}],containerElementRef:[{type:t.ViewChild,args:["containerElementRef",{read:t.ViewContainerRef}]}]};var Q=function(){return function(){}}();Q.decorators=[{type:t.NgModule,args:[{imports:[n.CommonModule,O,U],exports:[K],declarations:[K]}]}],Q.ctorParameters=function(){return[]};var X=function(){return function(){}}();X.decorators=[{type:t.Directive,args:[{selector:"mk-box-content"}]}],X.ctorParameters=function(){return[]};var ee=function(){return function(){}}();ee.decorators=[{type:t.Directive,args:[{selector:"mk-box-footer"}]}],ee.ctorParameters=function(){return[]};var te=function(){return function(){}}();te.decorators=[{type:t.Directive,args:[{selector:"mk-box-tools"}]}],te.ctorParameters=function(){return[]};var ne=function(){return function(){}}();ne.decorators=[{type:t.Directive,args:[{selector:"mk-box-header"}]}],ne.ctorParameters=function(){return[]};var oe=function(){function e(e,n,o){this.changeDetectorRef=e,this.ngZone=n,this.renderer2=o,this.remove=!1,this.boxColor="default",t