{"_id":"@appsbd/vue3-appsbd-libs","_rev":"28-30e5125f3f5b0e529d964c543019681d","name":"@appsbd/vue3-appsbd-libs","dist-tags":{"latest":"2.3.0"},"versions":{"2.0.1":{"name":"@appsbd/vue3-appsbd-libs","version":"2.0.1","_id":"@appsbd/vue3-appsbd-libs@2.0.1","maintainers":[{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"}],"dist":{"shasum":"dd68def8739fa44bedc0760482ecb20390feeb49","tarball":"https://registry.npmjs.org/@appsbd/vue3-appsbd-libs/-/vue3-appsbd-libs-2.0.1.tgz","fileCount":31,"integrity":"sha512-V3m+sf3FAYjQBVDZ3lbkneAYMM4b/HQ6dMXRuMfYR9xVxGBaKzxsZzafviccT+a7u00Er1b4dDtn3FUBlQ2GUw==","signatures":[{"sig":"MEQCICCL0wZ71qBDwyQ6win5jRBCTdz1HjDUCi9sSzDfW9RQAiAjtR0kuGZXdNZDX+w/Dz/ls1OjAMEXsVFGjsq+Z4Woyg==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":269682},"main":"dist/vue3-appsbd-libs.js","module":"dist/vue3-appsbd-libs.mjs","exports":{".":{"style":"./dist/style.css","import":"./dist/vue3-appsbd-libs.mjs","require":"./dist/vue3-appsbd-libs.js"},"./dist/style.css":{"default":"./dist/style.css"}},"gitHead":"600ebd6bc76ebc210b1095e3cf3efd8b7c13ad96","scripts":{"up":"npm run build && npm publish","build":"vite build","up_ma":"npm version major && npm run build && npm publish","up_mi":"npm version major && npm run build && npm publish","up_pa":"npm version patch && npm run build && npm publish"},"_npmUser":{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"},"_npmVersion":"10.7.0","description":"A reusable Vue 3 component library built and maintained by [AppsBD](https://appsbd.com), designed to simplify UI development with clean, modular, and customizable components.","directories":{},"_nodeVersion":"20.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","sass-embedded":"^1.89.2","@vitejs/plugin-vue":"^5.0.0"},"peerDependencies":{"vue":"^3.0.0","bootstrap":"^5.3.7","v-calendar":"^3.1.2","vue-router":"^4.5.0","darkmode-js":"^1.5.7","sweetalert2":"11.4.8","floating-vue":"^5.2.2","vee-validate":"^4.15.1","vue3-gettext":"^2.4.0","vue-sweetalert2":"^5.0.11","vue-toastification":"^2.0.0-rc.5","@vee-validate/rules":"^4.15.1","@vueform/multiselect":"^2.6.11"},"_npmOperationalInternal":{"tmp":"tmp/vue3-appsbd-libs_2.0.1_1752406542636_0.3743002681079439","host":"s3://npm-registry-packages-npm-production"}},"2.1.0":{"name":"@appsbd/vue3-appsbd-libs","version":"2.1.0","_id":"@appsbd/vue3-appsbd-libs@2.1.0","maintainers":[{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"}],"dist":{"shasum":"b13cc98b8e74b7c5dd63140fea2363cd6560b581","tarball":"https://registry.npmjs.org/@appsbd/vue3-appsbd-libs/-/vue3-appsbd-libs-2.1.0.tgz","fileCount":45,"integrity":"sha512-/w+VTDms3VtpttbmwNz1g9GZtX+nP4CnJ+vOQx3iJdrH5xFD5oRCMQKmEfCaGhEO265/WQw3GNRvBpr8o2hlUw==","signatures":[{"sig":"MEYCIQCeqwoxPvvhb27i1hRMjcxgY6NeI9rhe62Xx0LQth28ogIhAOV6a48HNFnpGnlDedxMCV2+ijA0VR0+e7SLTwZJ4EcO","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":299361},"main":"dist/vue3-appsbd-libs.js","module":"dist/vue3-appsbd-libs.mjs","exports":{".":{"style":"./dist/style.css","import":"./dist/vue3-appsbd-libs.mjs","require":"./dist/vue3-appsbd-libs.js"},"./dist/style.css":{"default":"./dist/style.css"}},"gitHead":"6810175430bb53d7bee3e05f415a0b6920462d43","scripts":{"up":"npm run build && npm publish","build":"vite build","up_ma":"npm version major && npm run build && npm publish","up_mi":"npm version minor && npm run build && npm publish","up_pa":"npm version patch && npm run build && npm publish"},"_npmUser":{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"},"_npmVersion":"10.7.0","description":"A reusable Vue 3 component library built and maintained by [AppsBD](https://appsbd.com), designed to simplify UI development with clean, modular, and customizable components.","directories":{},"_nodeVersion":"20.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","sass-embedded":"^1.89.2","@vitejs/plugin-vue":"^5.0.0"},"peerDependencies":{"vue":"^3.0.0","bootstrap":"^5.3.7","v-calendar":"^3.1.2","vue-router":"^4.5.0","darkmode-js":"^1.5.7","sweetalert2":"11.4.8","floating-vue":"^5.2.2","vee-validate":"^4.15.1","vue3-gettext":"^2.4.0","vue-sweetalert2":"^5.0.11","vue-toastification":"^2.0.0-rc.5","@vee-validate/rules":"^4.15.1","@vueform/multiselect":"^2.6.11"},"_npmOperationalInternal":{"tmp":"tmp/vue3-appsbd-libs_2.1.0_1755590502069_0.2503297832539","host":"s3://npm-registry-packages-npm-production"}},"2.1.1":{"name":"@appsbd/vue3-appsbd-libs","version":"2.1.1","_id":"@appsbd/vue3-appsbd-libs@2.1.1","maintainers":[{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"}],"dist":{"shasum":"089708a6516c9726579ca6e33dfb9b0c1b011751","tarball":"https://registry.npmjs.org/@appsbd/vue3-appsbd-libs/-/vue3-appsbd-libs-2.1.1.tgz","fileCount":45,"integrity":"sha512-ItvCseHy2jbKHDb/Ksiy4x+ANMa7zoJuWOWnxVPC+Oe+PE1Ft8w8tRqwY0NkB4BUc93H7R5smVub4XrvJfrFNg==","signatures":[{"sig":"MEUCIQC132j2DtqDVPA2aVD/QWigVRuRVrrJabhApLad8Q597QIgaJq+/NTXxFUMoKko+rkqMkJdWCBGXZzqK7vh/uayyoA=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":299720},"main":"dist/vue3-appsbd-libs.js","module":"dist/vue3-appsbd-libs.mjs","exports":{".":{"style":"./dist/style.css","import":"./dist/vue3-appsbd-libs.mjs","require":"./dist/vue3-appsbd-libs.js"},"./dist/style.css":{"default":"./dist/style.css"}},"gitHead":"f06a8354f7933544ea9f10c2397dfbc8f205ad46","scripts":{"up":"npm run build && npm publish","build":"vite build","up_ma":"npm version major && npm run build && npm publish","up_mi":"npm version minor && npm run build && npm publish","up_pa":"npm version patch && npm run build && npm publish"},"_npmUser":{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"},"_npmVersion":"10.7.0","description":"A reusable Vue 3 component library built and maintained by [AppsBD](https://appsbd.com), designed to simplify UI development with clean, modular, and customizable components.","directories":{},"_nodeVersion":"20.15.0","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","sass-embedded":"^1.89.2","@vitejs/plugin-vue":"^5.0.0"},"peerDependencies":{"vue":"^3.0.0","bootstrap":"^5.3.7","v-calendar":"^3.1.2","vue-router":"^4.5.0","darkmode-js":"^1.5.7","sweetalert2":"11.4.8","floating-vue":"^5.2.2","vee-validate":"^4.15.1","vue3-gettext":"^2.4.0","vue-sweetalert2":"^5.0.11","vue-toastification":"^2.0.0-rc.5","@vee-validate/rules":"^4.15.1","@vueform/multiselect":"^2.6.11"},"_npmOperationalInternal":{"tmp":"tmp/vue3-appsbd-libs_2.1.1_1755591699645_0.49515331340210755","host":"s3://npm-registry-packages-npm-production"}},"2.2.0":{"name":"@appsbd/vue3-appsbd-libs","version":"2.2.0","_id":"@appsbd/vue3-appsbd-libs@2.2.0","maintainers":[{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"}],"dist":{"shasum":"281771861aacd044698bbafdcbf958355138b55b","tarball":"https://registry.npmjs.org/@appsbd/vue3-appsbd-libs/-/vue3-appsbd-libs-2.2.0.tgz","fileCount":45,"integrity":"sha512-XN3rH5XNYqdLIXQ9BnQSsny0Z3HGYZPaw0GeSEyjGfHMP8PT6Oiz4LBqZcxasaoVfXzj+zjLUT/KVmQdIYAHtg==","signatures":[{"sig":"MEYCIQCfGlGe0owN8FfiU5iwEvmSKiBqx//YExvNMEJXVYGatwIhAPbL64UafGWETlxZ3M0mRmomX5ddRq+Svx1Yx7ZyFUqD","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":307246},"main":"dist/vue3-appsbd-libs.js","module":"dist/vue3-appsbd-libs.mjs","exports":{".":{"style":"./dist/style.css","import":"./dist/vue3-appsbd-libs.mjs","require":"./dist/vue3-appsbd-libs.js"},"./dist/style.css":{"default":"./dist/style.css"}},"gitHead":"e748820e91e32e20f3531bde2828fe2835410d5f","scripts":{"up":"npm run build && npm publish","build":"vite build","up_ma":"npm version major && npm run build && npm publish","up_mi":"npm version minor && npm run build && npm publish","up_pa":"npm version patch && npm run build && npm publish"},"_npmUser":{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"},"_npmVersion":"10.8.2","description":"A reusable Vue 3 component library built and maintained by [AppsBD](https://appsbd.com), designed to simplify UI development with clean, modular, and customizable components.","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","sass-embedded":"^1.89.2","@vitejs/plugin-vue":"^5.0.0"},"peerDependencies":{"vue":"^3.0.0","bootstrap":"^5.3.7","v-calendar":"^3.1.2","vue-router":"^4.5.0","darkmode-js":"^1.5.7","sweetalert2":"11.4.8","floating-vue":"^5.2.2","vee-validate":"^4.15.1","vue3-gettext":"^2.4.0","vue-sweetalert2":"^5.0.11","vue-toastification":"^2.0.0-rc.5","@vee-validate/rules":"^4.15.1","@vueform/multiselect":"^2.6.11"},"_npmOperationalInternal":{"tmp":"tmp/vue3-appsbd-libs_2.2.0_1761200822264_0.3776373055491149","host":"s3://npm-registry-packages-npm-production"}},"2.2.1":{"name":"@appsbd/vue3-appsbd-libs","version":"2.2.1","_id":"@appsbd/vue3-appsbd-libs@2.2.1","maintainers":[{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"}],"dist":{"shasum":"a9f414dc10ce4b397a771c0ac57022792929f594","tarball":"https://registry.npmjs.org/@appsbd/vue3-appsbd-libs/-/vue3-appsbd-libs-2.2.1.tgz","fileCount":45,"integrity":"sha512-rc78glNyER8PE+nsRDPxPabDNmWA4ejhRP5qvg/4bslEYWUN1dI5iLONgENbJK4rUq+Gg5hWJu5fQWUSsPRftQ==","signatures":[{"sig":"MEQCIDgbuxNC4Wp0vQdF6/0L4A4JrfFxwp/ecYs0rZAIzZTyAiB/+q2kC+QIBwS50ZZYKpSzA4LrqFlu0+5Q7t/J7zRSYQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":311526},"main":"dist/vue3-appsbd-libs.js","module":"dist/vue3-appsbd-libs.mjs","exports":{".":{"style":"./dist/style.css","import":"./dist/vue3-appsbd-libs.mjs","require":"./dist/vue3-appsbd-libs.js"},"./dist/style.css":{"default":"./dist/style.css"}},"gitHead":"e48f8b7d3a84abf61b36dd570e39a5d162fbff6a","scripts":{"up":"npm run build && npm publish","build":"vite build","up_ma":"npm version major && npm run build && npm publish","up_mi":"npm version minor && npm run build && npm publish","up_pa":"npm version patch && npm run build && npm publish"},"_npmUser":{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"},"_npmVersion":"10.8.2","description":"A reusable Vue 3 component library built and maintained by [AppsBD](https://appsbd.com), designed to simplify UI development with clean, modular, and customizable components.","directories":{},"_nodeVersion":"20.19.5","_hasShrinkwrap":false,"devDependencies":{"vite":"^5.0.0","sass-embedded":"^1.89.2","@vitejs/plugin-vue":"^5.0.0"},"peerDependencies":{"vue":"^3.0.0","bootstrap":"^5.3.7","v-calendar":"^3.1.2","vue-router":"^4.5.0","darkmode-js":"^1.5.7","sweetalert2":"11.4.8","floating-vue":"^5.2.2","vee-validate":"^4.15.1","vue3-gettext":"^2.4.0","vue-sweetalert2":"^5.0.11","vue-toastification":"^2.0.0-rc.5","@vee-validate/rules":"^4.15.1","@vueform/multiselect":"^2.6.11"},"_npmOperationalInternal":{"tmp":"tmp/vue3-appsbd-libs_2.2.1_1770112344220_0.18469478259060979","host":"s3://npm-registry-packages-npm-production"}},"2.3.0":{"name":"@appsbd/vue3-appsbd-libs","version":"2.3.0","main":"dist/vue3-appsbd-libs.js","module":"dist/vue3-appsbd-libs.mjs","exports":{".":{"import":"./dist/vue3-appsbd-libs.mjs","require":"./dist/vue3-appsbd-libs.js","style":"./dist/style.css"},"./dist/style.css":{"default":"./dist/style.css"}},"peerDependencies":{"@vee-validate/rules":"^4.15.1","vee-validate":"^4.15.1","vue":"^3.0.0","@vueform/multiselect":"^2.6.11","bootstrap":"^5.3.7","darkmode-js":"^1.5.7","floating-vue":"^5.2.2","sweetalert2":"11.4.8","v-calendar":"^3.1.2","vue-router":"^4.5.0","vue-sweetalert2":"^5.0.11","vue-toastification":"^2.0.0-rc.5","vue3-gettext":"^2.4.0"},"scripts":{"build":"vite build","up":"npm run build && npm publish","up_pa":"npm version patch && npm run build && npm publish","up_mi":"npm version minor && npm run build && npm publish","up_ma":"npm version major && npm run build && npm publish"},"devDependencies":{"@vitejs/plugin-vue":"^5.0.0","sass-embedded":"^1.89.2","vite":"^5.0.0"},"_id":"@appsbd/vue3-appsbd-libs@2.3.0","gitHead":"afc4a2e15f2e4581066e32690a26a8d44fda6bcc","description":"A reusable Vue 3 component library built and maintained by [AppsBD](https://appsbd.com), designed to simplify UI development with clean, modular, and customizable components.","_nodeVersion":"20.19.5","_npmVersion":"10.8.2","dist":{"integrity":"sha512-AQUacMZSCY4YnfiXGvWevqoTUrwZxa+WElpRzqEyEj/OrycGhNE2GsjRbLqP83efMrRjNEHo9VTTE4GiTHCvCg==","shasum":"ce5b792079e0d6e12161872365e34e0ef96eeaa7","tarball":"https://registry.npmjs.org/@appsbd/vue3-appsbd-libs/-/vue3-appsbd-libs-2.3.0.tgz","fileCount":45,"unpackedSize":312042,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIALngRNoyWMsUAxAnHaLI9Saee+2+ghyWHw4JfkV+KiQAiEA4/prtVmEP7tMPLceIK4OzwfpzNpl+ILafBoZGZjqaTE="}]},"_npmUser":{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"},"directories":{},"maintainers":[{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue3-appsbd-libs_2.3.0_1771745538828_0.5378527028591231"},"_hasShrinkwrap":false}},"time":{"created":"2024-05-29T11:21:18.925Z","modified":"2026-02-22T07:32:19.132Z","1.0.0":"2024-05-29T11:21:19.252Z","1.0.1":"2024-05-30T04:33:56.694Z","1.0.2":"2024-08-29T10:32:56.979Z","1.2.0":"2025-06-19T10:47:11.894Z","1.2.1":"2025-06-19T11:06:19.840Z","1.2.2":"2025-06-19T11:19:00.751Z","1.2.3":"2025-06-19T11:35:53.716Z","1.2.5":"2025-06-25T06:52:28.762Z","1.2.6":"2025-06-25T07:14:03.670Z","2.0.0":"2025-07-13T09:41:18.970Z","2.0.1":"2025-07-13T11:35:42.829Z","3.0.0":"2025-08-19T07:55:38.594Z","2.1.0":"2025-08-19T08:01:42.247Z","2.1.1":"2025-08-19T08:21:39.890Z","2.2.0":"2025-10-23T06:27:02.449Z","2.2.1":"2026-02-03T09:52:24.391Z","2.3.0":"2026-02-22T07:32:19.008Z"},"description":"A reusable Vue 3 component library built and maintained by [AppsBD](https://appsbd.com), designed to simplify UI development with clean, modular, and customizable components.","maintainers":[{"name":"sarwarcse","email":"sarwar.appsbd@gmail.com"}],"readme":"A reusable Vue 3 component library built and maintained by [AppsBD](https://appsbd.com), designed to simplify UI development with clean, modular, and customizable components.\r\n\r\n---\r\n\r\n## 📦 Installation\r\n\r\n```bash\r\nnpm install @appsbd/vue3-appsbd-libs\r\n# or\r\nyarn add @appsbd/vue3-appsbd-libs\r\n```\r\n\r\n---\r\n\r\n## 🔧 Usage\r\n\r\nRegister the plugin globally in your Vue app:\r\n\r\n```js\r\n// main.js or main.ts\r\nimport { createApp } from 'vue';\r\nimport App from './App.vue';\r\nimport AppsbdLibs from '@appsbd/vue3-appsbd-libs';\r\n\r\nconst app = createApp(App);\r\napp.use(AppsbdLibs);\r\napp.mount('#app');\r\n```\r\n\r\nOr import only what you need:\r\n\r\n```js\r\nimport { Modal, ApbdDatePicker } from '@appsbd/vue3-appsbd-libs';\r\n```\r\n\r\n---\r\n\r\n## 🧩 Available Components\r\n\r\n| Component Name       | Description                                             |\r\n| -------------------- |---------------------------------------------------------|\r\n| `AndOrDivider`       | A logical divider between conditions (AND/OR).          |\r\n| `ApbdAccordion`      | Accordion container for collapsible content.            |\r\n| `ApbdAccordionItem`  | Individual item within an accordion.                    |\r\n| `ApbdCheckBox`       | Custom styled checkbox input.                           |\r\n| `ApbdConfirmPopover` | Confirmation popover for critical actions.              |\r\n| `ApbdDatePicker`     | Date selector with custom styling.                      |\r\n| `ApbdDropdown`       | Dropdown selector component.                            |\r\n| `ApbdFilterPanel`    | Managing data filters in tables, lists, or grids.       |\r\n| `ApbdRadioButton`    | Styled radio button input.                              |\r\n| `ApbdSwitchButton`   | Toggle switch component.                                |\r\n| `AppLoader`          | Central loading spinner/indicator.                      |\r\n| `AppSkinColorPicker` | Allows users to select a skin/theme color.              |\r\n| `CustomFields`       | Dynamic custom form fields (useful for settings forms). |\r\n| `DateSVG`            | SVG icon/component related to date UI.                  |\r\n| `FileUploader`       | File upload UI with preview/support.                    |\r\n| `ImageRadioInput`    | Radio-style image selection input.                      |\r\n| `ImageSelector`      | Select, preview, upload images.                         |\r\n| `InputField`         | Flexible input for text, password, URL.                 |\r\n| `Modal`              | Reusable modal/dialog box.                              |\r\n| `QuestionSVG`        | SVG icon/component for help or tooltips.                |\r\n| `ResponseMsg`        | Shows success/error/info messages in a unified style.   |\r\n| `SettingsForm`       | Structured form for settings/configurations.            |\r\n\r\n---\r\n\r\n## 📘 Example\r\n\r\n```vue\r\n<template>\r\n  <div>\r\n    <InputField v-model=\"name\" label=\"Your Name\" />\r\n    <ApbdDatePicker v-model=\"date\" />\r\n    <ApbdSwitchButton v-model=\"isActive\" label=\"Active?\" />\r\n    <Modal v-if=\"showModal\" @close=\"showModal = false\">\r\n      <p>Modal content goes here...</p>\r\n    </Modal>\r\n  </div>\r\n</template>\r\n\r\n<script setup>\r\nimport { ref } from 'vue';\r\nimport {\r\n  InputField,\r\n  ApbdDatePicker,\r\n  ApbdSwitchButton,\r\n  Modal\r\n} from '@appsbd/vue3-appsbd-libs';\r\n\r\nconst name = ref('');\r\nconst date = ref(null);\r\nconst isActive = ref(false);\r\nconst showModal = ref(true);\r\n</script>\r\n```\r\n\r\n---\r\n\r\n## ✅ Requirements\r\n\r\n* Vue 3.x\r\n* Vite or Vue CLI compatible\r\n* Bootstrap 5+\r\n\r\n---\r\n\r\n## 🔮 Roadmap\r\n\r\n* [x] Stable base UI components\r\n* [ ] Add documentation site with live examples\r\n* [ ] Add accessibility support (a11y)\r\n* [ ] Add testing coverage (unit + visual)\r\n\r\n---\r\n\r\n## 📬 Contact\r\n\r\nFor support, custom components, or commercial usage:\r\n**Email**: [hello@appsbd.com](mailto:hello@appsbd.com)\r\n**Website**: [https://appsbd.com](https://appsbd.com)\r\n","readmeFilename":"Readme.md"}