{"_id":"@craydel-v3/craydel-text-field","_rev":"5-6d857a03f6810d68310e0820787441e0","name":"@craydel-v3/craydel-text-field","dist-tags":{"latest":"1.0.5"},"versions":{"1.0.0":{"name":"@craydel-v3/craydel-text-field","version":"1.0.0","description":"A custom Vuetify text field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","text field","vue","nuxt3"],"dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"gitHead":"0496472e89f3429bbc61ada3d14c81957735fbc4","_id":"@craydel-v3/craydel-text-field@1.0.0","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-ejOb3o9mkMhyirRese6K2nFXmo9aEIdS3Gg8+VxtRBvCFGLJiiPZ2OEYfA1U8yoHK3HM1eksfYEbnhynkhf9Aw==","shasum":"259579c97b39786fd6c3fe68d8334dfbd0971b66","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-text-field/-/craydel-text-field-1.0.0.tgz","fileCount":12,"unpackedSize":27577,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIEXk66jBWKMDWOskr0F2IyR4hRmRqv5tyFZjEevnU6l+AiBiztqganPe/DIXLcuiIJITotqhXw9kuTE7tZp7U2bg0Q=="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-text-field_1.0.0_1697116782464_0.40440917319845804"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel-v3/craydel-text-field","version":"1.0.1","description":"A custom Vuetify text field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","text field","vue","nuxt3"],"dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"gitHead":"d7f106fe3bbf6d2a22c3d2dfa5a1e67af888db39","_id":"@craydel-v3/craydel-text-field@1.0.1","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-sUyti8fK1LamXuu/7xYkfywt4UKyNVip4I73QDL/0eTchmyPeQ21tcunlHzRZspgjbDPnY+b35tEuPuqk+OSrQ==","shasum":"b4d96f36ee6b1b570de81a645b4939ffcaf72668","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-text-field/-/craydel-text-field-1.0.1.tgz","fileCount":12,"unpackedSize":27256,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHzBNK/1nHUo+GB3ftVeH7rjKUYSA+W1VaRwnu/i5RwLAiBId1siECCFCie65lPfAVtPa84UZGfgX0qT/xPhyXPYCw=="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-text-field_1.0.1_1697551739742_0.10134829180312321"},"_hasShrinkwrap":false},"1.0.2":{"name":"@craydel-v3/craydel-text-field","version":"1.0.2","description":"A custom Vuetify text field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","text field","vue","nuxt3"],"dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"gitHead":"7249f68d0bef2e6a54452fc9725e8836893881ef","_id":"@craydel-v3/craydel-text-field@1.0.2","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-bQl8qALlcON17NFi4gmfV/6q/WsbbUxNSvP5O96V0xkLashnZpa+S0BmTBGQmazxKcDrWWGg6+EeeHapNjsLLg==","shasum":"ae2c9b70a07f487311f4dcf7449691823eba21ed","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-text-field/-/craydel-text-field-1.0.2.tgz","fileCount":12,"unpackedSize":27280,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIHLfm8TGdq/XRjWq+EiJQNFFaON073f2KwPYrKM1hOuPAiAXXJD+Jg4LFSkxEvDTELH52z2qVdFoOJQMDzSttOm/0g=="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-text-field_1.0.2_1701941317461_0.8409498837260749"},"_hasShrinkwrap":false},"1.0.3":{"name":"@craydel-v3/craydel-text-field","version":"1.0.3","description":"A custom Vuetify text field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","text field","vue","nuxt3"],"dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"gitHead":"159d74ec7fe06f6c0cf638ad6b4c81185c7926f5","_id":"@craydel-v3/craydel-text-field@1.0.3","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-6CHTPMWC7FNMvkeat6jKE3iPuGTn3/0faImjILwq5G+y/WWSwR+msUWXJNcPtAdgO5z6gsiGHg9hBoLj/zpXEQ==","shasum":"86345efef3b9213bbde603fc63874f6455fcd3a7","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-text-field/-/craydel-text-field-1.0.3.tgz","fileCount":12,"unpackedSize":27280,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFSaE48M2shyb9NqK5AZiW7+BZdp4UpauC+QWFvNYWlGAiByB8xGD7zKKLlzzITDFFf6GtUmFhhuYjSqPcE/zNlm1Q=="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-text-field_1.0.3_1702450691991_0.037850522382635754"},"_hasShrinkwrap":false},"1.0.4":{"name":"@craydel-v3/craydel-text-field","version":"1.0.4","description":"A custom Vuetify text field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","text field","vue","nuxt3"],"dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"gitHead":"505543a1e66e0c00f5e7d07ef24c3b30ca83f68c","_id":"@craydel-v3/craydel-text-field@1.0.4","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-0V5z9htZh2GmK+vbXC1ljj8xa1UAp22H7qwraySbgRyUbXIpgUWsL07iiurwgQnAQCnjqHngGlv5Fnxl6GCxeQ==","shasum":"f2b730e8fa64e1ff104406428452c0736e56809a","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-text-field/-/craydel-text-field-1.0.4.tgz","fileCount":12,"unpackedSize":27251,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIA+/3P2gll26bbKLKj8QW2R4iDG3PdijlCIDeh4RiNTVAiEA0wMhzBAhOn6TPNHkxo+OvBb5VBlbZeWQwLWXIIafsqM="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-text-field_1.0.4_1702471928161_0.25524327186700657"},"_hasShrinkwrap":false},"1.0.5":{"name":"@craydel-v3/craydel-text-field","version":"1.0.5","description":"A custom Vuetify text field component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","text field","vue","nuxt3"],"dependencies":{"@vuelidate/core":"^2.0.3","@vuelidate/validators":"^2.0.4"},"publishConfig":{"access":"public"},"gitHead":"8b712dc6e810bcb79b88789fffb4e313d41da75c","_id":"@craydel-v3/craydel-text-field@1.0.5","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-R5UKyFRsDuoY1kPlRWiKMaxDrGJIwCEMUXCByYeBl+NRloQwF53ssoafxYxxbnjefNRpQ62SIDvYe4IRb5+aHA==","shasum":"a51c8b0253c0b59bb4f4a27aefcbc420c18e170a","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-text-field/-/craydel-text-field-1.0.5.tgz","fileCount":12,"unpackedSize":28267,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCk+1nE+6Me7U4a+R1Q5ZgKtmbCHdDhzg87GgYCh8hsQQIhAIvdwivS8IGfTaEgU//HQwkmYhInjPPiMBwnwW1uDLEm"}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-text-field_1.0.5_1702623926889_0.8412493849003186"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-12T13:19:42.333Z","1.0.0":"2023-10-12T13:19:42.618Z","modified":"2023-12-15T07:05:27.236Z","1.0.1":"2023-10-17T14:08:59.959Z","1.0.2":"2023-12-07T09:28:37.624Z","1.0.3":"2023-12-13T06:58:12.181Z","1.0.4":"2023-12-13T12:52:08.326Z","1.0.5":"2023-12-15T07:05:27.041Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify text field component for Craydel.","keywords":["vuetify3","text field","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","readme":"# CraydelTextField\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel-v3/craydel-text-field\n```\n\n## Component Import\n\nImport the module chosen directly in your component\n\n```javascript\n<script>\n  import CraydelTextField from \"@craydel-v3/craydel-text-field/src/CraydelTextField.vue\";\n\n  export default {\n  components: {CraydelTextField}\n}\n</script>\n```\n\n## Props\n\n| Name             | Type              | Default                                                 | Description                                                                                                                                                                                                                                                                |\n|------------------|-------------------|---------------------------------------------------------|----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------|\n| id               | string            | random ID                                               | Sets the DOM id on the component.                                                                                                                                                                                                                                          |\n| placeholder      | string            | 'Select'                                                | Sets the component's placeholder text.                                                                                                                                                                                                                                     |\n| is-required      | boolean           | false                                                   | Puts component in a required state.                                                                                                                                                                                                                                        |\n| required-error   | string            | 'Field is required'                                     | Puts the component in an error state and passes through the custom required error message.                                                                                                                                                                                 |\n| type             | string            | 'text'                                                  | Sets input type. Options are: **text**, **email**, **alpha**, **alphaNum**, **numeric**, **integer**, **decimal**, **url**.                                                                                                                                                |\n| error-message    | string            | 'Field is invalid'                                      | Puts the input in an error state and passes through a custom error message.                                                                                                                                                                                                |\n| max-length       | number            | 100                                                     | The maximum number of characters allowed in the field.                                                                                                                                                                                                                     |\n| max-length-error | string            | 'Value cannot be longer than **max-length** characters' | Puts the component in an error state and passes through a custom max length error message.                                                                                                                                                                                 |\n| prefix           | string            | undefined                                               | Displays prefix text.                                                                                                                                                                                                                                                      |\n| suffix           | string            | undefined                                               | Displays suffix text.                                                                                                                                                                                                                                                      |\n| disabled         | boolean           | false                                                   | Disables the component.                                                                                                                                                                                                                                                    |\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 primary color. |\n\n&emsp;\n\n## Events\n\n| Name   | Description                                            |\n|--------|:-------------------------------------------------------|\n| blur   | Emitted when the input is focused or blurred.          |\n| change | Emitted when the input is changed by user interaction. |\n\n&emsp;\n\n## Usage\n\nAn example showing a text field that allows decimals only.\n\n```html\n<craydel-text-field\n        type=\"decimal\"\n        suffix=\"%\"\n        placeholder=\"Enter percentage\"\n></craydel-text-field>\n```","readmeFilename":"README.md"}