{"_id":"@craydel/craydel-image-cropper","_rev":"3-7c2c8d92f20ae85e7bd2b7866479548a","name":"@craydel/craydel-image-cropper","dist-tags":{"latest":"1.0.3"},"versions":{"1.0.0":{"name":"@craydel/craydel-image-cropper","version":"1.0.0","description":"A custom image cropper component for Craydel based on vue-advanced-cropper.","author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify","image cropper","vue","nuxt"],"publishConfig":{"access":"public"},"gitHead":"3e7a14dcd76e96e1fcb7d7bdc3112d6874b55e75","_id":"@craydel/craydel-image-cropper@1.0.0","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-FGNW30jzojEpJKTZOlHm6tPke/xKboXufLt0lXGln+Ow9GQc0ZyWdwrQfKFTTL7rouSXBoKJUS/Hc+2SYKnhZQ==","shasum":"967ba691a9b31c64aa96cc55b887a6c1a953dcc2","tarball":"https://registry.npmjs.org/@craydel/craydel-image-cropper/-/craydel-image-cropper-1.0.0.tgz","fileCount":4,"unpackedSize":8530,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGVNncQ/+gS9+chljLB1wFdcCrdkw03soLgqVmVDho9MAiEAqk3Pqj3Z1ywGG2FkGj6z7+bX/NloxI55z3QN9z9332g="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-image-cropper_1.0.0_1695133584716_0.5381654608665258"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel/craydel-image-cropper","version":"1.0.1","description":"A custom image cropper component for Craydel based on vue-advanced-cropper.","author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify","image cropper","vue","nuxt"],"dependencies":{"vue-advanced-cropper":"^1.11.6"},"publishConfig":{"access":"public"},"gitHead":"e60c1f27bdaf7eb9996f6c49177a891ad03a300f","_id":"@craydel/craydel-image-cropper@1.0.1","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-63fEh4GpOKb6fLCkMH6BngTGHV/ZH2w9fMgGseZbEoOtLn5pu0Lv/v7Ksp+XcGOSzIlGb8v9egrky+8cnUyD1Q==","shasum":"042b4a7e53c4415d7d4d142ff0198990ae843166","tarball":"https://registry.npmjs.org/@craydel/craydel-image-cropper/-/craydel-image-cropper-1.0.1.tgz","fileCount":4,"unpackedSize":8593,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIDjAfj2YvWE9vMpAXJTacf1M1k6gOhFUuVeH7wa+rFl1AiA9pMG1i4rA0UFjZfIyNeQKaJWrQFIPsXmpWWKsQxEYeQ=="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-image-cropper_1.0.1_1695202331983_0.994135020173563"},"_hasShrinkwrap":false},"1.0.2":{"name":"@craydel/craydel-image-cropper","version":"1.0.2","description":"A custom image cropper component for Craydel based on vue-advanced-cropper.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","image cropper","vue","nuxt"],"dependencies":{"vue-advanced-cropper":"^1.11.6"},"publishConfig":{"access":"public"},"gitHead":"dcab0c7dceab40486e8eab7a571b75fdce0e93e5","_id":"@craydel/craydel-image-cropper@1.0.2","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-LaGSxts2j8dTqG5F4p4Zii+Znzo4swL0N1owxjXaLEG2nekRCORCafKg/qPkG/hn5F8eeqRlZdLVMKuFh3Gv9w==","shasum":"a5918337984e897de4042faa201dbd820c563352","tarball":"https://registry.npmjs.org/@craydel/craydel-image-cropper/-/craydel-image-cropper-1.0.2.tgz","fileCount":5,"unpackedSize":9666,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFioLObIhzwXq0hF5jvk8AGNEmL18s8uGUnrWaLqb6OPAiBTEste9miG/wHcpLXyCFK7Ir5Y/uh1xwx3LlDY8qm2xw=="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-image-cropper_1.0.2_1695211465418_0.6191015132359126"},"_hasShrinkwrap":false},"1.0.3":{"name":"@craydel/craydel-image-cropper","version":"1.0.3","description":"A custom image cropper component for Craydel based on vue-advanced-cropper.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","image cropper","vue","nuxt"],"dependencies":{"vue-advanced-cropper":"^1.11.6"},"publishConfig":{"access":"public"},"gitHead":"67229e5ab91854011544856d1937610dfbb80f53","_id":"@craydel/craydel-image-cropper@1.0.3","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-ExSnc+7UaYKHv78GiCz021sWpiUmgl51hpSTYjvCxy3N4y6UEeshtESUzFyLFgQYx/K9yBCigUS7cTpwUgVz1g==","shasum":"a5a558055ff2fe58e86f6be2052d0f695d6e0bd2","tarball":"https://registry.npmjs.org/@craydel/craydel-image-cropper/-/craydel-image-cropper-1.0.3.tgz","fileCount":5,"unpackedSize":9845,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDK67rurTMuCoZj0t59/kGheJF9toeTgIupL4PsBbt28wIgfzOpFchofptNcG6iD2H3gkG7qazvQfDB+CeYpfEAyI4="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-image-cropper_1.0.3_1695823232724_0.6476130990145526"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-19T14:26:24.597Z","1.0.0":"2023-09-19T14:26:24.888Z","modified":"2023-09-27T14:00:33.116Z","1.0.1":"2023-09-20T09:32:12.148Z","1.0.2":"2023-09-20T12:04:25.601Z","1.0.3":"2023-09-27T14:00:32.916Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom image cropper component for Craydel based on vue-advanced-cropper.","keywords":["vuetify","image cropper","vue","nuxt"],"author":{"name":"Wasim Al-Haddad"},"readme":"# CraydelImageCropper\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel/craydel-image-cropper\n```\n\n## Register Plugin\n\nIf you use the plugin API, the component will be registered as a global component just like when\nincluding it with the script tag, but you won't need to re-register it through the `components` property in your own\ncomponents.\n\nCreate the plugin file e.g `craydel-components.js` file.\n\n```javascript\n// craydel-components.js\nimport Vue from 'vue'\nimport CraydelImageCropper from '@craydel/craydel-image-cropper/src/CraydelImageCropper.vue'\n\nconst Components = {\n CraydelImageCropper,\n};\n\nObject.keys(Components).forEach(name => {\n Vue.component(name, Components[name]);\n});\n\nexport default Components;\n```\n\nNext reference the plugin file in your nuxt.config.js\n\n```javascript\n// Plugins to run before rendering page: https://go.nuxtjs.dev/config-plugins\nplugins: [\n '~/plugins/craydel-components.js'\n]\n```\n\n## Props\n\n| Name | Type | Default | Description |\n|----------------|------------------|-----------|----------------------------------------------------------|\n| id | string | random ID | Sets the DOM id on the component. |\n| src | string | undefined | Sets the initial image URL. |\n| max-width | number \\| string | 350 | Sets the maximum width for the cropper canvas in pixels. |\n| stencil-width | number \\| string | 280 | Sets the width of the stencil in pixels. |\n| stencil-height | number \\| string | 280 | Sets the height of the stencil in pixels. |\n\n \n\n## Usage\n\nAn example showing an image cropper.\n\n```html\n\n```","readmeFilename":"README.md","license":"MIT"}