{"_id":"@derekbaker/ngx-ace-editor-wrapper","_rev":"1-a741b1a62bf607248f46f417935f0213","name":"@derekbaker/ngx-ace-editor-wrapper","dist-tags":{"latest":"12.2.16"},"versions":{"12.2.16":{"name":"@derekbaker/ngx-ace-editor-wrapper","version":"12.2.16","description":"A fork from ng2-ace-editor updated to work with Angular 12","homepage":"https://github.com/martinpagesaal/ngx-ace-editor-wrapper","license":"MIT","js:next":"dist/index.js","module":"dist/index.js","types":"dist/index.d.ts","scripts":{"transpile":"ngc","clean":"npm run clean:typescript && rimraf node_modules && npm cache clean","clean:typescript":"rimraf dist","rollup":"rollup -c rollup.config.js","minify":"uglifyjs dist/bundles/ngx-ace-editor-wrapper.umd.js --screw-ie8 --compress --mangle --comments --output dist/bundles/ngx-ace-editor-wrapper.umd.min.js","build":"npm run clean:typescript && npm run transpile && npm run rollup"},"devDependencies":{"@angular/cli":"^12.2.16","@angular/common":"^12.2.16","@angular/compiler":"^12.2.16","@angular/compiler-cli":"^12.2.16","@angular/core":"^12.2.16","@angular/forms":"^12.2.16","@angular/platform-browser":"^12.2.16","codelyzer":"^5.2.1","rimraf":"^3.0.2","rollup":"^1.31.0","rollup-plugin-angular":"^0.5.3","rollup-plugin-auto-external":"^2.0.0","rollup-plugin-commonjs":"7.0.2","rollup-plugin-node-resolve":"2.0.0","rollup-plugin-typescript2":"^0.26.0","rxjs":"^6.6.3","typescript":"^4.3.5","uglify-js":"^3.7.7","zone.js":"~0.11.4"},"dependencies":{"brace":"^0.11.1"},"main":"rollup.config.js","directories":{"doc":"docs"},"repository":{"type":"git","url":"git+https://github.com/derek90/ngx-ace-editor-wrapper.git"},"keywords":["ace","angular","A12"],"author":{"name":"Derek Baker"},"bugs":{"url":"https://github.com/derek90/ngx-ace-editor-wrapper/issues"},"gitHead":"937799386adce8a0f731adb1510fe0cff193ae23","_id":"@derekbaker/ngx-ace-editor-wrapper@12.2.16","_nodeVersion":"14.15.5","_npmVersion":"6.14.11","dist":{"integrity":"sha512-Y1epM85Qb56YSbOtH20y33OYG2GZ7mB36zcLSRJeFXSdV69cy7qDRWKIlyxpqRwapQRAXBZhlmL2xgcQGkWnmw==","shasum":"f803c3e4deb71953ea1107f48541e76495ea0935","tarball":"https://registry.npmjs.org/@derekbaker/ngx-ace-editor-wrapper/-/ngx-ace-editor-wrapper-12.2.16.tgz","fileCount":18,"unpackedSize":86686,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJiHnDsACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmpHrg/9E5CidIhwxqHVwd8ay8+EVQBEKCHq5trar5Hm4HYkwdIe9eL3\r\nHfRGvgNYnugkC/BNz7pc9DwmdZk2wkmY0hUXBBGB/cqH2yGhmykXsgsOW4I+\r\nZJ5MGAvYj1Ddk4QEynIAI4RcO9R67sa58NUg7o/T2JjATMACDd+gIS/cB/ZX\r\nyNsHf+9qoBhKzZWsFFewZ/iD48wmTtefeBwfjGCi/sHDb3A1Q+mCFpNJzf7v\r\n1PlV2xpS9Cx4kDmFmhDlqCrj5pZOalHP6DR8+9nHVfLrWIl5cr9Ju5nzRvPA\r\nOnPML0nyspKAUYG1dEWKXMedyuEtPPjwyDfllxFbNFGdvbJEtOXzghAxX7O9\r\nc7PrPmH/uZXlGQYlMyc2oIaEXdWOkNpFXx1o18sJrdewlVj0zIAq713jpn1O\r\nUi/CgOgFr6UCoSQGET16JKsSwXCODMsfHKHp6w76bWHjtgw5gofFMwge4SbJ\r\nfv58QzOKFLDPmgG650fpjNYtwYrnRcFtWzzwK4yAT7BGcmWQ9Q8h34rop1Lc\r\nZMfdW/cMi6VhjVy/ikgDSWYQqPmjBNmvNdcbszt/nsmM9wXUcT1XkcQqnhN/\r\nQRBIvP0uGoEVG9JwkEHObPK+0/wEmqEr3lj9Ow1cERrGsHDot6O5pF8Gognp\r\nRmIFA0ZCJmDXP0CIudkX2zHJD9w2F66TKAU=\r\n=2aEf\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDLMQvOfLXo/glGJdfBvTKoliwesniwhqglLGzNaLXRtgIgKSIE0eTLvvXVqtwrEAFhlIxpD0ksoi9jmEoPF7wEjew="}]},"_npmUser":{"name":"derek90","email":"derekbaker90@gmail.com"},"maintainers":[{"name":"derek90","email":"derekbaker90@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/ngx-ace-editor-wrapper_12.2.16_1646162156334_0.2573927638664322"},"_hasShrinkwrap":false}},"time":{"created":"2022-03-01T19:15:56.281Z","12.2.16":"2022-03-01T19:15:56.462Z","modified":"2022-04-05T03:48:29.237Z"},"maintainers":[{"name":"derek90","email":"derekbaker90@gmail.com"}],"description":"A fork from ng2-ace-editor updated to work with Angular 12","homepage":"https://github.com/martinpagesaal/ngx-ace-editor-wrapper","keywords":["ace","angular","A12"],"repository":{"type":"git","url":"git+https://github.com/derek90/ngx-ace-editor-wrapper.git"},"author":{"name":"Derek Baker"},"bugs":{"url":"https://github.com/derek90/ngx-ace-editor-wrapper/issues"},"license":"MIT","readme":"# ngx-ace-editor-wrapper\r\n\r\n[![npm version](https://badge.fury.io/js/ngx-ace-editor-wrapper.svg)](https://www.npmjs.com/package/ngx-ace-editor-wrapper) \r\nAce editor integration with typescript for angular 5.  \r\n**To use Angular 4 install version 0.3.1 (npm i -S ngx-ace-editor-wrapper@0.3.1).**\r\n\r\n# Install\r\n`npm i -S ngx-ace-editor-wrapper`\r\n\r\n##### Load the module for your app:\r\n\r\n```javascript\r\nimport { AceEditorModule } from '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# Use directive\r\n\r\n> Minimal\r\n\r\n```js\r\n//import { AceEditorModule } from 'ngx-ace-editor-wrapper';\r\n\r\nimport { Component } from '@angular/core';\r\n\r\n@Component({\r\n  template: `\r\n  <div ace-editor\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```js\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 ace-editor\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# Use Component\r\n\r\n```js\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  <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```\r\n\r\n\r\n# Power by\r\n[Use Code](http://www.use-code.com)\r\n","readmeFilename":"README.md"}