{"_id":"2mundos-angular-cropperjs","_rev":"1-63c9617e95f1d3e68e98d3fd8cefb556","name":"2mundos-angular-cropperjs","dist-tags":{"latest":"0.1.5-2m.0.0"},"versions":{"0.1.5-2m.0.0":{"name":"2mundos-angular-cropperjs","description":"CropperJS integration for Angular 2/4","version":"0.1.5-2m.0.0","repository":{"type":"git","url":"git+https://github.com/matheusdavidson/angular-cropperjs.git"},"author":{"name":"Matheus Davidson","email":"matheusdavidson@gmail.com"},"license":"MIT","bugs":{"url":"https://github.com/matheusdavidson/angular-cropperjs/issues"},"homepage":"https://github.com/matheusdavidson/angular-cropperjs#readme","keywords":["angular","angular2","angular4","angular-library","angular-component","cropperjs","cropper","image"],"main":"angular-cropperjs.umd.js","module":"angular-cropperjs.js","jsnext:main":"angular-cropperjs.js","typings":"angular-cropperjs.d.ts","peerDependencies":{"@angular/core":"^4.0.0","rxjs":"^5.1.0","zone.js":"^0.8.4"},"dependencies":{"2mundos-fengyuanchen-cropperjs":"^1.2.2-2m.0.0"},"devDependencies":{"@types/cropperjs":"0.0.26"},"_id":"2mundos-angular-cropperjs@0.1.5-2m.0.0","_npmVersion":"5.5.1","_nodeVersion":"8.9.1","_npmUser":{"name":"matiasvjr","email":"matias.valdir@gmail.com"},"dist":{"integrity":"sha512-fis7UGJ8rLSYu3AH3k6JEsW6Sa/D6Io4HVmDRUEtPqSmZ40y+XJzld31rsWDcZLPkwtugGO0oAnBBeZKv3V8qg==","shasum":"67ea2685d6bec443a01a631683b630900b359b6e","tarball":"https://registry.npmjs.org/2mundos-angular-cropperjs/-/2mundos-angular-cropperjs-0.1.5-2m.0.0.tgz","fileCount":8,"unpackedSize":32755,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJbMwqXCRA9TVsSAnZWagAAKHgP/0lw4PauM+BvVx/kzrqT\nSQdmmUwfswvjKlaCasb+kaPxU6VsE8YgaT79NB2ZDyT8/AiBHidq/Veft9u7\nl6TT/9/aNd7KrUOtO+xkiur6NQAdH73Mr9Erc4Y7UkPl4beUbEb2/EG5Z9Nv\n+ehIs1fTj+oSJr7P99jDBObCWUaFdQ+RLDApZBKrNSwwVnkbyFc8WzuzUrqA\ny6ZEqjXaybiqQ9tBw5dw2YsmkCcOSQdp8nojpeZDvQkoTeCumseCqUjn1+MQ\nr8ZitHF88VR/YMyrZmas/1PSNhfR23SemoexP7NElKxFQQVH4jT3grk5C4pJ\nfNgQ1EC5XovqLpeEi5d7tXmHZyxeVIb+LmVnMEBPOqOAWFnMm/Rd5s9ye0U9\npVOmRzMgmOklS0d4cAHMzbf6P4d9X6Bjmmf/af8ZTX0F1+bmhNQm6nWsQEAD\nSAMRW0K4Bjpw8QnewfqcOygommdO+uD7dz0SZzo6jdzPOW0cTA7aBqwMjRSS\ndCQzEtqf+76ki3sl7sVOq3DSRZHADK7+rVwaqU7UkrUjK+GYeiTKYsaRAMd7\nu8pQZJKPLQMFqU/xlgz20gYQLvDgesdspnSoWr2hDVAtJIwD5PkQhtIMPS/a\nZ5iCUGZvApnasFt8ofvWWAr+tUqWzPz1A+SxHih6Dvr6ccbwwXdGayuBdChO\nK80L\r\n=FZAz\r\n-----END PGP SIGNATURE-----\r\n","signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAiDHx+4kfLLyj/V9KMFk3Jx1qwF+qDr770ibnI83nrNAiEAgfLhNvvJea4L7iPWZRJEZKw0MLRcOM661de8x4zOSqE="}]},"maintainers":[{"name":"matiasvjr","email":"matias.valdir@gmail.com"}],"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/2mundos-angular-cropperjs_0.1.5-2m.0.0_1530071703027_0.08941120696894922"},"_hasShrinkwrap":false}},"time":{"created":"2018-06-27T03:55:03.027Z","0.1.5-2m.0.0":"2018-06-27T03:55:03.080Z","modified":"2022-04-04T10:19:25.492Z"},"maintainers":[{"name":"matiasvjr","email":"matias.valdir@gmail.com"}],"description":"CropperJS integration for Angular 2/4","homepage":"https://github.com/matheusdavidson/angular-cropperjs#readme","keywords":["angular","angular2","angular4","angular-library","angular-component","cropperjs","cropper","image"],"repository":{"type":"git","url":"git+https://github.com/matheusdavidson/angular-cropperjs.git"},"author":{"name":"Matheus Davidson","email":"matheusdavidson@gmail.com"},"bugs":{"url":"https://github.com/matheusdavidson/angular-cropperjs/issues"},"license":"MIT","readme":"# angular-cropperjs\n\n[CropperJS](https://fengyuanchen.github.io/cropperjs/) integration for Angular 2/4\n \n## How to use\n\n1- Install the library:\n\n```bash\n$ npm install angular-cropperjs --save\n```\n\n2- Import and load `AngularCropperjsModule` in the module you want to use, for example `AppModule`:\n\n```typescript\nimport { BrowserModule } from '@angular/platform-browser';\nimport { NgModule } from '@angular/core';\n\nimport { AppComponent } from './app.component';\n\n//\n// Import angular-cropperjs\nimport { AngularCropperjsModule } from 'angular-cropperjs';\n\n@NgModule({\n  declarations: [\n    AppComponent\n  ],\n  imports: [\n    BrowserModule,\n    \n    //\n    // Load angular-cropperjs\n    AngularCropperjsModule\n  ],\n  providers: [],\n  bootstrap: [AppComponent]\n})\nexport class AppModule { }\n```\n\n3- Use the component in your template like this:\n\n```html\n<!-- You can now use angular-cropper component in app.component.html -->\n<angular-cropper [cropperOptions]=\"config\" [imageUrl]=\"imageUrl\"></angular-cropper>\n```\n\n**Using CropperJS methods:**\n\nUse @ViewChild in your component to get the element:\n\n*In your app.component.html*\n```html\n<angular-cropper #angularCropper ..>\n```\n\n*And in your app.component.ts*\n```js\n\n//\n// Import AngularCropperjsComponent\nimport { AngularCropperjsComponent } from 'angular-cropperjs';\n\n//\n// Get with @ViewChild\n@ViewChild('angularCropper') public angularCropper: AngularCropperjsComponent;\n```\n\nThen just call the CropperJS method you want:\n\n*anywhere in your app.component.ts*\n```js\n\n//\n// Lets try to zoom\nthis.angularCropper.cropper.zoom(0.1);\n```\n\n## Development\n\nTo generate all `*.js`, `*.d.ts` and `*.metadata.json` files:\n\n```bash\n$ npm run build\n```\n\nTo lint all `*.ts` files:\n\n```bash\n$ npm run lint\n```\n\n## License\n\nMIT © [Matheus Davidson](mailto:matheusdavidson@gmail.com)\n","readmeFilename":"README.MD"}