{"_id":"@craydel/craydel-image-uploader","_rev":"2-90cfc615949c46a5a7594f88f60b1977","name":"@craydel/craydel-image-uploader","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@craydel/craydel-image-uploader","version":"1.0.0","description":"A custom Vuetify image uploader component for Craydel.","author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify","image uploader","vue","nuxt"],"publishConfig":{"access":"public"},"gitHead":"7a3ad1eaf2b7cf6349b1920665da2c8ada20a3be","_id":"@craydel/craydel-image-uploader@1.0.0","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-uHTH5VGY2MHbpjiO1bEXZtz8vzIvVHvQknUJb1/kLWkYKktmFWXcLi5NMYqR+L8RDdRqtgmhh1dKAJ6CMFkvqA==","shasum":"fb5a8c29f8408e5d6b48bb24b255e02d44fc2844","tarball":"https://registry.npmjs.org/@craydel/craydel-image-uploader/-/craydel-image-uploader-1.0.0.tgz","fileCount":4,"unpackedSize":6654,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA4W6T2Ef3O2KsWurk14wL83zatvA7N/djsu7nmshEyJAiEA4ZTdE/2b1vNzWadPUs9K6dnrzIebj3EUm1oSWG0OiEc="}]},"_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-uploader_1.0.0_1695112966557_0.4709501012486157"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel/craydel-image-uploader","version":"1.0.1","description":"A custom Vuetify image uploader component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","image uploader","vue","nuxt"],"publishConfig":{"access":"public"},"gitHead":"dcab0c7dceab40486e8eab7a571b75fdce0e93e5","_id":"@craydel/craydel-image-uploader@1.0.1","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-CekHrY3yEcxyZJgZvoJi2CTLLBU7awPsgrZbvuJLap76rrNeUQ5vbxWxoIOy8w0UGG2ra5PSaxeg65Q2JV/1QA==","shasum":"42d8527856905b82ea399469704952ba09278acd","tarball":"https://registry.npmjs.org/@craydel/craydel-image-uploader/-/craydel-image-uploader-1.0.1.tgz","fileCount":5,"unpackedSize":7727,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIFkYL1uGSV7gpfOrAl1oeEAWsJOWm1MRkvM7H6ODmuSPAiEAtdPpyWe/6sekJoHq4Er2j0cs06I/x+RkCrl/2Gc5ugQ="}]},"_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-uploader_1.0.1_1695211465359_0.36774118049244375"},"_hasShrinkwrap":false},"1.0.2":{"name":"@craydel/craydel-image-uploader","version":"1.0.2","description":"A custom Vuetify image uploader component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","image uploader","vue","nuxt"],"publishConfig":{"access":"public"},"gitHead":"67229e5ab91854011544856d1937610dfbb80f53","_id":"@craydel/craydel-image-uploader@1.0.2","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-G/cP/vA3D3hSM6nnxAa7xKxpRzZiGyulu15ILFcWqgkQYX7nJfG+E0nOeZz/GZbISxNpIcd+EAO/iW56hoELlQ==","shasum":"fedba4bb27f6c8b8252a2cabc9b6ab88f98c554f","tarball":"https://registry.npmjs.org/@craydel/craydel-image-uploader/-/craydel-image-uploader-1.0.2.tgz","fileCount":5,"unpackedSize":10749,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDPOpWitlG2W07YH9Zeyo0HTocAlhqNFsC6eJhKVoU2QAIgZWfYY80fSej2epoQ9dFAa8tFS3FP0CzB0G5XRivYDY8="}]},"_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-uploader_1.0.2_1695823232688_0.2055529853091238"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-19T08:42:46.425Z","1.0.0":"2023-09-19T08:42:46.722Z","modified":"2023-09-27T14:00:33.377Z","1.0.1":"2023-09-20T12:04:25.624Z","1.0.2":"2023-09-27T14:00:32.862Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify image uploader component for Craydel.","keywords":["vuetify","image uploader","vue","nuxt"],"author":{"name":"Wasim Al-Haddad"},"readme":"# CraydelImageUploader\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel/craydel-image-uploader\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 CraydelImageUploader from '@craydel/craydel-image-uploader/src/CraydelImageUploader.vue'\n\nconst Components = {\n CraydelImageUploader,\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| height | number \\| string | undefined | Sets the height for the image preview. |\n| width | number \\| string | undefined | Sets the width for the image preview. |\n| max-height | number \\| string | undefined | Sets the maximum height for the image preview. |\n| max-width | number \\| string | undefined | Sets the maximum width for the image preview. |\n| min-height | number \\| string | undefined | Sets the minimum height for the image preview. |\n| min-width | number \\| string | undefined | Sets the minimum width for the image preview. |\n| aspect-ratio | number \\| string | undefined | Calculated as width/height, so for a 1920x1080px image this will be 1.7778. Will be calculated automatically if omitted. |\n| contain | boolean | false | Prevents the image from being cropped if it doesn’t fit. |\n\n \n\n## Usage\n\nAn example showing an image uploader.\n\n```html\n\n\n```","readmeFilename":"README.md","license":"MIT"}