From 4e2b02db81daf178536dab44d07916c1f75e17cc Mon Sep 17 00:00:00 2001
From: Omar Alshaker <omar@omaralshaker.com>
Date: Mon, 5 Nov 2018 18:12:30 +0100
Subject: [PATCH] 2.2.0

---
 bower.json            |  2 +-
 juicy-ace-editor.html | 10 +++++++++-
 package.json          |  2 +-
 3 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/bower.json b/bower.json
index 093d4cd..18ea885 100644
--- a/bower.json
+++ b/bower.json
@@ -1,6 +1,6 @@
 {
   "name": "juicy-ace-editor",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Custom Element with Ace(http://ace.c9.io/) code editor",
   "license": "MIT",
   "main": "juicy-ace-editor.html",
diff --git a/juicy-ace-editor.html b/juicy-ace-editor.html
index b39c031..cb317da 100644
--- a/juicy-ace-editor.html
+++ b/juicy-ace-editor.html
@@ -1,13 +1,15 @@
 <!--
     Custom Element with Ace code editor
     http://juicy.github.io/juicy-ace-editor/
-    version: 2.1.0
+    version: 2.2.0
     @demo index.html
     @license MIT
     @author
 -->
 <script src="../ace-builds/src-noconflict/ace.js" type="text/javascript" charset="utf-8"></script>
 <script src="../ace-builds/src-noconflict/ext-searchbox.js" type="text/javascript" charset="utf-8"></script>
+<script src="../ace-builds/src-noconflict/ext-beautify.js" type="text/javascript" charset="utf-8"></script>
+
 
 <template id="juicy-ace-editor">
     <style>
@@ -74,6 +76,7 @@
             // getElementById may not be polyfilled yet
             self.container = clone.querySelector('#juicy-ace-editor-container');
             shadowRoot.appendChild(clone);
+            
             return self;
         }
         connectedCallback() {
@@ -104,6 +107,8 @@
                 editor.getSession().on('change', function(event){
                     element.dispatchEvent(new CustomEvent("change", {bubbles: true, composed: true, detail: event}));
                 });
+
+                this._beautify =  ace.require("ace/ext/beautify");
             }
 
             // handle theme changes
@@ -136,6 +141,9 @@
             // container.appendChild(text);
             this._attached = true;
         }
+        beautify() {
+            this._beautify.beautify(this.editor.session);
+        }
         disconnectedCallback() {
             this._attached = false;
         }
diff --git a/package.json b/package.json
index a3c380c..6a8a0f6 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "juicy-ace-editor",
   "description": "Custom Element wrapper for Ace code editor",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "author": "Juicy",
   "license": "MIT",
   "bugs": {