{"_id":"@craydel-v3/craydel-select","_rev":"8-3877ff6995f3f49d3786962e8d6831e8","name":"@craydel-v3/craydel-select","description":"A custom Vuetify select component for Craydel.","dist-tags":{"latest":"1.0.9"},"versions":{"1.0.3":{"name":"@craydel-v3/craydel-select","version":"1.0.3","keywords":["vuetify3","select","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-select@1.0.3","maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"dist":{"shasum":"16a0899f6acaac54c95db5147512477db4d97fc3","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-select/-/craydel-select-1.0.3.tgz","fileCount":5,"integrity":"sha512-3ucVaFUSIN7oABmzDRAeHvzA9BZHfkda0uS5JfBJgCfEGmNVYpReY3SeFhGl/m/XFtD8loMJAWBF8DPAPe0R8Q==","signatures":[{"sig":"MEUCIBp1LZXmyOmHXAEKgrZR+ZThnWNeMYO8oDTWfsCuyc1PAiEA2C7vXfhKm5iaHof6xP7LsFEH1mXuca7UwHHCoPYUGrI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20275},"gitHead":"bff1b0050d4a3e1e06ccd30e485caae644aa647b","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify select component for Craydel.","directories":{},"_nodeVersion":"18.18.0","dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/craydel-select_1.0.3_1696427943464_0.30654173253114214","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@craydel-v3/craydel-select","version":"1.0.4","keywords":["vuetify3","select","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-select@1.0.4","maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"dist":{"shasum":"7b5f906ee5c8ac68c5afefdcb7ea4390c7327797","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-select/-/craydel-select-1.0.4.tgz","fileCount":5,"integrity":"sha512-oTeVv9fKJm7G0Cjh3vVprxAQ/HeOqutsUZTVVHGCXvALEGMc0nOABSWmILJA3qogVCEDVb45kak40K+43U9hCg==","signatures":[{"sig":"MEYCIQDBBvoMizXyVh4sQd9+Oif1YkSYDIHj7x0etP2Nx1MKEAIhAPJBzSDL3Ev+cHMKMm5o/GfAa5cZCkcK+/9acZw7arsr","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20276},"gitHead":"fc33e236c2181c6aaa87ef22d71a47db3ffdcf83","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify select component for Craydel.","directories":{},"_nodeVersion":"18.18.0","dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/craydel-select_1.0.4_1696546890661_0.8980709987050244","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@craydel-v3/craydel-select","version":"1.0.5","keywords":["vuetify3","select","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-select@1.0.5","maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"dist":{"shasum":"c8640ca2cdc31b90f6f926268c05f38a8335afa9","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-select/-/craydel-select-1.0.5.tgz","fileCount":5,"integrity":"sha512-rmGUkjfNSfy5MkOKZf+8GR3ckE5LGdCNdU1Kpr8jDe2gQBhzMYqvMmEB4vTVj0fX6pxvq0dfKciDM93yYnxbfQ==","signatures":[{"sig":"MEUCIQCMq2V60N2dpMgKsq8Ytnnr28VGauuKRXfTxbqpZVtwfQIga/E8TiZcznqfnpTu9F2NvB3E+hS3eYc6GPaFw8J2gOw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20155},"gitHead":"dd098a3b75c6e2e7ebb999ba62ade15a343291ac","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify select component for Craydel.","directories":{},"_nodeVersion":"18.18.0","dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/craydel-select_1.0.5_1696581635954_0.8195047612350386","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@craydel-v3/craydel-select","version":"1.0.6","keywords":["vuetify3","select","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-select@1.0.6","maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"dist":{"shasum":"c925fde9206a2adab1c6e31fd5d96aa15e2d18d5","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-select/-/craydel-select-1.0.6.tgz","fileCount":5,"integrity":"sha512-7rZxYV39m/LLEGiXwXh5MrdhaiZlP2UBpf4q0xZ4X+M++KGrTg9DwKNWimmQiZXBSuwrfxUZUDhqo1CXFmd7xg==","signatures":[{"sig":"MEQCIHzkmY25ndJhAwR28NQJukeGM23RBk5e+A3qEe+rFTfhAiAxwbuNrdgGmznV3j69YpiB1CitYP2sjQpX6S7NFh6UYg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20129},"gitHead":"0496472e89f3429bbc61ada3d14c81957735fbc4","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify select component for Craydel.","directories":{},"_nodeVersion":"18.18.0","dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/craydel-select_1.0.6_1697116782451_0.7943345216269071","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@craydel-v3/craydel-select","version":"1.0.7","keywords":["vuetify3","select","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-select@1.0.7","maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"dist":{"shasum":"cb80c6c1cb3ad89d9741c60cb2643e1be5812ad3","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-select/-/craydel-select-1.0.7.tgz","fileCount":5,"integrity":"sha512-ICfQS1r3MD8A1Yd9KVId244af7B1vVK7iTIOe5XxULHiI18F+x2sJZGcbz8ZytsH/GYWpIlciuoPQsMIK+gm/Q==","signatures":[{"sig":"MEUCIBVAebkcqs8sXKXShKwPkHk0S0ULyNj0xZah+4GKq3WTAiEA8alIdiFR2TKkxALf3zf+cnCsLcNuq516m+IZzQRhCsw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20029},"gitHead":"b9062ea0b2dd39626e3b39f782c8ec5023ed7968","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify select component for Craydel.","directories":{},"_nodeVersion":"18.18.0","dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/craydel-select_1.0.7_1703238318418_0.8705044559214306","host":"s3://npm-registry-packages"}},"1.0.8":{"name":"@craydel-v3/craydel-select","version":"1.0.8","keywords":["vuetify3","select","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-select@1.0.8","dist":{"shasum":"ab1626e0b9d286042c08c17de8f79fe54304af37","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-select/-/craydel-select-1.0.8.tgz","fileCount":5,"integrity":"sha512-2PcuyI2mSkKYf98fXdTcMzk525XOnu3D32mrbmQOrMra69z0V4ZBP3UqlT8GrsNtWjk+aHSGOkJHmcvXM76vxA==","signatures":[{"sig":"MEYCIQDHnTDTCUmE93wkIw7AaBGL8omUWYwd15tbt87Rjh09UQIhAO40gHevd5Me/mX7jY/574iv0sjNOrBc4JJDI99vWr49","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20148},"gitHead":"e78657eb64b2badef66bc047ce4422eee76edd67","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify select component for Craydel.","directories":{},"_nodeVersion":"18.18.0","dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"_npmOperationalInternal":{"tmp":"tmp/craydel-select_1.0.8_1719834886554_0.8012502264027708","host":"s3://npm-registry-packages"}},"1.0.9":{"name":"@craydel-v3/craydel-select","version":"1.0.9","description":"A custom Vuetify select component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","select","vue","nuxt3"],"dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"gitHead":"8bbedda9a33580019177a96d26444e7cd13c0efe","_id":"@craydel-v3/craydel-select@1.0.9","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-PoA77OUexG+DqrkvChIu7HbBOCu9qrqFOUQTGMa8VZc523S7kmsccjzmrZx54AXvCAix5PLwVtB9WyrvF3HOcw==","shasum":"13dd3167e567e65121bc8b71484a69cb87fdf133","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-select/-/craydel-select-1.0.9.tgz","fileCount":5,"unpackedSize":20123,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCID+Jnx3UPrJLkkdv/030wAioTYsg521PbmR+N2EzWJ6oAiEAkArnM0DaBd8Kq/NJphlb0JvYkteOPl5peIFY7bfuNNk="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-select_1.0.9_1719835532717_0.02871785320418785"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-04T13:59:03.389Z","modified":"2024-07-01T12:05:33.125Z","1.0.2":"2023-10-04T13:08:56.911Z","1.0.3":"2023-10-04T13:59:03.661Z","1.0.4":"2023-10-05T23:01:30.839Z","1.0.5":"2023-10-06T08:40:36.167Z","1.0.6":"2023-10-12T13:19:42.609Z","1.0.7":"2023-12-22T09:45:18.562Z","1.0.8":"2024-07-01T11:54:46.688Z","1.0.9":"2024-07-01T12:05:32.879Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify3","select","vue","nuxt3"],"license":"MIT","readme":"# CraydelSelect\r\n\r\n## Installation\r\n\r\nGet the latest version by NPM:\r\n\r\n```bash\r\n$ npm i @craydel-v3/craydel-select\r\n```\r\n\r\n## Component Import\r\n\r\nImport the module chosen directly in your component\r\n\r\n```javascript\r\n<script>\r\n  import CraydelSelect from \"@craydel-v3/craydel-select/src/CraydelSelect.vue\";\r\n\r\n  export default {\r\n  components: {CraydelSelect}\r\n}\r\n</script>\r\n```\r\n\r\n## Props\r\n\r\n| Name             | Type              | Default             | Description                                                                                                                                                                                                                                                                  |\r\n|------------------|-------------------|---------------------|------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\r\n| id               | string            | random ID           | Sets the DOM id on the component.                                                                                                                                                                                                                                            |\r\n| placeholder      | string            | 'Select'            | Sets the component's placeholder text.                                                                                                                                                                                                                                       |\r\n| is-required      | boolean           | false               | Puts component in a required state.                                                                                                                                                                                                                                          |\r\n| required-error   | string            | 'Field is required' | Puts the component in an error state and passes through the custom required error message.                                                                                                                                                                                   |\r\n| multiple         | boolean           | false               | Changes select to multiple. Accepts array for value.                                                                                                                                                                                                                         |\r\n| select-all       | boolean           | false               | Changes select to multiple with a 'Select All' option. Accepts array for value.                                                                                                                                                                                              |\r\n| no-data-text     | string            | 'No data available' | Display text when there is no data.                                                                                                                                                                                                                                          |\r\n| items            | array             | []                  | Can be an array of objects or array of strings. When using objects, will look for a **title** and **value** keys. This can be changed using the **item-title** and **item-value** props.                                                                                     |\r\n| item-title       | string            | 'title'             | Property on supplied **items** that contains its title.                                                                                                                                                                                                                      |\r\n| item-value       | string            | 'value'             | Property on supplied **items** that contains its value.                                                                                                                                                                                                                      |\r\n| disabled         | boolean           | false               | Disables the component.                                                                                                                                                                                                                                                      |\r\n| loading          | boolean \\| string | false               | Displays linear progress bar. Can either be a String which specifies which color is applied to the progress bar (any material color or theme color - **primary**, **secondary**, **success**, **info**, **warning**, **error**) or a Boolean which uses the component color. |\r\n| show-append-item | boolean           | false               | Displays the **append-item** slot that is used to display custom content after the menu content.                                                                                                                                                                             |\r\n\r\n&emsp;\r\n\r\n## Events\r\n\r\n| Name   | Description                                            |\r\n|--------|:-------------------------------------------------------|\r\n| blur   | Emitted when the input is focused or blurred           |\r\n| change | Emitted when the input is changed by user interaction. |\r\n\r\n&emsp;\r\n\r\n## Slots\r\n\r\n| Name        | Description                      |\r\n|-------------|:---------------------------------|\r\n| append-item | Adds an item after menu content. |\r\n\r\n&emsp;\r\n\r\n## Usage\r\n\r\nAn example showing a select that has an option to select all.\r\n\r\n```html\r\n<craydel-select\r\n        :items=\"items\"\r\n        item-title=\"title\"\r\n        item-value=\"value\"\r\n        select-all\r\n></craydel-select>\r\n```\r\n\r\n```javascript\r\ndata()\r\n{\r\n  return {\r\n    items: [\r\n      {\r\n        title: 'HTML',\r\n        value: 'HTML'\r\n      },\r\n      {\r\n        title: 'Javascript',\r\n        value: 'Javascript'\r\n      },\r\n      {\r\n        title: 'CSS',\r\n        value: 'CSS'\r\n      }\r\n    ]\r\n  }\r\n}\r\n```","readmeFilename":"README.md"}