@coreui/angular - npm Package Compare versions

Comparing version 1.0.1 to 1.0.2

Angular4_CLI_Full_Project/.angular-cli.json

 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "project": {
-    "version": "1.0.0",
+    "version": "1.0.2",
     "name": "@coreui/angular"
@@ -6,0 +6,0 @@ },

Angular4_CLI_Full_Project/package.json

 {
   "name": "@coreui/angular",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "",
@@ -19,28 +19,29 @@ "author": "",
   "dependencies": {
-    "@angular/common": "4.4.2",
-    "@angular/compiler": "4.4.2",
-    "@angular/core": "4.4.2",
-    "@angular/forms": "4.4.2",
-    "@angular/http": "4.4.2",
-    "@angular/platform-browser": "4.4.2",
-    "@angular/platform-browser-dynamic": "4.4.2",
-    "@angular/router": "4.4.2",
-    "@angular/upgrade": "4.4.2",
+    "@angular/common": "4.4.4",
+    "@angular/compiler": "4.4.4",
+    "@angular/core": "4.4.4",
+    "@angular/forms": "4.4.4",
+    "@angular/http": "4.4.4",
+    "@angular/platform-browser": "4.4.4",
+    "@angular/platform-browser-dynamic": "4.4.4",
+    "@angular/router": "4.4.4",
+    "@angular/upgrade": "4.4.4",
     "chart.js": "2.7.0",
     "core-js": "2.5.1",
     "font-awesome": "^4.7.0",
-    "moment": "2.18.1",
+    "is-url-external": "^1.0.3",
+    "moment": "2.19.1",
+    "ng2-charts": "1.6.0",
     "ngx-bootstrap": "1.9.3",
-    "ng2-charts": "1.6.0",
     "rxjs": "5.4.3",
     "simple-line-icons": "^2.4.1",
     "ts-helpers": "1.1.2",
-    "zone.js": "0.8.17"
+    "zone.js": "0.8.18"
   },
   "devDependencies": {
-    "@angular/cli": "1.4.2",
-    "@angular/compiler-cli": "4.4.2",
+    "@angular/cli": "1.4.6",
+    "@angular/compiler-cli": "4.4.4",
     "@types/jasmine": "2.6.0",
-    "@types/node": "8.0.28",
-    "codelyzer": "3.2.0",
+    "@types/node": "8.0.34",
+    "codelyzer": "3.2.1",
     "jasmine-core": "2.8.0",
@@ -57,3 +58,3 @@ "jasmine-spec-reporter": "4.2.1",
     "tslint": "5.7.0",
-    "typescript": "2.5.2"
+    "typescript": "2.5.3"
   },
@@ -60,0 +61,0 @@ "engines": {

Angular4_CLI_Full_Project/src/app/app.module.ts

@@ -9,9 +9,9 @@ import { BrowserModule } from '@angular/platform-browser';
 import {
-  FullLayout,
-  SimpleLayout
+  FullLayoutComponent,
+  SimpleLayoutComponent
 } from './containers';
 
 const APP_CONTAINERS = [
-  FullLayout,
-  SimpleLayout
+  FullLayoutComponent,
+  SimpleLayoutComponent
 ]
@@ -21,23 +21,25 @@
 import {
-  AppAside,
-  AppBreadcrumbs,
-  AppFooter,
-  AppHeader,
-  AppSidebar,
-  AppSidebarFooter,
-  AppSidebarForm,
-  AppSidebarHeader,
-  AppSidebarMinimizer
+  AppAsideComponent,
+  AppBreadcrumbsComponent,
+  AppFooterComponent,
+  AppHeaderComponent,
+  AppSidebarComponent,
+  AppSidebarFooterComponent,
+  AppSidebarFormComponent,
+  AppSidebarHeaderComponent,
+  AppSidebarMinimizerComponent,
+  APP_SIDEBAR_NAV
 } from './components';
 
 const APP_COMPONENTS = [
-  AppAside,
-  AppBreadcrumbs,
-  AppFooter,
-  AppHeader,
-  AppSidebar,
-  AppSidebarFooter,
-  AppSidebarForm,
-  AppSidebarHeader,
-  AppSidebarMinimizer
+  AppAsideComponent,
+  AppBreadcrumbsComponent,
+  AppFooterComponent,
+  AppHeaderComponent,
+  AppSidebarComponent,
+  AppSidebarFooterComponent,
+  AppSidebarFormComponent,
+  AppSidebarHeaderComponent,
+  AppSidebarMinimizerComponent,
+  APP_SIDEBAR_NAV
 ]
@@ -49,2 +51,3 @@
   NAV_DROPDOWN_DIRECTIVES,
+  ReplaceDirective,
   SIDEBAR_TOGGLE_DIRECTIVES
@@ -56,2 +59,3 @@ } from './directives';
   NAV_DROPDOWN_DIRECTIVES,
+  ReplaceDirective,
   SIDEBAR_TOGGLE_DIRECTIVES
@@ -58,0 +62,0 @@ ]

Angular4_CLI_Full_Project/src/app/app.routing.ts

@@ -6,4 +6,4 @@ import { NgModule } from '@angular/core';
 import {
-  FullLayout,
-  SimpleLayout
+  FullLayoutComponent,
+  SimpleLayoutComponent
 } from './containers';
@@ -19,3 +19,3 @@
     path: '',
-    component: FullLayout,
+    component: FullLayoutComponent,
     data: {
@@ -49,3 +49,3 @@ title: 'Home'
     path: 'pages',
-    component: SimpleLayout,
+    component: SimpleLayoutComponent,
     data: {
@@ -52,0 +52,0 @@ title: 'Pages'

Angular4_CLI_Full_Project/src/app/components/app-aside/app-aside.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,5 @@ @Component({
 })
-export class AppAside {
+export class AppAsideComponent {
 
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
+  constructor() { }
 }

Angular4_CLI_Full_Project/src/app/components/app-breadcrumbs/app-breadcrumbs.component.ts

@@ -17,3 +17,3 @@ import { Component } from '@angular/core';
 })
-export class AppBreadcrumbs {
+export class AppBreadcrumbsComponent {
   breadcrumbs: Array<Object>;
@@ -31,2 +31,3 @@ constructor(
         currentRoute = null;
+        // tslint:disable-next-line:no-shadowed-variable
         childrenRoutes.forEach(route => {
@@ -33,0 +34,0 @@ if (route.outlet === 'primary') {

Angular4_CLI_Full_Project/src/app/components/app-footer/app-footer.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppFooter {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppFooterComponent { }

Angular4_CLI_Full_Project/src/app/components/app-header/app-header.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppHeader {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppHeaderComponent { }

Angular4_CLI_Full_Project/src/app/components/app-sidebar-footer/app-sidebar-footer.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppSidebarFooter {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppSidebarFooterComponent { }

Angular4_CLI_Full_Project/src/app/components/app-sidebar-form/app-sidebar-form.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppSidebarForm {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppSidebarFormComponent { }

Angular4_CLI_Full_Project/src/app/components/app-sidebar-header/app-sidebar-header.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppSidebarHeader {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppSidebarHeaderComponent { }

Angular4_CLI_Full_Project/src/app/components/app-sidebar-minimizer/app-sidebar-minimizer.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppSidebarMinimizer {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppSidebarMinimizerComponent { }

Angular4_CLI_Full_Project/src/app/components/app-sidebar/app-sidebar.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppSidebar {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppSidebarComponent { }

Angular4_CLI_Full_Project/src/app/components/index.ts

@@ -10,1 +10,2 @@ export * from './app-aside';
 export * from './app-sidebar-minimizer';
+export * from './app-sidebar-nav';

Angular4_CLI_Full_Project/src/app/containers/full-layout/full-layout.component.ts

@@ -1,2 +0,2 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,18 +7,2 @@ @Component({
 })
-export class FullLayout implements OnInit {
-
-  // public disabled = false;
-  // public status: {isopen: boolean} = {isopen: false};
-  //
-  // public toggled(open: boolean): void {
-  //   console.log('Dropdown is now: ', open);
-  // }
-  //
-  // public toggleDropdown($event: MouseEvent): void {
-  //   $event.preventDefault();
-  //   $event.stopPropagation();
-  //   this.status.isopen = !this.status.isopen;
-  // }
-
-  ngOnInit(): void {}
-}
+export class FullLayoutComponent { }

Angular4_CLI_Full_Project/src/app/containers/simple-layout/simple-layout.component.ts

@@ -1,2 +0,2 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,7 +7,2 @@ @Component({
 })
-export class SimpleLayout implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void { }
-}
+export class SimpleLayoutComponent { }

Angular4_CLI_Full_Project/src/app/directives/index.ts

 export * from './aside';
 export * from './nav-dropdown';
+export * from './replace';
 export * from './sidebar';

Angular4_CLI_Full_Project/src/app/views/dashboard/dashboard.component.ts

@@ -9,4 +9,2 @@ import { Component, OnInit } from '@angular/core';
 
-  // constructor( ) { }
-
   public brandPrimary = '#20a8d8';
@@ -19,29 +17,9 @@ public brandSuccess = '#4dbd74';
   // dropdown buttons
-  public status: { isopen } = { isopen: false };
-  public toggleDropdown($event: MouseEvent): void {
-    $event.preventDefault();
-    $event.stopPropagation();
-    this.status.isopen = !this.status.isopen;
-  }
+  // public status: { isopen } = { isopen: false };
+  // public toggleDropdown($event: MouseEvent): void {
+  //   $event.preventDefault();
+  //   $event.stopPropagation();
+  //   this.status.isopen = !this.status.isopen;
+  // }
 
-  // convert Hex to RGBA
-  public convertHex(hex: string, opacity: number) {
-    hex = hex.replace('#', '');
-    const r = parseInt(hex.substring(0, 2), 16);
-    const g = parseInt(hex.substring(2, 4), 16);
-    const b = parseInt(hex.substring(4, 6), 16);
-
-    const rgba = 'rgba(' + r + ', ' + g + ', ' + b + ', ' + opacity / 100 + ')';
-    return rgba;
-  }
-
-  // events
-  public chartClicked(e: any): void {
-    console.log(e);
-  }
-
-  public chartHovered(e: any): void {
-    console.log(e);
-  }
-
   // lineChart1
@@ -233,6 +211,2 @@ public lineChart1Data: Array<any> = [
 
-  public random(min: number, max: number) {
-    return Math.floor(Math.random() * (max - min + 1) + min);
-  }
-
   public mainChartElements = 27;
@@ -467,3 +441,26 @@ public mainChartData1: Array<number> = [];
 
+  // events
+  public chartClicked(e: any): void {
+    console.log(e);
+  }
 
+  public chartHovered(e: any): void {
+    console.log(e);
+  }
+
+  // convert Hex to RGBA
+  public convertHex(hex: string, opacity: number) {
+    hex = hex.replace('#', '');
+    const r = parseInt(hex.substring(0, 2), 16);
+    const g = parseInt(hex.substring(2, 4), 16);
+    const b = parseInt(hex.substring(4, 6), 16);
+
+    const rgba = 'rgba(' + r + ', ' + g + ', ' + b + ', ' + opacity / 100 + ')';
+    return rgba;
+  }
+
+  public random(min: number, max: number) {
+    return Math.floor(Math.random() * (max - min + 1) + min);
+  }
+
   ngOnInit(): void {
@@ -470,0 +467,0 @@ // generate random values for mainChart

Angular4_CLI_Full_Project/src/app/views/widgets/widgets.component.ts

@@ -8,4 +8,2 @@ import { Component } from '@angular/core';
 
-  constructor() { }
-
   public brandPrimary = '#20a8d8';
@@ -17,30 +15,2 @@ public brandSuccess = '#4dbd74';
 
-  // dropdown buttons
-  public status: { isopen } = { isopen: false };
-  public toggleDropdown($event: MouseEvent): void {
-    $event.preventDefault();
-    $event.stopPropagation();
-    this.status.isopen = !this.status.isopen;
-  }
-
-  // convert Hex to RGBA
-  // public convertHex(hex: string, opacity: number){
-  //   hex = hex.replace('#','');
-  //   let r = parseInt(hex.substring(0,2), 16);
-  //   let g = parseInt(hex.substring(2,4), 16);
-  //   let b = parseInt(hex.substring(4,6), 16);
-  //
-  //   let rgba = 'rgba('+r+','+g+','+b+','+opacity/100+')';
-  //   return rgba;
-  // }
-
-  // events
-  public chartClicked(e: any): void {
-    console.log(e);
-  }
-
-  public chartHovered(e: any): void {
-    console.log(e);
-  }
-
   // lineChart1
@@ -396,2 +366,10 @@ public lineChart1Data: Array<any> = [
 
+  // events
+  public chartClicked(e: any): void {
+    console.log(e);
+  }
+
+  public chartHovered(e: any): void {
+    console.log(e);
+  }
 }

Angular4_CLI_Starter/.angular-cli.json

 {
   "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
   "project": {
-    "version": "1.0.0",
+    "version": "1.0.2",
     "name": "@coreui/angular"
@@ -6,0 +6,0 @@ },

Angular4_CLI_Starter/package.json

 {
   "name": "@coreui/angular",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "",
@@ -19,28 +19,29 @@ "author": "",
   "dependencies": {
-    "@angular/common": "4.4.2",
-    "@angular/compiler": "4.4.2",
-    "@angular/core": "4.4.2",
-    "@angular/forms": "4.4.2",
-    "@angular/http": "4.4.2",
-    "@angular/platform-browser": "4.4.2",
-    "@angular/platform-browser-dynamic": "4.4.2",
-    "@angular/router": "4.4.2",
-    "@angular/upgrade": "4.4.2",
+    "@angular/common": "4.4.4",
+    "@angular/compiler": "4.4.4",
+    "@angular/core": "4.4.4",
+    "@angular/forms": "4.4.4",
+    "@angular/http": "4.4.4",
+    "@angular/platform-browser": "4.4.4",
+    "@angular/platform-browser-dynamic": "4.4.4",
+    "@angular/router": "4.4.4",
+    "@angular/upgrade": "4.4.4",
     "chart.js": "2.7.0",
     "core-js": "2.5.1",
     "font-awesome": "^4.7.0",
-    "moment": "2.18.1",
+    "is-url-external": "^1.0.3",
+    "moment": "2.19.1",
+    "ng2-charts": "1.6.0",
     "ngx-bootstrap": "1.9.3",
-    "ng2-charts": "1.6.0",
     "rxjs": "5.4.3",
     "simple-line-icons": "^2.4.1",
     "ts-helpers": "1.1.2",
-    "zone.js": "0.8.17"
+    "zone.js": "0.8.18"
   },
   "devDependencies": {
-    "@angular/cli": "1.4.2",
-    "@angular/compiler-cli": "4.4.2",
+    "@angular/cli": "1.4.6",
+    "@angular/compiler-cli": "4.4.4",
     "@types/jasmine": "2.6.0",
-    "@types/node": "8.0.28",
-    "codelyzer": "3.2.0",
+    "@types/node": "8.0.34",
+    "codelyzer": "3.2.1",
     "jasmine-core": "2.8.0",
@@ -57,3 +58,3 @@ "jasmine-spec-reporter": "4.2.1",
     "tslint": "5.7.0",
-    "typescript": "2.5.2"
+    "typescript": "2.5.3"
   },
@@ -60,0 +61,0 @@ "engines": {

Angular4_CLI_Starter/src/app/app.module.ts

@@ -9,34 +9,36 @@ import { BrowserModule } from '@angular/platform-browser';
 import {
-  FullLayout,
-  SimpleLayout
+  FullLayoutComponent,
+  SimpleLayoutComponent
 } from './containers';
 
 const APP_CONTAINERS = [
-  FullLayout,
-  SimpleLayout
+  FullLayoutComponent,
+  SimpleLayoutComponent
 ]
 
-/// Import components
+// Import components
 import {
-  AppAside,
-  AppBreadcrumbs,
-  AppFooter,
-  AppHeader,
-  AppSidebar,
-  AppSidebarFooter,
-  AppSidebarForm,
-  AppSidebarHeader,
-  AppSidebarMinimizer
+  AppAsideComponent,
+  AppBreadcrumbsComponent,
+  AppFooterComponent,
+  AppHeaderComponent,
+  AppSidebarComponent,
+  AppSidebarFooterComponent,
+  AppSidebarFormComponent,
+  AppSidebarHeaderComponent,
+  AppSidebarMinimizerComponent,
+  APP_SIDEBAR_NAV
 } from './components';
 
 const APP_COMPONENTS = [
-  AppAside,
-  AppBreadcrumbs,
-  AppFooter,
-  AppHeader,
-  AppSidebar,
-  AppSidebarFooter,
-  AppSidebarForm,
-  AppSidebarHeader,
-  AppSidebarMinimizer
+  AppAsideComponent,
+  AppBreadcrumbsComponent,
+  AppFooterComponent,
+  AppHeaderComponent,
+  AppSidebarComponent,
+  AppSidebarFooterComponent,
+  AppSidebarFormComponent,
+  AppSidebarHeaderComponent,
+  AppSidebarMinimizerComponent,
+  APP_SIDEBAR_NAV
 ]
@@ -48,2 +50,3 @@
   NAV_DROPDOWN_DIRECTIVES,
+  ReplaceDirective,
   SIDEBAR_TOGGLE_DIRECTIVES
@@ -55,2 +58,3 @@ } from './directives';
   NAV_DROPDOWN_DIRECTIVES,
+  ReplaceDirective,
   SIDEBAR_TOGGLE_DIRECTIVES
@@ -57,0 +61,0 @@ ]

Angular4_CLI_Starter/src/app/app.routing.ts

@@ -6,4 +6,4 @@ import { NgModule } from '@angular/core';
 import {
-  FullLayout,
-  SimpleLayout
+  FullLayoutComponent,
+  SimpleLayoutComponent
 } from './containers';
@@ -19,3 +19,3 @@
     path: '',
-    component: FullLayout,
+    component: FullLayoutComponent,
     data: {
@@ -22,0 +22,0 @@ title: 'Home'

Angular4_CLI_Starter/src/app/components/app-aside/app-aside.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,5 @@ @Component({
 })
-export class AppAside {
+export class AppAsideComponent {
 
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
+  constructor() { }
 }

Angular4_CLI_Starter/src/app/components/app-breadcrumbs/app-breadcrumbs.component.ts

@@ -17,3 +17,3 @@ import { Component } from '@angular/core';
 })
-export class AppBreadcrumbs {
+export class AppBreadcrumbsComponent {
   breadcrumbs: Array<Object>;
@@ -31,2 +31,3 @@ constructor(
         currentRoute = null;
+        // tslint:disable-next-line:no-shadowed-variable
         childrenRoutes.forEach(route => {
@@ -33,0 +34,0 @@ if (route.outlet === 'primary') {

Angular4_CLI_Starter/src/app/components/app-footer/app-footer.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppFooter {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppFooterComponent { }

Angular4_CLI_Starter/src/app/components/app-header/app-header.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppHeader {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppHeaderComponent { }

Angular4_CLI_Starter/src/app/components/app-sidebar-footer/app-sidebar-footer.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppSidebarFooter {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppSidebarFooterComponent { }

Angular4_CLI_Starter/src/app/components/app-sidebar-form/app-sidebar-form.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppSidebarForm {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppSidebarFormComponent { }

Angular4_CLI_Starter/src/app/components/app-sidebar-header/app-sidebar-header.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppSidebarHeader {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppSidebarHeaderComponent { }

Angular4_CLI_Starter/src/app/components/app-sidebar-minimizer/app-sidebar-minimizer.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppSidebarMinimizer {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppSidebarMinimizerComponent { }

Angular4_CLI_Starter/src/app/components/app-sidebar/app-sidebar.component.ts

@@ -1,2 +0,2 @@
-import { Component, ElementRef } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,17 +7,2 @@ @Component({
 })
-export class AppSidebar {
-
-  constructor(private el: ElementRef) { }
-
-  //wait for the component to render completely
-  ngOnInit(): void {
-    var nativeElement: HTMLElement = this.el.nativeElement,
-    parentElement: HTMLElement = nativeElement.parentElement;
-    // move all children out of the element
-    while (nativeElement.firstChild) {
-      parentElement.insertBefore(nativeElement.firstChild, nativeElement);
-    }
-    // remove the empty element(the host)
-    parentElement.removeChild(nativeElement);
-  }
-}
+export class AppSidebarComponent { }

Angular4_CLI_Starter/src/app/components/index.ts

@@ -10,1 +10,2 @@ export * from './app-aside';
 export * from './app-sidebar-minimizer';
+export * from './app-sidebar-nav';

Angular4_CLI_Starter/src/app/containers/full-layout/full-layout.component.ts

@@ -1,2 +0,2 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,18 +7,2 @@ @Component({
 })
-export class FullLayout implements OnInit {
-
-  // public disabled = false;
-  // public status: {isopen: boolean} = {isopen: false};
-  //
-  // public toggled(open: boolean): void {
-  //   console.log('Dropdown is now: ', open);
-  // }
-  //
-  // public toggleDropdown($event: MouseEvent): void {
-  //   $event.preventDefault();
-  //   $event.stopPropagation();
-  //   this.status.isopen = !this.status.isopen;
-  // }
-
-  ngOnInit(): void {}
-}
+export class FullLayoutComponent { }

Angular4_CLI_Starter/src/app/containers/simple-layout/simple-layout.component.ts

@@ -1,2 +0,2 @@
-import { Component, OnInit } from '@angular/core';
+import { Component } from '@angular/core';
 
@@ -7,7 +7,2 @@ @Component({
 })
-export class SimpleLayout implements OnInit {
-
-  constructor() { }
-
-  ngOnInit(): void { }
-}
+export class SimpleLayoutComponent { }

Angular4_CLI_Starter/src/app/directives/index.ts

 export * from './aside';
 export * from './nav-dropdown';
+export * from './replace';
 export * from './sidebar';

package.json

 {
   "name": "@coreui/angular",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Open Source Angular Admin Template",
@@ -5,0 +5,0 @@ "main": "",

No alert changes

Improved metrics

Total package byte prevSize

2012570

increased by0.21%

Number of package files

961

increased by0.63%

Lines of code

3581

increased by8.15%

Worsened metrics

Number of downloads

23805

decreased by-24.07%

No dependency changes