{"_id":"@bbortt/ngx-ace-editor-wrapper","_rev":"3-1bcbd1babcf6ff083e17c0cd222dce9f","name":"@bbortt/ngx-ace-editor-wrapper","dist-tags":{"beta":"10.0.1-0","latest":"10.0.0"},"versions":{"10.0.0-0":{"name":"@bbortt/ngx-ace-editor-wrapper","version":"10.0.0-0","license":"Apache-2.0","author":{"name":"Timon Borter","url":"https://bbortt.github.io"},"repository":{"type":"git","url":"git+https://github.com/bbortt/ngx-ace-editor-wrapper.git"},"bugs":{"url":"https://github.com/bbortt/ngx-ace-editor-wrapper/issues"},"peerDependencies":{"@angular/cli":"^10.0.0","@angular/common":"^10.0.0","@angular/compiler":"^10.0.0","@angular/compiler-cli":"^10.0.0","@angular/core":"^10.0.0","@angular/forms":"^10.0.0","@angular/platform-browser":"^10.0.0","brace":"~0.11.1","rxjs":"^6.5.4","typescript":"^3.9.2","zone.js":"^0.10.2"},"dependencies":{"tslib":"^2.0.0"},"main":"bundles/bbortt-ngx-ace-editor-wrapper.umd.js","module":"fesm2015/bbortt-ngx-ace-editor-wrapper.js","es2015":"fesm2015/bbortt-ngx-ace-editor-wrapper.js","esm2015":"esm2015/bbortt-ngx-ace-editor-wrapper.js","fesm2015":"fesm2015/bbortt-ngx-ace-editor-wrapper.js","typings":"bbortt-ngx-ace-editor-wrapper.d.ts","metadata":"bbortt-ngx-ace-editor-wrapper.metadata.json","sideEffects":false,"description":"Ace editor integration with TypeScript for Angular 10.","homepage":"https://github.com/bbortt/ngx-ace-editor-wrapper#readme","_id":"@bbortt/ngx-ace-editor-wrapper@10.0.0-0","_nodeVersion":"12.14.0","_npmVersion":"6.14.4","dist":{"integrity":"sha512-EYH3t49LK5iR9d6/Jxyz4eNOFIDcXxlu+BiJqt42rYrjHdLv3tWBBJHfcy9AQbgD+y6PihRHCa/jouAmH+nTEg==","shasum":"ba5c44886edc193491c962c168e19ed1442ac19e","tarball":"https://registry.npmjs.org/@bbortt/ngx-ace-editor-wrapper/-/ngx-ace-editor-wrapper-10.0.0-0.tgz","fileCount":19,"unpackedSize":196570,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfVpryCRA9TVsSAnZWagAAbcIP/2tFTinbKaaYubADrREe\nbijWoVQkPTPf/T1ec6FuftRpDLLnRnbBC539G6s56nrtVX/yjMleAJTo7lU1\n/HQpAkLaXGU+BRh+vJw+6ed4wLYLJkPV6FSqUpQVkz+QtoxW2IBzc7/1rtEN\nb9hTO+RmlviNhbxgQLDozXiPDKlhfwIkF6L0YnFsCo7n9/WkDet/AFiUdZAZ\nO+k3lRVTiWYo5bzd9ykkkRAwGBGs1oQ48qTZ8TTzocWODJsTSFCCaxufnGlF\nQJw5YBVhEN6hv1exFt7SfyP7RkT7gxIGBLVGscWpXMDOMH137XHp3bobaaDX\nZOSF64dfZDmKNgK4Ujvy9cIyw91VFKozUps7nq1f7tyJng+qvpXzhwbLhTtz\nbOWx0mLMErqbG2+9OmiBwB0094tgleWKlRrJbDqaZ6CbcLjMloAfvf4n5DxL\nr/nHa/sHdGOTCu3paYwd0eb70+hPEZVd/fPkJq+1TRDp8a18UM/zcfP3kGQ2\neYphXw3xEcGeyaPZiGP3HPphfYO5be0XdCjIoLXiZUBrIXyQa6oUkLVRdXOx\nx88CLXHQq2RdgYQTTldPb+KKb4I9MLdP1Q9Y0NcQngG1nSmHK8YK0H6qkp03\nZBpJIxp0rzcgWtjSx4J5dKw7qz76maxW2urWFNCAH1w8cPqboIPUOviWroXw\npnaj\r\n=zM0T\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAEnEn694i8cQcAfZWpW6Ubbakw7FOXCPuyrmzxQxpoYAiEAoq2OxmxRCJk35Ny6SgOadHRpMB8Am10JfKKCqAkKqGA="}]},"maintainers":[{"name":"bbortt","email":"timon.borter@gmx.ch"}],"_npmUser":{"name":"bbortt","email":"timon.borter@gmx.ch"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-ace-editor-wrapper_10.0.0-0_1599511281456_0.4376993157880904"},"_hasShrinkwrap":false},"10.0.0":{"name":"@bbortt/ngx-ace-editor-wrapper","version":"10.0.0","license":"Apache-2.0","author":{"name":"Timon Borter","url":"https://bbortt.github.io"},"repository":{"type":"git","url":"git+https://github.com/bbortt/ngx-ace-editor-wrapper.git"},"bugs":{"url":"https://github.com/bbortt/ngx-ace-editor-wrapper/issues"},"peerDependencies":{"@angular/cli":"^10.0.0","@angular/common":"^10.0.0","@angular/compiler":"^10.0.0","@angular/compiler-cli":"^10.0.0","@angular/core":"^10.0.0","@angular/forms":"^10.0.0","@angular/platform-browser":"^10.0.0","brace":"~0.11.1","rxjs":"^6.5.4","typescript":"^3.9.2","zone.js":"^0.10.2"},"dependencies":{"tslib":"^2.0.0"},"main":"bundles/bbortt-ngx-ace-editor-wrapper.umd.js","module":"fesm2015/bbortt-ngx-ace-editor-wrapper.js","es2015":"fesm2015/bbortt-ngx-ace-editor-wrapper.js","esm2015":"esm2015/bbortt-ngx-ace-editor-wrapper.js","fesm2015":"fesm2015/bbortt-ngx-ace-editor-wrapper.js","typings":"bbortt-ngx-ace-editor-wrapper.d.ts","metadata":"bbortt-ngx-ace-editor-wrapper.metadata.json","sideEffects":false,"description":"Ace editor integration with TypeScript for Angular 10.","homepage":"https://github.com/bbortt/ngx-ace-editor-wrapper#readme","_id":"@bbortt/ngx-ace-editor-wrapper@10.0.0","_nodeVersion":"12.18.3","_npmVersion":"6.14.8","dist":{"integrity":"sha512-7PXRDm7qYMsGDWVwVdWvio4+Oqi6+8t7lxnMpnR5LSVzAsRcga8GHAZ7tTaX2dqDJHlZV1LwL2FJkDKli75Plw==","shasum":"064f405639099cefce7348cc691eb03fac84a9a9","tarball":"https://registry.npmjs.org/@bbortt/ngx-ace-editor-wrapper/-/ngx-ace-editor-wrapper-10.0.0.tgz","fileCount":19,"unpackedSize":196568,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWMWYCRA9TVsSAnZWagAAQGgP/1Y9ExKem9OvgcDCSTvc\n7KiSZQNSVH2PuqwzZPCWOSM7ymQNAPzhHWMlc/8isUhDMLwYjuhlTB9qzm6X\nOqqxS9D7OrPKdtI8z/kZ3QugEHOiRW3PNT7+UezyAup/60vRX7blDqBexIGk\n0GRmJ8HeHk3hg8qBqoSrgI0l99unAWE4Gs1VnhKPkOp4YAxSls9E49ywdXgz\nLHj4PT1A2v0E5tlOLla6K0WPtZEjz29JZsl9katCOnhMIgCtjmp5XkLj51QF\nkIQIFJCL25cc7ca4Y7rInbnZB2xK2jpdPEaEW7j3u5q+atEx5/rg0fL0vtKT\nVtc46wEOWzheC0GOolmjnnXGKSwUwyjyMX1UtfJI+J6eQNT9qLQJ7vq0EdXj\nfreTMkC40bjs0yaD7bNLGC1ZTnGyA3IygHAgRydJeycc4I8y+lmEQhgX/E8+\n4WVQv4V+MCghICjkbVEkFNpMlDakcOm3+TzcdNGXUxkLS/pfwrzdQmlx18HE\nGH2J1VmSEqRnoKlp+cBpBcUqLzdCHfJbJ4NduqSYLIGICNwY2caTues+cTem\nlOjz4vj7FB2mDUfWU8hL2E4P1V8SzYdaq+7kEs+iVuXesrWdHhbr7NpRlBQj\n+ArYdE0bkVZznL4kQLYGjRtKgYi09FxuJg0ZcURL7C+MGYxB0m/4Mv0Obdoo\nz8/d\r\n=gnZT\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDWqyfDpS83R8Y56fUHqhaJMsw7VtNaeXAyVoylJGO6UAIgIMH+pu4F8SVM5E0aXQdYuqbLcZV4odiWBwpmOSO5Yoo="}]},"maintainers":[{"name":"bbortt","email":"timon.borter@gmx.ch"}],"_npmUser":{"name":"bbortt","email":"timon.borter@gmx.ch"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-ace-editor-wrapper_10.0.0_1599653272216_0.9401912973254425"},"_hasShrinkwrap":false},"10.0.1-0":{"name":"@bbortt/ngx-ace-editor-wrapper","version":"10.0.1-0","license":"Apache-2.0","author":{"name":"Timon Borter","url":"https://bbortt.github.io"},"repository":{"type":"git","url":"git+https://github.com/bbortt/ngx-ace-editor-wrapper.git"},"bugs":{"url":"https://github.com/bbortt/ngx-ace-editor-wrapper/issues"},"peerDependencies":{"@angular/cli":"^10.0.0","@angular/common":"^10.0.0","@angular/compiler":"^10.0.0","@angular/compiler-cli":"^10.0.0","@angular/core":"^10.0.0","@angular/forms":"^10.0.0","@angular/platform-browser":"^10.0.0","brace":"~0.11.1","rxjs":"^6.5.4","typescript":"^3.9.2","zone.js":"^0.10.2"},"dependencies":{"tslib":"^2.0.0"},"main":"bundles/bbortt-ngx-ace-editor-wrapper.umd.js","module":"fesm2015/bbortt-ngx-ace-editor-wrapper.js","es2015":"fesm2015/bbortt-ngx-ace-editor-wrapper.js","esm2015":"esm2015/bbortt-ngx-ace-editor-wrapper.js","fesm2015":"fesm2015/bbortt-ngx-ace-editor-wrapper.js","typings":"bbortt-ngx-ace-editor-wrapper.d.ts","metadata":"bbortt-ngx-ace-editor-wrapper.metadata.json","sideEffects":false,"readme":"# @bbortt/ngx-ace-editor-wrapper\r\n\r\nAce editor integration with TypeScript for Angular 10.\r\n\r\n[![Blazing Fast](https://img.shields.io/badge/speed-blazing%20%F0%9F%94%A5-brightgreen.svg)](https://twitter.com/acdlite/status/974390255393505280)\r\n[![License: Apache 2](https://img.shields.io/badge/License-Apache2-blue.svg)](https://opensource.org/licenses/Apache-2.0)\r\n\r\n# Installation\r\n\r\n`npm i @bbortt/ngx-ace-editor-wrapper`\r\n\r\n## Loading the module:\r\n\r\n```ts\r\nimport { AceEditorModule } from '@bbortt/ngx-ace-editor-wrapper';\r\n\r\n@NgModule({\r\n  ...\r\n  imports: [\r\n    ...\r\n    AceEditorModule\r\n  ]\r\n})\r\n```\r\n\r\n# Usage\r\n\r\n## Directive\r\n\r\n> Minimal\r\n\r\n```ts\r\n//import { AceEditorModule } from '@bbortt/ngx-ace-editor-wrapper';\r\n\r\nimport { Component } from '@angular/core'\r\n\r\n@Component({\r\n  template: `\r\n  <div ngxAceEditor\r\n       [(text)]=\"text\" // possible two way binding (thx ChrisProlls)\r\n       ></div>\r\n  `,\r\n})\r\nexport class MyComponent {\r\n  text: string = ''\r\n}\r\n```\r\n\r\n> Complete\r\n\r\n```ts\r\nimport { Component } from '@angular/core'\r\n\r\n//to use theme \"eclipse\"\r\n//with angular-cli add \"../node_modules/ace-builds/src-min/ace.js\"\r\n//and \"../node_modules/ace-builds/src-min/theme-eclipse.js\" to \"scripts\" var into the file angular-cli.json\r\n\r\n@Component({\r\n  template: `\r\n  <div ngxAceEditor\r\n       [(text)]=\"text\" // possible two way binding (thx ChrisProlls)\r\n       [mode]=\"'sql'\" //string or object (thx ckiffel)\r\n       [theme]=\"'eclipse'\"\r\n       [options]=\"options\"\r\n       [readOnly]=\"false\"\r\n       [autoUpdateContent]=\"true\" //change content when [text] change\r\n       [durationBeforeCallback]=\"1000\" //wait 1s before callback 'textChanged' sends new value\r\n       (textChanged)=\"onChange($event)\"\r\n       style=\"min-height: 200px; width:100%; overflow: auto;\"></div>\r\n  `,\r\n})\r\nexport class MyComponent {\r\n  text: string = ''\r\n  options: any = { maxLines: 1000, printMargin: false }\r\n\r\n  onChange(code) {\r\n    console.log('new code', code)\r\n  }\r\n}\r\n```\r\n\r\n## Component\r\n\r\n```ts\r\nimport { Component, ViewChild } from '@angular/core'\r\n\r\n//to use theme eclipse\r\n//with angular-cli add \"../node_modules/ace-builds/src-min/ace.js\"\r\n//and \"../node_modules/ace-builds/src-min/theme-eclipse.js\" to \"scripts\" var into the file angular-cli.json\r\n\r\n@Component({\r\n  template: `\r\n  <ngx-ace-editor\r\n       [(text)]=\"text\" // possible two way binding (thx ChrisProlls)\r\n        #editor style=\"height:150px;\"></ace-editor>\r\n  `,\r\n})\r\nexport class AceCmp {\r\n  @ViewChild('editor') editor\r\n  text: string = ''\r\n\r\n  ngAfterViewInit() {\r\n    this.editor.setTheme('eclipse')\r\n\r\n    this.editor.getEditor().setOptions({\r\n      enableBasicAutocompletion: true,\r\n    })\r\n\r\n    this.editor.getEditor().commands.addCommand({\r\n      name: 'showOtherCompletions',\r\n      bindKey: 'Ctrl-.',\r\n      exec: function (editor) {},\r\n    })\r\n  }\r\n}\r\n```\r\n\r\n# Hat Tips\r\n\r\n- To Andrei Tumilovich for the original Angular 9 integration: [`tavwizard/ace-editor-ng9`](https://github.com/tavwizard/ace-editor-ng9)\r\n\r\n# License\r\n\r\nThis project is licensed under the terms of the [Apache 2.0 License](https://raw.githubusercontent.com/bbortt/ngx-ace-editor-wrapper/canary/LICENSE).\r\n","readmeFilename":"README.md","description":"Ace editor integration with TypeScript for Angular 10.","homepage":"https://github.com/bbortt/ngx-ace-editor-wrapper#readme","_id":"@bbortt/ngx-ace-editor-wrapper@10.0.1-0","_nodeVersion":"12.18.3","_npmVersion":"6.14.8","dist":{"integrity":"sha512-6Hf8ZnVrPw/OEIGlWzYWu03ywKD3vk6DGkv4gFVH0qv4Sz8Z1Dh3JTHW2eUMO1sgFemzj/bttBJ9jDY6zQJkhw==","shasum":"c5e99682653891c20144a53ba28db39ffe914ca8","tarball":"https://registry.npmjs.org/@bbortt/ngx-ace-editor-wrapper/-/ngx-ace-editor-wrapper-10.0.1-0.tgz","fileCount":19,"unpackedSize":196552,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJfWMkKCRA9TVsSAnZWagAAzdIP/0Ru2wkBqJuHAOC6njSZ\nTqbSbzoiop33+GCzgzU5v4jepBDDu26+qY9a7+Yt+FovSxVVUAFi6Uz7M8Sd\ngZQ9So6OUjq11E1VmcBy82Vv5qhNlV4JVebePMj+S5gZjC9Zwj3ZB0FpFTHr\nGdu/ojqx1EVeGuNVu879vQgQlscSEa6MTft1c/tCW/cL0NMtAud+vyTs+WIU\nE4wCOxiCB/ZghPvOolAVLKlRegSsbvX+m+YXVFChdG2NqY/7IAGwlsOsIKs7\nIrabAk4JUNO1ete3I5j92GTFc48QcAUXeJLqedwty/H8tEy2Sg3134DielT+\n1aqkkIAn3A9ESJGKhwffO1mUwtnQMubM7uQ/Rim96m7LhAzl2EPGuGiz0KuI\nrFo63LWGZp0r5OwIJniA/tpWbduTXdXE1rKnrRhSk3IRUOVW/IFAXELT0VWz\nASDnrmbCGVJXeodjsMU4CFdDHE2iV9csnCkORETY+XMyuEK6TczK5bYGCW/X\nQWiGQpJIlMMAf5D8LaWAvdKlPX6BvK+ouzYUbDPIZLIGNzNBVYrGy4x/IPNK\nFp26R+UYRRDaj6iKWZLElivIbkyfyACJcxISn4mQ2DWfc33cY+CF8Guhxpl6\npcfRohl792i9tTUFTckcVTnahi2zG7e9Lt2PRei9U9LAigsst+7+sGvwkpQX\ngSyv\r\n=pG53\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE5YMWtAcjYCkmMlUd3Dy48XIrk2Td1xY8SFwBw9ZOgBAiA7CukMskBrxZFxHZkg2oLB9ujEU65EOaGKKxbIN7+/0A=="}]},"maintainers":[{"name":"bbortt","email":"timon.borter@gmx.ch"}],"_npmUser":{"name":"bbortt","email":"timon.borter@gmx.ch"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-ace-editor-wrapper_10.0.1-0_1599654153872_0.28778039906114494"},"_hasShrinkwrap":false}},"time":{"created":"2020-09-07T20:41:21.407Z","10.0.0-0":"2020-09-07T20:41:21.638Z","modified":"2022-04-04T18:00:59.702Z","10.0.0":"2020-09-09T12:07:52.392Z","10.0.1-0":"2020-09-09T12:22:34.017Z"},"maintainers":[{"name":"bbortt","email":"timon.borter@gmx.ch"}],"description":"Ace editor integration with TypeScript for Angular 10.","homepage":"https://github.com/bbortt/ngx-ace-editor-wrapper#readme","repository":{"type":"git","url":"git+https://github.com/bbortt/ngx-ace-editor-wrapper.git"},"author":{"name":"Timon Borter","url":"https://bbortt.github.io"},"bugs":{"url":"https://github.com/bbortt/ngx-ace-editor-wrapper/issues"},"license":"Apache-2.0","readme":"","readmeFilename":""}