fix(modal): ModalDirective: config.animated = false is ignored

[flensrocker]

Bug description:

When using the modal directive with [config]="{ animated: false }", the modal is fade in/out.

Plunker that reproduces the issue:

Plunkr: https://plnkr.co/edit/cSQd7spPYZFbMNI7y1cm?p=preview

Versions of ngx-bootstrap, Angular, and Bootstrap:

ngx-bootstrap: 2.0.0-beta.9

Angular: 5.0.2

Bootstrap: 3.3.7

[flensrocker]

Quick & dirty patch:

diff --git a/src/modal/modal.directive.ts b/src/modal/modal.directive.ts
index b50cfa21..83dde295 100644
--- a/src/modal/modal.directive.ts
+++ b/src/modal/modal.directive.ts
@@ -32,6 +32,7 @@ export class ModalDirective implements OnDestroy, OnInit {
   @Input()
   set config(conf: ModalOptions) {
     this._config = this.getConfig(conf);
+    this.isAnimated = this._config.animated;
   }

   get config(): ModalOptions {

or maybe replace this.isAnimated with this._config.animated:

diff --git a/src/modal/modal.directive.ts b/src/modal/modal.directive.ts
index b50cfa21..7cbb3050 100644
--- a/src/modal/modal.directive.ts
+++ b/src/modal/modal.directive.ts
@@ -57,8 +57,6 @@ export class ModalDirective implements OnDestroy, OnInit {
   @Output()
   onHidden: EventEmitter<ModalDirective> = new EventEmitter<ModalDirective>();

-  // seems like an Options
-  isAnimated = true;
   /** This field contains last dismiss reason.
    * Possible values: `backdrop-click`, `esc` and `null`
    * (if modal was closed by direct call of `.hide()`).
@@ -194,7 +192,7 @@ export class ModalDirective implements OnDestroy, OnInit {
     }
     // this._addClassIn = false;

-    if (this.isAnimated) {
+    if (this._config.animated) {
       this.timerHideModal = setTimeout(
         () => this.hideModal(),
         TRANSITION_DURATION
@@ -241,7 +239,7 @@ export class ModalDirective implements OnDestroy, OnInit {
       0
     );

-    if (this.isAnimated) {
+    if (this._config.animated) {
       Utils.reflow(this._element.nativeElement);
     }

@@ -258,7 +256,7 @@ export class ModalDirective implements OnDestroy, OnInit {
       this.onShown.emit(this);
     };

-    if (this.isAnimated) {
+    if (this._config.animated) {
       setTimeout(transitionComplete, TRANSITION_DURATION);
     } else {
       transitionComplete();
@@ -303,14 +301,14 @@ export class ModalDirective implements OnDestroy, OnInit {
       this._backdrop
         .attach(ModalBackdropComponent)
         .to('body')
-        .show({isAnimated: this.isAnimated});
+        .show({isAnimated: this._config.animated});
       this.backdrop = this._backdrop._componentRef;

       if (!callback) {
         return;
       }

-      if (!this.isAnimated) {
+      if (!this._config.animated) {
         callback();

         return;