style: fix box-info ts errors

Author: mledour

library/angular-admin-lte/src/lib/box-info/box-info.component.ts

@@ -1,40 +1,36 @@
 import { Component, OnInit, Input, ContentChild } from '@angular/core';
+
 import { BoxInfoContentDirective, BoxInfoFooterDirective, BoxInfoHeaderDirective } from './box-info.directive';
 
-/*
- *
- */
+
 @Component({
   selector: 'mk-box-info',
   styleUrls: ['./box-info.component.css'],
   templateUrl: './box-info.component.html'
 })
 export class BoxInfoComponent implements OnInit {
-  public progressBarBg: string;
-
-  @Input() public backgroundColor: string;
+  @Input() public backgroundColor?: string;
   @Input() public contentStyleClass = 'info-box-number';
-  @Input() public contentColor: string;
-  @Input() public footer: string;
-  @Input() public footerColor: string;
+  @Input() public contentColor?: string;
+  @Input() public footer?: string;
+  @Input() public footerColor?: string;
   @Input() public footerStyleClass = 'progress-description';
-  @Input() public header: string;
-  @Input() public headerColor: string;
+  @Input() public header?: string;
+  @Input() public headerColor?: string;
   @Input() public headerStyleClass = 'info-box-text';
-  @Input() public iconBackgroundColor: string;
+  @Input() public iconBackgroundColor?: string;
   @Input() public iconColor = '#fff';
   @Input() public iconStyleClass = 'ion ion-bag';
-  @Input() public progressWidth: number;
+  @Input() public progressWidth?: number;
   @Input() public styleClass = 'info-box';
 
-  @ContentChild(BoxInfoHeaderDirective, /* TODO: add static flag */ {}) public boxInfoHeaderDirective: BoxInfoHeaderDirective;
-  @ContentChild(BoxInfoFooterDirective, /* TODO: add static flag */ {}) public boxInfoFooterDirective: BoxInfoFooterDirective;
-  @ContentChild(BoxInfoContentDirective, /* TODO: add static flag */ {}) public boxInfoContentDirective: BoxInfoContentDirective;
+  @ContentChild(BoxInfoHeaderDirective) public boxInfoHeaderDirective?: BoxInfoHeaderDirective;
+  @ContentChild(BoxInfoFooterDirective) public boxInfoFooterDirective?: BoxInfoFooterDirective;
+  @ContentChild(BoxInfoContentDirective) public boxInfoContentDirective?: BoxInfoContentDirective;
+
+  public progressBarBg?: string;
 
-  /**
-   * @method ngOnInit
-   */
-  ngOnInit() {
+  ngOnInit(): void {
     if (!this.backgroundColor) {
       this.progressBarBg = this.iconBackgroundColor;
     }

library/angular-admin-lte/src/lib/box-info/box-info.directive.ts

@@ -1,28 +1,20 @@
 import { Directive } from '@angular/core';
 
-/*
- *
- */
+
 @Directive({
   /* tslint:disable-next-line:directive-selector */
   selector: 'mk-box-info-content'
 })
 export class BoxInfoContentDirective {}
 
 
-/*
- *
- */
 @Directive({
   /* tslint:disable-next-line:directive-selector */
   selector: 'mk-box-info-footer'
 })
 export class BoxInfoFooterDirective {}
 
 
-/*
- *
- */
 @Directive({
   /* tslint:disable-next-line:directive-selector */
   selector: 'mk-box-info-header'

library/angular-admin-lte/src/lib/box-info/box-info.module.ts

@@ -2,7 +2,6 @@ import { NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 import { ColorModule } from '../color/color.module';
-
 import { BoxInfoHeaderDirective, BoxInfoContentDirective, BoxInfoFooterDirective } from './box-info.directive';
 import { BoxInfoComponent } from './box-info.component';