{"_id":"@craydel-v3/craydel-autocomplete","_rev":"7-aae89439409cf776c3396a76e16f0b2f","name":"@craydel-v3/craydel-autocomplete","description":"A custom Vuetify autocomplete component for Craydel.","dist-tags":{"latest":"1.0.9"},"versions":{"1.0.2":{"name":"@craydel-v3/craydel-autocomplete","version":"1.0.2","keywords":["vuetify3","autocomplete","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-autocomplete@1.0.2","maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"dist":{"shasum":"66f67cb1bf39489e6dbfc84c85e77899cd069343","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-autocomplete/-/craydel-autocomplete-1.0.2.tgz","fileCount":4,"integrity":"sha512-G9dFJoRaS8o3tM4N+INSkhvvMXavMb4mY5+U85Yphs0D4s0Qy2ROxb0tmtKO6Np0M4Q0/vf6O9MOoXVHY2Dm6Q==","signatures":[{"sig":"MEYCIQDuTD+tQjNhgztppHfNIAqw0Cr8TCZGQxUgJyqCyt44+QIhANx5L78FEPhbdfPjxvmcmI2A24Sf2Db51T3o8uJfhxnB","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":19447},"gitHead":"fcbc6dddf59ce389c18538607ed2d894800d54cb","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify autocomplete 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-autocomplete_1.0.2_1696424936699_0.6885810907813357","host":"s3://npm-registry-packages"}},"1.0.3":{"name":"@craydel-v3/craydel-autocomplete","version":"1.0.3","keywords":["vuetify3","autocomplete","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-autocomplete@1.0.3","maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"dist":{"shasum":"6b2b1efd790b4ead9ef0cfaed29f0de1ec6a6a10","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-autocomplete/-/craydel-autocomplete-1.0.3.tgz","fileCount":5,"integrity":"sha512-6vvtj/H0fFj6yiWbEAZaFudnPAGcfTeVB0pgt7l7fjN6AN8S9b/7mJM2BQPo/ASlvf91HBAW8iU0XOzaAxlAmg==","signatures":[{"sig":"MEUCIAIPZ8Y2820/Ixx0oRjxP+/APdzfxmGz6uV4JxhKGl74AiEA4ZEXxkm3ru9wDn2j1V59nrCbrBWSoHtzFZUgOrIKDX0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20501},"gitHead":"fc33e236c2181c6aaa87ef22d71a47db3ffdcf83","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify autocomplete 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-autocomplete_1.0.3_1696546890716_0.8149507935048819","host":"s3://npm-registry-packages"}},"1.0.4":{"name":"@craydel-v3/craydel-autocomplete","version":"1.0.4","keywords":["vuetify3","autocomplete","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-autocomplete@1.0.4","maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"dist":{"shasum":"9044b914b94f0f0a4ea34487f64e2eca7a510830","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-autocomplete/-/craydel-autocomplete-1.0.4.tgz","fileCount":5,"integrity":"sha512-gfp01ocrjLjM22Z+nZODvb1c2rSl6wcP21CCcaRuVvpzpCkhWrKXkOWKpepCo11In3H9auqXDkUb43JAagKgOg==","signatures":[{"sig":"MEUCICgyY7irzbK3mZeFw3KIfe6rl0eMV1oPLW3xtt7kXmHWAiEA8Gciuiy12gBT87EGqJLC/sKxb5UzGYuxNlO0uBm+WwI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20447},"gitHead":"dd098a3b75c6e2e7ebb999ba62ade15a343291ac","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify autocomplete 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-autocomplete_1.0.4_1696581635950_0.3859935468782847","host":"s3://npm-registry-packages"}},"1.0.5":{"name":"@craydel-v3/craydel-autocomplete","version":"1.0.5","keywords":["vuetify3","autocomplete","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-autocomplete@1.0.5","maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"dist":{"shasum":"c49a37d9d904b887a5f3ed41b70c65542e72c5dd","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-autocomplete/-/craydel-autocomplete-1.0.5.tgz","fileCount":5,"integrity":"sha512-Cw1k8gQXHNzbt4pzRXNsKwtpxRFKvyO7hxn/HNp2zF9kc6fgz+CJRvrr2yaH1rEDBFOSA1ekYvRyretB6QoB6Q==","signatures":[{"sig":"MEQCID0mQlew00kPuYDLnSdvVZvjS7uxst4RaF4MbPsJMx5BAiAlhscpFQTxPasLWeVZzCkhT0wfQzLpUHD1ng1cPqrjYg==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20421},"gitHead":"0496472e89f3429bbc61ada3d14c81957735fbc4","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify autocomplete 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-autocomplete_1.0.5_1697116782454_0.9930840519264745","host":"s3://npm-registry-packages"}},"1.0.6":{"name":"@craydel-v3/craydel-autocomplete","version":"1.0.6","keywords":["vuetify3","autocomplete","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-autocomplete@1.0.6","maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"dist":{"shasum":"1d49484c142fd18ab880fa1680172ebe0e89365c","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-autocomplete/-/craydel-autocomplete-1.0.6.tgz","fileCount":5,"integrity":"sha512-vCZt9AtAMtXM/Li9RYftNYx1gEHr8JJ6GBIbQx/TglbByN35Ajl+d+QAuBraba8XBBsjh8dvyMj8f8nWa/wrQQ==","signatures":[{"sig":"MEUCIAkETChJ46hHSa/u55aiuLgQ94MukrFZ2PDcELViy9x7AiEA1gyxGseV7Q3mj7yvtQWxNVeozwnAo/j/1w9L5R9WQ/c=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20321},"gitHead":"b9062ea0b2dd39626e3b39f782c8ec5023ed7968","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify autocomplete 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-autocomplete_1.0.6_1703238318385_0.9807795950309974","host":"s3://npm-registry-packages"}},"1.0.7":{"name":"@craydel-v3/craydel-autocomplete","version":"1.0.7","keywords":["vuetify3","autocomplete","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-autocomplete@1.0.7","maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"dist":{"shasum":"f5039ea728c324a25d7f2fbb38006967c5ab5532","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-autocomplete/-/craydel-autocomplete-1.0.7.tgz","fileCount":5,"integrity":"sha512-09MRqGUJGEP0qzrZjZmSkEj1LC9aKjl7cBinPpNsG0ScDFQZZuAfzH12KAxLH+tWwyrfF4X3MeOgBzQfVyHSKA==","signatures":[{"sig":"MEUCIDqdp4rWfiNCG5v25RvKZfUAL2B/u9T0dXCIX7Qoj8XyAiEAzWMJs8pjC1pMKt38hEIveuEyKIvVSnhdrKg7SX0Mcf0=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20543},"gitHead":"608637eeec8b8a6d2c6445821598a3e78a4aeb49","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify autocomplete 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-autocomplete_1.0.7_1716293116003_0.15210389307460503","host":"s3://npm-registry-packages"}},"1.0.8":{"name":"@craydel-v3/craydel-autocomplete","version":"1.0.8","keywords":["vuetify3","autocomplete","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","_id":"@craydel-v3/craydel-autocomplete@1.0.8","dist":{"shasum":"e21a92f698d57f101eea0b2355db145bd5644e45","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-autocomplete/-/craydel-autocomplete-1.0.8.tgz","fileCount":5,"integrity":"sha512-5/jtJ7Bu+ntJR4yeh9muM3jv9pble0tpd9tCYkICx6RLAxbz+2TMbNeHDrQfyr3PWeCKM8C1PFbNX27RiVz1ow==","signatures":[{"sig":"MEYCIQCq6PnoFtfOeXO3DrLctCtCKuEipicHYnbSv8xl6QEsdQIhAKAIt5xbcfV63Y4iyrvqx3DtWmZ7HZbtmRyiRlPB3+gH","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":20568},"gitHead":"e78657eb64b2badef66bc047ce4422eee76edd67","_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","description":"A custom Vuetify autocomplete 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-autocomplete_1.0.8_1719834886602_0.9690331992726327","host":"s3://npm-registry-packages"}},"1.0.9":{"name":"@craydel-v3/craydel-autocomplete","version":"1.0.9","description":"A custom Vuetify autocomplete component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","autocomplete","vue","nuxt3"],"dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"gitHead":"8bbedda9a33580019177a96d26444e7cd13c0efe","_id":"@craydel-v3/craydel-autocomplete@1.0.9","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-NGKhr9oJlN1CPmI4y9NzCmywO6yEP0WQ3IbHKrSY00eSH4H8GQFtM1RFFWJFYrABzKIGLj3vFLUHdukIl0W/LA==","shasum":"94a7618de9d12c33733dec8f498b73fcb9447460","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-autocomplete/-/craydel-autocomplete-1.0.9.tgz","fileCount":5,"unpackedSize":20543,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIBvydb8dtEyLHq5dVzXo/s95foSB6WW3ICnKK+OjciTnAiEA6olNNUV++cfPD0mivGFAZfvRDIA2xBnDc+O6AcVVG5U="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-autocomplete_1.0.9_1719835532738_0.2829563085291815"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-04T13:08:56.584Z","modified":"2024-07-01T12:05:33.057Z","1.0.2":"2023-10-04T13:08:56.966Z","1.0.3":"2023-10-05T23:01:30.887Z","1.0.4":"2023-10-06T08:40:36.114Z","1.0.5":"2023-10-12T13:19:42.791Z","1.0.6":"2023-12-22T09:45:18.568Z","1.0.7":"2024-05-21T12:05:16.154Z","1.0.8":"2024-07-01T11:54:46.781Z","1.0.9":"2024-07-01T12:05:32.854Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"author":{"name":"Wasim Al-Haddad"},"keywords":["vuetify3","autocomplete","vue","nuxt3"],"license":"MIT","readme":"# CraydelAutocomplete\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-autocomplete\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 CraydelAutocomplete from \"@craydel-v3/craydel-autocomplete/src/CraydelAutocomplete.vue\";\r\n\r\n  export default {\r\n  components: {CraydelAutocomplete}\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 countries autocomplete that has an option to select all.\r\n\r\n```html\r\n<craydel-autocomplete\r\n        :items=\"countries\"\r\n        item-title=\"title\"\r\n        item-value=\"value\"\r\n        select-all\r\n        placeholder=\"Type a country\"\r\n></craydel-autocomplete>\r\n```\r\n\r\n```javascript\r\ndata()\r\n{\r\n  return {\r\n    countries: [\r\n      {\r\n        title: 'Kenya',\r\n        value: 'Kenya'\r\n      },\r\n      {\r\n        title: 'Uganda',\r\n        value: 'Uganda'\r\n      },\r\n      {\r\n        title: 'Nigeria',\r\n        value: 'Nigeria'\r\n      }\r\n    ]\r\n  }\r\n}\r\n```","readmeFilename":"README.md"}