angular-admin-lte/angular-admin-lte.metadata.json

Admin-lte implémentation for Angular 4+

{"__symbolic":"module","version":3,"metadata":{"LayoutModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"}],"exports":[{"__symbolic":"reference","name":"ɵa"},{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵz"}],"providers":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"}]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"SkipSelf"}}]],"parameters":[{"__symbolic":"reference","name":"LayoutModule"}]}]},"statics":{"forRoot":{"__symbolic":"function","parameters":["layoutConfig"],"value":{"ngModule":{"__symbolic":"reference","name":"LayoutModule"},"providers":{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵbd"},"arguments":[{"__symbolic":"reference","name":"layoutConfig"}]}}}}},"AccordionModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵbe"}],"exports":[{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"}],"declarations":[{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbh"},{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbk"}]}]}],"members":{}},"AlertModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵbe"}],"exports":[{"__symbolic":"reference","name":"ɵbm"}],"declarations":[{"__symbolic":"reference","name":"ɵbm"}]}]}],"members":{}},"BoxModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵbe"}],"exports":[{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbq"}],"declarations":[{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbq"}]}]}],"members":{}},"BoxInfoModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵbe"}],"exports":[{"__symbolic":"reference","name":"ɵbs"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbu"}],"declarations":[{"__symbolic":"reference","name":"ɵbs"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbu"}]}]}],"members":{}},"BoxSmallModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵbe"}],"exports":[{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵby"},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵbx"}],"declarations":[{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵby"},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","name":"ɵbx"}]}]}],"members":{}},"BreadcrumbsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"}],"exports":[{"__symbolic":"reference","name":"ɵb"}],"declarations":[{"__symbolic":"reference","name":"ɵb"}]}]}],"members":{}},"DropdownModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵbe"}],"exports":[{"__symbolic":"reference","name":"ɵcc"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ɵcb"}],"declarations":[{"__symbolic":"reference","name":"ɵcc"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ɵcb"}]}]}],"members":{}},"InputTextModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule"}],"exports":[{"__symbolic":"reference","name":"ɵcd"},{"__symbolic":"reference","name":"ɵce"},{"__symbolic":"reference","name":"ɵcf"},{"__symbolic":"reference","name":"ɵcg"}],"declarations":[{"__symbolic":"reference","name":"ɵcd"},{"__symbolic":"reference","name":"ɵce"},{"__symbolic":"reference","name":"ɵcf"},{"__symbolic":"reference","name":"ɵcg"}]}]}],"members":{}},"TabsModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","name":"ɵbe"}],"exports":[{"__symbolic":"reference","name":"ɵcl"},{"__symbolic":"reference","name":"ɵck"},{"__symbolic":"reference","name":"ɵcj"},{"__symbolic":"reference","name":"ɵch"},{"__symbolic":"reference","name":"ɵci"}],"declarations":[{"__symbolic":"reference","name":"ɵcm"},{"__symbolic":"reference","name":"ɵcl"},{"__symbolic":"reference","name":"ɵck"},{"__symbolic":"reference","name":"ɵcj"},{"__symbolic":"reference","name":"ɵch"},{"__symbolic":"reference","name":"ɵci"}]}]}],"members":{}},"ɵa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"},{"__symbolic":"reference","name":"BreadcrumbsModule"}],"exports":[{"__symbolic":"reference","name":"ɵd"}],"declarations":[{"__symbolic":"reference","name":"ɵd"}]}]}],"members":{}},"ɵb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"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  "]}]}],"members":{"homeIcon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/router","name":"Router"}]}],"init":[{"__symbolic":"method"}],"createBreadcrumb":[{"__symbolic":"method"}],"isChildrenSelfRoute":[{"__symbolic":"method"}],"createUrl":[{"__symbolic":"method"}]}},"ɵd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"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":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"contentInnerElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["contentInnerElement"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵc"},{"__symbolic":"reference","module":"@angular/platform-browser","name":"Title"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","module":"@angular/router","name":"Router"}]}],"ngOnInit":[{"__symbolic":"method"}],"getTitle":[{"__symbolic":"method"}],"setContentMinHeight":[{"__symbolic":"method"}]}},"ɵe":{"__symbolic":"class","members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵf"}]}],"sidebarLeftCollapsed":[{"__symbolic":"method"}],"sidebarLeftExpandOnOver":[{"__symbolic":"method"}],"setSidebarLeftElementHeight":[{"__symbolic":"method"}],"setSidebarRightSkin":[{"__symbolic":"method"}],"sidebarLeftMouseOver":[{"__symbolic":"method"}],"sidebarLeftMini":[{"__symbolic":"method"}],"sidebarRightCollapsed":[{"__symbolic":"method"}],"sidebarRightOverContent":[{"__symbolic":"method"}],"setSidebarLeftMenu":[{"__symbolic":"method"}],"setLayout":[{"__symbolic":"method"}],"setSkin":[{"__symbolic":"method"}],"setWrapperClasses":[{"__symbolic":"method"}],"setWindowInnerHeight":[{"__symbolic":"method"}],"setWindowInnerWidth":[{"__symbolic":"method"}]}},"ɵf":{"__symbolic":"interface"},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"}],"declarations":[{"__symbolic":"reference","name":"ɵm"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"}]}]}],"members":{}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mk-layout-footer-left","template":"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["templateRef"]}]}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mk-layout-footer-right","template":"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["templateRef"]}]}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"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  "]}]}],"members":{"footerLeftComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵk"}]}]}],"footerRightComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵl"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","name":"ɵi"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"}],"declarations":[{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"}]}]}],"members":{}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mk-layout-header-logo","template":"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["templateRef"]}]}]}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mk-layout-header-logo-mini","template":"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["templateRef"]}]}]}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"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  "]}]}],"members":{"isSidebarLeftToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"isSidebarRightToggle":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerLogoComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵo"}]}]}],"headerLogoMiniComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵp"}]}]}],"headerElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["headerElement"]}]}],"sidebarLeftToggleElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["sidebarLeftToggleElement"]}]}],"sidebarRightToggleElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["sidebarRightToggleElement"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"},{"__symbolic":"reference","module":"@angular/router","name":"RouterModule"},{"__symbolic":"reference","name":"ɵs"}],"exports":[{"__symbolic":"reference","name":"ɵu"}],"declarations":[{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵu"}]}]}],"members":{}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"ɵt"}],"declarations":[{"__symbolic":"reference","name":"ɵt"}]}]}],"members":{}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[collapseAnimation]"}]}],"members":{"collapseAnimationDuration":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"collapseAnimationTiming":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_isCollapsed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["collapseAnimation"]}]}],"startEventEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["collapseAnimation.start"]}]}],"doneEventEmitter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"},"arguments":["collapseAnimation.done"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"subscriptions":[{"__symbolic":"method"}],"unCollapse":[{"__symbolic":"method"}],"collapse":[{"__symbolic":"method"}],"emit":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"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":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"sidebarElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["sidebarElement"]}]}],"sidebarLeftToggleDirectives":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"ɵv"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/router","name":"Router"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"setSidebarListeners":[{"__symbolic":"method"}],"setMenuListeners":[{"__symbolic":"method"}],"getIconClasses":[{"__symbolic":"method"}],"visibilityStateStart":[{"__symbolic":"method"}],"uncollapseItemParents":[{"__symbolic":"method"}],"findItemsByUrl":[{"__symbolic":"method"}],"activeItems":[{"__symbolic":"method"}],"monkeyPatchMenu":[{"__symbolic":"method"}],"removeListeners":[{"__symbolic":"method"}],"setMenuTogglesListeners":[{"__symbolic":"method"}],"checkMenuWithoutChildren":[{"__symbolic":"method"}],"setSidebarHeight":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[mkMenuToggle]"}]}],"members":{"item":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mkMenuToggle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable"}}],"members":{}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"ɵy"}],"declarations":[{"__symbolic":"reference","name":"ɵy"}]}]}],"members":{}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"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":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"sidebarContentElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["sidebarContentElement"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵw"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule"}],"exports":[{"__symbolic":"reference","name":"ɵba"}],"declarations":[{"__symbolic":"reference","name":"ɵba"}]}]}],"members":{}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"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  "]}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbb":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken"},"arguments":["layoutConfig"]},"ɵbc":{"__symbolic":"function","parameters":["layoutConfig"],"value":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"ɵe"},"arguments":[{"__symbolic":"reference","name":"layoutConfig"}]}},"ɵbd":{"__symbolic":"function","parameters":["layoutConfig"],"value":[{"provide":{"__symbolic":"reference","name":"ɵe"},"useFactory":{"__symbolic":"reference","name":"ɵbc"},"deps":[{"__symbolic":"reference","name":"ɵbb"}]},{"provide":{"__symbolic":"reference","name":"ɵbb"},"useValue":{"__symbolic":"reference","name":"layoutConfig"}}]},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule"},"arguments":[{"exports":[{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"}],"declarations":[{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"}]}]}],"members":{}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[mkColor]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"condition":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mkColorCondition"]}]}],"prefix":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mkColorPrefix"]}]}],"property":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mkColorProperty"]}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mkColor"]}]}],"reset":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[mkFontColor]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mkFontColor"]}]}],"reset":[{"__symbolic":"method"}]}},"ɵbh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mk-accordion-header","template":"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["templateRef"]}]}]}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mk-accordion-content","template":"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],"members":{"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["templateRef"]}]}]}},"ɵbj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mk-accordion","template":"<ng-template #templateRef><ng-content></ng-content></ng-template>"}]}],"members":{"borderColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"contentColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"contentStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"header":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerColorHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"headerStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"accordionHeaderComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵbh"}]}]}],"accordionContentComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild"},"arguments":[{"__symbolic":"reference","name":"ɵbi"}]}]}],"templateRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["templateRef"]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵbk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"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  "}]}],"members":{"_activeIndex":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["activeIndex"]}]}],"isMultiple":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onCollapseStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onCollapseDone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"accordionComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChildren"},"arguments":[{"__symbolic":"reference","name":"ɵbj"}]}]}],"accordionToggleDirectives":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren"},"arguments":[{"__symbolic":"reference","name":"ɵbl"}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"}]}],"ngAfterContentInit":[{"__symbolic":"method"}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnChanges":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"headerMouseEnter":[{"__symbolic":"method"}],"headerMouseLeave":[{"__symbolic":"method"}],"toggleAccordion":[{"__symbolic":"method"}],"collapseStart":[{"__symbolic":"method"}],"collapseDone":[{"__symbolic":"method"}],"setAccordionsIndex":[{"__symbolic":"method"}],"setAccordionsToggle":[{"__symbolic":"method"}],"updateAccordionIsCollapsed":[{"__symbolic":"method"}],"removeListeners":[{"__symbolic":"method"}]}},"ɵbl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive"},"arguments":[{"selector":"[mkAccordionToggle]"}]}],"members":{"accordionComponent":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["mkAccordionToggle"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef"}]}]}},"ɵbm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"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>&times;</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":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"callout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"dismissOnTimeout":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"_isDismissible":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"},"arguments":["isDismissible"]}]}],"styleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"onCollapseStart":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"onCollapseDone":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output"}}]}],"removeButtonElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["removeButtonElement"]}]}],"containerElementRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild"},"arguments":["containerElementRef",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef"},{"__symbolic":"reference","module":"@angular/core","name":"NgZone"},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2"},{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef"}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"collapseStart":[{"__symbolic":"method"}],"collapseDone":[{"__symbolic":"method"}]}},"ɵbn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component"},"arguments":[{"selector":"mk-box","template":"\n    <div *ngIf=\"!removed\" [mkColor]=\"boxColor\" mkColorProperty=\"border-color\" mkColorPrefix=\"box\" [ngClass]=\"styleClass\" [class.collapsed-box]=\"isCollapsed && !isCollaping\" [class.box-solid]=\"isSolid\">\n      <div *ngIf=\"header || boxHeaderDirective\" [ngClass]=\"headerStyleClass\" [mkColor]=\"boxColor\" [mkColorCondition]=\"isSolid\" mkColorProperty=\"background-color\" [class.with-border]=\"headerBorder\">\n        <h3 class=\"box-title\" [mkFontColor]=\"headerColor\">\n          {{header}}\n          <ng-content select=\"mk-box-header\"></ng-content>\n        </h3>\n        <div class=\"box-tools pull-right\">\n          <ng-content select=\"mk-box-tools\"></ng-content>\n          <button *ngIf=\"isCollapsable\" type=\"button\" [ngClass]=\"buttonsStyleClass\" #toggleButtonElement>\n            <i class=\"fa\" [ngClass]=\"{'fa-plus': isCollapsed, 'fa-minus': !isCollapsed}\"></i>\n          </button>\n          <button *ngIf=\"isRemovable\" type=\"button\" [ngClass]=\"buttonsStyleClass\" #removeButtonElement>\n            <i class=\"fa fa-times\"></i>\n          </button>\n        </div>\n      </div>\n      <div [ngClass]=\"contentStyleClass\" [mkFontColor]=\"contentColor\" [collapseAnimation]=\"isCollapsed\" (collapseAnimation.start)=\"collapseStart($event)\" (collapseAnimation.done)=\"collapseDone($event)\">\n        <div class=\"box-body\">\n          <ng-container *ngIf=\"boxHeaderDirective || boxContentDirective || boxFooterDirective || BoxToolsDirective else noDirective\">\n            <ng-content select=\"mk-box-content\"></ng-content>\n          </ng-container>\n          <ng-template #noDirective>\n            <ng-content></ng-content>\n          </ng-template>\n        </div>\n        <div *ngIf=\"footer || boxFooterDirective\" [ngClass]=\"footerSyleClass\" [mkFontColor]=\"footerColor\">\n          {{footer}}\n          <ng-content select=\"mk-box-footer\"></ng-content>\n        </div>\n      </div>\n      <div *ngIf=\"isLoading\" class=\"overlay\">\n        <i [ngClass]=\"loadingStyleClass\" [mkFontColor]=\"loadingColor\"></i>\n      </div>\n    </div>\n  ","styles":["\n    .box.collapsed-box .box-body,\n    .box.collapsed-box .box-footer {\n      display: inherit;\n    }\n\n    .box-solid {\n      border: 1px solid;\n    }\n\n    .box-body {\n      background-color: #fff;\n    }\n\n    .box.box-solid.bg-color > .box-header {\n      color: #fff;\n    }\n  "],"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy"},"member":"OnPush"}}]}],"members":{"boxColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"buttonsStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"contentStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"contentColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"footer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"footerColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input"}}]}],"footerStyleClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symboli