refactor: @coreui/angular components library

Author: xidedix

projects/coreui/angular/ng-package.json

@@ -1,8 +1,8 @@
 {
   "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
   "dest": "../../../dist/@coreui/angular",
-  "deleteDestPath": false,
+  "deleteDestPath": true,						  
   "lib": {
-    "entryFile": "src/public_api.ts"
+    "entryFile": "src/public-api.ts"
   }
-}
+}

projects/coreui/angular/ng-package.prod.json

@@ -2,6 +2,6 @@
   "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
   "dest": "../../../dist/@coreui/angular",
   "lib": {
-    "entryFile": "src/public_api.ts"
+    "entryFile": "src/public-api.ts"
   }
 }

projects/coreui/angular/src/lib/aside/app-aside.component.ts

@@ -14,7 +14,7 @@ export class AppAsideComponent implements OnInit, OnDestroy {
 
   private readonly fixedClass = 'aside-menu-fixed';
 
-  @HostBinding('class.aside-menu') _aside = true;
+  @HostBinding('class.aside-menu') asideMenuClass = true;
 
   constructor(
     @Inject(DOCUMENT) private document: any,

projects/coreui/angular/src/lib/breadcrumb/app-breadcrumb.service.ts

@@ -9,20 +9,20 @@ import { filter } from 'rxjs/operators';
 )
 export class AppBreadcrumbService {
 
-  breadcrumbs: Observable<Array<Object>>;
+  breadcrumbs: Observable<Array<any>>;
 
-  private _breadcrumbs: BehaviorSubject<Array<Object>>;
+  private breadcrumbSubject: BehaviorSubject<Array<any>>;
 
   constructor(private router: Router, private route: ActivatedRoute) {
 
-    this._breadcrumbs = new BehaviorSubject<Object[]>(new Array<Object>());
+    this.breadcrumbSubject = new BehaviorSubject<any[]>(new Array<any>());
 
-    this.breadcrumbs = this._breadcrumbs.asObservable();
+    this.breadcrumbs = this.breadcrumbSubject.asObservable();
 
     this.router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe((event) => {
       const breadcrumbs = [];
-      let currentRoute = this.route.root,
-      url = '';
+      let currentRoute = this.route.root;
+      let url = '';
       do {
         const childrenRoutes = currentRoute.children;
         currentRoute = null;
@@ -33,14 +33,14 @@ export class AppBreadcrumbService {
             url += '/' + routeSnapshot.url.map(segment => segment.path).join('/');
             breadcrumbs.push({
               label: route.snapshot.data,
-              url:   url
+              url
             });
             currentRoute = route;
           }
         });
       } while (currentRoute);
 
-      this._breadcrumbs.next(Object.assign([], breadcrumbs));
+      this.breadcrumbSubject.next(Object.assign([], breadcrumbs));
 
       return breadcrumbs;
     });

projects/coreui/angular/src/lib/coreui.module.ts

@@ -0,0 +1,28 @@
+import { NgModule } from '@angular/core';
+import { AppAsideComponent } from './aside';
+import { AppBreadcrumbComponent, CuiBreadcrumbComponent } from './breadcrumb';
+import { AppFooterComponent } from './footer';
+import { AppHeaderComponent } from './header';
+import { AppSidebarComponent } from './sidebar';
+
+@NgModule({
+  declarations: [
+    AppAsideComponent,
+    AppBreadcrumbComponent,
+    CuiBreadcrumbComponent,
+    AppFooterComponent,
+    AppHeaderComponent,
+    AppSidebarComponent
+  ],
+  imports: [
+  ],
+  exports: [
+    AppAsideComponent,
+    AppBreadcrumbComponent,
+    CuiBreadcrumbComponent,
+    AppFooterComponent,
+    AppHeaderComponent,
+    AppSidebarComponent
+  ]
+})
+export class CoreuiModule { }

projects/coreui/angular/src/lib/footer/app-footer.component.ts

@@ -10,7 +10,7 @@ export class AppFooterComponent implements OnInit, OnDestroy {
 
   private readonly fixedClass = 'footer-fixed';
 
-  @HostBinding('class.app-footer') _footer = true;
+  @HostBinding('class.app-footer') appFooterClass = true;
 
   constructor(
     @Inject(DOCUMENT) private document: any,

projects/coreui/angular/src/lib/header/app-header.component.ts

@@ -24,8 +24,8 @@ export class AppHeaderComponent implements OnInit, OnDestroy {
 
   private readonly fixedClass = 'header-fixed';
 
-  @HostBinding('class.app-header') _header = true;
-  @HostBinding('class.navbar') _navbar = true;
+  @HostBinding('class.app-header') appHeaderClass = true;
+  @HostBinding('class.navbar') navbarClass = true;
 
   navbarBrandImg: boolean;
 
@@ -44,10 +44,10 @@ export class AppHeaderComponent implements OnInit, OnDestroy {
     this.isFixed(this.fixed);
     this.navbarBrandImg = Boolean(this.navbarBrand || this.navbarBrandFull || this.navbarBrandMinimized);
     this.navbarBrandRouterLink = this.navbarBrandRouterLink[0] ? this.navbarBrandRouterLink : this.navbarBrandHref;
-    this.sidebarTogglerClass = this.setToggerBreakpointClass(<string>this.sidebarToggler);
-    this.sidebarTogglerMobileClass = this.setToggerMobileBreakpointClass(<string>this.sidebarToggler);
-    this.asideTogglerClass = this.setToggerBreakpointClass(<string>this.asideMenuToggler);
-    this.asideTogglerMobileClass = this.setToggerMobileBreakpointClass(<string>this.asideMenuToggler);
+    this.sidebarTogglerClass = this.setToggerBreakpointClass(this.sidebarToggler as string);
+    this.sidebarTogglerMobileClass = this.setToggerMobileBreakpointClass(this.sidebarToggler as string);
+    this.asideTogglerClass = this.setToggerBreakpointClass(this.asideMenuToggler as string);
+    this.asideTogglerMobileClass = this.setToggerMobileBreakpointClass(this.asideMenuToggler as string);
   }
 
   ngOnDestroy(): void {

projects/coreui/angular/src/lib/shared/layout/layout.directive.ts

@@ -5,8 +5,8 @@ import { asideMenuCssClasses, sidebarCssClasses } from '../classes';
 import { ClassToggler } from '../toggle-classes';
 
 /**
-* Allows the sidebar to be toggled via click.
-*/
+ * Allows the sidebar to be toggled via click.
+ */
 @Directive({
   selector: '[appSidebarToggler]',
   providers: [ClassToggler]
@@ -65,8 +65,8 @@ export class MobileSidebarToggleDirective {
 }
 
 /**
-* Allows the off-canvas sidebar to be closed via click.
-*/
+ * Allows the off-canvas sidebar to be closed via click.
+ */
 @Directive({
   selector: '[appSidebarClose]'
 })
@@ -110,8 +110,8 @@ export class BrandMinimizeDirective {
 
 
 /**
-* Allows the aside to be toggled via click.
-*/
+ * Allows the aside to be toggled via click.
+ */
 @Directive({
   selector: '[appAsideMenuToggler]',
   providers: [ClassToggler]

projects/coreui/angular/src/lib/sidebar/app-sidebar-footer.component.ts

@@ -6,7 +6,7 @@ import {Component, HostBinding} from '@angular/core';
 })
 export class AppSidebarFooterComponent {
 
-  @HostBinding('class.sidebar-footer') _sidebarFooter = true;
+  @HostBinding('class.sidebar-footer') sidebarFooterClass = true;
 
   constructor() { }
 }

projects/coreui/angular/src/lib/sidebar/app-sidebar-form.component.ts

@@ -6,7 +6,7 @@ import {Component, HostBinding} from '@angular/core';
 })
 export class AppSidebarFormComponent {
 
-  @HostBinding('class.sidebar-form') _sidebarForm = true;
+  @HostBinding('class.sidebar-form') sidebarFormClass = true;
 
   constructor() { }
 }