Merge pull request #55 from mdbootstrap/dev

5.2.0 Updated to Bootstrap 4 stable version Integration with .NET CORE - tutorial here Compatibility with Angular 5.2.1 and CLI 1.6.5 noImplicitAny and strictNullChecks compatibility New validation added (number, tel, submit) + custom validation regex. Read tutorial. Configurable labels for DatePicker

Author: MDBootstrap

.directory

@@ -0,0 +1,6 @@
+[Dolphin]
+Timestamp=2018,2,13,12,19,32
+Version=4
+
+[Settings]
+HiddenFilesShown=true

README.md

@@ -16,8 +16,8 @@ __________
 **Main demo**: https://mdbootstrap.com/angular/components/
 
 # Version:
-- Angular CLI 1.5.0 - 1.6.2
-- Angular 5.0.0 - 5.1.2
+- Angular CLI 1.5.0 - 1.6.5
+- Angular 5.0.0 - 5.2.1
 
 # Quick start
 - Clone following repo: 

package.json

@@ -1,6 +1,6 @@
 {
  "name": "ng-mdb",
- "version": "5.1.2",
+ "version": "5.2.0",
  "description": "Bootstrap Material Design for Angular",
  "license": "MIT",
  "scripts": {

src/.directory

@@ -1,6 +1,5 @@
 [Dolphin]
-PreviewsShown=true
-Timestamp=2018,1,16,13,38,48
+Timestamp=2018,2,13,12,7,51
 Version=4
 
 [Settings]

src/carousel/carousel.component.ts

@@ -25,23 +25,24 @@ export class CarouselComponent implements OnDestroy {
  protected currentInterval: any;
  protected isPlaying: boolean;
  protected destroyed = false;
- protected el: ElementRef = null;
+ // protected el: ElementRef = null;
+ protected el: ElementRef | any = null;
  protected animationEnd = true;
 
  /** If `true` — carousel will not cycle continuously and will have hard stops (prevent looping) */
  @Input() public noWrap: boolean;
  /** If `true` — will disable pausing on carousel mouse hover */
  @Input() public noPause: boolean;
 
- @Input('isControls') public isControls: boolean;
+ @Input('isControls') public isControls: boolean = true;
  @Input() public keyboard: boolean;
 
  @Input('class') public class: String = '';
  @Input('type') public type: String = '';
  @Input('animation') public animation: String = '';
 
-
- protected _currentActiveSlide: number;
+ // protected _currentActiveSlide: number;
+ protected _currentActiveSlide: number | any ;
 
  /** Will be emitted when active slide has been changed. Part of two-way-bindable [(activeSlide)] property */
  @Output() public activeSlideChange: EventEmitter <any> = new EventEmitter<any>(false);
@@ -128,7 +129,8 @@ export class CarouselComponent implements OnDestroy {
  if (this._currentActiveSlide === remIndex) {
 
  // removing of active slide
- let nextSlideIndex: number = void 0;
+ // let nextSlideIndex: number = void 0;
+ let nextSlideIndex: number | any = void 0;
  if (this._slides.length > 1) {
  // if this slide last - will roll to first slide, if noWrap flag is FALSE or to previous, if noWrap is TRUE
  // in case, if this slide in middle of collection, index of next slide is same to removed

src/carousel/slide.component.ts

@@ -24,7 +24,8 @@ export class SlideComponent implements OnInit, OnDestroy {
 
  /** Link to Parent(container-collection) component */
  protected carousel: CarouselComponent;
- public el: ElementRef = null;
+ // public el: ElementRef = null;
+ public el: ElementRef | any = null;
 
  public constructor(carousel: CarouselComponent, el: ElementRef) {
  this.carousel = carousel;

src/dropdown/dropdown-toggle.directive.ts

@@ -11,7 +11,8 @@ export class BsDropdownToggleDirective implements OnDestroy {
  private _subscriptions: Subscription[] = [];
 
  @HostBinding('attr.aria-haspopup') ariaHaspopup = true;
- @HostBinding('attr.disabled') isDisabled: boolean = null;
+ // @HostBinding('attr.disabled') isDisabled: boolean = null;
+ @HostBinding('attr.disabled') isDisabled: boolean | any = null;
 
  // @HostBinding('class.active')
  @HostBinding('attr.aria-expanded') isOpen: boolean;
@@ -47,7 +48,8 @@ constructor(private _state: BsDropdownState,
  // populate disabled state
  this._subscriptions.push(this._state
  .isDisabledChange
- .subscribe((value: boolean) => this.isDisabled = value || null));
+ // .subscribe((value: boolean) => this.isDisabled = value || null));
+ .subscribe((value: boolean | any) => this.isDisabled = value || null));
 }
 
 ngOnDestroy(): void {

src/inputs/active.class.ts

@@ -7,9 +7,12 @@ import {Directive, ElementRef, Input, HostListener, Renderer, AfterViewInit} fr
 export class ActiveDirective implements AfterViewInit {
 
  @Input() public mdbActive: ActiveDirective;
- public el: ElementRef = null;
- public elLabel: ElementRef = null;
- public elIcon: Element = null;
+ // public el: ElementRef = null;
+ public el: ElementRef | any = null;
+ // public elLabel: ElementRef = null;
+ public elLabel: ElementRef | any = null;
+ // public elIcon: Element = null;
+ public elIcon: Element | any = null;
 
  constructor(el: ElementRef, public renderer: Renderer) {
  this.el = el;

src/inputs/equal-validator.directive.ts

@@ -22,11 +22,13 @@ export class EqualValidatorDirective implements Validator {
  }
 
  validate(c: AbstractControl): { [key: string]: any } {
+ const setToNullValue: any = null;
  // self value (e.g. retype password)
  const v = c.value;
 
  // control value (e.g. password)
- const e = c.root.get(this.validateEqual);
+ // const e: any = c.root.get(this.validateEqual);
+ const e: any = c.root.get(this.validateEqual);
 
  // value not equal
  if (e && v !== e.value) {
@@ -48,7 +50,8 @@ export class EqualValidatorDirective implements Validator {
  });
  }
 
- return null;
+ // return null;
+ return setToNullValue;
  }
 }