Configurable open/close animation

Author: PaulBernier

README.md

@@ -48,9 +48,11 @@ Default:
 ```
 Available configurations:
 ##### Hover Preview
-* `hoverPreviewEnabled`:  enable preview on hover
+* `hoverPreviewEnabled`:  enable preview on hover.
 * `hoverPreviewArrayCount`: number of array items to show in preview Any array larger than this number will be shown as `Array[XXX]` where `XXX` is length of the array.
 * `hoverPreviewFieldCount`: number of object properties to show for object preview. Any object with more properties that thin number will be truncated.
+* `animateOpen`: enable animation when expanding json object. True by default.
+* `animateClose`: enable animation when closing json object. True by default.
 
 ##### Theme
  * `theme`: a string that can be any of these options: `['dark']`. Look at [`src/style.less`](src/style.less) for making new themes.

dist/bundle.js

@@ -24,13 +24,17 @@ interface JSONFormatterConfiguration {
   hoverPreviewEnabled: boolean;
   hoverPreviewArrayCount: number;
   hoverPreviewFieldCount: number;
+  animateOpen: boolean;
+  animateClose: boolean;
   theme: string;
 };
 
 const _defaultConfig: JSONFormatterConfiguration = {
   hoverPreviewEnabled: false,
   hoverPreviewArrayCount: 100,
   hoverPreviewFieldCount: 5,
+  animateOpen: true,
+  animateClose: true,
   theme: null
 };
 
@@ -197,9 +201,9 @@ export = class JSONFormatter {
     this.isOpen = !this.isOpen;
 
     if (this.isOpen) {
-      this.appendChildern(true);
+      this.appendChildern(this.config.animateOpen);
     } else{
-      this.removeChildren(true);
+      this.removeChildren(this.config.animateClose);
     }
 
     if (this.element) {