{"_id":"@craydel/craydel-avatar-group","_rev":"2-2036d2036b890e38d4ed8081a4f81318","name":"@craydel/craydel-avatar-group","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@craydel/craydel-avatar-group","version":"1.0.0","description":"A custom Vuetify avatar group of users component for Craydel.","author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify","avatar","avatar group","vue","nuxt"],"dependencies":{"@craydel/craydel-avatar":"^1.0.1","@craydel/craydel-avatar-with-details":"^1.0.1"},"publishConfig":{"access":"public"},"gitHead":"e658d4a176c5e4e403ed4de4ca0b08bb7934ca29","_id":"@craydel/craydel-avatar-group@1.0.0","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-+rtPS3TxwJNL6Txn5XoYYPofpvj85MO1OMiUZp8ZIWKaiEydp/KcYfTqFmtVAm4rPByFEXpyE1/nZehz2TlheA==","shasum":"65277845c7276f77304eb17ac543d41ec084fed6","tarball":"https://registry.npmjs.org/@craydel/craydel-avatar-group/-/craydel-avatar-group-1.0.0.tgz","fileCount":4,"unpackedSize":10546,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCoBsBa+tOZsPb8KdPJTSG8dRhWkgAzFKDc2m5Wc6VpBAIgLMf0+Q78cwCYwx475GpMrbz4vhGvZdA5iGBkc6vAOgA="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-avatar-group_1.0.0_1695042524147_0.5049642229024001"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel/craydel-avatar-group","version":"1.0.1","description":"A custom Vuetify avatar group of users component for Craydel.","author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify","avatar","avatar group","vue","nuxt"],"dependencies":{"@craydel/craydel-avatar":"^1.0.1","@craydel/craydel-avatar-with-details":"^1.0.1"},"publishConfig":{"access":"public"},"gitHead":"d4842bd486cf1e511d29cc8cce41470f4c63fdf1","_id":"@craydel/craydel-avatar-group@1.0.1","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-GglhfpHmMKiMFcrlIsODXv6ulXh9dNNKSMqcL+3UqM3FrPOBf6azU4v3zwFqbtckuUHcrxdE96QFqnuvIeFQ0Q==","shasum":"951417b3c46e9e252814c75e4ed880761308479a","tarball":"https://registry.npmjs.org/@craydel/craydel-avatar-group/-/craydel-avatar-group-1.0.1.tgz","fileCount":4,"unpackedSize":10602,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCLjo+w8jvOhHoM83ivPUaGANFgtldcXwhGbWCrThtBkQIgS+byxkVkqzhPJLz6iTCStoohe4h85N+ZB1hsQQ0Db6k="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-avatar-group_1.0.1_1695043957920_0.13246140902757175"},"_hasShrinkwrap":false},"1.0.2":{"name":"@craydel/craydel-avatar-group","version":"1.0.2","description":"A custom Vuetify avatar group of users component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify","avatar","avatar group","vue","nuxt"],"dependencies":{"@craydel/craydel-avatar":"^1.0.2","@craydel/craydel-avatar-with-details":"^1.0.2"},"publishConfig":{"access":"public"},"gitHead":"dcab0c7dceab40486e8eab7a571b75fdce0e93e5","_id":"@craydel/craydel-avatar-group@1.0.2","_nodeVersion":"16.14.0","_npmVersion":"lerna/7.3.0/node@v16.14.0+x64 (win32)","dist":{"integrity":"sha512-7mSfBfhdc1u6AdW08N3NkjCGrDx+OAeZC7lpexHMhm866IXpumd7QeAekPp8C3nNJKuwIxgWGINHk/2WGfbYhw==","shasum":"c0d6bf29e82f1b8ea501f84621db00a3387b8c7b","tarball":"https://registry.npmjs.org/@craydel/craydel-avatar-group/-/craydel-avatar-group-1.0.2.tgz","fileCount":5,"unpackedSize":11675,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDrQP6G0Mit9rYsrKp9OoUpCDJR7/YnypKQwFEdVHXfmwIhAJ2a/4FfeuIds4rXN0I4qSojkV7dO79In4wFEX8mL0dI"}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-avatar-group_1.0.2_1695211480791_0.33069736481396794"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-18T13:08:44.077Z","1.0.0":"2023-09-18T13:08:44.304Z","modified":"2023-09-20T12:04:41.228Z","1.0.1":"2023-09-18T13:32:38.110Z","1.0.2":"2023-09-20T12:04:41.030Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify avatar group of users component for Craydel.","keywords":["vuetify","avatar","avatar group","vue","nuxt"],"author":{"name":"Wasim Al-Haddad"},"readme":"# CraydelAvatarGroup\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel/craydel-avatar-group\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 CraydelAvatarGroup from '@craydel/craydel-avatar-group/src/CraydelAvatarGroup.vue'\n\nconst Components = {\n CraydelAvatarGroup,\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| size | number \\| string | 40 | Sets the height and width of the component. |\n| users | array | [] | Array of objects for each user. Will look for a **display_name**, **email**, **photo** and **acronym** keys. In case there is no photo url provided, the acronym will be used to display the initials. |\n\n \n\n## Usage\n\nAn example showing an avatar group of users.\n\n```html\n\n\n```\n\n```javascript\ndata() {\n return {\n users: [\n {\n display_name: \"John Smitt\",\n email: \"john.smitt@craydel.com\",\n photo: '',\n acronym: \"JS\"\n },\n {\n display_name: \"Frankie Dowle\",\n email: \"frankie.dowle@craydel.com\",\n photo: \"https://randomuser.me/api/portraits/med/men/3.jpg\",\n acronym: \"FD\"\n }\n ],\n }\n}\n```","readmeFilename":"README.md","license":"MIT"}