{"_id":"@craydel-v3/craydel-drawer","_rev":"6-362e5341652c68254624738bdc8487e9","name":"@craydel-v3/craydel-drawer","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.0":{"name":"@craydel-v3/craydel-drawer","version":"1.0.0","description":"A custom Vuetify drawer component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","drawer","vue","nuxt3"],"publishConfig":{"access":"public"},"gitHead":"fc33e236c2181c6aaa87ef22d71a47db3ffdcf83","_id":"@craydel-v3/craydel-drawer@1.0.0","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-M+g+06Ylz/wQBHr1LmRwGWXNewdoBDeD8YvFAvsNZfuBS3RLRPAVUgWSTzOlIaTn2xXJvvt8O9/5C7SXHrqe0g==","shasum":"71ccc2de9d86063703dfb8cb527115f5a5be08e6","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-drawer/-/craydel-drawer-1.0.0.tgz","fileCount":5,"unpackedSize":9354,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD0TdjxgKoEQCozqOVBx8fZTwCODr0lc3rrtcWpE5eLAgIgWGEunmQLfwKZiOU4xdXWBDJK24ZJb2BEZrTjhzk7wEM="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-drawer_1.0.0_1696546890706_0.5146917136961853"},"_hasShrinkwrap":false},"1.0.1":{"name":"@craydel-v3/craydel-drawer","version":"1.0.1","description":"A custom Vuetify drawer component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","drawer","vue","nuxt3"],"publishConfig":{"access":"public"},"gitHead":"da9627b7291af97350ffd34b5c0a39ad4d67470e","_id":"@craydel-v3/craydel-drawer@1.0.1","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-IMEd3kR4IYgKGDr9CKDqONdRNJL58zerWzr3Xjh6wysnPrPp9m6oNR8s8sZ/UQ18KfiePJz9pIHm6RRjGBm+CA==","shasum":"7a34dae02e7ee96c8e1a589de1b327d5745e9932","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-drawer/-/craydel-drawer-1.0.1.tgz","fileCount":5,"unpackedSize":9142,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQDYOl1u1+lfb1qIxp4A21ZCnfBtow77Yvk0z+6jC4agzAIhAKfkSwSg3YL/nQuBsR7SXifbjbDwSLqDC55A8Wn1jvma"}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-drawer_1.0.1_1696574177098_0.07030502533440575"},"_hasShrinkwrap":false},"1.0.2":{"name":"@craydel-v3/craydel-drawer","version":"1.0.2","description":"A custom Vuetify drawer component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","drawer","vue","nuxt3"],"publishConfig":{"access":"public"},"gitHead":"0496472e89f3429bbc61ada3d14c81957735fbc4","_id":"@craydel-v3/craydel-drawer@1.0.2","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-b9csJmc82QrvpPOlo/vxj+iE0Wels2ntqKZOurednr0o46IYEagnVhSEiTxa8h2Nnud6GMEJzq3ZmjGRbOmXlQ==","shasum":"44e5f796d3f41641ee5a11f1e31969b441f59443","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-drawer/-/craydel-drawer-1.0.2.tgz","fileCount":5,"unpackedSize":8832,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQDQ8NpJRK742cyiHE5+Nu6T24gSojfPnjfNFOAumsrczAIgCkHY2bXoODt187pVYH2UvKxbQ1n6y1I7L6oUtpZnCpM="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-drawer_1.0.2_1697116782401_0.8130536506593182"},"_hasShrinkwrap":false},"1.0.3":{"name":"@craydel-v3/craydel-drawer","version":"1.0.3","description":"A custom Vuetify drawer component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","drawer","vue","nuxt3"],"publishConfig":{"access":"public"},"gitHead":"8291352126da38eba31dc5dd319c0de8cc273c03","_id":"@craydel-v3/craydel-drawer@1.0.3","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-vrchDJMU3ueZ6OPppN+j+F1XvxpLJ99W04T/dYSWNCILQlSaE+4R8klN+YiDKjy287vG5qaDVy9UgmEoQKq0Hg==","shasum":"bfb29c6287322f70b6146eb22fab5254f301cef6","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-drawer/-/craydel-drawer-1.0.3.tgz","fileCount":5,"unpackedSize":9508,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIFdggZaAnu3IriO1d2/gORlXATF8u8MKqsBox40jhrQYAiA624bNzo2bSThvP5d2bkiq5LeTfkCdDhpvxwamQVmIKw=="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-drawer_1.0.3_1697465908154_0.4154247175711938"},"_hasShrinkwrap":false},"1.0.4":{"name":"@craydel-v3/craydel-drawer","version":"1.0.4","description":"A custom Vuetify drawer component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","drawer","vue","nuxt3"],"publishConfig":{"access":"public"},"gitHead":"8fb7e847b6eeb9146098b4bb8cf47c3f31aea01e","_id":"@craydel-v3/craydel-drawer@1.0.4","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-FsHtgPmgQfaupLjxCPQVwrkvTZO+stxWF+v6GxwtkWh3jOtS5/6qGHIn1/m9NtBz9ix7nMvMLFIlZr2rK9cfog==","shasum":"c77da8c7354affcb2a94488412f54f07618492a3","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-drawer/-/craydel-drawer-1.0.4.tgz","fileCount":5,"unpackedSize":9664,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCC4uIZptj7AOFwHr2WIg9H5RCqQo3DHUkQtiaobcztbQIgMVhG5hMsU+hcYzq/FMBy0vpX1ChL2a907T/L3vG5Nog="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-drawer_1.0.4_1697467002009_0.9026791556798515"},"_hasShrinkwrap":false},"1.0.5":{"name":"@craydel-v3/craydel-drawer","version":"1.0.5","description":"A custom Vuetify drawer component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","drawer","vue","nuxt3"],"dependencies":{"@vueuse/core":"^10.5.0"},"publishConfig":{"access":"public"},"gitHead":"6541e2d5ba02a206dbca0ec604ba0566087abfab","_id":"@craydel-v3/craydel-drawer@1.0.5","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-cldhm55MDiste578lm+FdomYUwtzlt/FU1Wom8U2QbL7/CkhAMDwMNVL9H/ROQfBHt+d+uVr9jRqwlv7MH583A==","shasum":"52f96fef2f8fbcab533f17567e2fcfe675840035","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-drawer/-/craydel-drawer-1.0.5.tgz","fileCount":5,"unpackedSize":9541,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIE18yhvhGmCR7QFCruGrOrGJ+Z1rMN26mAyXqdR6eqZkAiBD9NsPrmQrBiSdj4QjTts73bUrfFGQsocoiHoXGVaYmw=="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-drawer_1.0.5_1699023214074_0.1236508021194469"},"_hasShrinkwrap":false},"1.0.6":{"name":"@craydel-v3/craydel-drawer","version":"1.0.6","description":"A custom Vuetify drawer component for Craydel.","author":{"name":"Wasim Al-Haddad"},"license":"MIT","keywords":["vuetify3","drawer","vue","nuxt3"],"dependencies":{"@vueuse/core":"^10.5.0"},"publishConfig":{"access":"public"},"gitHead":"87ed1ea4c308dd044309c064b006944d734e5fb8","_id":"@craydel-v3/craydel-drawer@1.0.6","_nodeVersion":"18.18.0","_npmVersion":"lerna/7.3.0/node@v18.18.0+x64 (win32)","dist":{"integrity":"sha512-PZ0WYw7MYvrnN+Z4UrmqsbAK+S8eJ/JhMJYMo3MSx2K4rptN96KrE2fSQ0QQyOh+YlyO9D5xiHpg8dLgc7tUiQ==","shasum":"d3d35e95e218c08b676dbf7294fd606f74d4c603","tarball":"https://registry.npmjs.org/@craydel-v3/craydel-drawer/-/craydel-drawer-1.0.6.tgz","fileCount":5,"unpackedSize":9561,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIEZDQULCfCxLtz+k05i13a9A1re22GvLhPEuSnjsuIKhAiEA1wcP1rXXAwDAzsos55+UdeKvWKUQrW500NJ8goodQ3c="}]},"_npmUser":{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"},"directories":{},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/craydel-drawer_1.0.6_1699106256566_0.6782707517634197"},"_hasShrinkwrap":false}},"time":{"created":"2023-10-05T23:01:30.642Z","1.0.0":"2023-10-05T23:01:31.064Z","modified":"2023-11-04T13:57:37.065Z","1.0.1":"2023-10-06T06:36:17.306Z","1.0.2":"2023-10-12T13:19:42.642Z","1.0.3":"2023-10-16T14:18:28.434Z","1.0.4":"2023-10-16T14:36:42.153Z","1.0.5":"2023-11-03T14:53:34.278Z","1.0.6":"2023-11-04T13:57:36.876Z"},"maintainers":[{"name":"sayedwasim","email":"wasimalhaddad@gmail.com"}],"description":"A custom Vuetify drawer component for Craydel.","keywords":["vuetify3","drawer","vue","nuxt3"],"author":{"name":"Wasim Al-Haddad"},"license":"MIT","readme":"# CraydelDrawer\n\n## Installation\n\nGet the latest version by NPM:\n\n```bash\n$ npm i @craydel-v3/craydel-drawer\n```\n## Component Import\n\nImport the module chosen directly in your component\n\n```javascript\n<script>\n  import CraydelDrawer from \"@craydel-v3/craydel-drawer/src/CraydelDrawer.vue\";\n\n  export default {\n  components: {CraydelDrawer}\n}\n</script>\n```\n\n## Props\n\n| Name                     | Type    | Default | Description                                           |\n|--------------------------|---------|---------|-------------------------------------------------------|\n| show-drawer              | boolean | false   | Controls whether the component is visible or hidden.  |\n| show-back                | boolean | false   | Control whether the back button is visible or hidden. |\n| hide-overlay             | boolean | false   | Hides the display of the overlay.                     |\n| hide-footer              | boolean | false   | Hides the display of the drawer's footer.             |\n| hide-header              | boolean | false   | Hides the display of the drawer's header.             |\n| disable-clicking-outside | boolean | false   | Disables clicking outside the drawer to close it.     |\n| no-shadow                | boolean | false   | Removes the shadow from the drawer.                   |\n\n&emsp;\n\n## Events\n\n| Name  | Description                              |\n|-------|:-----------------------------------------|\n| close | Emitted when the drawer is closed.       |\n| back  | Emitted when the back button is clicked. |\n\n&emsp;\n\n## Slots\n\n| Name   | Description                                                                             |\n|--------|:----------------------------------------------------------------------------------------|\n| header | A slot at the top of the drawer used to show the title of the drawer.                   |\n| footer | A slot at the bottom of the drawer used to show footer content such as a submit button. |\n\n&emsp;\n\n## Usage\n\nAn example showing a drawer with a form.\n\n```html\n<v-btn @click=\"show_drawer = true\">Open drawer</v-btn>\n\n<craydel-drawer\n        :show-drawer=\"show_drawer\"\n        @close=\"show_drawer = false\">\n\n  <template v-slot:header>\n    User details\n  </template>\n\n  <div ref=\"drawer_top\" class=\"drawer__content\">\n    <form>\n      <div class=\"form-group\">\n        <label class=\"field-label\" for=\"full_name\">Full name</label>\n        <craydel-text-field\n                id=\"full_name\"\n        ></craydel-text-field>\n      </div>\n      <div class=\"form-group\">\n        <label class=\"field-label\" for=\"age\">Age</label>\n        <craydel-text-field\n                id=\"age\"\n        ></craydel-text-field>\n      </div>\n      <div class=\"form-group\">\n        <label class=\"field-label\" for=\"email\">Email</label>\n        <craydel-text-field\n                id=\"email\"\n                type=\"email\"\n        ></craydel-text-field>\n      </div>\n    </form>\n  </div>\n\n  <template v-slot:footer>\n    <v-btn block class=\"btn btn-primary\" @click=\"submitDetails\">Submit</v-btn>\n  </template>\n\n</craydel-drawer>\n```\n\n```javascript\ndata() {\n  return {\n    show_drawer: false\n  }\n}\n```","readmeFilename":"README.md"}