diff --git a/dist/css/keditor-1.1.3.min.css b/dist/css/keditor-1.1.3.min.css
deleted file mode 100644
index 95c51a2f..00000000
--- a/dist/css/keditor-1.1.3.min.css
+++ /dev/null
@@ -1,2 +0,0 @@
-body{margin:0;overflow-y:scroll}#keditor-sidebar,.keditor-toolbar{font:14px/1.42857143 "Helvetica Neue",Helvetica,Arial,sans-serif!important}#keditor-sidebar .small,#keditor-sidebar small,.keditor-toolbar .small,.keditor-toolbar small{font-size:88%!important}body.opened-keditor-sidebar .keditor-content-area{margin-right:260px}body.opened-keditor-sidebar #keditor-sidebar{right:0}body.highlighted-container-content .keditor-container-content:before{border-color:#2eb2e4}.keditor-frame{width:100%;height:500px;border:1px solid #ddd}.keditor-content-area{min-height:100px;width:auto;margin:0;padding:80px 50px 30px}#keditor-sidebar{position:fixed;z-index:100;top:0;right:-255px;bottom:0;background:#f0f0f0;opacity:.9;border-left:1px solid #ddd;width:255px;box-shadow:-1px 0 5px rgba(0,0,0,.15);padding:10px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#keditor-sidebar:hover{opacity:1}#keditor-sidebar-toggler{position:absolute;top:100px;width:25px;height:30px;left:-25px;background:#f0f0f0;text-align:center;line-height:30px;border:1px solid #ddd;border-right:0;cursor:pointer;border-radius:3px 0 0 3px;color:#666}#keditor-sidebar-toggler>i.fa{line-height:inherit}#keditor-snippets-list{height:100%}#keditor-snippets-list .keditor-snippet:hover{opacity:.6;border-color:#ccc}#keditor-snippets-list .keditor-snippet.not-matched{height:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden;margin-top:0!important;margin-bottom:0!important;border:0!important;opacity:0!important}#keditor-snippets-type-switcher{margin:0}#keditor-snippets-type-switcher>li>a{border-radius:3px 3px 0 0;height:42px;padding:10px 5px}#keditor-snippets-type-switcher>li.active>a{font-weight:700}#keditor-snippets-container{height:calc(100% - 42px);background:#fff;padding:10px 5px;border:solid #ddd;border-width:0 1px 1px}#keditor-snippets-container>.keditor-snippets{height:100%}#keditor-snippets-container>.keditor-snippets>.keditor-snippets-inner{height:100%;overflow-y:auto;overflow-x:hidden}#keditor-snippets-container>.keditor-snippets>.keditor-snippets-inner:after,#keditor-snippets-container>.keditor-snippets>.keditor-snippets-inner:before{content:" ";display:table}#keditor-snippets-container>.keditor-snippets>.keditor-snippets-inner:after{clear:both}#keditor-snippets-container>.keditor-snippets>.keditor-snippets-filter-wrapper{margin:0 5px 10px}#keditor-snippets-container>.keditor-snippets>.keditor-snippets-filter-wrapper .keditor-snippets-filter{border:1px solid #ddd;height:34px;padding:5px 10px;font-size:14px;line-height:1.42857143;width:100%;display:block}#keditor-snippets-container>.keditor-snippets>.keditor-snippets-filter-wrapper+.keditor-snippets-inner{height:calc(100% - 44px)}.keditor-snippet{padding:15px;border:1px solid #f0f0f0;cursor:move;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;float:left;background:#fff;margin:0 5px 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.keditor-snippet img{display:block}.keditor-snippet:last-child{margin-bottom:0}#keditor-setting-panel{background:#fff;position:absolute;z-index:1001;top:10px;width:calc(100% - 20px);right:-100%;bottom:10px;border:1px solid #ddd;border-radius:3px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.opened-keditor-setting #keditor-setting-panel{right:10px}#keditor-setting-header{height:42px;border-bottom:1px solid #ddd;padding:10px 30px 10px 15px;position:absolute;top:0;left:0;right:0}#keditor-setting-header:after,#keditor-setting-header:before{content:" ";display:table}#keditor-setting-header:after{clear:both}#keditor-setting-title{color:#666;font-weight:700}#keditor-setting-closer{text-decoration:none;color:#999;position:absolute;top:10px;bottom:10px;right:10px;width:21px;text-align:center;line-height:21px}#keditor-setting-closer:hover{color:#666}#keditor-setting-body{position:absolute;top:42px;right:0;bottom:0;left:0;padding:10px}#keditor-setting-forms{height:100%;overflow-x:hidden;overflow-y:auto}#keditor-setting-forms .keditor-setting-form{overflow:hidden;display:none}#keditor-setting-forms .keditor-setting-form.active{display:block}.keditor-toolbar{position:absolute;display:none}.keditor-toolbar>a{padding:1px 3px;font-size:12px;width:20px;height:20px;display:block;text-align:center;line-height:20px}.keditor-toolbar>a .fa{line-height:inherit}.keditor-toolbar .btn-component-reposition,.keditor-toolbar .btn-container-reposition{cursor:move}.keditor-container{position:relative}.keditor-container:before{position:absolute;top:-3px;right:-3px;left:-3px;bottom:-3px;border:3px dashed transparent;content:" ";display:block}.keditor-container>.keditor-toolbar{top:-3px;left:-39px;border:1px solid #333;border-radius:3px;overflow:hidden}.keditor-container>.keditor-toolbar>a{background:#333;color:#fff}.keditor-container>.keditor-toolbar>a:hover{background:#2eb2e4}.keditor-container:hover:before{border-color:#b5e4f6}.keditor-container.showed-keditor-toolbar:before{border-color:#2eb2e4}.keditor-container.showed-keditor-toolbar>.keditor-toolbar{display:block}.keditor-container-content{min-height:50px!important;position:relative}.keditor-container-content:before{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;content:" ";display:block;border:1px dashed #e0e0e0}.keditor-component{position:relative}.keditor-component:before{position:absolute;top:-2px;right:-2px;left:-2px;bottom:-2px;content:" ";border:2px solid rgba(0,0,0,.5);display:none;z-index:1}.keditor-component .keditor-toolbar{top:-24px;right:-2px;left:-2px;background-color:rgba(0,0,0,.5);padding:2px 2px;text-align:right}.keditor-component .keditor-toolbar>a{border:0;background:0 0;color:#fff;text-align:center;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;display:inline-block}.keditor-component .keditor-toolbar>a:hover{background-color:rgba(255,255,255,.2)}.keditor-component .keditor-component-content{position:relative;z-index:2}.keditor-component.showed-keditor-toolbar:before,.keditor-component:hover:before{display:block}.keditor-component.showed-keditor-toolbar .keditor-component-content{outline:0!important}.keditor-component:hover{z-index:2}.keditor-component:hover:before{border-top:0}.keditor-component:hover .keditor-toolbar{display:block}.keditor-snippet.ui-draggable-dragging{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.ui-sortable-placeholder{background:#eee!important;visibility:visible!important;height:10px!important;margin:5px 0!important;float:none!important;outline:0!important}.keditor-section.ui-sortable-helper{background:#fff!important;opacity:.5}
-/*# sourceMappingURL=keditor-1.1.3.min.css.map */
diff --git a/dist/css/keditor-1.1.3.min.css.map b/dist/css/keditor-1.1.3.min.css.map
deleted file mode 100644
index c40cded1..00000000
--- a/dist/css/keditor-1.1.3.min.css.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"names":[],"mappings":"","sources":["keditor-1.1.3.css"],"sourcesContent":["/**!\n * KEditor - Kademi content editor\n * @copyright: Kademi (http://kademi.co)\n * @author: Kademi (http://kademi.co)\n * @version: 1.1.3\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\n */\n/* ==================================================================================\n   Body\n   ================================================================================== */\nbody {\n  margin: 0;\n  overflow-y: scroll;\n}\n/* ==================================================================================\n   KEditor base\n   ================================================================================== */\n#keditor-sidebar,\n.keditor-toolbar {\n  font: 14px/1.42857143 \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\n}\n#keditor-sidebar small,\n.keditor-toolbar small,\n#keditor-sidebar .small,\n.keditor-toolbar .small {\n  font-size: 88% !important;\n}\n/* ==================================================================================\n   opened-keditor-sidebar\n   ================================================================================== */\nbody.opened-keditor-sidebar .keditor-content-area {\n  margin-right: 260px;\n}\nbody.opened-keditor-sidebar #keditor-sidebar {\n  right: 0;\n}\n/* ==================================================================================\n   highlighted-container-content\n   ================================================================================== */\nbody.highlighted-container-content .keditor-container-content:before {\n  border-color: #2eb2e4;\n}\n/* ==================================================================================\n   Frame\n   ================================================================================== */\n.keditor-frame {\n  width: 100%;\n  height: 500px;\n  border: 1px solid #ddd;\n}\n/* ==================================================================================\n   Content area\n   ================================================================================== */\n.keditor-content-area {\n  min-height: 100px;\n  width: auto;\n  margin: 0;\n  padding: 80px 50px 30px;\n}\n/* ==================================================================================\n   Sidebar\n   ================================================================================== */\n#keditor-sidebar {\n  position: fixed;\n  z-index: 100;\n  top: 0;\n  right: -255px;\n  bottom: 0;\n  background: #f0f0f0;\n  opacity: .9;\n  border-left: 1px solid #ddd;\n  width: 255px;\n  box-shadow: -1px 0 5px rgba(0, 0, 0, 0.15);\n  padding: 10px;\n  -webkit-transition: all 0.3s;\n  -o-transition: all 0.3s;\n  transition: all 0.3s;\n}\n#keditor-sidebar:hover {\n  opacity: 1;\n}\n#keditor-sidebar-toggler {\n  position: absolute;\n  top: 100px;\n  width: 25px;\n  height: 30px;\n  left: -25px;\n  background: #f0f0f0;\n  text-align: center;\n  line-height: 30px;\n  border: 1px solid #ddd;\n  border-right: 0;\n  cursor: pointer;\n  border-radius: 3px 0 0 3px;\n  color: #666;\n}\n#keditor-sidebar-toggler > i.fa {\n  line-height: inherit;\n}\n/* ==================================================================================\n   Snippets\n   ================================================================================== */\n#keditor-snippets-list {\n  height: 100%;\n}\n#keditor-snippets-list .keditor-snippet:hover {\n  opacity: .6;\n  border-color: #ccc;\n}\n#keditor-snippets-list .keditor-snippet.not-matched {\n  height: 0 !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  overflow: hidden;\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n  border: 0 !important;\n  opacity: 0 !important;\n}\n#keditor-snippets-type-switcher {\n  margin: 0;\n}\n#keditor-snippets-type-switcher > li > a {\n  border-radius: 3px 3px 0 0;\n  height: 42px;\n  padding: 10px 5px;\n}\n#keditor-snippets-type-switcher > li.active > a {\n  font-weight: bold;\n}\n#keditor-snippets-container {\n  height: calc(100% - 42px);\n  background: #fff;\n  padding: 10px 5px;\n  border: solid #ddd;\n  border-width: 0 1px 1px;\n}\n#keditor-snippets-container > .keditor-snippets {\n  height: 100%;\n}\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-inner {\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-inner:before,\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-inner:after {\n  content: \" \";\n  display: table;\n}\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-inner:after {\n  clear: both;\n}\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-filter-wrapper {\n  margin: 0 5px 10px;\n}\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-filter-wrapper .keditor-snippets-filter {\n  border: 1px solid #ddd;\n  height: 34px;\n  padding: 5px 10px;\n  font-size: 14px;\n  line-height: 1.42857143;\n  width: 100%;\n  display: block;\n}\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-filter-wrapper + .keditor-snippets-inner {\n  height: calc(100% - 44px);\n}\n.keditor-snippet {\n  padding: 15px;\n  border: 1px solid #f0f0f0;\n  cursor: move;\n  -webkit-transition: all 0.3s;\n  -o-transition: all 0.3s;\n  transition: all 0.3s;\n  float: left;\n  background: #fff;\n  margin: 0 5px 10px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.keditor-snippet img {\n  display: block;\n}\n.keditor-snippet:last-child {\n  margin-bottom: 0;\n}\n/* ==================================================================================\n   Settings panel\n   ================================================================================== */\n#keditor-setting-panel {\n  background: #fff;\n  position: absolute;\n  z-index: 1001;\n  top: 10px;\n  width: calc(100% - 20px);\n  right: -100%;\n  bottom: 10px;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  -webkit-transition: all 0.3s;\n  -o-transition: all 0.3s;\n  transition: all 0.3s;\n}\n.opened-keditor-setting #keditor-setting-panel {\n  right: 10px;\n}\n#keditor-setting-header {\n  height: 42px;\n  border-bottom: 1px solid #ddd;\n  padding: 10px 30px 10px 15px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n}\n#keditor-setting-header:before,\n#keditor-setting-header:after {\n  content: \" \";\n  display: table;\n}\n#keditor-setting-header:after {\n  clear: both;\n}\n#keditor-setting-title {\n  color: #666;\n  font-weight: bold;\n}\n#keditor-setting-closer {\n  text-decoration: none;\n  color: #999999;\n  position: absolute;\n  top: 10px;\n  bottom: 10px;\n  right: 10px;\n  width: 21px;\n  text-align: center;\n  line-height: 21px;\n}\n#keditor-setting-closer:hover {\n  color: #666;\n}\n#keditor-setting-body {\n  position: absolute;\n  top: 42px;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: 10px;\n}\n#keditor-setting-forms {\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n#keditor-setting-forms .keditor-setting-form {\n  overflow: hidden;\n  display: none;\n}\n#keditor-setting-forms .keditor-setting-form.active {\n  display: block;\n}\n/* ==================================================================================\n   Toolbar\n   ================================================================================== */\n.keditor-toolbar {\n  position: absolute;\n  display: none;\n}\n.keditor-toolbar > a {\n  padding: 1px 3px;\n  font-size: 12px;\n  width: 20px;\n  height: 20px;\n  display: block;\n  text-align: center;\n  line-height: 20px;\n}\n.keditor-toolbar > a .fa {\n  line-height: inherit;\n}\n.keditor-toolbar .btn-container-reposition,\n.keditor-toolbar .btn-component-reposition {\n  cursor: move;\n}\n/* ==================================================================================\n   Container\n   ================================================================================== */\n.keditor-container {\n  position: relative;\n}\n.keditor-container:before {\n  position: absolute;\n  top: -3px;\n  right: -3px;\n  left: -3px;\n  bottom: -3px;\n  border: 3px dashed transparent;\n  content: \" \";\n  display: block;\n}\n.keditor-container > .keditor-toolbar {\n  top: -3px;\n  left: -39px;\n  border: 1px solid #333;\n  border-radius: 3px;\n  overflow: hidden;\n}\n.keditor-container > .keditor-toolbar > a {\n  background: #333;\n  color: #fff;\n}\n.keditor-container > .keditor-toolbar > a:hover {\n  background: #2eb2e4;\n}\n.keditor-container:hover:before {\n  border-color: #b5e4f6;\n}\n.keditor-container.showed-keditor-toolbar:before {\n  border-color: #2eb2e4;\n}\n.keditor-container.showed-keditor-toolbar > .keditor-toolbar {\n  display: block;\n}\n.keditor-container-content {\n  min-height: 50px !important;\n  position: relative;\n}\n.keditor-container-content:before {\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  right: -1px;\n  bottom: -1px;\n  content: \" \";\n  display: block;\n  border: 1px dashed #e0e0e0;\n}\n/* ==================================================================================\n   Component\n   ================================================================================== */\n.keditor-component {\n  position: relative;\n}\n.keditor-component:before {\n  position: absolute;\n  top: -2px;\n  right: -2px;\n  left: -2px;\n  bottom: -2px;\n  content: \" \";\n  border: 2px solid rgba(0, 0, 0, 0.5);\n  display: none;\n  z-index: 1;\n}\n.keditor-component .keditor-toolbar {\n  top: -24px;\n  right: -2px;\n  left: -2px;\n  background-color: rgba(0, 0, 0, 0.5);\n  padding: 2px 2px;\n  text-align: right;\n}\n.keditor-component .keditor-toolbar > a {\n  border: 0;\n  background: none;\n  color: #fff;\n  text-align: center;\n  border-radius: 0;\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  -webkit-transition: all 0.3s;\n  -o-transition: all 0.3s;\n  transition: all 0.3s;\n  display: inline-block;\n}\n.keditor-component .keditor-toolbar > a:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.keditor-component .keditor-component-content {\n  position: relative;\n  z-index: 2;\n}\n.keditor-component:hover:before,\n.keditor-component.showed-keditor-toolbar:before {\n  display: block;\n}\n.keditor-component.showed-keditor-toolbar .keditor-component-content {\n  outline: none !important;\n}\n.keditor-component:hover {\n  z-index: 2;\n}\n.keditor-component:hover:before {\n  border-top: 0;\n}\n.keditor-component:hover .keditor-toolbar {\n  display: block;\n}\n/* ==================================================================================\n   Drag n Drop helper\n   ================================================================================== */\n.keditor-snippet.ui-draggable-dragging {\n  -webkit-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n.ui-sortable-placeholder {\n  background: #eee !important;\n  visibility: visible !important;\n  height: 10px !important;\n  margin: 5px 0 !important;\n  float: none !important;\n  outline: none !important;\n}\n.keditor-section.ui-sortable-helper {\n  background: #fff !important;\n  opacity: 0.5;\n}\n"],"file":"keditor-1.1.3.min.css","sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/dist/css/keditor-1.1.3.css b/dist/css/keditor-1.1.4.css
similarity index 97%
rename from dist/css/keditor-1.1.3.css
rename to dist/css/keditor-1.1.4.css
index 17d5aec9..1e99402d 100644
--- a/dist/css/keditor-1.1.3.css
+++ b/dist/css/keditor-1.1.4.css
@@ -2,7 +2,7 @@
  * KEditor - Kademi content editor
  * @copyright: Kademi (http://kademi.co)
  * @author: Kademi (http://kademi.co)
- * @version: 1.1.3
+ * @version: 1.1.4
  * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)
  */
 /* ==================================================================================
@@ -152,9 +152,10 @@ body.highlighted-container-content .keditor-container-content:before {
   clear: both;
 }
 #keditor-snippets-container > .keditor-snippets > .keditor-snippets-filter-wrapper {
-  margin: 0 5px 10px;
+  margin: 0 5px;
 }
-#keditor-snippets-container > .keditor-snippets > .keditor-snippets-filter-wrapper .keditor-snippets-filter {
+#keditor-snippets-container > .keditor-snippets > .keditor-snippets-filter-wrapper .keditor-snippets-filter,
+#keditor-snippets-container > .keditor-snippets > .keditor-snippets-filter-wrapper .keditor-snippets-search {
   border: 1px solid #ddd;
   height: 34px;
   padding: 5px 10px;
@@ -162,9 +163,10 @@ body.highlighted-container-content .keditor-container-content:before {
   line-height: 1.42857143;
   width: 100%;
   display: block;
+  margin-bottom: 10px;
 }
 #keditor-snippets-container > .keditor-snippets > .keditor-snippets-filter-wrapper + .keditor-snippets-inner {
-  height: calc(100% - 44px);
+  height: calc(100% - 88px);
 }
 .keditor-snippet {
   padding: 15px;
diff --git a/dist/css/keditor-1.1.4.min.css b/dist/css/keditor-1.1.4.min.css
new file mode 100644
index 00000000..83a8224e
--- /dev/null
+++ b/dist/css/keditor-1.1.4.min.css
@@ -0,0 +1,2 @@
+body{margin:0;overflow-y:scroll}#keditor-sidebar,.keditor-toolbar{font:14px/1.42857143 "Helvetica Neue",Helvetica,Arial,sans-serif!important}#keditor-sidebar .small,#keditor-sidebar small,.keditor-toolbar .small,.keditor-toolbar small{font-size:88%!important}body.opened-keditor-sidebar .keditor-content-area{margin-right:260px}body.opened-keditor-sidebar #keditor-sidebar{right:0}body.highlighted-container-content .keditor-container-content:before{border-color:#2eb2e4}.keditor-frame{width:100%;height:500px;border:1px solid #ddd}.keditor-content-area{min-height:100px;width:auto;margin:0;padding:80px 50px 30px}#keditor-sidebar{position:fixed;z-index:100;top:0;right:-255px;bottom:0;background:#f0f0f0;opacity:.9;border-left:1px solid #ddd;width:255px;box-shadow:-1px 0 5px rgba(0,0,0,.15);padding:10px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}#keditor-sidebar:hover{opacity:1}#keditor-sidebar-toggler{position:absolute;top:100px;width:25px;height:30px;left:-25px;background:#f0f0f0;text-align:center;line-height:30px;border:1px solid #ddd;border-right:0;cursor:pointer;border-radius:3px 0 0 3px;color:#666}#keditor-sidebar-toggler>i.fa{line-height:inherit}#keditor-snippets-list{height:100%}#keditor-snippets-list .keditor-snippet:hover{opacity:.6;border-color:#ccc}#keditor-snippets-list .keditor-snippet.not-matched{height:0!important;padding-top:0!important;padding-bottom:0!important;overflow:hidden;margin-top:0!important;margin-bottom:0!important;border:0!important;opacity:0!important}#keditor-snippets-type-switcher{margin:0}#keditor-snippets-type-switcher>li>a{border-radius:3px 3px 0 0;height:42px;padding:10px 5px}#keditor-snippets-type-switcher>li.active>a{font-weight:700}#keditor-snippets-container{height:calc(100% - 42px);background:#fff;padding:10px 5px;border:solid #ddd;border-width:0 1px 1px}#keditor-snippets-container>.keditor-snippets{height:100%}#keditor-snippets-container>.keditor-snippets>.keditor-snippets-inner{height:100%;overflow-y:auto;overflow-x:hidden}#keditor-snippets-container>.keditor-snippets>.keditor-snippets-inner:after,#keditor-snippets-container>.keditor-snippets>.keditor-snippets-inner:before{content:" ";display:table}#keditor-snippets-container>.keditor-snippets>.keditor-snippets-inner:after{clear:both}#keditor-snippets-container>.keditor-snippets>.keditor-snippets-filter-wrapper{margin:0 5px}#keditor-snippets-container>.keditor-snippets>.keditor-snippets-filter-wrapper .keditor-snippets-filter,#keditor-snippets-container>.keditor-snippets>.keditor-snippets-filter-wrapper .keditor-snippets-search{border:1px solid #ddd;height:34px;padding:5px 10px;font-size:14px;line-height:1.42857143;width:100%;display:block;margin-bottom:10px}#keditor-snippets-container>.keditor-snippets>.keditor-snippets-filter-wrapper+.keditor-snippets-inner{height:calc(100% - 88px)}.keditor-snippet{padding:15px;border:1px solid #f0f0f0;cursor:move;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;float:left;background:#fff;margin:0 5px 10px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.keditor-snippet img{display:block}.keditor-snippet:last-child{margin-bottom:0}#keditor-setting-panel{background:#fff;position:absolute;z-index:1001;top:10px;width:calc(100% - 20px);right:-100%;bottom:10px;border:1px solid #ddd;border-radius:3px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.opened-keditor-setting #keditor-setting-panel{right:10px}#keditor-setting-header{height:42px;border-bottom:1px solid #ddd;padding:10px 30px 10px 15px;position:absolute;top:0;left:0;right:0}#keditor-setting-header:after,#keditor-setting-header:before{content:" ";display:table}#keditor-setting-header:after{clear:both}#keditor-setting-title{color:#666;font-weight:700}#keditor-setting-closer{text-decoration:none;color:#999;position:absolute;top:10px;bottom:10px;right:10px;width:21px;text-align:center;line-height:21px}#keditor-setting-closer:hover{color:#666}#keditor-setting-body{position:absolute;top:42px;right:0;bottom:0;left:0;padding:10px}#keditor-setting-forms{height:100%;overflow-x:hidden;overflow-y:auto}#keditor-setting-forms .keditor-setting-form{overflow:hidden;display:none}#keditor-setting-forms .keditor-setting-form.active{display:block}.keditor-toolbar{position:absolute;display:none}.keditor-toolbar>a{padding:1px 3px;font-size:12px;width:20px;height:20px;display:block;text-align:center;line-height:20px}.keditor-toolbar>a .fa{line-height:inherit}.keditor-toolbar .btn-component-reposition,.keditor-toolbar .btn-container-reposition{cursor:move}.keditor-container{position:relative}.keditor-container:before{position:absolute;top:-3px;right:-3px;left:-3px;bottom:-3px;border:3px dashed transparent;content:" ";display:block}.keditor-container>.keditor-toolbar{top:-3px;left:-39px;border:1px solid #333;border-radius:3px;overflow:hidden}.keditor-container>.keditor-toolbar>a{background:#333;color:#fff}.keditor-container>.keditor-toolbar>a:hover{background:#2eb2e4}.keditor-container:hover:before{border-color:#b5e4f6}.keditor-container.showed-keditor-toolbar:before{border-color:#2eb2e4}.keditor-container.showed-keditor-toolbar>.keditor-toolbar{display:block}.keditor-container-content{min-height:50px!important;position:relative}.keditor-container-content:before{position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;content:" ";display:block;border:1px dashed #e0e0e0}.keditor-component{position:relative}.keditor-component:before{position:absolute;top:-2px;right:-2px;left:-2px;bottom:-2px;content:" ";border:2px solid rgba(0,0,0,.5);display:none;z-index:1}.keditor-component .keditor-toolbar{top:-24px;right:-2px;left:-2px;background-color:rgba(0,0,0,.5);padding:2px 2px;text-align:right}.keditor-component .keditor-toolbar>a{border:0;background:0 0;color:#fff;text-align:center;border-radius:0;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;display:inline-block}.keditor-component .keditor-toolbar>a:hover{background-color:rgba(255,255,255,.2)}.keditor-component .keditor-component-content{position:relative;z-index:2}.keditor-component.showed-keditor-toolbar:before,.keditor-component:hover:before{display:block}.keditor-component.showed-keditor-toolbar .keditor-component-content{outline:0!important}.keditor-component:hover{z-index:2}.keditor-component:hover:before{border-top:0}.keditor-component:hover .keditor-toolbar{display:block}.keditor-snippet.ui-draggable-dragging{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}.ui-sortable-placeholder{background:#eee!important;visibility:visible!important;height:10px!important;margin:5px 0!important;float:none!important;outline:0!important}.keditor-section.ui-sortable-helper{background:#fff!important;opacity:.5}
+/*# sourceMappingURL=keditor-1.1.4.min.css.map */
diff --git a/dist/css/keditor-1.1.4.min.css.map b/dist/css/keditor-1.1.4.min.css.map
new file mode 100644
index 00000000..333da1d2
--- /dev/null
+++ b/dist/css/keditor-1.1.4.min.css.map
@@ -0,0 +1 @@
+{"version":3,"names":[],"mappings":"","sources":["keditor-1.1.4.css"],"sourcesContent":["/**!\n * KEditor - Kademi content editor\n * @copyright: Kademi (http://kademi.co)\n * @author: Kademi (http://kademi.co)\n * @version: 1.1.4\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\n */\n/* ==================================================================================\n   Body\n   ================================================================================== */\nbody {\n  margin: 0;\n  overflow-y: scroll;\n}\n/* ==================================================================================\n   KEditor base\n   ================================================================================== */\n#keditor-sidebar,\n.keditor-toolbar {\n  font: 14px/1.42857143 \"Helvetica Neue\", Helvetica, Arial, sans-serif !important;\n}\n#keditor-sidebar small,\n.keditor-toolbar small,\n#keditor-sidebar .small,\n.keditor-toolbar .small {\n  font-size: 88% !important;\n}\n/* ==================================================================================\n   opened-keditor-sidebar\n   ================================================================================== */\nbody.opened-keditor-sidebar .keditor-content-area {\n  margin-right: 260px;\n}\nbody.opened-keditor-sidebar #keditor-sidebar {\n  right: 0;\n}\n/* ==================================================================================\n   highlighted-container-content\n   ================================================================================== */\nbody.highlighted-container-content .keditor-container-content:before {\n  border-color: #2eb2e4;\n}\n/* ==================================================================================\n   Frame\n   ================================================================================== */\n.keditor-frame {\n  width: 100%;\n  height: 500px;\n  border: 1px solid #ddd;\n}\n/* ==================================================================================\n   Content area\n   ================================================================================== */\n.keditor-content-area {\n  min-height: 100px;\n  width: auto;\n  margin: 0;\n  padding: 80px 50px 30px;\n}\n/* ==================================================================================\n   Sidebar\n   ================================================================================== */\n#keditor-sidebar {\n  position: fixed;\n  z-index: 100;\n  top: 0;\n  right: -255px;\n  bottom: 0;\n  background: #f0f0f0;\n  opacity: .9;\n  border-left: 1px solid #ddd;\n  width: 255px;\n  box-shadow: -1px 0 5px rgba(0, 0, 0, 0.15);\n  padding: 10px;\n  -webkit-transition: all 0.3s;\n  -o-transition: all 0.3s;\n  transition: all 0.3s;\n}\n#keditor-sidebar:hover {\n  opacity: 1;\n}\n#keditor-sidebar-toggler {\n  position: absolute;\n  top: 100px;\n  width: 25px;\n  height: 30px;\n  left: -25px;\n  background: #f0f0f0;\n  text-align: center;\n  line-height: 30px;\n  border: 1px solid #ddd;\n  border-right: 0;\n  cursor: pointer;\n  border-radius: 3px 0 0 3px;\n  color: #666;\n}\n#keditor-sidebar-toggler > i.fa {\n  line-height: inherit;\n}\n/* ==================================================================================\n   Snippets\n   ================================================================================== */\n#keditor-snippets-list {\n  height: 100%;\n}\n#keditor-snippets-list .keditor-snippet:hover {\n  opacity: .6;\n  border-color: #ccc;\n}\n#keditor-snippets-list .keditor-snippet.not-matched {\n  height: 0 !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  overflow: hidden;\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n  border: 0 !important;\n  opacity: 0 !important;\n}\n#keditor-snippets-type-switcher {\n  margin: 0;\n}\n#keditor-snippets-type-switcher > li > a {\n  border-radius: 3px 3px 0 0;\n  height: 42px;\n  padding: 10px 5px;\n}\n#keditor-snippets-type-switcher > li.active > a {\n  font-weight: bold;\n}\n#keditor-snippets-container {\n  height: calc(100% - 42px);\n  background: #fff;\n  padding: 10px 5px;\n  border: solid #ddd;\n  border-width: 0 1px 1px;\n}\n#keditor-snippets-container > .keditor-snippets {\n  height: 100%;\n}\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-inner {\n  height: 100%;\n  overflow-y: auto;\n  overflow-x: hidden;\n}\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-inner:before,\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-inner:after {\n  content: \" \";\n  display: table;\n}\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-inner:after {\n  clear: both;\n}\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-filter-wrapper {\n  margin: 0 5px;\n}\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-filter-wrapper .keditor-snippets-filter,\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-filter-wrapper .keditor-snippets-search {\n  border: 1px solid #ddd;\n  height: 34px;\n  padding: 5px 10px;\n  font-size: 14px;\n  line-height: 1.42857143;\n  width: 100%;\n  display: block;\n  margin-bottom: 10px;\n}\n#keditor-snippets-container > .keditor-snippets > .keditor-snippets-filter-wrapper + .keditor-snippets-inner {\n  height: calc(100% - 88px);\n}\n.keditor-snippet {\n  padding: 15px;\n  border: 1px solid #f0f0f0;\n  cursor: move;\n  -webkit-transition: all 0.3s;\n  -o-transition: all 0.3s;\n  transition: all 0.3s;\n  float: left;\n  background: #fff;\n  margin: 0 5px 10px;\n  -webkit-user-select: none;\n  -moz-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n.keditor-snippet img {\n  display: block;\n}\n.keditor-snippet:last-child {\n  margin-bottom: 0;\n}\n/* ==================================================================================\n   Settings panel\n   ================================================================================== */\n#keditor-setting-panel {\n  background: #fff;\n  position: absolute;\n  z-index: 1001;\n  top: 10px;\n  width: calc(100% - 20px);\n  right: -100%;\n  bottom: 10px;\n  border: 1px solid #ddd;\n  border-radius: 3px;\n  -webkit-transition: all 0.3s;\n  -o-transition: all 0.3s;\n  transition: all 0.3s;\n}\n.opened-keditor-setting #keditor-setting-panel {\n  right: 10px;\n}\n#keditor-setting-header {\n  height: 42px;\n  border-bottom: 1px solid #ddd;\n  padding: 10px 30px 10px 15px;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n}\n#keditor-setting-header:before,\n#keditor-setting-header:after {\n  content: \" \";\n  display: table;\n}\n#keditor-setting-header:after {\n  clear: both;\n}\n#keditor-setting-title {\n  color: #666;\n  font-weight: bold;\n}\n#keditor-setting-closer {\n  text-decoration: none;\n  color: #999999;\n  position: absolute;\n  top: 10px;\n  bottom: 10px;\n  right: 10px;\n  width: 21px;\n  text-align: center;\n  line-height: 21px;\n}\n#keditor-setting-closer:hover {\n  color: #666;\n}\n#keditor-setting-body {\n  position: absolute;\n  top: 42px;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  padding: 10px;\n}\n#keditor-setting-forms {\n  height: 100%;\n  overflow-x: hidden;\n  overflow-y: auto;\n}\n#keditor-setting-forms .keditor-setting-form {\n  overflow: hidden;\n  display: none;\n}\n#keditor-setting-forms .keditor-setting-form.active {\n  display: block;\n}\n/* ==================================================================================\n   Toolbar\n   ================================================================================== */\n.keditor-toolbar {\n  position: absolute;\n  display: none;\n}\n.keditor-toolbar > a {\n  padding: 1px 3px;\n  font-size: 12px;\n  width: 20px;\n  height: 20px;\n  display: block;\n  text-align: center;\n  line-height: 20px;\n}\n.keditor-toolbar > a .fa {\n  line-height: inherit;\n}\n.keditor-toolbar .btn-container-reposition,\n.keditor-toolbar .btn-component-reposition {\n  cursor: move;\n}\n/* ==================================================================================\n   Container\n   ================================================================================== */\n.keditor-container {\n  position: relative;\n}\n.keditor-container:before {\n  position: absolute;\n  top: -3px;\n  right: -3px;\n  left: -3px;\n  bottom: -3px;\n  border: 3px dashed transparent;\n  content: \" \";\n  display: block;\n}\n.keditor-container > .keditor-toolbar {\n  top: -3px;\n  left: -39px;\n  border: 1px solid #333;\n  border-radius: 3px;\n  overflow: hidden;\n}\n.keditor-container > .keditor-toolbar > a {\n  background: #333;\n  color: #fff;\n}\n.keditor-container > .keditor-toolbar > a:hover {\n  background: #2eb2e4;\n}\n.keditor-container:hover:before {\n  border-color: #b5e4f6;\n}\n.keditor-container.showed-keditor-toolbar:before {\n  border-color: #2eb2e4;\n}\n.keditor-container.showed-keditor-toolbar > .keditor-toolbar {\n  display: block;\n}\n.keditor-container-content {\n  min-height: 50px !important;\n  position: relative;\n}\n.keditor-container-content:before {\n  position: absolute;\n  top: -1px;\n  left: -1px;\n  right: -1px;\n  bottom: -1px;\n  content: \" \";\n  display: block;\n  border: 1px dashed #e0e0e0;\n}\n/* ==================================================================================\n   Component\n   ================================================================================== */\n.keditor-component {\n  position: relative;\n}\n.keditor-component:before {\n  position: absolute;\n  top: -2px;\n  right: -2px;\n  left: -2px;\n  bottom: -2px;\n  content: \" \";\n  border: 2px solid rgba(0, 0, 0, 0.5);\n  display: none;\n  z-index: 1;\n}\n.keditor-component .keditor-toolbar {\n  top: -24px;\n  right: -2px;\n  left: -2px;\n  background-color: rgba(0, 0, 0, 0.5);\n  padding: 2px 2px;\n  text-align: right;\n}\n.keditor-component .keditor-toolbar > a {\n  border: 0;\n  background: none;\n  color: #fff;\n  text-align: center;\n  border-radius: 0;\n  -webkit-box-shadow: none;\n  box-shadow: none;\n  -webkit-transition: all 0.3s;\n  -o-transition: all 0.3s;\n  transition: all 0.3s;\n  display: inline-block;\n}\n.keditor-component .keditor-toolbar > a:hover {\n  background-color: rgba(255, 255, 255, 0.2);\n}\n.keditor-component .keditor-component-content {\n  position: relative;\n  z-index: 2;\n}\n.keditor-component:hover:before,\n.keditor-component.showed-keditor-toolbar:before {\n  display: block;\n}\n.keditor-component.showed-keditor-toolbar .keditor-component-content {\n  outline: none !important;\n}\n.keditor-component:hover {\n  z-index: 2;\n}\n.keditor-component:hover:before {\n  border-top: 0;\n}\n.keditor-component:hover .keditor-toolbar {\n  display: block;\n}\n/* ==================================================================================\n   Drag n Drop helper\n   ================================================================================== */\n.keditor-snippet.ui-draggable-dragging {\n  -webkit-transition: none !important;\n  -o-transition: none !important;\n  transition: none !important;\n}\n.ui-sortable-placeholder {\n  background: #eee !important;\n  visibility: visible !important;\n  height: 10px !important;\n  margin: 5px 0 !important;\n  float: none !important;\n  outline: none !important;\n}\n.keditor-section.ui-sortable-helper {\n  background: #fff !important;\n  opacity: 0.5;\n}\n"],"file":"keditor-1.1.4.min.css","sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/dist/css/keditor-components-1.1.3.css b/dist/css/keditor-components-1.1.4.css
similarity index 95%
rename from dist/css/keditor-components-1.1.3.css
rename to dist/css/keditor-components-1.1.4.css
index 1f9a0dfc..b09ab4bb 100644
--- a/dist/css/keditor-components-1.1.3.css
+++ b/dist/css/keditor-components-1.1.4.css
@@ -2,7 +2,7 @@
  * KEditor Text Component
  * @copyright: Kademi (http://kademi.co)
  * @author: Kademi (http://kademi.co)
- * @version: 1.1.3
+ * @version: 1.1.4
  * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)
  */
 /* ==================================================================================
@@ -25,6 +25,7 @@ div.cke_float[id*="cke_keditor-component-content-"] .cke_toolbox {
 div.cke_float[id*="cke_keditor-component-content-"] .cke_toolbar {
   float: none !important;
   display: inline-block !important;
+  vertical-align: top !important;
 }
 div.cke_float[id*="cke_keditor-component-content-"] .cke_toolbar_break {
   display: none !important;
diff --git a/dist/css/keditor-components-1.1.3.min.css b/dist/css/keditor-components-1.1.4.min.css
similarity index 55%
rename from dist/css/keditor-components-1.1.3.min.css
rename to dist/css/keditor-components-1.1.4.min.css
index a0a1a163..72487b4c 100644
--- a/dist/css/keditor-components-1.1.3.min.css
+++ b/dist/css/keditor-components-1.1.4.min.css
@@ -1,2 +1,2 @@
-div.cke_float[id*=cke_keditor-component-content-]{padding:0;left:50px!important;right:50px;margin-top:-24px}div.cke_float[id*=cke_keditor-component-content-] .cke_top{padding:3px 3px 0}div.cke_float[id*=cke_keditor-component-content-] .cke_toolbox{display:block!important;overflow-x:auto;overflow-y:hidden}div.cke_float[id*=cke_keditor-component-content-] .cke_toolbar{float:none!important;display:inline-block!important}div.cke_float[id*=cke_keditor-component-content-] .cke_toolbar_break{display:none!important}body.opened-keditor-sidebar div.cke_float[id*=cke_keditor-component-content-]{right:310px}
-/*# sourceMappingURL=keditor-components-1.1.3.min.css.map */
+div.cke_float[id*=cke_keditor-component-content-]{padding:0;left:50px!important;right:50px;margin-top:-24px}div.cke_float[id*=cke_keditor-component-content-] .cke_top{padding:3px 3px 0}div.cke_float[id*=cke_keditor-component-content-] .cke_toolbox{display:block!important;overflow-x:auto;overflow-y:hidden}div.cke_float[id*=cke_keditor-component-content-] .cke_toolbar{float:none!important;display:inline-block!important;vertical-align:top!important}div.cke_float[id*=cke_keditor-component-content-] .cke_toolbar_break{display:none!important}body.opened-keditor-sidebar div.cke_float[id*=cke_keditor-component-content-]{right:310px}
+/*# sourceMappingURL=keditor-components-1.1.4.min.css.map */
diff --git a/dist/css/keditor-components-1.1.3.min.css.map b/dist/css/keditor-components-1.1.4.min.css.map
similarity index 65%
rename from dist/css/keditor-components-1.1.3.min.css.map
rename to dist/css/keditor-components-1.1.4.min.css.map
index 681cd85e..80d93e1b 100644
--- a/dist/css/keditor-components-1.1.3.min.css.map
+++ b/dist/css/keditor-components-1.1.4.min.css.map
@@ -1 +1 @@
-{"version":3,"names":[],"mappings":"","sources":["keditor-components-1.1.3.css"],"sourcesContent":["/**\n * KEditor Text Component\n * @copyright: Kademi (http://kademi.co)\n * @author: Kademi (http://kademi.co)\n * @version: 1.1.3\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\n */\n/* ==================================================================================\n   CKEditor\n   ================================================================================== */\ndiv.cke_float[id*=\"cke_keditor-component-content-\"] {\n  padding: 0;\n  left: 50px !important;\n  right: 50px;\n  margin-top: -24px;\n}\ndiv.cke_float[id*=\"cke_keditor-component-content-\"] .cke_top {\n  padding: 3px 3px 0;\n}\ndiv.cke_float[id*=\"cke_keditor-component-content-\"] .cke_toolbox {\n  display: block !important;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\ndiv.cke_float[id*=\"cke_keditor-component-content-\"] .cke_toolbar {\n  float: none !important;\n  display: inline-block !important;\n}\ndiv.cke_float[id*=\"cke_keditor-component-content-\"] .cke_toolbar_break {\n  display: none !important;\n}\nbody.opened-keditor-sidebar div.cke_float[id*=\"cke_keditor-component-content-\"] {\n  right: 310px;\n}\n"],"file":"keditor-components-1.1.3.min.css","sourceRoot":"/source/"}
\ No newline at end of file
+{"version":3,"names":[],"mappings":"","sources":["keditor-components-1.1.4.css"],"sourcesContent":["/**\n * KEditor Text Component\n * @copyright: Kademi (http://kademi.co)\n * @author: Kademi (http://kademi.co)\n * @version: 1.1.4\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\n */\n/* ==================================================================================\n   CKEditor\n   ================================================================================== */\ndiv.cke_float[id*=\"cke_keditor-component-content-\"] {\n  padding: 0;\n  left: 50px !important;\n  right: 50px;\n  margin-top: -24px;\n}\ndiv.cke_float[id*=\"cke_keditor-component-content-\"] .cke_top {\n  padding: 3px 3px 0;\n}\ndiv.cke_float[id*=\"cke_keditor-component-content-\"] .cke_toolbox {\n  display: block !important;\n  overflow-x: auto;\n  overflow-y: hidden;\n}\ndiv.cke_float[id*=\"cke_keditor-component-content-\"] .cke_toolbar {\n  float: none !important;\n  display: inline-block !important;\n  vertical-align: top !important;\n}\ndiv.cke_float[id*=\"cke_keditor-component-content-\"] .cke_toolbar_break {\n  display: none !important;\n}\nbody.opened-keditor-sidebar div.cke_float[id*=\"cke_keditor-component-content-\"] {\n  right: 310px;\n}\n"],"file":"keditor-components-1.1.4.min.css","sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/dist/js/keditor-1.1.3.min.js b/dist/js/keditor-1.1.3.min.js
deleted file mode 100644
index 8ec192fa..00000000
--- a/dist/js/keditor-1.1.3.min.js
+++ /dev/null
@@ -1,3 +0,0 @@
-!function(t){var e=function(){"undefined"!=typeof console&&o.debug===!0&&("Microsoft Internet Explorer"==navigator.appName?1==arguments.length?console.log("[KEditor]",arguments[0]):2==arguments.length?console.log("[KEditor]",arguments[0],arguments[1]):arguments.length>2&&console.log("[KEditor]",arguments[0],arguments[1],arguments[2]):console.log(["KEditor"],arguments))},n=function(t){throw new Error("[KEditor] "+t)};t.fn.draggable||n("$.fn.draggable does not exist. Please import $.fn.draggable into your document for continue using KEditor."),t.fn.droppable||n("$.fn.droppable does not exist. Please import $.fn.droppable into your document for continue using KEditor."),t.fn.sortable||n("$.fn.sortable does not exist. Please import $.fn.sortable into your document for continue using KEditor.");var o=function(e,n){this.options=t.extend({},o.DEFAULTS,n),this.init(e)};o.debug=!0,o.version="1.1.3",o.DEFAULTS={btnMoveContainerText:'<i class="fa fa-sort"></i>',btnMoveComponentText:'<i class="fa fa-arrows"></i>',btnSettingContainerText:'<i class="fa fa-cog"></i>',btnSettingComponentText:'<i class="fa fa-cog"></i>',btnDuplicateContainerText:'<i class="fa fa-files-o"></i>',btnDuplicateComponentText:'<i class="fa fa-files-o"></i>',btnDeleteContainerText:'<i class="fa fa-times"></i>',btnDeleteComponentText:'<i class="fa fa-times"></i>',tabContainersText:"Containers",tabContainersTitle:"Containers",tabComponentsText:"Components",tabComponentsTitle:"Components",tabTooltipEnabled:!0,extraTabs:null,defaultComponentType:"blank",snippetsUrl:"snippets/default/snippets.html",snippetsListId:"keditor-snippets-list",snippetsTooltipEnabled:!0,snippetsTooltipPosition:"left",snippetsFilterEnabled:!0,snippetsCategoriesSeparator:";",iframeMode:!1,contentAreasSelector:null,contentAreasWrapper:'<div class="keditor-content-areas-wrapper container"></div>',containerSettingEnabled:!1,containerSettingInitFunction:null,containerSettingShowFunction:null,containerSettingHideFunction:null,onReady:function(){},onInitFrame:function(t,e,n){},onSidebarToggled:function(t){},onInitContentArea:function(t){},onContentChanged:function(t){},onInitContainer:function(t){},onBeforeContainerDeleted:function(t,e){},onContainerDeleted:function(t,e){},onContainerChanged:function(t,e){},onContainerDuplicated:function(t,e,n){},onContainerSelected:function(t,e){},onContainerSnippetDropped:function(t,e,n){},onComponentReady:function(t){},onInitComponent:function(t){},onBeforeComponentDeleted:function(t,e){},onComponentDeleted:function(t,e){},onComponentChanged:function(t,e){},onComponentDuplicated:function(t,e,n){},onComponentSelected:function(t,e){},onComponentSnippetDropped:function(t,e,n){},onBeforeDynamicContentLoad:function(t,e){},onDynamicContentLoaded:function(t,e,n,o){},onDynamicContentError:function(t,e,n,o){}},o.components={blank:{settingEnabled:!1}},o.log=e,o.error=n,o.prototype={init:function(n){var o=this,i=o.options;if(i.iframeMode)n=o.initFrame(n);else if(o.body=t(document.body),n.is("textarea")){e("Target is textarea",n);var a=n.val(),r=t("<div />"),s=o.generateId("wrapper");n.after(r),r.attr({id:s,"class":"keditor-wrapper"}),e('Id for keditor wrapper is: "'+s+'"'),r.html(a),n.css("display","none"),n.attr("data-keditor-wrapper","#"+s),n=r}var d,c=o.body;c.hasClass("initialized-snippets-list")?e("Snippets list is already initialized!"):(d=o.initSidebar(),c.addClass("initialized-snippets-list")),c.hasClass("initialized-click-event-handlers")?e("CLick event handlers is already initialized!"):(o.initKEditorClicks(),c.addClass("initialized-click-event-handlers")),o.initContentAreas(n),d||"function"!=typeof i.onReady||i.onReady.call(o)},generateId:function(t){var e=(new Date).getTime();return"keditor-"+t+"-"+e},initNiceScroll:function(n){e("initNiceScroll",n),t.fn.niceScroll?(e("Initialize $.fn.niceScroll"),n.niceScroll({cursorcolor:"#999",cursorwidth:6,railpadding:{top:0,right:0,left:0,bottom:0},cursorborder:"",disablemutationobserver:!0})):e("$.fn.niceScroll does not exist. Use default sidebar.")},initFrame:function(n){e("initFrame",n);var i=this,a=i.options,r=n.html(),s=t("<iframe />"),d=i.generateId("frame");n.after(s),s.attr({id:d,"class":"keditor-frame"}),e('Id for keditor frame is: "'+d+'"'),n.css("display","none"),n.attr("data-keditor-frame","#"+d);var c=s.contents(),l=c.find("head"),p=c.find("body");e("Adding styles to iframe...");var f="";t('[data-type="keditor-style"]').each(function(){var e=t(this),n=e.attr("href")||e.attr("data-href")||"";f+=n?'<link rel="stylesheet" type="text/css" href="'+n+'" />\n':'<style type="text/css">'+e.html()+"</style>\n"}),e("Styles: \n"+f),l.append(f),e("All styles are added"),e("Adding original content to iframe...");var g;return a.contentAreasWrapper?(g=t(a.contentAreasWrapper),p.append(g),g.html(r)):p.html(r),a.snippetsListId=o.DEFAULTS.snippetsListId,i.body=p,"function"==typeof a.onInitFrame&&a.onInitFrame.call(s,s,l,p),g||p},initSidebar:function(){e("initSidebar");var i=this,a=i.options,r=i.body;return r.addClass("opened-keditor-sidebar"),a.snippetsListId===o.DEFAULTS.snippetsListId?(e("Render default KEditor snippet container"),r.append('<div id="keditor-sidebar">   <a id="keditor-sidebar-toggler"><i class="fa fa-chevron-right"></i></a>   <div id="keditor-snippets-list"></div>   <div id="keditor-snippets-content" style="display: none"></div>   <div id="keditor-setting-panel">       <div id="keditor-setting-header"><span id="keditor-setting-title"></span><a href="#" id="keditor-setting-closer"><i class="fa fa-arrow-right"></i></a></div>       <div id="keditor-setting-body"><div id="keditor-setting-forms"></div></div>   </div></div>'),i.initSidebarToggler()):(e('Render KEditor snippets content after custom snippets list with id="'+a.snippetsListId+'"'),r.find("#"+a.snippetsListId).after('<div id="keditor-snippets-content" style="display: none"></div>')),"string"==typeof a.snippetsUrl&&a.snippetsUrl.length>0?(e('Getting snippets form "'+a.snippetsUrl+'"...'),t.ajax({type:"get",dataType:"html",url:a.snippetsUrl,success:function(t){e("Success in getting snippets",t),i.renderSnippets(t),i.initSnippets(),i.initTabs(),i.initTabsSwitcher(),i.initSettingPanel(),a.snippetsFilterEnabled&&(i.initSnippetsFilter("Container"),i.initSnippetsFilter("Component")),(a.snippetsTooltipEnabled||a.tabTooltipEnabled)&&(e("Initialize Bootstrap tooltip plugin"),r.find("#"+a.snippetsListId).find('[data-toggle="tooltip"]').tooltip()),"function"==typeof a.onReady&&a.onReady.call(i)},error:function(t){e("Error when getting snippets",t)}})):void n('"snippetsUrl" must be not null!')},initSnippetsFilter:function(n){e("initSnippetsFilter");var o=this,i=o.options,a=o.body,r=n.toLowerCase(),s=o["snippets"+n+"Categories"],d="";d+='<div id="keditor-'+r+'-snippets-filter-wrapper" class="keditor-snippets-filter-wrapper">',d+='     <select id="keditor-'+r+'-snippets-filter" class="keditor-snippets-filter">',d+='         <option value="" selected="selected">All</option>';for(var c=0;c<s.length;c++)d+='     <option value="'+s[c]+'">'+s[c]+"</option>";d+="     </select>",d+="</div>";var l=a.find("#keditor-"+r+"-snippets-tab"),p=l.find(".keditor-snippet");l.prepend(d),p.each(function(){var e=t(this),n=e.attr("data-categories")||"";n=n.split(i.snippetsCategoriesSeparator),e.data("categories",n)}),l.find(".keditor-snippets-filter").on("change",function(){var e=this.value;e?p.filter(function(){var n=t(this),o=!1,i=n.data("categories");return-1!==t.inArray(e,i)&&(o=!0),n[o?"removeClass":"addClass"]("not-matched"),o}):p.removeClass("not-matched")})},toggleSidebar:function(t){e("toggleSidebar",t);var n=this,o=n.options,i=n.body,a=i.find("#keditor-sidebar-toggler i");t?(i.addClass("opened-keditor-sidebar"),a.attr("class","fa fa-chevron-right")):(i.removeClass("opened-keditor-sidebar"),a.attr("class","fa fa-chevron-left")),"function"==typeof o.onSidebarToggled&&o.onSidebarToggled.call(null,t)},initSidebarToggler:function(){e("initSidebarToggler");var t=this,n=t.body;n.find("#keditor-sidebar-toggler").on("click",function(e){e.preventDefault(),t.toggleSidebar(!n.hasClass("opened-keditor-sidebar"))})},renderSnippets:function(n){e("renderSnippets",n);var o=this,i=o.options,a=o.body,r="",s="",d="";o.snippetsContainerCategories=[],o.snippetsComponentCategories=[],t("<div />").html(n).find("> div").each(function(n){var a=t(this),c=a.html().trim(),l=a.attr("data-preview"),p=a.attr("data-type"),f=a.attr("data-title"),g="",C=a.attr("data-categories")||"";e("Snippet #"+n+" type="+p+" categories="+C,l,c),g+='<section class="keditor-snippet" data-snippet="#keditor-snippet-'+n+'" data-type="'+p+'" '+(i.snippetsTooltipEnabled?'data-toggle="tooltip" data-placement="'+i.snippetsTooltipPosition+'"':"")+' title="'+f+'" data-categories="'+C+'">',g+='   <img class="keditor-snippet-preview" src="'+l+'" />',g+="</section>",C=C.split(i.snippetsCategoriesSeparator),"container"===p?(r+=g,o.snippetsContainerCategories=o.snippetsContainerCategories.concat(C)):-1!==p.indexOf("component")&&(s+=g,o.snippetsComponentCategories=o.snippetsComponentCategories.concat(C));var m=o.getDataAttributes(a,["data-preview","data-type","data-title"],!0);d+='<script id="keditor-snippet-'+n+'" type="text/html" '+m.join(" ")+">"+c+"</script>"}),o.snippetsContainerCategories=o.beautifyCategories(o.snippetsContainerCategories),o.snippetsComponentCategories=o.beautifyCategories(o.snippetsComponentCategories),a.find("#"+i.snippetsListId).html('<ul id="keditor-snippets-type-switcher" class="nav nav-tabs nav-justified">    <li class="active"><a href="#keditor-container-snippets-tab"'+(i.tabTooltipEnabled?'data-toggle="tooltip" data-placement="bottom"':"")+' title="'+i.tabContainersTitle+'">'+i.tabContainersText+'</a></li>    <li><a href="#keditor-component-snippets-tab"'+(i.tabTooltipEnabled?'data-toggle="tooltip" data-placement="bottom"':"")+' title="'+i.tabComponentsTitle+'">'+i.tabComponentsText+'</a></li></ul><div id="keditor-snippets-container" class="tab-content">   <div class="tab-pane keditor-snippets active" id="keditor-container-snippets-tab"><div class="keditor-snippets-inner">'+r+'</div></div>   <div class="tab-pane keditor-snippets" id="keditor-component-snippets-tab"><div class="keditor-snippets-inner">'+s+"</div></div></div>").addClass("loaded-snippets"),a.find("#keditor-snippets-content").html(d)},beautifyCategories:function(n){e("beautifyCategories",n);for(var o=[],i=0;i<n.length;i++){var a=n[i]||"";""!==a&&-1===t.inArray(a,o)&&o.push(a)}return o.sort()},initSnippets:function(){e("initSnippets");var n=this,o=n.options,i=n.body,a=i.find("#"+o.snippetsListId);e("Initialize $.fn.draggable for container snippets list"),a.find(".keditor-snippet[data-type=container]").draggable({helper:"clone",revert:"invalid",connectToSortable:i.find(".keditor-content-area"),start:function(){t("[contenteditable]").blur(),t(".keditor-container.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),t(".keditor-component.showed-keditor-toolbar").removeClass("showed-keditor-toolbar")},stop:function(){a.find(".keditor-snippet[data-type^=component]").draggable("option","connectToSortable",i.find(".keditor-container-content"))}}),a.find(".keditor-snippet[data-type^=component]").draggable({helper:"clone",revert:"invalid",connectToSortable:i.find(".keditor-container-content"),start:function(){i.find("[contenteditable]").blur(),i.find(".keditor-container.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),i.find(".keditor-component.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),i.addClass("highlighted-container-content")},stop:function(){i.removeClass("highlighted-container-content")}})},initTabs:function(){e("initTabs");var n=this,o=n.body,i=n.options,a=o.find("#keditor-snippets-type-switcher"),r=o.find("#keditor-snippets-container");if(i.extraTabs&&t.isPlainObject(i.extraTabs)){e("Add extra tabs",i.extraTabs);for(var s in i.extraTabs){var d=i.extraTabs[s];a.append('<li><a href="#keditor-extra-tab-'+s+'"'+(i.tabTooltipEnabled?'data-toggle="tooltip" data-placement="bottom" title="'+d.title+'"':"")+">"+d.text+"</a></li>"),r.append('<div class="tab-pane keditor-snippets" id="keditor-extra-tab-'+s+'"><div class="keditor-snippets-inner">'+d.content+"</div></div>")}}n.initNiceScroll(r.find(".keditor-snippets-inner"))},initTabsSwitcher:function(){e("initTabsSwitcher");var n=this,o=n.body,i=o.find("#keditor-snippets-type-switcher li"),a=o.find("#keditor-snippets-container .tab-pane");i.find("a").on("click",function(e){e.preventDefault();var n=t(this),r=n.parent(),s=n.attr("href");if(!r.hasClass("active")){var d=i.filter(".active"),c=a.filter(".active"),l=o.find(s);if(d.removeClass("active"),c.removeClass("active"),r.addClass("active"),l.addClass("active"),t.fn.niceScroll){c.getNiceScroll().hide();var p=l.getNiceScroll();p.show(),p.resize()}}})},initSettingPanel:function(){e("initSettingPanel");var o=this,i=o.options,a=o.body;a.find("#keditor-setting-closer").on("click",function(t){t.preventDefault(),o.hideSettingPanel()});var r=a.find("#keditor-setting-forms");if(o.initNiceScroll(r),i.containerSettingEnabled===!0)if("function"==typeof i.containerSettingInitFunction){var s=t('<div id="keditor-container-setting" class="keditor-setting-form clearfix"></div>');r.append(s),e("Initialize container setting panel"),i.containerSettingInitFunction.call(o,s,o)}else n('"containerSettingInitFunction" is not function!')},setSettingContainer:function(t){e("setSettingContainer",t);var n=this,o=n.body;if(t){var i=t.attr("id");o.attr("data-setting-container",i)}else o.removeAttr("data-setting-container")},getSettingContainer:function(){e("getSettingContainer");var t=this,n=t.body,o=n.attr("data-setting-container");return n.find("#"+o)},setSettingComponent:function(t){e("setSettingComponent",t);var n=this,o=n.body;if(t){var i=t.attr("id");o.attr("data-setting-component",i)}else o.removeAttr("data-setting-component")},getSettingComponent:function(){e("getSettingComponent");var t=this,n=t.body,o=n.attr("data-setting-component");return n.find("#"+o)},showSettingPanel:function(n){e("showSettingPanel",n);var i=this,a=i.options,r=i.body,s=n.is(".keditor-component"),d=r.find("#keditor-setting-forms").children(".active");if(d.removeClass("active"),s){i.setSettingComponent(n),i.setSettingContainer(null);var c=i.getComponentType(n),l=o.components[c];r.find("#keditor-setting-title").html(l.settingTitle);var p=r.find("#keditor-setting-forms"),f=r.find("#keditor-setting-"+c);if(0===f.length){var l=o.components[c];if("function"==typeof l.initSettingForm){f=t('<div id="keditor-setting-'+c+'" data-type="'+c+'" class="keditor-setting-form clearfix active"></div>');var g=t("<span />").html("Loading...");p.append(f),f.append(g),e('Initializing setting form for component type "'+c+'"');var C=l.initSettingForm.call(l,f,i);t.when(C).done(function(){e('Initialized setting form for component type "'+c+'"'),setTimeout(function(){g.remove(),"function"==typeof l.showSettingForm?(e('Show setting form of component type "'+c+'"'),l.showSettingForm.call(l,f,n,i)):e('"showSettingForm" function of component type "'+c+'" does not exist')},100)})}else e('"initSettingForm" function of component type "'+c+'" does not exist')}else"function"==typeof l.showSettingForm?(e('Show setting form of component type "'+c+'"'),l.showSettingForm.call(l,f,n,i)):e('"showSettingForm" function of component type "'+c+'" does not exist'),f.addClass("active")}else{i.setSettingContainer(n),i.setSettingComponent(null),r.find("#keditor-setting-title").html("Container Settings");var f=r.find("#keditor-container-setting");"function"==typeof a.containerSettingShowFunction?(e("Show setting form of container"),a.containerSettingShowFunction.call(i,f,n,i)):e('"containerSettingShowFunction" does not exist'),f.addClass("active")}i.toggleSidebar(!0),r.addClass("opened-keditor-setting")},hideSettingPanel:function(){e("hideSettingPanel");var t=this,n=t.options,i=t.body;i.removeClass("opened-keditor-setting");var a=i.find("#keditor-setting-forms").children(".active");if(a.length>0){if(a.is("#keditor-container-setting"))"function"==typeof n.containerSettingHideFunction?(e("Hide setting form of container"),n.containerSettingHideFunction.call(t,a,t)):e('"containerSettingHideFunction" does not exist');else{var r=a.attr("data-type"),s=o.components[r];"function"==typeof s.hideSettingForm?(e('Hide setting form of component type "'+r+'"'),s.hideSettingForm.call(s,a,t)):e('"hideSettingForm" function of component type "'+r+'" does not exist')}a.removeClass("active")}i.removeClass("opened-keditor-setting"),t.setSettingComponent(null),t.setSettingContainer(null)},getContentAreas:function(n){e("getContentAreas",n);var o,i=this,a=i.options;if(a.contentAreasSelector&&(o=n.find(a.contentAreasSelector)),!o||0===o.length){e("Do not find any content area. Creating default content area..."),o=t("<div />");var r=n.html();o.html(r),n.empty().append(o)}return o},initContentAreas:function(n){e("initContentAreas",n);var o=this,i=o.getContentAreas(n);i.each(function(){var n=t(this),i=n.attr("id")||"";0===i.length&&(e("Content area does not contain Id. Generating id for content area..."),i=o.generateId("content-area"),n.attr("id",i),e('Id for content are is: "'+i+'"')),o.initContentArea(n),n.data("keditor",o)})},initContentArea:function(n){e("initContentArea",n);var o=this,i=o.options,a=o.body;if(n.addClass("keditor-content-area"),e("Initialize $.fn.droppable for content area"),n.droppable({accept:".keditor-snippet[data-type=container]",tolerance:"pointer",greedy:!0}),e("Initialize $.fn.sortable for content area"),n.sortable({handle:".btn-container-reposition",items:"> section",connectWith:".keditor-content-area",axis:"y",tolerance:"pointer",sort:function(){t(this).removeClass("ui-state-default")},receive:function(r,s){e("On received snippet",r,s);var d=s.helper,c=s.item;if(c.is(".keditor-snippet")){var l=a.find(c.attr("data-snippet")).html();e("Snippet content",l);var p=t('<section class="keditor-container">   <section class="keditor-container-inner">'+l+"</section></section>");d.replaceWith(p),p.hasClass("showed-keditor-toolbar")||(t(".keditor-container.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),p.addClass("showed-keditor-toolbar")),"function"==typeof i.onContainerSnippetDropped&&i.onContainerSnippetDropped.call(n,r,p,s.item),o.initContainer(n,p)}o.hideSettingPanel(),"function"==typeof i.onContentChanged&&i.onContentChanged.call(n,r)}}),e("Initialize existing containers in content area"),n.children("section").each(function(){o.convertToContainer(n,t(this))}),"function"==typeof i.onInitContentArea){var r=i.onInitContentArea.call(n,n);r&&r.length>0&&t.each(r,function(){o.convertToContainer(n,t(this))})}},convertToContainer:function(t,n){e("convertToContainer",t,n);var o,i=this,a=n.is("section");a?(n.addClass("keditor-container"),n.wrapInner('<section class="keditor-container-inner"></section>'),o=n):(n.wrap('<section class="keditor-container"><section class="keditor-container-inner"></section></section>'),o=n.parent().parent()),i.initContainer(t,o)},initContainer:function(n,o){e("initContainer",n,o);var i=this,a=i.options;if(o.hasClass("keditor-initialized-container")&&o.hasClass("keditor-initializing-container"))e(o.hasClass("keditor-initialized-container")?"Container is already initialized!":"Container is initializing...");else{o.addClass("keditor-initializing-container");var r="";a.containerSettingEnabled===!0&&(r='<a href="#" class="btn-container-setting">'+a.btnSettingContainerText+"</a>"),e("Render KEditor toolbar for container",o),o.append('<div class="keditor-toolbar keditor-toolbar-container">   <a href="#" class="btn-container-reposition">'+a.btnMoveContainerText+"</a>"+r+'   <a href="#" class="btn-container-duplicate">'+a.btnDuplicateContainerText+'</a>   <a href="#" class="btn-container-delete">'+a.btnDeleteContainerText+"</a></div>");var s=i.generateId("container");e("Id for container is: "+s),o.attr("id",s);var d=o.find('[data-type="container-content"]');e("Initialize "+d.length+" container content(s)"),d.each(function(){var e=t(this);i.initContainerContent(n,o,e)}),"function"==typeof a.onInitContainer&&a.onInitContainer.call(n,o),o.addClass("keditor-initialized-container"),o.removeClass("keditor-initializing-container")}},initContainerContent:function(n,o,i){e("initContainerContent",n,o,i);var a=this,r=a.options,s=a.body,d=a.generateId("container-content");i.addClass("keditor-container-content"),e("Id for container content id: "+d,i),i.attr("id",d),e("Initialize $.fn.droppable for container content"),i.droppable({accept:".keditor-snippet[data-type=component]",tolerance:"pointer",greedy:!0}),e("Initialize $.fn.sortable for container content"),i.sortable({handle:".btn-component-reposition",items:"> section",connectWith:".keditor-container-content",tolerance:"pointer",sort:function(){t(this).removeClass("ui-state-default")},receive:function(o,i){e("On received snippet",o,i);var d,c=i.helper,l=i.item;if(l.is(".keditor-snippet")){var p=s.find(l.attr("data-snippet")),f=p.html(),g=l.attr("data-type");e("Snippet content",f);var C=a.getDataAttributes(p,null,!0),m=t('<section class="keditor-component" data-type="'+g+'" '+C.join(" ")+'>   <section class="keditor-component-content">'+f+"</section></section>");c.replaceWith(m),d=m.closest(".keditor-container"),"function"==typeof r.onComponentSnippetDropped&&r.onComponentSnippetDropped.call(n,o,m,i.item),a.initComponent(n,d,m)}else d=l.closest(".keditor-container");d.hasClass("showed-keditor-toolbar")||(t(".keditor-container.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),d.addClass("showed-keditor-toolbar")),"function"==typeof r.onContainerChanged&&r.onContainerChanged.call(n,o,d),"function"==typeof r.onContentChanged&&r.onContentChanged.call(n,o)}}),e("Initialize existing components inside container content"),i.children().each(function(){var e=t(this);a.convertToComponent(n,o,e,!0)})},convertToComponent:function(t,n,o,i){e("convertToComponent",t,n,o,i);var a,r=this,s=o.is("section");s?(o.addClass("keditor-component"),o.wrapInner('<section class="keditor-component-content"></section>'),a=o):(o.wrap('<section class="keditor-component"><section class="keditor-component-content"></section></section>'),a=o.parent().parent()),i&&a.addClass("existing-component"),r.initComponent(t,n,a)},getDataAttributes:function(n,o,i){e("getDataAttributes",n,o,i);var a=i?[]:{};return o||(o=[]),t.each(n.get(0).attributes,function(e,n){0===n.name.indexOf("data-")&&-1===t.inArray(n.name,o)&&(i?a.push(n.name+'="'+n.value+'"'):a[n.name]=n.value)}),a},getComponentType:function(t){e("getComponentType",t);var i=this,a=i.options,r=t.attr("data-type"),s=r?r.replace("component-",""):"";return s&&s in o.components?s:(e(s?'Component type "'+s+'" does not exist':"This component does not contain data-type attribute"),"string"==typeof a.defaultComponentType?s=a.defaultComponentType:"function"==typeof a.defaultComponentType&&(s=a.defaultComponentType.call(t,t)),s||n("Component type is undefined!"),e("Fallback to defaultComponentType: "+s),s)},initComponent:function(n,i,a){e("initComponent",n,i,a);var r=this,s=r.options,d=r.body;if(a.hasClass("keditor-initialized-component")&&a.hasClass("keditor-initializing-component"))e(a.hasClass("keditor-initialized-component")?"Component is already initialized!":"Component is initializing...");else{a.addClass("keditor-initializing-component");var c=r.generateId("component");e("Id for component is: "+c),a.attr("id",c);var l=a.children(".keditor-component-content"),p=r.generateId("component-content");e("Id for component content is: "+p),l.attr("id",p);var f=r.getComponentType(a);e("Component type: "+f);var g=o.components[f],C=g.settingEnabled,m="";C&&(m='<a href="#" class="btn-component-setting">'+s.btnSettingComponentText+"</a>"),e("Render KEditor toolbar for component",a),a.append('<div class="keditor-toolbar keditor-toolbar-component">   <a href="#" class="btn-component-reposition">'+s.btnMoveComponentText+"</a>"+m+'   <a href="#" class="btn-component-duplicate">'+s.btnDuplicateComponentText+'</a>   <a href="#" class="btn-component-delete">'+s.btnDeleteComponentText+"</a></div>");var h=[];a.find("[data-dynamic-href]").each(function(){var e=t(this);h.push(r.initDynamicContent(e))}),t.when.apply(null,h).then(function(){"function"==typeof g.init?g.init.call(g,n,i,a,r):(d.removeClass("highlighted-container-content"),e('"init" function of component type "'+f+'" does not exist')),"function"==typeof s.onInitComponent&&s.onInitComponent.call(n,a),a.addClass("keditor-initialized-component"),a.removeClass("keditor-initializing-component")})}},getClickedElement:function(e,n){var o=t(e.target),i=o.closest(n);return o.is(n)?o:i.length>0?i:null},initKEditorClicks:function(){e("initKEditorClicks");var n=this,o=n.options,i=n.body;i.on("click",function(t){var a=n.getClickedElement(t,"#keditor-sidebar"),r=n.getClickedElement(t,".keditor-container");if(r){if(e("Click on .keditor-container",r),!r.hasClass("showed-keditor-toolbar")){i.find(".keditor-container.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),i.find(".keditor-component.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),r.addClass("showed-keditor-toolbar");var s=r.parent();"function"==typeof o.onContainerSelected&&o.onContainerSelected.call(s,t,r)}}else a||(i.find(".keditor-container.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),i.find(".keditor-component.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"));var d=n.getClickedElement(t,".keditor-component");if(d){if(e("Click on .keditor-component",d),!d.hasClass("showed-keditor-toolbar")){i.find(".keditor-component.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),d.addClass("showed-keditor-toolbar");var s=d.parent();"function"==typeof o.onComponentSelected&&o.onComponentSelected.call(s,t,d)}}else a||i.find(".keditor-component.showed-keditor-toolbar").removeClass("showed-keditor-toolbar")}),i.on("click",".btn-container-setting",function(o){o.preventDefault();var a=t(this);e("Click on .btn-container-setting",a);var r=a.closest(".keditor-container");i.hasClass("opened-keditor-setting")&&i.hasClass("opened-keditor-sidebar")&&r.is(n.getSettingContainer())?n.hideSettingPanel():n.showSettingPanel(r)}),i.on("click",".btn-container-duplicate",function(a){a.preventDefault();var r=t(this);e("Click on .btn-container-duplicate",r);var s=r.closest(".keditor-container"),d=s.parent(),c=t(n.getContainerContent(s));s.after(c),n.convertToContainer(d,c);var l=i.find("#"+o.snippetsListId),p=l.find(".keditor-snippet[data-type^=component]"),f=p.draggable("option","connectToSortable");p.draggable("option","connectToSortable",f.add(c.find(".keditor-container-content"))),e("Container is duplicated"),"function"==typeof o.onContainerDuplicated&&o.onContainerDuplicated.call(d,s,c),"function"==typeof o.onContentChanged&&o.onContentChanged.call(d,a)}),i.on("click",".btn-container-delete",function(i){i.preventDefault();var a=t(this);if(e("Click on .btn-container-delete",a),confirm("Are you sure that you want to delete this container? This action can not be undo!")){var r=a.closest(".keditor-container"),s=r.find(".keditor-component"),d=r.parent();"function"==typeof o.onBeforeContainerDeleted&&o.onBeforeContainerDeleted.call(d,i,r);var c=n.getSettingComponent();if(c){var l=c.closest(".keditor-container");l.is(r)&&(e("Deleting container is container of setting container. Close setting panel for this setting component",c),n.hideSettingPanel())}else n.getSettingContainer().is(r)&&(e("Deleting container is setting container. Close setting panel for this container",r),n.hideSettingPanel());s.length>0&&s.each(function(){n.deleteComponent(t(this))}),r.remove(),"function"==typeof o.onContainerDeleted&&o.onContainerDeleted.call(d,i,r),"function"==typeof o.onContentChanged&&o.onContentChanged.call(d,i)}}),i.on("click",".btn-component-setting",function(o){o.preventDefault();var a=t(this);e("Click on .btn-component-setting",a);var r=a.closest(".keditor-component");i.hasClass("opened-keditor-setting")&&i.hasClass("opened-keditor-sidebar")&&r.is(n.getSettingComponent())?n.hideSettingPanel():n.showSettingPanel(r)}),i.on("click",".btn-component-duplicate",function(i){i.preventDefault();var a=t(this);e("Click on .btn-component-duplicate",a);var r=a.closest(".keditor-component"),s=r.closest(".keditor-container"),d=s.parent(),c=t(n.getComponentContent(r));r.after(c),n.convertToComponent(d,s,c),e("Component is duplicated"),"function"==typeof o.onComponentDuplicated&&o.onComponentDuplicated.call(d,r,c),"function"==typeof o.onContainerChanged&&o.onContainerChanged.call(d,i,s),"function"==typeof o.onContentChanged&&o.onContentChanged.call(d,i)}),i.on("click",".btn-component-delete",function(i){i.preventDefault();var a=t(this);if(e("Click on .btn-component-delete",a),confirm("Are you sure that you want to delete this component? This action can not be undo!")){var r=a.closest(".keditor-component"),s=r.closest(".keditor-content-area");"function"==typeof o.onBeforeComponentDeleted&&o.onBeforeComponentDeleted.call(s,i,r),n.getSettingComponent().is(r)&&n.hideSettingPanel(),n.deleteComponent(r),"function"==typeof o.onComponentDeleted&&o.onComponentDeleted.call(s,i,r),"function"==typeof o.onContainerChanged&&o.onContainerChanged.call(s,i,r),"function"==typeof o.onContentChanged&&o.onContentChanged.call(s,i)}})},deleteComponent:function(t){e("deleteComponent",t);var n=this,i=n.getComponentType(t),a=o.components[i];"function"==typeof a.destroy?a.destroy.call(a,t,n):e('"destroy" function of component type "'+i+'" does not exist'),t.remove()},initDynamicContent:function(n){e("initDynamicContent",n);var o=this,i=o.options,a=n.closest(".keditor-component"),r=n.closest(".keditor-content-area");"function"==typeof i.onBeforeDynamicContentLoad&&i.onBeforeDynamicContentLoad.call(r,n,a);var s=n.attr("data-dynamic-href"),d=o.getDataAttributes(a,["data-type","data-dynamic-href"],!1);return d=t.param(d),e("Dynamic href: "+s,"Data: "+d),t.ajax({url:s,data:d,type:"GET",dataType:"HTML",success:function(t,o,a){e("Dynamic content is loaded",n,t,o,a),n.html(t),"function"==typeof i.onDynamicContentLoaded&&i.onDynamicContentLoaded.call(r,n,t,o,a)},error:function(t,o,a){e("Error when loading dynamic content",n,t,o,a),"function"==typeof i.onDynamicContentError&&i.onDynamicContentError.call(r,n,t,o,a)}})},getComponentContent:function(n){e("getComponentContent",n);var i,a=this,r=a.getComponentType(n),s=o.components[r],d=a.getDataAttributes(n,null,!0);if("function"==typeof s.getContent)i=s.getContent.call(s,n,a);else{e('"getContent" function of component type "'+r+'" does not exist. Using default getContent method');var c=n.children(".keditor-component-content");i=c.html()}var l=t("<div />").html(i);return l.find("[data-dynamic-href]").each(function(){t(this).html("")}),i=l.html(),"<section "+d.join(" ")+">"+i+"</section>"},getContainerContent:function(n){e("getContainerContent",n);var o=this,i=(o.options,n.children(".keditor-container-inner").clone());return i.find("[data-type=container-content]").each(function(){var e=t(this);e.removeClass("keditor-container-content ui-droppable ui-sortable").removeAttr("id"),e.children(".keditor-component").each(function(){var e=t(this);e.replaceWith(o.getComponentContent(e))})}),"<section>"+i.html()+"</section>"}};var i={__init:function(n){return t(this).each(function(){var i=t(this);if(i.data("keditor"))e("KEditor is already initialized!");else{e("Initialze KEditor",i,n);var a=new o(i,n);i.data("keditor",a)}})},getContent:function(e){var n=t(this),o=n.data("keditor"),i=o.options,a=[];return n=i.iframeMode?o.body:n,n.find(".keditor-content-area").each(function(){var e="";t(this).children(".keditor-container").each(function(){var n=t(this);e+=o.getContainerContent(n,i)}),a.push(e)}),e?a:a.join("\n")},getOptions:function(){var e=t(this).data("keditor");return e.options}};t.keditor=o,t.fn.keditor=function(t){return i[t]&&"init"!==t?i[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?void n("Method "+t+" does not exist on $.fn.keditor"):i.__init.apply(this,arguments);
-}}(jQuery);
-//# sourceMappingURL=keditor-1.1.3.min.js.map
diff --git a/dist/js/keditor-1.1.3.min.js.map b/dist/js/keditor-1.1.3.min.js.map
deleted file mode 100644
index 521df343..00000000
--- a/dist/js/keditor-1.1.3.min.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"sources":["keditor-1.1.3.js"],"names":["$","flog","KEditor","debug","navigator","appName","arguments","length","console","log","error","msg","Error","fn","draggable","droppable","sortable","target","options","this","extend","DEFAULTS","init","version","btnMoveContainerText","btnMoveComponentText","btnSettingContainerText","btnSettingComponentText","btnDuplicateContainerText","btnDuplicateComponentText","btnDeleteContainerText","btnDeleteComponentText","tabContainersText","tabContainersTitle","tabComponentsText","tabComponentsTitle","tabTooltipEnabled","extraTabs","defaultComponentType","snippetsUrl","snippetsListId","snippetsTooltipEnabled","snippetsTooltipPosition","snippetsFilterEnabled","snippetsCategoriesSeparator","iframeMode","contentAreasSelector","contentAreasWrapper","containerSettingEnabled","containerSettingInitFunction","containerSettingShowFunction","containerSettingHideFunction","onReady","onInitFrame","frame","frameHead","frameBody","onSidebarToggled","isOpened","onInitContentArea","contentArea","onContentChanged","event","onInitContainer","container","onBeforeContainerDeleted","selectedContainer","onContainerDeleted","onContainerChanged","changedContainer","onContainerDuplicated","originalContainer","newContainer","onContainerSelected","onContainerSnippetDropped","droppedContainer","onComponentReady","component","onInitComponent","onBeforeComponentDeleted","selectedComponent","onComponentDeleted","onComponentChanged","changedComponent","onComponentDuplicated","originalComponent","newComponent","onComponentSelected","onComponentSnippetDropped","droppedComponent","onBeforeDynamicContentLoad","dynamicElement","onDynamicContentLoaded","response","status","xhr","onDynamicContentError","components","blank","settingEnabled","prototype","self","initFrame","body","document","is","htmlContent","val","keditorWrapper","keditorWrapperId","generateId","after","attr","id","class","html","css","ajaxRequest","hasClass","initSidebar","addClass","initKEditorClicks","initContentAreas","call","type","timestamp","Date","getTime","initNiceScroll","niceScroll","cursorcolor","cursorwidth","railpadding","top","right","left","bottom","cursorborder","disablemutationobserver","originalContent","iframe","iframeId","iframeDoc","contents","iframeHead","find","iframeBody","styles","each","style","href","append","initSidebarToggler","ajax","dataType","url","success","resp","renderSnippets","initSnippets","initTabs","initTabsSwitcher","initSettingPanel","initSnippetsFilter","tooltip","jqXHR","lowerCaseType","toLowerCase","categories","filterHtml","i","tab","snippets","prepend","snippet","split","data","on","selectedCategory","value","filter","matched","dataCategories","inArray","removeClass","toggleSidebar","showSidebar","icon","e","preventDefault","snippetsContainerHtml","snippetsComponentHtml","snippetsContentHtml","snippetsContainerCategories","snippetsComponentCategories","content","trim","previewUrl","title","snippetHtml","concat","indexOf","dataAttributes","getDataAttributes","join","beautifyCategories","newArray","category","push","sort","snippetsList","helper","revert","connectToSortable","start","blur","stop","switcherWrapper","tabPaneWrapper","isPlainObject","tabName","tabData","text","switcherLis","tabPane","a","li","parent","activatedLi","activatedPane","targetDiv","getNiceScroll","hide","targetNiceScroll","show","resize","hideSettingPanel","settingForms","form","setSettingContainer","idSettingContainer","removeAttr","getSettingContainer","setSettingComponent","idSettingComponent","getSettingComponent","showSettingPanel","isComponent","activeForm","children","componentType","getComponentType","componentData","settingTitle","settingForm","initSettingForm","loadingText","initFunction","when","done","setTimeout","remove","showSettingForm","activeType","hideSettingForm","getContentAreas","contentAreas","empty","initContentArea","accept","tolerance","greedy","handle","items","connectWith","axis","receive","ui","item","snippetContent","replaceWith","initContainer","convertToContainer","contentData","isSection","wrapInner","wrap","settingBtn","containerId","containerContents","containerContent","initContainerContent","contentId","snippetContentElement","closest","initComponent","convertToComponent","isExisting","ignoreAttributes","isArray","get","attributes","name","replace","componentId","componentContent","isSettingEnabled","dynamicContentRequests","initDynamicContent","apply","then","getClickedElement","selector","sidebar","btn","getContainerContent","componentSnippets","currentLinkedContainerContents","add","confirm","settingComponent","settingComponentParent","deleteComponent","getComponentContent","destroy","dynamicHref","param","getContent","tempDiv","containerInner","clone","methods","__init","keditor","result","getOptions","method","Array","slice","jQuery"],"mappings":"CAmEA,SAAWA,GAEP,GAAIC,GAAO,WACkB,mBAAd,UAA6BC,EAAQC,SAAU,IAC7B,+BAArBC,UAAUC,QAEc,GAApBC,UAAUC,OACVC,QAAQC,IAAI,YAAaH,UAAU,IACR,GAApBA,UAAUC,OACjBC,QAAQC,IAAI,YAAaH,UAAU,GAAIA,UAAU,IAC1CA,UAAUC,OAAS,GAC1BC,QAAQC,IAAI,YAAaH,UAAU,GAAIA,UAAU,GAAIA,UAAU,IAGnEE,QAAQC,KAAK,WAAYH,aAMjCI,EAAQ,SAAUC,GAClB,KAAM,IAAIC,OAAM,aAAeD,GAI9BX,GAAEa,GAAGC,WACNJ,EAAM,8GAELV,EAAEa,GAAGE,WACNL,EAAM,8GAELV,EAAEa,GAAGG,UACNN,EAAM,2GAIV,IAAIR,GAAU,SAAUe,EAAQC,GAC5BC,KAAKD,QAAUlB,EAAEoB,UAAWlB,EAAQmB,SAAUH,GAC9CC,KAAKG,KAAKL,GAIdf,GAAQC,OAAQ,EAGhBD,EAAQqB,QAAU,QAGlBrB,EAAQmB,UACJG,qBAAsB,6BACtBC,qBAAsB,+BACtBC,wBAAyB,4BACzBC,wBAAyB,4BACzBC,0BAA2B,gCAC3BC,0BAA2B,gCAC3BC,uBAAwB,8BACxBC,uBAAwB,8BACxBC,kBAAmB,aACnBC,mBAAoB,aACpBC,kBAAmB,aACnBC,mBAAoB,aACpBC,mBAAmB,EACnBC,UAAW,KACXC,qBAAsB,QACtBC,YAAa,iCACbC,eAAgB,wBAChBC,wBAAwB,EACxBC,wBAAyB,OACzBC,uBAAuB,EACvBC,4BAA6B,IAC7BC,YAAY,EACZC,qBAAsB,KACtBC,oBAAqB,8DACrBC,yBAAyB,EACzBC,6BAA8B,KAC9BC,6BAA8B,KAC9BC,6BAA8B,KAC9BC,QAAS,aAETC,YAAa,SAAUC,EAAOC,EAAWC,KAEzCC,iBAAkB,SAAUC,KAE5BC,kBAAmB,SAAUC,KAE7BC,iBAAkB,SAAUC,KAE5BC,gBAAiB,SAAUC,KAE3BC,yBAA0B,SAAUH,EAAOI,KAE3CC,mBAAoB,SAAUL,EAAOI,KAErCE,mBAAoB,SAAUN,EAAOO,KAErCC,sBAAuB,SAAUR,EAAOS,EAAmBC,KAE3DC,oBAAqB,SAAUX,EAAOI,KAEtCQ,0BAA2B,SAAUZ,EAAOU,EAAcG,KAE1DC,iBAAkB,SAAUC,KAE5BC,gBAAiB,SAAUD,KAE3BE,yBAA0B,SAAUjB,EAAOkB,KAE3CC,mBAAoB,SAAUnB,EAAOkB,KAErCE,mBAAoB,SAAUpB,EAAOqB,KAErCC,sBAAuB,SAAUtB,EAAOuB,EAAmBC,KAE3DC,oBAAqB,SAAUzB,EAAOkB,KAEtCQ,0BAA2B,SAAU1B,EAAOwB,EAAcG,KAE1DC,2BAA4B,SAAUC,EAAgBd,KAEtDe,uBAAwB,SAAUD,EAAgBE,EAAUC,EAAQC,KAEpEC,sBAAuB,SAAUL,EAAgBE,EAAUC,EAAQC,MAKvE7F,EAAQ+F,YACJC,OACIC,gBAAgB,IAKxBjG,EAAQO,IAAMR,EACdC,EAAQQ,MAAQA,EAEhBR,EAAQkG,WACJ9E,KAAM,SAAUL,GACZ,GAAIoF,GAAOlF,KACPD,EAAUmF,EAAKnF,OAEnB,IAAIA,EAAQ2B,WACR5B,EAASoF,EAAKC,UAAUrF,OAIxB,IAFAoF,EAAKE,KAAOvG,EAAEwG,SAASD,MAEnBtF,EAAOwF,GAAG,YAAa,CACvBxG,EAAK,qBAAsBgB,EAE3B,IAAIyF,GAAczF,EAAO0F,MACrBC,EAAiB5G,EAAE,WACnB6G,EAAmBR,EAAKS,WAAW,UAEvC7F,GAAO8F,MAAMH,GACbA,EAAeI,MACXC,GAAIJ,EACJK,QAAO,oBAEXjH,EAAK,+BAAiC4G,EAAmB,KAEzDD,EAAeO,KAAKT,GACpBzF,EAAOmG,IAAI,UAAW,QACtBnG,EAAO+F,KAAK,uBAAwB,IAAMH,GAE1C5F,EAAS2F,EAIjB,GACIS,GADAd,EAAOF,EAAKE,IAEZA,GAAKe,SAAS,6BACdrH,EAAK,0CAELoH,EAAchB,EAAKkB,cACnBhB,EAAKiB,SAAS,8BAEdjB,EAAKe,SAAS,oCACdrH,EAAK,iDAELoG,EAAKoB,oBACLlB,EAAKiB,SAAS,qCAGlBnB,EAAKqB,iBAAiBzG,GAEjBoG,GAA0C,kBAApBnG,GAAQkC,SAC/BlC,EAAQkC,QAAQuE,KAAKtB,IAI7BS,WAAY,SAAUc,GAClB,GAAIC,IAAY,GAAKC,OAAQC,SAC7B,OAAO,WAAaH,EAAO,IAAMC,GAGrCG,eAAgB,SAAU/G,GACtBhB,EAAK,iBAAkBgB,GAEnBjB,EAAEa,GAAGoH,YACLhI,EAAK,8BACLgB,EAAOgH,YACHC,YAAa,OACbC,YAAa,EACbC,aACIC,IAAK,EACLC,MAAO,EACPC,KAAM,EACNC,OAAQ,GAEZC,aAAc,GACdC,yBAAyB,KAG7BzI,EAAK,yDAIbqG,UAAW,SAAUrF,GACjBhB,EAAK,YAAagB,EAElB,IAAIoF,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfyH,EAAkB1H,EAAOkG,OACzByB,EAAS5I,EAAE,cACX6I,EAAWxC,EAAKS,WAAW,QAE/B7F,GAAO8F,MAAM6B,GACbA,EAAO5B,MACHC,GAAM4B,EACN3B,QAAS,kBAEbjH,EAAK,6BAA+B4I,EAAW,KAE/C5H,EAAOmG,IAAI,UAAW,QACtBnG,EAAO+F,KAAK,qBAAsB,IAAM6B,EAExC,IAAIC,GAAYF,EAAOG,WACnBC,EAAaF,EAAUG,KAAK,QAC5BC,EAAaJ,EAAUG,KAAK,OAEhChJ,GAAK,6BACL,IAAIkJ,GAAS,EACbnJ,GAAE,+BAA+BoJ,KAAK,WAClC,GAAIC,GAAQrJ,EAAEmB,MACVmI,EAAOD,EAAMrC,KAAK,SAAWqC,EAAMrC,KAAK,cAAgB,EAGxDmC,IADAG,EACU,gDAAkDA,EAAO,SAEzD,0BAA4BD,EAAMlC,OAAS,eAG7DlH,EAAK,aAAekJ,GAEpBH,EAAWO,OAAOJ,GAClBlJ,EAAK,wBAELA,EAAK,uCACL,IAAI8C,EAkBJ,OAjBI7B,GAAQ6B,qBACRA,EAAsB/C,EAAEkB,EAAQ6B,qBAChCmG,EAAWK,OAAOxG,GAClBA,EAAoBoE,KAAKwB,IAEzBO,EAAW/B,KAAKwB,GAIpBzH,EAAQsB,eAAiBtC,EAAQmB,SAASmB,eAE1C6D,EAAKE,KAAO2C,EAEuB,kBAAxBhI,GAAQmC,aACfnC,EAAQmC,YAAYsE,KAAKiB,EAAQA,EAAQI,EAAYE,GAGlDnG,GAAuBmG,GAGlC3B,YAAa,WACTtH,EAAK,cAEL,IAAIoG,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfqF,EAAOF,EAAKE,IAuBhB,OAtBAA,GAAKiB,SAAS,0BAEVtG,EAAQsB,iBAAmBtC,EAAQmB,SAASmB,gBAC5CvC,EAAK,4CAELsG,EAAKgD,OACD,0fAUJlD,EAAKmD,uBAELvJ,EAAK,uEAAyEiB,EAAQsB,eAAiB,KACvG+D,EAAK0C,KAAK,IAAM/H,EAAQsB,gBAAgBuE,MAAM,oEAGf,gBAAxB7F,GAAQqB,aAA4BrB,EAAQqB,YAAYhC,OAAS,GACxEN,EAAK,0BAA4BiB,EAAQqB,YAAc,QAEhDvC,EAAEyJ,MACL7B,KAAM,MACN8B,SAAU,OACVC,IAAKzI,EAAQqB,YACbqH,QAAS,SAAUC,GACf5J,EAAK,8BAA+B4J,GAEpCxD,EAAKyD,eAAeD,GACpBxD,EAAK0D,eACL1D,EAAK2D,WACL3D,EAAK4D,mBACL5D,EAAK6D,mBAEDhJ,EAAQyB,wBACR0D,EAAK8D,mBAAmB,aACxB9D,EAAK8D,mBAAmB,eAGxBjJ,EAAQuB,wBAA0BvB,EAAQkB,qBAC1CnC,EAAK,uCACLsG,EAAK0C,KAAK,IAAM/H,EAAQsB,gBAAgByG,KAAK,2BAA2BmB,WAG7C,kBAApBlJ,GAAQkC,SACflC,EAAQkC,QAAQuE,KAAKtB,IAG7B3F,MAAO,SAAU2J,GACbpK,EAAK,8BAA+BoK,WAI5C3J,GAAM,oCAIdyJ,mBAAoB,SAAUvC,GAC1B3H,EAAK,qBAEL,IAAIoG,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfqF,EAAOF,EAAKE,KACZ+D,EAAgB1C,EAAK2C,cACrBC,EAAanE,EAAK,WAAauB,EAAO,cAEtC6C,EAAa,EACjBA,IAAc,oBAAsBH,EAAgB,qEACpDG,GAAc,4BAA8BH,EAAgB,qDAC5DG,GAAc,4DAEd,KAAK,GAAIC,GAAI,EAAGA,EAAIF,EAAWjK,OAAQmK,IACnCD,GAAc,uBAAyBD,EAAWE,GAAK,KAAOF,EAAWE,GAAK,WAGlFD,IAAc,iBACdA,GAAc,QAEd,IAAIE,GAAMpE,EAAK0C,KAAK,YAAcqB,EAAgB,iBAC9CM,EAAWD,EAAI1B,KAAK,mBACxB0B,GAAIE,QAAQJ,GAEZG,EAASxB,KAAK,WACV,GAAI0B,GAAU9K,EAAEmB,MACZqJ,EAAaM,EAAQ9D,KAAK,oBAAsB,EACpDwD,GAAaA,EAAWO,MAAM7J,EAAQ0B,6BAEtCkI,EAAQE,KAAK,aAAcR,KAG/BG,EAAI1B,KAAK,4BAA4BgC,GAAG,SAAU,WAC9C,GAAIC,GAAmB/J,KAAKgK,KAExBD,GACAN,EAASQ,OAAO,WACZ,GAAIN,GAAU9K,EAAEmB,MACZkK,GAAU,EACVC,EAAiBR,EAAQE,KAAK,aAQlC,OANoD,KAAhDhL,EAAEuL,QAAQL,EAAkBI,KAC5BD,GAAU,GAGdP,EAAQO,EAAU,cAAe,YAAY,eAEtCA,IAGXT,EAASY,YAAY,kBAKjCC,cAAe,SAAUC,GACrBzL,EAAK,gBAAiByL,EAEtB,IAAIrF,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfqF,EAAOF,EAAKE,KACZoF,EAAOpF,EAAK0C,KAAK,6BAEjByC,IACAnF,EAAKiB,SAAS,0BACdmE,EAAK3E,KAAK,QAAS,yBAEnBT,EAAKiF,YAAY,0BACjBG,EAAK3E,KAAK,QAAS,uBAGiB,kBAA7B9F,GAAQuC,kBACfvC,EAAQuC,iBAAiBkE,KAAK,KAAM+D,IAI5ClC,mBAAoB,WAChBvJ,EAAK,qBAEL,IAAIoG,GAAOlF,KACPoF,EAAOF,EAAKE,IAEhBA,GAAK0C,KAAK,4BAA4BgC,GAAG,QAAS,SAAUW,GACxDA,EAAEC,iBAEFxF,EAAKoF,eAAelF,EAAKe,SAAS,8BAI1CwC,eAAgB,SAAUD,GACtB5J,EAAK,iBAAkB4J,EAEvB,IAAIxD,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfqF,EAAOF,EAAKE,KAEZuF,EAAwB,GACxBC,EAAwB,GACxBC,EAAsB,EAE1B3F,GAAK4F,+BACL5F,EAAK6F,+BAELlM,EAAE,WAAWmH,KAAK0C,GAAMZ,KAAK,SAASG,KAAK,SAAUsB,GACjD,GAAII,GAAU9K,EAAEmB,MACZgL,EAAUrB,EAAQ3D,OAAOiF,OACzBC,EAAavB,EAAQ9D,KAAK,gBAC1BY,EAAOkD,EAAQ9D,KAAK,aACpBsF,EAAQxB,EAAQ9D,KAAK,cACrBuF,EAAc,GACd/B,EAAaM,EAAQ9D,KAAK,oBAAsB,EAEpD/G,GAAK,YAAcyK,EAAI,SAAW9C,EAAO,eAAiB4C,EAAY6B,EAAYF,GAElFI,GAAe,mEAAqE7B,EAAI,gBAAkB9C,EAAO,MAAQ1G,EAAQuB,uBAAyB,yCAA2CvB,EAAQwB,wBAA0B,IAAM,IAAM,WAAa4J,EAAQ,sBAAwB9B,EAAa,KAC7S+B,GAAe,gDAAkDF,EAAa,OAC9EE,GAAe,aAEf/B,EAAaA,EAAWO,MAAM7J,EAAQ0B,6BAEzB,cAATgF,GACAkE,GAAyBS,EACzBlG,EAAK4F,4BAA8B5F,EAAK4F,4BAA4BO,OAAOhC,IACtC,KAA9B5C,EAAK6E,QAAQ,eACpBV,GAAyBQ,EACzBlG,EAAK6F,4BAA8B7F,EAAK6F,4BAA4BM,OAAOhC,GAG/E,IAAIkC,GAAiBrG,EAAKsG,kBAAkB7B,GAAU,eAAgB,YAAa,eAAe,EAClGkB,IAAuB,+BAAiCtB,EAAI,sBAAwBgC,EAAeE,KAAK,KAAO,IAAMT,EAAU,cAGnI9F,EAAK4F,4BAA8B5F,EAAKwG,mBAAmBxG,EAAK4F,6BAChE5F,EAAK6F,4BAA8B7F,EAAKwG,mBAAmBxG,EAAK6F,6BAEhE3F,EAAK0C,KAAK,IAAM/H,EAAQsB,gBAAgB2E,KACpC,+IACsEjG,EAAQkB,kBAAoB,gDAAkD,IAAM,WAAalB,EAAQe,mBAAqB,KAAOf,EAAQc,kBAAoB,8DAChLd,EAAQkB,kBAAoB,gDAAkD,IAAM,WAAalB,EAAQiB,mBAAqB,KAAOjB,EAAQgB,kBAAoB,mMAG1F4J,EAAwB,iIAC/BC,EAAwB,sBAEjJvE,SAAS,mBACXjB,EAAK0C,KAAK,6BAA6B9B,KAAK6E,IAGhDa,mBAAoB,SAAUrC,GAC1BvK,EAAK,qBAAsBuK,EAG3B,KAAK,GADDsC,MACKpC,EAAI,EAAGA,EAAIF,EAAWjK,OAAQmK,IAAK,CACxC,GAAIqC,GAAWvC,EAAWE,IAAM,EAEf,MAAbqC,GAAqD,KAAlC/M,EAAEuL,QAAQwB,EAAUD,IACvCA,EAASE,KAAKD,GAItB,MAAOD,GAASG,QAGpBlD,aAAc,WACV9J,EAAK,eAEL,IAAIoG,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfqF,EAAOF,EAAKE,KACZ2G,EAAe3G,EAAK0C,KAAK,IAAM/H,EAAQsB,eAE3CvC,GAAK,yDACLiN,EAAajE,KAAK,yCAAyCnI,WACvDqM,OAAQ,QACRC,OAAQ,UACRC,kBAAmB9G,EAAK0C,KAAK,yBAC7BqE,MAAO,WACHtN,EAAE,qBAAqBuN,OACvBvN,EAAE,6CAA6CwL,YAAY,0BAC3DxL,EAAE,6CAA6CwL,YAAY,2BAE/DgC,KAAM,WACFN,EAAajE,KAAK,0CAA0CnI,UAAU,SAAU,oBAAqByF,EAAK0C,KAAK,kCAIvHiE,EAAajE,KAAK,0CAA0CnI,WACxDqM,OAAQ,QACRC,OAAQ,UACRC,kBAAmB9G,EAAK0C,KAAK,8BAC7BqE,MAAO,WACH/G,EAAK0C,KAAK,qBAAqBsE,OAC/BhH,EAAK0C,KAAK,6CAA6CuC,YAAY,0BACnEjF,EAAK0C,KAAK,6CAA6CuC,YAAY,0BACnEjF,EAAKiB,SAAS,kCAElBgG,KAAM,WACFjH,EAAKiF,YAAY,qCAK7BxB,SAAU,WACN/J,EAAK,WAEL,IAAIoG,GAAOlF,KACPoF,EAAOF,EAAKE,KACZrF,EAAUmF,EAAKnF,QACfuM,EAAkBlH,EAAK0C,KAAK,mCAC5ByE,EAAiBnH,EAAK0C,KAAK,8BAE/B,IAAI/H,EAAQmB,WAAarC,EAAE2N,cAAczM,EAAQmB,WAAY,CACzDpC,EAAK,iBAAkBiB,EAAQmB,UAE/B,KAAK,GAAIuL,KAAW1M,GAAQmB,UAAW,CACnC,GAAIwL,GAAU3M,EAAQmB,UAAUuL,EAEhCH,GAAgBlE,OAAO,mCAAqCqE,EAAU,KAAO1M,EAAQkB,kBAAoB,wDAA0DyL,EAAQvB,MAAQ,IAAM,IAAM,IAAMuB,EAAQC,KAAO,aACpNJ,EAAenE,OAAO,gEAAkEqE,EAAU,yCAA2CC,EAAQ1B,QAAU,iBAIvK9F,EAAK2B,eAAe0F,EAAezE,KAAK,6BAG5CgB,iBAAkB,WACdhK,EAAK,mBAEL,IAAIoG,GAAOlF,KACPoF,EAAOF,EAAKE,KACZwH,EAAcxH,EAAK0C,KAAK,sCACxB+E,EAAUzH,EAAK0C,KAAK,wCAExB8E,GAAY9E,KAAK,KAAKgC,GAAG,QAAS,SAAUW,GACxCA,EAAEC,gBAEF,IAAIoC,GAAIjO,EAAEmB,MACN+M,EAAKD,EAAEE,SACP7E,EAAO2E,EAAEjH,KAAK,OAElB,KAAKkH,EAAG5G,SAAS,UAAW,CACxB,GAAI8G,GAAcL,EAAY3C,OAAO,WACjCiD,EAAgBL,EAAQ5C,OAAO,WAC/BkD,EAAY/H,EAAK0C,KAAKK,EAQ1B,IANA8E,EAAY5C,YAAY,UACxB6C,EAAc7C,YAAY,UAE1B0C,EAAG1G,SAAS,UACZ8G,EAAU9G,SAAS,UAEfxH,EAAEa,GAAGoH,WAAY,CACjBoG,EAAcE,gBAAgBC,MAE9B,IAAIC,GAAmBH,EAAUC,eACjCE,GAAiBC,OACjBD,EAAiBE,cAMjCzE,iBAAkB,WACdjK,EAAK,mBAEL,IAAIoG,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfqF,EAAOF,EAAKE,IAEhBA,GAAK0C,KAAK,2BAA2BgC,GAAG,QAAS,SAAUW,GACvDA,EAAEC,iBAEFxF,EAAKuI,oBAGT,IAAIC,GAAetI,EAAK0C,KAAK,yBAG7B,IAFA5C,EAAK2B,eAAe6G,GAEhB3N,EAAQ8B,2BAA4B,EACpC,GAAoD,kBAAzC9B,GAAQ+B,6BAA6C,CAE5D,GAAI6L,GAAO9O,EAAE,mFACb6O,GAAatF,OAAOuF,GAEpB7O,EAAK,sCACLiB,EAAQ+B,6BAA6B0E,KAAKtB,EAAMyI,EAAMzI,OAEtD3F,GAAM,oDAKlBqO,oBAAqB,SAAU/K,GAC3B/D,EAAK,sBAAuB+D,EAE5B,IAAIqC,GAAOlF,KACPoF,EAAOF,EAAKE,IAEhB,IAAIvC,EAAW,CACX,GAAIgL,GAAqBhL,EAAUgD,KAAK,KACxCT,GAAKS,KAAK,yBAA0BgI,OAEpCzI,GAAK0I,WAAW,2BAIxBC,oBAAqB,WACjBjP,EAAK,sBAEL,IAAIoG,GAAOlF,KACPoF,EAAOF,EAAKE,KACZyI,EAAqBzI,EAAKS,KAAK,yBAEnC,OAAOT,GAAK0C,KAAK,IAAM+F,IAG3BG,oBAAqB,SAAUtK,GAC3B5E,EAAK,sBAAuB4E,EAE5B,IAAIwB,GAAOlF,KACPoF,EAAOF,EAAKE,IAEhB,IAAI1B,EAAW,CACX,GAAIuK,GAAqBvK,EAAUmC,KAAK,KACxCT,GAAKS,KAAK,yBAA0BoI,OAEpC7I,GAAK0I,WAAW,2BAIxBI,oBAAqB,WACjBpP,EAAK,sBAEL,IAAIoG,GAAOlF,KACPoF,EAAOF,EAAKE,KACZ6I,EAAqB7I,EAAKS,KAAK,yBAEnC,OAAOT,GAAK0C,KAAK,IAAMmG,IAG3BE,iBAAkB,SAAUrO,GACxBhB,EAAK,mBAAoBgB,EAEzB,IAAIoF,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfqF,EAAOF,EAAKE,KACZgJ,EAActO,EAAOwF,GAAG,sBAExB+I,EAAajJ,EAAK0C,KAAK,0BAA0BwG,SAAS,UAG9D,IAFAD,EAAWhE,YAAY,UAEnB+D,EAAa,CACblJ,EAAK8I,oBAAoBlO,GACzBoF,EAAK0I,oBAAoB,KAEzB,IAAIW,GAAgBrJ,EAAKsJ,iBAAiB1O,GACtC2O,EAAgB1P,EAAQ+F,WAAWyJ,EACvCnJ,GAAK0C,KAAK,0BAA0B9B,KAAKyI,EAAcC,aAEvD,IAAIhB,GAAetI,EAAK0C,KAAK,0BACzB6G,EAAcvJ,EAAK0C,KAAK,oBAAsByG,EAElD,IAA2B,IAAvBI,EAAYvP,OAAc,CAC1B,GAAIqP,GAAgB1P,EAAQ+F,WAAWyJ,EACvC,IAA6C,kBAAlCE,GAAcG,gBAAgC,CACrDD,EAAc9P,EAAE,4BAA8B0P,EAAgB,gBAAkBA,EAAgB,wDAChG,IAAIM,GAAchQ,EAAE,YAAYmH,KAAK,aACrC0H,GAAatF,OAAOuG,GACpBA,EAAYvG,OAAOyG,GAEnB/P,EAAK,iDAAmDyP,EAAgB,IAExE,IAAIO,GAAeL,EAAcG,gBAAgBpI,KAAKiI,EAAeE,EAAazJ,EAClFrG,GAAEkQ,KAAKD,GAAcE,KAAK,WACtBlQ,EAAK,gDAAkDyP,EAAgB,KAEvEU,WAAW,WACPJ,EAAYK,SAEiC,kBAAlCT,GAAcU,iBACrBrQ,EAAK,wCAA0CyP,EAAgB,KAC/DE,EAAcU,gBAAgB3I,KAAKiI,EAAeE,EAAa7O,EAAQoF,IAEvEpG,EAAK,iDAAmDyP,EAAgB,qBAE7E,WAGPzP,GAAK,iDAAmDyP,EAAgB,wBAG/B,kBAAlCE,GAAcU,iBACrBrQ,EAAK,wCAA0CyP,EAAgB,KAC/DE,EAAcU,gBAAgB3I,KAAKiI,EAAeE,EAAa7O,EAAQoF,IAEvEpG,EAAK,iDAAmDyP,EAAgB,oBAE5EI,EAAYtI,SAAS,cAEtB,CACHnB,EAAK0I,oBAAoB9N,GACzBoF,EAAK8I,oBAAoB,MAEzB5I,EAAK0C,KAAK,0BAA0B9B,KAAK,qBAEzC,IAAI2I,GAAcvJ,EAAK0C,KAAK,6BACwB,mBAAzC/H,GAAQgC,8BACfjD,EAAK,kCACLiB,EAAQgC,6BAA6ByE,KAAKtB,EAAMyJ,EAAa7O,EAAQoF,IAErEpG,EAAK,iDAET6P,EAAYtI,SAAS,UAGzBnB,EAAKoF,eAAc,GACnBlF,EAAKiB,SAAS,2BAGlBoH,iBAAkB,WACd3O,EAAK,mBAEL,IAAIoG,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfqF,EAAOF,EAAKE,IAEhBA,GAAKiF,YAAY,yBAEjB,IAAIgE,GAAajJ,EAAK0C,KAAK,0BAA0BwG,SAAS,UAC9D,IAAID,EAAWjP,OAAS,EAAG,CACvB,GAAIiP,EAAW/I,GAAG,8BACsC,kBAAzCvF,GAAQiC,8BACflD,EAAK,kCACLiB,EAAQiC,6BAA6BwE,KAAKtB,EAAMmJ,EAAYnJ,IAE5DpG,EAAK,qDAEN,CACH,GAAIsQ,GAAaf,EAAWxI,KAAK,aAC7B4I,EAAgB1P,EAAQ+F,WAAWsK,EAEM,mBAAlCX,GAAcY,iBACrBvQ,EAAK,wCAA0CsQ,EAAa,KAC5DX,EAAcY,gBAAgB7I,KAAKiI,EAAeJ,EAAYnJ,IAE9DpG,EAAK,iDAAmDsQ,EAAa,oBAI7Ef,EAAWhE,YAAY,UAG3BjF,EAAKiF,YAAY,0BACjBnF,EAAK8I,oBAAoB,MACzB9I,EAAK0I,oBAAoB,OAG7B0B,gBAAiB,SAAUxP,GACvBhB,EAAK,kBAAmBgB,EAExB,IAEIyP,GAFArK,EAAOlF,KACPD,EAAUmF,EAAKnF,OAMnB,IAJIA,EAAQ4B,uBACR4N,EAAezP,EAAOgI,KAAK/H,EAAQ4B,wBAGlC4N,GAAwC,IAAxBA,EAAanQ,OAAc,CAC5CN,EAAK,kEACLyQ,EAAe1Q,EAAE,UAEjB,IAAI2I,GAAkB1H,EAAOkG,MAC7BuJ,GAAavJ,KAAKwB,GAClB1H,EAAO0P,QAAQpH,OAAOmH,GAG1B,MAAOA,IAGXhJ,iBAAkB,SAAUzG,GACxBhB,EAAK,mBAAoBgB,EAEzB,IAAIoF,GAAOlF,KACPuP,EAAerK,EAAKoK,gBAAgBxP,EAExCyP,GAAatH,KAAK,WACd,GAAIxF,GAAc5D,EAAEmB,MAChB8F,EAAKrD,EAAYoD,KAAK,OAAS,EACjB,KAAdC,EAAG1G,SACHN,EAAK,uEAELgH,EAAKZ,EAAKS,WAAW,gBACrBlD,EAAYoD,KAAK,KAAMC,GACvBhH,EAAK,2BAA6BgH,EAAK,MAG3CZ,EAAKuK,gBAAgBhN,GACrBA,EAAYoH,KAAK,UAAW3E,MAIpCuK,gBAAiB,SAAUhN,GACvB3D,EAAK,kBAAmB2D,EAExB,IAAIyC,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfqF,EAAOF,EAAKE,IA+DhB,IA7DA3C,EAAY4D,SAAS,wBAErBvH,EAAK,8CACL2D,EAAY7C,WACR8P,OAAQ,wCACRC,UAAW,UACXC,QAAQ,IAGZ9Q,EAAK,6CACL2D,EAAY5C,UACRgQ,OAAQ,4BACRC,MAAO,YACPC,YAAa,wBACbC,KAAM,IACNL,UAAW,UACX7D,KAAM,WACFjN,EAAEmB,MAAMqK,YAAY,qBAExB4F,QAAS,SAAUtN,EAAOuN,GACtBpR,EAAK,sBAAuB6D,EAAOuN,EAEnC,IAAIlE,GAASkE,EAAGlE,OACZmE,EAAOD,EAAGC,IAEd,IAAIA,EAAK7K,GAAG,oBAAqB,CAC7B,GAAI8K,GAAiBhL,EAAK0C,KAAKqI,EAAKtK,KAAK,iBAAiBG,MAC1DlH,GAAK,kBAAmBsR,EAExB,IAAIvN,GAAYhE,EACZ,kFACiDuR,EAAiB,uBAGtEpE,GAAOqE,YAAYxN,GAEdA,EAAUsD,SAAS,4BACpBtH,EAAE,6CAA6CwL,YAAY,0BAC3DxH,EAAUwD,SAAS,2BAG0B,kBAAtCtG,GAAQwD,2BACfxD,EAAQwD,0BAA0BiD,KAAK/D,EAAaE,EAAOE,EAAWqN,EAAGC,MAG7EjL,EAAKoL,cAAc7N,EAAaI,GAGpCqC,EAAKuI,mBAEmC,kBAA7B1N,GAAQ2C,kBACf3C,EAAQ2C,iBAAiB8D,KAAK/D,EAAaE,MAKvD7D,EAAK,kDACL2D,EAAY6L,SAAS,WAAWrG,KAAK,WACjC/C,EAAKqL,mBAAmB9N,EAAa5D,EAAEmB,SAGF,kBAA9BD,GAAQyC,kBAAkC,CACjD,GAAIgO,GAAczQ,EAAQyC,kBAAkBgE,KAAK/D,EAAaA,EAC1D+N,IAAeA,EAAYpR,OAAS,GACpCP,EAAEoJ,KAAKuI,EAAa,WAChBtL,EAAKqL,mBAAmB9N,EAAa5D,EAAEmB,WAMvDuQ,mBAAoB,SAAU9N,EAAa3C,GACvChB,EAAK,qBAAsB2D,EAAa3C,EAExC,IAEI+C,GAFAqC,EAAOlF,KACPyQ,EAAY3Q,EAAOwF,GAAG,UAGtBmL,IACA3Q,EAAOuG,SAAS,qBAChBvG,EAAO4Q,UAAU,uDACjB7N,EAAY/C,IAEZA,EAAO6Q,KAAK,oGACZ9N,EAAY/C,EAAOkN,SAASA,UAGhC9H,EAAKoL,cAAc7N,EAAaI,IAGpCyN,cAAe,SAAU7N,EAAaI,GAClC/D,EAAK,gBAAiB2D,EAAaI,EAEnC,IAAIqC,GAAOlF,KACPD,EAAUmF,EAAKnF,OAEnB,IAAK8C,EAAUsD,SAAS,kCAAqCtD,EAAUsD,SAAS,kCAqCxErH,EADA+D,EAAUsD,SAAS,iCACd,oCAEA,oCAvCsG,CAC/GtD,EAAUwD,SAAS,iCAEnB,IAAIuK,GAAa,EACb7Q,GAAQ8B,2BAA4B,IACpC+O,EAAa,6CAA+C7Q,EAAQQ,wBAA0B,QAGlGzB,EAAK,uCAAwC+D,GAC7CA,EAAUuF,OACN,0GACqDrI,EAAQM,qBAAuB,OAASuQ,EAC7F,kDAAoD7Q,EAAQU,0BAA4B,mDACvCV,EAAQY,uBAAyB,aAItF,IAAIkQ,GAAc3L,EAAKS,WAAW,YAClC7G,GAAK,wBAA0B+R,GAC/BhO,EAAUgD,KAAK,KAAMgL,EAErB,IAAIC,GAAoBjO,EAAUiF,KAAK,kCACvChJ,GAAK,cAAgBgS,EAAkB1R,OAAS,yBAChD0R,EAAkB7I,KAAK,WACnB,GAAI8I,GAAmBlS,EAAEmB,KAEzBkF,GAAK8L,qBAAqBvO,EAAaI,EAAWkO,KAGf,kBAA5BhR,GAAQ6C,iBACf7C,EAAQ6C,gBAAgB4D,KAAK/D,EAAaI,GAG9CA,EAAUwD,SAAS,iCACnBxD,EAAUwH,YAAY,oCAU9B2G,qBAAsB,SAAUvO,EAAaI,EAAWkO,GACpDjS,EAAK,uBAAwB2D,EAAaI,EAAWkO,EAErD,IAAI7L,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfqF,EAAOF,EAAKE,KACZ6L,EAAY/L,EAAKS,WAAW,oBAChCoL,GAAiB1K,SAAS,6BAE1BvH,EAAK,gCAAkCmS,EAAWF,GAClDA,EAAiBlL,KAAK,KAAMoL,GAE5BnS,EAAK,mDACLiS,EAAiBnR,WACb8P,OAAQ,wCACRC,UAAW,UACXC,QAAQ,IAGZ9Q,EAAK,kDACLiS,EAAiBlR,UACbgQ,OAAQ,4BACRC,MAAO,YACPC,YAAa,6BACbJ,UAAW,UACX7D,KAAM,WACFjN,EAAEmB,MAAMqK,YAAY,qBAExB4F,QAAS,SAAUtN,EAAOuN,GACtBpR,EAAK,sBAAuB6D,EAAOuN,EAEnC,IAEIrN,GAFAmJ,EAASkE,EAAGlE,OACZmE,EAAOD,EAAGC,IAGd,IAAIA,EAAK7K,GAAG,oBAAqB,CAC7B,GAAI4L,GAAwB9L,EAAK0C,KAAKqI,EAAKtK,KAAK,iBAC5CuK,EAAiBc,EAAsBlL,OACvCuI,EAAgB4B,EAAKtK,KAAK,YAC9B/G,GAAK,kBAAmBsR,EAExB,IAAI7E,GAAiBrG,EAAKsG,kBAAkB0F,EAAuB,MAAM,GACrExN,EAAY7E,EACZ,iDAAmD0P,EAAgB,KAAOhD,EAAeE,KAAK,KAAO,kDAClD2E,EAAiB,uBAGxEpE,GAAOqE,YAAY3M,GAEnBb,EAAYa,EAAUyN,QAAQ,sBAEmB,kBAAtCpR,GAAQsE,2BACftE,EAAQsE,0BAA0BmC,KAAK/D,EAAaE,EAAOe,EAAWwM,EAAGC,MAG7EjL,EAAKkM,cAAc3O,EAAaI,EAAWa,OAE3Cb,GAAYsN,EAAKgB,QAAQ,qBAGxBtO,GAAUsD,SAAS,4BACpBtH,EAAE,6CAA6CwL,YAAY,0BAC3DxH,EAAUwD,SAAS,2BAGmB,kBAA/BtG,GAAQkD,oBACflD,EAAQkD,mBAAmBuD,KAAK/D,EAAaE,EAAOE,GAGhB,kBAA7B9C,GAAQ2C,kBACf3C,EAAQ2C,iBAAiB8D,KAAK/D,EAAaE,MAKvD7D,EAAK,2DACLiS,EAAiBzC,WAAWrG,KAAK,WAC7B,GAAI+C,GAAUnM,EAAEmB,KAEhBkF,GAAKmM,mBAAmB5O,EAAaI,EAAWmI,GAAS,MAIjEqG,mBAAoB,SAAU5O,EAAaI,EAAW/C,EAAQwR,GAC1DxS,EAAK,qBAAsB2D,EAAaI,EAAW/C,EAAQwR,EAE3D,IAEI5N,GAFAwB,EAAOlF,KACPyQ,EAAY3Q,EAAOwF,GAAG,UAGtBmL,IACA3Q,EAAOuG,SAAS,qBAChBvG,EAAO4Q,UAAU,yDACjBhN,EAAY5D,IAEZA,EAAO6Q,KAAK,sGACZjN,EAAY5D,EAAOkN,SAASA,UAG5BsE,GACA5N,EAAU2C,SAAS,sBAGvBnB,EAAKkM,cAAc3O,EAAaI,EAAWa,IAG/C8H,kBAAmB,SAAU1L,EAAQyR,EAAkBC,GACnD1S,EAAK,oBAAqBgB,EAAQyR,EAAkBC,EAEpD,IAAIjG,GAAiBiG,OAerB,OAdKD,KACDA,MAGJ1S,EAAEoJ,KAAKnI,EAAO2R,IAAI,GAAGC,WAAY,SAAUnI,EAAG1D,GACP,IAA/BA,EAAK8L,KAAKrG,QAAQ,UAA6D,KAA3CzM,EAAEuL,QAAQvE,EAAK8L,KAAMJ,KACrDC,EACAjG,EAAeM,KAAKhG,EAAK8L,KAAO,KAAO9L,EAAKmE,MAAQ,KAEpDuB,EAAe1F,EAAK8L,MAAQ9L,EAAKmE,SAKtCuB,GAGXiD,iBAAkB,SAAU9K,GACxB5E,EAAK,mBAAoB4E,EAEzB,IAAIwB,GAAOlF,KACPD,EAAUmF,EAAKnF,QAEfwI,EAAW7E,EAAUmC,KAAK,aAC1B0I,EAAgBhG,EAAWA,EAASqJ,QAAQ,aAAc,IAAM,EACpE,OAAIrD,IAAkBA,IAAiBxP,GAAQ+F,WACpCyJ,GAGHzP,EADAyP,EACK,mBAAqBA,EAAgB,mBAErC,uDAGmC,gBAAjCxO,GAAQoB,qBACfoN,EAAgBxO,EAAQoB,qBACuB,kBAAjCpB,GAAQoB,uBACtBoN,EAAgBxO,EAAQoB,qBAAqBqF,KAAK9C,EAAWA,IAG5D6K,GACDhP,EAAM,gCAGVT,EAAK,qCAAuCyP,GACrCA,IAIf6C,cAAe,SAAU3O,EAAaI,EAAWa,GAC7C5E,EAAK,gBAAiB2D,EAAaI,EAAWa,EAE9C,IAAIwB,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfqF,EAAOF,EAAKE,IAEhB,IAAK1B,EAAUyC,SAAS,kCAAqCzC,EAAUyC,SAAS,kCAuDxErH,EADA4E,EAAUyC,SAAS,iCACd,oCAEA,oCAzDsG,CAC/GzC,EAAU2C,SAAS,iCAEnB,IAAIwL,GAAc3M,EAAKS,WAAW,YAClC7G,GAAK,wBAA0B+S,GAC/BnO,EAAUmC,KAAK,KAAMgM,EAErB,IAAIC,GAAmBpO,EAAU4K,SAAS,8BACtC2C,EAAY/L,EAAKS,WAAW,oBAChC7G,GAAK,gCAAkCmS,GACvCa,EAAiBjM,KAAK,KAAMoL,EAE5B,IAAI1C,GAAgBrJ,EAAKsJ,iBAAiB9K,EAC1C5E,GAAK,mBAAqByP,EAE1B,IAAIE,GAAgB1P,EAAQ+F,WAAWyJ,GACnCwD,EAAmBtD,EAAczJ,eACjC4L,EAAa,EACbmB,KACAnB,EAAa,6CAA+C7Q,EAAQS,wBAA0B,QAGlG1B,EAAK,uCAAwC4E,GAC7CA,EAAU0E,OACN,0GACqDrI,EAAQO,qBAAuB,OAASsQ,EAC7F,kDAAoD7Q,EAAQW,0BAA4B,mDACvCX,EAAQa,uBAAyB,aAItF,IAAIoR,KACJtO,GAAUoE,KAAK,uBAAuBG,KAAK,WACvC,GAAIzD,GAAiB3F,EAAEmB,KAEvBgS,GAAuBnG,KAAK3G,EAAK+M,mBAAmBzN,MAGxD3F,EAAEkQ,KAAKmD,MAAM,KAAMF,GAAwBG,KAAK,WACV,kBAAvB1D,GAActO,KACrBsO,EAActO,KAAKqG,KAAKiI,EAAehM,EAAaI,EAAWa,EAAWwB,IAE1EE,EAAKiF,YAAY,iCACjBvL,EAAK,sCAAwCyP,EAAgB,qBAG1B,kBAA5BxO,GAAQ4D,iBACf5D,EAAQ4D,gBAAgB6C,KAAK/D,EAAaiB,GAG9CA,EAAU2C,SAAS,iCACnB3C,EAAU2G,YAAY,sCAWlC+H,kBAAmB,SAAUzP,EAAO0P,GAChC,GAAIvS,GAASjB,EAAE8D,EAAM7C,QACjBqR,EAAUrR,EAAOqR,QAAQkB,EAE7B,OAAIvS,GAAOwF,GAAG+M,GACHvS,EACAqR,EAAQ/R,OAAS,EACjB+R,EAEA,MAIf7K,kBAAmB,WACfxH,EAAK,oBAEL,IAAIoG,GAAOlF,KACPD,EAAUmF,EAAKnF,QACfqF,EAAOF,EAAKE,IAEhBA,GAAK0E,GAAG,QAAS,SAAUW,GACvB,GAAI6H,GAAUpN,EAAKkN,kBAAkB3H,EAAG,oBAEpC5H,EAAYqC,EAAKkN,kBAAkB3H,EAAG,qBAC1C,IAAI5H,GAGA,GAFA/D,EAAK,8BAA+B+D,IAE/BA,EAAUsD,SAAS,0BAA2B,CAC/Cf,EAAK0C,KAAK,6CAA6CuC,YAAY,0BACnEjF,EAAK0C,KAAK,6CAA6CuC,YAAY,0BACnExH,EAAUwD,SAAS,yBAEnB,IAAI5D,GAAcI,EAAUmK,QACe,mBAAhCjN,GAAQuD,qBACfvD,EAAQuD,oBAAoBkD,KAAK/D,EAAagI,EAAG5H,QAIpDyP,KACDlN,EAAK0C,KAAK,6CAA6CuC,YAAY,0BACnEjF,EAAK0C,KAAK,6CAA6CuC,YAAY,0BAI3E,IAAI3G,GAAYwB,EAAKkN,kBAAkB3H,EAAG,qBAC1C,IAAI/G,GAGA,GAFA5E,EAAK,8BAA+B4E,IAE/BA,EAAUyC,SAAS,0BAA2B,CAC/Cf,EAAK0C,KAAK,6CAA6CuC,YAAY,0BACnE3G,EAAU2C,SAAS,yBAEnB,IAAI5D,GAAciB,EAAUsJ,QACe,mBAAhCjN,GAAQqE,qBACfrE,EAAQqE,oBAAoBoC,KAAK/D,EAAagI,EAAG/G,QAIpD4O,IACDlN,EAAK0C,KAAK,6CAA6CuC,YAAY,4BAM/EjF,EAAK0E,GAAG,QAAS,yBAA0B,SAAUW,GACjDA,EAAEC,gBAEF,IAAI6H,GAAM1T,EAAEmB,KACZlB,GAAK,kCAAmCyT,EAExC,IAAI1P,GAAY0P,EAAIpB,QAAQ,qBACxB/L,GAAKe,SAAS,2BAA6Bf,EAAKe,SAAS,2BACpDtD,EAAUyC,GAAGJ,EAAK6I,uBAGnB7I,EAAKuI,mBAGTvI,EAAKiJ,iBAAiBtL,KAI9BuC,EAAK0E,GAAG,QAAS,2BAA4B,SAAUW,GACnDA,EAAEC,gBAEF,IAAI6H,GAAM1T,EAAEmB,KACZlB,GAAK,oCAAqCyT,EAE1C,IAAI1P,GAAY0P,EAAIpB,QAAQ,sBACxB1O,EAAcI,EAAUmK,SACxB3J,EAAexE,EAAEqG,EAAKsN,oBAAoB3P,GAE9CA,GAAU+C,MAAMvC,GAChB6B,EAAKqL,mBAAmB9N,EAAaY,EAErC,IAAI0I,GAAe3G,EAAK0C,KAAK,IAAM/H,EAAQsB,gBACvCoR,EAAoB1G,EAAajE,KAAK,0CACtC4K,EAAiCD,EAAkB9S,UAAU,SAAU,oBAC3E8S,GAAkB9S,UAAU,SAAU,oBAAqB+S,EAA+BC,IAAItP,EAAayE,KAAK,gCAEhHhJ,EAAK,2BAEwC,kBAAlCiB,GAAQoD,uBACfpD,EAAQoD,sBAAsBqD,KAAK/D,EAAaI,EAAWQ,GAGvB,kBAA7BtD,GAAQ2C,kBACf3C,EAAQ2C,iBAAiB8D,KAAK/D,EAAagI,KAInDrF,EAAK0E,GAAG,QAAS,wBAAyB,SAAUW,GAChDA,EAAEC,gBAEF,IAAI6H,GAAM1T,EAAEmB,KAGZ,IAFAlB,EAAK,iCAAkCyT,GAEnCK,QAAQ,qFAAsF,CAC9F,GAAI/P,GAAY0P,EAAIpB,QAAQ,sBACxBrM,EAAajC,EAAUiF,KAAK,sBAC5BrF,EAAcI,EAAUmK,QAEoB,mBAArCjN,GAAQ+C,0BACf/C,EAAQ+C,yBAAyB0D,KAAK/D,EAAagI,EAAG5H,EAG1D,IAAIgQ,GAAmB3N,EAAKgJ,qBAC5B,IAAI2E,EAAkB,CAClB,GAAIC,GAAyBD,EAAiB1B,QAAQ,qBAClD2B,GAAuBxN,GAAGzC,KAC1B/D,EAAK,uGAAwG+T,GAC7G3N,EAAKuI,wBAEFvI,GAAK6I,sBAAsBzI,GAAGzC,KACrC/D,EAAK,kFAAmF+D,GACxFqC,EAAKuI,mBAGL3I,GAAW1F,OAAS,GACpB0F,EAAWmD,KAAK,WACZ/C,EAAK6N,gBAAgBlU,EAAEmB,SAI/B6C,EAAUqM,SAEgC,kBAA/BnP,GAAQiD,oBACfjD,EAAQiD,mBAAmBwD,KAAK/D,EAAagI,EAAG5H,GAGZ,kBAA7B9C,GAAQ2C,kBACf3C,EAAQ2C,iBAAiB8D,KAAK/D,EAAagI,MAKvDrF,EAAK0E,GAAG,QAAS,yBAA0B,SAAUW,GACjDA,EAAEC,gBAEF,IAAI6H,GAAM1T,EAAEmB,KACZlB,GAAK,kCAAmCyT,EAExC,IAAI7O,GAAY6O,EAAIpB,QAAQ,qBACxB/L,GAAKe,SAAS,2BAA6Bf,EAAKe,SAAS,2BACpDzC,EAAU4B,GAAGJ,EAAKgJ,uBAGnBhJ,EAAKuI,mBAGTvI,EAAKiJ,iBAAiBzK,KAI9B0B,EAAK0E,GAAG,QAAS,2BAA4B,SAAUW,GACnDA,EAAEC,gBAEF,IAAI6H,GAAM1T,EAAEmB,KACZlB,GAAK,oCAAqCyT,EAE1C,IAAI7O,GAAY6O,EAAIpB,QAAQ,sBACxBtO,EAAYa,EAAUyN,QAAQ,sBAC9B1O,EAAcI,EAAUmK,SACxB7I,EAAetF,EAAEqG,EAAK8N,oBAAoBtP,GAE9CA,GAAUkC,MAAMzB,GAChBe,EAAKmM,mBAAmB5O,EAAaI,EAAWsB,GAEhDrF,EAAK,2BAEwC,kBAAlCiB,GAAQkE,uBACflE,EAAQkE,sBAAsBuC,KAAK/D,EAAaiB,EAAWS,GAGrB,kBAA/BpE,GAAQkD,oBACflD,EAAQkD,mBAAmBuD,KAAK/D,EAAagI,EAAG5H,GAGZ,kBAA7B9C,GAAQ2C,kBACf3C,EAAQ2C,iBAAiB8D,KAAK/D,EAAagI,KAInDrF,EAAK0E,GAAG,QAAS,wBAAyB,SAAUW,GAChDA,EAAEC,gBAEF,IAAI6H,GAAM1T,EAAEmB,KAGZ,IAFAlB,EAAK,iCAAkCyT,GAEnCK,QAAQ,qFAAsF,CAC9F,GAAIlP,GAAY6O,EAAIpB,QAAQ,sBACxB1O,EAAciB,EAAUyN,QAAQ,wBAEY,mBAArCpR,GAAQ6D,0BACf7D,EAAQ6D,yBAAyB4C,KAAK/D,EAAagI,EAAG/G,GAGtDwB,EAAKgJ,sBAAsB5I,GAAG5B,IAC9BwB,EAAKuI,mBAGTvI,EAAK6N,gBAAgBrP,GAEqB,kBAA/B3D,GAAQ+D,oBACf/D,EAAQ+D,mBAAmB0C,KAAK/D,EAAagI,EAAG/G,GAGV,kBAA/B3D,GAAQkD,oBACflD,EAAQkD,mBAAmBuD,KAAK/D,EAAagI,EAAG/G,GAGZ,kBAA7B3D,GAAQ2C,kBACf3C,EAAQ2C,iBAAiB8D,KAAK/D,EAAagI,OAM3DsI,gBAAiB,SAAUrP,GACvB5E,EAAK,kBAAmB4E,EAExB,IAAIwB,GAAOlF,KAEPuO,EAAgBrJ,EAAKsJ,iBAAiB9K,GACtC+K,EAAgB1P,EAAQ+F,WAAWyJ,EACF,mBAA1BE,GAAcwE,QACrBxE,EAAcwE,QAAQzM,KAAKiI,EAAe/K,EAAWwB,GAErDpG,EAAK,yCAA2CyP,EAAgB,oBAGpE7K,EAAUwL,UAGd+C,mBAAoB,SAAUzN,GAC1B1F,EAAK,qBAAsB0F,EAE3B,IAAIU,GAAOlF,KACPD,EAAUmF,EAAKnF,QACf2D,EAAYc,EAAe2M,QAAQ,sBACnC1O,EAAc+B,EAAe2M,QAAQ,wBAES,mBAAvCpR,GAAQwE,4BACfxE,EAAQwE,2BAA2BiC,KAAK/D,EAAa+B,EAAgBd,EAGzE,IAAIwP,GAAc1O,EAAeqB,KAAK,qBAClCgE,EAAO3E,EAAKsG,kBAAkB9H,GAAY,YAAa,sBAAsB,EAIjF,OAHAmG,GAAOhL,EAAEsU,MAAMtJ,GACf/K,EAAK,iBAAmBoU,EAAa,SAAWrJ,GAEzChL,EAAEyJ,MACLE,IAAK0K,EACLrJ,KAAMA,EACNpD,KAAM,MACN8B,SAAU,OACVE,QAAS,SAAU/D,EAAUC,EAAQC,GACjC9F,EAAK,4BAA6B0F,EAAgBE,EAAUC,EAAQC,GACpEJ,EAAewB,KAAKtB,GAE0B,kBAAnC3E,GAAQ0E,wBACf1E,EAAQ0E,uBAAuB+B,KAAK/D,EAAa+B,EAAgBE,EAAUC,EAAQC,IAG3FrF,MAAO,SAAUmF,EAAUC,EAAQC,GAC/B9F,EAAK,qCAAsC0F,EAAgBE,EAAUC,EAAQC,GAEhC,kBAAlC7E,GAAQ8E,uBACf9E,EAAQ8E,sBAAsB2B,KAAK/D,EAAa+B,EAAgBE,EAAUC,EAAQC,OAMlGoO,oBAAqB,SAAUtP,GAC3B5E,EAAK,sBAAuB4E,EAE5B,IAIIsH,GAJA9F,EAAOlF,KACPuO,EAAgBrJ,EAAKsJ,iBAAiB9K,GACtC+K,EAAgB1P,EAAQ+F,WAAWyJ,GACnChD,EAAiBrG,EAAKsG,kBAAkB9H,EAAW,MAAM,EAG7D,IAAwC,kBAA7B+K,GAAc2E,WACrBpI,EAAUyD,EAAc2E,WAAW5M,KAAKiI,EAAe/K,EAAWwB,OAC/D,CACHpG,EAAK,4CAA8CyP,EAAgB,oDACnE,IAAIuD,GAAmBpO,EAAU4K,SAAS,6BAC1CtD,GAAU8G,EAAiB9L,OAG/B,GAAIqN,GAAUxU,EAAE,WAAWmH,KAAKgF,EAMhC,OALAqI,GAAQvL,KAAK,uBAAuBG,KAAK,WACrCpJ,EAAEmB,MAAMgG,KAAK,MAEjBgF,EAAUqI,EAAQrN,OAEX,YAAcuF,EAAeE,KAAK,KAAO,IAAMT,EAAU,cAGpEwH,oBAAqB,SAAU3P,GAC3B/D,EAAK,sBAAuB+D,EAE5B,IAAIqC,GAAOlF,KAEPsT,GADUpO,EAAKnF,QACE8C,EAAUyL,SAAS,4BAA4BiF,QAapE,OAXAD,GAAexL,KAAK,iCAAiCG,KAAK,WACtD,GAAI8I,GAAmBlS,EAAEmB,KACzB+Q,GAAiB1G,YAAY,sDAAsDyD,WAAW,MAE9FiD,EAAiBzC,SAAS,sBAAsBrG,KAAK,WACjD,GAAIvE,GAAY7E,EAAEmB,KAElB0D,GAAU2M,YAAYnL,EAAK8N,oBAAoBtP,QAIhD,YAAc4P,EAAetN,OAAS,cAMrD,IAAIwN,IACAC,OAAQ,SAAU1T,GACd,MAAOlB,GAAEmB,MAAMiI,KAAK,WAChB,GAAInI,GAASjB,EAAEmB,KAEf,IAAIF,EAAO+J,KAAK,WACZ/K,EAAK,uCACF,CACHA,EAAK,oBAAqBgB,EAAQC,EAClC,IAAI2T,GAAU,GAAI3U,GAAQe,EAAQC,EAClCD,GAAO+J,KAAK,UAAW6J,OAKnCN,WAAY,SAAUhJ,GAClB,GAAItK,GAASjB,EAAEmB,MACX0T,EAAU5T,EAAO+J,KAAK,WACtB9J,EAAU2T,EAAQ3T,QAClB4T,IAcJ,OAbA7T,GAASC,EAAQ2B,WAAagS,EAAQtO,KAAOtF,EAE7CA,EAAOgI,KAAK,yBAAyBG,KAAK,WACtC,GAAIjC,GAAO,EACXnH,GAAEmB,MAAMsO,SAAS,sBAAsBrG,KAAK,WACxC,GAAIpF,GAAYhE,EAAEmB,KAElBgG,IAAQ0N,EAAQlB,oBAAoB3P,EAAW9C,KAGnD4T,EAAO9H,KAAK7F,KAGToE,EAAUuJ,EAASA,EAAOlI,KAAK,OAG1CmI,WAAY,WACR,GAAIF,GAAU7U,EAAEmB,MAAM6J,KAAK,UAE3B,OAAO6J,GAAQ3T,SAKvBlB,GAAE6U,QAAU3U,EAGZF,EAAEa,GAAGgU,QAAU,SAAUG,GACrB,MAAIL,GAAQK,IAAsB,SAAXA,EACZL,EAAQK,GAAQ3B,MAAMlS,KAAM8T,MAAM7O,UAAU8O,MAAMvN,KAAKrH,UAAW,IAChD,gBAAX0U,IAAwBA,MAGtCtU,GAAM,UAAYsU,EAAS,mCAFpBL,EAAQC,OAAOvB,MAAMlS,KAAMb;GAM3C6U","file":"keditor-1.1.3.min.js","sourcesContent":["/**!\r\n * KEditor - Kademi content editor\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.3\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n *\r\n * Configuration:\r\n * @option {String} btnMoveContainerText Text content for move button of container\r\n * @option {String} btnMoveComponentText Text content for move button of component\r\n * @option {String} btnSettingContainerText Text content for setting button of container\r\n * @option {String} btnSettingComponentText Text content for setting button of component\r\n * @option {String} btnDuplicateContainerText Text content for duplicate button of container\r\n * @option {String} btnDuplicateComponentText Text content for duplicate button of component\r\n * @option {String} btnDeleteContainerText Text content for delete button of container\r\n * @option {String} btnDeleteComponentText Text content for delete button of component\r\n * @option {String} tabContainersText Text for Containers tab\r\n * @option {String} tabContainersTitle Title for Containers tab\r\n * @option {String} tabComponentsText Text for Components tab\r\n * @option {String} tabComponentsTitle Title for Components tab\r\n * @option {Boolean} tabTooltipEnabled Bootstrap Tooltip is enabled for Component and Container tab or not\r\n * @option {Object} extraTabs Extra tabs besides Containers and Components tabs in sidebar\r\n * Example: {\r\n *     tabName: {\r\n *         text: 'My Extra Tab #1',\r\n *         title: 'My Extra Tab #1',\r\n *         content: 'Here is content of My Extra Tab #1'\r\n *     }\r\n * }\r\n * @option {String|Function} defaultComponentType Default component type of component. If type of component does not exist in KEditor.components, will be used 'defaultComponentType' as type of this component. If is function, argument is component - jQuery object of component\r\n * @option {String} snippetsUrl Url to snippets file\r\n * @option {String} snippetsListId Id of element which contains snippets. As default, value is \"keditor-snippets-list\" and KEditor will render snippets sidebar automatically. If you specific other id, only snippets will rendered and put into your element\r\n * @option {Boolean} snippetsTooltipEnabled Bootstrap tooltip is enable for snippet or not\r\n * @option {String} snippetsTooltipPosition Position of Bootstrap tooltip for snippet. Can be 'left', 'right', 'top' and 'bottom'\r\n * @option {Boolean} snippetsFilterEnabled Enable filtering snippets by categories or not\r\n * @option {String} snippetsCategoriesSeparator The separator character between each categories\r\n * @option {Boolean} iframeMode KEditor is created inside an iframe or not. Keditor will add all elements which have 'data-type=keditor-style' for iframe stylesheet. These elements can be 'link', 'style' or any tags. If these elements have 'href' attribute, will create link tag with href. If these elements do not have 'href' attribute, will create style tag with css rule is html code inside element\r\n * @option {String} contentAreasSelector Selector of content areas. If is null or selector does not match any elements, will create default content area and wrap all content inside it.\r\n * @option {String} contentAreasWrapper The wrapper element for all contents inside iframe. It's just for displaying purpose. If you want all contents inside iframe are appended into body tag\r\n * @option {Boolean} containerSettingEnabled Enable setting panel for container\r\n * @option {Function} containerSettingInitFunction Method will be called when initializing setting panel for container\r\n * @option {Function} containerSettingShowFunction Method will be called when setting panel for container is showed\r\n * @option {Function} containerSettingHideFunction Method will be called when setting panel for container is hidden\r\n * @option {Function} onReady Callback will be called after keditor instance is ready\r\n * @option {Function} onInitFrame Callback will be called after iframe and content areas wrapper inside it are created. Arguments: frame, frameHead, frameBody\r\n * @option {Function} onSidebarToggled Callback will be called after toggled sidebar. Arguments: isOpened\r\n * @option {Function} onInitContentArea Callback will be called when initializing content area. It can return array of jQuery objects which will be initialized as container in content area. By default, all first level sections under content area will be initialized. Arguments: contentArea\r\n * @option {Function} onContentChanged Callback will be called when content is changed. Includes add, delete, duplicate container or component. Or content of a component is changed. Arguments: event\r\n * @option {Function} onInitContainer Callback will be called when initializing container. It can return array of jQuery objects which will be initialized as editable components in container content (NOTE: these objects MUST be under elements which have attribute data-type=\"container-content\"). By default, all first level sections under container content will be initialized. Arguments: container\r\n * @option {Function} onBeforeContainerDeleted Callback will be called before container is deleted. Arguments: event, selectedContainer\r\n * @option {Function} onContainerDeleted Callback will be called after container and its components are already deleted. Arguments: event, selectedContainer\r\n * @option {Function} onContainerChanged Callback will be called when content of container is changed. It can be when container received new component from snippet or from other container. Or content of any components are changed or any components are deleted or duplicated. Arguments: event, changedContainer\r\n * @option {Function} onContainerDuplicated Callback will be called when a container is duplicated. Arguments: event, originalContainer, newContainer\r\n * @option {Function} onContainerSelected Callback will be called when a container is selected. Arguments: event, selectedContainer\r\n * @option {Function} onContainerSnippetDropped Callback will be called when a container snippet is dropped into content area. Arguments: event, newContainer, droppedContainer\r\n * @option {Function} onComponentReady Callback will be called after component is initialized. This callback is available or not is depend on component type handler.\r\n * @option {Function} onInitComponent Callback will be called when initializing component. Arguments: component\r\n * @option {Function} onBeforeComponentDeleted Callback will be called before a component is deleted. Arguments: event, selectedComponent\r\n * @option {Function} onComponentDeleted Callback will be called after a component is deleted. Arguments: event, selectedComponent\r\n * @option {Function} onComponentChanged Callback will be called when content of a component is changed. Arguments: event, changedComponent\r\n * @option {Function} onComponentDuplicated Callback will be called when a component is duplicated. Arguments: event, originalComponent, newComponent\r\n * @option {Function} onComponentSelected Callback will be called when a component is selected. Arguments: event, selectedComponent\r\n * @option {Function} onComponentSnippetDropped Callback will be called after a component snippet is dropped into a container. Arguments: event, newComponent, droppedComponent\r\n * @option {Function} onBeforeDynamicContentLoad Callback will be called before loading dynamic content. Arguments: dynamicElement, component\r\n * @option {Function} onDynamicContentLoaded Callback will be called after dynamic content is loaded. Arguments: dynamicElement, response, status, xhr\r\n * @option {Function} onDynamicContentError Callback will be called if loading dynamic content is error, abort or timeout. Arguments: dynamicElement, response, status, xhr\r\n */\r\n(function ($) {\r\n    // Log function will print log message when \"KEditor.debug\" equals \"true\"\r\n    var flog = function () {\r\n        if (typeof (console) !== 'undefined' && KEditor.debug === true) {\r\n            if (navigator.appName == 'Microsoft Internet Explorer') {\r\n                // BM: Previous used JSON, but that crashed IE sometimes. So this is pretty crap, but at least safer\r\n                if (arguments.length == 1) {\r\n                    console.log('[KEditor]', arguments[0]);\r\n                } else if (arguments.length == 2) {\r\n                    console.log('[KEditor]', arguments[0], arguments[1]);\r\n                } else if (arguments.length > 2) {\r\n                    console.log('[KEditor]', arguments[0], arguments[1], arguments[2]);\r\n                }\r\n            } else {\r\n                console.log(['KEditor'], arguments);\r\n            }\r\n        }\r\n    };\r\n\r\n    // Throw error message\r\n    var error = function (msg) {\r\n        throw new Error('[KEditor] ' + msg);\r\n    };\r\n\r\n    // Check dependencies\r\n    if (!$.fn.draggable) {\r\n        error('$.fn.draggable does not exist. Please import $.fn.draggable into your document for continue using KEditor.');\r\n    }\r\n    if (!$.fn.droppable) {\r\n        error('$.fn.droppable does not exist. Please import $.fn.droppable into your document for continue using KEditor.');\r\n    }\r\n    if (!$.fn.sortable) {\r\n        error('$.fn.sortable does not exist. Please import $.fn.sortable into your document for continue using KEditor.');\r\n    }\r\n\r\n    // KEditor class\r\n    var KEditor = function (target, options) {\r\n        this.options = $.extend({}, KEditor.DEFAULTS, options);\r\n        this.init(target);\r\n    };\r\n\r\n    // Turn on/off debug mode\r\n    KEditor.debug = true;\r\n\r\n    // Version of KEditor\r\n    KEditor.version = '1.1.3';\r\n\r\n    // Default configuration of KEditor\r\n    KEditor.DEFAULTS = {\r\n        btnMoveContainerText: '<i class=\"fa fa-sort\"></i>',\r\n        btnMoveComponentText: '<i class=\"fa fa-arrows\"></i>',\r\n        btnSettingContainerText: '<i class=\"fa fa-cog\"></i>',\r\n        btnSettingComponentText: '<i class=\"fa fa-cog\"></i>',\r\n        btnDuplicateContainerText: '<i class=\"fa fa-files-o\"></i>',\r\n        btnDuplicateComponentText: '<i class=\"fa fa-files-o\"></i>',\r\n        btnDeleteContainerText: '<i class=\"fa fa-times\"></i>',\r\n        btnDeleteComponentText: '<i class=\"fa fa-times\"></i>',\r\n        tabContainersText: 'Containers',\r\n        tabContainersTitle: 'Containers',\r\n        tabComponentsText: 'Components',\r\n        tabComponentsTitle: 'Components',\r\n        tabTooltipEnabled: true,\r\n        extraTabs: null,\r\n        defaultComponentType: 'blank',\r\n        snippetsUrl: 'snippets/default/snippets.html',\r\n        snippetsListId: 'keditor-snippets-list',\r\n        snippetsTooltipEnabled: true,\r\n        snippetsTooltipPosition: 'left',\r\n        snippetsFilterEnabled: true,\r\n        snippetsCategoriesSeparator: ';',\r\n        iframeMode: false,\r\n        contentAreasSelector: null,\r\n        contentAreasWrapper: '<div class=\"keditor-content-areas-wrapper container\"></div>',\r\n        containerSettingEnabled: false,\r\n        containerSettingInitFunction: null,\r\n        containerSettingShowFunction: null,\r\n        containerSettingHideFunction: null,\r\n        onReady: function () {\r\n        },\r\n        onInitFrame: function (frame, frameHead, frameBody) {\r\n        },\r\n        onSidebarToggled: function (isOpened) {\r\n        },\r\n        onInitContentArea: function (contentArea) {\r\n        },\r\n        onContentChanged: function (event) {\r\n        },\r\n        onInitContainer: function (container) {\r\n        },\r\n        onBeforeContainerDeleted: function (event, selectedContainer) {\r\n        },\r\n        onContainerDeleted: function (event, selectedContainer) {\r\n        },\r\n        onContainerChanged: function (event, changedContainer) {\r\n        },\r\n        onContainerDuplicated: function (event, originalContainer, newContainer) {\r\n        },\r\n        onContainerSelected: function (event, selectedContainer) {\r\n        },\r\n        onContainerSnippetDropped: function (event, newContainer, droppedContainer) {\r\n        },\r\n        onComponentReady: function (component) {\r\n        },\r\n        onInitComponent: function (component) {\r\n        },\r\n        onBeforeComponentDeleted: function (event, selectedComponent) {\r\n        },\r\n        onComponentDeleted: function (event, selectedComponent) {\r\n        },\r\n        onComponentChanged: function (event, changedComponent) {\r\n        },\r\n        onComponentDuplicated: function (event, originalComponent, newComponent) {\r\n        },\r\n        onComponentSelected: function (event, selectedComponent) {\r\n        },\r\n        onComponentSnippetDropped: function (event, newComponent, droppedComponent) {\r\n        },\r\n        onBeforeDynamicContentLoad: function (dynamicElement, component) {\r\n        },\r\n        onDynamicContentLoaded: function (dynamicElement, response, status, xhr) {\r\n        },\r\n        onDynamicContentError: function (dynamicElement, response, status, xhr) {\r\n        }\r\n    };\r\n\r\n    // Component types\r\n    KEditor.components = {\r\n        blank: {\r\n            settingEnabled: false\r\n        }\r\n    };\r\n\r\n    // Export log methods;\r\n    KEditor.log = flog;\r\n    KEditor.error = error;\r\n\r\n    KEditor.prototype = {\r\n        init: function (target) {\r\n            var self = this;\r\n            var options = self.options;\r\n\r\n            if (options.iframeMode) {\r\n                target = self.initFrame(target);\r\n            } else {\r\n                self.body = $(document.body);\r\n\r\n                if (target.is('textarea')) {\r\n                    flog('Target is textarea', target);\r\n\r\n                    var htmlContent = target.val();\r\n                    var keditorWrapper = $('<div />');\r\n                    var keditorWrapperId = self.generateId('wrapper');\r\n\r\n                    target.after(keditorWrapper);\r\n                    keditorWrapper.attr({\r\n                        id: keditorWrapperId,\r\n                        class: 'keditor-wrapper'\r\n                    });\r\n                    flog('Id for keditor wrapper is: \"' + keditorWrapperId + '\"');\r\n\r\n                    keditorWrapper.html(htmlContent);\r\n                    target.css('display', 'none');\r\n                    target.attr('data-keditor-wrapper', '#' + keditorWrapperId);\r\n\r\n                    target = keditorWrapper;\r\n                }\r\n            }\r\n\r\n            var body = self.body;\r\n            var ajaxRequest;\r\n            if (body.hasClass('initialized-snippets-list')) {\r\n                flog('Snippets list is already initialized!');\r\n            } else {\r\n                ajaxRequest = self.initSidebar();\r\n                body.addClass('initialized-snippets-list');\r\n            }\r\n            if (body.hasClass('initialized-click-event-handlers')) {\r\n                flog('CLick event handlers is already initialized!');\r\n            } else {\r\n                self.initKEditorClicks();\r\n                body.addClass('initialized-click-event-handlers');\r\n            }\r\n\r\n            self.initContentAreas(target);\r\n\r\n            if (!ajaxRequest && typeof options.onReady === 'function') {\r\n                options.onReady.call(self);\r\n            }\r\n        },\r\n\r\n        generateId: function (type) {\r\n            var timestamp = (new Date()).getTime();\r\n            return 'keditor-' + type + '-' + timestamp;\r\n        },\r\n\r\n        initNiceScroll: function (target) {\r\n            flog('initNiceScroll', target);\r\n\r\n            if ($.fn.niceScroll) {\r\n                flog('Initialize $.fn.niceScroll');\r\n                target.niceScroll({\r\n                    cursorcolor: '#999',\r\n                    cursorwidth: 6,\r\n                    railpadding: {\r\n                        top: 0,\r\n                        right: 0,\r\n                        left: 0,\r\n                        bottom: 0\r\n                    },\r\n                    cursorborder: '',\r\n                    disablemutationobserver: true\r\n                });\r\n            } else {\r\n                flog('$.fn.niceScroll does not exist. Use default sidebar.');\r\n            }\r\n        },\r\n\r\n        initFrame: function (target) {\r\n            flog('initFrame', target);\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var originalContent = target.html();\r\n            var iframe = $('<iframe />');\r\n            var iframeId = self.generateId('frame');\r\n\r\n            target.after(iframe);\r\n            iframe.attr({\r\n                'id': iframeId,\r\n                'class': 'keditor-frame'\r\n            });\r\n            flog('Id for keditor frame is: \"' + iframeId + '\"');\r\n\r\n            target.css('display', 'none');\r\n            target.attr('data-keditor-frame', '#' + iframeId);\r\n\r\n            var iframeDoc = iframe.contents();\r\n            var iframeHead = iframeDoc.find('head');\r\n            var iframeBody = iframeDoc.find('body');\r\n\r\n            flog('Adding styles to iframe...');\r\n            var styles = '';\r\n            $('[data-type=\"keditor-style\"]').each(function () {\r\n                var style = $(this);\r\n                var href = style.attr('href') || style.attr('data-href') || '';\r\n\r\n                if (href) {\r\n                    styles += '<link rel=\"stylesheet\" type=\"text/css\" href=\"' + href + '\" />\\n';\r\n                } else {\r\n                    styles += '<style type=\"text/css\">' + style.html() + '</style>\\n';\r\n                }\r\n            });\r\n            flog('Styles: \\n' + styles);\r\n\r\n            iframeHead.append(styles);\r\n            flog('All styles are added');\r\n\r\n            flog('Adding original content to iframe...');\r\n            var contentAreasWrapper;\r\n            if (options.contentAreasWrapper) {\r\n                contentAreasWrapper = $(options.contentAreasWrapper);\r\n                iframeBody.append(contentAreasWrapper);\r\n                contentAreasWrapper.html(originalContent);\r\n            } else {\r\n                iframeBody.html(originalContent);\r\n            }\r\n\r\n            // In frame, have to use default snippets container\r\n            options.snippetsListId = KEditor.DEFAULTS.snippetsListId;\r\n\r\n            self.body = iframeBody;\r\n\r\n            if (typeof options.onInitFrame === 'function') {\r\n                options.onInitFrame.call(iframe, iframe, iframeHead, iframeBody);\r\n            }\r\n\r\n            return contentAreasWrapper || iframeBody;\r\n        },\r\n\r\n        initSidebar: function () {\r\n            flog('initSidebar');\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            body.addClass('opened-keditor-sidebar');\r\n\r\n            if (options.snippetsListId === KEditor.DEFAULTS.snippetsListId) {\r\n                flog('Render default KEditor snippet container');\r\n\r\n                body.append(\r\n                    '<div id=\"keditor-sidebar\">' +\r\n                    '   <a id=\"keditor-sidebar-toggler\"><i class=\"fa fa-chevron-right\"></i></a>' +\r\n                    '   <div id=\"keditor-snippets-list\"></div>' +\r\n                    '   <div id=\"keditor-snippets-content\" style=\"display: none\"></div>' +\r\n                    '   <div id=\"keditor-setting-panel\">' +\r\n                    '       <div id=\"keditor-setting-header\"><span id=\"keditor-setting-title\"></span><a href=\"#\" id=\"keditor-setting-closer\"><i class=\"fa fa-arrow-right\"></i></a></div>' +\r\n                    '       <div id=\"keditor-setting-body\"><div id=\"keditor-setting-forms\"></div></div>' +\r\n                    '   </div>' +\r\n                    '</div>'\r\n                );\r\n                self.initSidebarToggler();\r\n            } else {\r\n                flog('Render KEditor snippets content after custom snippets list with id=\"' + options.snippetsListId + '\"');\r\n                body.find('#' + options.snippetsListId).after('<div id=\"keditor-snippets-content\" style=\"display: none\"></div>');\r\n            }\r\n\r\n            if (typeof options.snippetsUrl === 'string' && options.snippetsUrl.length > 0) {\r\n                flog('Getting snippets form \"' + options.snippetsUrl + '\"...');\r\n\r\n                return $.ajax({\r\n                    type: 'get',\r\n                    dataType: 'html',\r\n                    url: options.snippetsUrl,\r\n                    success: function (resp) {\r\n                        flog('Success in getting snippets', resp);\r\n\r\n                        self.renderSnippets(resp);\r\n                        self.initSnippets();\r\n                        self.initTabs();\r\n                        self.initTabsSwitcher();\r\n                        self.initSettingPanel();\r\n                        \r\n                        if (options.snippetsFilterEnabled) {\r\n                            self.initSnippetsFilter('Container');\r\n                            self.initSnippetsFilter('Component');\r\n                        }\r\n\r\n                        if (options.snippetsTooltipEnabled || options.tabTooltipEnabled) {\r\n                            flog('Initialize Bootstrap tooltip plugin');\r\n                            body.find('#' + options.snippetsListId).find('[data-toggle=\"tooltip\"]').tooltip();\r\n                        }\r\n\r\n                        if (typeof options.onReady === 'function') {\r\n                            options.onReady.call(self);\r\n                        }\r\n                    },\r\n                    error: function (jqXHR) {\r\n                        flog('Error when getting snippets', jqXHR);\r\n                    }\r\n                });\r\n            } else {\r\n                error('\"snippetsUrl\" must be not null!');\r\n            }\r\n        },\r\n\r\n        initSnippetsFilter: function (type) {\r\n            flog('initSnippetsFilter');\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            var lowerCaseType = type.toLowerCase();\r\n            var categories = self['snippets' + type + 'Categories'];\r\n\r\n            var filterHtml = '';\r\n            filterHtml += '<div id=\"keditor-' + lowerCaseType + '-snippets-filter-wrapper\" class=\"keditor-snippets-filter-wrapper\">';\r\n            filterHtml += '     <select id=\"keditor-' + lowerCaseType + '-snippets-filter\" class=\"keditor-snippets-filter\">';\r\n            filterHtml += '         <option value=\"\" selected=\"selected\">All</option>';\r\n\r\n            for (var i = 0; i < categories.length; i++) {\r\n                filterHtml += '     <option value=\"' + categories[i] + '\">' + categories[i] + '</option>';\r\n            }\r\n\r\n            filterHtml += '     </select>';\r\n            filterHtml += '</div>';\r\n\r\n            var tab = body.find('#keditor-' + lowerCaseType + '-snippets-tab');\r\n            var snippets = tab.find('.keditor-snippet');\r\n            tab.prepend(filterHtml);\r\n\r\n            snippets.each(function () {\r\n                var snippet = $(this);\r\n                var categories = snippet.attr('data-categories') || '';\r\n                categories = categories.split(options.snippetsCategoriesSeparator);\r\n\r\n                snippet.data('categories', categories);\r\n            });\r\n\r\n            tab.find('.keditor-snippets-filter').on('change', function () {\r\n                var selectedCategory = this.value;\r\n\r\n                if (selectedCategory) {\r\n                    snippets.filter(function () {\r\n                        var snippet = $(this);\r\n                        var matched = false;\r\n                        var dataCategories = snippet.data('categories');\r\n\r\n                        if ($.inArray(selectedCategory, dataCategories) !== -1) {\r\n                            matched = true;\r\n                        }\r\n\r\n                        snippet[matched ? 'removeClass': 'addClass']('not-matched');\r\n\r\n                        return matched;\r\n                    });\r\n                } else {\r\n                    snippets.removeClass('not-matched');\r\n                }\r\n            });\r\n        },\r\n\r\n        toggleSidebar: function (showSidebar) {\r\n            flog('toggleSidebar', showSidebar);\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            var icon = body.find('#keditor-sidebar-toggler i');\r\n\r\n            if (showSidebar) {\r\n                body.addClass('opened-keditor-sidebar');\r\n                icon.attr('class', 'fa fa-chevron-right')\r\n            } else {\r\n                body.removeClass('opened-keditor-sidebar');\r\n                icon.attr('class', 'fa fa-chevron-left')\r\n            }\r\n\r\n            if (typeof options.onSidebarToggled === 'function') {\r\n                options.onSidebarToggled.call(null, showSidebar);\r\n            }\r\n        },\r\n\r\n        initSidebarToggler: function () {\r\n            flog('initSidebarToggler');\r\n\r\n            var self = this;\r\n            var body = self.body;\r\n\r\n            body.find('#keditor-sidebar-toggler').on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                self.toggleSidebar(!body.hasClass('opened-keditor-sidebar'));\r\n            });\r\n        },\r\n\r\n        renderSnippets: function (resp) {\r\n            flog('renderSnippets', resp);\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n\r\n            var snippetsContainerHtml = '';\r\n            var snippetsComponentHtml = '';\r\n            var snippetsContentHtml = '';\r\n\r\n            self.snippetsContainerCategories = [];\r\n            self.snippetsComponentCategories = [];\r\n\r\n            $('<div />').html(resp).find('> div').each(function (i) {\r\n                var snippet = $(this);\r\n                var content = snippet.html().trim();\r\n                var previewUrl = snippet.attr('data-preview');\r\n                var type = snippet.attr('data-type');\r\n                var title = snippet.attr('data-title');\r\n                var snippetHtml = '';\r\n                var categories = snippet.attr('data-categories') || '';\r\n\r\n                flog('Snippet #' + i + ' type=' + type + ' categories=' + categories, previewUrl, content);\r\n\r\n                snippetHtml += '<section class=\"keditor-snippet\" data-snippet=\"#keditor-snippet-' + i + '\" data-type=\"' + type + '\" ' + (options.snippetsTooltipEnabled ? 'data-toggle=\"tooltip\" data-placement=\"' + options.snippetsTooltipPosition + '\"' : '') + ' title=\"' + title + '\" data-categories=\"' + categories + '\">';\r\n                snippetHtml += '   <img class=\"keditor-snippet-preview\" src=\"' + previewUrl + '\" />';\r\n                snippetHtml += '</section>';\r\n\r\n                categories = categories.split(options.snippetsCategoriesSeparator);\r\n\r\n                if (type === 'container') {\r\n                    snippetsContainerHtml += snippetHtml;\r\n                    self.snippetsContainerCategories = self.snippetsContainerCategories.concat(categories);\r\n                } else if (type.indexOf('component') !== -1) {\r\n                    snippetsComponentHtml += snippetHtml;\r\n                    self.snippetsComponentCategories = self.snippetsComponentCategories.concat(categories);\r\n                }\r\n\r\n                var dataAttributes = self.getDataAttributes(snippet, ['data-preview', 'data-type', 'data-title'], true);\r\n                snippetsContentHtml += '<script id=\"keditor-snippet-' + i + '\" type=\"text/html\" ' + dataAttributes.join(' ') + '>' + content + '</script>';\r\n            });\r\n\r\n            self.snippetsContainerCategories = self.beautifyCategories(self.snippetsContainerCategories);\r\n            self.snippetsComponentCategories = self.beautifyCategories(self.snippetsComponentCategories);\r\n\r\n            body.find('#' + options.snippetsListId).html(\r\n                '<ul id=\"keditor-snippets-type-switcher\" class=\"nav nav-tabs nav-justified\">' +\r\n                '    <li class=\"active\"><a href=\"#keditor-container-snippets-tab\"' + (options.tabTooltipEnabled ? 'data-toggle=\"tooltip\" data-placement=\"bottom\"' : '') + ' title=\"' + options.tabContainersTitle + '\">' + options.tabContainersText + '</a></li>' +\r\n                '    <li><a href=\"#keditor-component-snippets-tab\"' + (options.tabTooltipEnabled ? 'data-toggle=\"tooltip\" data-placement=\"bottom\"' : '') + ' title=\"' + options.tabComponentsTitle + '\">' + options.tabComponentsText + '</a></li>' +\r\n                '</ul>' +\r\n                '<div id=\"keditor-snippets-container\" class=\"tab-content\">' +\r\n                '   <div class=\"tab-pane keditor-snippets active\" id=\"keditor-container-snippets-tab\"><div class=\"keditor-snippets-inner\">' + snippetsContainerHtml + '</div></div>' +\r\n                '   <div class=\"tab-pane keditor-snippets\" id=\"keditor-component-snippets-tab\"><div class=\"keditor-snippets-inner\">' + snippetsComponentHtml + '</div></div>' +\r\n                '</div>'\r\n            ).addClass('loaded-snippets');\r\n            body.find('#keditor-snippets-content').html(snippetsContentHtml);\r\n        },\r\n\r\n        beautifyCategories: function (categories) {\r\n            flog('beautifyCategories', categories);\r\n\r\n            var newArray = [];\r\n            for (var i = 0; i < categories.length; i++) {\r\n                var category = categories[i] || '';\r\n\r\n                if (category !== '' && $.inArray(category, newArray) === -1) {\r\n                    newArray.push(category);\r\n                }\r\n            }\r\n\r\n            return newArray.sort();\r\n        },\r\n\r\n        initSnippets: function () {\r\n            flog('initSnippets');\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            var snippetsList = body.find('#' + options.snippetsListId);\r\n\r\n            flog('Initialize $.fn.draggable for container snippets list');\r\n            snippetsList.find('.keditor-snippet[data-type=container]').draggable({\r\n                helper: 'clone',\r\n                revert: 'invalid',\r\n                connectToSortable: body.find('.keditor-content-area'),\r\n                start: function () {\r\n                    $('[contenteditable]').blur();\r\n                    $('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                    $('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                },\r\n                stop: function () {\r\n                    snippetsList.find('.keditor-snippet[data-type^=component]').draggable('option', 'connectToSortable', body.find('.keditor-container-content'));\r\n                }\r\n            });\r\n\r\n            snippetsList.find('.keditor-snippet[data-type^=component]').draggable({\r\n                helper: 'clone',\r\n                revert: 'invalid',\r\n                connectToSortable: body.find('.keditor-container-content'),\r\n                start: function () {\r\n                    body.find('[contenteditable]').blur();\r\n                    body.find('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                    body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                    body.addClass('highlighted-container-content');\r\n                },\r\n                stop: function () {\r\n                    body.removeClass('highlighted-container-content');\r\n                }\r\n            });\r\n        },\r\n\r\n        initTabs: function () {\r\n            flog('initTabs');\r\n\r\n            var self = this;\r\n            var body = self.body;\r\n            var options = self.options;\r\n            var switcherWrapper = body.find('#keditor-snippets-type-switcher');\r\n            var tabPaneWrapper = body.find('#keditor-snippets-container');\r\n            \r\n            if (options.extraTabs && $.isPlainObject(options.extraTabs)) {\r\n                flog('Add extra tabs', options.extraTabs);\r\n                \r\n                for (var tabName in options.extraTabs) {\r\n                    var tabData = options.extraTabs[tabName];\r\n\r\n                    switcherWrapper.append('<li><a href=\"#keditor-extra-tab-' + tabName + '\"' + (options.tabTooltipEnabled ? 'data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"' + tabData.title + '\"' : '') + '>' + tabData.text + '</a></li>');\r\n                    tabPaneWrapper.append('<div class=\"tab-pane keditor-snippets\" id=\"keditor-extra-tab-' + tabName + '\"><div class=\"keditor-snippets-inner\">' + tabData.content + '</div></div>');\r\n                }\r\n            }\r\n\r\n            self.initNiceScroll(tabPaneWrapper.find('.keditor-snippets-inner'));\r\n        },\r\n\r\n        initTabsSwitcher: function () {\r\n            flog('initTabsSwitcher');\r\n\r\n            var self = this;\r\n            var body = self.body;\r\n            var switcherLis = body.find('#keditor-snippets-type-switcher li');\r\n            var tabPane = body.find('#keditor-snippets-container .tab-pane');\r\n\r\n            switcherLis.find('a').on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                var a = $(this);\r\n                var li = a.parent();\r\n                var href = a.attr('href');\r\n\r\n                if (!li.hasClass('active')) {\r\n                    var activatedLi = switcherLis.filter('.active');\r\n                    var activatedPane = tabPane.filter('.active');\r\n                    var targetDiv = body.find(href);\r\n\r\n                    activatedLi.removeClass('active');\r\n                    activatedPane.removeClass('active');\r\n\r\n                    li.addClass('active');\r\n                    targetDiv.addClass('active');\r\n\r\n                    if ($.fn.niceScroll) {\r\n                        activatedPane.getNiceScroll().hide();\r\n\r\n                        var targetNiceScroll = targetDiv.getNiceScroll();\r\n                        targetNiceScroll.show();\r\n                        targetNiceScroll.resize();\r\n                    }\r\n                }\r\n            });\r\n        },\r\n\r\n        initSettingPanel: function () {\r\n            flog('initSettingPanel');\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n\r\n            body.find('#keditor-setting-closer').on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                self.hideSettingPanel();\r\n            });\r\n\r\n            var settingForms = body.find('#keditor-setting-forms');\r\n            self.initNiceScroll(settingForms);\r\n\r\n            if (options.containerSettingEnabled === true) {\r\n                if (typeof options.containerSettingInitFunction === 'function') {\r\n\r\n                    var form = $('<div id=\"keditor-container-setting\" class=\"keditor-setting-form clearfix\"></div>');\r\n                    settingForms.append(form);\r\n\r\n                    flog('Initialize container setting panel');\r\n                    options.containerSettingInitFunction.call(self, form, self);\r\n                } else {\r\n                    error('\"containerSettingInitFunction\" is not function!');\r\n                }\r\n            }\r\n        },\r\n\r\n        setSettingContainer: function (container) {\r\n            flog('setSettingContainer', container);\r\n\r\n            var self = this;\r\n            var body = self.body;\r\n\r\n            if (container) {\r\n                var idSettingContainer = container.attr('id');\r\n                body.attr('data-setting-container', idSettingContainer);\r\n            } else {\r\n                body.removeAttr('data-setting-container');\r\n            }\r\n        },\r\n\r\n        getSettingContainer: function () {\r\n            flog('getSettingContainer');\r\n\r\n            var self = this;\r\n            var body = self.body;\r\n            var idSettingContainer = body.attr('data-setting-container');\r\n\r\n            return body.find('#' + idSettingContainer);\r\n        },\r\n\r\n        setSettingComponent: function (component) {\r\n            flog('setSettingComponent', component);\r\n\r\n            var self = this;\r\n            var body = self.body;\r\n\r\n            if (component) {\r\n                var idSettingComponent = component.attr('id');\r\n                body.attr('data-setting-component', idSettingComponent);\r\n            } else {\r\n                body.removeAttr('data-setting-component');\r\n            }\r\n        },\r\n\r\n        getSettingComponent: function () {\r\n            flog('getSettingComponent');\r\n\r\n            var self = this;\r\n            var body = self.body;\r\n            var idSettingComponent = body.attr('data-setting-component');\r\n\r\n            return body.find('#' + idSettingComponent);\r\n        },\r\n\r\n        showSettingPanel: function (target) {\r\n            flog('showSettingPanel', target);\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            var isComponent = target.is('.keditor-component');\r\n\r\n            var activeForm = body.find('#keditor-setting-forms').children('.active');\r\n            activeForm.removeClass('active');\r\n\r\n            if (isComponent) {\r\n                self.setSettingComponent(target);\r\n                self.setSettingContainer(null);\r\n\r\n                var componentType = self.getComponentType(target);\r\n                var componentData = KEditor.components[componentType];\r\n                body.find('#keditor-setting-title').html(componentData.settingTitle);\r\n\r\n                var settingForms = body.find('#keditor-setting-forms');\r\n                var settingForm = body.find('#keditor-setting-' + componentType);\r\n\r\n                if (settingForm.length === 0) {\r\n                    var componentData = KEditor.components[componentType];\r\n                    if (typeof componentData.initSettingForm === 'function') {\r\n                        settingForm = $('<div id=\"keditor-setting-' + componentType + '\" data-type=\"' + componentType + '\" class=\"keditor-setting-form clearfix active\"></div>');\r\n                        var loadingText = $('<span />').html('Loading...');\r\n                        settingForms.append(settingForm);\r\n                        settingForm.append(loadingText);\r\n\r\n                        flog('Initializing setting form for component type \"' + componentType + '\"');\r\n\r\n                        var initFunction = componentData.initSettingForm.call(componentData, settingForm, self);\r\n                        $.when(initFunction).done(function () {\r\n                            flog('Initialized setting form for component type \"' + componentType + '\"');\r\n\r\n                            setTimeout(function () {\r\n                                loadingText.remove();\r\n\r\n                                if (typeof componentData.showSettingForm === 'function') {\r\n                                    flog('Show setting form of component type \"' + componentType + '\"');\r\n                                    componentData.showSettingForm.call(componentData, settingForm, target, self);\r\n                                } else {\r\n                                    flog('\"showSettingForm\" function of component type \"' + componentType + '\" does not exist');\r\n                                }\r\n                            }, 100);\r\n                        });\r\n                    } else {\r\n                        flog('\"initSettingForm\" function of component type \"' + componentType + '\" does not exist');\r\n                    }\r\n                } else {\r\n                    if (typeof componentData.showSettingForm === 'function') {\r\n                        flog('Show setting form of component type \"' + componentType + '\"');\r\n                        componentData.showSettingForm.call(componentData, settingForm, target, self);\r\n                    } else {\r\n                        flog('\"showSettingForm\" function of component type \"' + componentType + '\" does not exist');\r\n                    }\r\n                    settingForm.addClass('active');\r\n                }\r\n            } else {\r\n                self.setSettingContainer(target);\r\n                self.setSettingComponent(null);\r\n\r\n                body.find('#keditor-setting-title').html(\"Container Settings\");\r\n\r\n                var settingForm = body.find('#keditor-container-setting');\r\n                if (typeof options.containerSettingShowFunction === 'function') {\r\n                    flog('Show setting form of container');\r\n                    options.containerSettingShowFunction.call(self, settingForm, target, self);\r\n                } else {\r\n                    flog('\"containerSettingShowFunction\" does not exist');\r\n                }\r\n                settingForm.addClass('active');\r\n            }\r\n\r\n            self.toggleSidebar(true);\r\n            body.addClass('opened-keditor-setting');\r\n        },\r\n\r\n        hideSettingPanel: function () {\r\n            flog('hideSettingPanel');\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n\r\n            body.removeClass('opened-keditor-setting');\r\n\r\n            var activeForm = body.find('#keditor-setting-forms').children('.active');\r\n            if (activeForm.length > 0) {\r\n                if (activeForm.is('#keditor-container-setting')) {\r\n                    if (typeof options.containerSettingHideFunction === 'function') {\r\n                        flog('Hide setting form of container');\r\n                        options.containerSettingHideFunction.call(self, activeForm, self);\r\n                    } else {\r\n                        flog('\"containerSettingHideFunction\" does not exist');\r\n                    }\r\n                } else {\r\n                    var activeType = activeForm.attr('data-type');\r\n                    var componentData = KEditor.components[activeType];\r\n\r\n                    if (typeof componentData.hideSettingForm === 'function') {\r\n                        flog('Hide setting form of component type \"' + activeType + '\"');\r\n                        componentData.hideSettingForm.call(componentData, activeForm, self);\r\n                    } else {\r\n                        flog('\"hideSettingForm\" function of component type \"' + activeType + '\" does not exist');\r\n                    }\r\n                }\r\n\r\n                activeForm.removeClass('active');\r\n            }\r\n\r\n            body.removeClass('opened-keditor-setting');\r\n            self.setSettingComponent(null);\r\n            self.setSettingContainer(null);\r\n        },\r\n\r\n        getContentAreas: function (target) {\r\n            flog('getContentAreas', target);\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var contentAreas;\r\n            if (options.contentAreasSelector) {\r\n                contentAreas = target.find(options.contentAreasSelector);\r\n            }\r\n\r\n            if (!contentAreas || contentAreas.length === 0) {\r\n                flog('Do not find any content area. Creating default content area...');\r\n                contentAreas = $('<div />');\r\n\r\n                var originalContent = target.html();\r\n                contentAreas.html(originalContent);\r\n                target.empty().append(contentAreas);\r\n            }\r\n\r\n            return contentAreas;\r\n        },\r\n\r\n        initContentAreas: function (target) {\r\n            flog('initContentAreas', target);\r\n\r\n            var self = this;\r\n            var contentAreas = self.getContentAreas(target);\r\n\r\n            contentAreas.each(function () {\r\n                var contentArea = $(this);\r\n                var id = contentArea.attr('id') || '';\r\n                if (id.length === 0) {\r\n                    flog('Content area does not contain Id. Generating id for content area...');\r\n\r\n                    id = self.generateId('content-area');\r\n                    contentArea.attr('id', id);\r\n                    flog('Id for content are is: \"' + id + '\"');\r\n                }\r\n\r\n                self.initContentArea(contentArea);\r\n                contentArea.data('keditor', self);\r\n            });\r\n        },\r\n\r\n        initContentArea: function (contentArea) {\r\n            flog('initContentArea', contentArea);\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n\r\n            contentArea.addClass('keditor-content-area');\r\n\r\n            flog('Initialize $.fn.droppable for content area');\r\n            contentArea.droppable({\r\n                accept: '.keditor-snippet[data-type=container]',\r\n                tolerance: 'pointer',\r\n                greedy: true\r\n            });\r\n\r\n            flog('Initialize $.fn.sortable for content area');\r\n            contentArea.sortable({\r\n                handle: '.btn-container-reposition',\r\n                items: '> section',\r\n                connectWith: '.keditor-content-area',\r\n                axis: 'y',\r\n                tolerance: 'pointer',\r\n                sort: function () {\r\n                    $(this).removeClass('ui-state-default');\r\n                },\r\n                receive: function (event, ui) {\r\n                    flog('On received snippet', event, ui);\r\n\r\n                    var helper = ui.helper;\r\n                    var item = ui.item;\r\n\r\n                    if (item.is('.keditor-snippet')) {\r\n                        var snippetContent = body.find(item.attr('data-snippet')).html();\r\n                        flog('Snippet content', snippetContent);\r\n\r\n                        var container = $(\r\n                            '<section class=\"keditor-container\">' +\r\n                            '   <section class=\"keditor-container-inner\">' + snippetContent + '</section>' +\r\n                            '</section>'\r\n                        );\r\n                        helper.replaceWith(container);\r\n\r\n                        if (!container.hasClass('showed-keditor-toolbar')) {\r\n                            $('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                            container.addClass('showed-keditor-toolbar');\r\n                        }\r\n\r\n                        if (typeof options.onContainerSnippetDropped === 'function') {\r\n                            options.onContainerSnippetDropped.call(contentArea, event, container, ui.item);\r\n                        }\r\n\r\n                        self.initContainer(contentArea, container);\r\n                    }\r\n\r\n                    self.hideSettingPanel();\r\n\r\n                    if (typeof options.onContentChanged === 'function') {\r\n                        options.onContentChanged.call(contentArea, event);\r\n                    }\r\n                }\r\n            });\r\n\r\n            flog('Initialize existing containers in content area');\r\n            contentArea.children('section').each(function () {\r\n                self.convertToContainer(contentArea, $(this));\r\n            });\r\n\r\n            if (typeof options.onInitContentArea === 'function') {\r\n                var contentData = options.onInitContentArea.call(contentArea, contentArea);\r\n                if (contentData && contentData.length > 0) {\r\n                    $.each(contentData, function () {\r\n                        self.convertToContainer(contentArea, $(this));\r\n                    });\r\n                }\r\n            }\r\n        },\r\n\r\n        convertToContainer: function (contentArea, target) {\r\n            flog('convertToContainer', contentArea, target);\r\n\r\n            var self = this;\r\n            var isSection = target.is('section');\r\n            var container;\r\n\r\n            if (isSection) {\r\n                target.addClass('keditor-container');\r\n                target.wrapInner('<section class=\"keditor-container-inner\"></section>');\r\n                container = target;\r\n            } else {\r\n                target.wrap('<section class=\"keditor-container\"><section class=\"keditor-container-inner\"></section></section>');\r\n                container = target.parent().parent();\r\n            }\r\n\r\n            self.initContainer(contentArea, container);\r\n        },\r\n\r\n        initContainer: function (contentArea, container) {\r\n            flog('initContainer', contentArea, container);\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n\r\n            if (!container.hasClass('keditor-initialized-container') || !container.hasClass('keditor-initializing-container')) {\r\n                container.addClass('keditor-initializing-container');\r\n\r\n                var settingBtn = '';\r\n                if (options.containerSettingEnabled === true) {\r\n                    settingBtn = '<a href=\"#\" class=\"btn-container-setting\">' + options.btnSettingContainerText + '</a>';\r\n                }\r\n\r\n                flog('Render KEditor toolbar for container', container);\r\n                container.append(\r\n                    '<div class=\"keditor-toolbar keditor-toolbar-container\">' +\r\n                    '   <a href=\"#\" class=\"btn-container-reposition\">' + options.btnMoveContainerText + '</a>' + settingBtn +\r\n                    '   <a href=\"#\" class=\"btn-container-duplicate\">' + options.btnDuplicateContainerText + '</a>' +\r\n                    '   <a href=\"#\" class=\"btn-container-delete\">' + options.btnDeleteContainerText + '</a>' +\r\n                    '</div>'\r\n                );\r\n\r\n                var containerId = self.generateId('container');\r\n                flog('Id for container is: ' + containerId);\r\n                container.attr('id', containerId);\r\n\r\n                var containerContents = container.find('[data-type=\"container-content\"]');\r\n                flog('Initialize ' + containerContents.length + ' container content(s)');\r\n                containerContents.each(function () {\r\n                    var containerContent = $(this);\r\n\r\n                    self.initContainerContent(contentArea, container, containerContent);\r\n                });\r\n\r\n                if (typeof options.onInitContainer === 'function') {\r\n                    options.onInitContainer.call(contentArea, container);\r\n                }\r\n\r\n                container.addClass('keditor-initialized-container');\r\n                container.removeClass('keditor-initializing-container');\r\n            } else {\r\n                if (container.hasClass('keditor-initialized-container')) {\r\n                    flog('Container is already initialized!');\r\n                } else {\r\n                    flog('Container is initializing...');\r\n                }\r\n            }\r\n        },\r\n\r\n        initContainerContent: function (contentArea, container, containerContent) {\r\n            flog('initContainerContent', contentArea, container, containerContent);\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            var contentId = self.generateId('container-content');\r\n            containerContent.addClass('keditor-container-content');\r\n\r\n            flog('Id for container content id: ' + contentId, containerContent);\r\n            containerContent.attr('id', contentId);\r\n\r\n            flog('Initialize $.fn.droppable for container content');\r\n            containerContent.droppable({\r\n                accept: '.keditor-snippet[data-type=component]',\r\n                tolerance: 'pointer',\r\n                greedy: true\r\n            });\r\n\r\n            flog('Initialize $.fn.sortable for container content');\r\n            containerContent.sortable({\r\n                handle: '.btn-component-reposition',\r\n                items: '> section',\r\n                connectWith: '.keditor-container-content',\r\n                tolerance: 'pointer',\r\n                sort: function () {\r\n                    $(this).removeClass('ui-state-default');\r\n                },\r\n                receive: function (event, ui) {\r\n                    flog('On received snippet', event, ui);\r\n\r\n                    var helper = ui.helper;\r\n                    var item = ui.item;\r\n                    var container;\r\n\r\n                    if (item.is('.keditor-snippet')) {\r\n                        var snippetContentElement = body.find(item.attr('data-snippet'));\r\n                        var snippetContent = snippetContentElement.html();\r\n                        var componentType = item.attr('data-type');\r\n                        flog('Snippet content', snippetContent);\r\n\r\n                        var dataAttributes = self.getDataAttributes(snippetContentElement, null, true);\r\n                        var component = $(\r\n                            '<section class=\"keditor-component\" data-type=\"' + componentType + '\" ' + dataAttributes.join(' ') + '>' +\r\n                            '   <section class=\"keditor-component-content\">' + snippetContent + '</section>' +\r\n                            '</section>'\r\n                        );\r\n                        helper.replaceWith(component);\r\n\r\n                        container = component.closest('.keditor-container');\r\n\r\n                        if (typeof options.onComponentSnippetDropped === 'function') {\r\n                            options.onComponentSnippetDropped.call(contentArea, event, component, ui.item);\r\n                        }\r\n\r\n                        self.initComponent(contentArea, container, component);\r\n                    } else {\r\n                        container = item.closest('.keditor-container');\r\n                    }\r\n\r\n                    if (!container.hasClass('showed-keditor-toolbar')) {\r\n                        $('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                        container.addClass('showed-keditor-toolbar');\r\n                    }\r\n\r\n                    if (typeof options.onContainerChanged === 'function') {\r\n                        options.onContainerChanged.call(contentArea, event, container);\r\n                    }\r\n\r\n                    if (typeof options.onContentChanged === 'function') {\r\n                        options.onContentChanged.call(contentArea, event);\r\n                    }\r\n                }\r\n            });\r\n\r\n            flog('Initialize existing components inside container content');\r\n            containerContent.children().each(function () {\r\n                var content = $(this);\r\n\r\n                self.convertToComponent(contentArea, container, content, true);\r\n            });\r\n        },\r\n\r\n        convertToComponent: function (contentArea, container, target, isExisting) {\r\n            flog('convertToComponent', contentArea, container, target, isExisting);\r\n\r\n            var self = this;\r\n            var isSection = target.is('section');\r\n            var component;\r\n\r\n            if (isSection) {\r\n                target.addClass('keditor-component');\r\n                target.wrapInner('<section class=\"keditor-component-content\"></section>');\r\n                component = target;\r\n            } else {\r\n                target.wrap('<section class=\"keditor-component\"><section class=\"keditor-component-content\"></section></section>');\r\n                component = target.parent().parent();\r\n            }\r\n\r\n            if (isExisting) {\r\n                component.addClass('existing-component');\r\n            }\r\n\r\n            self.initComponent(contentArea, container, component);\r\n        },\r\n\r\n        getDataAttributes: function (target, ignoreAttributes, isArray) {\r\n            flog('getDataAttributes', target, ignoreAttributes, isArray);\r\n\r\n            var dataAttributes = isArray ? [] : {};\r\n            if (!ignoreAttributes) {\r\n                ignoreAttributes = [];\r\n            }\r\n\r\n            $.each(target.get(0).attributes, function (i, attr) {\r\n                if (attr.name.indexOf('data-') === 0 && $.inArray(attr.name, ignoreAttributes) === -1) {\r\n                    if (isArray) {\r\n                        dataAttributes.push(attr.name + '=\"' + attr.value + '\"');\r\n                    } else {\r\n                        dataAttributes[attr.name] = attr.value;\r\n                    }\r\n                }\r\n            });\r\n\r\n            return dataAttributes;\r\n        },\r\n\r\n        getComponentType: function (component) {\r\n            flog('getComponentType', component);\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n\r\n            var dataType = component.attr('data-type');\r\n            var componentType = dataType ? dataType.replace('component-', '') : '';\r\n            if (componentType && (componentType in KEditor.components)) {\r\n                return componentType;\r\n            } else {\r\n                if (componentType) {\r\n                    flog('Component type \"' + componentType + '\" does not exist');\r\n                } else {\r\n                    flog('This component does not contain data-type attribute');\r\n                }\r\n\r\n                if (typeof options.defaultComponentType === 'string') {\r\n                    componentType = options.defaultComponentType;\r\n                } else if (typeof options.defaultComponentType === 'function') {\r\n                    componentType = options.defaultComponentType.call(component, component);\r\n                }\r\n\r\n                if (!componentType) {\r\n                    error('Component type is undefined!');\r\n                }\r\n\r\n                flog('Fallback to defaultComponentType: ' + componentType);\r\n                return componentType;\r\n            }\r\n        },\r\n\r\n        initComponent: function (contentArea, container, component) {\r\n            flog('initComponent', contentArea, container, component);\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n\r\n            if (!component.hasClass('keditor-initialized-component') || !component.hasClass('keditor-initializing-component')) {\r\n                component.addClass('keditor-initializing-component');\r\n\r\n                var componentId = self.generateId('component');\r\n                flog('Id for component is: ' + componentId);\r\n                component.attr('id', componentId);\r\n\r\n                var componentContent = component.children('.keditor-component-content');\r\n                var contentId = self.generateId('component-content');\r\n                flog('Id for component content is: ' + contentId);\r\n                componentContent.attr('id', contentId);\r\n\r\n                var componentType = self.getComponentType(component);\r\n                flog('Component type: ' + componentType);\r\n\r\n                var componentData = KEditor.components[componentType];\r\n                var isSettingEnabled = componentData.settingEnabled;\r\n                var settingBtn = '';\r\n                if (isSettingEnabled) {\r\n                    settingBtn = '<a href=\"#\" class=\"btn-component-setting\">' + options.btnSettingComponentText + '</a>';\r\n                }\r\n\r\n                flog('Render KEditor toolbar for component', component);\r\n                component.append(\r\n                    '<div class=\"keditor-toolbar keditor-toolbar-component\">' +\r\n                    '   <a href=\"#\" class=\"btn-component-reposition\">' + options.btnMoveComponentText + '</a>' + settingBtn +\r\n                    '   <a href=\"#\" class=\"btn-component-duplicate\">' + options.btnDuplicateComponentText + '</a>' +\r\n                    '   <a href=\"#\" class=\"btn-component-delete\">' + options.btnDeleteComponentText + '</a>' +\r\n                    '</div>'\r\n                );\r\n\r\n                var dynamicContentRequests = [];\r\n                component.find('[data-dynamic-href]').each(function () {\r\n                    var dynamicElement = $(this);\r\n\r\n                    dynamicContentRequests.push(self.initDynamicContent(dynamicElement));\r\n                });\r\n\r\n                $.when.apply(null, dynamicContentRequests).then(function () {\r\n                    if (typeof componentData.init === 'function') {\r\n                        componentData.init.call(componentData, contentArea, container, component, self);\r\n                    } else {\r\n                        body.removeClass('highlighted-container-content');\r\n                        flog('\"init\" function of component type \"' + componentType + '\" does not exist');\r\n                    }\r\n\r\n                    if (typeof options.onInitComponent === 'function') {\r\n                        options.onInitComponent.call(contentArea, component);\r\n                    }\r\n\r\n                    component.addClass('keditor-initialized-component');\r\n                    component.removeClass('keditor-initializing-component');\r\n                });\r\n            } else {\r\n                if (component.hasClass('keditor-initialized-component')) {\r\n                    flog('Component is already initialized!');\r\n                } else {\r\n                    flog('Component is initializing...');\r\n                }\r\n            }\r\n        },\r\n\r\n        getClickedElement: function (event, selector) {\r\n            var target = $(event.target);\r\n            var closest = target.closest(selector);\r\n\r\n            if (target.is(selector)) {\r\n                return target;\r\n            } else if (closest.length > 0) {\r\n                return closest;\r\n            } else {\r\n                return null;\r\n            }\r\n        },\r\n\r\n        initKEditorClicks: function () {\r\n            flog('initKEditorClicks');\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n\r\n            body.on('click', function (e) {\r\n                var sidebar = self.getClickedElement(e, '#keditor-sidebar');\r\n\r\n                var container = self.getClickedElement(e, '.keditor-container');\r\n                if (container) {\r\n                    flog('Click on .keditor-container', container);\r\n\r\n                    if (!container.hasClass('showed-keditor-toolbar')) {\r\n                        body.find('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                        body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                        container.addClass('showed-keditor-toolbar');\r\n\r\n                        var contentArea = container.parent();\r\n                        if (typeof options.onContainerSelected === 'function') {\r\n                            options.onContainerSelected.call(contentArea, e, container);\r\n                        }\r\n                    }\r\n                } else {\r\n                    if (!sidebar) {\r\n                        body.find('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                        body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                    }\r\n                }\r\n\r\n                var component = self.getClickedElement(e, '.keditor-component');\r\n                if (component) {\r\n                    flog('Click on .keditor-component', component);\r\n\r\n                    if (!component.hasClass('showed-keditor-toolbar')) {\r\n                        body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                        component.addClass('showed-keditor-toolbar');\r\n\r\n                        var contentArea = component.parent();\r\n                        if (typeof options.onComponentSelected === 'function') {\r\n                            options.onComponentSelected.call(contentArea, e, component);\r\n                        }\r\n                    }\r\n                } else {\r\n                    if (!sidebar) {\r\n                        body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                    }\r\n                }\r\n            });\r\n\r\n\r\n            body.on('click', '.btn-container-setting', function (e) {\r\n                e.preventDefault();\r\n\r\n                var btn = $(this);\r\n                flog('Click on .btn-container-setting', btn);\r\n\r\n                var container = btn.closest('.keditor-container');\r\n                if (body.hasClass('opened-keditor-setting') && body.hasClass('opened-keditor-sidebar')) {\r\n                    if (!container.is(self.getSettingContainer())) {\r\n                        self.showSettingPanel(container);\r\n                    } else {\r\n                        self.hideSettingPanel();\r\n                    }\r\n                } else {\r\n                    self.showSettingPanel(container);\r\n                }\r\n            });\r\n\r\n            body.on('click', '.btn-container-duplicate', function (e) {\r\n                e.preventDefault();\r\n\r\n                var btn = $(this);\r\n                flog('Click on .btn-container-duplicate', btn);\r\n\r\n                var container = btn.closest('.keditor-container');\r\n                var contentArea = container.parent();\r\n                var newContainer = $(self.getContainerContent(container));\r\n\r\n                container.after(newContainer);\r\n                self.convertToContainer(contentArea, newContainer);\r\n\r\n                var snippetsList = body.find('#' + options.snippetsListId);\r\n                var componentSnippets = snippetsList.find('.keditor-snippet[data-type^=component]');\r\n                var currentLinkedContainerContents = componentSnippets.draggable('option', 'connectToSortable');\r\n                componentSnippets.draggable('option', 'connectToSortable', currentLinkedContainerContents.add(newContainer.find('.keditor-container-content')));\r\n\r\n                flog('Container is duplicated');\r\n\r\n                if (typeof options.onContainerDuplicated === 'function') {\r\n                    options.onContainerDuplicated.call(contentArea, container, newContainer);\r\n                }\r\n\r\n                if (typeof options.onContentChanged === 'function') {\r\n                    options.onContentChanged.call(contentArea, e);\r\n                }\r\n            });\r\n\r\n            body.on('click', '.btn-container-delete', function (e) {\r\n                e.preventDefault();\r\n\r\n                var btn = $(this);\r\n                flog('Click on .btn-container-delete', btn);\r\n\r\n                if (confirm('Are you sure that you want to delete this container? This action can not be undo!')) {\r\n                    var container = btn.closest('.keditor-container');\r\n                    var components = container.find('.keditor-component');\r\n                    var contentArea = container.parent();\r\n\r\n                    if (typeof options.onBeforeContainerDeleted === 'function') {\r\n                        options.onBeforeContainerDeleted.call(contentArea, e, container);\r\n                    }\r\n\r\n                    var settingComponent = self.getSettingComponent();\r\n                    if (settingComponent) {\r\n                        var settingComponentParent = settingComponent.closest('.keditor-container');\r\n                        if (settingComponentParent.is(container)) {\r\n                            flog('Deleting container is container of setting container. Close setting panel for this setting component', settingComponent);\r\n                            self.hideSettingPanel();\r\n                        }\r\n                    } else if (self.getSettingContainer().is(container)) {\r\n                        flog('Deleting container is setting container. Close setting panel for this container', container);\r\n                        self.hideSettingPanel();\r\n                    }\r\n\r\n                    if (components.length > 0) {\r\n                        components.each(function () {\r\n                            self.deleteComponent($(this));\r\n                        });\r\n                    }\r\n\r\n                    container.remove();\r\n\r\n                    if (typeof options.onContainerDeleted === 'function') {\r\n                        options.onContainerDeleted.call(contentArea, e, container);\r\n                    }\r\n\r\n                    if (typeof options.onContentChanged === 'function') {\r\n                        options.onContentChanged.call(contentArea, e);\r\n                    }\r\n                }\r\n            });\r\n\r\n            body.on('click', '.btn-component-setting', function (e) {\r\n                e.preventDefault();\r\n\r\n                var btn = $(this);\r\n                flog('Click on .btn-component-setting', btn);\r\n\r\n                var component = btn.closest('.keditor-component');\r\n                if (body.hasClass('opened-keditor-setting') && body.hasClass('opened-keditor-sidebar')) {\r\n                    if (!component.is(self.getSettingComponent())) {\r\n                        self.showSettingPanel(component);\r\n                    } else {\r\n                        self.hideSettingPanel();\r\n                    }\r\n                } else {\r\n                    self.showSettingPanel(component);\r\n                }\r\n            });\r\n\r\n            body.on('click', '.btn-component-duplicate', function (e) {\r\n                e.preventDefault();\r\n\r\n                var btn = $(this);\r\n                flog('Click on .btn-component-duplicate', btn);\r\n\r\n                var component = btn.closest('.keditor-component');\r\n                var container = component.closest('.keditor-container');\r\n                var contentArea = container.parent();\r\n                var newComponent = $(self.getComponentContent(component));\r\n\r\n                component.after(newComponent);\r\n                self.convertToComponent(contentArea, container, newComponent);\r\n\r\n                flog('Component is duplicated');\r\n\r\n                if (typeof options.onComponentDuplicated === 'function') {\r\n                    options.onComponentDuplicated.call(contentArea, component, newComponent);\r\n                }\r\n\r\n                if (typeof options.onContainerChanged === 'function') {\r\n                    options.onContainerChanged.call(contentArea, e, container);\r\n                }\r\n\r\n                if (typeof options.onContentChanged === 'function') {\r\n                    options.onContentChanged.call(contentArea, e);\r\n                }\r\n            });\r\n\r\n            body.on('click', '.btn-component-delete', function (e) {\r\n                e.preventDefault();\r\n\r\n                var btn = $(this);\r\n                flog('Click on .btn-component-delete', btn);\r\n\r\n                if (confirm('Are you sure that you want to delete this component? This action can not be undo!')) {\r\n                    var component = btn.closest('.keditor-component');\r\n                    var contentArea = component.closest('.keditor-content-area');\r\n\r\n                    if (typeof options.onBeforeComponentDeleted === 'function') {\r\n                        options.onBeforeComponentDeleted.call(contentArea, e, component);\r\n                    }\r\n\r\n                    if (self.getSettingComponent().is(component)) {\r\n                        self.hideSettingPanel();\r\n                    }\r\n\r\n                    self.deleteComponent(component);\r\n\r\n                    if (typeof options.onComponentDeleted === 'function') {\r\n                        options.onComponentDeleted.call(contentArea, e, component);\r\n                    }\r\n\r\n                    if (typeof options.onContainerChanged === 'function') {\r\n                        options.onContainerChanged.call(contentArea, e, component);\r\n                    }\r\n\r\n                    if (typeof options.onContentChanged === 'function') {\r\n                        options.onContentChanged.call(contentArea, e);\r\n                    }\r\n                }\r\n            });\r\n        },\r\n\r\n        deleteComponent: function (component) {\r\n            flog('deleteComponent', component);\r\n\r\n            var self = this;\r\n\r\n            var componentType = self.getComponentType(component);\r\n            var componentData = KEditor.components[componentType];\r\n            if (typeof componentData.destroy === 'function') {\r\n                componentData.destroy.call(componentData, component, self);\r\n            } else {\r\n                flog('\"destroy\" function of component type \"' + componentType + '\" does not exist');\r\n            }\r\n\r\n            component.remove();\r\n        },\r\n\r\n        initDynamicContent: function (dynamicElement) {\r\n            flog('initDynamicContent', dynamicElement);\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var component = dynamicElement.closest('.keditor-component');\r\n            var contentArea = dynamicElement.closest('.keditor-content-area');\r\n\r\n            if (typeof options.onBeforeDynamicContentLoad === 'function') {\r\n                options.onBeforeDynamicContentLoad.call(contentArea, dynamicElement, component);\r\n            }\r\n\r\n            var dynamicHref = dynamicElement.attr('data-dynamic-href');\r\n            var data = self.getDataAttributes(component, ['data-type', 'data-dynamic-href'], false);\r\n            data = $.param(data);\r\n            flog('Dynamic href: ' + dynamicHref, 'Data: ' + data);\r\n\r\n            return $.ajax({\r\n                url: dynamicHref,\r\n                data: data,\r\n                type: 'GET',\r\n                dataType: 'HTML',\r\n                success: function (response, status, xhr) {\r\n                    flog('Dynamic content is loaded', dynamicElement, response, status, xhr);\r\n                    dynamicElement.html(response);\r\n\r\n                    if (typeof options.onDynamicContentLoaded === 'function') {\r\n                        options.onDynamicContentLoaded.call(contentArea, dynamicElement, response, status, xhr);\r\n                    }\r\n                },\r\n                error: function (response, status, xhr) {\r\n                    flog('Error when loading dynamic content', dynamicElement, response, status, xhr);\r\n\r\n                    if (typeof options.onDynamicContentError === 'function') {\r\n                        options.onDynamicContentError.call(contentArea, dynamicElement, response, status, xhr);\r\n                    }\r\n                }\r\n            });\r\n        },\r\n\r\n        getComponentContent: function (component) {\r\n            flog('getComponentContent', component);\r\n\r\n            var self = this;\r\n            var componentType = self.getComponentType(component);\r\n            var componentData = KEditor.components[componentType];\r\n            var dataAttributes = self.getDataAttributes(component, null, true);\r\n            var content;\r\n\r\n            if (typeof componentData.getContent === 'function') {\r\n                content = componentData.getContent.call(componentData, component, self);\r\n            } else {\r\n                flog('\"getContent\" function of component type \"' + componentType + '\" does not exist. Using default getContent method');\r\n                var componentContent = component.children('.keditor-component-content');\r\n                content = componentContent.html();\r\n            }\r\n\r\n            var tempDiv = $('<div />').html(content);\r\n            tempDiv.find('[data-dynamic-href]').each(function () {\r\n                $(this).html('');\r\n            });\r\n            content = tempDiv.html();\r\n\r\n            return '<section ' + dataAttributes.join(' ') + '>' + content + '</section>';\r\n        },\r\n\r\n        getContainerContent: function (container) {\r\n            flog('getContainerContent', container);\r\n\r\n            var self = this;\r\n            var options = self.options;\r\n            var containerInner = container.children('.keditor-container-inner').clone();\r\n\r\n            containerInner.find('[data-type=container-content]').each(function () {\r\n                var containerContent = $(this);\r\n                containerContent.removeClass('keditor-container-content ui-droppable ui-sortable').removeAttr('id');\r\n\r\n                containerContent.children('.keditor-component').each(function () {\r\n                    var component = $(this);\r\n\r\n                    component.replaceWith(self.getComponentContent(component));\r\n                });\r\n            });\r\n\r\n            return '<section>' + containerInner.html() + '</section>';\r\n        }\r\n\r\n    };\r\n\r\n    // Plugin methods\r\n    var methods = {\r\n        __init: function (options) {\r\n            return $(this).each(function () {\r\n                var target = $(this);\r\n\r\n                if (target.data('keditor')) {\r\n                    flog('KEditor is already initialized!');\r\n                } else {\r\n                    flog('Initialze KEditor', target, options);\r\n                    var keditor = new KEditor(target, options);\r\n                    target.data('keditor', keditor);\r\n                }\r\n            });\r\n        },\r\n\r\n        getContent: function (inArray) {\r\n            var target = $(this);\r\n            var keditor = target.data('keditor');\r\n            var options = keditor.options;\r\n            var result = [];\r\n            target = options.iframeMode ? keditor.body : target;\r\n\r\n            target.find('.keditor-content-area').each(function () {\r\n                var html = '';\r\n                $(this).children('.keditor-container').each(function () {\r\n                    var container = $(this);\r\n\r\n                    html += keditor.getContainerContent(container, options);\r\n                });\r\n\r\n                result.push(html);\r\n            });\r\n\r\n            return inArray ? result : result.join('\\n');\r\n        },\r\n\r\n        getOptions: function () {\r\n            var keditor = $(this).data('keditor');\r\n\r\n            return keditor.options;\r\n        }\r\n    };\r\n\r\n    // Export KEditor\r\n    $.keditor = KEditor;\r\n\r\n    // KEditor plugins\r\n    $.fn.keditor = function (method) {\r\n        if (methods[method] && method !== 'init') {\r\n            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n        } else if (typeof method === 'object' || !method) {\r\n            return methods.__init.apply(this, arguments);\r\n        } else {\r\n            error('Method ' + method + ' does not exist on $.fn.keditor');\r\n        }\r\n    };\r\n\r\n})(jQuery);\r\n"],"sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/dist/js/keditor-1.1.3.js b/dist/js/keditor-1.1.4.js
similarity index 90%
rename from dist/js/keditor-1.1.3.js
rename to dist/js/keditor-1.1.4.js
index b3d0a302..fa3b7eec 100644
--- a/dist/js/keditor-1.1.3.js
+++ b/dist/js/keditor-1.1.4.js
@@ -2,10 +2,11 @@
  * KEditor - Kademi content editor
  * @copyright: Kademi (http://kademi.co)
  * @author: Kademi (http://kademi.co)
- * @version: 1.1.3
+ * @version: 1.1.4
  * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)
  *
  * Configuration:
+ * @option {Boolean} niceScrollEnabled Enable niceScroll or not
  * @option {String} btnMoveContainerText Text content for move button of container
  * @option {String} btnMoveComponentText Text content for move button of component
  * @option {String} btnSettingContainerText Text content for setting button of container
@@ -32,7 +33,7 @@
  * @option {String} snippetsListId Id of element which contains snippets. As default, value is "keditor-snippets-list" and KEditor will render snippets sidebar automatically. If you specific other id, only snippets will rendered and put into your element
  * @option {Boolean} snippetsTooltipEnabled Bootstrap tooltip is enable for snippet or not
  * @option {String} snippetsTooltipPosition Position of Bootstrap tooltip for snippet. Can be 'left', 'right', 'top' and 'bottom'
- * @option {Boolean} snippetsFilterEnabled Enable filtering snippets by categories or not
+ * @option {Boolean} snippetsFilterEnabled Enable filtering snippets by categories and text searching or not
  * @option {String} snippetsCategoriesSeparator The separator character between each categories
  * @option {Boolean} iframeMode KEditor is created inside an iframe or not. Keditor will add all elements which have 'data-type=keditor-style' for iframe stylesheet. These elements can be 'link', 'style' or any tags. If these elements have 'href' attribute, will create link tag with href. If these elements do not have 'href' attribute, will create style tag with css rule is html code inside element
  * @option {String} contentAreasSelector Selector of content areas. If is null or selector does not match any elements, will create default content area and wrap all content inside it.
@@ -83,12 +84,12 @@
             }
         }
     };
-
+    
     // Throw error message
     var error = function (msg) {
         throw new Error('[KEditor] ' + msg);
     };
-
+    
     // Check dependencies
     if (!$.fn.draggable) {
         error('$.fn.draggable does not exist. Please import $.fn.draggable into your document for continue using KEditor.');
@@ -99,21 +100,22 @@
     if (!$.fn.sortable) {
         error('$.fn.sortable does not exist. Please import $.fn.sortable into your document for continue using KEditor.');
     }
-
+    
     // KEditor class
     var KEditor = function (target, options) {
         this.options = $.extend({}, KEditor.DEFAULTS, options);
         this.init(target);
     };
-
+    
     // Turn on/off debug mode
     KEditor.debug = true;
-
+    
     // Version of KEditor
-    KEditor.version = '1.1.3';
-
+    KEditor.version = '1.1.4';
+    
     // Default configuration of KEditor
     KEditor.DEFAULTS = {
+        niceScrollEnabled: true,
         btnMoveContainerText: '<i class="fa fa-sort"></i>',
         btnMoveComponentText: '<i class="fa fa-arrows"></i>',
         btnSettingContainerText: '<i class="fa fa-cog"></i>',
@@ -189,50 +191,49 @@
         onDynamicContentError: function (dynamicElement, response, status, xhr) {
         }
     };
-
+    
     // Component types
     KEditor.components = {
         blank: {
             settingEnabled: false
         }
     };
-
+    
     // Export log methods;
     KEditor.log = flog;
     KEditor.error = error;
-
+    
     KEditor.prototype = {
         init: function (target) {
             var self = this;
             var options = self.options;
-
+            
             if (options.iframeMode) {
                 target = self.initFrame(target);
             } else {
                 self.body = $(document.body);
-
+                
                 if (target.is('textarea')) {
                     flog('Target is textarea', target);
-
+                    
                     var htmlContent = target.val();
                     var keditorWrapper = $('<div />');
                     var keditorWrapperId = self.generateId('wrapper');
-
+                    
                     target.after(keditorWrapper);
                     keditorWrapper.attr({
                         id: keditorWrapperId,
                         class: 'keditor-wrapper'
                     });
-                    flog('Id for keditor wrapper is: "' + keditorWrapperId + '"');
-
+                    
                     keditorWrapper.html(htmlContent);
                     target.css('display', 'none');
                     target.attr('data-keditor-wrapper', '#' + keditorWrapperId);
-
+                    
                     target = keditorWrapper;
                 }
             }
-
+            
             var body = self.body;
             var ajaxRequest;
             if (body.hasClass('initialized-snippets-list')) {
@@ -247,23 +248,23 @@
                 self.initKEditorClicks();
                 body.addClass('initialized-click-event-handlers');
             }
-
+            
             self.initContentAreas(target);
-
+            
             if (!ajaxRequest && typeof options.onReady === 'function') {
                 options.onReady.call(self);
             }
         },
-
+        
         generateId: function (type) {
             var timestamp = (new Date()).getTime();
             return 'keditor-' + type + '-' + timestamp;
         },
-
+        
         initNiceScroll: function (target) {
             flog('initNiceScroll', target);
-
-            if ($.fn.niceScroll) {
+            
+            if ($.fn.niceScroll && this.options.niceScrollEnabled) {
                 flog('Initialize $.fn.niceScroll');
                 target.niceScroll({
                     cursorcolor: '#999',
@@ -281,36 +282,35 @@
                 flog('$.fn.niceScroll does not exist. Use default sidebar.');
             }
         },
-
+        
         initFrame: function (target) {
             flog('initFrame', target);
-
+            
             var self = this;
             var options = self.options;
             var originalContent = target.html();
             var iframe = $('<iframe />');
             var iframeId = self.generateId('frame');
-
+            
             target.after(iframe);
             iframe.attr({
                 'id': iframeId,
                 'class': 'keditor-frame'
             });
-            flog('Id for keditor frame is: "' + iframeId + '"');
-
+            
             target.css('display', 'none');
             target.attr('data-keditor-frame', '#' + iframeId);
-
+            
             var iframeDoc = iframe.contents();
             var iframeHead = iframeDoc.find('head');
             var iframeBody = iframeDoc.find('body');
-
+            
             flog('Adding styles to iframe...');
             var styles = '';
             $('[data-type="keditor-style"]').each(function () {
                 var style = $(this);
                 var href = style.attr('href') || style.attr('data-href') || '';
-
+                
                 if (href) {
                     styles += '<link rel="stylesheet" type="text/css" href="' + href + '" />\n';
                 } else {
@@ -318,10 +318,10 @@
                 }
             });
             flog('Styles: \n' + styles);
-
+            
             iframeHead.append(styles);
             flog('All styles are added');
-
+            
             flog('Adding original content to iframe...');
             var contentAreasWrapper;
             if (options.contentAreasWrapper) {
@@ -331,30 +331,30 @@
             } else {
                 iframeBody.html(originalContent);
             }
-
+            
             // In frame, have to use default snippets container
             options.snippetsListId = KEditor.DEFAULTS.snippetsListId;
-
+            
             self.body = iframeBody;
-
+            
             if (typeof options.onInitFrame === 'function') {
                 options.onInitFrame.call(iframe, iframe, iframeHead, iframeBody);
             }
-
+            
             return contentAreasWrapper || iframeBody;
         },
-
+        
         initSidebar: function () {
             flog('initSidebar');
-
+            
             var self = this;
             var options = self.options;
             var body = self.body;
             body.addClass('opened-keditor-sidebar');
-
+            
             if (options.snippetsListId === KEditor.DEFAULTS.snippetsListId) {
                 flog('Render default KEditor snippet container');
-
+                
                 body.append(
                     '<div id="keditor-sidebar">' +
                     '   <a id="keditor-sidebar-toggler"><i class="fa fa-chevron-right"></i></a>' +
@@ -371,17 +371,17 @@
                 flog('Render KEditor snippets content after custom snippets list with id="' + options.snippetsListId + '"');
                 body.find('#' + options.snippetsListId).after('<div id="keditor-snippets-content" style="display: none"></div>');
             }
-
+            
             if (typeof options.snippetsUrl === 'string' && options.snippetsUrl.length > 0) {
                 flog('Getting snippets form "' + options.snippetsUrl + '"...');
-
+                
                 return $.ajax({
                     type: 'get',
                     dataType: 'html',
                     url: options.snippetsUrl,
                     success: function (resp) {
                         flog('Success in getting snippets', resp);
-
+                        
                         self.renderSnippets(resp);
                         self.initSnippets();
                         self.initTabs();
@@ -392,12 +392,12 @@
                             self.initSnippetsFilter('Container');
                             self.initSnippetsFilter('Component');
                         }
-
+                        
                         if (options.snippetsTooltipEnabled || options.tabTooltipEnabled) {
                             flog('Initialize Bootstrap tooltip plugin');
                             body.find('#' + options.snippetsListId).find('[data-toggle="tooltip"]').tooltip();
                         }
-
+                        
                         if (typeof options.onReady === 'function') {
                             options.onReady.call(self);
                         }
@@ -410,71 +410,104 @@
                 error('"snippetsUrl" must be not null!');
             }
         },
-
+        
         initSnippetsFilter: function (type) {
-            flog('initSnippetsFilter');
-
+            flog('initSnippetsFilter', type);
+            
             var self = this;
             var options = self.options;
             var body = self.body;
             var lowerCaseType = type.toLowerCase();
             var categories = self['snippets' + type + 'Categories'];
-
+            
             var filterHtml = '';
             filterHtml += '<div id="keditor-' + lowerCaseType + '-snippets-filter-wrapper" class="keditor-snippets-filter-wrapper">';
+            filterHtml += '     <input type="text" id="keditor-' + lowerCaseType + '-snippets-search" class="keditor-snippets-search" value="" placeholder="Type to search..." />';
             filterHtml += '     <select id="keditor-' + lowerCaseType + '-snippets-filter" class="keditor-snippets-filter">';
             filterHtml += '         <option value="" selected="selected">All</option>';
-
+            
             for (var i = 0; i < categories.length; i++) {
                 filterHtml += '     <option value="' + categories[i] + '">' + categories[i] + '</option>';
             }
-
+            
             filterHtml += '     </select>';
             filterHtml += '</div>';
-
+            
             var tab = body.find('#keditor-' + lowerCaseType + '-snippets-tab');
             var snippets = tab.find('.keditor-snippet');
             tab.prepend(filterHtml);
-
+            
             snippets.each(function () {
                 var snippet = $(this);
                 var categories = snippet.attr('data-categories') || '';
+                var filterCategories = categories.toLowerCase();
                 categories = categories.split(options.snippetsCategoriesSeparator);
-
+                filterCategories = filterCategories.split(options.snippetsCategoriesSeparator);
+                
                 snippet.data('categories', categories);
+                snippet.data('categoriesFilter', filterCategories);
             });
-
-            tab.find('.keditor-snippets-filter').on('change', function () {
-                var selectedCategory = this.value;
-
-                if (selectedCategory) {
-                    snippets.filter(function () {
+            
+            var txtSearch = tab.find('.keditor-snippets-search');
+            var cbbFilter = tab.find('.keditor-snippets-filter');
+            
+            var doFilter = function () {
+                var selectedCategory = (cbbFilter.val() || '').toLowerCase();
+                var searchText = (txtSearch.val() || '').toLowerCase();
+                
+                flog('Do filter with selected category is "' + selectedCategory + '" and search text is "' + searchText + '"');
+                
+                if (selectedCategory || searchText) {
+                    flog('Filtering snippets');
+                    
+                    snippets.each(function () {
                         var snippet = $(this);
-                        var matched = false;
-                        var dataCategories = snippet.data('categories');
-
-                        if ($.inArray(selectedCategory, dataCategories) !== -1) {
-                            matched = true;
+                        var dataCategories = snippet.data('categoriesFilter');
+                        var dataCategoriesString = dataCategories.join(';');
+                        var error = 0;
+                        
+                        if (selectedCategory) {
+                            if ($.inArray(selectedCategory, dataCategories) === -1) {
+                                error++;
+                            }
                         }
-
-                        snippet[matched ? 'removeClass': 'addClass']('not-matched');
-
-                        return matched;
+                        
+                        if (searchText) {
+                            var title = snippet.attr('title').toLowerCase();
+                            if (title.indexOf(searchText) === -1 && dataCategoriesString.indexOf(searchText) === -1) {
+                                error++;
+                            }
+                        }
+                        
+                        snippet[error === 0 ? 'removeClass' : 'addClass']('not-matched');
                     });
                 } else {
+                    flog('Show all snippets');
                     snippets.removeClass('not-matched');
                 }
+            };
+            
+            cbbFilter.on('change', function () {
+                doFilter();
+            });
+            
+            var timer;
+            txtSearch.on('keydown', function () {
+                clearTimeout(timer);
+                timer = setTimeout(function () {
+                    doFilter();
+                }, 200);
             });
         },
-
+        
         toggleSidebar: function (showSidebar) {
             flog('toggleSidebar', showSidebar);
-
+            
             var self = this;
             var options = self.options;
             var body = self.body;
             var icon = body.find('#keditor-sidebar-toggler i');
-
+            
             if (showSidebar) {
                 body.addClass('opened-keditor-sidebar');
                 icon.attr('class', 'fa fa-chevron-right')
@@ -482,56 +515,56 @@
                 body.removeClass('opened-keditor-sidebar');
                 icon.attr('class', 'fa fa-chevron-left')
             }
-
+            
             if (typeof options.onSidebarToggled === 'function') {
                 options.onSidebarToggled.call(null, showSidebar);
             }
         },
-
+        
         initSidebarToggler: function () {
             flog('initSidebarToggler');
-
+            
             var self = this;
             var body = self.body;
-
+            
             body.find('#keditor-sidebar-toggler').on('click', function (e) {
                 e.preventDefault();
-
+                
                 self.toggleSidebar(!body.hasClass('opened-keditor-sidebar'));
             });
         },
-
+        
         renderSnippets: function (resp) {
             flog('renderSnippets', resp);
-
+            
             var self = this;
             var options = self.options;
             var body = self.body;
-
+            
             var snippetsContainerHtml = '';
             var snippetsComponentHtml = '';
             var snippetsContentHtml = '';
-
+            
             self.snippetsContainerCategories = [];
             self.snippetsComponentCategories = [];
-
+            
             $('<div />').html(resp).find('> div').each(function (i) {
                 var snippet = $(this);
                 var content = snippet.html().trim();
                 var previewUrl = snippet.attr('data-preview');
                 var type = snippet.attr('data-type');
-                var title = snippet.attr('data-title');
+                var title = snippet.attr('data-keditor-title');
                 var snippetHtml = '';
                 var categories = snippet.attr('data-categories') || '';
-
+                
                 flog('Snippet #' + i + ' type=' + type + ' categories=' + categories, previewUrl, content);
-
+                
                 snippetHtml += '<section class="keditor-snippet" data-snippet="#keditor-snippet-' + i + '" data-type="' + type + '" ' + (options.snippetsTooltipEnabled ? 'data-toggle="tooltip" data-placement="' + options.snippetsTooltipPosition + '"' : '') + ' title="' + title + '" data-categories="' + categories + '">';
                 snippetHtml += '   <img class="keditor-snippet-preview" src="' + previewUrl + '" />';
                 snippetHtml += '</section>';
-
+                
                 categories = categories.split(options.snippetsCategoriesSeparator);
-
+                
                 if (type === 'container') {
                     snippetsContainerHtml += snippetHtml;
                     self.snippetsContainerCategories = self.snippetsContainerCategories.concat(categories);
@@ -539,14 +572,14 @@
                     snippetsComponentHtml += snippetHtml;
                     self.snippetsComponentCategories = self.snippetsComponentCategories.concat(categories);
                 }
-
-                var dataAttributes = self.getDataAttributes(snippet, ['data-preview', 'data-type', 'data-title'], true);
+                
+                var dataAttributes = self.getDataAttributes(snippet, ['data-preview', 'data-type', 'data-keditor-title', 'data-categories'], true);
                 snippetsContentHtml += '<script id="keditor-snippet-' + i + '" type="text/html" ' + dataAttributes.join(' ') + '>' + content + '</script>';
             });
-
+            
             self.snippetsContainerCategories = self.beautifyCategories(self.snippetsContainerCategories);
             self.snippetsComponentCategories = self.beautifyCategories(self.snippetsComponentCategories);
-
+            
             body.find('#' + options.snippetsListId).html(
                 '<ul id="keditor-snippets-type-switcher" class="nav nav-tabs nav-justified">' +
                 '    <li class="active"><a href="#keditor-container-snippets-tab"' + (options.tabTooltipEnabled ? 'data-toggle="tooltip" data-placement="bottom"' : '') + ' title="' + options.tabContainersTitle + '">' + options.tabContainersText + '</a></li>' +
@@ -559,30 +592,30 @@
             ).addClass('loaded-snippets');
             body.find('#keditor-snippets-content').html(snippetsContentHtml);
         },
-
+        
         beautifyCategories: function (categories) {
             flog('beautifyCategories', categories);
-
+            
             var newArray = [];
             for (var i = 0; i < categories.length; i++) {
                 var category = categories[i] || '';
-
+                
                 if (category !== '' && $.inArray(category, newArray) === -1) {
                     newArray.push(category);
                 }
             }
-
+            
             return newArray.sort();
         },
-
+        
         initSnippets: function () {
             flog('initSnippets');
-
+            
             var self = this;
             var options = self.options;
             var body = self.body;
             var snippetsList = body.find('#' + options.snippetsListId);
-
+            
             flog('Initialize $.fn.draggable for container snippets list');
             snippetsList.find('.keditor-snippet[data-type=container]').draggable({
                 helper: 'clone',
@@ -597,7 +630,7 @@
                     snippetsList.find('.keditor-snippet[data-type^=component]').draggable('option', 'connectToSortable', body.find('.keditor-container-content'));
                 }
             });
-
+            
             snippetsList.find('.keditor-snippet[data-type^=component]').draggable({
                 helper: 'clone',
                 revert: 'invalid',
@@ -613,10 +646,10 @@
                 }
             });
         },
-
+        
         initTabs: function () {
             flog('initTabs');
-
+            
             var self = this;
             var body = self.body;
             var options = self.options;
@@ -628,44 +661,44 @@
                 
                 for (var tabName in options.extraTabs) {
                     var tabData = options.extraTabs[tabName];
-
+                    
                     switcherWrapper.append('<li><a href="#keditor-extra-tab-' + tabName + '"' + (options.tabTooltipEnabled ? 'data-toggle="tooltip" data-placement="bottom" title="' + tabData.title + '"' : '') + '>' + tabData.text + '</a></li>');
                     tabPaneWrapper.append('<div class="tab-pane keditor-snippets" id="keditor-extra-tab-' + tabName + '"><div class="keditor-snippets-inner">' + tabData.content + '</div></div>');
                 }
             }
-
+            
             self.initNiceScroll(tabPaneWrapper.find('.keditor-snippets-inner'));
         },
-
+        
         initTabsSwitcher: function () {
             flog('initTabsSwitcher');
-
+            
             var self = this;
             var body = self.body;
             var switcherLis = body.find('#keditor-snippets-type-switcher li');
             var tabPane = body.find('#keditor-snippets-container .tab-pane');
-
+            
             switcherLis.find('a').on('click', function (e) {
                 e.preventDefault();
-
+                
                 var a = $(this);
                 var li = a.parent();
                 var href = a.attr('href');
-
+                
                 if (!li.hasClass('active')) {
                     var activatedLi = switcherLis.filter('.active');
                     var activatedPane = tabPane.filter('.active');
                     var targetDiv = body.find(href);
-
+                    
                     activatedLi.removeClass('active');
                     activatedPane.removeClass('active');
-
+                    
                     li.addClass('active');
                     targetDiv.addClass('active');
-
-                    if ($.fn.niceScroll) {
+                    
+                    if ($.fn.niceScroll && self.options.niceScrollEnabled) {
                         activatedPane.getNiceScroll().hide();
-
+                        
                         var targetNiceScroll = targetDiv.getNiceScroll();
                         targetNiceScroll.show();
                         targetNiceScroll.resize();
@@ -673,29 +706,29 @@
                 }
             });
         },
-
+        
         initSettingPanel: function () {
             flog('initSettingPanel');
-
+            
             var self = this;
             var options = self.options;
             var body = self.body;
-
+            
             body.find('#keditor-setting-closer').on('click', function (e) {
                 e.preventDefault();
-
+                
                 self.hideSettingPanel();
             });
-
+            
             var settingForms = body.find('#keditor-setting-forms');
             self.initNiceScroll(settingForms);
-
+            
             if (options.containerSettingEnabled === true) {
                 if (typeof options.containerSettingInitFunction === 'function') {
-
+                    
                     var form = $('<div id="keditor-container-setting" class="keditor-setting-form clearfix"></div>');
                     settingForms.append(form);
-
+                    
                     flog('Initialize container setting panel');
                     options.containerSettingInitFunction.call(self, form, self);
                 } else {
@@ -703,13 +736,13 @@
                 }
             }
         },
-
+        
         setSettingContainer: function (container) {
             flog('setSettingContainer', container);
-
+            
             var self = this;
             var body = self.body;
-
+            
             if (container) {
                 var idSettingContainer = container.attr('id');
                 body.attr('data-setting-container', idSettingContainer);
@@ -717,23 +750,23 @@
                 body.removeAttr('data-setting-container');
             }
         },
-
+        
         getSettingContainer: function () {
             flog('getSettingContainer');
-
+            
             var self = this;
             var body = self.body;
             var idSettingContainer = body.attr('data-setting-container');
-
+            
             return body.find('#' + idSettingContainer);
         },
-
+        
         setSettingComponent: function (component) {
             flog('setSettingComponent', component);
-
+            
             var self = this;
             var body = self.body;
-
+            
             if (component) {
                 var idSettingComponent = component.attr('id');
                 body.attr('data-setting-component', idSettingComponent);
@@ -741,39 +774,39 @@
                 body.removeAttr('data-setting-component');
             }
         },
-
+        
         getSettingComponent: function () {
             flog('getSettingComponent');
-
+            
             var self = this;
             var body = self.body;
             var idSettingComponent = body.attr('data-setting-component');
-
+            
             return body.find('#' + idSettingComponent);
         },
-
+        
         showSettingPanel: function (target) {
             flog('showSettingPanel', target);
-
+            
             var self = this;
             var options = self.options;
             var body = self.body;
             var isComponent = target.is('.keditor-component');
-
+            
             var activeForm = body.find('#keditor-setting-forms').children('.active');
             activeForm.removeClass('active');
-
+            
             if (isComponent) {
                 self.setSettingComponent(target);
                 self.setSettingContainer(null);
-
+                
                 var componentType = self.getComponentType(target);
                 var componentData = KEditor.components[componentType];
                 body.find('#keditor-setting-title').html(componentData.settingTitle);
-
+                
                 var settingForms = body.find('#keditor-setting-forms');
                 var settingForm = body.find('#keditor-setting-' + componentType);
-
+                
                 if (settingForm.length === 0) {
                     var componentData = KEditor.components[componentType];
                     if (typeof componentData.initSettingForm === 'function') {
@@ -781,16 +814,16 @@
                         var loadingText = $('<span />').html('Loading...');
                         settingForms.append(settingForm);
                         settingForm.append(loadingText);
-
+                        
                         flog('Initializing setting form for component type "' + componentType + '"');
-
+                        
                         var initFunction = componentData.initSettingForm.call(componentData, settingForm, self);
                         $.when(initFunction).done(function () {
                             flog('Initialized setting form for component type "' + componentType + '"');
-
+                            
                             setTimeout(function () {
                                 loadingText.remove();
-
+                                
                                 if (typeof componentData.showSettingForm === 'function') {
                                     flog('Show setting form of component type "' + componentType + '"');
                                     componentData.showSettingForm.call(componentData, settingForm, target, self);
@@ -814,9 +847,9 @@
             } else {
                 self.setSettingContainer(target);
                 self.setSettingComponent(null);
-
+                
                 body.find('#keditor-setting-title').html("Container Settings");
-
+                
                 var settingForm = body.find('#keditor-container-setting');
                 if (typeof options.containerSettingShowFunction === 'function') {
                     flog('Show setting form of container');
@@ -826,20 +859,20 @@
                 }
                 settingForm.addClass('active');
             }
-
+            
             self.toggleSidebar(true);
             body.addClass('opened-keditor-setting');
         },
-
+        
         hideSettingPanel: function () {
             flog('hideSettingPanel');
-
+            
             var self = this;
             var options = self.options;
             var body = self.body;
-
+            
             body.removeClass('opened-keditor-setting');
-
+            
             var activeForm = body.find('#keditor-setting-forms').children('.active');
             if (activeForm.length > 0) {
                 if (activeForm.is('#keditor-container-setting')) {
@@ -852,7 +885,7 @@
                 } else {
                     var activeType = activeForm.attr('data-type');
                     var componentData = KEditor.components[activeType];
-
+                    
                     if (typeof componentData.hideSettingForm === 'function') {
                         flog('Hide setting form of component type "' + activeType + '"');
                         componentData.hideSettingForm.call(componentData, activeForm, self);
@@ -860,75 +893,70 @@
                         flog('"hideSettingForm" function of component type "' + activeType + '" does not exist');
                     }
                 }
-
+                
                 activeForm.removeClass('active');
             }
-
+            
             body.removeClass('opened-keditor-setting');
             self.setSettingComponent(null);
             self.setSettingContainer(null);
         },
-
+        
         getContentAreas: function (target) {
             flog('getContentAreas', target);
-
+            
             var self = this;
             var options = self.options;
             var contentAreas;
             if (options.contentAreasSelector) {
                 contentAreas = target.find(options.contentAreasSelector);
             }
-
+            
             if (!contentAreas || contentAreas.length === 0) {
                 flog('Do not find any content area. Creating default content area...');
                 contentAreas = $('<div />');
-
+                
                 var originalContent = target.html();
                 contentAreas.html(originalContent);
                 target.empty().append(contentAreas);
             }
-
+            
             return contentAreas;
         },
-
+        
         initContentAreas: function (target) {
             flog('initContentAreas', target);
-
+            
             var self = this;
             var contentAreas = self.getContentAreas(target);
-
+            
             contentAreas.each(function () {
                 var contentArea = $(this);
-                var id = contentArea.attr('id') || '';
-                if (id.length === 0) {
-                    flog('Content area does not contain Id. Generating id for content area...');
-
-                    id = self.generateId('content-area');
-                    contentArea.attr('id', id);
-                    flog('Id for content are is: "' + id + '"');
+                if (!contentArea.attr('id')) {
+                    contentArea.attr('id', self.generateId('content-area'));
                 }
-
+                
                 self.initContentArea(contentArea);
                 contentArea.data('keditor', self);
             });
         },
-
+        
         initContentArea: function (contentArea) {
             flog('initContentArea', contentArea);
-
+            
             var self = this;
             var options = self.options;
             var body = self.body;
-
+            
             contentArea.addClass('keditor-content-area');
-
+            
             flog('Initialize $.fn.droppable for content area');
             contentArea.droppable({
                 accept: '.keditor-snippet[data-type=container]',
                 tolerance: 'pointer',
                 greedy: true
             });
-
+            
             flog('Initialize $.fn.sortable for content area');
             contentArea.sortable({
                 handle: '.btn-container-reposition',
@@ -941,46 +969,46 @@
                 },
                 receive: function (event, ui) {
                     flog('On received snippet', event, ui);
-
+                    
                     var helper = ui.helper;
                     var item = ui.item;
-
+                    
                     if (item.is('.keditor-snippet')) {
                         var snippetContent = body.find(item.attr('data-snippet')).html();
                         flog('Snippet content', snippetContent);
-
+                        
                         var container = $(
                             '<section class="keditor-container">' +
                             '   <section class="keditor-container-inner">' + snippetContent + '</section>' +
                             '</section>'
                         );
                         helper.replaceWith(container);
-
+                        
                         if (!container.hasClass('showed-keditor-toolbar')) {
                             $('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');
                             container.addClass('showed-keditor-toolbar');
                         }
-
+                        
                         if (typeof options.onContainerSnippetDropped === 'function') {
                             options.onContainerSnippetDropped.call(contentArea, event, container, ui.item);
                         }
-
+                        
                         self.initContainer(contentArea, container);
                     }
-
+                    
                     self.hideSettingPanel();
-
+                    
                     if (typeof options.onContentChanged === 'function') {
                         options.onContentChanged.call(contentArea, event);
                     }
                 }
             });
-
+            
             flog('Initialize existing containers in content area');
             contentArea.children('section').each(function () {
                 self.convertToContainer(contentArea, $(this));
             });
-
+            
             if (typeof options.onInitContentArea === 'function') {
                 var contentData = options.onInitContentArea.call(contentArea, contentArea);
                 if (contentData && contentData.length > 0) {
@@ -990,14 +1018,14 @@
                 }
             }
         },
-
+        
         convertToContainer: function (contentArea, target) {
             flog('convertToContainer', contentArea, target);
-
+            
             var self = this;
             var isSection = target.is('section');
             var container;
-
+            
             if (isSection) {
                 target.addClass('keditor-container');
                 target.wrapInner('<section class="keditor-container-inner"></section>');
@@ -1006,24 +1034,24 @@
                 target.wrap('<section class="keditor-container"><section class="keditor-container-inner"></section></section>');
                 container = target.parent().parent();
             }
-
+            
             self.initContainer(contentArea, container);
         },
-
+        
         initContainer: function (contentArea, container) {
             flog('initContainer', contentArea, container);
-
+            
             var self = this;
             var options = self.options;
-
+            
             if (!container.hasClass('keditor-initialized-container') || !container.hasClass('keditor-initializing-container')) {
                 container.addClass('keditor-initializing-container');
-
+                
                 var settingBtn = '';
                 if (options.containerSettingEnabled === true) {
                     settingBtn = '<a href="#" class="btn-container-setting">' + options.btnSettingContainerText + '</a>';
                 }
-
+                
                 flog('Render KEditor toolbar for container', container);
                 container.append(
                     '<div class="keditor-toolbar keditor-toolbar-container">' +
@@ -1032,23 +1060,21 @@
                     '   <a href="#" class="btn-container-delete">' + options.btnDeleteContainerText + '</a>' +
                     '</div>'
                 );
-
-                var containerId = self.generateId('container');
-                flog('Id for container is: ' + containerId);
-                container.attr('id', containerId);
-
+                
+                container.attr('id', self.generateId('container'));
+                
                 var containerContents = container.find('[data-type="container-content"]');
                 flog('Initialize ' + containerContents.length + ' container content(s)');
                 containerContents.each(function () {
                     var containerContent = $(this);
-
+                    
                     self.initContainerContent(contentArea, container, containerContent);
                 });
-
+                
                 if (typeof options.onInitContainer === 'function') {
                     options.onInitContainer.call(contentArea, container);
                 }
-
+                
                 container.addClass('keditor-initialized-container');
                 container.removeClass('keditor-initializing-container');
             } else {
@@ -1059,26 +1085,23 @@
                 }
             }
         },
-
+        
         initContainerContent: function (contentArea, container, containerContent) {
             flog('initContainerContent', contentArea, container, containerContent);
-
+            
             var self = this;
             var options = self.options;
             var body = self.body;
-            var contentId = self.generateId('container-content');
             containerContent.addClass('keditor-container-content');
-
-            flog('Id for container content id: ' + contentId, containerContent);
-            containerContent.attr('id', contentId);
-
+            containerContent.attr('id', self.generateId('container-content'));
+            
             flog('Initialize $.fn.droppable for container content');
             containerContent.droppable({
                 accept: '.keditor-snippet[data-type=component]',
                 tolerance: 'pointer',
                 greedy: true
             });
-
+            
             flog('Initialize $.fn.sortable for container content');
             containerContent.sortable({
                 handle: '.btn-component-reposition',
@@ -1090,17 +1113,17 @@
                 },
                 receive: function (event, ui) {
                     flog('On received snippet', event, ui);
-
+                    
                     var helper = ui.helper;
                     var item = ui.item;
                     var container;
-
+                    
                     if (item.is('.keditor-snippet')) {
                         var snippetContentElement = body.find(item.attr('data-snippet'));
                         var snippetContent = snippetContentElement.html();
                         var componentType = item.attr('data-type');
                         flog('Snippet content', snippetContent);
-
+                        
                         var dataAttributes = self.getDataAttributes(snippetContentElement, null, true);
                         var component = $(
                             '<section class="keditor-component" data-type="' + componentType + '" ' + dataAttributes.join(' ') + '>' +
@@ -1108,48 +1131,48 @@
                             '</section>'
                         );
                         helper.replaceWith(component);
-
+                        
                         container = component.closest('.keditor-container');
-
+                        
                         if (typeof options.onComponentSnippetDropped === 'function') {
                             options.onComponentSnippetDropped.call(contentArea, event, component, ui.item);
                         }
-
+                        
                         self.initComponent(contentArea, container, component);
                     } else {
                         container = item.closest('.keditor-container');
                     }
-
+                    
                     if (!container.hasClass('showed-keditor-toolbar')) {
                         $('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');
                         container.addClass('showed-keditor-toolbar');
                     }
-
+                    
                     if (typeof options.onContainerChanged === 'function') {
                         options.onContainerChanged.call(contentArea, event, container);
                     }
-
+                    
                     if (typeof options.onContentChanged === 'function') {
                         options.onContentChanged.call(contentArea, event);
                     }
                 }
             });
-
+            
             flog('Initialize existing components inside container content');
             containerContent.children().each(function () {
                 var content = $(this);
-
+                
                 self.convertToComponent(contentArea, container, content, true);
             });
         },
-
+        
         convertToComponent: function (contentArea, container, target, isExisting) {
             flog('convertToComponent', contentArea, container, target, isExisting);
-
+            
             var self = this;
             var isSection = target.is('section');
             var component;
-
+            
             if (isSection) {
                 target.addClass('keditor-component');
                 target.wrapInner('<section class="keditor-component-content"></section>');
@@ -1158,22 +1181,22 @@
                 target.wrap('<section class="keditor-component"><section class="keditor-component-content"></section></section>');
                 component = target.parent().parent();
             }
-
+            
             if (isExisting) {
                 component.addClass('existing-component');
             }
-
+            
             self.initComponent(contentArea, container, component);
         },
-
+        
         getDataAttributes: function (target, ignoreAttributes, isArray) {
             flog('getDataAttributes', target, ignoreAttributes, isArray);
-
+            
             var dataAttributes = isArray ? [] : {};
             if (!ignoreAttributes) {
                 ignoreAttributes = [];
             }
-
+            
             $.each(target.get(0).attributes, function (i, attr) {
                 if (attr.name.indexOf('data-') === 0 && $.inArray(attr.name, ignoreAttributes) === -1) {
                     if (isArray) {
@@ -1183,16 +1206,16 @@
                     }
                 }
             });
-
+            
             return dataAttributes;
         },
-
+        
         getComponentType: function (component) {
             flog('getComponentType', component);
-
+            
             var self = this;
             var options = self.options;
-
+            
             var dataType = component.attr('data-type');
             var componentType = dataType ? dataType.replace('component-', '') : '';
             if (componentType && (componentType in KEditor.components)) {
@@ -1203,51 +1226,46 @@
                 } else {
                     flog('This component does not contain data-type attribute');
                 }
-
+                
                 if (typeof options.defaultComponentType === 'string') {
                     componentType = options.defaultComponentType;
                 } else if (typeof options.defaultComponentType === 'function') {
                     componentType = options.defaultComponentType.call(component, component);
                 }
-
+                
                 if (!componentType) {
                     error('Component type is undefined!');
                 }
-
+                
                 flog('Fallback to defaultComponentType: ' + componentType);
                 return componentType;
             }
         },
-
+        
         initComponent: function (contentArea, container, component) {
             flog('initComponent', contentArea, container, component);
-
+            
             var self = this;
             var options = self.options;
             var body = self.body;
-
+            
             if (!component.hasClass('keditor-initialized-component') || !component.hasClass('keditor-initializing-component')) {
                 component.addClass('keditor-initializing-component');
-
-                var componentId = self.generateId('component');
-                flog('Id for component is: ' + componentId);
-                component.attr('id', componentId);
-
+                component.attr('id', self.generateId('component'));
+                
                 var componentContent = component.children('.keditor-component-content');
-                var contentId = self.generateId('component-content');
-                flog('Id for component content is: ' + contentId);
-                componentContent.attr('id', contentId);
-
+                componentContent.attr('id', self.generateId('component-content'));
+                
                 var componentType = self.getComponentType(component);
                 flog('Component type: ' + componentType);
-
+                
                 var componentData = KEditor.components[componentType];
                 var isSettingEnabled = componentData.settingEnabled;
                 var settingBtn = '';
                 if (isSettingEnabled) {
                     settingBtn = '<a href="#" class="btn-component-setting">' + options.btnSettingComponentText + '</a>';
                 }
-
+                
                 flog('Render KEditor toolbar for component', component);
                 component.append(
                     '<div class="keditor-toolbar keditor-toolbar-component">' +
@@ -1256,14 +1274,14 @@
                     '   <a href="#" class="btn-component-delete">' + options.btnDeleteComponentText + '</a>' +
                     '</div>'
                 );
-
+                
                 var dynamicContentRequests = [];
                 component.find('[data-dynamic-href]').each(function () {
                     var dynamicElement = $(this);
-
+                    
                     dynamicContentRequests.push(self.initDynamicContent(dynamicElement));
                 });
-
+                
                 $.when.apply(null, dynamicContentRequests).then(function () {
                     if (typeof componentData.init === 'function') {
                         componentData.init.call(componentData, contentArea, container, component, self);
@@ -1271,11 +1289,11 @@
                         body.removeClass('highlighted-container-content');
                         flog('"init" function of component type "' + componentType + '" does not exist');
                     }
-
+                    
                     if (typeof options.onInitComponent === 'function') {
                         options.onInitComponent.call(contentArea, component);
                     }
-
+                    
                     component.addClass('keditor-initialized-component');
                     component.removeClass('keditor-initializing-component');
                 });
@@ -1287,11 +1305,11 @@
                 }
             }
         },
-
+        
         getClickedElement: function (event, selector) {
             var target = $(event.target);
             var closest = target.closest(selector);
-
+            
             if (target.is(selector)) {
                 return target;
             } else if (closest.length > 0) {
@@ -1300,26 +1318,26 @@
                 return null;
             }
         },
-
+        
         initKEditorClicks: function () {
             flog('initKEditorClicks');
-
+            
             var self = this;
             var options = self.options;
             var body = self.body;
-
+            
             body.on('click', function (e) {
                 var sidebar = self.getClickedElement(e, '#keditor-sidebar');
-
+                
                 var container = self.getClickedElement(e, '.keditor-container');
                 if (container) {
                     flog('Click on .keditor-container', container);
-
+                    
                     if (!container.hasClass('showed-keditor-toolbar')) {
                         body.find('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');
                         body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');
                         container.addClass('showed-keditor-toolbar');
-
+                        
                         var contentArea = container.parent();
                         if (typeof options.onContainerSelected === 'function') {
                             options.onContainerSelected.call(contentArea, e, container);
@@ -1331,15 +1349,15 @@
                         body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');
                     }
                 }
-
+                
                 var component = self.getClickedElement(e, '.keditor-component');
                 if (component) {
                     flog('Click on .keditor-component', component);
-
+                    
                     if (!component.hasClass('showed-keditor-toolbar')) {
                         body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');
                         component.addClass('showed-keditor-toolbar');
-
+                        
                         var contentArea = component.parent();
                         if (typeof options.onComponentSelected === 'function') {
                             options.onComponentSelected.call(contentArea, e, component);
@@ -1351,14 +1369,14 @@
                     }
                 }
             });
-
-
+            
+            
             body.on('click', '.btn-container-setting', function (e) {
                 e.preventDefault();
-
+                
                 var btn = $(this);
                 flog('Click on .btn-container-setting', btn);
-
+                
                 var container = btn.closest('.keditor-container');
                 if (body.hasClass('opened-keditor-setting') && body.hasClass('opened-keditor-sidebar')) {
                     if (!container.is(self.getSettingContainer())) {
@@ -1370,51 +1388,51 @@
                     self.showSettingPanel(container);
                 }
             });
-
+            
             body.on('click', '.btn-container-duplicate', function (e) {
                 e.preventDefault();
-
+                
                 var btn = $(this);
                 flog('Click on .btn-container-duplicate', btn);
-
+                
                 var container = btn.closest('.keditor-container');
                 var contentArea = container.parent();
                 var newContainer = $(self.getContainerContent(container));
-
+                
                 container.after(newContainer);
                 self.convertToContainer(contentArea, newContainer);
-
+                
                 var snippetsList = body.find('#' + options.snippetsListId);
                 var componentSnippets = snippetsList.find('.keditor-snippet[data-type^=component]');
                 var currentLinkedContainerContents = componentSnippets.draggable('option', 'connectToSortable');
                 componentSnippets.draggable('option', 'connectToSortable', currentLinkedContainerContents.add(newContainer.find('.keditor-container-content')));
-
+                
                 flog('Container is duplicated');
-
+                
                 if (typeof options.onContainerDuplicated === 'function') {
                     options.onContainerDuplicated.call(contentArea, container, newContainer);
                 }
-
+                
                 if (typeof options.onContentChanged === 'function') {
                     options.onContentChanged.call(contentArea, e);
                 }
             });
-
+            
             body.on('click', '.btn-container-delete', function (e) {
                 e.preventDefault();
-
+                
                 var btn = $(this);
                 flog('Click on .btn-container-delete', btn);
-
+                
                 if (confirm('Are you sure that you want to delete this container? This action can not be undo!')) {
                     var container = btn.closest('.keditor-container');
                     var components = container.find('.keditor-component');
                     var contentArea = container.parent();
-
+                    
                     if (typeof options.onBeforeContainerDeleted === 'function') {
                         options.onBeforeContainerDeleted.call(contentArea, e, container);
                     }
-
+                    
                     var settingComponent = self.getSettingComponent();
                     if (settingComponent) {
                         var settingComponentParent = settingComponent.closest('.keditor-container');
@@ -1426,31 +1444,31 @@
                         flog('Deleting container is setting container. Close setting panel for this container', container);
                         self.hideSettingPanel();
                     }
-
+                    
                     if (components.length > 0) {
                         components.each(function () {
                             self.deleteComponent($(this));
                         });
                     }
-
+                    
                     container.remove();
-
+                    
                     if (typeof options.onContainerDeleted === 'function') {
                         options.onContainerDeleted.call(contentArea, e, container);
                     }
-
+                    
                     if (typeof options.onContentChanged === 'function') {
                         options.onContentChanged.call(contentArea, e);
                     }
                 }
             });
-
+            
             body.on('click', '.btn-component-setting', function (e) {
                 e.preventDefault();
-
+                
                 var btn = $(this);
                 flog('Click on .btn-component-setting', btn);
-
+                
                 var component = btn.closest('.keditor-component');
                 if (body.hasClass('opened-keditor-setting') && body.hasClass('opened-keditor-sidebar')) {
                     if (!component.is(self.getSettingComponent())) {
@@ -1462,76 +1480,76 @@
                     self.showSettingPanel(component);
                 }
             });
-
+            
             body.on('click', '.btn-component-duplicate', function (e) {
                 e.preventDefault();
-
+                
                 var btn = $(this);
                 flog('Click on .btn-component-duplicate', btn);
-
+                
                 var component = btn.closest('.keditor-component');
                 var container = component.closest('.keditor-container');
                 var contentArea = container.parent();
                 var newComponent = $(self.getComponentContent(component));
-
+                
                 component.after(newComponent);
                 self.convertToComponent(contentArea, container, newComponent);
-
+                
                 flog('Component is duplicated');
-
+                
                 if (typeof options.onComponentDuplicated === 'function') {
                     options.onComponentDuplicated.call(contentArea, component, newComponent);
                 }
-
+                
                 if (typeof options.onContainerChanged === 'function') {
                     options.onContainerChanged.call(contentArea, e, container);
                 }
-
+                
                 if (typeof options.onContentChanged === 'function') {
                     options.onContentChanged.call(contentArea, e);
                 }
             });
-
+            
             body.on('click', '.btn-component-delete', function (e) {
                 e.preventDefault();
-
+                
                 var btn = $(this);
                 flog('Click on .btn-component-delete', btn);
-
+                
                 if (confirm('Are you sure that you want to delete this component? This action can not be undo!')) {
                     var component = btn.closest('.keditor-component');
                     var contentArea = component.closest('.keditor-content-area');
-
+                    
                     if (typeof options.onBeforeComponentDeleted === 'function') {
                         options.onBeforeComponentDeleted.call(contentArea, e, component);
                     }
-
+                    
                     if (self.getSettingComponent().is(component)) {
                         self.hideSettingPanel();
                     }
-
+                    
                     self.deleteComponent(component);
-
+                    
                     if (typeof options.onComponentDeleted === 'function') {
                         options.onComponentDeleted.call(contentArea, e, component);
                     }
-
+                    
                     if (typeof options.onContainerChanged === 'function') {
                         options.onContainerChanged.call(contentArea, e, component);
                     }
-
+                    
                     if (typeof options.onContentChanged === 'function') {
                         options.onContentChanged.call(contentArea, e);
                     }
                 }
             });
         },
-
+        
         deleteComponent: function (component) {
             flog('deleteComponent', component);
-
+            
             var self = this;
-
+            
             var componentType = self.getComponentType(component);
             var componentData = KEditor.components[componentType];
             if (typeof componentData.destroy === 'function') {
@@ -1539,27 +1557,31 @@
             } else {
                 flog('"destroy" function of component type "' + componentType + '" does not exist');
             }
-
+            
             component.remove();
         },
-
+        
         initDynamicContent: function (dynamicElement) {
             flog('initDynamicContent', dynamicElement);
-
+            
             var self = this;
             var options = self.options;
             var component = dynamicElement.closest('.keditor-component');
             var contentArea = dynamicElement.closest('.keditor-content-area');
-
+            
+            if (!dynamicElement.attr('id')) {
+                dynamicElement.attr('id', self.generateId('dynamic-element'));
+            }
+            
             if (typeof options.onBeforeDynamicContentLoad === 'function') {
                 options.onBeforeDynamicContentLoad.call(contentArea, dynamicElement, component);
             }
-
+            
             var dynamicHref = dynamicElement.attr('data-dynamic-href');
             var data = self.getDataAttributes(component, ['data-type', 'data-dynamic-href'], false);
             data = $.param(data);
             flog('Dynamic href: ' + dynamicHref, 'Data: ' + data);
-
+            
             return $.ajax({
                 url: dynamicHref,
                 data: data,
@@ -1568,30 +1590,30 @@
                 success: function (response, status, xhr) {
                     flog('Dynamic content is loaded', dynamicElement, response, status, xhr);
                     dynamicElement.html(response);
-
+                    
                     if (typeof options.onDynamicContentLoaded === 'function') {
                         options.onDynamicContentLoaded.call(contentArea, dynamicElement, response, status, xhr);
                     }
                 },
                 error: function (response, status, xhr) {
                     flog('Error when loading dynamic content', dynamicElement, response, status, xhr);
-
+                    
                     if (typeof options.onDynamicContentError === 'function') {
                         options.onDynamicContentError.call(contentArea, dynamicElement, response, status, xhr);
                     }
                 }
             });
         },
-
+        
         getComponentContent: function (component) {
             flog('getComponentContent', component);
-
+            
             var self = this;
             var componentType = self.getComponentType(component);
             var componentData = KEditor.components[componentType];
             var dataAttributes = self.getDataAttributes(component, null, true);
             var content;
-
+            
             if (typeof componentData.getContent === 'function') {
                 content = componentData.getContent.call(componentData, component, self);
             } else {
@@ -1599,45 +1621,45 @@
                 var componentContent = component.children('.keditor-component-content');
                 content = componentContent.html();
             }
-
+            
             var tempDiv = $('<div />').html(content);
             tempDiv.find('[data-dynamic-href]').each(function () {
                 $(this).html('');
             });
             content = tempDiv.html();
-
+            
             return '<section ' + dataAttributes.join(' ') + '>' + content + '</section>';
         },
-
+        
         getContainerContent: function (container) {
             flog('getContainerContent', container);
-
+            
             var self = this;
             var options = self.options;
             var containerInner = container.children('.keditor-container-inner').clone();
-
+            
             containerInner.find('[data-type=container-content]').each(function () {
                 var containerContent = $(this);
                 containerContent.removeClass('keditor-container-content ui-droppable ui-sortable').removeAttr('id');
-
+                
                 containerContent.children('.keditor-component').each(function () {
                     var component = $(this);
-
+                    
                     component.replaceWith(self.getComponentContent(component));
                 });
             });
-
+            
             return '<section>' + containerInner.html() + '</section>';
         }
-
+        
     };
-
+    
     // Plugin methods
     var methods = {
         __init: function (options) {
             return $(this).each(function () {
                 var target = $(this);
-
+                
                 if (target.data('keditor')) {
                     flog('KEditor is already initialized!');
                 } else {
@@ -1647,38 +1669,38 @@
                 }
             });
         },
-
+        
         getContent: function (inArray) {
             var target = $(this);
             var keditor = target.data('keditor');
             var options = keditor.options;
             var result = [];
             target = options.iframeMode ? keditor.body : target;
-
+            
             target.find('.keditor-content-area').each(function () {
                 var html = '';
                 $(this).children('.keditor-container').each(function () {
                     var container = $(this);
-
+                    
                     html += keditor.getContainerContent(container, options);
                 });
-
+                
                 result.push(html);
             });
-
+            
             return inArray ? result : result.join('\n');
         },
-
+        
         getOptions: function () {
             var keditor = $(this).data('keditor');
-
+            
             return keditor.options;
         }
     };
-
+    
     // Export KEditor
     $.keditor = KEditor;
-
+    
     // KEditor plugins
     $.fn.keditor = function (method) {
         if (methods[method] && method !== 'init') {
@@ -1689,5 +1711,5 @@
             error('Method ' + method + ' does not exist on $.fn.keditor');
         }
     };
-
+    
 })(jQuery);
diff --git a/dist/js/keditor-1.1.4.min.js b/dist/js/keditor-1.1.4.min.js
new file mode 100644
index 00000000..7119c36e
--- /dev/null
+++ b/dist/js/keditor-1.1.4.min.js
@@ -0,0 +1,3 @@
+!function(t){var e=function(){"undefined"!=typeof console&&i.debug===!0&&("Microsoft Internet Explorer"==navigator.appName?1==arguments.length?console.log("[KEditor]",arguments[0]):2==arguments.length?console.log("[KEditor]",arguments[0],arguments[1]):arguments.length>2&&console.log("[KEditor]",arguments[0],arguments[1],arguments[2]):console.log(["KEditor"],arguments))},n=function(t){throw new Error("[KEditor] "+t)};t.fn.draggable||n("$.fn.draggable does not exist. Please import $.fn.draggable into your document for continue using KEditor."),t.fn.droppable||n("$.fn.droppable does not exist. Please import $.fn.droppable into your document for continue using KEditor."),t.fn.sortable||n("$.fn.sortable does not exist. Please import $.fn.sortable into your document for continue using KEditor.");var i=function(e,n){this.options=t.extend({},i.DEFAULTS,n),this.init(e)};i.debug=!0,i.version="1.1.4",i.DEFAULTS={niceScrollEnabled:!0,btnMoveContainerText:'<i class="fa fa-sort"></i>',btnMoveComponentText:'<i class="fa fa-arrows"></i>',btnSettingContainerText:'<i class="fa fa-cog"></i>',btnSettingComponentText:'<i class="fa fa-cog"></i>',btnDuplicateContainerText:'<i class="fa fa-files-o"></i>',btnDuplicateComponentText:'<i class="fa fa-files-o"></i>',btnDeleteContainerText:'<i class="fa fa-times"></i>',btnDeleteComponentText:'<i class="fa fa-times"></i>',tabContainersText:"Containers",tabContainersTitle:"Containers",tabComponentsText:"Components",tabComponentsTitle:"Components",tabTooltipEnabled:!0,extraTabs:null,defaultComponentType:"blank",snippetsUrl:"snippets/default/snippets.html",snippetsListId:"keditor-snippets-list",snippetsTooltipEnabled:!0,snippetsTooltipPosition:"left",snippetsFilterEnabled:!0,snippetsCategoriesSeparator:";",iframeMode:!1,contentAreasSelector:null,contentAreasWrapper:'<div class="keditor-content-areas-wrapper container"></div>',containerSettingEnabled:!1,containerSettingInitFunction:null,containerSettingShowFunction:null,containerSettingHideFunction:null,onReady:function(){},onInitFrame:function(t,e,n){},onSidebarToggled:function(t){},onInitContentArea:function(t){},onContentChanged:function(t){},onInitContainer:function(t){},onBeforeContainerDeleted:function(t,e){},onContainerDeleted:function(t,e){},onContainerChanged:function(t,e){},onContainerDuplicated:function(t,e,n){},onContainerSelected:function(t,e){},onContainerSnippetDropped:function(t,e,n){},onComponentReady:function(t){},onInitComponent:function(t){},onBeforeComponentDeleted:function(t,e){},onComponentDeleted:function(t,e){},onComponentChanged:function(t,e){},onComponentDuplicated:function(t,e,n){},onComponentSelected:function(t,e){},onComponentSnippetDropped:function(t,e,n){},onBeforeDynamicContentLoad:function(t,e){},onDynamicContentLoaded:function(t,e,n,i){},onDynamicContentError:function(t,e,n,i){}},i.components={blank:{settingEnabled:!1}},i.log=e,i.error=n,i.prototype={init:function(n){var i=this,o=i.options;if(o.iframeMode)n=i.initFrame(n);else if(i.body=t(document.body),n.is("textarea")){e("Target is textarea",n);var a=n.val(),r=t("<div />"),s=i.generateId("wrapper");n.after(r),r.attr({id:s,"class":"keditor-wrapper"}),r.html(a),n.css("display","none"),n.attr("data-keditor-wrapper","#"+s),n=r}var d,c=i.body;c.hasClass("initialized-snippets-list")?e("Snippets list is already initialized!"):(d=i.initSidebar(),c.addClass("initialized-snippets-list")),c.hasClass("initialized-click-event-handlers")?e("CLick event handlers is already initialized!"):(i.initKEditorClicks(),c.addClass("initialized-click-event-handlers")),i.initContentAreas(n),d||"function"!=typeof o.onReady||o.onReady.call(i)},generateId:function(t){var e=(new Date).getTime();return"keditor-"+t+"-"+e},initNiceScroll:function(n){e("initNiceScroll",n),t.fn.niceScroll&&this.options.niceScrollEnabled?(e("Initialize $.fn.niceScroll"),n.niceScroll({cursorcolor:"#999",cursorwidth:6,railpadding:{top:0,right:0,left:0,bottom:0},cursorborder:"",disablemutationobserver:!0})):e("$.fn.niceScroll does not exist. Use default sidebar.")},initFrame:function(n){e("initFrame",n);var o=this,a=o.options,r=n.html(),s=t("<iframe />"),d=o.generateId("frame");n.after(s),s.attr({id:d,"class":"keditor-frame"}),n.css("display","none"),n.attr("data-keditor-frame","#"+d);var c=s.contents(),l=c.find("head"),p=c.find("body");e("Adding styles to iframe...");var f="";t('[data-type="keditor-style"]').each(function(){var e=t(this),n=e.attr("href")||e.attr("data-href")||"";f+=n?'<link rel="stylesheet" type="text/css" href="'+n+'" />\n':'<style type="text/css">'+e.html()+"</style>\n"}),e("Styles: \n"+f),l.append(f),e("All styles are added"),e("Adding original content to iframe...");var g;return a.contentAreasWrapper?(g=t(a.contentAreasWrapper),p.append(g),g.html(r)):p.html(r),a.snippetsListId=i.DEFAULTS.snippetsListId,o.body=p,"function"==typeof a.onInitFrame&&a.onInitFrame.call(s,s,l,p),g||p},initSidebar:function(){e("initSidebar");var o=this,a=o.options,r=o.body;return r.addClass("opened-keditor-sidebar"),a.snippetsListId===i.DEFAULTS.snippetsListId?(e("Render default KEditor snippet container"),r.append('<div id="keditor-sidebar">   <a id="keditor-sidebar-toggler"><i class="fa fa-chevron-right"></i></a>   <div id="keditor-snippets-list"></div>   <div id="keditor-snippets-content" style="display: none"></div>   <div id="keditor-setting-panel">       <div id="keditor-setting-header"><span id="keditor-setting-title"></span><a href="#" id="keditor-setting-closer"><i class="fa fa-arrow-right"></i></a></div>       <div id="keditor-setting-body"><div id="keditor-setting-forms"></div></div>   </div></div>'),o.initSidebarToggler()):(e('Render KEditor snippets content after custom snippets list with id="'+a.snippetsListId+'"'),r.find("#"+a.snippetsListId).after('<div id="keditor-snippets-content" style="display: none"></div>')),"string"==typeof a.snippetsUrl&&a.snippetsUrl.length>0?(e('Getting snippets form "'+a.snippetsUrl+'"...'),t.ajax({type:"get",dataType:"html",url:a.snippetsUrl,success:function(t){e("Success in getting snippets",t),o.renderSnippets(t),o.initSnippets(),o.initTabs(),o.initTabsSwitcher(),o.initSettingPanel(),a.snippetsFilterEnabled&&(o.initSnippetsFilter("Container"),o.initSnippetsFilter("Component")),(a.snippetsTooltipEnabled||a.tabTooltipEnabled)&&(e("Initialize Bootstrap tooltip plugin"),r.find("#"+a.snippetsListId).find('[data-toggle="tooltip"]').tooltip()),"function"==typeof a.onReady&&a.onReady.call(o)},error:function(t){e("Error when getting snippets",t)}})):void n('"snippetsUrl" must be not null!')},initSnippetsFilter:function(n){e("initSnippetsFilter",n);var i=this,o=i.options,a=i.body,r=n.toLowerCase(),s=i["snippets"+n+"Categories"],d="";d+='<div id="keditor-'+r+'-snippets-filter-wrapper" class="keditor-snippets-filter-wrapper">',d+='     <input type="text" id="keditor-'+r+'-snippets-search" class="keditor-snippets-search" value="" placeholder="Type to search..." />',d+='     <select id="keditor-'+r+'-snippets-filter" class="keditor-snippets-filter">',d+='         <option value="" selected="selected">All</option>';for(var c=0;c<s.length;c++)d+='     <option value="'+s[c]+'">'+s[c]+"</option>";d+="     </select>",d+="</div>";var l=a.find("#keditor-"+r+"-snippets-tab"),p=l.find(".keditor-snippet");l.prepend(d),p.each(function(){var e=t(this),n=e.attr("data-categories")||"",i=n.toLowerCase();n=n.split(o.snippetsCategoriesSeparator),i=i.split(o.snippetsCategoriesSeparator),e.data("categories",n),e.data("categoriesFilter",i)});var f=l.find(".keditor-snippets-search"),g=l.find(".keditor-snippets-filter"),C=function(){var n=(g.val()||"").toLowerCase(),i=(f.val()||"").toLowerCase();e('Do filter with selected category is "'+n+'" and search text is "'+i+'"'),n||i?(e("Filtering snippets"),p.each(function(){var e=t(this),o=e.data("categoriesFilter"),a=o.join(";"),r=0;if(n&&-1===t.inArray(n,o)&&r++,i){var s=e.attr("title").toLowerCase();-1===s.indexOf(i)&&-1===a.indexOf(i)&&r++}e[0===r?"removeClass":"addClass"]("not-matched")})):(e("Show all snippets"),p.removeClass("not-matched"))};g.on("change",function(){C()});var m;f.on("keydown",function(){clearTimeout(m),m=setTimeout(function(){C()},200)})},toggleSidebar:function(t){e("toggleSidebar",t);var n=this,i=n.options,o=n.body,a=o.find("#keditor-sidebar-toggler i");t?(o.addClass("opened-keditor-sidebar"),a.attr("class","fa fa-chevron-right")):(o.removeClass("opened-keditor-sidebar"),a.attr("class","fa fa-chevron-left")),"function"==typeof i.onSidebarToggled&&i.onSidebarToggled.call(null,t)},initSidebarToggler:function(){e("initSidebarToggler");var t=this,n=t.body;n.find("#keditor-sidebar-toggler").on("click",function(e){e.preventDefault(),t.toggleSidebar(!n.hasClass("opened-keditor-sidebar"))})},renderSnippets:function(n){e("renderSnippets",n);var i=this,o=i.options,a=i.body,r="",s="",d="";i.snippetsContainerCategories=[],i.snippetsComponentCategories=[],t("<div />").html(n).find("> div").each(function(n){var a=t(this),c=a.html().trim(),l=a.attr("data-preview"),p=a.attr("data-type"),f=a.attr("data-keditor-title"),g="",C=a.attr("data-categories")||"";e("Snippet #"+n+" type="+p+" categories="+C,l,c),g+='<section class="keditor-snippet" data-snippet="#keditor-snippet-'+n+'" data-type="'+p+'" '+(o.snippetsTooltipEnabled?'data-toggle="tooltip" data-placement="'+o.snippetsTooltipPosition+'"':"")+' title="'+f+'" data-categories="'+C+'">',g+='   <img class="keditor-snippet-preview" src="'+l+'" />',g+="</section>",C=C.split(o.snippetsCategoriesSeparator),"container"===p?(r+=g,i.snippetsContainerCategories=i.snippetsContainerCategories.concat(C)):-1!==p.indexOf("component")&&(s+=g,i.snippetsComponentCategories=i.snippetsComponentCategories.concat(C));var m=i.getDataAttributes(a,["data-preview","data-type","data-keditor-title","data-categories"],!0);d+='<script id="keditor-snippet-'+n+'" type="text/html" '+m.join(" ")+">"+c+"</script>"}),i.snippetsContainerCategories=i.beautifyCategories(i.snippetsContainerCategories),i.snippetsComponentCategories=i.beautifyCategories(i.snippetsComponentCategories),a.find("#"+o.snippetsListId).html('<ul id="keditor-snippets-type-switcher" class="nav nav-tabs nav-justified">    <li class="active"><a href="#keditor-container-snippets-tab"'+(o.tabTooltipEnabled?'data-toggle="tooltip" data-placement="bottom"':"")+' title="'+o.tabContainersTitle+'">'+o.tabContainersText+'</a></li>    <li><a href="#keditor-component-snippets-tab"'+(o.tabTooltipEnabled?'data-toggle="tooltip" data-placement="bottom"':"")+' title="'+o.tabComponentsTitle+'">'+o.tabComponentsText+'</a></li></ul><div id="keditor-snippets-container" class="tab-content">   <div class="tab-pane keditor-snippets active" id="keditor-container-snippets-tab"><div class="keditor-snippets-inner">'+r+'</div></div>   <div class="tab-pane keditor-snippets" id="keditor-component-snippets-tab"><div class="keditor-snippets-inner">'+s+"</div></div></div>").addClass("loaded-snippets"),a.find("#keditor-snippets-content").html(d)},beautifyCategories:function(n){e("beautifyCategories",n);for(var i=[],o=0;o<n.length;o++){var a=n[o]||"";""!==a&&-1===t.inArray(a,i)&&i.push(a)}return i.sort()},initSnippets:function(){e("initSnippets");var n=this,i=n.options,o=n.body,a=o.find("#"+i.snippetsListId);e("Initialize $.fn.draggable for container snippets list"),a.find(".keditor-snippet[data-type=container]").draggable({helper:"clone",revert:"invalid",connectToSortable:o.find(".keditor-content-area"),start:function(){t("[contenteditable]").blur(),t(".keditor-container.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),t(".keditor-component.showed-keditor-toolbar").removeClass("showed-keditor-toolbar")},stop:function(){a.find(".keditor-snippet[data-type^=component]").draggable("option","connectToSortable",o.find(".keditor-container-content"))}}),a.find(".keditor-snippet[data-type^=component]").draggable({helper:"clone",revert:"invalid",connectToSortable:o.find(".keditor-container-content"),start:function(){o.find("[contenteditable]").blur(),o.find(".keditor-container.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),o.find(".keditor-component.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),o.addClass("highlighted-container-content")},stop:function(){o.removeClass("highlighted-container-content")}})},initTabs:function(){e("initTabs");var n=this,i=n.body,o=n.options,a=i.find("#keditor-snippets-type-switcher"),r=i.find("#keditor-snippets-container");if(o.extraTabs&&t.isPlainObject(o.extraTabs)){e("Add extra tabs",o.extraTabs);for(var s in o.extraTabs){var d=o.extraTabs[s];a.append('<li><a href="#keditor-extra-tab-'+s+'"'+(o.tabTooltipEnabled?'data-toggle="tooltip" data-placement="bottom" title="'+d.title+'"':"")+">"+d.text+"</a></li>"),r.append('<div class="tab-pane keditor-snippets" id="keditor-extra-tab-'+s+'"><div class="keditor-snippets-inner">'+d.content+"</div></div>")}}n.initNiceScroll(r.find(".keditor-snippets-inner"))},initTabsSwitcher:function(){e("initTabsSwitcher");var n=this,i=n.body,o=i.find("#keditor-snippets-type-switcher li"),a=i.find("#keditor-snippets-container .tab-pane");o.find("a").on("click",function(e){e.preventDefault();var r=t(this),s=r.parent(),d=r.attr("href");if(!s.hasClass("active")){var c=o.filter(".active"),l=a.filter(".active"),p=i.find(d);if(c.removeClass("active"),l.removeClass("active"),s.addClass("active"),p.addClass("active"),t.fn.niceScroll&&n.options.niceScrollEnabled){l.getNiceScroll().hide();var f=p.getNiceScroll();f.show(),f.resize()}}})},initSettingPanel:function(){e("initSettingPanel");var i=this,o=i.options,a=i.body;a.find("#keditor-setting-closer").on("click",function(t){t.preventDefault(),i.hideSettingPanel()});var r=a.find("#keditor-setting-forms");if(i.initNiceScroll(r),o.containerSettingEnabled===!0)if("function"==typeof o.containerSettingInitFunction){var s=t('<div id="keditor-container-setting" class="keditor-setting-form clearfix"></div>');r.append(s),e("Initialize container setting panel"),o.containerSettingInitFunction.call(i,s,i)}else n('"containerSettingInitFunction" is not function!')},setSettingContainer:function(t){e("setSettingContainer",t);var n=this,i=n.body;if(t){var o=t.attr("id");i.attr("data-setting-container",o)}else i.removeAttr("data-setting-container")},getSettingContainer:function(){e("getSettingContainer");var t=this,n=t.body,i=n.attr("data-setting-container");return n.find("#"+i)},setSettingComponent:function(t){e("setSettingComponent",t);var n=this,i=n.body;if(t){var o=t.attr("id");i.attr("data-setting-component",o)}else i.removeAttr("data-setting-component")},getSettingComponent:function(){e("getSettingComponent");var t=this,n=t.body,i=n.attr("data-setting-component");return n.find("#"+i)},showSettingPanel:function(n){e("showSettingPanel",n);var o=this,a=o.options,r=o.body,s=n.is(".keditor-component"),d=r.find("#keditor-setting-forms").children(".active");if(d.removeClass("active"),s){o.setSettingComponent(n),o.setSettingContainer(null);var c=o.getComponentType(n),l=i.components[c];r.find("#keditor-setting-title").html(l.settingTitle);var p=r.find("#keditor-setting-forms"),f=r.find("#keditor-setting-"+c);if(0===f.length){var l=i.components[c];if("function"==typeof l.initSettingForm){f=t('<div id="keditor-setting-'+c+'" data-type="'+c+'" class="keditor-setting-form clearfix active"></div>');var g=t("<span />").html("Loading...");p.append(f),f.append(g),e('Initializing setting form for component type "'+c+'"');var C=l.initSettingForm.call(l,f,o);t.when(C).done(function(){e('Initialized setting form for component type "'+c+'"'),setTimeout(function(){g.remove(),"function"==typeof l.showSettingForm?(e('Show setting form of component type "'+c+'"'),l.showSettingForm.call(l,f,n,o)):e('"showSettingForm" function of component type "'+c+'" does not exist')},100)})}else e('"initSettingForm" function of component type "'+c+'" does not exist')}else"function"==typeof l.showSettingForm?(e('Show setting form of component type "'+c+'"'),l.showSettingForm.call(l,f,n,o)):e('"showSettingForm" function of component type "'+c+'" does not exist'),f.addClass("active")}else{o.setSettingContainer(n),o.setSettingComponent(null),r.find("#keditor-setting-title").html("Container Settings");var f=r.find("#keditor-container-setting");"function"==typeof a.containerSettingShowFunction?(e("Show setting form of container"),a.containerSettingShowFunction.call(o,f,n,o)):e('"containerSettingShowFunction" does not exist'),f.addClass("active")}o.toggleSidebar(!0),r.addClass("opened-keditor-setting")},hideSettingPanel:function(){e("hideSettingPanel");var t=this,n=t.options,o=t.body;o.removeClass("opened-keditor-setting");var a=o.find("#keditor-setting-forms").children(".active");if(a.length>0){if(a.is("#keditor-container-setting"))"function"==typeof n.containerSettingHideFunction?(e("Hide setting form of container"),n.containerSettingHideFunction.call(t,a,t)):e('"containerSettingHideFunction" does not exist');else{var r=a.attr("data-type"),s=i.components[r];"function"==typeof s.hideSettingForm?(e('Hide setting form of component type "'+r+'"'),s.hideSettingForm.call(s,a,t)):e('"hideSettingForm" function of component type "'+r+'" does not exist')}a.removeClass("active")}o.removeClass("opened-keditor-setting"),t.setSettingComponent(null),t.setSettingContainer(null)},getContentAreas:function(n){e("getContentAreas",n);var i,o=this,a=o.options;if(a.contentAreasSelector&&(i=n.find(a.contentAreasSelector)),!i||0===i.length){e("Do not find any content area. Creating default content area..."),i=t("<div />");var r=n.html();i.html(r),n.empty().append(i)}return i},initContentAreas:function(n){e("initContentAreas",n);var i=this,o=i.getContentAreas(n);o.each(function(){var e=t(this);e.attr("id")||e.attr("id",i.generateId("content-area")),i.initContentArea(e),e.data("keditor",i)})},initContentArea:function(n){e("initContentArea",n);var i=this,o=i.options,a=i.body;if(n.addClass("keditor-content-area"),e("Initialize $.fn.droppable for content area"),n.droppable({accept:".keditor-snippet[data-type=container]",tolerance:"pointer",greedy:!0}),e("Initialize $.fn.sortable for content area"),n.sortable({handle:".btn-container-reposition",items:"> section",connectWith:".keditor-content-area",axis:"y",tolerance:"pointer",sort:function(){t(this).removeClass("ui-state-default")},receive:function(r,s){e("On received snippet",r,s);var d=s.helper,c=s.item;if(c.is(".keditor-snippet")){var l=a.find(c.attr("data-snippet")).html();e("Snippet content",l);var p=t('<section class="keditor-container">   <section class="keditor-container-inner">'+l+"</section></section>");d.replaceWith(p),p.hasClass("showed-keditor-toolbar")||(t(".keditor-container.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),p.addClass("showed-keditor-toolbar")),"function"==typeof o.onContainerSnippetDropped&&o.onContainerSnippetDropped.call(n,r,p,s.item),i.initContainer(n,p)}i.hideSettingPanel(),"function"==typeof o.onContentChanged&&o.onContentChanged.call(n,r)}}),e("Initialize existing containers in content area"),n.children("section").each(function(){i.convertToContainer(n,t(this))}),"function"==typeof o.onInitContentArea){var r=o.onInitContentArea.call(n,n);r&&r.length>0&&t.each(r,function(){i.convertToContainer(n,t(this))})}},convertToContainer:function(t,n){e("convertToContainer",t,n);var i,o=this,a=n.is("section");a?(n.addClass("keditor-container"),n.wrapInner('<section class="keditor-container-inner"></section>'),i=n):(n.wrap('<section class="keditor-container"><section class="keditor-container-inner"></section></section>'),i=n.parent().parent()),o.initContainer(t,i)},initContainer:function(n,i){e("initContainer",n,i);var o=this,a=o.options;if(i.hasClass("keditor-initialized-container")&&i.hasClass("keditor-initializing-container"))e(i.hasClass("keditor-initialized-container")?"Container is already initialized!":"Container is initializing...");else{i.addClass("keditor-initializing-container");var r="";a.containerSettingEnabled===!0&&(r='<a href="#" class="btn-container-setting">'+a.btnSettingContainerText+"</a>"),e("Render KEditor toolbar for container",i),i.append('<div class="keditor-toolbar keditor-toolbar-container">   <a href="#" class="btn-container-reposition">'+a.btnMoveContainerText+"</a>"+r+'   <a href="#" class="btn-container-duplicate">'+a.btnDuplicateContainerText+'</a>   <a href="#" class="btn-container-delete">'+a.btnDeleteContainerText+"</a></div>"),i.attr("id",o.generateId("container"));var s=i.find('[data-type="container-content"]');e("Initialize "+s.length+" container content(s)"),s.each(function(){var e=t(this);o.initContainerContent(n,i,e)}),"function"==typeof a.onInitContainer&&a.onInitContainer.call(n,i),i.addClass("keditor-initialized-container"),i.removeClass("keditor-initializing-container")}},initContainerContent:function(n,i,o){e("initContainerContent",n,i,o);var a=this,r=a.options,s=a.body;o.addClass("keditor-container-content"),o.attr("id",a.generateId("container-content")),e("Initialize $.fn.droppable for container content"),o.droppable({accept:".keditor-snippet[data-type=component]",tolerance:"pointer",greedy:!0}),e("Initialize $.fn.sortable for container content"),o.sortable({handle:".btn-component-reposition",items:"> section",connectWith:".keditor-container-content",tolerance:"pointer",sort:function(){t(this).removeClass("ui-state-default")},receive:function(i,o){e("On received snippet",i,o);var d,c=o.helper,l=o.item;if(l.is(".keditor-snippet")){var p=s.find(l.attr("data-snippet")),f=p.html(),g=l.attr("data-type");e("Snippet content",f);var C=a.getDataAttributes(p,null,!0),m=t('<section class="keditor-component" data-type="'+g+'" '+C.join(" ")+'>   <section class="keditor-component-content">'+f+"</section></section>");c.replaceWith(m),d=m.closest(".keditor-container"),"function"==typeof r.onComponentSnippetDropped&&r.onComponentSnippetDropped.call(n,i,m,o.item),a.initComponent(n,d,m)}else d=l.closest(".keditor-container");d.hasClass("showed-keditor-toolbar")||(t(".keditor-container.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),d.addClass("showed-keditor-toolbar")),"function"==typeof r.onContainerChanged&&r.onContainerChanged.call(n,i,d),"function"==typeof r.onContentChanged&&r.onContentChanged.call(n,i)}}),e("Initialize existing components inside container content"),o.children().each(function(){var e=t(this);a.convertToComponent(n,i,e,!0)})},convertToComponent:function(t,n,i,o){e("convertToComponent",t,n,i,o);var a,r=this,s=i.is("section");s?(i.addClass("keditor-component"),i.wrapInner('<section class="keditor-component-content"></section>'),a=i):(i.wrap('<section class="keditor-component"><section class="keditor-component-content"></section></section>'),a=i.parent().parent()),o&&a.addClass("existing-component"),r.initComponent(t,n,a)},getDataAttributes:function(n,i,o){e("getDataAttributes",n,i,o);var a=o?[]:{};return i||(i=[]),t.each(n.get(0).attributes,function(e,n){0===n.name.indexOf("data-")&&-1===t.inArray(n.name,i)&&(o?a.push(n.name+'="'+n.value+'"'):a[n.name]=n.value)}),a},getComponentType:function(t){e("getComponentType",t);var o=this,a=o.options,r=t.attr("data-type"),s=r?r.replace("component-",""):"";return s&&s in i.components?s:(e(s?'Component type "'+s+'" does not exist':"This component does not contain data-type attribute"),"string"==typeof a.defaultComponentType?s=a.defaultComponentType:"function"==typeof a.defaultComponentType&&(s=a.defaultComponentType.call(t,t)),s||n("Component type is undefined!"),e("Fallback to defaultComponentType: "+s),s)},initComponent:function(n,o,a){e("initComponent",n,o,a);var r=this,s=r.options,d=r.body;if(a.hasClass("keditor-initialized-component")&&a.hasClass("keditor-initializing-component"))e(a.hasClass("keditor-initialized-component")?"Component is already initialized!":"Component is initializing...");else{a.addClass("keditor-initializing-component"),a.attr("id",r.generateId("component"));var c=a.children(".keditor-component-content");c.attr("id",r.generateId("component-content"));var l=r.getComponentType(a);e("Component type: "+l);var p=i.components[l],f=p.settingEnabled,g="";f&&(g='<a href="#" class="btn-component-setting">'+s.btnSettingComponentText+"</a>"),e("Render KEditor toolbar for component",a),a.append('<div class="keditor-toolbar keditor-toolbar-component">   <a href="#" class="btn-component-reposition">'+s.btnMoveComponentText+"</a>"+g+'   <a href="#" class="btn-component-duplicate">'+s.btnDuplicateComponentText+'</a>   <a href="#" class="btn-component-delete">'+s.btnDeleteComponentText+"</a></div>");var C=[];a.find("[data-dynamic-href]").each(function(){var e=t(this);C.push(r.initDynamicContent(e))}),t.when.apply(null,C).then(function(){"function"==typeof p.init?p.init.call(p,n,o,a,r):(d.removeClass("highlighted-container-content"),e('"init" function of component type "'+l+'" does not exist')),"function"==typeof s.onInitComponent&&s.onInitComponent.call(n,a),a.addClass("keditor-initialized-component"),a.removeClass("keditor-initializing-component")})}},getClickedElement:function(e,n){var i=t(e.target),o=i.closest(n);return i.is(n)?i:o.length>0?o:null},initKEditorClicks:function(){e("initKEditorClicks");var n=this,i=n.options,o=n.body;o.on("click",function(t){var a=n.getClickedElement(t,"#keditor-sidebar"),r=n.getClickedElement(t,".keditor-container");if(r){if(e("Click on .keditor-container",r),!r.hasClass("showed-keditor-toolbar")){o.find(".keditor-container.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),o.find(".keditor-component.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),r.addClass("showed-keditor-toolbar");var s=r.parent();"function"==typeof i.onContainerSelected&&i.onContainerSelected.call(s,t,r)}}else a||(o.find(".keditor-container.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),o.find(".keditor-component.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"));var d=n.getClickedElement(t,".keditor-component");if(d){if(e("Click on .keditor-component",d),!d.hasClass("showed-keditor-toolbar")){o.find(".keditor-component.showed-keditor-toolbar").removeClass("showed-keditor-toolbar"),d.addClass("showed-keditor-toolbar");var s=d.parent();"function"==typeof i.onComponentSelected&&i.onComponentSelected.call(s,t,d)}}else a||o.find(".keditor-component.showed-keditor-toolbar").removeClass("showed-keditor-toolbar")}),o.on("click",".btn-container-setting",function(i){i.preventDefault();var a=t(this);e("Click on .btn-container-setting",a);var r=a.closest(".keditor-container");o.hasClass("opened-keditor-setting")&&o.hasClass("opened-keditor-sidebar")&&r.is(n.getSettingContainer())?n.hideSettingPanel():n.showSettingPanel(r)}),o.on("click",".btn-container-duplicate",function(a){a.preventDefault();var r=t(this);e("Click on .btn-container-duplicate",r);var s=r.closest(".keditor-container"),d=s.parent(),c=t(n.getContainerContent(s));s.after(c),n.convertToContainer(d,c);var l=o.find("#"+i.snippetsListId),p=l.find(".keditor-snippet[data-type^=component]"),f=p.draggable("option","connectToSortable");p.draggable("option","connectToSortable",f.add(c.find(".keditor-container-content"))),e("Container is duplicated"),"function"==typeof i.onContainerDuplicated&&i.onContainerDuplicated.call(d,s,c),"function"==typeof i.onContentChanged&&i.onContentChanged.call(d,a)}),o.on("click",".btn-container-delete",function(o){o.preventDefault();var a=t(this);if(e("Click on .btn-container-delete",a),confirm("Are you sure that you want to delete this container? This action can not be undo!")){var r=a.closest(".keditor-container"),s=r.find(".keditor-component"),d=r.parent();"function"==typeof i.onBeforeContainerDeleted&&i.onBeforeContainerDeleted.call(d,o,r);var c=n.getSettingComponent();if(c){var l=c.closest(".keditor-container");l.is(r)&&(e("Deleting container is container of setting container. Close setting panel for this setting component",c),n.hideSettingPanel())}else n.getSettingContainer().is(r)&&(e("Deleting container is setting container. Close setting panel for this container",r),n.hideSettingPanel());s.length>0&&s.each(function(){n.deleteComponent(t(this))}),r.remove(),"function"==typeof i.onContainerDeleted&&i.onContainerDeleted.call(d,o,r),"function"==typeof i.onContentChanged&&i.onContentChanged.call(d,o)}}),o.on("click",".btn-component-setting",function(i){i.preventDefault();var a=t(this);e("Click on .btn-component-setting",a);var r=a.closest(".keditor-component");o.hasClass("opened-keditor-setting")&&o.hasClass("opened-keditor-sidebar")&&r.is(n.getSettingComponent())?n.hideSettingPanel():n.showSettingPanel(r)}),o.on("click",".btn-component-duplicate",function(o){o.preventDefault();var a=t(this);e("Click on .btn-component-duplicate",a);var r=a.closest(".keditor-component"),s=r.closest(".keditor-container"),d=s.parent(),c=t(n.getComponentContent(r));r.after(c),n.convertToComponent(d,s,c),e("Component is duplicated"),"function"==typeof i.onComponentDuplicated&&i.onComponentDuplicated.call(d,r,c),"function"==typeof i.onContainerChanged&&i.onContainerChanged.call(d,o,s),"function"==typeof i.onContentChanged&&i.onContentChanged.call(d,o)}),o.on("click",".btn-component-delete",function(o){o.preventDefault();var a=t(this);if(e("Click on .btn-component-delete",a),confirm("Are you sure that you want to delete this component? This action can not be undo!")){var r=a.closest(".keditor-component"),s=r.closest(".keditor-content-area");"function"==typeof i.onBeforeComponentDeleted&&i.onBeforeComponentDeleted.call(s,o,r),n.getSettingComponent().is(r)&&n.hideSettingPanel(),n.deleteComponent(r),"function"==typeof i.onComponentDeleted&&i.onComponentDeleted.call(s,o,r),"function"==typeof i.onContainerChanged&&i.onContainerChanged.call(s,o,r),"function"==typeof i.onContentChanged&&i.onContentChanged.call(s,o)}})},deleteComponent:function(t){e("deleteComponent",t);var n=this,o=n.getComponentType(t),a=i.components[o];"function"==typeof a.destroy?a.destroy.call(a,t,n):e('"destroy" function of component type "'+o+'" does not exist'),t.remove()},initDynamicContent:function(n){e("initDynamicContent",n);var i=this,o=i.options,a=n.closest(".keditor-component"),r=n.closest(".keditor-content-area");n.attr("id")||n.attr("id",i.generateId("dynamic-element")),"function"==typeof o.onBeforeDynamicContentLoad&&o.onBeforeDynamicContentLoad.call(r,n,a);var s=n.attr("data-dynamic-href"),d=i.getDataAttributes(a,["data-type","data-dynamic-href"],!1);return d=t.param(d),e("Dynamic href: "+s,"Data: "+d),t.ajax({url:s,data:d,type:"GET",dataType:"HTML",success:function(t,i,a){e("Dynamic content is loaded",n,t,i,a),n.html(t),"function"==typeof o.onDynamicContentLoaded&&o.onDynamicContentLoaded.call(r,n,t,i,a)},error:function(t,i,a){e("Error when loading dynamic content",n,t,i,a),"function"==typeof o.onDynamicContentError&&o.onDynamicContentError.call(r,n,t,i,a)}})},getComponentContent:function(n){e("getComponentContent",n);var o,a=this,r=a.getComponentType(n),s=i.components[r],d=a.getDataAttributes(n,null,!0);if("function"==typeof s.getContent)o=s.getContent.call(s,n,a);else{e('"getContent" function of component type "'+r+'" does not exist. Using default getContent method');var c=n.children(".keditor-component-content");o=c.html()}var l=t("<div />").html(o);return l.find("[data-dynamic-href]").each(function(){t(this).html("")}),o=l.html(),"<section "+d.join(" ")+">"+o+"</section>"},getContainerContent:function(n){e("getContainerContent",n);var i=this,o=(i.options,n.children(".keditor-container-inner").clone());return o.find("[data-type=container-content]").each(function(){var e=t(this);e.removeClass("keditor-container-content ui-droppable ui-sortable").removeAttr("id"),e.children(".keditor-component").each(function(){var e=t(this);e.replaceWith(i.getComponentContent(e))})}),"<section>"+o.html()+"</section>"}};var o={__init:function(n){return t(this).each(function(){var o=t(this);if(o.data("keditor"))e("KEditor is already initialized!");else{e("Initialze KEditor",o,n);var a=new i(o,n);o.data("keditor",a)}})},getContent:function(e){var n=t(this),i=n.data("keditor"),o=i.options,a=[];
+return n=o.iframeMode?i.body:n,n.find(".keditor-content-area").each(function(){var e="";t(this).children(".keditor-container").each(function(){var n=t(this);e+=i.getContainerContent(n,o)}),a.push(e)}),e?a:a.join("\n")},getOptions:function(){var e=t(this).data("keditor");return e.options}};t.keditor=i,t.fn.keditor=function(t){return o[t]&&"init"!==t?o[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?void n("Method "+t+" does not exist on $.fn.keditor"):o.__init.apply(this,arguments)}}(jQuery);
+//# sourceMappingURL=keditor-1.1.4.min.js.map
diff --git a/dist/js/keditor-1.1.4.min.js.map b/dist/js/keditor-1.1.4.min.js.map
new file mode 100644
index 00000000..95098d41
--- /dev/null
+++ b/dist/js/keditor-1.1.4.min.js.map
@@ -0,0 +1 @@
+{"version":3,"sources":["keditor-1.1.4.js"],"names":["$","flog","KEditor","debug","navigator","appName","arguments","length","console","log","error","msg","Error","fn","draggable","droppable","sortable","target","options","this","extend","DEFAULTS","init","version","niceScrollEnabled","btnMoveContainerText","btnMoveComponentText","btnSettingContainerText","btnSettingComponentText","btnDuplicateContainerText","btnDuplicateComponentText","btnDeleteContainerText","btnDeleteComponentText","tabContainersText","tabContainersTitle","tabComponentsText","tabComponentsTitle","tabTooltipEnabled","extraTabs","defaultComponentType","snippetsUrl","snippetsListId","snippetsTooltipEnabled","snippetsTooltipPosition","snippetsFilterEnabled","snippetsCategoriesSeparator","iframeMode","contentAreasSelector","contentAreasWrapper","containerSettingEnabled","containerSettingInitFunction","containerSettingShowFunction","containerSettingHideFunction","onReady","onInitFrame","frame","frameHead","frameBody","onSidebarToggled","isOpened","onInitContentArea","contentArea","onContentChanged","event","onInitContainer","container","onBeforeContainerDeleted","selectedContainer","onContainerDeleted","onContainerChanged","changedContainer","onContainerDuplicated","originalContainer","newContainer","onContainerSelected","onContainerSnippetDropped","droppedContainer","onComponentReady","component","onInitComponent","onBeforeComponentDeleted","selectedComponent","onComponentDeleted","onComponentChanged","changedComponent","onComponentDuplicated","originalComponent","newComponent","onComponentSelected","onComponentSnippetDropped","droppedComponent","onBeforeDynamicContentLoad","dynamicElement","onDynamicContentLoaded","response","status","xhr","onDynamicContentError","components","blank","settingEnabled","prototype","self","initFrame","body","document","is","htmlContent","val","keditorWrapper","keditorWrapperId","generateId","after","attr","id","class","html","css","ajaxRequest","hasClass","initSidebar","addClass","initKEditorClicks","initContentAreas","call","type","timestamp","Date","getTime","initNiceScroll","niceScroll","cursorcolor","cursorwidth","railpadding","top","right","left","bottom","cursorborder","disablemutationobserver","originalContent","iframe","iframeId","iframeDoc","contents","iframeHead","find","iframeBody","styles","each","style","href","append","initSidebarToggler","ajax","dataType","url","success","resp","renderSnippets","initSnippets","initTabs","initTabsSwitcher","initSettingPanel","initSnippetsFilter","tooltip","jqXHR","lowerCaseType","toLowerCase","categories","filterHtml","i","tab","snippets","prepend","snippet","filterCategories","split","data","txtSearch","cbbFilter","doFilter","selectedCategory","searchText","dataCategories","dataCategoriesString","join","inArray","title","indexOf","removeClass","on","timer","clearTimeout","setTimeout","toggleSidebar","showSidebar","icon","e","preventDefault","snippetsContainerHtml","snippetsComponentHtml","snippetsContentHtml","snippetsContainerCategories","snippetsComponentCategories","content","trim","previewUrl","snippetHtml","concat","dataAttributes","getDataAttributes","beautifyCategories","newArray","category","push","sort","snippetsList","helper","revert","connectToSortable","start","blur","stop","switcherWrapper","tabPaneWrapper","isPlainObject","tabName","tabData","text","switcherLis","tabPane","a","li","parent","activatedLi","filter","activatedPane","targetDiv","getNiceScroll","hide","targetNiceScroll","show","resize","hideSettingPanel","settingForms","form","setSettingContainer","idSettingContainer","removeAttr","getSettingContainer","setSettingComponent","idSettingComponent","getSettingComponent","showSettingPanel","isComponent","activeForm","children","componentType","getComponentType","componentData","settingTitle","settingForm","initSettingForm","loadingText","initFunction","when","done","remove","showSettingForm","activeType","hideSettingForm","getContentAreas","contentAreas","empty","initContentArea","accept","tolerance","greedy","handle","items","connectWith","axis","receive","ui","item","snippetContent","replaceWith","initContainer","convertToContainer","contentData","isSection","wrapInner","wrap","settingBtn","containerContents","containerContent","initContainerContent","snippetContentElement","closest","initComponent","convertToComponent","isExisting","ignoreAttributes","isArray","get","attributes","name","value","replace","componentContent","isSettingEnabled","dynamicContentRequests","initDynamicContent","apply","then","getClickedElement","selector","sidebar","btn","getContainerContent","componentSnippets","currentLinkedContainerContents","add","confirm","settingComponent","settingComponentParent","deleteComponent","getComponentContent","destroy","dynamicHref","param","getContent","tempDiv","containerInner","clone","methods","__init","keditor","result","getOptions","method","Array","slice","jQuery"],"mappings":"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","file":"keditor-1.1.4.min.js","sourcesContent":["/**!\r\n * KEditor - Kademi content editor\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.4\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n *\r\n * Configuration:\r\n * @option {Boolean} niceScrollEnabled Enable niceScroll or not\r\n * @option {String} btnMoveContainerText Text content for move button of container\r\n * @option {String} btnMoveComponentText Text content for move button of component\r\n * @option {String} btnSettingContainerText Text content for setting button of container\r\n * @option {String} btnSettingComponentText Text content for setting button of component\r\n * @option {String} btnDuplicateContainerText Text content for duplicate button of container\r\n * @option {String} btnDuplicateComponentText Text content for duplicate button of component\r\n * @option {String} btnDeleteContainerText Text content for delete button of container\r\n * @option {String} btnDeleteComponentText Text content for delete button of component\r\n * @option {String} tabContainersText Text for Containers tab\r\n * @option {String} tabContainersTitle Title for Containers tab\r\n * @option {String} tabComponentsText Text for Components tab\r\n * @option {String} tabComponentsTitle Title for Components tab\r\n * @option {Boolean} tabTooltipEnabled Bootstrap Tooltip is enabled for Component and Container tab or not\r\n * @option {Object} extraTabs Extra tabs besides Containers and Components tabs in sidebar\r\n * Example: {\r\n *     tabName: {\r\n *         text: 'My Extra Tab #1',\r\n *         title: 'My Extra Tab #1',\r\n *         content: 'Here is content of My Extra Tab #1'\r\n *     }\r\n * }\r\n * @option {String|Function} defaultComponentType Default component type of component. If type of component does not exist in KEditor.components, will be used 'defaultComponentType' as type of this component. If is function, argument is component - jQuery object of component\r\n * @option {String} snippetsUrl Url to snippets file\r\n * @option {String} snippetsListId Id of element which contains snippets. As default, value is \"keditor-snippets-list\" and KEditor will render snippets sidebar automatically. If you specific other id, only snippets will rendered and put into your element\r\n * @option {Boolean} snippetsTooltipEnabled Bootstrap tooltip is enable for snippet or not\r\n * @option {String} snippetsTooltipPosition Position of Bootstrap tooltip for snippet. Can be 'left', 'right', 'top' and 'bottom'\r\n * @option {Boolean} snippetsFilterEnabled Enable filtering snippets by categories and text searching or not\r\n * @option {String} snippetsCategoriesSeparator The separator character between each categories\r\n * @option {Boolean} iframeMode KEditor is created inside an iframe or not. Keditor will add all elements which have 'data-type=keditor-style' for iframe stylesheet. These elements can be 'link', 'style' or any tags. If these elements have 'href' attribute, will create link tag with href. If these elements do not have 'href' attribute, will create style tag with css rule is html code inside element\r\n * @option {String} contentAreasSelector Selector of content areas. If is null or selector does not match any elements, will create default content area and wrap all content inside it.\r\n * @option {String} contentAreasWrapper The wrapper element for all contents inside iframe. It's just for displaying purpose. If you want all contents inside iframe are appended into body tag\r\n * @option {Boolean} containerSettingEnabled Enable setting panel for container\r\n * @option {Function} containerSettingInitFunction Method will be called when initializing setting panel for container\r\n * @option {Function} containerSettingShowFunction Method will be called when setting panel for container is showed\r\n * @option {Function} containerSettingHideFunction Method will be called when setting panel for container is hidden\r\n * @option {Function} onReady Callback will be called after keditor instance is ready\r\n * @option {Function} onInitFrame Callback will be called after iframe and content areas wrapper inside it are created. Arguments: frame, frameHead, frameBody\r\n * @option {Function} onSidebarToggled Callback will be called after toggled sidebar. Arguments: isOpened\r\n * @option {Function} onInitContentArea Callback will be called when initializing content area. It can return array of jQuery objects which will be initialized as container in content area. By default, all first level sections under content area will be initialized. Arguments: contentArea\r\n * @option {Function} onContentChanged Callback will be called when content is changed. Includes add, delete, duplicate container or component. Or content of a component is changed. Arguments: event\r\n * @option {Function} onInitContainer Callback will be called when initializing container. It can return array of jQuery objects which will be initialized as editable components in container content (NOTE: these objects MUST be under elements which have attribute data-type=\"container-content\"). By default, all first level sections under container content will be initialized. Arguments: container\r\n * @option {Function} onBeforeContainerDeleted Callback will be called before container is deleted. Arguments: event, selectedContainer\r\n * @option {Function} onContainerDeleted Callback will be called after container and its components are already deleted. Arguments: event, selectedContainer\r\n * @option {Function} onContainerChanged Callback will be called when content of container is changed. It can be when container received new component from snippet or from other container. Or content of any components are changed or any components are deleted or duplicated. Arguments: event, changedContainer\r\n * @option {Function} onContainerDuplicated Callback will be called when a container is duplicated. Arguments: event, originalContainer, newContainer\r\n * @option {Function} onContainerSelected Callback will be called when a container is selected. Arguments: event, selectedContainer\r\n * @option {Function} onContainerSnippetDropped Callback will be called when a container snippet is dropped into content area. Arguments: event, newContainer, droppedContainer\r\n * @option {Function} onComponentReady Callback will be called after component is initialized. This callback is available or not is depend on component type handler.\r\n * @option {Function} onInitComponent Callback will be called when initializing component. Arguments: component\r\n * @option {Function} onBeforeComponentDeleted Callback will be called before a component is deleted. Arguments: event, selectedComponent\r\n * @option {Function} onComponentDeleted Callback will be called after a component is deleted. Arguments: event, selectedComponent\r\n * @option {Function} onComponentChanged Callback will be called when content of a component is changed. Arguments: event, changedComponent\r\n * @option {Function} onComponentDuplicated Callback will be called when a component is duplicated. Arguments: event, originalComponent, newComponent\r\n * @option {Function} onComponentSelected Callback will be called when a component is selected. Arguments: event, selectedComponent\r\n * @option {Function} onComponentSnippetDropped Callback will be called after a component snippet is dropped into a container. Arguments: event, newComponent, droppedComponent\r\n * @option {Function} onBeforeDynamicContentLoad Callback will be called before loading dynamic content. Arguments: dynamicElement, component\r\n * @option {Function} onDynamicContentLoaded Callback will be called after dynamic content is loaded. Arguments: dynamicElement, response, status, xhr\r\n * @option {Function} onDynamicContentError Callback will be called if loading dynamic content is error, abort or timeout. Arguments: dynamicElement, response, status, xhr\r\n */\r\n(function ($) {\r\n    // Log function will print log message when \"KEditor.debug\" equals \"true\"\r\n    var flog = function () {\r\n        if (typeof (console) !== 'undefined' && KEditor.debug === true) {\r\n            if (navigator.appName == 'Microsoft Internet Explorer') {\r\n                // BM: Previous used JSON, but that crashed IE sometimes. So this is pretty crap, but at least safer\r\n                if (arguments.length == 1) {\r\n                    console.log('[KEditor]', arguments[0]);\r\n                } else if (arguments.length == 2) {\r\n                    console.log('[KEditor]', arguments[0], arguments[1]);\r\n                } else if (arguments.length > 2) {\r\n                    console.log('[KEditor]', arguments[0], arguments[1], arguments[2]);\r\n                }\r\n            } else {\r\n                console.log(['KEditor'], arguments);\r\n            }\r\n        }\r\n    };\r\n    \r\n    // Throw error message\r\n    var error = function (msg) {\r\n        throw new Error('[KEditor] ' + msg);\r\n    };\r\n    \r\n    // Check dependencies\r\n    if (!$.fn.draggable) {\r\n        error('$.fn.draggable does not exist. Please import $.fn.draggable into your document for continue using KEditor.');\r\n    }\r\n    if (!$.fn.droppable) {\r\n        error('$.fn.droppable does not exist. Please import $.fn.droppable into your document for continue using KEditor.');\r\n    }\r\n    if (!$.fn.sortable) {\r\n        error('$.fn.sortable does not exist. Please import $.fn.sortable into your document for continue using KEditor.');\r\n    }\r\n    \r\n    // KEditor class\r\n    var KEditor = function (target, options) {\r\n        this.options = $.extend({}, KEditor.DEFAULTS, options);\r\n        this.init(target);\r\n    };\r\n    \r\n    // Turn on/off debug mode\r\n    KEditor.debug = true;\r\n    \r\n    // Version of KEditor\r\n    KEditor.version = '1.1.4';\r\n    \r\n    // Default configuration of KEditor\r\n    KEditor.DEFAULTS = {\r\n        niceScrollEnabled: true,\r\n        btnMoveContainerText: '<i class=\"fa fa-sort\"></i>',\r\n        btnMoveComponentText: '<i class=\"fa fa-arrows\"></i>',\r\n        btnSettingContainerText: '<i class=\"fa fa-cog\"></i>',\r\n        btnSettingComponentText: '<i class=\"fa fa-cog\"></i>',\r\n        btnDuplicateContainerText: '<i class=\"fa fa-files-o\"></i>',\r\n        btnDuplicateComponentText: '<i class=\"fa fa-files-o\"></i>',\r\n        btnDeleteContainerText: '<i class=\"fa fa-times\"></i>',\r\n        btnDeleteComponentText: '<i class=\"fa fa-times\"></i>',\r\n        tabContainersText: 'Containers',\r\n        tabContainersTitle: 'Containers',\r\n        tabComponentsText: 'Components',\r\n        tabComponentsTitle: 'Components',\r\n        tabTooltipEnabled: true,\r\n        extraTabs: null,\r\n        defaultComponentType: 'blank',\r\n        snippetsUrl: 'snippets/default/snippets.html',\r\n        snippetsListId: 'keditor-snippets-list',\r\n        snippetsTooltipEnabled: true,\r\n        snippetsTooltipPosition: 'left',\r\n        snippetsFilterEnabled: true,\r\n        snippetsCategoriesSeparator: ';',\r\n        iframeMode: false,\r\n        contentAreasSelector: null,\r\n        contentAreasWrapper: '<div class=\"keditor-content-areas-wrapper container\"></div>',\r\n        containerSettingEnabled: false,\r\n        containerSettingInitFunction: null,\r\n        containerSettingShowFunction: null,\r\n        containerSettingHideFunction: null,\r\n        onReady: function () {\r\n        },\r\n        onInitFrame: function (frame, frameHead, frameBody) {\r\n        },\r\n        onSidebarToggled: function (isOpened) {\r\n        },\r\n        onInitContentArea: function (contentArea) {\r\n        },\r\n        onContentChanged: function (event) {\r\n        },\r\n        onInitContainer: function (container) {\r\n        },\r\n        onBeforeContainerDeleted: function (event, selectedContainer) {\r\n        },\r\n        onContainerDeleted: function (event, selectedContainer) {\r\n        },\r\n        onContainerChanged: function (event, changedContainer) {\r\n        },\r\n        onContainerDuplicated: function (event, originalContainer, newContainer) {\r\n        },\r\n        onContainerSelected: function (event, selectedContainer) {\r\n        },\r\n        onContainerSnippetDropped: function (event, newContainer, droppedContainer) {\r\n        },\r\n        onComponentReady: function (component) {\r\n        },\r\n        onInitComponent: function (component) {\r\n        },\r\n        onBeforeComponentDeleted: function (event, selectedComponent) {\r\n        },\r\n        onComponentDeleted: function (event, selectedComponent) {\r\n        },\r\n        onComponentChanged: function (event, changedComponent) {\r\n        },\r\n        onComponentDuplicated: function (event, originalComponent, newComponent) {\r\n        },\r\n        onComponentSelected: function (event, selectedComponent) {\r\n        },\r\n        onComponentSnippetDropped: function (event, newComponent, droppedComponent) {\r\n        },\r\n        onBeforeDynamicContentLoad: function (dynamicElement, component) {\r\n        },\r\n        onDynamicContentLoaded: function (dynamicElement, response, status, xhr) {\r\n        },\r\n        onDynamicContentError: function (dynamicElement, response, status, xhr) {\r\n        }\r\n    };\r\n    \r\n    // Component types\r\n    KEditor.components = {\r\n        blank: {\r\n            settingEnabled: false\r\n        }\r\n    };\r\n    \r\n    // Export log methods;\r\n    KEditor.log = flog;\r\n    KEditor.error = error;\r\n    \r\n    KEditor.prototype = {\r\n        init: function (target) {\r\n            var self = this;\r\n            var options = self.options;\r\n            \r\n            if (options.iframeMode) {\r\n                target = self.initFrame(target);\r\n            } else {\r\n                self.body = $(document.body);\r\n                \r\n                if (target.is('textarea')) {\r\n                    flog('Target is textarea', target);\r\n                    \r\n                    var htmlContent = target.val();\r\n                    var keditorWrapper = $('<div />');\r\n                    var keditorWrapperId = self.generateId('wrapper');\r\n                    \r\n                    target.after(keditorWrapper);\r\n                    keditorWrapper.attr({\r\n                        id: keditorWrapperId,\r\n                        class: 'keditor-wrapper'\r\n                    });\r\n                    \r\n                    keditorWrapper.html(htmlContent);\r\n                    target.css('display', 'none');\r\n                    target.attr('data-keditor-wrapper', '#' + keditorWrapperId);\r\n                    \r\n                    target = keditorWrapper;\r\n                }\r\n            }\r\n            \r\n            var body = self.body;\r\n            var ajaxRequest;\r\n            if (body.hasClass('initialized-snippets-list')) {\r\n                flog('Snippets list is already initialized!');\r\n            } else {\r\n                ajaxRequest = self.initSidebar();\r\n                body.addClass('initialized-snippets-list');\r\n            }\r\n            if (body.hasClass('initialized-click-event-handlers')) {\r\n                flog('CLick event handlers is already initialized!');\r\n            } else {\r\n                self.initKEditorClicks();\r\n                body.addClass('initialized-click-event-handlers');\r\n            }\r\n            \r\n            self.initContentAreas(target);\r\n            \r\n            if (!ajaxRequest && typeof options.onReady === 'function') {\r\n                options.onReady.call(self);\r\n            }\r\n        },\r\n        \r\n        generateId: function (type) {\r\n            var timestamp = (new Date()).getTime();\r\n            return 'keditor-' + type + '-' + timestamp;\r\n        },\r\n        \r\n        initNiceScroll: function (target) {\r\n            flog('initNiceScroll', target);\r\n            \r\n            if ($.fn.niceScroll && this.options.niceScrollEnabled) {\r\n                flog('Initialize $.fn.niceScroll');\r\n                target.niceScroll({\r\n                    cursorcolor: '#999',\r\n                    cursorwidth: 6,\r\n                    railpadding: {\r\n                        top: 0,\r\n                        right: 0,\r\n                        left: 0,\r\n                        bottom: 0\r\n                    },\r\n                    cursorborder: '',\r\n                    disablemutationobserver: true\r\n                });\r\n            } else {\r\n                flog('$.fn.niceScroll does not exist. Use default sidebar.');\r\n            }\r\n        },\r\n        \r\n        initFrame: function (target) {\r\n            flog('initFrame', target);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var originalContent = target.html();\r\n            var iframe = $('<iframe />');\r\n            var iframeId = self.generateId('frame');\r\n            \r\n            target.after(iframe);\r\n            iframe.attr({\r\n                'id': iframeId,\r\n                'class': 'keditor-frame'\r\n            });\r\n            \r\n            target.css('display', 'none');\r\n            target.attr('data-keditor-frame', '#' + iframeId);\r\n            \r\n            var iframeDoc = iframe.contents();\r\n            var iframeHead = iframeDoc.find('head');\r\n            var iframeBody = iframeDoc.find('body');\r\n            \r\n            flog('Adding styles to iframe...');\r\n            var styles = '';\r\n            $('[data-type=\"keditor-style\"]').each(function () {\r\n                var style = $(this);\r\n                var href = style.attr('href') || style.attr('data-href') || '';\r\n                \r\n                if (href) {\r\n                    styles += '<link rel=\"stylesheet\" type=\"text/css\" href=\"' + href + '\" />\\n';\r\n                } else {\r\n                    styles += '<style type=\"text/css\">' + style.html() + '</style>\\n';\r\n                }\r\n            });\r\n            flog('Styles: \\n' + styles);\r\n            \r\n            iframeHead.append(styles);\r\n            flog('All styles are added');\r\n            \r\n            flog('Adding original content to iframe...');\r\n            var contentAreasWrapper;\r\n            if (options.contentAreasWrapper) {\r\n                contentAreasWrapper = $(options.contentAreasWrapper);\r\n                iframeBody.append(contentAreasWrapper);\r\n                contentAreasWrapper.html(originalContent);\r\n            } else {\r\n                iframeBody.html(originalContent);\r\n            }\r\n            \r\n            // In frame, have to use default snippets container\r\n            options.snippetsListId = KEditor.DEFAULTS.snippetsListId;\r\n            \r\n            self.body = iframeBody;\r\n            \r\n            if (typeof options.onInitFrame === 'function') {\r\n                options.onInitFrame.call(iframe, iframe, iframeHead, iframeBody);\r\n            }\r\n            \r\n            return contentAreasWrapper || iframeBody;\r\n        },\r\n        \r\n        initSidebar: function () {\r\n            flog('initSidebar');\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            body.addClass('opened-keditor-sidebar');\r\n            \r\n            if (options.snippetsListId === KEditor.DEFAULTS.snippetsListId) {\r\n                flog('Render default KEditor snippet container');\r\n                \r\n                body.append(\r\n                    '<div id=\"keditor-sidebar\">' +\r\n                    '   <a id=\"keditor-sidebar-toggler\"><i class=\"fa fa-chevron-right\"></i></a>' +\r\n                    '   <div id=\"keditor-snippets-list\"></div>' +\r\n                    '   <div id=\"keditor-snippets-content\" style=\"display: none\"></div>' +\r\n                    '   <div id=\"keditor-setting-panel\">' +\r\n                    '       <div id=\"keditor-setting-header\"><span id=\"keditor-setting-title\"></span><a href=\"#\" id=\"keditor-setting-closer\"><i class=\"fa fa-arrow-right\"></i></a></div>' +\r\n                    '       <div id=\"keditor-setting-body\"><div id=\"keditor-setting-forms\"></div></div>' +\r\n                    '   </div>' +\r\n                    '</div>'\r\n                );\r\n                self.initSidebarToggler();\r\n            } else {\r\n                flog('Render KEditor snippets content after custom snippets list with id=\"' + options.snippetsListId + '\"');\r\n                body.find('#' + options.snippetsListId).after('<div id=\"keditor-snippets-content\" style=\"display: none\"></div>');\r\n            }\r\n            \r\n            if (typeof options.snippetsUrl === 'string' && options.snippetsUrl.length > 0) {\r\n                flog('Getting snippets form \"' + options.snippetsUrl + '\"...');\r\n                \r\n                return $.ajax({\r\n                    type: 'get',\r\n                    dataType: 'html',\r\n                    url: options.snippetsUrl,\r\n                    success: function (resp) {\r\n                        flog('Success in getting snippets', resp);\r\n                        \r\n                        self.renderSnippets(resp);\r\n                        self.initSnippets();\r\n                        self.initTabs();\r\n                        self.initTabsSwitcher();\r\n                        self.initSettingPanel();\r\n                        \r\n                        if (options.snippetsFilterEnabled) {\r\n                            self.initSnippetsFilter('Container');\r\n                            self.initSnippetsFilter('Component');\r\n                        }\r\n                        \r\n                        if (options.snippetsTooltipEnabled || options.tabTooltipEnabled) {\r\n                            flog('Initialize Bootstrap tooltip plugin');\r\n                            body.find('#' + options.snippetsListId).find('[data-toggle=\"tooltip\"]').tooltip();\r\n                        }\r\n                        \r\n                        if (typeof options.onReady === 'function') {\r\n                            options.onReady.call(self);\r\n                        }\r\n                    },\r\n                    error: function (jqXHR) {\r\n                        flog('Error when getting snippets', jqXHR);\r\n                    }\r\n                });\r\n            } else {\r\n                error('\"snippetsUrl\" must be not null!');\r\n            }\r\n        },\r\n        \r\n        initSnippetsFilter: function (type) {\r\n            flog('initSnippetsFilter', type);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            var lowerCaseType = type.toLowerCase();\r\n            var categories = self['snippets' + type + 'Categories'];\r\n            \r\n            var filterHtml = '';\r\n            filterHtml += '<div id=\"keditor-' + lowerCaseType + '-snippets-filter-wrapper\" class=\"keditor-snippets-filter-wrapper\">';\r\n            filterHtml += '     <input type=\"text\" id=\"keditor-' + lowerCaseType + '-snippets-search\" class=\"keditor-snippets-search\" value=\"\" placeholder=\"Type to search...\" />';\r\n            filterHtml += '     <select id=\"keditor-' + lowerCaseType + '-snippets-filter\" class=\"keditor-snippets-filter\">';\r\n            filterHtml += '         <option value=\"\" selected=\"selected\">All</option>';\r\n            \r\n            for (var i = 0; i < categories.length; i++) {\r\n                filterHtml += '     <option value=\"' + categories[i] + '\">' + categories[i] + '</option>';\r\n            }\r\n            \r\n            filterHtml += '     </select>';\r\n            filterHtml += '</div>';\r\n            \r\n            var tab = body.find('#keditor-' + lowerCaseType + '-snippets-tab');\r\n            var snippets = tab.find('.keditor-snippet');\r\n            tab.prepend(filterHtml);\r\n            \r\n            snippets.each(function () {\r\n                var snippet = $(this);\r\n                var categories = snippet.attr('data-categories') || '';\r\n                var filterCategories = categories.toLowerCase();\r\n                categories = categories.split(options.snippetsCategoriesSeparator);\r\n                filterCategories = filterCategories.split(options.snippetsCategoriesSeparator);\r\n                \r\n                snippet.data('categories', categories);\r\n                snippet.data('categoriesFilter', filterCategories);\r\n            });\r\n            \r\n            var txtSearch = tab.find('.keditor-snippets-search');\r\n            var cbbFilter = tab.find('.keditor-snippets-filter');\r\n            \r\n            var doFilter = function () {\r\n                var selectedCategory = (cbbFilter.val() || '').toLowerCase();\r\n                var searchText = (txtSearch.val() || '').toLowerCase();\r\n                \r\n                flog('Do filter with selected category is \"' + selectedCategory + '\" and search text is \"' + searchText + '\"');\r\n                \r\n                if (selectedCategory || searchText) {\r\n                    flog('Filtering snippets');\r\n                    \r\n                    snippets.each(function () {\r\n                        var snippet = $(this);\r\n                        var dataCategories = snippet.data('categoriesFilter');\r\n                        var dataCategoriesString = dataCategories.join(';');\r\n                        var error = 0;\r\n                        \r\n                        if (selectedCategory) {\r\n                            if ($.inArray(selectedCategory, dataCategories) === -1) {\r\n                                error++;\r\n                            }\r\n                        }\r\n                        \r\n                        if (searchText) {\r\n                            var title = snippet.attr('title').toLowerCase();\r\n                            if (title.indexOf(searchText) === -1 && dataCategoriesString.indexOf(searchText) === -1) {\r\n                                error++;\r\n                            }\r\n                        }\r\n                        \r\n                        snippet[error === 0 ? 'removeClass' : 'addClass']('not-matched');\r\n                    });\r\n                } else {\r\n                    flog('Show all snippets');\r\n                    snippets.removeClass('not-matched');\r\n                }\r\n            };\r\n            \r\n            cbbFilter.on('change', function () {\r\n                doFilter();\r\n            });\r\n            \r\n            var timer;\r\n            txtSearch.on('keydown', function () {\r\n                clearTimeout(timer);\r\n                timer = setTimeout(function () {\r\n                    doFilter();\r\n                }, 200);\r\n            });\r\n        },\r\n        \r\n        toggleSidebar: function (showSidebar) {\r\n            flog('toggleSidebar', showSidebar);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            var icon = body.find('#keditor-sidebar-toggler i');\r\n            \r\n            if (showSidebar) {\r\n                body.addClass('opened-keditor-sidebar');\r\n                icon.attr('class', 'fa fa-chevron-right')\r\n            } else {\r\n                body.removeClass('opened-keditor-sidebar');\r\n                icon.attr('class', 'fa fa-chevron-left')\r\n            }\r\n            \r\n            if (typeof options.onSidebarToggled === 'function') {\r\n                options.onSidebarToggled.call(null, showSidebar);\r\n            }\r\n        },\r\n        \r\n        initSidebarToggler: function () {\r\n            flog('initSidebarToggler');\r\n            \r\n            var self = this;\r\n            var body = self.body;\r\n            \r\n            body.find('#keditor-sidebar-toggler').on('click', function (e) {\r\n                e.preventDefault();\r\n                \r\n                self.toggleSidebar(!body.hasClass('opened-keditor-sidebar'));\r\n            });\r\n        },\r\n        \r\n        renderSnippets: function (resp) {\r\n            flog('renderSnippets', resp);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            \r\n            var snippetsContainerHtml = '';\r\n            var snippetsComponentHtml = '';\r\n            var snippetsContentHtml = '';\r\n            \r\n            self.snippetsContainerCategories = [];\r\n            self.snippetsComponentCategories = [];\r\n            \r\n            $('<div />').html(resp).find('> div').each(function (i) {\r\n                var snippet = $(this);\r\n                var content = snippet.html().trim();\r\n                var previewUrl = snippet.attr('data-preview');\r\n                var type = snippet.attr('data-type');\r\n                var title = snippet.attr('data-keditor-title');\r\n                var snippetHtml = '';\r\n                var categories = snippet.attr('data-categories') || '';\r\n                \r\n                flog('Snippet #' + i + ' type=' + type + ' categories=' + categories, previewUrl, content);\r\n                \r\n                snippetHtml += '<section class=\"keditor-snippet\" data-snippet=\"#keditor-snippet-' + i + '\" data-type=\"' + type + '\" ' + (options.snippetsTooltipEnabled ? 'data-toggle=\"tooltip\" data-placement=\"' + options.snippetsTooltipPosition + '\"' : '') + ' title=\"' + title + '\" data-categories=\"' + categories + '\">';\r\n                snippetHtml += '   <img class=\"keditor-snippet-preview\" src=\"' + previewUrl + '\" />';\r\n                snippetHtml += '</section>';\r\n                \r\n                categories = categories.split(options.snippetsCategoriesSeparator);\r\n                \r\n                if (type === 'container') {\r\n                    snippetsContainerHtml += snippetHtml;\r\n                    self.snippetsContainerCategories = self.snippetsContainerCategories.concat(categories);\r\n                } else if (type.indexOf('component') !== -1) {\r\n                    snippetsComponentHtml += snippetHtml;\r\n                    self.snippetsComponentCategories = self.snippetsComponentCategories.concat(categories);\r\n                }\r\n                \r\n                var dataAttributes = self.getDataAttributes(snippet, ['data-preview', 'data-type', 'data-keditor-title', 'data-categories'], true);\r\n                snippetsContentHtml += '<script id=\"keditor-snippet-' + i + '\" type=\"text/html\" ' + dataAttributes.join(' ') + '>' + content + '</script>';\r\n            });\r\n            \r\n            self.snippetsContainerCategories = self.beautifyCategories(self.snippetsContainerCategories);\r\n            self.snippetsComponentCategories = self.beautifyCategories(self.snippetsComponentCategories);\r\n            \r\n            body.find('#' + options.snippetsListId).html(\r\n                '<ul id=\"keditor-snippets-type-switcher\" class=\"nav nav-tabs nav-justified\">' +\r\n                '    <li class=\"active\"><a href=\"#keditor-container-snippets-tab\"' + (options.tabTooltipEnabled ? 'data-toggle=\"tooltip\" data-placement=\"bottom\"' : '') + ' title=\"' + options.tabContainersTitle + '\">' + options.tabContainersText + '</a></li>' +\r\n                '    <li><a href=\"#keditor-component-snippets-tab\"' + (options.tabTooltipEnabled ? 'data-toggle=\"tooltip\" data-placement=\"bottom\"' : '') + ' title=\"' + options.tabComponentsTitle + '\">' + options.tabComponentsText + '</a></li>' +\r\n                '</ul>' +\r\n                '<div id=\"keditor-snippets-container\" class=\"tab-content\">' +\r\n                '   <div class=\"tab-pane keditor-snippets active\" id=\"keditor-container-snippets-tab\"><div class=\"keditor-snippets-inner\">' + snippetsContainerHtml + '</div></div>' +\r\n                '   <div class=\"tab-pane keditor-snippets\" id=\"keditor-component-snippets-tab\"><div class=\"keditor-snippets-inner\">' + snippetsComponentHtml + '</div></div>' +\r\n                '</div>'\r\n            ).addClass('loaded-snippets');\r\n            body.find('#keditor-snippets-content').html(snippetsContentHtml);\r\n        },\r\n        \r\n        beautifyCategories: function (categories) {\r\n            flog('beautifyCategories', categories);\r\n            \r\n            var newArray = [];\r\n            for (var i = 0; i < categories.length; i++) {\r\n                var category = categories[i] || '';\r\n                \r\n                if (category !== '' && $.inArray(category, newArray) === -1) {\r\n                    newArray.push(category);\r\n                }\r\n            }\r\n            \r\n            return newArray.sort();\r\n        },\r\n        \r\n        initSnippets: function () {\r\n            flog('initSnippets');\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            var snippetsList = body.find('#' + options.snippetsListId);\r\n            \r\n            flog('Initialize $.fn.draggable for container snippets list');\r\n            snippetsList.find('.keditor-snippet[data-type=container]').draggable({\r\n                helper: 'clone',\r\n                revert: 'invalid',\r\n                connectToSortable: body.find('.keditor-content-area'),\r\n                start: function () {\r\n                    $('[contenteditable]').blur();\r\n                    $('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                    $('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                },\r\n                stop: function () {\r\n                    snippetsList.find('.keditor-snippet[data-type^=component]').draggable('option', 'connectToSortable', body.find('.keditor-container-content'));\r\n                }\r\n            });\r\n            \r\n            snippetsList.find('.keditor-snippet[data-type^=component]').draggable({\r\n                helper: 'clone',\r\n                revert: 'invalid',\r\n                connectToSortable: body.find('.keditor-container-content'),\r\n                start: function () {\r\n                    body.find('[contenteditable]').blur();\r\n                    body.find('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                    body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                    body.addClass('highlighted-container-content');\r\n                },\r\n                stop: function () {\r\n                    body.removeClass('highlighted-container-content');\r\n                }\r\n            });\r\n        },\r\n        \r\n        initTabs: function () {\r\n            flog('initTabs');\r\n            \r\n            var self = this;\r\n            var body = self.body;\r\n            var options = self.options;\r\n            var switcherWrapper = body.find('#keditor-snippets-type-switcher');\r\n            var tabPaneWrapper = body.find('#keditor-snippets-container');\r\n            \r\n            if (options.extraTabs && $.isPlainObject(options.extraTabs)) {\r\n                flog('Add extra tabs', options.extraTabs);\r\n                \r\n                for (var tabName in options.extraTabs) {\r\n                    var tabData = options.extraTabs[tabName];\r\n                    \r\n                    switcherWrapper.append('<li><a href=\"#keditor-extra-tab-' + tabName + '\"' + (options.tabTooltipEnabled ? 'data-toggle=\"tooltip\" data-placement=\"bottom\" title=\"' + tabData.title + '\"' : '') + '>' + tabData.text + '</a></li>');\r\n                    tabPaneWrapper.append('<div class=\"tab-pane keditor-snippets\" id=\"keditor-extra-tab-' + tabName + '\"><div class=\"keditor-snippets-inner\">' + tabData.content + '</div></div>');\r\n                }\r\n            }\r\n            \r\n            self.initNiceScroll(tabPaneWrapper.find('.keditor-snippets-inner'));\r\n        },\r\n        \r\n        initTabsSwitcher: function () {\r\n            flog('initTabsSwitcher');\r\n            \r\n            var self = this;\r\n            var body = self.body;\r\n            var switcherLis = body.find('#keditor-snippets-type-switcher li');\r\n            var tabPane = body.find('#keditor-snippets-container .tab-pane');\r\n            \r\n            switcherLis.find('a').on('click', function (e) {\r\n                e.preventDefault();\r\n                \r\n                var a = $(this);\r\n                var li = a.parent();\r\n                var href = a.attr('href');\r\n                \r\n                if (!li.hasClass('active')) {\r\n                    var activatedLi = switcherLis.filter('.active');\r\n                    var activatedPane = tabPane.filter('.active');\r\n                    var targetDiv = body.find(href);\r\n                    \r\n                    activatedLi.removeClass('active');\r\n                    activatedPane.removeClass('active');\r\n                    \r\n                    li.addClass('active');\r\n                    targetDiv.addClass('active');\r\n                    \r\n                    if ($.fn.niceScroll && self.options.niceScrollEnabled) {\r\n                        activatedPane.getNiceScroll().hide();\r\n                        \r\n                        var targetNiceScroll = targetDiv.getNiceScroll();\r\n                        targetNiceScroll.show();\r\n                        targetNiceScroll.resize();\r\n                    }\r\n                }\r\n            });\r\n        },\r\n        \r\n        initSettingPanel: function () {\r\n            flog('initSettingPanel');\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            \r\n            body.find('#keditor-setting-closer').on('click', function (e) {\r\n                e.preventDefault();\r\n                \r\n                self.hideSettingPanel();\r\n            });\r\n            \r\n            var settingForms = body.find('#keditor-setting-forms');\r\n            self.initNiceScroll(settingForms);\r\n            \r\n            if (options.containerSettingEnabled === true) {\r\n                if (typeof options.containerSettingInitFunction === 'function') {\r\n                    \r\n                    var form = $('<div id=\"keditor-container-setting\" class=\"keditor-setting-form clearfix\"></div>');\r\n                    settingForms.append(form);\r\n                    \r\n                    flog('Initialize container setting panel');\r\n                    options.containerSettingInitFunction.call(self, form, self);\r\n                } else {\r\n                    error('\"containerSettingInitFunction\" is not function!');\r\n                }\r\n            }\r\n        },\r\n        \r\n        setSettingContainer: function (container) {\r\n            flog('setSettingContainer', container);\r\n            \r\n            var self = this;\r\n            var body = self.body;\r\n            \r\n            if (container) {\r\n                var idSettingContainer = container.attr('id');\r\n                body.attr('data-setting-container', idSettingContainer);\r\n            } else {\r\n                body.removeAttr('data-setting-container');\r\n            }\r\n        },\r\n        \r\n        getSettingContainer: function () {\r\n            flog('getSettingContainer');\r\n            \r\n            var self = this;\r\n            var body = self.body;\r\n            var idSettingContainer = body.attr('data-setting-container');\r\n            \r\n            return body.find('#' + idSettingContainer);\r\n        },\r\n        \r\n        setSettingComponent: function (component) {\r\n            flog('setSettingComponent', component);\r\n            \r\n            var self = this;\r\n            var body = self.body;\r\n            \r\n            if (component) {\r\n                var idSettingComponent = component.attr('id');\r\n                body.attr('data-setting-component', idSettingComponent);\r\n            } else {\r\n                body.removeAttr('data-setting-component');\r\n            }\r\n        },\r\n        \r\n        getSettingComponent: function () {\r\n            flog('getSettingComponent');\r\n            \r\n            var self = this;\r\n            var body = self.body;\r\n            var idSettingComponent = body.attr('data-setting-component');\r\n            \r\n            return body.find('#' + idSettingComponent);\r\n        },\r\n        \r\n        showSettingPanel: function (target) {\r\n            flog('showSettingPanel', target);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            var isComponent = target.is('.keditor-component');\r\n            \r\n            var activeForm = body.find('#keditor-setting-forms').children('.active');\r\n            activeForm.removeClass('active');\r\n            \r\n            if (isComponent) {\r\n                self.setSettingComponent(target);\r\n                self.setSettingContainer(null);\r\n                \r\n                var componentType = self.getComponentType(target);\r\n                var componentData = KEditor.components[componentType];\r\n                body.find('#keditor-setting-title').html(componentData.settingTitle);\r\n                \r\n                var settingForms = body.find('#keditor-setting-forms');\r\n                var settingForm = body.find('#keditor-setting-' + componentType);\r\n                \r\n                if (settingForm.length === 0) {\r\n                    var componentData = KEditor.components[componentType];\r\n                    if (typeof componentData.initSettingForm === 'function') {\r\n                        settingForm = $('<div id=\"keditor-setting-' + componentType + '\" data-type=\"' + componentType + '\" class=\"keditor-setting-form clearfix active\"></div>');\r\n                        var loadingText = $('<span />').html('Loading...');\r\n                        settingForms.append(settingForm);\r\n                        settingForm.append(loadingText);\r\n                        \r\n                        flog('Initializing setting form for component type \"' + componentType + '\"');\r\n                        \r\n                        var initFunction = componentData.initSettingForm.call(componentData, settingForm, self);\r\n                        $.when(initFunction).done(function () {\r\n                            flog('Initialized setting form for component type \"' + componentType + '\"');\r\n                            \r\n                            setTimeout(function () {\r\n                                loadingText.remove();\r\n                                \r\n                                if (typeof componentData.showSettingForm === 'function') {\r\n                                    flog('Show setting form of component type \"' + componentType + '\"');\r\n                                    componentData.showSettingForm.call(componentData, settingForm, target, self);\r\n                                } else {\r\n                                    flog('\"showSettingForm\" function of component type \"' + componentType + '\" does not exist');\r\n                                }\r\n                            }, 100);\r\n                        });\r\n                    } else {\r\n                        flog('\"initSettingForm\" function of component type \"' + componentType + '\" does not exist');\r\n                    }\r\n                } else {\r\n                    if (typeof componentData.showSettingForm === 'function') {\r\n                        flog('Show setting form of component type \"' + componentType + '\"');\r\n                        componentData.showSettingForm.call(componentData, settingForm, target, self);\r\n                    } else {\r\n                        flog('\"showSettingForm\" function of component type \"' + componentType + '\" does not exist');\r\n                    }\r\n                    settingForm.addClass('active');\r\n                }\r\n            } else {\r\n                self.setSettingContainer(target);\r\n                self.setSettingComponent(null);\r\n                \r\n                body.find('#keditor-setting-title').html(\"Container Settings\");\r\n                \r\n                var settingForm = body.find('#keditor-container-setting');\r\n                if (typeof options.containerSettingShowFunction === 'function') {\r\n                    flog('Show setting form of container');\r\n                    options.containerSettingShowFunction.call(self, settingForm, target, self);\r\n                } else {\r\n                    flog('\"containerSettingShowFunction\" does not exist');\r\n                }\r\n                settingForm.addClass('active');\r\n            }\r\n            \r\n            self.toggleSidebar(true);\r\n            body.addClass('opened-keditor-setting');\r\n        },\r\n        \r\n        hideSettingPanel: function () {\r\n            flog('hideSettingPanel');\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            \r\n            body.removeClass('opened-keditor-setting');\r\n            \r\n            var activeForm = body.find('#keditor-setting-forms').children('.active');\r\n            if (activeForm.length > 0) {\r\n                if (activeForm.is('#keditor-container-setting')) {\r\n                    if (typeof options.containerSettingHideFunction === 'function') {\r\n                        flog('Hide setting form of container');\r\n                        options.containerSettingHideFunction.call(self, activeForm, self);\r\n                    } else {\r\n                        flog('\"containerSettingHideFunction\" does not exist');\r\n                    }\r\n                } else {\r\n                    var activeType = activeForm.attr('data-type');\r\n                    var componentData = KEditor.components[activeType];\r\n                    \r\n                    if (typeof componentData.hideSettingForm === 'function') {\r\n                        flog('Hide setting form of component type \"' + activeType + '\"');\r\n                        componentData.hideSettingForm.call(componentData, activeForm, self);\r\n                    } else {\r\n                        flog('\"hideSettingForm\" function of component type \"' + activeType + '\" does not exist');\r\n                    }\r\n                }\r\n                \r\n                activeForm.removeClass('active');\r\n            }\r\n            \r\n            body.removeClass('opened-keditor-setting');\r\n            self.setSettingComponent(null);\r\n            self.setSettingContainer(null);\r\n        },\r\n        \r\n        getContentAreas: function (target) {\r\n            flog('getContentAreas', target);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var contentAreas;\r\n            if (options.contentAreasSelector) {\r\n                contentAreas = target.find(options.contentAreasSelector);\r\n            }\r\n            \r\n            if (!contentAreas || contentAreas.length === 0) {\r\n                flog('Do not find any content area. Creating default content area...');\r\n                contentAreas = $('<div />');\r\n                \r\n                var originalContent = target.html();\r\n                contentAreas.html(originalContent);\r\n                target.empty().append(contentAreas);\r\n            }\r\n            \r\n            return contentAreas;\r\n        },\r\n        \r\n        initContentAreas: function (target) {\r\n            flog('initContentAreas', target);\r\n            \r\n            var self = this;\r\n            var contentAreas = self.getContentAreas(target);\r\n            \r\n            contentAreas.each(function () {\r\n                var contentArea = $(this);\r\n                if (!contentArea.attr('id')) {\r\n                    contentArea.attr('id', self.generateId('content-area'));\r\n                }\r\n                \r\n                self.initContentArea(contentArea);\r\n                contentArea.data('keditor', self);\r\n            });\r\n        },\r\n        \r\n        initContentArea: function (contentArea) {\r\n            flog('initContentArea', contentArea);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            \r\n            contentArea.addClass('keditor-content-area');\r\n            \r\n            flog('Initialize $.fn.droppable for content area');\r\n            contentArea.droppable({\r\n                accept: '.keditor-snippet[data-type=container]',\r\n                tolerance: 'pointer',\r\n                greedy: true\r\n            });\r\n            \r\n            flog('Initialize $.fn.sortable for content area');\r\n            contentArea.sortable({\r\n                handle: '.btn-container-reposition',\r\n                items: '> section',\r\n                connectWith: '.keditor-content-area',\r\n                axis: 'y',\r\n                tolerance: 'pointer',\r\n                sort: function () {\r\n                    $(this).removeClass('ui-state-default');\r\n                },\r\n                receive: function (event, ui) {\r\n                    flog('On received snippet', event, ui);\r\n                    \r\n                    var helper = ui.helper;\r\n                    var item = ui.item;\r\n                    \r\n                    if (item.is('.keditor-snippet')) {\r\n                        var snippetContent = body.find(item.attr('data-snippet')).html();\r\n                        flog('Snippet content', snippetContent);\r\n                        \r\n                        var container = $(\r\n                            '<section class=\"keditor-container\">' +\r\n                            '   <section class=\"keditor-container-inner\">' + snippetContent + '</section>' +\r\n                            '</section>'\r\n                        );\r\n                        helper.replaceWith(container);\r\n                        \r\n                        if (!container.hasClass('showed-keditor-toolbar')) {\r\n                            $('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                            container.addClass('showed-keditor-toolbar');\r\n                        }\r\n                        \r\n                        if (typeof options.onContainerSnippetDropped === 'function') {\r\n                            options.onContainerSnippetDropped.call(contentArea, event, container, ui.item);\r\n                        }\r\n                        \r\n                        self.initContainer(contentArea, container);\r\n                    }\r\n                    \r\n                    self.hideSettingPanel();\r\n                    \r\n                    if (typeof options.onContentChanged === 'function') {\r\n                        options.onContentChanged.call(contentArea, event);\r\n                    }\r\n                }\r\n            });\r\n            \r\n            flog('Initialize existing containers in content area');\r\n            contentArea.children('section').each(function () {\r\n                self.convertToContainer(contentArea, $(this));\r\n            });\r\n            \r\n            if (typeof options.onInitContentArea === 'function') {\r\n                var contentData = options.onInitContentArea.call(contentArea, contentArea);\r\n                if (contentData && contentData.length > 0) {\r\n                    $.each(contentData, function () {\r\n                        self.convertToContainer(contentArea, $(this));\r\n                    });\r\n                }\r\n            }\r\n        },\r\n        \r\n        convertToContainer: function (contentArea, target) {\r\n            flog('convertToContainer', contentArea, target);\r\n            \r\n            var self = this;\r\n            var isSection = target.is('section');\r\n            var container;\r\n            \r\n            if (isSection) {\r\n                target.addClass('keditor-container');\r\n                target.wrapInner('<section class=\"keditor-container-inner\"></section>');\r\n                container = target;\r\n            } else {\r\n                target.wrap('<section class=\"keditor-container\"><section class=\"keditor-container-inner\"></section></section>');\r\n                container = target.parent().parent();\r\n            }\r\n            \r\n            self.initContainer(contentArea, container);\r\n        },\r\n        \r\n        initContainer: function (contentArea, container) {\r\n            flog('initContainer', contentArea, container);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            \r\n            if (!container.hasClass('keditor-initialized-container') || !container.hasClass('keditor-initializing-container')) {\r\n                container.addClass('keditor-initializing-container');\r\n                \r\n                var settingBtn = '';\r\n                if (options.containerSettingEnabled === true) {\r\n                    settingBtn = '<a href=\"#\" class=\"btn-container-setting\">' + options.btnSettingContainerText + '</a>';\r\n                }\r\n                \r\n                flog('Render KEditor toolbar for container', container);\r\n                container.append(\r\n                    '<div class=\"keditor-toolbar keditor-toolbar-container\">' +\r\n                    '   <a href=\"#\" class=\"btn-container-reposition\">' + options.btnMoveContainerText + '</a>' + settingBtn +\r\n                    '   <a href=\"#\" class=\"btn-container-duplicate\">' + options.btnDuplicateContainerText + '</a>' +\r\n                    '   <a href=\"#\" class=\"btn-container-delete\">' + options.btnDeleteContainerText + '</a>' +\r\n                    '</div>'\r\n                );\r\n                \r\n                container.attr('id', self.generateId('container'));\r\n                \r\n                var containerContents = container.find('[data-type=\"container-content\"]');\r\n                flog('Initialize ' + containerContents.length + ' container content(s)');\r\n                containerContents.each(function () {\r\n                    var containerContent = $(this);\r\n                    \r\n                    self.initContainerContent(contentArea, container, containerContent);\r\n                });\r\n                \r\n                if (typeof options.onInitContainer === 'function') {\r\n                    options.onInitContainer.call(contentArea, container);\r\n                }\r\n                \r\n                container.addClass('keditor-initialized-container');\r\n                container.removeClass('keditor-initializing-container');\r\n            } else {\r\n                if (container.hasClass('keditor-initialized-container')) {\r\n                    flog('Container is already initialized!');\r\n                } else {\r\n                    flog('Container is initializing...');\r\n                }\r\n            }\r\n        },\r\n        \r\n        initContainerContent: function (contentArea, container, containerContent) {\r\n            flog('initContainerContent', contentArea, container, containerContent);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            containerContent.addClass('keditor-container-content');\r\n            containerContent.attr('id', self.generateId('container-content'));\r\n            \r\n            flog('Initialize $.fn.droppable for container content');\r\n            containerContent.droppable({\r\n                accept: '.keditor-snippet[data-type=component]',\r\n                tolerance: 'pointer',\r\n                greedy: true\r\n            });\r\n            \r\n            flog('Initialize $.fn.sortable for container content');\r\n            containerContent.sortable({\r\n                handle: '.btn-component-reposition',\r\n                items: '> section',\r\n                connectWith: '.keditor-container-content',\r\n                tolerance: 'pointer',\r\n                sort: function () {\r\n                    $(this).removeClass('ui-state-default');\r\n                },\r\n                receive: function (event, ui) {\r\n                    flog('On received snippet', event, ui);\r\n                    \r\n                    var helper = ui.helper;\r\n                    var item = ui.item;\r\n                    var container;\r\n                    \r\n                    if (item.is('.keditor-snippet')) {\r\n                        var snippetContentElement = body.find(item.attr('data-snippet'));\r\n                        var snippetContent = snippetContentElement.html();\r\n                        var componentType = item.attr('data-type');\r\n                        flog('Snippet content', snippetContent);\r\n                        \r\n                        var dataAttributes = self.getDataAttributes(snippetContentElement, null, true);\r\n                        var component = $(\r\n                            '<section class=\"keditor-component\" data-type=\"' + componentType + '\" ' + dataAttributes.join(' ') + '>' +\r\n                            '   <section class=\"keditor-component-content\">' + snippetContent + '</section>' +\r\n                            '</section>'\r\n                        );\r\n                        helper.replaceWith(component);\r\n                        \r\n                        container = component.closest('.keditor-container');\r\n                        \r\n                        if (typeof options.onComponentSnippetDropped === 'function') {\r\n                            options.onComponentSnippetDropped.call(contentArea, event, component, ui.item);\r\n                        }\r\n                        \r\n                        self.initComponent(contentArea, container, component);\r\n                    } else {\r\n                        container = item.closest('.keditor-container');\r\n                    }\r\n                    \r\n                    if (!container.hasClass('showed-keditor-toolbar')) {\r\n                        $('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                        container.addClass('showed-keditor-toolbar');\r\n                    }\r\n                    \r\n                    if (typeof options.onContainerChanged === 'function') {\r\n                        options.onContainerChanged.call(contentArea, event, container);\r\n                    }\r\n                    \r\n                    if (typeof options.onContentChanged === 'function') {\r\n                        options.onContentChanged.call(contentArea, event);\r\n                    }\r\n                }\r\n            });\r\n            \r\n            flog('Initialize existing components inside container content');\r\n            containerContent.children().each(function () {\r\n                var content = $(this);\r\n                \r\n                self.convertToComponent(contentArea, container, content, true);\r\n            });\r\n        },\r\n        \r\n        convertToComponent: function (contentArea, container, target, isExisting) {\r\n            flog('convertToComponent', contentArea, container, target, isExisting);\r\n            \r\n            var self = this;\r\n            var isSection = target.is('section');\r\n            var component;\r\n            \r\n            if (isSection) {\r\n                target.addClass('keditor-component');\r\n                target.wrapInner('<section class=\"keditor-component-content\"></section>');\r\n                component = target;\r\n            } else {\r\n                target.wrap('<section class=\"keditor-component\"><section class=\"keditor-component-content\"></section></section>');\r\n                component = target.parent().parent();\r\n            }\r\n            \r\n            if (isExisting) {\r\n                component.addClass('existing-component');\r\n            }\r\n            \r\n            self.initComponent(contentArea, container, component);\r\n        },\r\n        \r\n        getDataAttributes: function (target, ignoreAttributes, isArray) {\r\n            flog('getDataAttributes', target, ignoreAttributes, isArray);\r\n            \r\n            var dataAttributes = isArray ? [] : {};\r\n            if (!ignoreAttributes) {\r\n                ignoreAttributes = [];\r\n            }\r\n            \r\n            $.each(target.get(0).attributes, function (i, attr) {\r\n                if (attr.name.indexOf('data-') === 0 && $.inArray(attr.name, ignoreAttributes) === -1) {\r\n                    if (isArray) {\r\n                        dataAttributes.push(attr.name + '=\"' + attr.value + '\"');\r\n                    } else {\r\n                        dataAttributes[attr.name] = attr.value;\r\n                    }\r\n                }\r\n            });\r\n            \r\n            return dataAttributes;\r\n        },\r\n        \r\n        getComponentType: function (component) {\r\n            flog('getComponentType', component);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            \r\n            var dataType = component.attr('data-type');\r\n            var componentType = dataType ? dataType.replace('component-', '') : '';\r\n            if (componentType && (componentType in KEditor.components)) {\r\n                return componentType;\r\n            } else {\r\n                if (componentType) {\r\n                    flog('Component type \"' + componentType + '\" does not exist');\r\n                } else {\r\n                    flog('This component does not contain data-type attribute');\r\n                }\r\n                \r\n                if (typeof options.defaultComponentType === 'string') {\r\n                    componentType = options.defaultComponentType;\r\n                } else if (typeof options.defaultComponentType === 'function') {\r\n                    componentType = options.defaultComponentType.call(component, component);\r\n                }\r\n                \r\n                if (!componentType) {\r\n                    error('Component type is undefined!');\r\n                }\r\n                \r\n                flog('Fallback to defaultComponentType: ' + componentType);\r\n                return componentType;\r\n            }\r\n        },\r\n        \r\n        initComponent: function (contentArea, container, component) {\r\n            flog('initComponent', contentArea, container, component);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            \r\n            if (!component.hasClass('keditor-initialized-component') || !component.hasClass('keditor-initializing-component')) {\r\n                component.addClass('keditor-initializing-component');\r\n                component.attr('id', self.generateId('component'));\r\n                \r\n                var componentContent = component.children('.keditor-component-content');\r\n                componentContent.attr('id', self.generateId('component-content'));\r\n                \r\n                var componentType = self.getComponentType(component);\r\n                flog('Component type: ' + componentType);\r\n                \r\n                var componentData = KEditor.components[componentType];\r\n                var isSettingEnabled = componentData.settingEnabled;\r\n                var settingBtn = '';\r\n                if (isSettingEnabled) {\r\n                    settingBtn = '<a href=\"#\" class=\"btn-component-setting\">' + options.btnSettingComponentText + '</a>';\r\n                }\r\n                \r\n                flog('Render KEditor toolbar for component', component);\r\n                component.append(\r\n                    '<div class=\"keditor-toolbar keditor-toolbar-component\">' +\r\n                    '   <a href=\"#\" class=\"btn-component-reposition\">' + options.btnMoveComponentText + '</a>' + settingBtn +\r\n                    '   <a href=\"#\" class=\"btn-component-duplicate\">' + options.btnDuplicateComponentText + '</a>' +\r\n                    '   <a href=\"#\" class=\"btn-component-delete\">' + options.btnDeleteComponentText + '</a>' +\r\n                    '</div>'\r\n                );\r\n                \r\n                var dynamicContentRequests = [];\r\n                component.find('[data-dynamic-href]').each(function () {\r\n                    var dynamicElement = $(this);\r\n                    \r\n                    dynamicContentRequests.push(self.initDynamicContent(dynamicElement));\r\n                });\r\n                \r\n                $.when.apply(null, dynamicContentRequests).then(function () {\r\n                    if (typeof componentData.init === 'function') {\r\n                        componentData.init.call(componentData, contentArea, container, component, self);\r\n                    } else {\r\n                        body.removeClass('highlighted-container-content');\r\n                        flog('\"init\" function of component type \"' + componentType + '\" does not exist');\r\n                    }\r\n                    \r\n                    if (typeof options.onInitComponent === 'function') {\r\n                        options.onInitComponent.call(contentArea, component);\r\n                    }\r\n                    \r\n                    component.addClass('keditor-initialized-component');\r\n                    component.removeClass('keditor-initializing-component');\r\n                });\r\n            } else {\r\n                if (component.hasClass('keditor-initialized-component')) {\r\n                    flog('Component is already initialized!');\r\n                } else {\r\n                    flog('Component is initializing...');\r\n                }\r\n            }\r\n        },\r\n        \r\n        getClickedElement: function (event, selector) {\r\n            var target = $(event.target);\r\n            var closest = target.closest(selector);\r\n            \r\n            if (target.is(selector)) {\r\n                return target;\r\n            } else if (closest.length > 0) {\r\n                return closest;\r\n            } else {\r\n                return null;\r\n            }\r\n        },\r\n        \r\n        initKEditorClicks: function () {\r\n            flog('initKEditorClicks');\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var body = self.body;\r\n            \r\n            body.on('click', function (e) {\r\n                var sidebar = self.getClickedElement(e, '#keditor-sidebar');\r\n                \r\n                var container = self.getClickedElement(e, '.keditor-container');\r\n                if (container) {\r\n                    flog('Click on .keditor-container', container);\r\n                    \r\n                    if (!container.hasClass('showed-keditor-toolbar')) {\r\n                        body.find('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                        body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                        container.addClass('showed-keditor-toolbar');\r\n                        \r\n                        var contentArea = container.parent();\r\n                        if (typeof options.onContainerSelected === 'function') {\r\n                            options.onContainerSelected.call(contentArea, e, container);\r\n                        }\r\n                    }\r\n                } else {\r\n                    if (!sidebar) {\r\n                        body.find('.keditor-container.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                        body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                    }\r\n                }\r\n                \r\n                var component = self.getClickedElement(e, '.keditor-component');\r\n                if (component) {\r\n                    flog('Click on .keditor-component', component);\r\n                    \r\n                    if (!component.hasClass('showed-keditor-toolbar')) {\r\n                        body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                        component.addClass('showed-keditor-toolbar');\r\n                        \r\n                        var contentArea = component.parent();\r\n                        if (typeof options.onComponentSelected === 'function') {\r\n                            options.onComponentSelected.call(contentArea, e, component);\r\n                        }\r\n                    }\r\n                } else {\r\n                    if (!sidebar) {\r\n                        body.find('.keditor-component.showed-keditor-toolbar').removeClass('showed-keditor-toolbar');\r\n                    }\r\n                }\r\n            });\r\n            \r\n            \r\n            body.on('click', '.btn-container-setting', function (e) {\r\n                e.preventDefault();\r\n                \r\n                var btn = $(this);\r\n                flog('Click on .btn-container-setting', btn);\r\n                \r\n                var container = btn.closest('.keditor-container');\r\n                if (body.hasClass('opened-keditor-setting') && body.hasClass('opened-keditor-sidebar')) {\r\n                    if (!container.is(self.getSettingContainer())) {\r\n                        self.showSettingPanel(container);\r\n                    } else {\r\n                        self.hideSettingPanel();\r\n                    }\r\n                } else {\r\n                    self.showSettingPanel(container);\r\n                }\r\n            });\r\n            \r\n            body.on('click', '.btn-container-duplicate', function (e) {\r\n                e.preventDefault();\r\n                \r\n                var btn = $(this);\r\n                flog('Click on .btn-container-duplicate', btn);\r\n                \r\n                var container = btn.closest('.keditor-container');\r\n                var contentArea = container.parent();\r\n                var newContainer = $(self.getContainerContent(container));\r\n                \r\n                container.after(newContainer);\r\n                self.convertToContainer(contentArea, newContainer);\r\n                \r\n                var snippetsList = body.find('#' + options.snippetsListId);\r\n                var componentSnippets = snippetsList.find('.keditor-snippet[data-type^=component]');\r\n                var currentLinkedContainerContents = componentSnippets.draggable('option', 'connectToSortable');\r\n                componentSnippets.draggable('option', 'connectToSortable', currentLinkedContainerContents.add(newContainer.find('.keditor-container-content')));\r\n                \r\n                flog('Container is duplicated');\r\n                \r\n                if (typeof options.onContainerDuplicated === 'function') {\r\n                    options.onContainerDuplicated.call(contentArea, container, newContainer);\r\n                }\r\n                \r\n                if (typeof options.onContentChanged === 'function') {\r\n                    options.onContentChanged.call(contentArea, e);\r\n                }\r\n            });\r\n            \r\n            body.on('click', '.btn-container-delete', function (e) {\r\n                e.preventDefault();\r\n                \r\n                var btn = $(this);\r\n                flog('Click on .btn-container-delete', btn);\r\n                \r\n                if (confirm('Are you sure that you want to delete this container? This action can not be undo!')) {\r\n                    var container = btn.closest('.keditor-container');\r\n                    var components = container.find('.keditor-component');\r\n                    var contentArea = container.parent();\r\n                    \r\n                    if (typeof options.onBeforeContainerDeleted === 'function') {\r\n                        options.onBeforeContainerDeleted.call(contentArea, e, container);\r\n                    }\r\n                    \r\n                    var settingComponent = self.getSettingComponent();\r\n                    if (settingComponent) {\r\n                        var settingComponentParent = settingComponent.closest('.keditor-container');\r\n                        if (settingComponentParent.is(container)) {\r\n                            flog('Deleting container is container of setting container. Close setting panel for this setting component', settingComponent);\r\n                            self.hideSettingPanel();\r\n                        }\r\n                    } else if (self.getSettingContainer().is(container)) {\r\n                        flog('Deleting container is setting container. Close setting panel for this container', container);\r\n                        self.hideSettingPanel();\r\n                    }\r\n                    \r\n                    if (components.length > 0) {\r\n                        components.each(function () {\r\n                            self.deleteComponent($(this));\r\n                        });\r\n                    }\r\n                    \r\n                    container.remove();\r\n                    \r\n                    if (typeof options.onContainerDeleted === 'function') {\r\n                        options.onContainerDeleted.call(contentArea, e, container);\r\n                    }\r\n                    \r\n                    if (typeof options.onContentChanged === 'function') {\r\n                        options.onContentChanged.call(contentArea, e);\r\n                    }\r\n                }\r\n            });\r\n            \r\n            body.on('click', '.btn-component-setting', function (e) {\r\n                e.preventDefault();\r\n                \r\n                var btn = $(this);\r\n                flog('Click on .btn-component-setting', btn);\r\n                \r\n                var component = btn.closest('.keditor-component');\r\n                if (body.hasClass('opened-keditor-setting') && body.hasClass('opened-keditor-sidebar')) {\r\n                    if (!component.is(self.getSettingComponent())) {\r\n                        self.showSettingPanel(component);\r\n                    } else {\r\n                        self.hideSettingPanel();\r\n                    }\r\n                } else {\r\n                    self.showSettingPanel(component);\r\n                }\r\n            });\r\n            \r\n            body.on('click', '.btn-component-duplicate', function (e) {\r\n                e.preventDefault();\r\n                \r\n                var btn = $(this);\r\n                flog('Click on .btn-component-duplicate', btn);\r\n                \r\n                var component = btn.closest('.keditor-component');\r\n                var container = component.closest('.keditor-container');\r\n                var contentArea = container.parent();\r\n                var newComponent = $(self.getComponentContent(component));\r\n                \r\n                component.after(newComponent);\r\n                self.convertToComponent(contentArea, container, newComponent);\r\n                \r\n                flog('Component is duplicated');\r\n                \r\n                if (typeof options.onComponentDuplicated === 'function') {\r\n                    options.onComponentDuplicated.call(contentArea, component, newComponent);\r\n                }\r\n                \r\n                if (typeof options.onContainerChanged === 'function') {\r\n                    options.onContainerChanged.call(contentArea, e, container);\r\n                }\r\n                \r\n                if (typeof options.onContentChanged === 'function') {\r\n                    options.onContentChanged.call(contentArea, e);\r\n                }\r\n            });\r\n            \r\n            body.on('click', '.btn-component-delete', function (e) {\r\n                e.preventDefault();\r\n                \r\n                var btn = $(this);\r\n                flog('Click on .btn-component-delete', btn);\r\n                \r\n                if (confirm('Are you sure that you want to delete this component? This action can not be undo!')) {\r\n                    var component = btn.closest('.keditor-component');\r\n                    var contentArea = component.closest('.keditor-content-area');\r\n                    \r\n                    if (typeof options.onBeforeComponentDeleted === 'function') {\r\n                        options.onBeforeComponentDeleted.call(contentArea, e, component);\r\n                    }\r\n                    \r\n                    if (self.getSettingComponent().is(component)) {\r\n                        self.hideSettingPanel();\r\n                    }\r\n                    \r\n                    self.deleteComponent(component);\r\n                    \r\n                    if (typeof options.onComponentDeleted === 'function') {\r\n                        options.onComponentDeleted.call(contentArea, e, component);\r\n                    }\r\n                    \r\n                    if (typeof options.onContainerChanged === 'function') {\r\n                        options.onContainerChanged.call(contentArea, e, component);\r\n                    }\r\n                    \r\n                    if (typeof options.onContentChanged === 'function') {\r\n                        options.onContentChanged.call(contentArea, e);\r\n                    }\r\n                }\r\n            });\r\n        },\r\n        \r\n        deleteComponent: function (component) {\r\n            flog('deleteComponent', component);\r\n            \r\n            var self = this;\r\n            \r\n            var componentType = self.getComponentType(component);\r\n            var componentData = KEditor.components[componentType];\r\n            if (typeof componentData.destroy === 'function') {\r\n                componentData.destroy.call(componentData, component, self);\r\n            } else {\r\n                flog('\"destroy\" function of component type \"' + componentType + '\" does not exist');\r\n            }\r\n            \r\n            component.remove();\r\n        },\r\n        \r\n        initDynamicContent: function (dynamicElement) {\r\n            flog('initDynamicContent', dynamicElement);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var component = dynamicElement.closest('.keditor-component');\r\n            var contentArea = dynamicElement.closest('.keditor-content-area');\r\n            \r\n            if (!dynamicElement.attr('id')) {\r\n                dynamicElement.attr('id', self.generateId('dynamic-element'));\r\n            }\r\n            \r\n            if (typeof options.onBeforeDynamicContentLoad === 'function') {\r\n                options.onBeforeDynamicContentLoad.call(contentArea, dynamicElement, component);\r\n            }\r\n            \r\n            var dynamicHref = dynamicElement.attr('data-dynamic-href');\r\n            var data = self.getDataAttributes(component, ['data-type', 'data-dynamic-href'], false);\r\n            data = $.param(data);\r\n            flog('Dynamic href: ' + dynamicHref, 'Data: ' + data);\r\n            \r\n            return $.ajax({\r\n                url: dynamicHref,\r\n                data: data,\r\n                type: 'GET',\r\n                dataType: 'HTML',\r\n                success: function (response, status, xhr) {\r\n                    flog('Dynamic content is loaded', dynamicElement, response, status, xhr);\r\n                    dynamicElement.html(response);\r\n                    \r\n                    if (typeof options.onDynamicContentLoaded === 'function') {\r\n                        options.onDynamicContentLoaded.call(contentArea, dynamicElement, response, status, xhr);\r\n                    }\r\n                },\r\n                error: function (response, status, xhr) {\r\n                    flog('Error when loading dynamic content', dynamicElement, response, status, xhr);\r\n                    \r\n                    if (typeof options.onDynamicContentError === 'function') {\r\n                        options.onDynamicContentError.call(contentArea, dynamicElement, response, status, xhr);\r\n                    }\r\n                }\r\n            });\r\n        },\r\n        \r\n        getComponentContent: function (component) {\r\n            flog('getComponentContent', component);\r\n            \r\n            var self = this;\r\n            var componentType = self.getComponentType(component);\r\n            var componentData = KEditor.components[componentType];\r\n            var dataAttributes = self.getDataAttributes(component, null, true);\r\n            var content;\r\n            \r\n            if (typeof componentData.getContent === 'function') {\r\n                content = componentData.getContent.call(componentData, component, self);\r\n            } else {\r\n                flog('\"getContent\" function of component type \"' + componentType + '\" does not exist. Using default getContent method');\r\n                var componentContent = component.children('.keditor-component-content');\r\n                content = componentContent.html();\r\n            }\r\n            \r\n            var tempDiv = $('<div />').html(content);\r\n            tempDiv.find('[data-dynamic-href]').each(function () {\r\n                $(this).html('');\r\n            });\r\n            content = tempDiv.html();\r\n            \r\n            return '<section ' + dataAttributes.join(' ') + '>' + content + '</section>';\r\n        },\r\n        \r\n        getContainerContent: function (container) {\r\n            flog('getContainerContent', container);\r\n            \r\n            var self = this;\r\n            var options = self.options;\r\n            var containerInner = container.children('.keditor-container-inner').clone();\r\n            \r\n            containerInner.find('[data-type=container-content]').each(function () {\r\n                var containerContent = $(this);\r\n                containerContent.removeClass('keditor-container-content ui-droppable ui-sortable').removeAttr('id');\r\n                \r\n                containerContent.children('.keditor-component').each(function () {\r\n                    var component = $(this);\r\n                    \r\n                    component.replaceWith(self.getComponentContent(component));\r\n                });\r\n            });\r\n            \r\n            return '<section>' + containerInner.html() + '</section>';\r\n        }\r\n        \r\n    };\r\n    \r\n    // Plugin methods\r\n    var methods = {\r\n        __init: function (options) {\r\n            return $(this).each(function () {\r\n                var target = $(this);\r\n                \r\n                if (target.data('keditor')) {\r\n                    flog('KEditor is already initialized!');\r\n                } else {\r\n                    flog('Initialze KEditor', target, options);\r\n                    var keditor = new KEditor(target, options);\r\n                    target.data('keditor', keditor);\r\n                }\r\n            });\r\n        },\r\n        \r\n        getContent: function (inArray) {\r\n            var target = $(this);\r\n            var keditor = target.data('keditor');\r\n            var options = keditor.options;\r\n            var result = [];\r\n            target = options.iframeMode ? keditor.body : target;\r\n            \r\n            target.find('.keditor-content-area').each(function () {\r\n                var html = '';\r\n                $(this).children('.keditor-container').each(function () {\r\n                    var container = $(this);\r\n                    \r\n                    html += keditor.getContainerContent(container, options);\r\n                });\r\n                \r\n                result.push(html);\r\n            });\r\n            \r\n            return inArray ? result : result.join('\\n');\r\n        },\r\n        \r\n        getOptions: function () {\r\n            var keditor = $(this).data('keditor');\r\n            \r\n            return keditor.options;\r\n        }\r\n    };\r\n    \r\n    // Export KEditor\r\n    $.keditor = KEditor;\r\n    \r\n    // KEditor plugins\r\n    $.fn.keditor = function (method) {\r\n        if (methods[method] && method !== 'init') {\r\n            return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));\r\n        } else if (typeof method === 'object' || !method) {\r\n            return methods.__init.apply(this, arguments);\r\n        } else {\r\n            error('Method ' + method + ' does not exist on $.fn.keditor');\r\n        }\r\n    };\r\n    \r\n})(jQuery);\r\n"],"sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/dist/js/keditor-components-1.1.3.js b/dist/js/keditor-components-1.1.4.js
similarity index 99%
rename from dist/js/keditor-components-1.1.3.js
rename to dist/js/keditor-components-1.1.4.js
index 509915e2..74e6839a 100644
--- a/dist/js/keditor-components-1.1.3.js
+++ b/dist/js/keditor-components-1.1.4.js
@@ -2,7 +2,7 @@
  * KEditor Audio Component
  * @copyright: Kademi (http://kademi.co)
  * @author: Kademi (http://kademi.co)
- * @version: 1.1.3
+ * @version: 1.1.4
  * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)
  */
 (function ($) {
@@ -118,7 +118,7 @@
  * KEditor Google Map Component
  * @copyright: Kademi (http://kademi.co)
  * @author: Kademi (http://kademi.co)
- * @version: 1.1.3
+ * @version: 1.1.4
  * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)
  */
 (function ($) {
@@ -195,7 +195,7 @@
  * KEditor Photo Component
  * @copyright: Kademi (http://kademi.co)
  * @author: Kademi (http://kademi.co)
- * @version: 1.1.3
+ * @version: 1.1.4
  * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)
  */
 (function ($) {
@@ -403,7 +403,7 @@
  * KEditor Text Component
  * @copyright: Kademi (http://kademi.co)
  * @author: Kademi (http://kademi.co)
- * @version: 1.1.3
+ * @version: 1.1.4
  * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)
  */
 (function ($) {
@@ -506,7 +506,7 @@
  * KEditor Video Component
  * @copyright: Kademi (http://kademi.co)
  * @author: Kademi (http://kademi.co)
- * @version: 1.1.3
+ * @version: 1.1.4
  * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)
  */
 (function ($) {
@@ -665,7 +665,7 @@
  * KEditor Vimeo Component
  * @copyright: Kademi (http://kademi.co)
  * @author: Kademi (http://kademi.co)
- * @version: 1.1.3
+ * @version: 1.1.4
  * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)
  */
 (function ($) {
@@ -768,7 +768,7 @@
  * KEditor Youtube Component
  * @copyright: Kademi (http://kademi.co)
  * @author: Kademi (http://kademi.co)
- * @version: 1.1.3
+ * @version: 1.1.4
  * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)
  */
 (function ($) {
diff --git a/dist/js/keditor-components-1.1.3.min.js b/dist/js/keditor-components-1.1.4.min.js
similarity index 99%
rename from dist/js/keditor-components-1.1.3.min.js
rename to dist/js/keditor-components-1.1.4.min.js
index 67e82bfa..5e72199b 100644
--- a/dist/js/keditor-components-1.1.3.min.js
+++ b/dist/js/keditor-components-1.1.4.min.js
@@ -1,2 +1,2 @@
 !function(t){var o=t.keditor,e=o.log;o.components.audio={getContent:function(t,o){e('getContent "audio" component, component');var n=t.children(".keditor-component-content"),i=n.find("audio");return i.unwrap(),n.html()},settingEnabled:!0,settingTitle:"Audio Settings",initSettingForm:function(t,o){e('init "audio" settings',t),t.append('<form class="form-horizontal"><div class="form-group"><label for="audioFileInput" class="col-sm-12">Audio file</label><div class="col-sm-12"><div class="audio-toolbar"><a href="#" class="btn-audioFileInput btn btn-sm btn-primary"><i class="fa fa-upload"></i></a><input id="audioFileInput" type="file" style="display: none"></div></div></div><div class="form-group"><label for="audio-autoplay" class="col-sm-12">Autoplay</label><div class="col-sm-12"><input type="checkbox" id="audio-autoplay" /></div></div><div class="form-group"><label for="audio-showcontrols" class="col-sm-12">Show Controls</label><div class="col-sm-12"><input type="checkbox" id="audio-showcontrols" checked /></div></div><div class="form-group"><label for="audio-width" class="col-sm-12">Width (%)</label><div class="col-sm-12"><input type="number" id="audio-width" min="20" max="100" class="form-control" value="100" /></div></div></form>')},showSettingForm:function(t,o,n){e('showSettingForm "audio" component',t,o);var i=n.options,s=o.find("audio"),a=t.find("#audioFileInput"),l=t.find(".btn-audioFileInput");l.off("click").on("click",function(t){t.preventDefault(),a.trigger("click")}),a.off("change").on("change",function(){var t=this.files[0];/audio/.test(t.type)?(s.attr("src",URL.createObjectURL(t)),s.load(function(){n.showSettingPanel(o,i)})):alert("Your selected file is not an audio file!")});var r=t.find("#audio-autoplay");r.off("click").on("click",function(t){this.checked?s.attr("autoplay","autoplay"):s.removeAttr("autoplay")});var c=t.find("#audio-showcontrols");c.off("click").on("click",function(t){this.checked?s.attr("controls","controls"):s.removeAttr("controls")});var d=t.find("#audio-width");d.off("change").on("change",function(){s.css("width",this.value+"%")})}}}(jQuery),function(t){var o=t.keditor,e=o.log;o.components.googlemap={getContent:function(t,o){e('getContent "googlemap" component',t);var n=t.children(".keditor-component-content");return n.find(".googlemap-cover").remove(),n.html()},settingEnabled:!0,settingTitle:"Google Map Settings",initSettingForm:function(o,n){e('initSettingForm "googlemap" component'),o.append('<form class="form-horizontal">   <div class="form-group">       <div class="col-sm-12">           <button type="button" class="btn btn-block btn-primary btn-googlemap-edit">Update Map</button>       </div>   </div>   <div class="form-group">       <label class="col-sm-12">Aspect Ratio</label>       <div class="col-sm-12">           <button type="button" class="btn btn-sm btn-default btn-googlemap-169">16:9</button>           <button type="button" class="btn btn-sm btn-default btn-googlemap-43">4:3</button>       </div>   </div></form>');var i=o.find(".btn-googlemap-edit");i.on("click",function(o){o.preventDefault();var e=prompt("Please enter Google Map embed code in here:"),i=t(e),s=i.attr("src");i.length>0&&s&&s.length>0?n.getSettingComponent().find(".embed-responsive-item").attr("src",s):alert("Your Google Map embed code is invalid!")});var s=o.find(".btn-googlemap-169");s.on("click",function(t){t.preventDefault(),n.getSettingComponent().find(".embed-responsive").removeClass("embed-responsive-4by3").addClass("embed-responsive-16by9")});var a=o.find(".btn-googlemap-43");a.on("click",function(t){t.preventDefault(),n.getSettingComponent().find(".embed-responsive").removeClass("embed-responsive-16by9").addClass("embed-responsive-4by3")})}}}(jQuery),function(t){var o=t.keditor,e=o.log;o.components.photo={init:function(t,o,n,i){e('init "photo" component',n);var s=n.children(".keditor-component-content"),a=s.find("img");a.css("display","inline-block")},settingEnabled:!0,settingTitle:"Photo Settings",initSettingForm:function(t,o){e('initSettingForm "photo" component');var n=this,i=o.options;t.append('<form class="form-horizontal">   <div class="form-group">       <div class="col-sm-12">           <button type="button" class="btn btn-block btn-primary" id="photo-edit">Change Photo</button>           <input type="file" style="display: none" />       </div>   </div>   <div class="form-group">       <label for="photo-align" class="col-sm-12">Align</label>       <div class="col-sm-12">           <select id="photo-align" class="form-control">               <option value="left">Left</option>               <option value="center">Center</option>               <option value="right">Right</option>           </select>       </div>   </div>   <div class="form-group">       <label for="photo-style" class="col-sm-12">Style</label>       <div class="col-sm-12">           <select id="photo-style" class="form-control">               <option value="">None</option>               <option value="img-rounded">Rounded</option>               <option value="img-circle">Circle</option>               <option value="img-thumbnail">Thumbnail</option>           </select>       </div>   </div>   <div class="form-group">       <label for="photo-responsive" class="col-sm-12">Responsive</label>       <div class="col-sm-12">           <input type="checkbox" id="photo-responsive" />       </div>   </div>   <div class="form-group">       <label for="photo-width" class="col-sm-12">Width</label>       <div class="col-sm-12">           <input type="number" id="photo-width" class="form-control" />       </div>   </div>   <div class="form-group">       <label for="photo-height" class="col-sm-12">Height</label>       <div class="col-sm-12">           <input type="number" id="photo-height" class="form-control" />       </div>   </div></form>');var s=t.find("#photo-edit"),a=s.next();s.on("click",function(t){t.preventDefault(),a.trigger("click")}),a.on("change",function(){var t=this.files[0];if(/image/.test(t.type)){var e=o.getSettingComponent().find("img");e.attr("src",URL.createObjectURL(t)),e.css({width:"",height:""}),e.load(function(){o.showSettingPanel(o.getSettingComponent(),i)})}else alert("Your selected file is not photo!")});var l=t.find("#photo-align");l.on("change",function(){var t=o.getSettingComponent().find(".photo-panel");t.css("text-align",this.value)});var r=t.find("#photo-responsive");r.on("click",function(){o.getSettingComponent().find("img")[this.checked?"addClass":"removeClass"]("img-responsive")});var c=t.find("#photo-style");c.on("change",function(){var t=o.getSettingComponent().find("img"),e=this.value;t.removeClass("img-rounded img-circle img-thumbnail"),e&&t.addClass(e)});var d=t.find("#photo-width"),p=t.find("#photo-height");d.on("change",function(){var t=o.getSettingComponent().find("img"),e=+this.value,i=Math.round(e/n.ratio);0>=e&&(e=n.width,i=n.height,this.value=e),t.css({width:e,height:i}),p.val(i)}),p.on("change",function(){var t=o.getSettingComponent().find("img"),e=+this.value,i=Math.round(e*n.ratio);0>=e&&(i=n.width,e=n.height,this.value=e),t.css({height:e,width:i}),d.val(i)})},showSettingForm:function(o,n,i){e('showSettingForm "photo" component',n);var s=this,a=o.find("#photo-align"),l=o.find("#photo-responsive"),r=o.find("#photo-width"),c=o.find("#photo-height"),d=o.find("#photo-style"),p=n.find(".photo-panel"),m=p.find("img"),u=p.css("text-align");"right"===u&&"center"===u||(u="left"),m.hasClass("img-rounded")?d.val("img-rounded"):m.hasClass("img-circle")?d.val("img-circle"):m.hasClass("img-thumbnail")?d.val("img-thumbnail"):d.val(""),a.val(u),l.prop("checked",m.hasClass("img-responsive")),r.val(m.width()),c.val(m.height()),t("<img />").attr("src",m.attr("src")).load(function(){s.ratio=this.width/this.height,s.width=this.width,s.height=this.height})}}}(jQuery),function(t){var o=t.keditor,e=o.log;CKEDITOR.disableAutoInline=!0,o.components.text={options:{toolbarGroups:[{name:"document",groups:["mode","document","doctools"]},{name:"editing",groups:["find","selection","spellchecker","editing"]},{name:"forms",groups:["forms"]},{name:"basicstyles",groups:["basicstyles","cleanup"]},{name:"paragraph",groups:["list","indent","blocks","align","bidi","paragraph"]},{name:"links",groups:["links"]},{name:"insert",groups:["insert"]},"/",{name:"clipboard",groups:["clipboard","undo"]},{name:"styles",groups:["styles"]},{name:"colors",groups:["colors"]},{name:"tools",groups:["tools"]},{name:"others",groups:["others"]}],title:!1,allowedContent:!0,bodyId:"editor",templates_replaceContent:!1,enterMode:"P",forceEnterMode:!0,format_tags:"p;h1;h2;h3;h4;h5;h6",removePlugins:"table,magicline,tabletools",removeButtons:"Save,NewPage,Preview,Print,Templates,PasteText,PasteFromWord,Find,Replace,SelectAll,Scayt,Form,HiddenField,ImageButton,Button,Select,Textarea,TextField,Radio,Checkbox,Outdent,Indent,Blockquote,CreateDiv,Language,Table,HorizontalRule,Smiley,SpecialChar,PageBreak,Iframe,Styles,BGColor,Maximize,About,ShowBlocks,BidiLtr,BidiRtl,Flash,Image,Subscript,Superscript,Anchor",minimumChangeMilliseconds:100},init:function(t,o,n,i){e('init "text" component',n);var s=this,a=i.options,l=n.children(".keditor-component-content");l.prop("contenteditable",!0),l.on("input",function(e){"function"==typeof a.onComponentChanged&&a.onComponentChanged.call(t,e,n),"function"==typeof a.onContainerChanged&&a.onContainerChanged.call(t,e,o),"function"==typeof a.onContentChanged&&a.onContentChanged.call(t,e)});var r=l.ckeditor(s.options).editor;r.on("instanceReady",function(){e("CKEditor is ready",n),"function"==typeof a.onComponentReady&&a.onComponentReady.call(t,n,r)})},getContent:function(t,o){e('getContent "text" component',t);var n=t.find(".keditor-component-content"),i=n.attr("id"),s=CKEDITOR.instances[i];return s?s.getData():n.html()},destroy:function(t,o){e('destroy "text" component',t);var n=t.find(".keditor-component-content").attr("id"),i=CKEDITOR.instances[n];i&&i.destroy()}}}(jQuery),function(t){var o=t.keditor,e=o.log;o.components.video={getContent:function(t,o){e('getContent "video" component',t);var n=t.children(".keditor-component-content"),i=n.find("video");return i.unwrap(),n.html()},settingEnabled:!0,settingTitle:"Video Settings",initSettingForm:function(t,o){e('init "video" settings',t),t.append('<form class="form-horizontal"><div class="form-group"><label for="videoFileInput" class="col-sm-12">Video file</label><div class="col-sm-12"><div class="video-toolbar"><a href="#" class="btn-videoFileInput btn btn-sm btn-primary"><i class="fa fa-upload"></i></a><input id="videoFileInput" type="file" style="display: none"></div></div></div><div class="form-group"><label for="video-autoplay" class="col-sm-12">Autoplay</label><div class="col-sm-12"><input type="checkbox" id="video-autoplay" /></div></div><div class="form-group"><label for="video-loop" class="col-sm-12">Loop</label><div class="col-sm-12"><input type="checkbox" id="video-loop" /></div></div><div class="form-group"><label for="video-showcontrols" class="col-sm-12">Show Controls</label><div class="col-sm-12"><input type="checkbox" id="video-showcontrols" checked /></div></div><div class="form-group"><label for="" class="col-sm-12">Ratio</label><div class="col-sm-12"><input type="radio" name="video-radio" class="video-ratio" value="4/3" checked /> 4:3</div><div class="col-sm-12"><input type="radio" name="video-radio" class="video-ratio" value="16/9" /> 16:9</div></div><div class="form-group"><label for="video-width" class="col-sm-12">Width (px)</label><div class="col-sm-12"><input type="number" id="video-width" min="320" max="1920" class="form-control" value="320" /></div></div></form>')},showSettingForm:function(t,o,n){e('showSettingForm "video" settings',t,o);var i=n.options,s=o.find("video"),a=t.find("#videoFileInput"),l=t.find(".btn-videoFileInput");l.on("click",function(t){t.preventDefault(),a.trigger("click")}),a.off("change").on("change",function(){var t=this.files[0];/video/.test(t.type)?(s.attr("src",URL.createObjectURL(t)),s.load(function(){n.showSettingPanel(o,i)})):alert("Your selected file is not an video file!")});var r=t.find("#video-autoplay");r.off("click").on("click",function(t){this.checked?s.prop("autoplay",!0):s.removeProp("autoplay")});var c=t.find("#video-loop");c.off("click").on("click",function(t){this.checked?s.prop("loop",!0):s.removeProp("loop")});var d=t.find(".video-ratio");d.off("click").on("click",function(t){if(this.checked){var o=s.css("width")||s.prop("width");o=o.replace("px","");var e="16/9"===this.value?16/9:4/3,n=o/e;s.css("width",o+"px"),s.css("height",n+"px"),s.removeProp("width"),s.removeProp("height")}});var p=t.find("#video-showcontrols");p.off("click").on("click",function(t){this.checked?s.attr("controls","controls"):s.removeAttr("controls")});var m=t.find("#video-width");m.off("change").on("change",function(){s.css("width",this.value+"px");var o="16/9"===t.find(".video-ratio:checked").val()?16/9:4/3,e=this.value/o;s.css("height",e+"px"),s.removeProp("width"),s.removeProp("height")})}}}(jQuery),function(t){var o=t.keditor,e=o.log;o.components.vimeo={getContent:function(t,o){e('getContent "vimeo" component',t);var n=t.children(".keditor-component-content");return n.find(".vimeo-cover").remove(),n.html()},settingEnabled:!0,settingTitle:"Vimeo Settings",initSettingForm:function(t,o){e('initSettingForm "vimeo" component'),t.append('<form class="form-horizontal">   <div class="form-group">       <div class="col-sm-12">           <button type="button" class="btn btn-block btn-primary btn-vimeo-edit">Change Video</button>       </div>   </div>   <div class="form-group">       <label class="col-sm-12">Autoplay</label>       <div class="col-sm-12">           <input type="checkbox" id="vimeo-autoplay" />       </div>   </div>   <div class="form-group">       <label class="col-sm-12">Aspect Ratio</label>       <div class="col-sm-12">           <button type="button" class="btn btn-sm btn-default btn-vimeo-169">16:9</button>           <button type="button" class="btn btn-sm btn-default btn-vimeo-43">4:3</button>       </div>   </div></form>');var n=t.find(".btn-vimeo-edit");n.on("click",function(t){t.preventDefault();var e=prompt("Please enter Vimeo URL in here:"),n=/https?:\/\/(?:www\.|player\.)?vimeo.com\/(?:channels\/(?:\w+\/)?|groups\/([^\/]*)\/videos\/|album\/(\d+)\/video\/|video\/|)(\d+)(?:$|\/|\?)/,i=e.match(n);i&&i[1]?o.getSettingComponent().find(".embed-responsive-item").attr("src","https://player.vimeo.com/video/"+i[1]+"?byline=0&portrait=0&badge=0"):alert("Your Vimeo URL is invalid!")});var i=t.find(".btn-vimeo-169");i.on("click",function(t){t.preventDefault(),o.getSettingComponent().find(".embed-responsive").removeClass("embed-responsive-4by3").addClass("embed-responsive-16by9")});var s=t.find(".btn-vimeo-43");s.on("click",function(t){t.preventDefault(),o.getSettingComponent().find(".embed-responsive").removeClass("embed-responsive-16by9").addClass("embed-responsive-4by3")});var a=t.find("#vimeo-autoplay");a.on("click",function(){var t=o.getSettingComponent().find(".embed-responsive-item"),n=t.attr("src"),i=n.replace(/(\?.+)+/,"")+"?byline=0&portrait=0&badge=0&autoplay="+(a.is(":checked")?1:0);e("Current url: "+n,"New url: "+i),t.attr("src",i)})},showSettingForm:function(t,o,n){e('showSettingForm "vimeo" component',o);var i=o.find(".embed-responsive-item"),s=t.find("#vimeo-autoplay"),a=i.attr("src");s.prop("checked",-1!==a.indexOf("autoplay=1"))}}}(jQuery),function(t){var o=t.keditor,e=o.log;o.components.youtube={getContent:function(t,o){e('getContent "youtube" component',t);var n=t.children(".keditor-component-content");return n.find(".youtube-cover").remove(),n.html()},settingEnabled:!0,settingTitle:"Youtube Settings",initSettingForm:function(t,o){e('initSettingForm "youtube" component'),t.append('<form class="form-horizontal">   <div class="form-group">       <div class="col-sm-12">           <button type="button" class="btn btn-block btn-primary btn-youtube-edit">Change Video</button>       </div>   </div>   <div class="form-group">       <label class="col-sm-12">Autoplay</label>       <div class="col-sm-12">           <input type="checkbox" id="youtube-autoplay" />       </div>   </div>   <div class="form-group">       <label class="col-sm-12">Aspect Ratio</label>       <div class="col-sm-12">           <button type="button" class="btn btn-sm btn-default btn-youtube-169">16:9</button>           <button type="button" class="btn btn-sm btn-default btn-youtube-43">4:3</button>       </div>   </div></form>');var n=t.find(".btn-youtube-edit");n.on("click",function(t){t.preventDefault();var e=prompt("Please enter Youtube URL in here:"),n=/^(?:http(?:s)?:\/\/)?(?:www\.)?(?:m\.)?(?:youtu\.be\/|youtube\.com\/(?:(?:watch)?\?(?:.*&)?v(?:i)?=|(?:embed|v|vi|user)\/))([^\?&\"'>]+)/,i=e.match(n);i&&i[1]?o.getSettingComponent().find(".embed-responsive-item").attr("src","https://www.youtube.com/embed/"+i[1]):alert("Your Youtube URL is invalid!")});var i=t.find(".btn-youtube-169");i.on("click",function(t){t.preventDefault(),o.getSettingComponent().find(".embed-responsive").removeClass("embed-responsive-4by3").addClass("embed-responsive-16by9")});var s=t.find(".btn-youtube-43");s.on("click",function(t){t.preventDefault(),o.getSettingComponent().find(".embed-responsive").removeClass("embed-responsive-16by9").addClass("embed-responsive-4by3")});var a=t.find("#youtube-autoplay");a.on("click",function(){var t=o.getSettingComponent().find(".embed-responsive-item"),n=t.attr("src"),i=n.replace(/(\?.+)+/,"")+"?autoplay="+(a.is(":checked")?1:0);e("Current url: "+n,"New url: "+i),t.attr("src",i)})},showSettingForm:function(t,o,n){e('showSettingForm "youtube" component',o);var i=o.find(".embed-responsive-item"),s=t.find("#youtube-autoplay"),a=i.attr("src");s.prop("checked",-1!==a.indexOf("autoplay=1"))}}}(jQuery);
-//# sourceMappingURL=keditor-components-1.1.3.min.js.map
+//# sourceMappingURL=keditor-components-1.1.4.min.js.map
diff --git a/dist/js/keditor-components-1.1.3.min.js.map b/dist/js/keditor-components-1.1.4.min.js.map
similarity index 98%
rename from dist/js/keditor-components-1.1.3.min.js.map
rename to dist/js/keditor-components-1.1.4.min.js.map
index 7f107e5a..2a5c2f1a 100644
--- a/dist/js/keditor-components-1.1.3.min.js.map
+++ b/dist/js/keditor-components-1.1.4.min.js.map
@@ -1 +1 @@
-{"version":3,"sources":["keditor-components-1.1.3.js"],"names":["$","KEditor","keditor","flog","log","components","getContent","component","componentContent","children","audio","find","unwrap","html","settingEnabled","settingTitle","initSettingForm","form","append","showSettingForm","options","fileInput","btnAudioFileInput","off","on","e","preventDefault","trigger","file","this","files","test","type","attr","URL","createObjectURL","load","showSettingPanel","alert","autoplayToggle","checked","removeAttr","showcontrolsToggle","audioWidth","css","value","jQuery","remove","btnEdit","inputData","prompt","iframe","src","length","getSettingComponent","btn169","removeClass","addClass","btn43","init","contentArea","container","img","self","photoEdit","next","width","height","inputAlign","panel","inputResponsive","cbbStyle","val","inputWidth","inputHeight","newWidth","newHeight","Math","round","ratio","algin","hasClass","prop","CKEDITOR","disableAutoInline","toolbarGroups","name","groups","title","allowedContent","bodyId","templates_replaceContent","enterMode","forceEnterMode","format_tags","removePlugins","removeButtons","minimumChangeMilliseconds","onComponentChanged","call","onContainerChanged","onContentChanged","editor","ckeditor","onComponentReady","id","instances","getData","destroy","video","btnVideoFileInput","removeProp","loopToggle","currentWidth","replace","currentRatio","videoWidth","vimeoRegex","match","chkAutoplay","embedItem","currentUrl","newUrl","is","indexOf","youtubeRegex"],"mappings":"CAOA,SAAWA,GACP,GAAIC,GAAUD,EAAEE,QACZC,EAAOF,EAAQG,GAEnBH,GAAQI,WAAkB,OACtBC,WAAY,SAAUC,EAAWL,GAC7BC,EAAK,0CAEL,IAAIK,GAAmBD,EAAUE,SAAS,8BACtCC,EAAQF,EAAiBG,KAAK,QAGlC,OAFAD,GAAME,SAECJ,EAAiBK,QAG5BC,gBAAgB,EAEhBC,aAAc,iBAEdC,gBAAiB,SAAUC,EAAMf,GAC7BC,EAAK,wBAAyBc,GAE9BA,EAAKC,OACD,q5BAgCRC,gBAAiB,SAAUF,EAAMV,EAAWL,GACxCC,EAAK,oCAAqCc,EAAMV,EAEhD,IAAIa,GAAUlB,EAAQkB,QAElBV,EAAQH,EAAUI,KAAK,SACvBU,EAAYJ,EAAKN,KAAK,mBACtBW,EAAoBL,EAAKN,KAAK,sBAClCW,GAAkBC,IAAI,SAASC,GAAG,QAAS,SAAUC,GACjDA,EAAEC,iBAEFL,EAAUM,QAAQ,WAEtBN,EAAUE,IAAI,UAAUC,GAAG,SAAU,WACjC,GAAII,GAAOC,KAAKC,MAAM,EAClB,SAAQC,KAAKH,EAAKI,OAGlBtB,EAAMuB,KAAK,MAAOC,IAAIC,gBAAgBP,IAEtClB,EAAM0B,KAAK,WACPlC,EAAQmC,iBAAiB9B,EAAWa,MAGxCkB,MAAM,6CAId,IAAIC,GAAiBtB,EAAKN,KAAK,kBAC/B4B,GAAehB,IAAI,SAASC,GAAG,QAAS,SAAUC,GAC1CI,KAAKW,QACL9B,EAAMuB,KAAK,WAAY,YAEvBvB,EAAM+B,WAAW,aAIzB,IAAIC,GAAqBzB,EAAKN,KAAK,sBACnC+B,GAAmBnB,IAAI,SAASC,GAAG,QAAS,SAAUC,GAC9CI,KAAKW,QACL9B,EAAMuB,KAAK,WAAY,YAEvBvB,EAAM+B,WAAW,aAIzB,IAAIE,GAAa1B,EAAKN,KAAK,eAC3BgC,GAAWpB,IAAI,UAAUC,GAAG,SAAU,WAClCd,EAAMkC,IAAI,QAASf,KAAKgB,MAAQ,UAI7CC,QASH,SAAW9C,GACP,GAAIC,GAAUD,EAAEE,QACZC,EAAOF,EAAQG,GAEnBH,GAAQI,WAAsB,WAC1BC,WAAY,SAAUC,EAAWL,GAC7BC,EAAK,mCAAoCI,EAEzC,IAAIC,GAAmBD,EAAUE,SAAS,6BAG1C,OAFAD,GAAiBG,KAAK,oBAAoBoC,SAEnCvC,EAAiBK,QAG5BC,gBAAgB,EAEhBC,aAAc,sBAEdC,gBAAiB,SAAUC,EAAMf,GAC7BC,EAAK,yCAELc,EAAKC,OACD,+hBAgBJ,IAAI8B,GAAU/B,EAAKN,KAAK,sBACxBqC,GAAQxB,GAAG,QAAS,SAAUC,GAC1BA,EAAEC,gBAEF,IAAIuB,GAAYC,OAAO,+CACnBC,EAASnD,EAAEiD,GACXG,EAAMD,EAAOlB,KAAK,MAClBkB,GAAOE,OAAS,GAAKD,GAAOA,EAAIC,OAAS,EACzCnD,EAAQoD,sBAAsB3C,KAAK,0BAA0BsB,KAAK,MAAOmB,GAEzEd,MAAM,2CAId,IAAIiB,GAAStC,EAAKN,KAAK,qBACvB4C,GAAO/B,GAAG,QAAS,SAAUC,GACzBA,EAAEC,iBAEFxB,EAAQoD,sBAAsB3C,KAAK,qBAAqB6C,YAAY,yBAAyBC,SAAS,2BAG1G,IAAIC,GAAQzC,EAAKN,KAAK,oBACtB+C,GAAMlC,GAAG,QAAS,SAAUC,GACxBA,EAAEC,iBAEFxB,EAAQoD,sBAAsB3C,KAAK,qBAAqB6C,YAAY,0BAA0BC,SAAS,8BAKpHX,QASH,SAAW9C,GACP,GAAIC,GAAUD,EAAEE,QACZC,EAAOF,EAAQG,GAEnBH,GAAQI,WAAkB,OACtBsD,KAAM,SAAUC,EAAaC,EAAWtD,EAAWL,GAC/CC,EAAK,yBAA0BI,EAE/B,IAAIC,GAAmBD,EAAUE,SAAS,8BACtCqD,EAAMtD,EAAiBG,KAAK,MAEhCmD,GAAIlB,IAAI,UAAW,iBAGvB9B,gBAAgB,EAEhBC,aAAc,iBAEdC,gBAAiB,SAAUC,EAAMf,GAC7BC,EAAK,oCAEL,IAAI4D,GAAOlC,KACPT,EAAUlB,EAAQkB,OAEtBH,GAAKC,OACD,qsDAiDJ,IAAI8C,GAAY/C,EAAKN,KAAK,eACtBU,EAAY2C,EAAUC,MAC1BD,GAAUxC,GAAG,QAAS,SAAUC,GAC5BA,EAAEC,iBAEFL,EAAUM,QAAQ,WAEtBN,EAAUG,GAAG,SAAU,WACnB,GAAII,GAAOC,KAAKC,MAAM,EACtB,IAAI,QAAQC,KAAKH,EAAKI,MAAO,CACzB,GAAI8B,GAAM5D,EAAQoD,sBAAsB3C,KAAK,MAC7CmD,GAAI7B,KAAK,MAAOC,IAAIC,gBAAgBP,IACpCkC,EAAIlB,KACAsB,MAAO,GACPC,OAAQ,KAEZL,EAAI1B,KAAK,WACLlC,EAAQmC,iBAAiBnC,EAAQoD,sBAAuBlC,SAG5DkB,OAAM,qCAId,IAAI8B,GAAanD,EAAKN,KAAK,eAC3ByD,GAAW5C,GAAG,SAAU,WACpB,GAAI6C,GAAQnE,EAAQoD,sBAAsB3C,KAAK,eAC/C0D,GAAMzB,IAAI,aAAcf,KAAKgB,QAGjC,IAAIyB,GAAkBrD,EAAKN,KAAK,oBAChC2D,GAAgB9C,GAAG,QAAS,WACxBtB,EAAQoD,sBAAsB3C,KAAK,OAAOkB,KAAKW,QAAU,WAAa,eAAe,mBAGzF,IAAI+B,GAAWtD,EAAKN,KAAK,eACzB4D,GAAS/C,GAAG,SAAU,WAClB,GAAIsC,GAAM5D,EAAQoD,sBAAsB3C,KAAK,OACzC6D,EAAM3C,KAAKgB,KAEfiB,GAAIN,YAAY,wCACZgB,GACAV,EAAIL,SAASe,IAIrB,IAAIC,GAAaxD,EAAKN,KAAK,gBACvB+D,EAAczD,EAAKN,KAAK,gBAC5B8D,GAAWjD,GAAG,SAAU,WACpB,GAAIsC,GAAM5D,EAAQoD,sBAAsB3C,KAAK,OACzCgE,GAAY9C,KAAKgB,MACjB+B,EAAYC,KAAKC,MAAMH,EAAWZ,EAAKgB,MAE3B,IAAZJ,IACAA,EAAWZ,EAAKG,MAChBU,EAAYb,EAAKI,OACjBtC,KAAKgB,MAAQ8B,GAGjBb,EAAIlB,KACAsB,MAASS,EACTR,OAAUS,IAEdF,EAAYF,IAAII,KAEpBF,EAAYlD,GAAG,SAAU,WACrB,GAAIsC,GAAM5D,EAAQoD,sBAAsB3C,KAAK,OACzCiE,GAAa/C,KAAKgB,MAClB8B,EAAWE,KAAKC,MAAMF,EAAYb,EAAKgB,MAE1B,IAAbH,IACAD,EAAWZ,EAAKG,MAChBU,EAAYb,EAAKI,OACjBtC,KAAKgB,MAAQ+B,GAGjBd,EAAIlB,KACAuB,OAAUS,EACVV,MAASS,IAEbF,EAAWD,IAAIG,MAIvBxD,gBAAiB,SAAUF,EAAMV,EAAWL,GACxCC,EAAK,oCAAqCI,EAE1C,IAAIwD,GAAOlC,KACPuC,EAAanD,EAAKN,KAAK,gBACvB2D,EAAkBrD,EAAKN,KAAK,qBAC5B8D,EAAaxD,EAAKN,KAAK,gBACvB+D,EAAczD,EAAKN,KAAK,iBACxB4D,EAAWtD,EAAKN,KAAK,gBAErB0D,EAAQ9D,EAAUI,KAAK,gBACvBmD,EAAMO,EAAM1D,KAAK,OAEjBqE,EAAQX,EAAMzB,IAAI,aACR,WAAVoC,GAA+B,WAAVA,IACrBA,EAAQ,QAGRlB,EAAImB,SAAS,eACbV,EAASC,IAAI,eACNV,EAAImB,SAAS,cACpBV,EAASC,IAAI,cACNV,EAAImB,SAAS,iBACpBV,EAASC,IAAI,iBAEbD,EAASC,IAAI,IAGjBJ,EAAWI,IAAIQ,GACfV,EAAgBY,KAAK,UAAWpB,EAAImB,SAAS,mBAC7CR,EAAWD,IAAIV,EAAII,SACnBQ,EAAYF,IAAIV,EAAIK,UAEpBnE,EAAE,WAAWiC,KAAK,MAAO6B,EAAI7B,KAAK,QAAQG,KAAK,WAC3C2B,EAAKgB,MAAQlD,KAAKqC,MAAQrC,KAAKsC,OAC/BJ,EAAKG,MAAQrC,KAAKqC,MAClBH,EAAKI,OAAStC,KAAKsC,YAKhCrB,QASH,SAAW9C,GACP,GAAIC,GAAUD,EAAEE,QACZC,EAAOF,EAAQG,GAEnB+E,UAASC,mBAAoB,EAI7BnF,EAAQI,WAAiB,MACrBe,SACIiE,gBACKC,KAAM,WAAYC,QAAS,OAAQ,WAAY,cAC/CD,KAAM,UAAWC,QAAS,OAAQ,YAAa,eAAgB,aAC/DD,KAAM,QAASC,QAAS,WACxBD,KAAM,cAAeC,QAAS,cAAe,aAC7CD,KAAM,YAAaC,QAAS,OAAQ,SAAU,SAAU,QAAS,OAAQ,eACzED,KAAM,QAASC,QAAS,WACxBD,KAAM,SAAUC,QAAS,WAC1B,KACCD,KAAM,YAAaC,QAAS,YAAa,UACzCD,KAAM,SAAUC,QAAS,YACzBD,KAAM,SAAUC,QAAS,YACzBD,KAAM,QAASC,QAAS,WACxBD,KAAM,SAAUC,QAAS,YAE9BC,OAAO,EACPC,gBAAgB,EAChBC,OAAQ,SACRC,0BAA0B,EAC1BC,UAAW,IACXC,gBAAgB,EAChBC,YAAa,sBACbC,cAAe,6BACfC,cAAe,iXACfC,0BAA2B,KAG/BtC,KAAM,SAAUC,EAAaC,EAAWtD,EAAWL,GAC/CC,EAAK,wBAAyBI,EAE9B,IAAIwD,GAAOlC,KACPT,EAAUlB,EAAQkB,QAElBZ,EAAmBD,EAAUE,SAAS,6BAC1CD,GAAiB0E,KAAK,mBAAmB,GAEzC1E,EAAiBgB,GAAG,QAAS,SAAUC,GACO,kBAA/BL,GAAQ8E,oBACf9E,EAAQ8E,mBAAmBC,KAAKvC,EAAanC,EAAGlB,GAGV,kBAA/Ba,GAAQgF,oBACfhF,EAAQgF,mBAAmBD,KAAKvC,EAAanC,EAAGoC,GAGZ,kBAA7BzC,GAAQiF,kBACfjF,EAAQiF,iBAAiBF,KAAKvC,EAAanC,IAInD,IAAI6E,GAAS9F,EAAiB+F,SAASxC,EAAK3C,SAASkF,MACrDA,GAAO9E,GAAG,gBAAiB,WACvBrB,EAAK,oBAAqBI,GAEc,kBAA7Ba,GAAQoF,kBACfpF,EAAQoF,iBAAiBL,KAAKvC,EAAarD,EAAW+F,MAKlEhG,WAAY,SAAUC,EAAWL,GAC7BC,EAAK,8BAA+BI,EAEpC,IAAIC,GAAmBD,EAAUI,KAAK,8BAClC8F,EAAKjG,EAAiByB,KAAK,MAC3BqE,EAASnB,SAASuB,UAAUD,EAChC,OAAIH,GACOA,EAAOK,UAEPnG,EAAiBK,QAIhC+F,QAAS,SAAUrG,EAAWL,GAC1BC,EAAK,2BAA4BI,EAEjC,IAAIkG,GAAKlG,EAAUI,KAAK,8BAA8BsB,KAAK,MACvDqE,EAASnB,SAASuB,UAAUD,EAC5BH,IACAA,EAAOM,aAKpB9D,QASH,SAAW9C,GACP,GAAIC,GAAUD,EAAEE,QACZC,EAAOF,EAAQG,GAEnBH,GAAQI,WAAkB,OACtBC,WAAY,SAAUC,EAAWL,GAC7BC,EAAK,+BAAgCI,EAErC,IAAIC,GAAmBD,EAAUE,SAAS,8BACtCoG,EAAQrG,EAAiBG,KAAK,QAGlC,OAFAkG,GAAMjG,SAECJ,EAAiBK,QAG5BC,gBAAgB,EAEhBC,aAAc,iBAEdC,gBAAiB,SAAUC,EAAMf,GAC7BC,EAAK,wBAAyBc,GAE9BA,EAAKC,OACD,21CA+CRC,gBAAiB,SAAUF,EAAMV,EAAWL,GACxCC,EAAK,mCAAoCc,EAAMV,EAE/C,IAAIa,GAAUlB,EAAQkB,QAClByF,EAAQtG,EAAUI,KAAK,SACvBU,EAAYJ,EAAKN,KAAK,mBACtBmG,EAAoB7F,EAAKN,KAAK,sBAClCmG,GAAkBtF,GAAG,QAAS,SAAUC,GACpCA,EAAEC,iBAEFL,EAAUM,QAAQ,WAEtBN,EAAUE,IAAI,UAAUC,GAAG,SAAU,WACjC,GAAII,GAAOC,KAAKC,MAAM,EAClB,SAAQC,KAAKH,EAAKI,OAGlB6E,EAAM5E,KAAK,MAAOC,IAAIC,gBAAgBP,IAEtCiF,EAAMzE,KAAK,WACPlC,EAAQmC,iBAAiB9B,EAAWa,MAGxCkB,MAAM,6CAId,IAAIC,GAAiBtB,EAAKN,KAAK,kBAC/B4B,GAAehB,IAAI,SAASC,GAAG,QAAS,SAAUC,GAC1CI,KAAKW,QACLqE,EAAM3B,KAAK,YAAY,GAEvB2B,EAAME,WAAW,aAIzB,IAAIC,GAAa/F,EAAKN,KAAK,cAC3BqG,GAAWzF,IAAI,SAASC,GAAG,QAAS,SAAUC,GACtCI,KAAKW,QACLqE,EAAM3B,KAAK,QAAQ,GAEnB2B,EAAME,WAAW,SAIzB,IAAIhC,GAAQ9D,EAAKN,KAAK,eACtBoE,GAAMxD,IAAI,SAASC,GAAG,QAAS,SAAUC,GACrC,GAAII,KAAKW,QAAS,CACd,GAAIyE,GAAeJ,EAAMjE,IAAI,UAAYiE,EAAM3B,KAAK,QACpD+B,GAAeA,EAAaC,QAAQ,KAAM,GAE1C,IAAIC,GAA8B,SAAftF,KAAKgB,MAAmB,GAAK,EAAI,EAAI,EACpDsB,EAAS8C,EAAeE,CAC5BN,GAAMjE,IAAI,QAASqE,EAAe,MAClCJ,EAAMjE,IAAI,SAAUuB,EAAS,MAC7B0C,EAAME,WAAW,SACjBF,EAAME,WAAW,YAIzB,IAAIrE,GAAqBzB,EAAKN,KAAK,sBACnC+B,GAAmBnB,IAAI,SAASC,GAAG,QAAS,SAAUC,GAC9CI,KAAKW,QACLqE,EAAM5E,KAAK,WAAY,YAEvB4E,EAAMpE,WAAW,aAIzB,IAAI2E,GAAanG,EAAKN,KAAK,eAC3ByG,GAAW7F,IAAI,UAAUC,GAAG,SAAU,WAClCqF,EAAMjE,IAAI,QAASf,KAAKgB,MAAQ,KAChC,IAAIsE,GAA2D,SAA5ClG,EAAKN,KAAK,wBAAwB6D,MAAmB,GAAK,EAAI,EAAI,EACjFL,EAAStC,KAAKgB,MAAQsE,CAC1BN,GAAMjE,IAAI,SAAUuB,EAAS,MAC7B0C,EAAME,WAAW,SACjBF,EAAME,WAAW,eAI9BjE,QASH,SAAW9C,GACP,GAAIC,GAAUD,EAAEE,QACZC,EAAOF,EAAQG,GAEnBH,GAAQI,WAAkB,OACtBC,WAAY,SAAUC,EAAWL,GAC7BC,EAAK,+BAAgCI,EAErC,IAAIC,GAAmBD,EAAUE,SAAS,6BAG1C,OAFAD,GAAiBG,KAAK,gBAAgBoC,SAE/BvC,EAAiBK,QAG5BC,gBAAgB,EAEhBC,aAAc,iBAEdC,gBAAiB,SAAUC,EAAMf,GAC7BC,EAAK,qCAELc,EAAKC,OACD,4sBAsBJ,IAAI8B,GAAU/B,EAAKN,KAAK,kBACxBqC,GAAQxB,GAAG,QAAS,SAAUC,GAC1BA,EAAEC,gBAEF,IAAIuB,GAAYC,OAAO,mCACnBmE,EAAa,8IACbC,EAAQrE,EAAUqE,MAAMD,EACxBC,IAASA,EAAM,GACfpH,EAAQoD,sBAAsB3C,KAAK,0BAA0BsB,KAAK,MAAO,kCAAoCqF,EAAM,GAAK,gCAExHhF,MAAM,+BAId,IAAIiB,GAAStC,EAAKN,KAAK,iBACvB4C,GAAO/B,GAAG,QAAS,SAAUC,GACzBA,EAAEC,iBAEFxB,EAAQoD,sBAAsB3C,KAAK,qBAAqB6C,YAAY,yBAAyBC,SAAS,2BAG1G,IAAIC,GAAQzC,EAAKN,KAAK,gBACtB+C,GAAMlC,GAAG,QAAS,SAAUC,GACxBA,EAAEC,iBAEFxB,EAAQoD,sBAAsB3C,KAAK,qBAAqB6C,YAAY,0BAA0BC,SAAS,0BAG3G,IAAI8D,GAActG,EAAKN,KAAK,kBAC5B4G,GAAY/F,GAAG,QAAS,WACpB,GAAIgG,GAAYtH,EAAQoD,sBAAsB3C,KAAK,0BAC/C8G,EAAaD,EAAUvF,KAAK,OAC5ByF,EAAUD,EAAWP,QAAQ,UAAW,IAAO,0CAA4CK,EAAYI,GAAG,YAAc,EAAI,EAEhIxH,GAAK,gBAAkBsH,EAAY,YAAcC,GACjDF,EAAUvF,KAAK,MAAOyF,MAI9BvG,gBAAiB,SAAUF,EAAMV,EAAWL,GACxCC,EAAK,oCAAqCI,EAE1C,IAAIiH,GAAYjH,EAAUI,KAAK,0BAC3B4G,EAActG,EAAKN,KAAK,mBACxByC,EAAMoE,EAAUvF,KAAK,MAEzBsF,GAAYrC,KAAK,UAAyC,KAA9B9B,EAAIwE,QAAQ,kBAIjD9E,QASH,SAAW9C,GACP,GAAIC,GAAUD,EAAEE,QACZC,EAAOF,EAAQG,GAEnBH,GAAQI,WAAoB,SACxBC,WAAY,SAAUC,EAAWL,GAC7BC,EAAK,iCAAkCI,EAEvC,IAAIC,GAAmBD,EAAUE,SAAS,6BAG1C,OAFAD,GAAiBG,KAAK,kBAAkBoC,SAEjCvC,EAAiBK,QAG5BC,gBAAgB,EAEhBC,aAAc,mBAEdC,gBAAiB,SAAUC,EAAMf,GAC7BC,EAAK,uCAELc,EAAKC,OACD,otBAsBJ,IAAI8B,GAAU/B,EAAKN,KAAK,oBACxBqC,GAAQxB,GAAG,QAAS,SAAUC,GAC1BA,EAAEC,gBAEF,IAAIuB,GAAYC,OAAO,qCACnB2E,EAAe,2IACfP,EAAQrE,EAAUqE,MAAMO,EACxBP,IAASA,EAAM,GACfpH,EAAQoD,sBAAsB3C,KAAK,0BAA0BsB,KAAK,MAAO,iCAAmCqF,EAAM,IAElHhF,MAAM,iCAId,IAAIiB,GAAStC,EAAKN,KAAK,mBACvB4C,GAAO/B,GAAG,QAAS,SAAUC,GACzBA,EAAEC,iBAEFxB,EAAQoD,sBAAsB3C,KAAK,qBAAqB6C,YAAY,yBAAyBC,SAAS,2BAG1G,IAAIC,GAAQzC,EAAKN,KAAK,kBACtB+C,GAAMlC,GAAG,QAAS,SAAUC,GACxBA,EAAEC,iBAEFxB,EAAQoD,sBAAsB3C,KAAK,qBAAqB6C,YAAY,0BAA0BC,SAAS,0BAG3G,IAAI8D,GAActG,EAAKN,KAAK,oBAC5B4G,GAAY/F,GAAG,QAAS,WACpB,GAAIgG,GAAYtH,EAAQoD,sBAAsB3C,KAAK,0BAC/C8G,EAAaD,EAAUvF,KAAK,OAC5ByF,EAAUD,EAAWP,QAAQ,UAAW,IAAO,cAAgBK,EAAYI,GAAG,YAAc,EAAI,EAEpGxH,GAAK,gBAAkBsH,EAAY,YAAcC,GACjDF,EAAUvF,KAAK,MAAOyF,MAI9BvG,gBAAiB,SAAUF,EAAMV,EAAWL,GACxCC,EAAK,sCAAuCI,EAE5C,IAAIiH,GAAYjH,EAAUI,KAAK,0BAC3B4G,EAActG,EAAKN,KAAK,qBACxByC,EAAMoE,EAAUvF,KAAK,MAEzBsF,GAAYrC,KAAK,UAAyC,KAA9B9B,EAAIwE,QAAQ,kBAIjD9E","file":"keditor-components-1.1.3.min.js","sourcesContent":["/**\r\n * KEditor Audio Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.3\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    KEditor.components['audio'] = {\r\n        getContent: function (component, keditor) {\r\n            flog('getContent \"audio\" component, component');\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            var audio = componentContent.find('audio');\r\n            audio.unwrap();\r\n\r\n            return componentContent.html();\r\n        },\r\n\r\n        settingEnabled: true,\r\n\r\n        settingTitle: 'Audio Settings',\r\n\r\n        initSettingForm: function (form, keditor) {\r\n            flog('init \"audio\" settings', form);\r\n\r\n            form.append(\r\n                '<form class=\"form-horizontal\">' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"audioFileInput\" class=\"col-sm-12\">Audio file</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<div class=\"audio-toolbar\">' +\r\n                '<a href=\"#\" class=\"btn-audioFileInput btn btn-sm btn-primary\"><i class=\"fa fa-upload\"></i></a>' +\r\n                '<input id=\"audioFileInput\" type=\"file\" style=\"display: none\">' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"audio-autoplay\" class=\"col-sm-12\">Autoplay</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"checkbox\" id=\"audio-autoplay\" />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"audio-showcontrols\" class=\"col-sm-12\">Show Controls</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"checkbox\" id=\"audio-showcontrols\" checked />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"audio-width\" class=\"col-sm-12\">Width (%)</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"number\" id=\"audio-width\" min=\"20\" max=\"100\" class=\"form-control\" value=\"100\" />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '</form>'\r\n            );\r\n        },\r\n\r\n        showSettingForm: function (form, component, keditor) {\r\n            flog('showSettingForm \"audio\" component', form, component);\r\n\r\n            var options = keditor.options;\r\n\r\n            var audio = component.find('audio');\r\n            var fileInput = form.find('#audioFileInput');\r\n            var btnAudioFileInput = form.find('.btn-audioFileInput');\r\n            btnAudioFileInput.off('click').on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                fileInput.trigger('click');\r\n            });\r\n            fileInput.off('change').on('change', function () {\r\n                var file = this.files[0];\r\n                if (/audio/.test(file.type)) {\r\n                    // Todo: Upload to your server :)\r\n\r\n                    audio.attr('src', URL.createObjectURL(file));\r\n\r\n                    audio.load(function () {\r\n                        keditor.showSettingPanel(component, options);\r\n                    });\r\n                } else {\r\n                    alert('Your selected file is not an audio file!');\r\n                }\r\n            });\r\n\r\n            var autoplayToggle = form.find('#audio-autoplay');\r\n            autoplayToggle.off('click').on('click', function (e) {\r\n                if (this.checked) {\r\n                    audio.attr('autoplay', 'autoplay');\r\n                } else {\r\n                    audio.removeAttr('autoplay');\r\n                }\r\n            });\r\n\r\n            var showcontrolsToggle = form.find('#audio-showcontrols');\r\n            showcontrolsToggle.off('click').on('click', function (e) {\r\n                if (this.checked) {\r\n                    audio.attr('controls', 'controls');\r\n                } else {\r\n                    audio.removeAttr('controls');\r\n                }\r\n            });\r\n\r\n            var audioWidth = form.find('#audio-width');\r\n            audioWidth.off('change').on('change', function () {\r\n                audio.css('width', this.value + '%');\r\n            });\r\n        }\r\n    };\r\n})(jQuery);\r\n\r\n/**\r\n * KEditor Google Map Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.3\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    KEditor.components['googlemap'] = {\r\n        getContent: function (component, keditor) {\r\n            flog('getContent \"googlemap\" component', component);\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            componentContent.find('.googlemap-cover').remove();\r\n\r\n            return componentContent.html();\r\n        },\r\n\r\n        settingEnabled: true,\r\n\r\n        settingTitle: 'Google Map Settings',\r\n\r\n        initSettingForm: function (form, keditor) {\r\n            flog('initSettingForm \"googlemap\" component');\r\n\r\n            form.append(\r\n                '<form class=\"form-horizontal\">' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-block btn-primary btn-googlemap-edit\">Update Map</button>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label class=\"col-sm-12\">Aspect Ratio</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-sm btn-default btn-googlemap-169\">16:9</button>' +\r\n                '           <button type=\"button\" class=\"btn btn-sm btn-default btn-googlemap-43\">4:3</button>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '</form>'\r\n            );\r\n\r\n            var btnEdit = form.find('.btn-googlemap-edit');\r\n            btnEdit.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                var inputData = prompt('Please enter Google Map embed code in here:');\r\n                var iframe = $(inputData);\r\n                var src = iframe.attr('src');\r\n                if (iframe.length > 0 && src && src.length > 0) {\r\n                    keditor.getSettingComponent().find('.embed-responsive-item').attr('src', src);\r\n                } else {\r\n                    alert('Your Google Map embed code is invalid!');\r\n                }\r\n            });\r\n\r\n            var btn169 = form.find('.btn-googlemap-169');\r\n            btn169.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-4by3').addClass('embed-responsive-16by9');\r\n            });\r\n\r\n            var btn43 = form.find('.btn-googlemap-43');\r\n            btn43.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-16by9').addClass('embed-responsive-4by3');\r\n            });\r\n        }\r\n    };\r\n\r\n})(jQuery);\r\n\r\n/**\r\n * KEditor Photo Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.3\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    KEditor.components['photo'] = {\r\n        init: function (contentArea, container, component, keditor) {\r\n            flog('init \"photo\" component', component);\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            var img = componentContent.find('img');\r\n\r\n            img.css('display', 'inline-block');\r\n        },\r\n\r\n        settingEnabled: true,\r\n\r\n        settingTitle: 'Photo Settings',\r\n\r\n        initSettingForm: function (form, keditor) {\r\n            flog('initSettingForm \"photo\" component');\r\n\r\n            var self = this;\r\n            var options = keditor.options;\r\n\r\n            form.append(\r\n                '<form class=\"form-horizontal\">' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-block btn-primary\" id=\"photo-edit\">Change Photo</button>' +\r\n                '           <input type=\"file\" style=\"display: none\" />' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label for=\"photo-align\" class=\"col-sm-12\">Align</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <select id=\"photo-align\" class=\"form-control\">' +\r\n                '               <option value=\"left\">Left</option>' +\r\n                '               <option value=\"center\">Center</option>' +\r\n                '               <option value=\"right\">Right</option>' +\r\n                '           </select>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label for=\"photo-style\" class=\"col-sm-12\">Style</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <select id=\"photo-style\" class=\"form-control\">' +\r\n                '               <option value=\"\">None</option>' +\r\n                '               <option value=\"img-rounded\">Rounded</option>' +\r\n                '               <option value=\"img-circle\">Circle</option>' +\r\n                '               <option value=\"img-thumbnail\">Thumbnail</option>' +\r\n                '           </select>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label for=\"photo-responsive\" class=\"col-sm-12\">Responsive</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <input type=\"checkbox\" id=\"photo-responsive\" />' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label for=\"photo-width\" class=\"col-sm-12\">Width</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <input type=\"number\" id=\"photo-width\" class=\"form-control\" />' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label for=\"photo-height\" class=\"col-sm-12\">Height</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <input type=\"number\" id=\"photo-height\" class=\"form-control\" />' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '</form>'\r\n            );\r\n\r\n            var photoEdit = form.find('#photo-edit');\r\n            var fileInput = photoEdit.next();\r\n            photoEdit.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                fileInput.trigger('click');\r\n            });\r\n            fileInput.on('change', function () {\r\n                var file = this.files[0];\r\n                if (/image/.test(file.type)) {\r\n                    var img = keditor.getSettingComponent().find('img');\r\n                    img.attr('src', URL.createObjectURL(file));\r\n                    img.css({\r\n                        width: '',\r\n                        height: ''\r\n                    });\r\n                    img.load(function () {\r\n                        keditor.showSettingPanel(keditor.getSettingComponent(), options);\r\n                    });\r\n                } else {\r\n                    alert('Your selected file is not photo!');\r\n                }\r\n            });\r\n\r\n            var inputAlign = form.find('#photo-align');\r\n            inputAlign.on('change', function () {\r\n                var panel = keditor.getSettingComponent().find('.photo-panel');\r\n                panel.css('text-align', this.value);\r\n            });\r\n\r\n            var inputResponsive = form.find('#photo-responsive');\r\n            inputResponsive.on('click', function () {\r\n                keditor.getSettingComponent().find('img')[this.checked ? 'addClass' : 'removeClass']('img-responsive');\r\n            });\r\n\r\n            var cbbStyle = form.find('#photo-style');\r\n            cbbStyle.on('change', function () {\r\n                var img = keditor.getSettingComponent().find('img');\r\n                var val = this.value;\r\n\r\n                img.removeClass('img-rounded img-circle img-thumbnail');\r\n                if (val) {\r\n                    img.addClass(val);\r\n                }\r\n            });\r\n\r\n            var inputWidth = form.find('#photo-width');\r\n            var inputHeight = form.find('#photo-height');\r\n            inputWidth.on('change', function () {\r\n                var img = keditor.getSettingComponent().find('img');\r\n                var newWidth = +this.value;\r\n                var newHeight = Math.round(newWidth / self.ratio);\r\n\r\n                if (newWidth <= 0) {\r\n                    newWidth = self.width;\r\n                    newHeight = self.height;\r\n                    this.value = newWidth;\r\n                }\r\n\r\n                img.css({\r\n                    'width': newWidth,\r\n                    'height': newHeight\r\n                });\r\n                inputHeight.val(newHeight);\r\n            });\r\n            inputHeight.on('change', function () {\r\n                var img = keditor.getSettingComponent().find('img');\r\n                var newHeight = +this.value;\r\n                var newWidth = Math.round(newHeight * self.ratio);\r\n\r\n                if (newHeight <= 0) {\r\n                    newWidth = self.width;\r\n                    newHeight = self.height;\r\n                    this.value = newHeight;\r\n                }\r\n\r\n                img.css({\r\n                    'height': newHeight,\r\n                    'width': newWidth\r\n                });\r\n                inputWidth.val(newWidth);\r\n            });\r\n        },\r\n\r\n        showSettingForm: function (form, component, keditor) {\r\n            flog('showSettingForm \"photo\" component', component);\r\n\r\n            var self = this;\r\n            var inputAlign = form.find('#photo-align');\r\n            var inputResponsive = form.find('#photo-responsive');\r\n            var inputWidth = form.find('#photo-width');\r\n            var inputHeight = form.find('#photo-height');\r\n            var cbbStyle = form.find('#photo-style');\r\n\r\n            var panel = component.find('.photo-panel');\r\n            var img = panel.find('img');\r\n\r\n            var algin = panel.css('text-align');\r\n            if (algin !== 'right' || algin !== 'center') {\r\n                algin = 'left';\r\n            }\r\n\r\n            if (img.hasClass('img-rounded')) {\r\n                cbbStyle.val('img-rounded');\r\n            } else if (img.hasClass('img-circle')) {\r\n                cbbStyle.val('img-circle');\r\n            } else if (img.hasClass('img-thumbnail')) {\r\n                cbbStyle.val('img-thumbnail');\r\n            } else {\r\n                cbbStyle.val('');\r\n            }\r\n\r\n            inputAlign.val(algin);\r\n            inputResponsive.prop('checked', img.hasClass('img-responsive'));\r\n            inputWidth.val(img.width());\r\n            inputHeight.val(img.height());\r\n\r\n            $('<img />').attr('src', img.attr('src')).load(function() {\r\n                self.ratio = this.width / this.height;\r\n                self.width = this.width;\r\n                self.height = this.height;\r\n            });\r\n        }\r\n    };\r\n\r\n})(jQuery);\r\n\r\n/**\r\n * KEditor Text Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.3\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    CKEDITOR.disableAutoInline = true;\r\n\r\n    // Text component\r\n    // ---------------------------------------------------------------------\r\n    KEditor.components['text'] = {\r\n        options: {\r\n            toolbarGroups: [\r\n                {name: 'document', groups: ['mode', 'document', 'doctools']},\r\n                {name: 'editing', groups: ['find', 'selection', 'spellchecker', 'editing']},\r\n                {name: 'forms', groups: ['forms']},\r\n                {name: 'basicstyles', groups: ['basicstyles', 'cleanup']},\r\n                {name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi', 'paragraph']},\r\n                {name: 'links', groups: ['links']},\r\n                {name: 'insert', groups: ['insert']},\r\n                '/',\r\n                {name: 'clipboard', groups: ['clipboard', 'undo']},\r\n                {name: 'styles', groups: ['styles']},\r\n                {name: 'colors', groups: ['colors']},\r\n                {name: 'tools', groups: ['tools']},\r\n                {name: 'others', groups: ['others']},\r\n            ],\r\n            title: false,\r\n            allowedContent: true, // DISABLES Advanced Content Filter. This is so templates with classes: allowed through\r\n            bodyId: 'editor',\r\n            templates_replaceContent: false,\r\n            enterMode: 'P',\r\n            forceEnterMode: true,\r\n            format_tags: 'p;h1;h2;h3;h4;h5;h6',\r\n            removePlugins: 'table,magicline,tabletools',\r\n            removeButtons: 'Save,NewPage,Preview,Print,Templates,PasteText,PasteFromWord,Find,Replace,SelectAll,Scayt,Form,HiddenField,ImageButton,Button,Select,Textarea,TextField,Radio,Checkbox,Outdent,Indent,Blockquote,CreateDiv,Language,Table,HorizontalRule,Smiley,SpecialChar,PageBreak,Iframe,Styles,BGColor,Maximize,About,ShowBlocks,BidiLtr,BidiRtl,Flash,Image,Subscript,Superscript,Anchor',\r\n            minimumChangeMilliseconds: 100\r\n        },\r\n\r\n        init: function (contentArea, container, component, keditor) {\r\n            flog('init \"text\" component', component);\r\n\r\n            var self = this;\r\n            var options = keditor.options;\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            componentContent.prop('contenteditable', true);\r\n\r\n            componentContent.on('input', function (e) {\r\n                if (typeof options.onComponentChanged === 'function') {\r\n                    options.onComponentChanged.call(contentArea, e, component);\r\n                }\r\n\r\n                if (typeof options.onContainerChanged === 'function') {\r\n                    options.onContainerChanged.call(contentArea, e, container);\r\n                }\r\n\r\n                if (typeof options.onContentChanged === 'function') {\r\n                    options.onContentChanged.call(contentArea, e);\r\n                }\r\n            });\r\n\r\n            var editor = componentContent.ckeditor(self.options).editor;\r\n            editor.on('instanceReady', function () {\r\n                flog('CKEditor is ready', component);\r\n\r\n                if (typeof options.onComponentReady === 'function') {\r\n                    options.onComponentReady.call(contentArea, component, editor);\r\n                }\r\n            });\r\n        },\r\n\r\n        getContent: function (component, keditor) {\r\n            flog('getContent \"text\" component', component);\r\n\r\n            var componentContent = component.find('.keditor-component-content');\r\n            var id = componentContent.attr('id');\r\n            var editor = CKEDITOR.instances[id];\r\n            if (editor) {\r\n                return editor.getData();\r\n            } else {\r\n                return componentContent.html();\r\n            }\r\n        },\r\n\r\n        destroy: function (component, keditor) {\r\n            flog('destroy \"text\" component', component);\r\n\r\n            var id = component.find('.keditor-component-content').attr('id');\r\n            var editor = CKEDITOR.instances[id];\r\n            if (editor) {\r\n                editor.destroy();\r\n            }\r\n        }\r\n    };\r\n\r\n})(jQuery);\r\n\r\n/**\r\n * KEditor Video Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.3\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    KEditor.components['video'] = {\r\n        getContent: function (component, keditor) {\r\n            flog('getContent \"video\" component', component);\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            var video = componentContent.find('video');\r\n            video.unwrap();\r\n\r\n            return componentContent.html();\r\n        },\r\n\r\n        settingEnabled: true,\r\n\r\n        settingTitle: 'Video Settings',\r\n\r\n        initSettingForm: function (form, keditor) {\r\n            flog('init \"video\" settings', form);\r\n\r\n            form.append(\r\n                '<form class=\"form-horizontal\">' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"videoFileInput\" class=\"col-sm-12\">Video file</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<div class=\"video-toolbar\">' +\r\n                '<a href=\"#\" class=\"btn-videoFileInput btn btn-sm btn-primary\"><i class=\"fa fa-upload\"></i></a>' +\r\n                '<input id=\"videoFileInput\" type=\"file\" style=\"display: none\">' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"video-autoplay\" class=\"col-sm-12\">Autoplay</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"checkbox\" id=\"video-autoplay\" />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"video-loop\" class=\"col-sm-12\">Loop</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"checkbox\" id=\"video-loop\" />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"video-showcontrols\" class=\"col-sm-12\">Show Controls</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"checkbox\" id=\"video-showcontrols\" checked />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"\" class=\"col-sm-12\">Ratio</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"radio\" name=\"video-radio\" class=\"video-ratio\" value=\"4/3\" checked /> 4:3' +\r\n                '</div>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"radio\" name=\"video-radio\" class=\"video-ratio\" value=\"16/9\" /> 16:9' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"video-width\" class=\"col-sm-12\">Width (px)</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"number\" id=\"video-width\" min=\"320\" max=\"1920\" class=\"form-control\" value=\"320\" />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '</form>'\r\n            );\r\n        },\r\n\r\n        showSettingForm: function (form, component, keditor) {\r\n            flog('showSettingForm \"video\" settings', form, component);\r\n\r\n            var options = keditor.options;\r\n            var video = component.find('video');\r\n            var fileInput = form.find('#videoFileInput');\r\n            var btnVideoFileInput = form.find('.btn-videoFileInput');\r\n            btnVideoFileInput.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                fileInput.trigger('click');\r\n            });\r\n            fileInput.off('change').on('change', function () {\r\n                var file = this.files[0];\r\n                if (/video/.test(file.type)) {\r\n                    // Todo: Upload to your server :)\r\n\r\n                    video.attr('src', URL.createObjectURL(file));\r\n\r\n                    video.load(function () {\r\n                        keditor.showSettingPanel(component, options);\r\n                    });\r\n                } else {\r\n                    alert('Your selected file is not an video file!');\r\n                }\r\n            });\r\n\r\n            var autoplayToggle = form.find('#video-autoplay');\r\n            autoplayToggle.off('click').on('click', function (e) {\r\n                if (this.checked) {\r\n                    video.prop('autoplay', true);\r\n                } else {\r\n                    video.removeProp('autoplay');\r\n                }\r\n            });\r\n\r\n            var loopToggle = form.find('#video-loop');\r\n            loopToggle.off('click').on('click', function (e) {\r\n                if (this.checked) {\r\n                    video.prop('loop', true);\r\n                } else {\r\n                    video.removeProp('loop');\r\n                }\r\n            });\r\n\r\n            var ratio = form.find('.video-ratio');\r\n            ratio.off('click').on('click', function (e) {\r\n                if (this.checked) {\r\n                    var currentWidth = video.css('width') || video.prop('width');\r\n                    currentWidth = currentWidth.replace('px', '');\r\n\r\n                    var currentRatio = this.value === '16/9' ? 16 / 9 : 4 / 3;\r\n                    var height = currentWidth / currentRatio;\r\n                    video.css('width', currentWidth + 'px');\r\n                    video.css('height', height + 'px');\r\n                    video.removeProp('width');\r\n                    video.removeProp('height');\r\n                }\r\n            });\r\n\r\n            var showcontrolsToggle = form.find('#video-showcontrols');\r\n            showcontrolsToggle.off('click').on('click', function (e) {\r\n                if (this.checked) {\r\n                    video.attr('controls', 'controls');\r\n                } else {\r\n                    video.removeAttr('controls');\r\n                }\r\n            });\r\n\r\n            var videoWidth = form.find('#video-width');\r\n            videoWidth.off('change').on('change', function () {\r\n                video.css('width', this.value + 'px');\r\n                var currentRatio = form.find('.video-ratio:checked').val() === '16/9' ? 16 / 9 : 4 / 3;\r\n                var height = this.value / currentRatio;\r\n                video.css('height', height + 'px');\r\n                video.removeProp('width');\r\n                video.removeProp('height');\r\n            });\r\n        }\r\n    };\r\n})(jQuery);\r\n\r\n/**\r\n * KEditor Vimeo Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.3\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    KEditor.components['vimeo'] = {\r\n        getContent: function (component, keditor) {\r\n            flog('getContent \"vimeo\" component', component);\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            componentContent.find('.vimeo-cover').remove();\r\n\r\n            return componentContent.html();\r\n        },\r\n\r\n        settingEnabled: true,\r\n\r\n        settingTitle: 'Vimeo Settings',\r\n\r\n        initSettingForm: function (form, keditor) {\r\n            flog('initSettingForm \"vimeo\" component');\r\n\r\n            form.append(\r\n                '<form class=\"form-horizontal\">' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-block btn-primary btn-vimeo-edit\">Change Video</button>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label class=\"col-sm-12\">Autoplay</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <input type=\"checkbox\" id=\"vimeo-autoplay\" />' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label class=\"col-sm-12\">Aspect Ratio</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-sm btn-default btn-vimeo-169\">16:9</button>' +\r\n                '           <button type=\"button\" class=\"btn btn-sm btn-default btn-vimeo-43\">4:3</button>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '</form>'\r\n            );\r\n\r\n            var btnEdit = form.find('.btn-vimeo-edit');\r\n            btnEdit.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                var inputData = prompt('Please enter Vimeo URL in here:');\r\n                var vimeoRegex = /https?:\\/\\/(?:www\\.|player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\d+)\\/video\\/|video\\/|)(\\d+)(?:$|\\/|\\?)/;\r\n                var match = inputData.match(vimeoRegex);\r\n                if (match && match[1]) {\r\n                    keditor.getSettingComponent().find('.embed-responsive-item').attr('src', 'https://player.vimeo.com/video/' + match[1] + '?byline=0&portrait=0&badge=0');\r\n                } else {\r\n                    alert('Your Vimeo URL is invalid!');\r\n                }\r\n            });\r\n\r\n            var btn169 = form.find('.btn-vimeo-169');\r\n            btn169.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-4by3').addClass('embed-responsive-16by9');\r\n            });\r\n\r\n            var btn43 = form.find('.btn-vimeo-43');\r\n            btn43.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-16by9').addClass('embed-responsive-4by3');\r\n            });\r\n\r\n            var chkAutoplay = form.find('#vimeo-autoplay');\r\n            chkAutoplay.on('click', function () {\r\n                var embedItem = keditor.getSettingComponent().find('.embed-responsive-item');\r\n                var currentUrl = embedItem.attr('src');\r\n                var newUrl = (currentUrl.replace(/(\\?.+)+/, '')) + '?byline=0&portrait=0&badge=0&autoplay=' + (chkAutoplay.is(':checked') ? 1 : 0);\r\n\r\n                flog('Current url: ' + currentUrl, 'New url: ' + newUrl);\r\n                embedItem.attr('src', newUrl);\r\n            });\r\n        },\r\n\r\n        showSettingForm: function (form, component, keditor) {\r\n            flog('showSettingForm \"vimeo\" component', component);\r\n\r\n            var embedItem = component.find('.embed-responsive-item');\r\n            var chkAutoplay = form.find('#vimeo-autoplay');\r\n            var src = embedItem.attr('src');\r\n\r\n            chkAutoplay.prop('checked', src.indexOf('autoplay=1') !== -1);\r\n        }\r\n    };\r\n\r\n})(jQuery);\r\n\r\n/**\r\n * KEditor Youtube Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.3\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    KEditor.components['youtube'] = {\r\n        getContent: function (component, keditor) {\r\n            flog('getContent \"youtube\" component', component);\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            componentContent.find('.youtube-cover').remove();\r\n\r\n            return componentContent.html();\r\n        },\r\n\r\n        settingEnabled: true,\r\n\r\n        settingTitle: 'Youtube Settings',\r\n\r\n        initSettingForm: function (form, keditor) {\r\n            flog('initSettingForm \"youtube\" component');\r\n\r\n            form.append(\r\n                '<form class=\"form-horizontal\">' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-block btn-primary btn-youtube-edit\">Change Video</button>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label class=\"col-sm-12\">Autoplay</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <input type=\"checkbox\" id=\"youtube-autoplay\" />' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label class=\"col-sm-12\">Aspect Ratio</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-sm btn-default btn-youtube-169\">16:9</button>' +\r\n                '           <button type=\"button\" class=\"btn btn-sm btn-default btn-youtube-43\">4:3</button>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '</form>'\r\n            );\r\n\r\n            var btnEdit = form.find('.btn-youtube-edit');\r\n            btnEdit.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                var inputData = prompt('Please enter Youtube URL in here:');\r\n                var youtubeRegex = /^(?:http(?:s)?:\\/\\/)?(?:www\\.)?(?:m\\.)?(?:youtu\\.be\\/|youtube\\.com\\/(?:(?:watch)?\\?(?:.*&)?v(?:i)?=|(?:embed|v|vi|user)\\/))([^\\?&\\\"'>]+)/;\r\n                var match = inputData.match(youtubeRegex);\r\n                if (match && match[1]) {\r\n                    keditor.getSettingComponent().find('.embed-responsive-item').attr('src', 'https://www.youtube.com/embed/' + match[1]);\r\n                } else {\r\n                    alert('Your Youtube URL is invalid!');\r\n                }\r\n            });\r\n\r\n            var btn169 = form.find('.btn-youtube-169');\r\n            btn169.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-4by3').addClass('embed-responsive-16by9');\r\n            });\r\n\r\n            var btn43 = form.find('.btn-youtube-43');\r\n            btn43.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-16by9').addClass('embed-responsive-4by3');\r\n            });\r\n\r\n            var chkAutoplay = form.find('#youtube-autoplay');\r\n            chkAutoplay.on('click', function () {\r\n                var embedItem = keditor.getSettingComponent().find('.embed-responsive-item');\r\n                var currentUrl = embedItem.attr('src');\r\n                var newUrl = (currentUrl.replace(/(\\?.+)+/, '')) + '?autoplay=' + (chkAutoplay.is(':checked') ? 1 : 0);\r\n\r\n                flog('Current url: ' + currentUrl, 'New url: ' + newUrl);\r\n                embedItem.attr('src', newUrl);\r\n            });\r\n        },\r\n\r\n        showSettingForm: function (form, component, keditor) {\r\n            flog('showSettingForm \"youtube\" component', component);\r\n\r\n            var embedItem = component.find('.embed-responsive-item');\r\n            var chkAutoplay = form.find('#youtube-autoplay');\r\n            var src = embedItem.attr('src');\r\n\r\n            chkAutoplay.prop('checked', src.indexOf('autoplay=1') !== -1);\r\n        }\r\n    };\r\n\r\n})(jQuery);\r\n"],"sourceRoot":"/source/"}
\ No newline at end of file
+{"version":3,"sources":["keditor-components-1.1.4.js"],"names":["$","KEditor","keditor","flog","log","components","getContent","component","componentContent","children","audio","find","unwrap","html","settingEnabled","settingTitle","initSettingForm","form","append","showSettingForm","options","fileInput","btnAudioFileInput","off","on","e","preventDefault","trigger","file","this","files","test","type","attr","URL","createObjectURL","load","showSettingPanel","alert","autoplayToggle","checked","removeAttr","showcontrolsToggle","audioWidth","css","value","jQuery","remove","btnEdit","inputData","prompt","iframe","src","length","getSettingComponent","btn169","removeClass","addClass","btn43","init","contentArea","container","img","self","photoEdit","next","width","height","inputAlign","panel","inputResponsive","cbbStyle","val","inputWidth","inputHeight","newWidth","newHeight","Math","round","ratio","algin","hasClass","prop","CKEDITOR","disableAutoInline","toolbarGroups","name","groups","title","allowedContent","bodyId","templates_replaceContent","enterMode","forceEnterMode","format_tags","removePlugins","removeButtons","minimumChangeMilliseconds","onComponentChanged","call","onContainerChanged","onContentChanged","editor","ckeditor","onComponentReady","id","instances","getData","destroy","video","btnVideoFileInput","removeProp","loopToggle","currentWidth","replace","currentRatio","videoWidth","vimeoRegex","match","chkAutoplay","embedItem","currentUrl","newUrl","is","indexOf","youtubeRegex"],"mappings":"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","file":"keditor-components-1.1.4.min.js","sourcesContent":["/**\r\n * KEditor Audio Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.4\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    KEditor.components['audio'] = {\r\n        getContent: function (component, keditor) {\r\n            flog('getContent \"audio\" component, component');\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            var audio = componentContent.find('audio');\r\n            audio.unwrap();\r\n\r\n            return componentContent.html();\r\n        },\r\n\r\n        settingEnabled: true,\r\n\r\n        settingTitle: 'Audio Settings',\r\n\r\n        initSettingForm: function (form, keditor) {\r\n            flog('init \"audio\" settings', form);\r\n\r\n            form.append(\r\n                '<form class=\"form-horizontal\">' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"audioFileInput\" class=\"col-sm-12\">Audio file</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<div class=\"audio-toolbar\">' +\r\n                '<a href=\"#\" class=\"btn-audioFileInput btn btn-sm btn-primary\"><i class=\"fa fa-upload\"></i></a>' +\r\n                '<input id=\"audioFileInput\" type=\"file\" style=\"display: none\">' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"audio-autoplay\" class=\"col-sm-12\">Autoplay</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"checkbox\" id=\"audio-autoplay\" />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"audio-showcontrols\" class=\"col-sm-12\">Show Controls</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"checkbox\" id=\"audio-showcontrols\" checked />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"audio-width\" class=\"col-sm-12\">Width (%)</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"number\" id=\"audio-width\" min=\"20\" max=\"100\" class=\"form-control\" value=\"100\" />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '</form>'\r\n            );\r\n        },\r\n\r\n        showSettingForm: function (form, component, keditor) {\r\n            flog('showSettingForm \"audio\" component', form, component);\r\n\r\n            var options = keditor.options;\r\n\r\n            var audio = component.find('audio');\r\n            var fileInput = form.find('#audioFileInput');\r\n            var btnAudioFileInput = form.find('.btn-audioFileInput');\r\n            btnAudioFileInput.off('click').on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                fileInput.trigger('click');\r\n            });\r\n            fileInput.off('change').on('change', function () {\r\n                var file = this.files[0];\r\n                if (/audio/.test(file.type)) {\r\n                    // Todo: Upload to your server :)\r\n\r\n                    audio.attr('src', URL.createObjectURL(file));\r\n\r\n                    audio.load(function () {\r\n                        keditor.showSettingPanel(component, options);\r\n                    });\r\n                } else {\r\n                    alert('Your selected file is not an audio file!');\r\n                }\r\n            });\r\n\r\n            var autoplayToggle = form.find('#audio-autoplay');\r\n            autoplayToggle.off('click').on('click', function (e) {\r\n                if (this.checked) {\r\n                    audio.attr('autoplay', 'autoplay');\r\n                } else {\r\n                    audio.removeAttr('autoplay');\r\n                }\r\n            });\r\n\r\n            var showcontrolsToggle = form.find('#audio-showcontrols');\r\n            showcontrolsToggle.off('click').on('click', function (e) {\r\n                if (this.checked) {\r\n                    audio.attr('controls', 'controls');\r\n                } else {\r\n                    audio.removeAttr('controls');\r\n                }\r\n            });\r\n\r\n            var audioWidth = form.find('#audio-width');\r\n            audioWidth.off('change').on('change', function () {\r\n                audio.css('width', this.value + '%');\r\n            });\r\n        }\r\n    };\r\n})(jQuery);\r\n\r\n/**\r\n * KEditor Google Map Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.4\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    KEditor.components['googlemap'] = {\r\n        getContent: function (component, keditor) {\r\n            flog('getContent \"googlemap\" component', component);\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            componentContent.find('.googlemap-cover').remove();\r\n\r\n            return componentContent.html();\r\n        },\r\n\r\n        settingEnabled: true,\r\n\r\n        settingTitle: 'Google Map Settings',\r\n\r\n        initSettingForm: function (form, keditor) {\r\n            flog('initSettingForm \"googlemap\" component');\r\n\r\n            form.append(\r\n                '<form class=\"form-horizontal\">' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-block btn-primary btn-googlemap-edit\">Update Map</button>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label class=\"col-sm-12\">Aspect Ratio</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-sm btn-default btn-googlemap-169\">16:9</button>' +\r\n                '           <button type=\"button\" class=\"btn btn-sm btn-default btn-googlemap-43\">4:3</button>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '</form>'\r\n            );\r\n\r\n            var btnEdit = form.find('.btn-googlemap-edit');\r\n            btnEdit.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                var inputData = prompt('Please enter Google Map embed code in here:');\r\n                var iframe = $(inputData);\r\n                var src = iframe.attr('src');\r\n                if (iframe.length > 0 && src && src.length > 0) {\r\n                    keditor.getSettingComponent().find('.embed-responsive-item').attr('src', src);\r\n                } else {\r\n                    alert('Your Google Map embed code is invalid!');\r\n                }\r\n            });\r\n\r\n            var btn169 = form.find('.btn-googlemap-169');\r\n            btn169.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-4by3').addClass('embed-responsive-16by9');\r\n            });\r\n\r\n            var btn43 = form.find('.btn-googlemap-43');\r\n            btn43.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-16by9').addClass('embed-responsive-4by3');\r\n            });\r\n        }\r\n    };\r\n\r\n})(jQuery);\r\n\r\n/**\r\n * KEditor Photo Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.4\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    KEditor.components['photo'] = {\r\n        init: function (contentArea, container, component, keditor) {\r\n            flog('init \"photo\" component', component);\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            var img = componentContent.find('img');\r\n\r\n            img.css('display', 'inline-block');\r\n        },\r\n\r\n        settingEnabled: true,\r\n\r\n        settingTitle: 'Photo Settings',\r\n\r\n        initSettingForm: function (form, keditor) {\r\n            flog('initSettingForm \"photo\" component');\r\n\r\n            var self = this;\r\n            var options = keditor.options;\r\n\r\n            form.append(\r\n                '<form class=\"form-horizontal\">' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-block btn-primary\" id=\"photo-edit\">Change Photo</button>' +\r\n                '           <input type=\"file\" style=\"display: none\" />' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label for=\"photo-align\" class=\"col-sm-12\">Align</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <select id=\"photo-align\" class=\"form-control\">' +\r\n                '               <option value=\"left\">Left</option>' +\r\n                '               <option value=\"center\">Center</option>' +\r\n                '               <option value=\"right\">Right</option>' +\r\n                '           </select>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label for=\"photo-style\" class=\"col-sm-12\">Style</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <select id=\"photo-style\" class=\"form-control\">' +\r\n                '               <option value=\"\">None</option>' +\r\n                '               <option value=\"img-rounded\">Rounded</option>' +\r\n                '               <option value=\"img-circle\">Circle</option>' +\r\n                '               <option value=\"img-thumbnail\">Thumbnail</option>' +\r\n                '           </select>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label for=\"photo-responsive\" class=\"col-sm-12\">Responsive</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <input type=\"checkbox\" id=\"photo-responsive\" />' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label for=\"photo-width\" class=\"col-sm-12\">Width</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <input type=\"number\" id=\"photo-width\" class=\"form-control\" />' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label for=\"photo-height\" class=\"col-sm-12\">Height</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <input type=\"number\" id=\"photo-height\" class=\"form-control\" />' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '</form>'\r\n            );\r\n\r\n            var photoEdit = form.find('#photo-edit');\r\n            var fileInput = photoEdit.next();\r\n            photoEdit.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                fileInput.trigger('click');\r\n            });\r\n            fileInput.on('change', function () {\r\n                var file = this.files[0];\r\n                if (/image/.test(file.type)) {\r\n                    var img = keditor.getSettingComponent().find('img');\r\n                    img.attr('src', URL.createObjectURL(file));\r\n                    img.css({\r\n                        width: '',\r\n                        height: ''\r\n                    });\r\n                    img.load(function () {\r\n                        keditor.showSettingPanel(keditor.getSettingComponent(), options);\r\n                    });\r\n                } else {\r\n                    alert('Your selected file is not photo!');\r\n                }\r\n            });\r\n\r\n            var inputAlign = form.find('#photo-align');\r\n            inputAlign.on('change', function () {\r\n                var panel = keditor.getSettingComponent().find('.photo-panel');\r\n                panel.css('text-align', this.value);\r\n            });\r\n\r\n            var inputResponsive = form.find('#photo-responsive');\r\n            inputResponsive.on('click', function () {\r\n                keditor.getSettingComponent().find('img')[this.checked ? 'addClass' : 'removeClass']('img-responsive');\r\n            });\r\n\r\n            var cbbStyle = form.find('#photo-style');\r\n            cbbStyle.on('change', function () {\r\n                var img = keditor.getSettingComponent().find('img');\r\n                var val = this.value;\r\n\r\n                img.removeClass('img-rounded img-circle img-thumbnail');\r\n                if (val) {\r\n                    img.addClass(val);\r\n                }\r\n            });\r\n\r\n            var inputWidth = form.find('#photo-width');\r\n            var inputHeight = form.find('#photo-height');\r\n            inputWidth.on('change', function () {\r\n                var img = keditor.getSettingComponent().find('img');\r\n                var newWidth = +this.value;\r\n                var newHeight = Math.round(newWidth / self.ratio);\r\n\r\n                if (newWidth <= 0) {\r\n                    newWidth = self.width;\r\n                    newHeight = self.height;\r\n                    this.value = newWidth;\r\n                }\r\n\r\n                img.css({\r\n                    'width': newWidth,\r\n                    'height': newHeight\r\n                });\r\n                inputHeight.val(newHeight);\r\n            });\r\n            inputHeight.on('change', function () {\r\n                var img = keditor.getSettingComponent().find('img');\r\n                var newHeight = +this.value;\r\n                var newWidth = Math.round(newHeight * self.ratio);\r\n\r\n                if (newHeight <= 0) {\r\n                    newWidth = self.width;\r\n                    newHeight = self.height;\r\n                    this.value = newHeight;\r\n                }\r\n\r\n                img.css({\r\n                    'height': newHeight,\r\n                    'width': newWidth\r\n                });\r\n                inputWidth.val(newWidth);\r\n            });\r\n        },\r\n\r\n        showSettingForm: function (form, component, keditor) {\r\n            flog('showSettingForm \"photo\" component', component);\r\n\r\n            var self = this;\r\n            var inputAlign = form.find('#photo-align');\r\n            var inputResponsive = form.find('#photo-responsive');\r\n            var inputWidth = form.find('#photo-width');\r\n            var inputHeight = form.find('#photo-height');\r\n            var cbbStyle = form.find('#photo-style');\r\n\r\n            var panel = component.find('.photo-panel');\r\n            var img = panel.find('img');\r\n\r\n            var algin = panel.css('text-align');\r\n            if (algin !== 'right' || algin !== 'center') {\r\n                algin = 'left';\r\n            }\r\n\r\n            if (img.hasClass('img-rounded')) {\r\n                cbbStyle.val('img-rounded');\r\n            } else if (img.hasClass('img-circle')) {\r\n                cbbStyle.val('img-circle');\r\n            } else if (img.hasClass('img-thumbnail')) {\r\n                cbbStyle.val('img-thumbnail');\r\n            } else {\r\n                cbbStyle.val('');\r\n            }\r\n\r\n            inputAlign.val(algin);\r\n            inputResponsive.prop('checked', img.hasClass('img-responsive'));\r\n            inputWidth.val(img.width());\r\n            inputHeight.val(img.height());\r\n\r\n            $('<img />').attr('src', img.attr('src')).load(function() {\r\n                self.ratio = this.width / this.height;\r\n                self.width = this.width;\r\n                self.height = this.height;\r\n            });\r\n        }\r\n    };\r\n\r\n})(jQuery);\r\n\r\n/**\r\n * KEditor Text Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.4\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    CKEDITOR.disableAutoInline = true;\r\n\r\n    // Text component\r\n    // ---------------------------------------------------------------------\r\n    KEditor.components['text'] = {\r\n        options: {\r\n            toolbarGroups: [\r\n                {name: 'document', groups: ['mode', 'document', 'doctools']},\r\n                {name: 'editing', groups: ['find', 'selection', 'spellchecker', 'editing']},\r\n                {name: 'forms', groups: ['forms']},\r\n                {name: 'basicstyles', groups: ['basicstyles', 'cleanup']},\r\n                {name: 'paragraph', groups: ['list', 'indent', 'blocks', 'align', 'bidi', 'paragraph']},\r\n                {name: 'links', groups: ['links']},\r\n                {name: 'insert', groups: ['insert']},\r\n                '/',\r\n                {name: 'clipboard', groups: ['clipboard', 'undo']},\r\n                {name: 'styles', groups: ['styles']},\r\n                {name: 'colors', groups: ['colors']},\r\n                {name: 'tools', groups: ['tools']},\r\n                {name: 'others', groups: ['others']},\r\n            ],\r\n            title: false,\r\n            allowedContent: true, // DISABLES Advanced Content Filter. This is so templates with classes: allowed through\r\n            bodyId: 'editor',\r\n            templates_replaceContent: false,\r\n            enterMode: 'P',\r\n            forceEnterMode: true,\r\n            format_tags: 'p;h1;h2;h3;h4;h5;h6',\r\n            removePlugins: 'table,magicline,tabletools',\r\n            removeButtons: 'Save,NewPage,Preview,Print,Templates,PasteText,PasteFromWord,Find,Replace,SelectAll,Scayt,Form,HiddenField,ImageButton,Button,Select,Textarea,TextField,Radio,Checkbox,Outdent,Indent,Blockquote,CreateDiv,Language,Table,HorizontalRule,Smiley,SpecialChar,PageBreak,Iframe,Styles,BGColor,Maximize,About,ShowBlocks,BidiLtr,BidiRtl,Flash,Image,Subscript,Superscript,Anchor',\r\n            minimumChangeMilliseconds: 100\r\n        },\r\n\r\n        init: function (contentArea, container, component, keditor) {\r\n            flog('init \"text\" component', component);\r\n\r\n            var self = this;\r\n            var options = keditor.options;\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            componentContent.prop('contenteditable', true);\r\n\r\n            componentContent.on('input', function (e) {\r\n                if (typeof options.onComponentChanged === 'function') {\r\n                    options.onComponentChanged.call(contentArea, e, component);\r\n                }\r\n\r\n                if (typeof options.onContainerChanged === 'function') {\r\n                    options.onContainerChanged.call(contentArea, e, container);\r\n                }\r\n\r\n                if (typeof options.onContentChanged === 'function') {\r\n                    options.onContentChanged.call(contentArea, e);\r\n                }\r\n            });\r\n\r\n            var editor = componentContent.ckeditor(self.options).editor;\r\n            editor.on('instanceReady', function () {\r\n                flog('CKEditor is ready', component);\r\n\r\n                if (typeof options.onComponentReady === 'function') {\r\n                    options.onComponentReady.call(contentArea, component, editor);\r\n                }\r\n            });\r\n        },\r\n\r\n        getContent: function (component, keditor) {\r\n            flog('getContent \"text\" component', component);\r\n\r\n            var componentContent = component.find('.keditor-component-content');\r\n            var id = componentContent.attr('id');\r\n            var editor = CKEDITOR.instances[id];\r\n            if (editor) {\r\n                return editor.getData();\r\n            } else {\r\n                return componentContent.html();\r\n            }\r\n        },\r\n\r\n        destroy: function (component, keditor) {\r\n            flog('destroy \"text\" component', component);\r\n\r\n            var id = component.find('.keditor-component-content').attr('id');\r\n            var editor = CKEDITOR.instances[id];\r\n            if (editor) {\r\n                editor.destroy();\r\n            }\r\n        }\r\n    };\r\n\r\n})(jQuery);\r\n\r\n/**\r\n * KEditor Video Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.4\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    KEditor.components['video'] = {\r\n        getContent: function (component, keditor) {\r\n            flog('getContent \"video\" component', component);\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            var video = componentContent.find('video');\r\n            video.unwrap();\r\n\r\n            return componentContent.html();\r\n        },\r\n\r\n        settingEnabled: true,\r\n\r\n        settingTitle: 'Video Settings',\r\n\r\n        initSettingForm: function (form, keditor) {\r\n            flog('init \"video\" settings', form);\r\n\r\n            form.append(\r\n                '<form class=\"form-horizontal\">' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"videoFileInput\" class=\"col-sm-12\">Video file</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<div class=\"video-toolbar\">' +\r\n                '<a href=\"#\" class=\"btn-videoFileInput btn btn-sm btn-primary\"><i class=\"fa fa-upload\"></i></a>' +\r\n                '<input id=\"videoFileInput\" type=\"file\" style=\"display: none\">' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"video-autoplay\" class=\"col-sm-12\">Autoplay</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"checkbox\" id=\"video-autoplay\" />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"video-loop\" class=\"col-sm-12\">Loop</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"checkbox\" id=\"video-loop\" />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"video-showcontrols\" class=\"col-sm-12\">Show Controls</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"checkbox\" id=\"video-showcontrols\" checked />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"\" class=\"col-sm-12\">Ratio</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"radio\" name=\"video-radio\" class=\"video-ratio\" value=\"4/3\" checked /> 4:3' +\r\n                '</div>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"radio\" name=\"video-radio\" class=\"video-ratio\" value=\"16/9\" /> 16:9' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '<div class=\"form-group\">' +\r\n                '<label for=\"video-width\" class=\"col-sm-12\">Width (px)</label>' +\r\n                '<div class=\"col-sm-12\">' +\r\n                '<input type=\"number\" id=\"video-width\" min=\"320\" max=\"1920\" class=\"form-control\" value=\"320\" />' +\r\n                '</div>' +\r\n                '</div>' +\r\n                '</form>'\r\n            );\r\n        },\r\n\r\n        showSettingForm: function (form, component, keditor) {\r\n            flog('showSettingForm \"video\" settings', form, component);\r\n\r\n            var options = keditor.options;\r\n            var video = component.find('video');\r\n            var fileInput = form.find('#videoFileInput');\r\n            var btnVideoFileInput = form.find('.btn-videoFileInput');\r\n            btnVideoFileInput.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                fileInput.trigger('click');\r\n            });\r\n            fileInput.off('change').on('change', function () {\r\n                var file = this.files[0];\r\n                if (/video/.test(file.type)) {\r\n                    // Todo: Upload to your server :)\r\n\r\n                    video.attr('src', URL.createObjectURL(file));\r\n\r\n                    video.load(function () {\r\n                        keditor.showSettingPanel(component, options);\r\n                    });\r\n                } else {\r\n                    alert('Your selected file is not an video file!');\r\n                }\r\n            });\r\n\r\n            var autoplayToggle = form.find('#video-autoplay');\r\n            autoplayToggle.off('click').on('click', function (e) {\r\n                if (this.checked) {\r\n                    video.prop('autoplay', true);\r\n                } else {\r\n                    video.removeProp('autoplay');\r\n                }\r\n            });\r\n\r\n            var loopToggle = form.find('#video-loop');\r\n            loopToggle.off('click').on('click', function (e) {\r\n                if (this.checked) {\r\n                    video.prop('loop', true);\r\n                } else {\r\n                    video.removeProp('loop');\r\n                }\r\n            });\r\n\r\n            var ratio = form.find('.video-ratio');\r\n            ratio.off('click').on('click', function (e) {\r\n                if (this.checked) {\r\n                    var currentWidth = video.css('width') || video.prop('width');\r\n                    currentWidth = currentWidth.replace('px', '');\r\n\r\n                    var currentRatio = this.value === '16/9' ? 16 / 9 : 4 / 3;\r\n                    var height = currentWidth / currentRatio;\r\n                    video.css('width', currentWidth + 'px');\r\n                    video.css('height', height + 'px');\r\n                    video.removeProp('width');\r\n                    video.removeProp('height');\r\n                }\r\n            });\r\n\r\n            var showcontrolsToggle = form.find('#video-showcontrols');\r\n            showcontrolsToggle.off('click').on('click', function (e) {\r\n                if (this.checked) {\r\n                    video.attr('controls', 'controls');\r\n                } else {\r\n                    video.removeAttr('controls');\r\n                }\r\n            });\r\n\r\n            var videoWidth = form.find('#video-width');\r\n            videoWidth.off('change').on('change', function () {\r\n                video.css('width', this.value + 'px');\r\n                var currentRatio = form.find('.video-ratio:checked').val() === '16/9' ? 16 / 9 : 4 / 3;\r\n                var height = this.value / currentRatio;\r\n                video.css('height', height + 'px');\r\n                video.removeProp('width');\r\n                video.removeProp('height');\r\n            });\r\n        }\r\n    };\r\n})(jQuery);\r\n\r\n/**\r\n * KEditor Vimeo Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.4\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    KEditor.components['vimeo'] = {\r\n        getContent: function (component, keditor) {\r\n            flog('getContent \"vimeo\" component', component);\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            componentContent.find('.vimeo-cover').remove();\r\n\r\n            return componentContent.html();\r\n        },\r\n\r\n        settingEnabled: true,\r\n\r\n        settingTitle: 'Vimeo Settings',\r\n\r\n        initSettingForm: function (form, keditor) {\r\n            flog('initSettingForm \"vimeo\" component');\r\n\r\n            form.append(\r\n                '<form class=\"form-horizontal\">' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-block btn-primary btn-vimeo-edit\">Change Video</button>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label class=\"col-sm-12\">Autoplay</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <input type=\"checkbox\" id=\"vimeo-autoplay\" />' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label class=\"col-sm-12\">Aspect Ratio</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-sm btn-default btn-vimeo-169\">16:9</button>' +\r\n                '           <button type=\"button\" class=\"btn btn-sm btn-default btn-vimeo-43\">4:3</button>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '</form>'\r\n            );\r\n\r\n            var btnEdit = form.find('.btn-vimeo-edit');\r\n            btnEdit.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                var inputData = prompt('Please enter Vimeo URL in here:');\r\n                var vimeoRegex = /https?:\\/\\/(?:www\\.|player\\.)?vimeo.com\\/(?:channels\\/(?:\\w+\\/)?|groups\\/([^\\/]*)\\/videos\\/|album\\/(\\d+)\\/video\\/|video\\/|)(\\d+)(?:$|\\/|\\?)/;\r\n                var match = inputData.match(vimeoRegex);\r\n                if (match && match[1]) {\r\n                    keditor.getSettingComponent().find('.embed-responsive-item').attr('src', 'https://player.vimeo.com/video/' + match[1] + '?byline=0&portrait=0&badge=0');\r\n                } else {\r\n                    alert('Your Vimeo URL is invalid!');\r\n                }\r\n            });\r\n\r\n            var btn169 = form.find('.btn-vimeo-169');\r\n            btn169.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-4by3').addClass('embed-responsive-16by9');\r\n            });\r\n\r\n            var btn43 = form.find('.btn-vimeo-43');\r\n            btn43.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-16by9').addClass('embed-responsive-4by3');\r\n            });\r\n\r\n            var chkAutoplay = form.find('#vimeo-autoplay');\r\n            chkAutoplay.on('click', function () {\r\n                var embedItem = keditor.getSettingComponent().find('.embed-responsive-item');\r\n                var currentUrl = embedItem.attr('src');\r\n                var newUrl = (currentUrl.replace(/(\\?.+)+/, '')) + '?byline=0&portrait=0&badge=0&autoplay=' + (chkAutoplay.is(':checked') ? 1 : 0);\r\n\r\n                flog('Current url: ' + currentUrl, 'New url: ' + newUrl);\r\n                embedItem.attr('src', newUrl);\r\n            });\r\n        },\r\n\r\n        showSettingForm: function (form, component, keditor) {\r\n            flog('showSettingForm \"vimeo\" component', component);\r\n\r\n            var embedItem = component.find('.embed-responsive-item');\r\n            var chkAutoplay = form.find('#vimeo-autoplay');\r\n            var src = embedItem.attr('src');\r\n\r\n            chkAutoplay.prop('checked', src.indexOf('autoplay=1') !== -1);\r\n        }\r\n    };\r\n\r\n})(jQuery);\r\n\r\n/**\r\n * KEditor Youtube Component\r\n * @copyright: Kademi (http://kademi.co)\r\n * @author: Kademi (http://kademi.co)\r\n * @version: 1.1.4\r\n * @dependencies: $, $.fn.draggable, $.fn.droppable, $.fn.sortable, Bootstrap, FontAwesome (optional)\r\n */\r\n(function ($) {\r\n    var KEditor = $.keditor;\r\n    var flog = KEditor.log;\r\n\r\n    KEditor.components['youtube'] = {\r\n        getContent: function (component, keditor) {\r\n            flog('getContent \"youtube\" component', component);\r\n\r\n            var componentContent = component.children('.keditor-component-content');\r\n            componentContent.find('.youtube-cover').remove();\r\n\r\n            return componentContent.html();\r\n        },\r\n\r\n        settingEnabled: true,\r\n\r\n        settingTitle: 'Youtube Settings',\r\n\r\n        initSettingForm: function (form, keditor) {\r\n            flog('initSettingForm \"youtube\" component');\r\n\r\n            form.append(\r\n                '<form class=\"form-horizontal\">' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-block btn-primary btn-youtube-edit\">Change Video</button>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label class=\"col-sm-12\">Autoplay</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <input type=\"checkbox\" id=\"youtube-autoplay\" />' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '   <div class=\"form-group\">' +\r\n                '       <label class=\"col-sm-12\">Aspect Ratio</label>' +\r\n                '       <div class=\"col-sm-12\">' +\r\n                '           <button type=\"button\" class=\"btn btn-sm btn-default btn-youtube-169\">16:9</button>' +\r\n                '           <button type=\"button\" class=\"btn btn-sm btn-default btn-youtube-43\">4:3</button>' +\r\n                '       </div>' +\r\n                '   </div>' +\r\n                '</form>'\r\n            );\r\n\r\n            var btnEdit = form.find('.btn-youtube-edit');\r\n            btnEdit.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                var inputData = prompt('Please enter Youtube URL in here:');\r\n                var youtubeRegex = /^(?:http(?:s)?:\\/\\/)?(?:www\\.)?(?:m\\.)?(?:youtu\\.be\\/|youtube\\.com\\/(?:(?:watch)?\\?(?:.*&)?v(?:i)?=|(?:embed|v|vi|user)\\/))([^\\?&\\\"'>]+)/;\r\n                var match = inputData.match(youtubeRegex);\r\n                if (match && match[1]) {\r\n                    keditor.getSettingComponent().find('.embed-responsive-item').attr('src', 'https://www.youtube.com/embed/' + match[1]);\r\n                } else {\r\n                    alert('Your Youtube URL is invalid!');\r\n                }\r\n            });\r\n\r\n            var btn169 = form.find('.btn-youtube-169');\r\n            btn169.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-4by3').addClass('embed-responsive-16by9');\r\n            });\r\n\r\n            var btn43 = form.find('.btn-youtube-43');\r\n            btn43.on('click', function (e) {\r\n                e.preventDefault();\r\n\r\n                keditor.getSettingComponent().find('.embed-responsive').removeClass('embed-responsive-16by9').addClass('embed-responsive-4by3');\r\n            });\r\n\r\n            var chkAutoplay = form.find('#youtube-autoplay');\r\n            chkAutoplay.on('click', function () {\r\n                var embedItem = keditor.getSettingComponent().find('.embed-responsive-item');\r\n                var currentUrl = embedItem.attr('src');\r\n                var newUrl = (currentUrl.replace(/(\\?.+)+/, '')) + '?autoplay=' + (chkAutoplay.is(':checked') ? 1 : 0);\r\n\r\n                flog('Current url: ' + currentUrl, 'New url: ' + newUrl);\r\n                embedItem.attr('src', newUrl);\r\n            });\r\n        },\r\n\r\n        showSettingForm: function (form, component, keditor) {\r\n            flog('showSettingForm \"youtube\" component', component);\r\n\r\n            var embedItem = component.find('.embed-responsive-item');\r\n            var chkAutoplay = form.find('#youtube-autoplay');\r\n            var src = embedItem.attr('src');\r\n\r\n            chkAutoplay.prop('checked', src.indexOf('autoplay=1') !== -1);\r\n        }\r\n    };\r\n\r\n})(jQuery);\r\n"],"sourceRoot":"/source/"}
\ No newline at end of file
diff --git a/examples/snippets/default/snippets.html b/examples/snippets/default/snippets.html
index 8c9a8f1d..039eeaaf 100644
--- a/examples/snippets/default/snippets.html
+++ b/examples/snippets/default/snippets.html
@@ -1,14 +1,14 @@
 <!-------------------------------------------------------------------------------------------------->
 <!-- Containers -->
 <!-------------------------------------------------------------------------------------------------->
-<div data-type="container" data-preview="snippets/default/preview/row_12.png" data-title="1 column" data-categories="1 column">
+<div data-type="container" data-preview="snippets/default/preview/row_12.png" data-keditor-title="1 column" data-categories="1 column">
     <div class="row">
         <div class="col-sm-12" data-type="container-content">
         </div>
     </div>
 </div>
 
-<div data-type="container" data-preview="snippets/default/preview/row_6_6.png" data-title="2 columns (50% - 50%)" data-categories="2 columns">
+<div data-type="container" data-preview="snippets/default/preview/row_6_6.png" data-keditor-title="2 columns (50% - 50%)" data-categories="2 columns">
     <div class="row">
         <div class="col-sm-6" data-type="container-content">
         </div>
@@ -17,7 +17,7 @@
     </div>
 </div>
 
-<div data-type="container" data-preview="snippets/default/preview/row_4_8.png" data-title="2 columns (33% - 67%)" data-categories="2 columns">
+<div data-type="container" data-preview="snippets/default/preview/row_4_8.png" data-keditor-title="2 columns (33% - 67%)" data-categories="2 columns">
     <div class="row">
         <div class="col-sm-4" data-type="container-content">
         </div>
@@ -26,7 +26,7 @@
     </div>
 </div>
 
-<div data-type="container" data-preview="snippets/default/preview/row_8_4.png" data-title="2 columns (67% - 33%)" data-categories="2 columns">
+<div data-type="container" data-preview="snippets/default/preview/row_8_4.png" data-keditor-title="2 columns (67% - 33%)" data-categories="2 columns">
     <div class="row">
         <div class="col-sm-8" data-type="container-content">
         </div>
@@ -35,7 +35,7 @@
     </div>
 </div>
 
-<div data-type="container" data-preview="snippets/default/preview/row_4_4_4.png" data-title="3 columns (33% - 33% - 33%)" data-categories="3 columns">
+<div data-type="container" data-preview="snippets/default/preview/row_4_4_4.png" data-keditor-title="3 columns (33% - 33% - 33%)" data-categories="3 columns">
     <div class="row">
         <div class="col-sm-4" data-type="container-content">
         </div>
@@ -46,7 +46,7 @@
     </div>
 </div>
 
-<div data-type="container" data-preview="snippets/default/preview/row_3_6_3.png" data-title="3 columns (25% - 50% - 35%)" data-categories="3 columns">
+<div data-type="container" data-preview="snippets/default/preview/row_3_6_3.png" data-keditor-title="3 columns (25% - 50% - 35%)" data-categories="3 columns">
     <div class="row">
         <div class="col-sm-3" data-type="container-content">
         </div>
@@ -57,7 +57,7 @@
     </div>
 </div>
 
-<div data-type="container" data-preview="snippets/default/preview/row_3_3_3_3.png" data-title="4 columns (25% - 25% - 25% - 25%)" data-categories="4 columns">
+<div data-type="container" data-preview="snippets/default/preview/row_3_3_3_3.png" data-keditor-title="4 columns (25% - 25% - 25% - 25%)" data-categories="4 columns">
     <div class="row">
         <div class="col-sm-3" data-type="container-content">
         </div>
@@ -73,18 +73,18 @@
 <!-------------------------------------------------------------------------------------------------->
 <!-- Components -->
 <!-------------------------------------------------------------------------------------------------->
-<div data-type="component-text" data-preview="snippets/default/preview/page_header.png" data-title="Page header" data-categories="Text;Heading;Bootstrap component">
+<div data-type="component-text" data-preview="snippets/default/preview/page_header.png" data-keditor-title="Page header" data-categories="Text;Heading;Bootstrap component">
     <div class="page-header">
         <h1 style="margin-bottom: 30px; font-size: 50px;"><b class="text-uppercase">Cras justo odio</b> <small>Donec id elit non mi</small></h1>
         <p class="lead"><em>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</em></p>
     </div>
 </div>
 
-<div data-type="component-text" data-preview="snippets/default/preview/text.png" data-title="Text block" data-categories="Text">
+<div data-type="component-text" data-preview="snippets/default/preview/text.png" data-keditor-title="Text block" data-categories="Text">
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro labore architecto fuga tempore omnis aliquid, rerum numquam deleniti ipsam earum velit aliquam deserunt, molestiae officiis mollitia accusantium suscipit fugiat esse magnam eaque cumque, iste corrupti magni? Illo dicta saepe, maiores fugit aliquid consequuntur aut, rem ex iusto dolorem molestias obcaecati eveniet vel voluptatibus recusandae illum, voluptatem! Odit est possimus nesciunt.</p>
 </div>
 
-<div data-type="component-text" data-preview="snippets/default/preview/jumbotron.png" data-title="Jumbotron" data-categories="Text;Heading;Bootstrap component;Dynamic component">
+<div data-type="component-text" data-preview="snippets/default/preview/jumbotron.png" data-keditor-title="Jumbotron" data-categories="Text;Heading;Bootstrap component;Dynamic component">
     <div class="jumbotron">
         <h1>Hello, world!</h1>
         <p>This is a simple hero unit</p>
@@ -94,19 +94,19 @@ <h1>Hello, world!</h1>
     <div data-dynamic-href="snippets/default/_dynamic_content.html"></div>
 </div>
 
-<div data-type="component-photo" data-preview="snippets/default/preview/photo.png" data-title="Photo" data-categories="Media;Photo">
+<div data-type="component-photo" data-preview="snippets/default/preview/photo.png" data-keditor-title="Photo" data-categories="Media;Photo">
     <div class="photo-panel">
         <img src="snippets/default/img/somewhere_bangladesh.jpg" width="100%" height="" />
     </div>
 </div>
 
-<div data-type="component-audio" data-preview="snippets/default/preview/audio.png" data-title="Audio" data-categories="Media">
+<div data-type="component-audio" data-preview="snippets/default/preview/audio.png" data-keditor-title="Audio" data-categories="Media">
     <div class="audio-wrapper">
         <audio src="http://www.noiseaddicts.com/samples_1w72b820/2558.mp3" controls style="width: 100%"></audio>
     </div>
 </div>
 
-<div data-type="component-video" data-preview="snippets/default/preview/video.png" data-title="Video" data-categories="Media">
+<div data-type="component-video" data-preview="snippets/default/preview/video.png" data-keditor-title="Video" data-categories="Media">
     <div class="video-wrapper">
         <video width="320" height="180" controls style="background: #222;">
             <source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4" />
@@ -115,7 +115,7 @@ <h1>Hello, world!</h1>
     </div>
 </div>
 
-<div data-type="component-youtube" data-preview="snippets/default/preview/youtube.png" data-title="Youtube" data-categories="Media">
+<div data-type="component-youtube" data-preview="snippets/default/preview/youtube.png" data-keditor-title="Youtube" data-categories="Media">
     <div class="youtube-wrapper">
         <div class="embed-responsive embed-responsive-16by9">
             <iframe class="embed-responsive-item" src="https://www.youtube.com/embed/P5yHEKqx86U"></iframe>
@@ -123,7 +123,7 @@ <h1>Hello, world!</h1>
     </div>
 </div>
 
-<div data-type="component-vimeo" data-preview="snippets/default/preview/vimeo.png" data-title="Vimeo" data-categories="Media">
+<div data-type="component-vimeo" data-preview="snippets/default/preview/vimeo.png" data-keditor-title="Vimeo" data-categories="Media">
     <div class="vimeo-wrapper">
         <div class="embed-responsive embed-responsive-16by9">
             <iframe class="embed-responsive-item" src="https://player.vimeo.com/video/2203727?byline=0&portrait=0&badge=0"></iframe>
@@ -131,7 +131,7 @@ <h1>Hello, world!</h1>
     </div>
 </div>
 
-<div data-type="component-googlemap" data-preview="snippets/default/preview/googlemap.png" data-title="Google Map" data-categories="Gmap">
+<div data-type="component-googlemap" data-preview="snippets/default/preview/googlemap.png" data-keditor-title="Google Map" data-categories="Gmap">
     <div class="googlemap-wrapper">
         <div class="embed-responsive embed-responsive-16by9">
             <iframe class="embed-responsive-item" src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d14897.682811563638!2d105.82315895!3d21.0158462!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sen!2s!4v1456466192755"></iframe>
@@ -139,7 +139,7 @@ <h1>Hello, world!</h1>
     </div>
 </div>
 
-<div data-type="component-text" data-preview="snippets/default/preview/thumbnail_panel.png" data-title="Thumbnail Panel" data-categories="Text;Photo;Bootstrap component">
+<div data-type="component-text" data-preview="snippets/default/preview/thumbnail_panel.png" data-keditor-title="Thumbnail Panel" data-categories="Text;Photo;Bootstrap component">
     <div class="thumbnail">
         <img src="snippets/default/img/somewhere_bangladesh.jpg" width="100%" height="" />
         <div class="caption">
@@ -153,17 +153,17 @@ <h3>Thumbnail label</h3>
     </div>
 </div>
 
-<div data-type="component-text" data-preview="snippets/default/preview/heading_1.png" data-title="Heading 1" data-categories="Text;Heading">
+<div data-type="component-text" data-preview="snippets/default/preview/heading_1.png" data-keditor-title="Heading 1" data-categories="Text;Heading">
     <h1>Heading text 1</h1>
     <p>Body text</p>
 </div>
 
-<div data-type="component-text" data-preview="snippets/default/preview/heading_2.png" data-title="Heading 2" data-categories="Text;Heading">
+<div data-type="component-text" data-preview="snippets/default/preview/heading_2.png" data-keditor-title="Heading 2" data-categories="Text;Heading">
     <h2>Heading text 2</h2>
     <p>Body text</p>
 </div>
 
-<div data-type="component-text" data-preview="snippets/default/preview/media_panel.png" data-title="Media Panel" data-categories="Media;Photo;Bootstrap component">
+<div data-type="component-text" data-preview="snippets/default/preview/media_panel.png" data-keditor-title="Media Panel" data-categories="Media;Photo;Bootstrap component">
     <div class="media">
         <div class="media-left">
             <a href="#">
@@ -177,7 +177,7 @@ <h4 class="media-heading">Media heading</h4>
     </div>
 </div>
 
-<div data-type="component-text" data-preview="snippets/default/preview/snippet_06.png" data-title="Featured Article" data-categories="Text;Heading;Photo">
+<div data-type="component-text" data-preview="snippets/default/preview/snippet_06.png" data-keditor-title="Featured Article" data-categories="Text;Heading;Photo">
     <div class="row">
         <div class="col-md-6 text-center">
             <img class="img-circle img-responsive" style="display: inline-block;" src="snippets/default/img/sydney_australia_squared.jpg" />
@@ -189,7 +189,7 @@ <h3>Lorem ipsum</h3>
     </div>
 </div>
 
-<div data-type="component-text" data-preview="snippets/default/preview/snippet_07.png" data-title="Articles List" data-categories="Text;Heading;Photo">
+<div data-type="component-text" data-preview="snippets/default/preview/snippet_07.png" data-keditor-title="Articles List" data-categories="Text;Heading;Photo">
     <div class="row">
         <div class="col-md-4 text-center">
             <img class="img-circle img-responsive" style="display: inline-block;" src="snippets/default/img/somewhere_bangladesh_squared.jpg" />
@@ -209,7 +209,7 @@ <h3>Lorem ipsum</h3>
     </div>
 </div>
 
-<div data-type="component-nonExisting" data-preview="snippets/default/preview/text.png" data-website="website01" data-blog="blog01" data-article="article01" data-tags="tag01,tag02" data-title="Text block with dynamic content" data-categories="Text;Dynamic component">
+<div data-type="component-nonExisting" data-preview="snippets/default/preview/text.png" data-website="website01" data-blog="blog01" data-article="article01" data-tags="tag01,tag02" data-keditor-title="Text block with dynamic content" data-categories="Text;Dynamic component">
     <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Porro labore architecto fuga tempore omnis aliquid, rerum numquam deleniti ipsam earum velit aliquam deserunt, molestiae officiis mollitia accusantium suscipit fugiat esse magnam eaque cumque, iste corrupti magni? Illo dicta saepe, maiores fugit aliquid consequuntur aut, rem ex iusto dolorem molestias obcaecati eveniet vel voluptatibus recusandae illum, voluptatem! Odit est possimus nesciunt.</p>
     <div data-dynamic-href="snippets/default/_dynamic_content.html"></div>
 </div>