(function() {
  var templates = {
    "name": "javascript",
    "context": "javascript",
    "templates": [{
      "name": "properties",
      "description": "With LayoutData containing `left`, `top` and `right` arguments.",
      "template": "{layoutData: {left: 0, top: 0, right: 0}"
    }, {
      "name": "properties",
      "description": "With Text, Font and LayoutData containing `left`, `top` and `right` arguments.",
      "template": "{text: ${text}, font: \"14px\", layoutData: {left: 0, top: 0, right: 0}"
    }]
  };
  CodeMirror.templatesHint.addTemplates(templates);
})();
@@ -507,24 +507,380 @@
  right: 0%7D%22%0A
+    %7D, %7B%0A      %22name%22: %22animationProperties%22,%0A      %22description%22: %22With the %60opacity%60 property set for a fade out effect.%22,%0A      %22template%22: %22%7Bopacity: 0%7D%22%0A    %7D, %7B%0A      %22name%22: %22animationProperties%22,%0A      %22description%22: %22With the %60translation%60 property set for a horizontal translation animation.%22,%0A      %22template%22: %22%7Btransform: %7BtranslationX: 20%7D%7D%22%0A
     %7D%5D%0A  %7D;%0A

Add CM templates for tabris.js animation props