@kigi/components 1.5.6 → 1.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kigi/components",
-  "version": "1.5.6",
+  "version": "1.5.7",
   "description": "@kigi/components",
   "main": "src/components/index.ts",
   "scripts": {

package/src/components/mbg-ace-editor/mbg-ace-editor.ts

@@ -7,6 +7,7 @@ class MbgAceEditorController {
   private ngChange
   private ngModel
   private variables: IMbgAceEditorVariables[]
+  private editorRef
 
   constructor(private $scope, private $element, private $attrs) {}
 
@@ -17,6 +18,7 @@ class MbgAceEditorController {
   }
 
   onLoad(editor, variables) {
+    this.editorRef = editor
     const ace = (<any>window).ace
     const languageTools = ace.require('ace/ext/language_tools')
     const customCompleter = {
@@ -25,8 +27,8 @@ class MbgAceEditorController {
       },
     }
     languageTools.addCompleter(customCompleter)
-    editor.completers = [customCompleter]
-    editor.setOptions({
+    this.editorRef.completers = [customCompleter]
+    this.editorRef.setOptions({
       enableBasicAutocompletion: true,
       fontSize: '14px',
       enableSnippets: true,
@@ -39,7 +41,7 @@ class MbgAceEditorController {
       showGutter: false,
       highlightActiveLine: false,
     })
-    editor.$blockScrolling = Infinity
+    this.editorRef.$blockScrolling = Infinity
   }
 
   onLoadEditor = (editor) => {
@@ -55,6 +57,7 @@ const mbgAceEditor = {
     ngModel: '=',
     variables: '=?',
     height: '@?',
+    editorRef: '=?',
   },
   template,
   controller: MbgAceEditorController,

package/src/index.html

@@ -987,7 +987,10 @@
       <div class="panel-body">
         <mbg-ace-editor ng-model="aceEditor"
                         height="104px"
+                        editor-ref="uiAceRef"
                         variables="uiAceVariables"></mbg-ace-editor>
+        <button type="button"
+                ng-click="onPastEditor('Teste Label')"> Clique aqui!</button>
       </div>
     </div>
     <div class="panel panel-default">

package/src/index.ts

@@ -39,6 +39,8 @@ const module = angular.module('demo', ['ngLocale', components]).controller('demo
       onSave: (json) => {},
     }
 
+    $scope.uiAceRef = null
+
     $scope.addEvent = () => {
       $timeout(() => {
         $scope.events.push({
@@ -8881,6 +8883,12 @@ const module = angular.module('demo', ['ngLocale', components]).controller('demo
         meta: 'Variável',
       },
     ]
+
+    $scope.onPastEditor = (value) => {
+      if ($scope.uiAceRef) {
+        $scope.uiAceRef.insert(value)
+      }
+    }
   },
 ])
 angular.bootstrap(document, [module.name])