{"_id":"@akande/mobile-menu","_rev":"2-5c4d917b48504987248f415355c284f6","name":"@akande/mobile-menu","dist-tags":{"latest":"0.0.3"},"versions":{"0.0.1":{"name":"@akande/mobile-menu","version":"0.0.1","description":"A customizable menu designed for mobile web applications","main":"dist/main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack --mode=production --node-env=production","build:dev":"webpack --mode=development","build:prod":"webpack --mode=production --node-env=production","watch":"webpack --watch","serve":"webpack serve"},"repository":{"type":"git","url":"git+https://github.com/Elliot-Akande/mobile-menu.git"},"author":{"name":"Elliot Akande"},"license":"MIT","bugs":{"url":"https://github.com/Elliot-Akande/mobile-menu/issues"},"homepage":"https://github.com/Elliot-Akande/mobile-menu#readme","devDependencies":{"@webpack-cli/generators":"^3.0.7","css-loader":"^6.8.1","eslint":"^8.49.0","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^9.0.0","eslint-plugin-import":"^2.28.1","html-webpack-plugin":"^5.5.3","prettier":"3.0.3","style-loader":"^3.3.3","webpack":"^5.88.2","webpack-cli":"^5.1.4","webpack-dev-server":"^4.15.1"},"keywords":["mobile","menu","web","javascript"],"gitHead":"77c82e0197e5a0c70be3b6df98d17b68796bad76","_id":"@akande/mobile-menu@0.0.1","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-V1hR4AYCtTweXaizZfMDzOOqIz9NzExBIOsd4GKix7pTooCTJ2x+cz3/Nd8w3HXc8gKMRAz0MSPV3YypvuJCzw==","shasum":"aeb4b8a8813e705021b0b4f65d75bfb7081186bb","tarball":"https://registry.npmjs.org/@akande/mobile-menu/-/mobile-menu-0.0.1.tgz","fileCount":11,"unpackedSize":37333,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIG+AFNiZN2rhVtLKc6051pqgKFBmWr4nM+NPUOZB9WI3AiEAsAuo8cud73iPLiOtWttyW9ZVdJirJRtDJk2R6s4AuBg="}]},"_npmUser":{"name":"akande","email":"elbo.lynch@gmail.com"},"directories":{},"maintainers":[{"name":"akande","email":"elbo.lynch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mobile-menu_0.0.1_1694864799726_0.736102860660375"},"_hasShrinkwrap":false},"0.0.2":{"name":"@akande/mobile-menu","version":"0.0.2","description":"A customizable menu designed for mobile web applications","main":"dist/main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack --mode=production --node-env=production","build:dev":"webpack --mode=development","build:prod":"webpack --mode=production --node-env=production","watch":"webpack --watch","serve":"webpack serve"},"repository":{"type":"git","url":"git+https://github.com/Elliot-Akande/mobile-menu.git"},"author":{"name":"Elliot Akande"},"license":"MIT","bugs":{"url":"https://github.com/Elliot-Akande/mobile-menu/issues"},"homepage":"https://github.com/Elliot-Akande/mobile-menu#readme","devDependencies":{"@webpack-cli/generators":"^3.0.7","css-loader":"^6.8.1","eslint":"^8.49.0","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^9.0.0","eslint-plugin-import":"^2.28.1","html-webpack-plugin":"^5.5.3","prettier":"3.0.3","style-loader":"^3.3.3","webpack":"^5.88.2","webpack-cli":"^5.1.4","webpack-dev-server":"^4.15.1"},"keywords":["mobile","menu","web","javascript"],"gitHead":"b078514741aeb9cf94742d883801f66f80c5a881","_id":"@akande/mobile-menu@0.0.2","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-FIh73T+H6JOMrnjbzVUBoxh8SoKp4mliKH/wfk92nekbxdThZBDc8opnZWYzMdO/d2sGVWUz9b/0W0GkI4nX7A==","shasum":"bf6ff6289f97eeb597d9b1e6193a9b3e05590aca","tarball":"https://registry.npmjs.org/@akande/mobile-menu/-/mobile-menu-0.0.2.tgz","fileCount":11,"unpackedSize":38192,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIDXC068Gba6gbMPPk2UhRiyvaMQRDzOvEJB2bXwNEAegAiEAnEwxnlozxXvuRa4RVzOwb4ZG6pbaNJXeXwtSkxlIyWk="}]},"_npmUser":{"name":"akande","email":"elbo.lynch@gmail.com"},"directories":{},"maintainers":[{"name":"akande","email":"elbo.lynch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mobile-menu_0.0.2_1694871157781_0.9175162805778343"},"_hasShrinkwrap":false},"0.0.3":{"name":"@akande/mobile-menu","version":"0.0.3","description":"A customizable menu designed for mobile web applications","main":"dist/main.js","scripts":{"test":"echo \"Error: no test specified\" && exit 1","build":"webpack --mode=production --node-env=production","build:dev":"webpack --mode=development","build:prod":"webpack --mode=production --node-env=production","watch":"webpack --watch","serve":"webpack serve"},"repository":{"type":"git","url":"git+https://github.com/Elliot-Akande/mobile-menu.git"},"author":{"name":"Elliot Akande"},"license":"MIT","bugs":{"url":"https://github.com/Elliot-Akande/mobile-menu/issues"},"homepage":"https://github.com/Elliot-Akande/mobile-menu#readme","devDependencies":{"@webpack-cli/generators":"^3.0.7","css-loader":"^6.8.1","eslint":"^8.49.0","eslint-config-airbnb-base":"^15.0.0","eslint-config-prettier":"^9.0.0","eslint-plugin-import":"^2.28.1","html-webpack-plugin":"^5.5.3","prettier":"3.0.3","style-loader":"^3.3.3","webpack":"^5.88.2","webpack-cli":"^5.1.4","webpack-dev-server":"^4.15.1"},"keywords":["mobile","menu","web","javascript"],"gitHead":"81593674d2784a56fe4bdde94ca4976b427c63f8","_id":"@akande/mobile-menu@0.0.3","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-J6SU913NaFs1N2aDHIvLC3wGlGS91b0bHiC4Ae+UheVQzgxchStzMbP8zTXf6KcaImbMTEef1VbKIDJt4amtbA==","shasum":"7f87c138f5b36e9a0de2e605165fc6bdbe5758a7","tarball":"https://registry.npmjs.org/@akande/mobile-menu/-/mobile-menu-0.0.3.tgz","fileCount":11,"unpackedSize":38187,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCRRBDAU2OWxCMfFpgU957Ro/pep/No2mjz5dKk9/19DwIgFB54vrl1wjW98Tt+i8HBZ3OwnRFPekaP0bss0Fdhn9k="}]},"_npmUser":{"name":"akande","email":"elbo.lynch@gmail.com"},"directories":{},"maintainers":[{"name":"akande","email":"elbo.lynch@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/mobile-menu_0.0.3_1694871632331_0.9753579965189818"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-16T11:46:39.645Z","0.0.1":"2023-09-16T11:46:39.966Z","modified":"2023-09-16T13:40:32.694Z","0.0.2":"2023-09-16T13:32:37.952Z","0.0.3":"2023-09-16T13:40:32.496Z"},"maintainers":[{"name":"akande","email":"elbo.lynch@gmail.com"}],"description":"A customizable menu designed for mobile web applications","homepage":"https://github.com/Elliot-Akande/mobile-menu#readme","keywords":["mobile","menu","web","javascript"],"repository":{"type":"git","url":"git+https://github.com/Elliot-Akande/mobile-menu.git"},"author":{"name":"Elliot Akande"},"bugs":{"url":"https://github.com/Elliot-Akande/mobile-menu/issues"},"license":"MIT","readme":"# @akande/mobile-menu\n\n`@akande/mobile-menu` is a flexible and lightweight JavaScript solution for creating mobile menus in web apps. It provides easy integration and styling options, allowing you to customize menus with your own data, including optional icons, and callbacks for a seamless user experience.\n\n## Features\n\n- **Customizable Menu Items:** Tailor your mobile menu with custom titles and optional icons to suit your application's needs.\n- **Optional Callbacks:** Supports optional callback functions for menu item selection, allowing you to add interactivity and functionality.\n- **Minimal Styling:** Comes with minimal default styling, providing a clean canvas for you to style the menu according to your project's design.\n- **Lightweight:** A lightweight solution that won't bloat your application, ensuring optimal performance.\n- **Highly Configurable:** Offers configuration options for custom CSS classes, enabling you to match the menu's appearance to your application's branding.\n- **Open Source:** Licensed under the MIT License, giving you the freedom to use and modify it in your projects.\n\n## Installation\n\nYou can install the `@akande/mobile-menu` package via npm or yarn:\n\n```bash\nnpm install @akande/mobile-menu\n# OR\nyarn add @akande/mobile-menu\n```\n\n## Usage\n\nHere's an example of how you can use the `@akande/mobile-menu` component in your JavaScript/TypeScript code:\n\n```javascript\nimport MobileMenu from '@akande/mobile-menu';\n\n// Create an instance of the MobileMenu component\nconst menu = MobileMenu(\n  [\n    {\n      title: 'Item 1',\n      icon: mySvg, // Optional icon svg element\n      callback: () => {\n        // Callback for Item 1\n      },\n    },\n    // Add more menu items as needed\n  ],\n  'custom-class', // Optionally, you can provide a custom CSS class\n);\n\n// Append the menu to a DOM element\ndocument.querySelector('#menu-container').appendChild(menu);\n```\n\n## API Reference\n\n### `MobileMenu(menuItems, customClass)`\n\nCreates an instance of the MobileMenu component.\n\n- `menuItems` (Array of Objects): An array of menu item objects. Each object should have the following properties:\n  - `title` (String): The text to display for the menu item.\n  - `icon` (SVG Element, optional): An optional icon to display alongside the menu item.\n  - `callback` (Function, optional): An optional callback function to execute when the menu item is clicked.\n- `customClass` (String, optional): An optional custom CSS class to apply to the menu container.\n\n**Returns:** A DOM element representing the mobile menu.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](https://github.com/Elliot-Akande/mobile-menu/blob/main/LICENSE) file for details.\n\n## Issues\n\nIf you encounter any issues or have questions about this package, please [open an issue](https://github.com/Elliot-Akande/mobile-menu/issues) on GitHub.\n\n## Author\n\n- Elliot Akande\n- Email: [elbo.lynch@gmail.com](elbo.lynch@gmail.com)\n- GitHub: [Elliot Akande](https://github.com/Elliot-Akande)\n\n## Keywords\n\n- mobile\n- menu\n- web\n- javascript\n","readmeFilename":"README.md"}