ad-custom-lib
Version:
This is an UI custom library based on Adminlte library with purpose for personal use, if you need a full template of Primeng please visit https://github.com/mledour/angular-admin-lte
2 lines • 75.7 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/common"),require("@angular/core"),require("@angular/router"),require("rxjs"),require("@angular/platform-browser"),require("rxjs/operators"),require("@angular/forms")):"function"==typeof define&&define.amd?define("ad-custom-lib",["exports","@angular/common","@angular/core","@angular/router","rxjs","@angular/platform-browser","rxjs/operators","@angular/forms"],t):t((e=e||self)["ad-custom-lib"]={},e.ng.common,e.ng.core,e.ng.router,e.rxjs,e.ng.platformBrowser,e.rxjs.operators,e.ng.forms)}(this,function(e,t,n,r,o,i,s,a){"use strict";function l(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var r,o,i=n.call(e),s=[];try{for(;(void 0===t||t-- >0)&&!(r=i.next()).done;)s.push(r.value)}catch(e){o={error:e}}finally{try{r&&!r.done&&(n=i.return)&&n.call(i)}finally{if(o)throw o.error}}return s}function c(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(l(arguments[t]));return e}var p=function(){function e(e){this.router=e,this.onChange=new o.BehaviorSubject(void 0),this.events=new o.BehaviorSubject(void 0),this.init()}return e.createUrl=function(e){return e.url.map(function(e){return e.toString()}).join("/")},e.isChildrenSelfRoute=function(e){return e.routeConfig.children.forEach(function(e){if(""===e.path&&(e.component||e.loadChildren))return!0}),!1},e.createBreadcrumb=function(t,n){var r=!0;return 0!==t.children.length&&t.firstChild.routeConfig.path&&("/"===n||t.routeConfig.loadChildren||t.routeConfig.component||e.isChildrenSelfRoute(t)||(r=!1)),{data:t.data,params:t.params,url:r?n:null}},e.prototype.init=function(){var t=this;this.router.events.subscribe(function(n){if(n instanceof r.NavigationEnd){t.events.next(n);for(var o=t.router.routerState.root.snapshot,i="",s="",a=!0,l=[];o.children.length;)if(o=o.firstChild,i="/"+e.createUrl(o),o.outlet===r.PRIMARY_OUTLET&&(o.routeConfig.path||a)){if(a=!1,o.params||o.data)for(var c in o.params)c&&(o.data.title&&(o.data.title=o.data.title.replace(":"+c,o.params[c]),o.data.title=o.data.title.replace(":"+c,o.params[c])),o.data.breadcrumbs&&(o.data.breadcrumbs=o.data.breadcrumbs.replace(":"+c,o.params[c])),o.data.description&&(o.data.description=o.data.description.replace(":"+c,o.params[c])));"/"===i?l.push(e.createBreadcrumb(o,i)):(s+=i,l.push(e.createBreadcrumb(o,s)))}t.onChange.next(l)}})},e.decorators=[{type:n.Injectable}],e.ctorParameters=function(){return[{type:r.Router}]},e}();var u=function(){function e(e,t,n){this.routingService=e,this.changeDetectorRef=t,this.router=n,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.decorators=[{type:n.Component,args:[{selector:"mk-breadcrumbs",template:'<ol class="breadcrumb">\r\n <li *ngFor="let breadcrumb of breadcrumbs; let first = first; let last = last"\r\n [class.active]="last || !breadcrumb.url">\r\n <a *ngIf="breadcrumb.url" [routerLink]="breadcrumb.url">\r\n <i *ngIf="first" ngClass="{{homeIcon}}"></i>\r\n <ng-template [ngIf]="breadcrumb.data.breadcrumbs">{{breadcrumb.data.breadcrumbs}}</ng-template>\r\n <ng-template [ngIf]="!breadcrumb.data.breadcrumbs">{{breadcrumb.data.title}}</ng-template>\r\n </a>\r\n <ng-template [ngIf]="!breadcrumb.url">\r\n <i *ngIf="first" ngClass="{{homeIcon}}"></i>\r\n <ng-template [ngIf]="breadcrumb.data.breadcrumbs">{{breadcrumb.data.breadcrumbs}}</ng-template>\r\n <ng-template [ngIf]="!breadcrumb.data.breadcrumbs">{{breadcrumb.data.title}}</ng-template>\r\n </ng-template>\r\n </li>\r\n</ol>',styles:[".breadcrumb{float:right;background:0 0;margin-top:0;margin-bottom:0;font-size:12px;padding:7px 5px;position:absolute;top:15px;right:10px;border-radius:2px}.breadcrumb>li>a{color:#444;text-decoration:none;display:inline-block}.breadcrumb>li .fa,.breadcrumb>li .glyphicon,.breadcrumb>li .ion{margin-right:5px}"]}]}],e.ctorParameters=function(){return[{type:p},{type:n.ChangeDetectorRef},{type:r.Router}]},e.propDecorators={homeIcon:[{type:n.Input}]},e}();var d=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,r.RouterModule],exports:[u],declarations:[u]}]}],e}();function h(e){return e&&e.forEach(function(e){e.unsubscribe()}),[]}function g(e){return e&&e.forEach(function(e){e()}),[]}var f=function(){function e(){}return Object.defineProperty(e.prototype,"offsetHeight",{get:function(){return this.elementRef?this.elementRef.nativeElement.offsetHeight:0},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Injectable}],e}();var m=function(){function e(){}return Object.defineProperty(e.prototype,"offsetHeight",{get:function(){return this.elementRef?this.elementRef.nativeElement.offsetHeight:0},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Injectable}],e}();var b=function(){function e(e){this.initialLayoutState={isSidebarLeftCollapsed:!1,isSidebarLeftExpandOnOver:!1,isSidebarLeftMouseOver:!1,isSidebarLeftMini:!0,sidebarRightSkin:"dark",isSidebarRightCollapsed:!0,isSidebarRightOverContent:!0,layout:"normal",sidebarLeftMenu:[],sidebarLeftMenuActiveUrl:"",skin:"blue"},e&&(this.initialLayoutState=Object.assign(this.initialLayoutState,e)),this._layoutState=new o.BehaviorSubject(this.initialLayoutState),this.layoutState=this._layoutState.asObservable()}return Object.defineProperty(e.prototype,"windowInnerHeight",{get:function(){return this.layoutState.pipe(s.pluck("windowInnerHeight"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"windowInnerWidth",{get:function(){return this.layoutState.pipe(s.pluck("windowInnerWidth"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSidebarLeftCollapsed",{get:function(){return this.layoutState.pipe(s.pluck("isSidebarLeftCollapsed"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSidebarLeftExpandOnOver",{get:function(){return this.layoutState.pipe(s.pluck("isSidebarLeftExpandOnOver"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSidebarLeftMouseOver",{get:function(){return this.layoutState.pipe(s.pluck("isSidebarLeftMouseOver"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSidebarLeftMini",{get:function(){return this.layoutState.pipe(s.pluck("isSidebarLeftMini"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"sidebarRightSkin",{get:function(){return this.layoutState.pipe(s.pluck("sidebarRightSkin"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSidebarRightCollapsed",{get:function(){return this.layoutState.pipe(s.pluck("isSidebarRightCollapsed"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isSidebarRightOverContent",{get:function(){return this.layoutState.pipe(s.pluck("isSidebarRightOverContent"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"sidebarLeftMenu",{get:function(){return this.layoutState.pipe(s.pluck("sidebarLeftMenu"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"sidebarLeftMenuActiveUrl",{get:function(){return this.layoutState.pipe(s.pluck("sidebarLeftMenuActiveUrl"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"sidebarLeftElementHeight",{get:function(){return this.layoutState.pipe(s.pluck("sidebarLeftElementHeight"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"layout",{get:function(){return this.layoutState.pipe(s.pluck("layout"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"skin",{get:function(){return this.layoutState.pipe(s.pluck("skin"),s.distinctUntilChanged())},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"wrapperClasses",{get:function(){return this.layoutState.pipe(s.pluck("wrapperClasses"),s.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,{sidebarLeftMenu:e}))},e.prototype.setSidebarLeftMenuActiveUrl=function(e){this._layoutState.next(Object.assign(this._layoutState.value,{sidebarLeftMenuActiveUrl: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}();var y=function(){function e(){}return Object.defineProperty(e.prototype,"scrollHeight",{get:function(){return this.elementRef?this.elementRef.nativeElement.scrollHeight:null},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Injectable}],e}();var C=function(){function e(e,t,n,r,o,i,s,a,l){this.layoutStore=e,this.routingService=t,this.titleService=n,this.elementRef=r,this.changeDetectorRef=o,this.sidebarRightService=i,this.headerService=s,this.footerService=a,this.router=l,this.subscriptions=[]}return e.prototype.ngOnInit=function(){var e=this;this.titleTag=this.titleService.getTitle(),this.subscriptions.push(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.subscriptions.push(this.router.events.subscribe(function(t){t instanceof r.NavigationStart&&(e.navigationEnd=!1),t instanceof r.NavigationEnd&&(e.navigationEnd=!0,e.setContentMinHeight())})),this.subscriptions.push(this.layoutStore.sidebarLeftElementHeight.subscribe(function(t){e.sidebarLeftHeight=t,e.setContentMinHeight()})),this.subscriptions.push(this.layoutStore.layout.subscribe(function(t){e.layout=t,e.setContentMinHeight()})),this.subscriptions.push(this.layoutStore.windowInnerHeight.subscribe(function(t){e.windowInnerHeight=t,e.setContentMinHeight()})),this.heightStyle=this.windowInnerHeight},e.prototype.ngOnDestroy=function(){this.subscriptions=h(this.subscriptions)},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.decorators=[{type:n.Component,args:[{selector:"mk-layout-content",template:'<div class="content-wrapper" [style.min-height.px]="heightStyle">\r\n <div #contentInnerElement class="content-inner">\r\n <ng-content select="[mk-layout-content-before-header]"></ng-content>\r\n \x3c!-- <section class="content-header">\r\n <h1 *ngIf="header || description">\r\n {{header}}\r\n <small *ngIf="description">{{description}}</small>\r\n </h1>\r\n <mk-breadcrumbs></mk-breadcrumbs>\r\n </section> --\x3e\r\n <ng-content select="[mk-layout-content-after-header]"></ng-content>\r\n <section class="content">\r\n <ng-content></ng-content>\r\n </section>\r\n </div>\r\n</div>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:block}.content-wrapper{position:relative}"]}]}],e.ctorParameters=function(){return[{type:b},{type:p},{type:i.Title},{type:n.ElementRef},{type:n.ChangeDetectorRef},{type:y},{type:m},{type:f},{type:r.Router}]},e.propDecorators={contentInnerElement:[{type:n.ViewChild,args:["contentInnerElement",{static:!0}]}]},e}();var v=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,r.RouterModule,d],exports:[C],declarations:[C]}]}],e}(),S=function(){function e(){}return e.decorators=[{type:n.Component,args:[{selector:"mk-layout-footer-left",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],e.propDecorators={templateRef:[{type:n.ViewChild,args:["templateRef",{static:!0}]}]},e}();var I=function(){function e(){}return e.decorators=[{type:n.Component,args:[{selector:"mk-layout-footer-right",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],e.propDecorators={templateRef:[{type:n.ViewChild,args:["templateRef",{static:!0}]}]},e}();var R=function(){function e(e,t){this.elementRef=e,this.footerService=t}return e.prototype.ngOnInit=function(){this.footerService.elementRef=this.elementRef},e.decorators=[{type:n.Component,args:[{selector:"mk-layout-footer",template:'<footer class="main-footer">\r\n <div class="pull-right hidden-xs">\r\n <ng-template [ngTemplateOutlet]="footerRightComponent?.templateRef"></ng-template>\r\n </div>\r\n <ng-template [ngTemplateOutlet]="footerLeftComponent?.templateRef"></ng-template>\r\n</footer>',styles:[":host{display:block}"]}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:f}]},e.propDecorators={footerLeftComponent:[{type:n.ContentChild,args:[S,{static:!0}]}],footerRightComponent:[{type:n.ContentChild,args:[I,{static:!0}]}]},e}();var x=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule],exports:[R,S,I],declarations:[R,S,I]}]}],e}(),k=function(){function e(){}return e.decorators=[{type:n.Component,args:[{selector:"mk-layout-header-logo",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],e.propDecorators={templateRef:[{type:n.ViewChild,args:["templateRef",{static:!0}]}]},e}();var E=function(){function e(){}return e.decorators=[{type:n.Component,args:[{selector:"mk-layout-header-logo-mini",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],e.propDecorators={templateRef:[{type:n.ViewChild,args:["templateRef",{static:!0}]}]},e}();var D=function(){function e(e,t,n,r,o){this.layoutStore=e,this.ngZone=t,this.renderer2=n,this.elementRef=r,this.headerService=o,this.listeners=[],this.subscriptions=[],this.isSidebarLeftToggle=!0,this.isSidebarRightToggle=!0,this.logoLink="/"}return e.prototype.ngAfterViewInit=function(){var e=this;this.headerService.elementRef=this.headerElement,this.sidebarLeftToggleElement&&(this.subscriptions.push(this.layoutStore.isSidebarLeftCollapsed.subscribe(function(t){e.isSidebarLeftCollapsed=t})),this.ngZone.runOutsideAngular(function(){e.listeners.push(e.renderer2.listen(e.sidebarLeftToggleElement.nativeElement,"click",function(t){t.preventDefault(),e.layoutStore.sidebarLeftCollapsed(!e.isSidebarLeftCollapsed)}))})),this.sidebarRightToggleElement&&(this.subscriptions.push(this.layoutStore.isSidebarRightCollapsed.subscribe(function(t){e.isSidebarRightCollapsed=t})),this.ngZone.runOutsideAngular(function(){e.listeners.push(e.renderer2.listen(e.sidebarRightToggleElement.nativeElement,"click",function(t){t.preventDefault(),e.layoutStore.sidebarRightCollapsed(!e.isSidebarRightCollapsed)}))}))},e.prototype.ngOnDestroy=function(){this.listeners=g(this.listeners),this.subscriptions=h(this.subscriptions)},e.decorators=[{type:n.Component,args:[{selector:"mk-layout-header",template:'<header #headerElement class="main-header">\r\n <a [routerLink]="logoLink" class="logo">\r\n <span class="logo-mini">\r\n <ng-template [ngTemplateOutlet]="headerLogoMiniComponent?.templateRef"></ng-template>\r\n </span>\r\n <span class="logo-lg">\r\n <ng-template [ngTemplateOutlet]="headerLogoComponent?.templateRef"></ng-template>\r\n </span>\r\n </a>\r\n <nav class="navbar navbar-static-top">\r\n <a *ngIf="isSidebarLeftToggle" #sidebarLeftToggleElement href="#" class="sidebar-toggle">\r\n <span class="sr-only">Toggle navigation</span>\r\n <span class="icon-bar"></span>\r\n <span class="icon-bar"></span>\r\n <span class="icon-bar"></span>\r\n </a>\r\n <div *ngIf="isSidebarRightToggle" class="sidebar-right-toggle">\r\n <a #sidebarRightToggleElement href="#"><i class="fa fa-gears"></i></a>\r\n </div>\r\n <ng-content></ng-content>\r\n </nav>\r\n</header>',styles:[":host{display:block}.sidebar-right-toggle{float:right}.sidebar-right-toggle a{padding:15px;display:block;line-height:20px;cursor:pointer}"]}]}],e.ctorParameters=function(){return[{type:b},{type:n.NgZone},{type:n.Renderer2},{type:n.ElementRef},{type:m}]},e.propDecorators={isSidebarLeftToggle:[{type:n.Input}],isSidebarRightToggle:[{type:n.Input}],logoLink:[{type:n.Input}],headerLogoComponent:[{type:n.ContentChild,args:[k,{static:!0}]}],headerLogoMiniComponent:[{type:n.ContentChild,args:[E,{static:!0}]}],headerElement:[{type:n.ViewChild,args:["headerElement",{static:!0}]}],sidebarLeftToggleElement:[{type:n.ViewChild,args:["sidebarLeftToggleElement",{static:!1}]}],sidebarRightToggleElement:[{type:n.ViewChild,args:["sidebarRightToggleElement",{static:!1}]}]},e}();var O=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,r.RouterModule],exports:[D,k,E],declarations:[D,k,E]}]}],e}(),w=new n.InjectionToken("layoutConfig");function L(e){return new b(e)}function M(e){return[{provide:b,useFactory:L,deps:[w]},{provide:w,useValue:e}]}var T=function(){function e(e){this.router=e,this.isCustomLayout=new o.BehaviorSubject(!0),this.init()}return e.prototype.init=function(){var e=this;this.router.events.subscribe(function(t){t instanceof r.ActivationStart&&(e.customLayout=t.snapshot.data.customLayout,e.isCustomLayout.next(!!e.customLayout))})},e.decorators=[{type:n.Injectable}],e.ctorParameters=function(){return[{type:r.Router}]},e}();var A=function(){function e(e,t,r){this.elementRef=e,this.ngZone=t,this.renderer2=r,this.firstStart=!0,this.collapseAnimationDuration=350,this.startEventEmitter=new n.EventEmitter,this.doneEventEmitter=new n.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:void 0===this.lastIsCollapsed?"void":this.lastIsCollapsed?"1":"0",phaseName:e,toState:void 0===this.isCollapsed?"void":this.isCollapsed?"1":"0",totalTime:this.collapseAnimationDuration,triggerName:"mkCollapseAnimation"};"done"===e?this.doneEventEmitter.emit(t):"start"===e&&this.startEventEmitter.emit(t)},e.decorators=[{type:n.Directive,args:[{selector:"[mkCollapseAnimation]"}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.NgZone},{type:n.Renderer2}]},e.propDecorators={collapseAnimationDuration:[{type:n.Input}],collapseAnimationTiming:[{type:n.Input}],_isCollapsed:[{type:n.Input,args:["mkCollapseAnimation"]}],startEventEmitter:[{type:n.Output,args:["mkCollapseAnimation.start"]}],doneEventEmitter:[{type:n.Output,args:["mkCollapseAnimation.done"]}]},e}();var P=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{exports:[A],declarations:[A]}]}],e}(),H=function(){function e(){}return e.decorators=[{type:n.Injectable}],e}();var j=function(){function e(e){this.elementRef=e}return e.decorators=[{type:n.Directive,args:[{selector:"[mkMenuToggle]"}]}],e.ctorParameters=function(){return[{type:n.ElementRef}]},e.propDecorators={item:[{type:n.Input,args:["mkMenuToggle"]}]},e}();var F=function(){function e(e,t,n,r,o,i,s,a,l){this.changeDetectorRef=e,this.layoutStore=t,this.ngZone=n,this.renderer2=r,this.router=o,this.routingService=i,this.wrapperService=s,this.headerService=a,this.activatedRoute=l,this.collapsedItems=[],this.activatedItems=[],this.toggleListeners=[],this.listeners=[],this.itemsByIds={},this.runningAnimations=0,this.subscriptions=[]}return e.prototype.ngOnInit=function(){var e=this;this.subscriptions.push(this.layoutStore.sidebarLeftMenu.subscribe(function(t){e.menu=t,e.monkeyPatchMenu(e.menu),e.initialized&&(e.setMenuListeners(e.activeUrl),e.setSidebarListeners(),e.setMenuTogglesListeners()),e.initialized=!0})),this.subscriptions.push(this.layoutStore.sidebarLeftMenuActiveUrl.subscribe(function(t){e.activeUrl=t,e.setMenuListeners(t)})),this.subscriptions.push(this.routingService.events.subscribe(function(t){var n;n=t instanceof r.NavigationEnd?t.url:e.router.url,e.activeUrl=n,e.setMenuListeners(n)})),this.setSidebarListeners()},e.prototype.ngAfterViewInit=function(){this.setMenuTogglesListeners(),this.checkMenuWithoutChildren()},e.prototype.ngOnDestroy=function(){this.subscriptions=h(this.subscriptions),this.listeners=g(this.listeners),this.toggleListeners=g(this.toggleListeners)},e.prototype.setSidebarListeners=function(){var e=this;this.subscriptions.push(this.layoutStore.layout.subscribe(function(t){e.layout=t,e.setSidebarHeight()})),this.subscriptions.push(this.layoutStore.windowInnerHeight.subscribe(function(t){e.windowInnerHeight=t,e.setSidebarHeight()})),this.subscriptions.push(this.layoutStore.sidebarLeftMenu.subscribe(function(){e.changeDetectorRef.detectChanges()})),this.ngZone.runOutsideAngular(function(){e.listeners.push(e.renderer2.listen(e.sidebarElement.nativeElement,"mouseenter",function(){e.layoutStore.sidebarLeftMouseOver(!0)})),e.listeners.push(e.renderer2.listen(e.sidebarElement.nativeElement,"mouseleave",function(){e.layoutStore.sidebarLeftMouseOver(!1)}))}),this.subscriptions.push(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.subscriptions.push(this.layoutStore.isSidebarLeftMouseOver.subscribe(function(t){e.isSidebarLeftMouseOver=t,e.isSidebarLeftExpandOnOver&&e.layoutStore.sidebarLeftCollapsed(!t)})),this.subscriptions.push(this.layoutStore.isSidebarLeftExpandOnOver.subscribe(function(t){e.isSidebarLeftExpandOnOver=t,e.windowInnerWidth>767&&void 0!==e.isSidebarLeftCollapsed&&e.layoutStore.sidebarLeftCollapsed(t)})),this.subscriptions.push(this.layoutStore.isSidebarLeftCollapsed.subscribe(function(t){e.isSidebarLeftCollapsed=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.subscriptions.push(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(e){if("/"===e)this.activeItems(e),this.changeDetectorRef.detectChanges();else{var t=this.router.parseUrl(e).root.children[r.PRIMARY_OUTLET];t&&(this.activeItems(t.toString()),this.changeDetectorRef.detectChanges())}(this.windowInnerWidth<=767||this.isSidebarLeftExpandOnOver)&&this.layoutStore.sidebarLeftCollapsed(!0)},e.prototype.getIconClasses=function(e){return e.iconClasses||""===e.iconClasses?e.iconClasses:"fa fa-dot-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,this.activatedItems.push(e)),e.isCollapsed=!1,this.collapsedItems.push(e),e.parentId&&this.uncollapseItemParents(this.itemsByIds[e.parentId],t)},e.prototype.findItemsByUrl=function(e,t,n){var r=this;return void 0===n&&(n=[]),t.forEach(function(t){t.route===e?n.push(t):t.children?r.findItemsByUrl(e,t.children,n):e.includes(t.route)&&"/"!=t.route&&n.push(t)}),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,r){e.id=t?Number(t+""+(r+1)):r+1,t&&(e.parentId=t),e.disableCollapse||(e.isCollapsed=!0),e.isActive=!1,(t||e.children)&&(n.itemsByIds[e.id]=e),e.children&&n.monkeyPatchMenu(e.children,e.id)})},e.prototype.setMenuTogglesListeners=function(){var e=this;this.toggleListeners=g(this.toggleListeners),this.ngZone.runOutsideAngular(function(){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.disableCollapse||(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.decorators=[{type:n.Component,args:[{selector:"mk-layout-sidebar-left",template:'<aside class="main-sidebar">\r\n <section class="sidebar" #sidebarElement [style.height.px]="sidebarHeight" [style.overflow]="sidebarOverflow">\r\n <ng-content></ng-content>\r\n <ul class="sidebar-menu">\r\n <ng-container *ngFor="let item of menu">\r\n <ng-container *ngTemplateOutlet="sidebarInner; context: {item: item}"></ng-container>\r\n </ng-container>\r\n </ul>\r\n </section>\r\n</aside>\r\n\r\n<ng-template #sidebarInner let-item="item">\r\n <li [class.active]="item.isActive" [class.header]="item.separator" [class.menu-open]="!item.isCollapsed">\r\n <span *ngIf="item.separator">{{item.label}}</span>\r\n <a *ngIf="!item.separator && item.route" [routerLink]="item.route">\r\n <i [class]="getIconClasses(item)"></i><span>{{item.label}}</span>\r\n <span *ngIf="item.children || item.pullRights" class="pull-right-container">\r\n <span *ngFor="let rightItem of item.pullRights"\r\n class="pull-right {{rightItem.classes}}">{{rightItem.text}}</span>\r\n <i *ngIf="!item.pullRights" class="fa fa-angle-left pull-right"></i>\r\n </span>\r\n </a>\r\n <a *ngIf="!item.separator && !item.route" href="#" [mkMenuToggle]="item">\r\n <i [class]="getIconClasses(item)"></i><span>{{item.label}}</span>\r\n <span *ngIf="item.children || item.pullRights" class="pull-right-container">\r\n <span *ngFor="let rightItem of item.pullRights"\r\n class="pull-right {{rightItem.classes}}">{{rightItem.text}}</span>\r\n <i *ngIf="!item.pullRights" class="fa fa-angle-left pull-right"></i>\r\n </span>\r\n </a>\r\n <ul *ngIf="item.children" [mkCollapseAnimation]="item.isCollapsed"\r\n (mkCollapseAnimation.start)="visibilityStateStart($event)" class="treeview-menu">\r\n <ng-container *ngFor="let item of item.children">\r\n <ng-container *ngTemplateOutlet="sidebarInner; context: {item: item}"></ng-container>\r\n </ng-container>\r\n </ul>\r\n </li>\r\n</ng-template>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".treeview-menu.collapse{display:none}.treeview-menu,.treeview-menu.collapse.in{display:block}"]}]}],e.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:b},{type:n.NgZone},{type:n.Renderer2},{type:r.Router},{type:p},{type:H},{type:m},{type:r.ActivatedRoute}]},e.propDecorators={sidebarElement:[{type:n.ViewChild,args:["sidebarElement",{static:!0}]}],sidebarLeftToggleDirectives:[{type:n.ViewChildren,args:[j]}]},e}();var B=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,r.RouterModule,P],exports:[F],declarations:[j,F]}]}],e}(),_=function(){function e(e,t,n,r,o){this.elementRef=e,this.renderer2=t,this.layoutStore=n,this.sidebarRightService=r,this.wrapperService=o,this.listeners=[],this.subscriptions=[]}return e.prototype.ngOnInit=function(){var e=this;this.renderer2.addClass(this.elementRef.nativeElement,"control-sidebar"),this.subscriptions.push(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.subscriptions.push(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.subscriptions.push(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.prototype.ngOnDestroy=function(){this.listeners=g(this.listeners),this.subscriptions=h(this.subscriptions)},e.decorators=[{type:n.Component,args:[{selector:"mk-layout-sidebar-right",template:'<div #sidebarContentElement class="control-sidebar-content">\r\n <ng-content></ng-content>\r\n</div>\r\n<div class="control-sidebar-bg"></div>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;height:100%}.control-sidebar-bg{z-index:-1}/deep/ .tab-content{padding:10px 15px}"]}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:b},{type:y},{type:H}]},e.propDecorators={sidebarContentElement:[{type:n.ViewChild,args:["sidebarContentElement",{static:!0}]}]},e}();var V=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule],exports:[_],declarations:[_]}]}],e}(),U=function(){function e(e,t,n,r,o){this.elementRef=e,this.renderer2=t,this.layoutStore=n,this.wrapperService=r,this.ngZone=o,this.listeners=[],this.subscriptions=[]}return e.prototype.ngOnInit=function(){var e=this;this.layoutStore.setWindowInnerHeight(window.innerHeight),this.layoutStore.setWindowInnerWidth(window.innerWidth),this.wrapperService.wrapperElementRef=this.elementRef,this.subscriptions.push(this.layoutStore.wrapperClasses.subscribe(function(t){e.classes=t||null})),this.ngZone.runOutsideAngular(function(){e.listeners.push(e.renderer2.listen("window","resize",function(e,t){var n=this,r=null;return function(){for(var o=[],i=0;i<arguments.length;i++)o[i]=arguments[i];r||(r=setTimeout(function(){e.call.apply(e,c([n],o)),r=null},t))}}(function(){e.layoutStore.setWindowInnerHeight(window.innerHeight),e.layoutStore.setWindowInnerWidth(window.innerWidth)},250)))}),this.subscriptions.push(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.subscriptions.push(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.prototype.ngOnDestroy=function(){this.subscriptions=h(this.subscriptions),this.listeners=g(this.listeners)},e.decorators=[{type:n.Component,args:[{selector:"mk-layout-wrapper",template:'<div class="wrapper overflow" [ngClass]="classes">\r\n <ng-content></ng-content>\r\n</div>',styles:[".wrapper.overflow{overflow:hidden}:host{display:block}:host /deep/ .sidebar-right-toggle>a{color:#fff}:host.sidebar-mini.sidebar-collapse /deep/ .treeview-menu.collapsing{height:auto!important}:host /deep/ .sidebar-right-toggle>a:hover{background:rgba(0,0,0,.1)}:host.skin-black /deep/ .sidebar-right-toggle>a,:host.skin-black-light /deep/ .sidebar-right-toggle>a{color:#333;border-right-width:0}:host.skin-black /deep/ .sidebar-right-toggle>a:hover,:host.skin-black-light /deep/ .sidebar-right-toggle>a:hover{background-color:#fff;color:#999}:host.skin-black /deep/ .sidebar-right-toggle>a{border-left:1px solid #eee}:host.skin-black-light /deep/ .sidebar-right-toggle>a{border-left:1px solid #d2d6de}"]}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:b},{type:H},{type:n.NgZone}]},e}();var N=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule],exports:[U],declarations:[U]}]}],e}();var W=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:c(M(t),[T])}},e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,r.RouterModule],exports:[v,x,O,B,V,N],providers:[p,H,y,m,f]}]}],e.ctorParameters=function(){return[{type:e,decorators:[{type:n.Optional},{type:n.SkipSelf}]}]},e}(),Z=["default","primary","danger","warning","info","success"],q={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"},G=function(){function e(e,t){this.renderer2=e,this.elementRef=t}return e.prototype.setBackgroundColor=function(e,t,n,r){e&&t&&(this.resetBackgroundColor(),q[e]?(this.renderer2.addClass(this.elementRef.nativeElement,"bg-color"),this.currentBackgroundStyle={property:n,color:q[e]},this.renderer2.setStyle(this.elementRef.nativeElement,n,q[e])):(this.renderer2.removeClass(this.elementRef.nativeElement,"bg-color"),0===e.indexOf("#")||0===e.indexOf("rgb")?(this.currentBackgroundStyle={property:n,color:e},this.renderer2.setStyle(this.elementRef.nativeElement,n,e)):-1!==Z.indexOf(e)&&(this.currentBackgroundClass=r?r+"-"+e:e,this.renderer2.addClass(this.elementRef.nativeElement,this.currentBackgroundClass))))},e.prototype.resetBackgroundColor=function(){this.currentBackgroundStyle?this.renderer2.removeStyle(this.elementRef.nativeElement,this.currentBackgroundStyle.property,this.currentBackgroundStyle.color):this.currentBackgroundClass&&this.renderer2.removeClass(this.elementRef.nativeElement,this.currentBackgroundClass)},e.prototype.setFontColor=function(e){e&&(this.resetFontColor(),e.startsWith("#")||e.startsWith("rgb")?(this.currentFontStyle=e,this.renderer2.setStyle(this.elementRef.nativeElement,"color",e)):(this.currentFontClass="text-"+e,this.renderer2.addClass(this.elementRef.nativeElement,this.currentFontClass)))},e.prototype.resetFontColor=function(){this.currentFontStyle?this.renderer2.removeStyle(this.elementRef.nativeElement,"color",this.currentFontStyle):this.currentFontClass&&this.renderer2.removeClass(this.elementRef.nativeElement,this.currentFontClass)},e.decorators=[{type:n.Injectable}],e.ctorParameters=function(){return[{type:n.Renderer2},{type:n.ElementRef}]},e}();var $=function(){function e(e,t,n){this.elementRef=e,this.renderer2=t,this.colorService=n,this.condition=!0}return Object.defineProperty(e.prototype,"color",{set:function(e){this.colorService.setBackgroundColor(e,this.condition,this.property,this.prefix)},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Directive,args:[{selector:"[mkColor]",providers:[G]}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:G}]},e.propDecorators={condition:[{type:n.Input,args:["mkColorCondition"]}],prefix:[{type:n.Input,args:["mkColorPrefix"]}],property:[{type:n.Input,args:["mkColorProperty"]}],color:[{type:n.Input,args:["mkColor"]}]},e}();var z=function(){function e(e,t,n){this.elementRef=e,this.renderer2=t,this.colorService=n}return Object.defineProperty(e.prototype,"color",{set:function(e){this.colorService.setFontColor(e)},enumerable:!0,configurable:!0}),e.decorators=[{type:n.Directive,args:[{selector:"[mkFontColor]",providers:[G]}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:G}]},e.propDecorators={color:[{type:n.Input,args:["mkFontColor"]}]},e}();var K=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{exports:[$,z],declarations:[$,z]}]}],e}(),Y=function(){function e(e){this.elementRef=e}return e.decorators=[{type:n.Directive,args:[{selector:"[mkAccordionToggle]"}]}],e.ctorParameters=function(){return[{type:n.ElementRef}]},e.propDecorators={accordionComponent:[{type:n.Input,args:["mkAccordionToggle"]}]},e}();var J=function(){function e(){}return e.decorators=[{type:n.Component,args:[{selector:"mk-accordion-header",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],e.propDecorators={templateRef:[{type:n.ViewChild,args:["templateRef",{static:!0}]}]},e}();var Q=function(){function e(){}return e.decorators=[{type:n.Component,args:[{selector:"mk-accordion-content",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],e.propDecorators={templateRef:[{type:n.ViewChild,args:["templateRef",{static:!0}]}]},e}();var X=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.decorators=[{type:n.Component,args:[{selector:"mk-accordion",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],e.propDecorators={borderColor:[{type:n.Input}],contentColor:[{type:n.Input}],contentStyleClass:[{type:n.Input}],header:[{type:n.Input}],headerColor:[{type:n.Input}],headerColorHover:[{type:n.Input}],headerStyleClass:[{type:n.Input}],accordionHeaderComponent:[{type:n.ContentChild,args:[J,{static:!0}]}],accordionContentComponent:[{type:n.ContentChild,args:[Q,{static:!0}]}],templateRef:[{type:n.ViewChild,args:["templateRef",{static:!0}]}]},e}();var ee=function(){function e(e,t,r){this.changeDetectorRef=e,this.ngZone=t,this.renderer2=r,this.activeIndex=[0],this.listeners=[],this.subscriptions=[],this.styleClass="box-group",this.onCollapseStart=new n.EventEmitter,this.onCollapseDone=new n.EventEmitter}return Object.defineProperty(e.prototype,"_activeIndex",{set:function(e){this.activeIndex=e instanceof Array?e:[e]},enumerable:!0,configurable:!0}),e.headerMouseLeave=function(e){e.headerStyleColor=e.headerColor},e.headerMouseEnter=function(e){e.headerColorHover&&(e.headerStyleColor=e.headerColorHover)},e.prototype.ngAfterContentInit=function(){var e=this;this.setAccordionsIndex(),this.updateAccordionIsCollapsed(),this.subscriptions.push(this.accordionComponents.changes.subscribe(function(){e.setAccordionsIndex()}))},e.prototype.ngAfterViewInit=function(){var e=this;this.setAccordionsToggle(),this.subscriptions.push(this.accordionToggleDirectives.changes.subscribe(function(){e.setAccordionsToggle()}))},e.prototype.ngOnChanges=function(e){!1===e._activeIndex.firstChange&&this.updateAccordionIsCollapsed()},e.prototype.ngOnDestroy=function(){g(this.listeners),h(this.subscriptions)},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 t=this;this.listeners=g(this.listeners),this.ngZone.runOutsideAngular(function(){t.accordionToggleDirectives.forEach(function(n){t.listeners.push(t.renderer2.listen(n.elementRef.nativeElement,"click",function(e){t.toggleAccordion(e,n.accordionComponent.index),t.changeDetectorRef.detectChanges()})),t.listeners.push(t.renderer2.listen(n.elementRef.nativeElement,"mouseenter",function(){e.headerMouseEnter(n.accordionComponent),t.changeDetectorRef.detectChanges()})),t.listeners.push(t.renderer2.listen(n.elementRef.nativeElement,"mouseleave",function(){e.headerMouseLeave(n.accordionComponent),t.changeDetectorRef.detectChanges()}))})})},e.prototype.updateAccordionIsCollapsed=function(){var e=this;this.accordionComponents.forEach(function(t,n){t.isCollapsed=-1===e.activeIndex.indexOf(n)})},e.decorators=[{type:n.Component,args:[{selector:"mk-accordion-group",template:'<div [ngClass]="styleClass">\r\n <div *ngFor="let accordion of accordionComponents" class="panel box" [mkColor]="accordion.borderColor"\r\n mkColorProperty="border-top-color" mkColorPrefix="box">\r\n <div [ngClass]="accordion.headerStyleClass"\r\n [class.no-border]="accordion.isCollapsed && !accordion.isCollapsing">\r\n <h4 class="box-title">\r\n <a [mkAccordionToggle]="accordion" href="#" [mkFontColor]="accordion.headerStyleColor"\r\n [class.collapsed]="accordion.isCollapsed">\r\n {{accordion.header}}\r\n <ng-template *ngIf="!accordion.header"\r\n [ngTemplateOutlet]="accordion.accordionHeaderComponent?.templateRef"></ng-template>\r\n </a>\r\n </h4>\r\n </div>\r\n <div class="panel-collapse" [mkCollapseAnimation]="accordion.isCollapsed"\r\n (mkCollapseAnimation.start)="collapseStart($event, accordion)"\r\n (mkCollapseAnimation.done)="collapseDone($event, accordion)">\r\n <div [ngClass]="accordion.contentStyleClass" [mkFontColor]="accordion.contentColor">\r\n <ng-template [ngTemplateOutlet]="accordion.contentTemplateRef"></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n</div>'}]}],e.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:n.NgZone},{type:n.Renderer2}]},e.propDecorators={_activeIndex:[{type:n.Input,args:["activeIndex"]}],isMultiple:[{type:n.Input}],styleClass:[{type:n.Input}],onCollapseStart:[{type:n.Output}],onCollapseDone:[{type:n.Output}],accordionComponents:[{type:n.ContentChildren,args:[X]}],accordionToggleDirectives:[{type:n.ViewChildren,args:[Y]}]},e}();var te=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,P,K],exports:[J,Q,X,ee],declarations:[Y,J,Q,X,ee]}]}],e}(),ne=function(){function e(e,t,r,o){this.changeDetectorRef=e,this.ngZone=t,this.renderer2=r,this.viewContainerRef=o,this.dismissibleClass="alert-dismissible",this.isDismissible=!0,this.remove=!1,this.type="alert",this.listeners=[],this.backgroundColor="danger",this.styleClass="",this.onCollapseStart=new n.EventEmitter,this.onCollapseDone=new n.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.listeners.push(e.renderer2.listen(e.removeButtonElement.nativeElement,"click",function(){e.remove=!0,e.changeDetectorRef.detectChanges()}))})},e.prototype.ngOnDestroy=function(){g(this.listeners)},e.prototype.collapseStart=function(e){this.onCollapseStart.emit(e)},e.prototype.collapseDone=function(e){"1"===e.toState&&(this.listeners=g(this.listeners),this.removed=!0,this.viewContainerRef.clear(),this.changeDetectorRef.detectChanges()),this.onCollapseDone.emit(e)},e.decorators=[{type:n.Component,args:[{selector:"mk-alert",template:'<div *ngIf="!removed" [mkCollapseAnimation]="remove" (mkCollapseAnimation.start)="collapseStart($event)"\r\n (mkCollapseAnimation.done)="collapseDone($event)">\r\n <div [mkColor]="backgroundColor" mkColorProperty="background-color" [mkColorPrefix]="type" [mkFontColor]="color"\r\n [ngClass]="[styleClass, dismissibleClass, type]">\r\n <button *ngIf="isDismissible" type="button" class="close" #removeButtonElement>×</button>\r\n <ng-content></ng-content>\r\n </div>\r\n</div>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".callout-dismissable,.callout-dismissible{padding-right:35px}.callout-dismissable .close,.callout-dismissible .close{position:relative;top:-2px;right:-21px;color:inherit}.callout .close{color:#000;opacity:.2}.callout .icon{margin-right:10px}"]}]}],e.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:n.NgZone},{type:n.Renderer2},{type:n.ViewContainerRef}]},e.propDecorators={backgroundColor:[{type:n.Input}],callout:[{type:n.Input}],color:[{type:n.Input}],dismissOnTimeout:[{type:n.Input}],_isDismissible:[{type:n.Input,args:["isDismissible"]}],styleClass:[{type:n.Input}],onCollapseStart:[{type:n.Output}],onCollapseDone:[{type:n.Output}],removeButtonElement:[{type:n.ViewChild,args:["removeButtonElement",{static:!0}]}],containerElementRef:[{type:n.ViewChild,args:["containerElementRef",{static:!0,read:n.ViewContainerRef}]}]},e}();var re=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,P,K],exports:[ne],declarations:[ne]}]}],e}(),oe=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-box-content"}]}],e}(),ie=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-box-footer"}]}],e}(),se=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-box-tools"}]}],e}(),ae=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-box-header"}]}],e}(),le=function(){function e(e,t,r){this.changeDetectorRef=e,this.ngZone=t,this.renderer2=r,this.remove=!1,this.listeners=[],this.boxColor="default",this.buttonsStyleClass="btn btn-box-tool",this.contentStyleClass="box-content-wrapper",this.footerStyleClass="box-footer",this.headerBorder=!0,this.headerStyleClass="box-header",this.isCollapsable=!0,this.isCollapsed=!1,this.isRemovable=!0,this.isSolid=!1,this.loadingStyleClass="fa fa-refresh fa-spin",this.styleClass="box",this.onCollapseDone=new n.EventEmitter,this.onCollapseStart=new n.EventEmitter}return e.prototype.ngAfterViewInit=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.toggleButtonElement&&e.listeners.push(e.renderer2.listen(e.toggleButtonElement.nativeElement,"click",function(){e.isCollapsed=!e.isCollapsed,e.changeDetectorRef.detectChanges()})),e.removeButtonElement&&e.listeners.push(e.renderer2.listen(e.removeButtonElement.nativeElement,"click",function(){e.remove=!0,e.changeDetectorRef.detectChanges()}))})},e.prototype.ngOnDestroy=function(){g(this.listeners)},e.prototype.removedDone=function(e){"1"===e.toState&&(this.removed=!0)},e.prototype.collapseStart=function(e){"void"!==e.fromState&&(this.isCollaping=!0,this.onCollapseStart.emit(e))},e.prototype.collapseDone=function(e){"void"!==e.fromState&&(this.isCollaping=!1,this.onCollapseDone.emit(e))},e.decorators=[{type:n.Component,args:[{selector:"mk-box",template:'<div *ngIf="!removed" [mkColor]="boxColor" mkColorProperty="border-color" mkColorPrefix="box" [ngClass]="styleClass"\r\n [class.collapsed-box]="isCollapsed && !isCollaping" [class.box-solid]="isSolid" [mkCollapseAnimation]="remove"\r\n (mkCollapseAnimation.done)="removedDone($event)">\r\n <div *ngIf="header || boxHeaderDirective" [ngClass]="headerStyleClass" [mkColor]="boxColor"\r\n [mkColorCondition]="isSolid" mkColorProperty="background-color" [class.with-border]="headerBorder">\r\n <h3 class="box-title" [mkFontColor]="headerColor">\r\n {{header}}\r\n <ng-content select="mk-box-header"></ng-content>\r\n </h3>\r\n <div class="box-tools pull-right">\r\n <ng-content select="mk-box-tools"></ng-content>\r\n <button *ngIf="isCollapsable" type="button" [ngClass]="buttonsStyleClass" #toggleButtonElement>\r\n <i class="fa" [ngClass]="{\'fa-plus\': isCollapsed, \'fa-minus\': !isCollapsed}"></i>\r\n </button>\r\n <button *ngIf="isRemovable" type="button" [ngClass]="buttonsStyleClass" #removeButtonElement>\r\n <i class="fa fa-times"></i>\r\n </button>\r\n </div>\r\n </div>\r\n <div [ngClass]="contentStyleClass" [mkFontColor]="contentColor" [mkCollapseAnimation]="isCollapsed"\r\n (mkCollapseAnimation.start)="collapseStart($event)" (mkCollapseAnimation.done)="collapseDone($event)">\r\n <div class="box-body">\r\n <ng-container\r\n *ngIf="boxHeaderDirective || boxContentDirective || boxFooterDirective || boxToolsDirective; else noDirective">\r\n <ng-content select="mk-box-content"></ng-content>\r\n </ng-container>\r\n <ng-template #noDirective>\r\n <ng-content></ng-content>\r\n </ng-template>\r\n </div>\r\n <div *ngIf="footer || boxFooterDirective" [ngClass]="footerStyleClass" [mkFontColor]="footerColor">\r\n {{footer}}\r\n <ng-content select="mk-box-footer"></ng-content>\r\n </div>\r\n </div>\r\n <div *ngIf="isLoading" class="overlay">\r\n <i [ngClass]="loadingStyleClass" [mkFontColor]="loadingColor"></i>\r\n </div>\r\n</div>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".box.collapsed-box .box-body,.box.collapsed-box .box-footer{display:inherit}.box-solid{border:1px solid}.box-body{background-color:#fff}.box.box-solid.bg-color>.box-header{color:#fff}"]}]}],e.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:n.NgZone},{type:n.Renderer2}]},e.propDecorators={boxColor:[{type:n.Input}],buttonsStyleClass:[{type:n.Input}],contentStyleClass:[{type:n.Input}],contentColor:[{type:n.Input}],footer:[{type:n.Input}],footerColor:[{type:n.Input}],footerStyleClass:[{type:n.Input}],header:[{type:n.Input}],headerBorder:[{type:n.Input}],headerColor:[{type:n.Input}],headerStyleClass:[{type:n.Input}],isCollapsable:[{type:n.Input}],isCollapsed:[{type:n.Input}],isLoading:[{type:n.Input}],isRemovable:[{type:n.Input}],isSolid:[{type:n.Input}],loadingColor:[{type:n.Input}],loadingStyleClass:[{type:n.Input}],styleClass:[{type:n.Input}],onCollapseDone:[{type:n.Output}],onCollapseStart:[{type:n.Output}],boxHeaderDirective:[{type:n.ContentChild,args:[ae,{static:!0}]}],boxFooterDirective:[{type:n.ContentChild,args:[ie,{static:!0}]}],boxContentDirective:[{type:n.ContentChild,args:[oe,{static:!0}]}],boxToolsDirective:[{type:n.ContentChild,args:[se,{static:!0}]}],toggleButtonElement:[{type:n.ViewChild,args:["toggleButtonElement",{static:!0}]}],removeButtonElement:[{type:n.ViewChild,args:["removeButtonElement",{static:!0}]}]},e}();var ce=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,P,K],exports:[le,ae,oe,ie,se],declarations:[le,ae,oe,ie,se]}]}],e}(),pe=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-box-info-content"}]}],e}(),ue=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-box-info-footer"}]}],e}(),de=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-box-info-header"}]}],e}(),he=function(){function e(){this.contentStyleClass="info-box-number",this.footerStyleClass="progress-description",this.headerStyleClass="info-box-text",this.iconColor="#fff",this.iconStyleClass="ion ion-bag",this.styleClass="info-box"}return e.prototype.ngOnInit=function(){this.backgroundColor||(this.progressBarBg=this.iconBackgroundColor)},e.decorators=[{type:n.Component,args:[{selector:"mk-box-info",template:'<div [ngClass]="styleClass" [mkColor]="backgroundColor" mkColorProperty="background-color">\r\n <span class="info-box-icon" [mkColor]="iconBackgroundColor" mkColorProperty="background-color">\r\n <i [ngClass]="iconStyleClass" [mkFontColor]="iconColor"></i>\r\n </span>\r\n <div class="info-box-content">\r\n <span *ngIf="header || boxInfoHeaderDirective" [ngClass]="headerStyleClass" [mkFontColor]="headerColor">\r\n {{header}}\r\n <ng-content select="mk-box-header"></ng-content>\r\n </span>\r\n <span [ngClass]="contentStyleClass" [mkFontColor]="contentColor">\r\n <ng-container\r\n *ngIf="boxInfoHeaderDirective || boxInfoContentDirective || boxInfoFooterDirective; else noDirective">\r\n <ng-content select="mk-box-content"></ng-content>\r\n </ng-container>\r\n <ng-template #noDirective>\r\n <ng-content></ng-content>\r\n </ng-template>\r\n </span>\r\n <div *ngIf="progressWidth" class="progress">\r\n <div class="progress-bar" [mkColor]="progressBarBg" mkColorProperty="background-color"\r\n [style.width.%]="progressWidth"></div>\r\n </div>\r\n <span *ngIf="footer || boxInfoFooterDirective" [ngClass]="footerStyleClass" [mkFontColor]="footerColor">\r\n {{footer}}\r\n <ng-content select="mk-box-footer"></ng-content>\r\n </span>\r\n </div>\r\n</div>',styles:[".info-box.bg-color>.info-box-content{color:#fff}"]}]}],e.propDecorators={backgroundColor:[{type:n.Input}],contentStyleClass:[{type:n.Input}],contentColor:[{type:n.Input}],footer:[{type:n.Input}],footerColor:[{type:n.Input}],footerStyleClass:[{type:n.Input}],header:[{type:n.Input}],headerColor:[{type:n.Input}],headerStyleClass:[{type:n.Input}],iconBackgroundColor:[{type:n.Input}],iconColor:[{type:n.Input}],iconStyleClass:[{type:n.Input}],progressWidth:[{type:n.Input}],styleClass:[{type:n.Input}],boxInfoHeaderDirective:[{type:n.ContentChild,args:[de,{static:!0}]}],boxInfoFooterDirective:[{type:n.ContentChild,args:[ue,{static:!0}]}],boxInfoContentDirective:[{type:n.ContentChild,args:[pe,{static:!0}]}]},e}();var ge=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,K],exports:[he,de,pe,ue],declarations:[he,de,pe,ue]}]}],e}(),fe=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-box-small-footer"}]}],e}(),me=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-box-small-header"}]}],e}(),be=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-box-small-content"}]}],e}(),ye=function(){function e(){this.contentStyleClass="small-box-content",this.footerStyleClass="small-box-footer",this.headerStyleClass="small-box-header",this.iconStyleClass="ion ion-bag",this.styleClass="small-box"}return e.decorators=[{type:n.Component,args:[{selector:"mk-box-small",template:'<div [ngClass]="styleClass" [mkColor]="backgroundColor" mkColorProperty="background-color">\r\n <div class="inner">\r\n <h3 *ngIf="header || boxSmallHeaderDirective" [ngClass]="headerStyleClass" [mkFontColor]="headerColor">\r\n {{header}}\r\n <ng-content select="mk-box-small-header"></ng-content>\r\n </h3>\r\n <p [ngClass]="contentStyleClass" [mkFontColor]="contentColor">\r\n <ng-container\r\n *ngIf="boxSmallHeaderDirective || boxSmallContentDirective || boxSmallFooterDirective; else noDirective">\r\n <ng-content select="mk-box-small-content"></ng-content>\r\n </ng-container>\r\n <ng-template #noDirective>\r\n <ng-content></ng-content>\r\n </ng-template>\r\n </p>\r\n </div>\r\n <div *ngIf="iconStyleClass" class="icon">\r\n <i [ngClass]="iconStyleClass" [mkFontColor]="iconColor"></i>\r\n </div>\r\n <span *ngIf="footer || boxSmallFooterDirective" [ngClass]="footerStyleClass" [mkFontColor]="footerColor">\r\n {{footer}}\r\n <ng-content select="mk-box-small-footer"></ng-content>\r\n </span>\r\n</div>',styles:[".small-box.bg-color{color:#fff}/deep/ .small-box-footer:hover{cursor:pointer}/deep/ .small-box-footer a{color:rgba(255,255,255,.8)}/deep/ .small-box-footer:hover a{color:#fff}"]}]}],e.propDecorators={backgroundColor:[{type:n.Input}],contentColor:[{type:n.Input}],contentStyleClass:[{type:n.Input}],footer:[{type:n.Input}],footerColor:[{type:n.Input}],footerStyleClass:[{type:n.Input}],header:[{type:n.Input}],headerColor:[{type:n.Input}],headerStyleClass:[{type:n.Input}],iconColor:[{type:n.Input}],iconStyleClass:[{type:n.Input}],styleClass:[{type:n.Input}],boxSmallHeaderDirective:[{type:n.ContentChild,args:[me,{static:!0}]}],boxSmallFooterDirective:[{type:n.ContentChild,args:[fe,{static:!0}]}],boxSmallContentDirective:[{type:n.ContentChild,args:[be,{static:!0}]}]},e}();var Ce=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,K],exports:[ye,me,be,fe],declarations:[ye,me,be,fe]}]}],e}(),ve=function(){function e(e,t){this.elementRef=e,this.renderer2=t,this.currentClasses=[]}return e.prototype.applyClasses=function(e){var t=this;"string"==typeof e&&(e=e.split(" ")),this.currentClasses.filter(function(t){return-1===e.indexOf(t)}).forEach(function(e){e&&t.renderer2.removeClass(t.elementRef.nativeElement,e)}),e.filter(function(e){return-1===t.currentClasses.indexOf(e)}).forEach(function(e){e&&t.renderer2.addClass(t.elementRef.nativeElement,e)}),this.currentClasses=c(e)},e.decorators=[{type:n.Injectable}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2}]},e}();var Se=function(){function e(e,t,n,r,i){this.elementRef=e,this.renderer2=t,this.ngControl=n,this.colorService=r,this.classService=i,this.defaultClass="form-control",this._onKeyUp=new o.Subject,this.onKeyup=this._onKeyUp.asObservable()}return Object.defineProperty(e.prototype,"borderColor",{set:function(e){this.colorService.setBackgroundColor(e,!0,"border-color",null)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"class",{set:function(e){this.isSetClass=!0,this.classService.applyClasses(e)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"color",{set:function(e){this.colorService.setFontColor(e)},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.isSetClass||this.classService.applyClasses(this.defaultClass)},e.prototype.keyUpListener=function(){this._onKeyUp.next(this.ngControl)},e.decorators=[{type:n.Directive,args:[{selector:"[mkInputText]",providers:[G,ve]}]}],e.ctorParameters=function(){return[{type:n.ElementRef},{type:n.Renderer2},{type:a.NgControl},{type:G},{type:ve}]},e.propDecorators={borderColor:[{type:n.Input}],class:[{type:n.Input}],color:[{type:n.Input}],keyUpListener:[{type:n.HostListener,args:["keyup"]}]},e}();var Ie=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-input-group-label"}]}],e}(),Re=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-input-group-addon-left"}]}],e}(),xe=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-input-group-addon-right"}]}],e}(),ke=function(){function e(){}return e.decorators=[{type:n.Directive,args:[{selector:"mk-input-group-content"}]}],e}(),Ee=function(){function e(){this.subscriptions=[],this.inputColor="default",this.inputErrorColor="danger",this.inputValidColor="success",this.wrapperClasses="form-group"}return e.prototype.ngAfterContentInit=function(){var e=this;this.subscriptions.push(this.inputTextDirective.onKeyup.subscribe(function(t){t.invalid?(e.currentColor=e.inputErrorColor,e.currentFontColor=e.inputErrorFontColor):t.invalid?(e.currentColor=e.inputColor,e.currentFontColor=e.inputFontColor):(e.currentColor=e.inputValidColor,e.currentFontColor=e.inputValidFontColor)}))},e.prototype.ngOnDestroy=function(){h(this.subscriptions)},e.decorators=[{type:n.Component,args:[{selector:"mk-input-group",template:'<div [ngClass]="wrapperClasses" [mkColor]="currentColor || inputColor" mkColorPrefix="has">\r\n <label *ngIf="label || inputGroupLabelDirective">\r\n {{label}}\r\n <ng-content select="mk-input-group-label"></ng-content>\r\n </label>\r\n <div *ngIf="addonLeft || inputGroupAddonLeftDirective || addonRight || inputGroupAddonRightDirective; else noAddon"\r\n class="input-group">\r\n <span *ngIf="addonLeft || inputGroupAddonLeftDirective" class="input-group-addon">\r\n {{addonLeft}}\r\n <ng-content select="mk-input-group-addon-left"></ng-content>\r\n </span>\r\n <ng-content select="mk-input-group-content"></ng-content>\r\n <span *ngIf="addonRight || inputGroupAddonRightDirective" class="input-group-addon">\r\n {{addonRight}}\r\n <ng-content select="mk-input-group-addon-right"></ng-content>\r\n </span>\r\n </div>\r\n <ng-template #noAddon>\r\n <ng-content select="mk-input-group-content"></ng-content>\r\n </ng-template>\r\n</div>'}]}],e.propDecorators={addonLeft:[{type:n.Input}],addonRight:[{type:n.Input}],inputColor:[{type:n.Input}],inputFontColor:[{type:n.Input}],inputErrorColor:[{type:n.Input}],inputErrorFontColor:[{type:n.Input}],inputValidColor:[{type:n.Input}],inputValidFontColor:[{type:n.Input}],label:[{type:n.Input}],wrapperClasses:[{type:n.Input}],inputGroupLabelDirective:[{type:n.ContentChild,args:[Ie,{static:!0}]}],inputGroupAddonLeftDirective:[{type:n.ContentChild,args:[Re,{static:!0}]}],inputGroupAddonRightDirective:[{type:n.ContentChild,args:[xe,{static:!0}]}],inputGroupContentDirective:[{type:n.ContentChild,args:[ke,{static:!0}]}],inputTextDirective:[{type:n.ContentChild,args:[Se,{static:!0}]}]},e}();var De=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,K,a.FormsModule],exports:[Ee,Ie,Re,xe,ke],declarations:[Ee,Ie,Re,xe,ke]}]}],e}(),Oe=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,K,a.FormsModule],exports:[Se],declarations:[Se]}]}],e}(),we=function(){function e(e){this.elementRef=e}return e.decorators=[{type:n.Directive,args:[{selector:"[mkTabToggle]"}]}],e.ctorParameters=function(){return[{type:n.ElementRef}]},e.propDecorators={tabComponent:[{type:n.Input,args:["mkTabToggle"]}]},e}();var Le=function(){function e(){}return e.decorators=[{type:n.Component,args:[{selector:"mk-tab-header",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>",changeDetection:n.ChangeDetectionStrategy.OnPush}]}],e.propDecorators={templateRef:[{type:n.ViewChild,args:["templateRef",{static:!0}]}]},e}();var Me=function(){function e(){}return e.decorators=[{type:n.Component,args:[{selector:"mk-tab-content",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>",changeDetection:n.ChangeDetectionStrategy.OnPush}]}],e.propDecorators={templateRef:[{type:n.ViewChild,args:["templateRef",{static:!0}]}]},e}();var Te=function(){function e(){this.isActive=!1}return e.prototype.ngOnInit=function(){this.tabContentComponent?this.contentTemplateRef=this.tabContentComponent.templateRef:this.contentTemplateRef=this.templateRef},e.decorators=[{type:n.Component,args:[{selector:"mk-tab",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>",changeDetection:n.ChangeDetectionStrategy.OnPush}]}],e.propDecorators={header:[{type:n.Input}],isDisabled:[{type:n.Input}],tabColor:[{type:n.Input}],templateRef:[{type:n.ViewChild,args:["templateRef",{static:!0}]}],tabHeaderComponent:[{type:n.ContentChild,args:[Le,{static:!0}]}],tabContentComponent:[{type:n.ContentChild,args:[Me,{static:!0}]}]},e}();var Ae=function(){function e(){}return e.decorators=[{type:n.Component,args:[{selector:"mk-tabs-header",template:"<ng-template #templateRef><ng-content></ng-content></ng-template>",changeDetection:n.ChangeDetectionStrategy.OnPush}]}],e.propDecorators={templateRef:[{type:n.ViewChild,args:["templateRef",{static:!0}]}]},e}();var Pe=function(){function e(e,t,r){this.changeDetectorRef=e,this.ngZone=t,this.renderer2=r,this.listeners=[],this.subscriptions=[],this.headerStyleClass="header pull-left",this.navStyleClass="nav nav-tabs",this.contentStyleClass="tab-content",this.styleClass="nav-tabs-custom",this.onClose=new n.EventEmitter,this.onOpen=new n.EventEmitter}return Object.defineProperty(e.prototype,"activeTabIndex",{set:function(e){this.activatedTabIndex=e,this.changeDetectorRef.detectChanges()},enumerable:!0,configurable:!0}),e.prototype.ngAfterContentInit=function(){var e=this;this.setTabIndex(),this.subscriptions.push(this.tabs.changes.subscribe(function(){e.setTabIndex()})),this.openTabIndex()},e.prototype.ngAfterViewInit=function(){var e=this;this.setTabsToggle(),this.subscriptions.push(this.tabToggleDirectives.changes.subscribe(function(){e.setTabsToggle()}))},e.prototype.ngOnChanges=function(e){e.activeTabIndex&&this.openTabIndex()},e.prototype.ngOnDestroy=function(){g(this.listeners),h(this.subscriptions)},e.prototype.openTabIndex=function(){var e=this;this.tabs&&this.tabs.forEach(function(t){e.activatedTabIndex===t.index||void 0===e.activatedTabIndex&&0===t.index?(t.isActive=!0,e.onOpen.emit({index:t.index}),e.changeDetectorRef.detectChanges()):t.isActive&&(t.isActive=!1,e.onClose.emit({index:t.index}),e.changeDetectorRef.detectChanges())})},e.prototype.openTab=function(e,t){var n=this;e.preventDefault(),t.isActive=!0,this.onOpen.emit({event:e,index:t.index}),this.tabs.forEach(function(r){r.isActive&&t!==r&&(r.isActive=!1,n.onClose.emit({event:e,index:r.index}))})},e.prototype.setTabIndex=function(){this.tabs.forEach(function(e,t){e.index=t}),this.changeDetectorRef.detectChanges()},e.prototype.setTabsToggle=function(){var e=this;this.listeners=g(this.listeners),this.ngZone.runOutsideAngular(function(){e.tabToggleDirectives.forEach(function(t){e.listeners.push(e.renderer2.listen(t.elementRef.nativeElement,"click",function(n){e.openTab(n,t.tabComponent),e.changeDetectorRef.detectChanges()}))})})},e.decorators=[{type:n.Component,args:[{selector:"mk-tabs",template:'<div [ngClass]="styleClass">\r\n <ul [ngClass]="navStyleClass" [class.pull-right]="header || tabsHeaderComponent">\r\n <li *ngFor="let tab of tabs" [class.active]="tab.isActive" [mkColor]="tab.tabColor || tabsColor"\r\n mkColorProperty="border-top-color">\r\n <a *ngIf="!tab.isDisabled" [mkTabToggle]="tab" href="#">\r\n {{tab.header}}\r\n <ng-template *ngIf="!tab.header" [ngTemplateOutlet]="tab.tabHeaderComponent?.templateRef"></ng-template>\r\n </a>\r\n <ng-template [ngIf]="tab.isDisabled">\r\n {{tab.header}}\r\n <ng-template *ngIf="!tab.header" [ngTemplateOutlet]="tab.tabHeaderComponent.templateRef"></ng-template>\r\n </ng-template>\r\n </li>\r\n <li *ngIf="tabsHeaderComponent || header" [ngClass]="headerStyleClass">\r\n {{header}}\r\n <ng-template *ngIf="!header" [ngTemplateOutlet]="tabsHeaderComponent.templateRef"></ng-template>\r\n </li>\r\n </ul>\r\n <div [ngClass]="contentStyleClass">\r\n <div *ngFor="let tab of tabs" class="tab-pane" [class.active]="tab.isActive">\r\n <ng-template [ngTemplateOutlet]="tab.contentTemplateRef"></ng-template>\r\n </div>\r\n </div>\r\n</div>',changeDetection:n.ChangeDetectionStrategy.OnPush,styles:[".nav-tabs-custom>.nav-tabs>li{border-top-width:0}.nav-tabs-custom>.nav-tabs>li.active{border-top-width:3px}"]}]}],e.ctorParameters=function(){return[{type:n.ChangeDetectorRef},{type:n.NgZone},{type:n.Renderer2}]},e.propDecorators={activeTabIndex:[{type:n.Input}],header:[{type:n.Input}],headerStyleClass:[{type:n.Input}],navStyleClass:[{type:n.Input}],contentStyleClass:[{type:n.Input}],styleClass:[{type:n.Input}],tabsColor:[{type:n.Input}],onClose:[{type:n.Output}],onOpen:[{type:n.Output}],tabsHeaderComponent:[{type:n.ContentChild,args:[Ae,{static:!0}]}],tabs:[{type:n.ContentChildren,args:[Te]}],tabToggleDirectives:[{type:n.ViewChildren,args:[we]}]},e}();var He=function(){function e(){}return e.decorators=[{type:n.NgModule,args:[{imports:[t.CommonModule,K],exports:[Pe,Ae,Te,Le,Me],declarations:[we,Pe,Ae,Te,Le,Me]}]}],e}();e.AccordionModule=te,e.AlertModule=re,e.BoxInfoModule=ge,e.BoxModule=ce,e.BoxSmallModule=Ce,e.BreadcrumbsModule=d,e.InputGroupModule=De,e.InputTextModule=Oe,e.LayoutModule=W,e.LayoutService=T,e.LayoutStore=b,e.TabsModule=He,e.ɵa=v,e.ɵb=u,e.ɵba=L,e.ɵbb=M,e.ɵbc=K,e.ɵbd=$,e.ɵbe=z,e.ɵbf=G,e.ɵbg=J,e.ɵbh=Q,e.ɵbi=X,e.ɵbj=ee,e.ɵbk=Y,e.ɵbl=ne,e.ɵbm=le,e.ɵbn=oe,e.ɵbo=ie,e.ɵbp=se,e.ɵbq=ae,e.ɵbr=he,e.ɵbs=pe,e.ɵbt=ue,e.ɵbu=de,e.ɵbv=ye,e.ɵbw=fe,e.ɵbx=me,e.ɵby=be,e.ɵbz=Ee,e.ɵc=p,e.ɵca=Ie,e.ɵcb=Re,e.ɵcc=xe,e.ɵcd=ke,e.ɵce=Se,e.ɵcf=ve,e.ɵcg=Le,e.ɵch=Me,e.ɵci=Te,e.ɵcj=Ae,e.ɵck=Pe,e.ɵcl=we,e.ɵd=C,e.ɵe=y,e.ɵf=m,e.ɵg=f,e.ɵh=x,e.ɵi=S,e.ɵj=I,e.ɵk=R,e.ɵl=O,e.ɵm=k,e.ɵn=E,e.ɵo=D,e.ɵp=B,e.ɵq=P,e.ɵr=A,e.ɵs=F,e.ɵt=j,e.ɵu=H,e.ɵv=V,e.ɵw=_,e.ɵx=N,e.ɵy=U,e.ɵz=w,Object.defineProperty(e,"__esModule",{value:!0})});
//# sourceMappingURL=ad-custom-lib.umd.min.js.map