{"_id":"@calumk/vue-progress-status","_rev":"8-ff7fb13d3e85a9f99071e396ad89c73c","name":"@calumk/vue-progress-status","dist-tags":{"latest":"1.0.4"},"versions":{"0.1.0":{"name":"@calumk/vue-progress-status","version":"0.1.0","keywords":["vue","vuejs","vue3","component","notification","toast","progress","status"],"author":{"name":"CalumK"},"license":"MIT","_id":"@calumk/vue-progress-status@0.1.0","maintainers":[{"name":"calumk","email":"calum@calumk.com"}],"homepage":"https://github.com/calumk/vue-progress-status#readme","bugs":{"url":"https://github.com/calumk/vue-progress-status/issues"},"dist":{"shasum":"7f6fd01b567817a9c549617d83e488e3bb5245de","tarball":"https://registry.npmjs.org/@calumk/vue-progress-status/-/vue-progress-status-0.1.0.tgz","fileCount":7,"integrity":"sha512-7CE/sveqXM9y9ZxTRrQpC/vIM809t+NZqdT6iVd0Y5oCApqHEZ07YqHIjJ4ldBCXNWRI6JlIA15CTf4ZQUqJHw==","signatures":[{"sig":"MEUCIQCRkIaHKU+2M/2nh6x1HhDMxfW0iX1vXHyLtqMdwC5BcAIgOPbgSwDvo1aJj237nyJXdycTHBzyqbkvZZrYIzdcPjQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":76959},"main":"dist/vue-progress-status.umd.js","types":"dist/types/index.d.ts","module":"dist/vue-progress-status.es.js","exports":{".":{"import":"./dist/vue-progress-status.es.js","require":"./dist/vue-progress-status.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"fd21abcb2d8a12cd1e68bf6501a74935e3caef21","scripts":{"dev":"vite --port 3000","build":"vite build","prepare":"bun run build","preview":"vite preview"},"_npmUser":{"name":"calumk","email":"calum@calumk.com"},"repository":{"url":"git+https://github.com/calumk/vue-progress-status.git","type":"git"},"_npmVersion":"10.8.2","description":"A customizable status notification system for Vue 3 with a progress bar and hover functionality","directories":{},"_nodeVersion":"18.20.8","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.4.0","vue-tsc":"^1.8.0","typescript":"^5.0.0","@vitejs/plugin-vue":"^4.2.3"},"peerDependencies":{"vue":"^3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-progress-status_0.1.0_1745908470912_0.1857606403807892","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@calumk/vue-progress-status","version":"0.2.0","keywords":["vue","vuejs","vue3","component","notification","toast","progress","status"],"author":{"name":"CalumK"},"license":"MIT","_id":"@calumk/vue-progress-status@0.2.0","maintainers":[{"name":"calumk","email":"calum@calumk.com"}],"homepage":"https://github.com/calumk/vue-progress-status#readme","bugs":{"url":"https://github.com/calumk/vue-progress-status/issues"},"dist":{"shasum":"9768e762a37da0ef2143a1594465d558c9ae6a70","tarball":"https://registry.npmjs.org/@calumk/vue-progress-status/-/vue-progress-status-0.2.0.tgz","fileCount":7,"integrity":"sha512-IoO3WmnX4GNWr2Ql6icpkisCwHVOzl71lonVjOqtMqVLHaaj1uO4B6ZucD3fZf8GcH5TbgWkVlXbR4GZtUguKQ==","signatures":[{"sig":"MEUCIQDkPlHx/FzDpyhUx6/DRG6v7BBqUHLKsCsZajJDTRftzAIgfAG0xPjYC4gUd4TkmNvaOLv2/h3TXmnqF8Ig4gHKN0U=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":69139},"main":"dist/vue-progress-status.umd.js","types":"dist/types/index.d.ts","module":"dist/vue-progress-status.es.js","exports":{".":{"import":"./dist/vue-progress-status.es.js","require":"./dist/vue-progress-status.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"dfc8873c2e0b67e1a4d5800c9705218f90d7a4f3","scripts":{"dev":"vite --port 3000","build":"vite build","prepare":"bun run build","preview":"vite preview"},"_npmUser":{"name":"calumk","email":"calum@calumk.com"},"repository":{"url":"git+https://github.com/calumk/vue-progress-status.git","type":"git"},"_npmVersion":"10.8.2","description":"A customizable status notification system for Vue 3 with a progress bar and hover functionality","directories":{},"_nodeVersion":"18.20.8","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.4.0","vue-tsc":"^1.8.0","typescript":"^5.0.0","@vitejs/plugin-vue":"^4.2.3"},"peerDependencies":{"vue":"^3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-progress-status_0.2.0_1745946883888_0.8002777134703392","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@calumk/vue-progress-status","version":"0.3.0","keywords":["vue","vuejs","vue3","component","notification","toast","progress","status"],"author":{"name":"CalumK"},"license":"MIT","_id":"@calumk/vue-progress-status@0.3.0","maintainers":[{"name":"calumk","email":"calum@calumk.com"}],"homepage":"https://github.com/calumk/vue-progress-status#readme","bugs":{"url":"https://github.com/calumk/vue-progress-status/issues"},"dist":{"shasum":"a148bee77e7a5ae8dbfe6ab9b21cd7c7b8e70775","tarball":"https://registry.npmjs.org/@calumk/vue-progress-status/-/vue-progress-status-0.3.0.tgz","fileCount":7,"integrity":"sha512-2xlx2ZOTTAgQVTwexHnfkaG5+RhhPAzUtgaA9HxexyD7vedwYydn4DoCO8UGa9bJlFrSOy4qOSADasPxgIDMuA==","signatures":[{"sig":"MEUCIENTePvirK1CzI5JSg2YFX1Zw1aHX80Cacvzpw3KQ3gwAiEA3V1o1vlQ+UADb1rta7redRn+NtGkOQ9I+59RM85XCAQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":77446},"main":"dist/vue-progress-status.umd.js","types":"dist/types/index.d.ts","module":"dist/vue-progress-status.es.js","exports":{".":{"import":"./dist/vue-progress-status.es.js","require":"./dist/vue-progress-status.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"f82f21041e77639342adf85d5c468244f0701f13","scripts":{"dev":"vite --port 3000","build":"vite build","prepare":"bun run build","preview":"vite preview"},"_npmUser":{"name":"calumk","email":"calum@calumk.com"},"repository":{"url":"git+https://github.com/calumk/vue-progress-status.git","type":"git"},"_npmVersion":"10.8.2","description":"A customizable status notification system for Vue 3 with a progress bar and hover functionality","directories":{},"_nodeVersion":"18.20.8","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.4.0","vue-tsc":"^1.8.0","typescript":"^5.0.0","@vitejs/plugin-vue":"^4.2.3"},"peerDependencies":{"vue":"^3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-progress-status_0.3.0_1745948049166_0.18946825220682317","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"@calumk/vue-progress-status","version":"0.3.1","keywords":["vue","vuejs","vue3","component","notification","toast","progress","status"],"author":{"name":"CalumK"},"license":"MIT","_id":"@calumk/vue-progress-status@0.3.1","maintainers":[{"name":"calumk","email":"calum@calumk.com"}],"homepage":"https://github.com/calumk/vue-progress-status#readme","bugs":{"url":"https://github.com/calumk/vue-progress-status/issues"},"dist":{"shasum":"ddf60844af3864297b5159db852a6b8fb9c37707","tarball":"https://registry.npmjs.org/@calumk/vue-progress-status/-/vue-progress-status-0.3.1.tgz","fileCount":7,"integrity":"sha512-VdQFPYS5JIoUZUEvNLQZZngE3p/QMBKuqyeuK+Nev0KxIv9WGFYbuI03KwiJ8WClLEm2joSjudtVH989Z9ch+g==","signatures":[{"sig":"MEYCIQDVt2XRKQphOjpaTVegc4oB2b4Nani6qNF5D1bhsasAlgIhAJMFX2Pj09OWr4kIlS46Bg5wfBnOrAcdSKY99GF1bwnR","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":82040},"main":"dist/vue-progress-status.umd.js","types":"dist/types/index.d.ts","module":"dist/vue-progress-status.es.js","exports":{".":{"import":"./dist/vue-progress-status.es.js","require":"./dist/vue-progress-status.umd.js"},"./dist/style.css":"./dist/style.css"},"gitHead":"3ccaa74696e2a7037d64479c4930dd3f3cc2fb42","scripts":{"dev":"vite --port 3000","build":"vite build","prepare":"bun run build","preview":"vite preview"},"_npmUser":{"name":"calumk","email":"calum@calumk.com"},"repository":{"url":"git+https://github.com/calumk/vue-progress-status.git","type":"git"},"_npmVersion":"10.8.2","description":"A customizable status notification system for Vue 3 with a progress bar and hover functionality","directories":{},"_nodeVersion":"18.20.8","_hasShrinkwrap":false,"devDependencies":{"vite":"^4.4.0","vue-tsc":"^1.8.0","typescript":"^5.0.0","@vitejs/plugin-vue":"^4.2.3"},"peerDependencies":{"vue":"^3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-progress-status_0.3.1_1745949348334_0.3259389951120346","host":"s3://npm-registry-packages-npm-production"}},"0.3.6":{"name":"@calumk/vue-progress-status","version":"0.3.6","keywords":["vue","vuejs","vue3","component","notification","toast","progress","status"],"author":{"url":"http://calumk.com","name":"Calum Knott","email":"calum@calumk.com"},"license":"MIT","_id":"@calumk/vue-progress-status@0.3.6","maintainers":[{"name":"calumk","email":"calum@calumk.com"}],"homepage":"https://github.com/calumk/vue-progress-status#readme","bugs":{"url":"https://github.com/calumk/vue-progress-status/issues"},"dist":{"shasum":"d1caf4f6440f98e285c0f4d14fbc533c3ea4aa2f","tarball":"https://registry.npmjs.org/@calumk/vue-progress-status/-/vue-progress-status-0.3.6.tgz","fileCount":7,"integrity":"sha512-HOFLPiaiF0pK5vthJYX4eGkKDizGEzfS2w0vfaRGl1s008VPSI25/STFOib4n3cdj1vOlnXdq/sNWxz1QxLqNA==","signatures":[{"sig":"MEYCIQCugpZe9A3K8qPhLQWM0BahR7B9rxmSQtgnYdqm1tuqnwIhAIBVcveK0FYnBj9pIchNK5Zofx9CVKeYEBMX+5nl85V/","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":109093},"main":"dist/vue-progress-status.umd.js","types":"dist/types/index.d.ts","module":"dist/vue-progress-status.es.js","exports":{".":{"import":"./dist/vue-progress-status.es.js","require":"./dist/vue-progress-status.umd.js"},"./dist/style.css":"./dist/style.css"},"funding":{"url":"https://ko-fi.com/calumk","type":"ko-fi"},"gitHead":"868eb33896caa6041b1c7fedae84f344a6e30a3d","scripts":{"dev":"vite --port 3000","build":"vite build","prepare":"bun run build","preview":"vite preview","build:demo":"vite build --mode github-pages","deploy:demo":"npm run build:demo && gh-pages -d dist-demo","preview:demo":"vite preview --outDir dist-demo"},"_npmUser":{"name":"calumk","email":"calum@calumk.com"},"repository":{"url":"git+https://github.com/calumk/vue-progress-status.git","type":"git"},"_npmVersion":"10.8.2","description":"A customizable status notification system for Vue 3 with a progress bar and hover functionality","directories":{},"_nodeVersion":"18.20.8","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^4.4.0","vue-tsc":"^1.8.0","gh-pages":"^6.3.0","typescript":"^5.0.0","@vitejs/plugin-vue":"^4.2.3"},"peerDependencies":{"vue":"^3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-progress-status_0.3.6_1745955475965_0.7575903053747155","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@calumk/vue-progress-status","version":"1.0.2","keywords":["vue","vuejs","vue3","component","notification","toast","progress","status"],"author":{"url":"http://calumk.com","name":"Calum Knott","email":"calum@calumk.com"},"license":"MIT","_id":"@calumk/vue-progress-status@1.0.2","maintainers":[{"name":"calumk","email":"calum@calumk.com"}],"homepage":"https://github.com/calumk/vue-progress-status#readme","bugs":{"url":"https://github.com/calumk/vue-progress-status/issues"},"dist":{"shasum":"cb650e9f033643bcdf1c861a71b9f69854750dc5","tarball":"https://registry.npmjs.org/@calumk/vue-progress-status/-/vue-progress-status-1.0.2.tgz","fileCount":7,"integrity":"sha512-45VNTP33F7zz1MPaeRpjYHGslHdXccpk496LF3/2HtAF5GUpi/706V596rMx1UXCTuuXyNn6M4PgrlPpZBl40w==","signatures":[{"sig":"MEUCIQCLUC9gfwoZWSNYNlns5xrbDWYjwUovuMgYapiomkz8oQIgYja9FqNZgquUY+IOIBqeIDjW7qpYRyXnx+RAxxjJKT8=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":111552},"main":"dist/vue-progress-status.umd.js","types":"dist/types/index.d.ts","module":"dist/vue-progress-status.es.js","exports":{".":{"import":"./dist/vue-progress-status.es.js","require":"./dist/vue-progress-status.umd.js"},"./dist/style.css":"./dist/style.css"},"funding":{"url":"https://ko-fi.com/calumk","type":"ko-fi"},"gitHead":"cb00767f8963570c9574c5e863ef49883f763e3b","scripts":{"dev":"vite --port 3000","build":"vite build","prepare":"bun run build","preview":"vite preview","build:demo":"vite build --mode github-pages","deploy:demo":"npm run build:demo && gh-pages -d dist-demo","preview:demo":"vite preview --outDir dist-demo"},"_npmUser":{"name":"calumk","email":"calum@calumk.com"},"repository":{"url":"git+https://github.com/calumk/vue-progress-status.git","type":"git"},"_npmVersion":"10.8.2","description":"A customizable status notification system for Vue 3 with a progress bar and hover functionality","directories":{},"_nodeVersion":"18.20.8","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^4.4.0","vue-tsc":"^1.8.0","gh-pages":"^6.3.0","typescript":"^5.0.0","@vitejs/plugin-vue":"^4.2.3"},"peerDependencies":{"vue":"^3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-progress-status_1.0.2_1747127299302_0.025993978462566014","host":"s3://npm-registry-packages-npm-production"}},"1.0.3":{"name":"@calumk/vue-progress-status","version":"1.0.3","keywords":["vue","vuejs","vue3","component","notification","toast","progress","status"],"author":{"url":"http://calumk.com","name":"Calum Knott","email":"calum@calumk.com"},"license":"MIT","_id":"@calumk/vue-progress-status@1.0.3","maintainers":[{"name":"calumk","email":"calum@calumk.com"}],"homepage":"https://github.com/calumk/vue-progress-status#readme","bugs":{"url":"https://github.com/calumk/vue-progress-status/issues"},"dist":{"shasum":"978971fcb2bbb722aab1aa337de3838a89227c67","tarball":"https://registry.npmjs.org/@calumk/vue-progress-status/-/vue-progress-status-1.0.3.tgz","fileCount":7,"integrity":"sha512-JqAVYoYzH/NlEwiyVde17DSDJ8Lsl5DCiTrOFhGUNqWUE3CyB7avsJcbbXgTwK08J8gYeJ5upjzrvGig1s/iFw==","signatures":[{"sig":"MEQCIFpnbZO3RWwizUb5fwRCKxVLr0tYDkY3Nw6Wa9e0FbDhAiBO/c3GXi9sEvkYFgDPFzEa6X7tew65Pm6C0ymhhWK7BQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":115033},"main":"dist/vue-progress-status.umd.js","types":"dist/types/index.d.ts","module":"dist/vue-progress-status.es.js","exports":{".":{"import":"./dist/vue-progress-status.es.js","require":"./dist/vue-progress-status.umd.js"},"./dist/style.css":"./dist/style.css"},"funding":{"url":"https://ko-fi.com/calumk","type":"ko-fi"},"gitHead":"cb583aeac868a953acc05d79bdf3172994669bc5","scripts":{"dev":"vite --port 3000","build":"vite build","prepare":"bun run build","preview":"vite preview","build:demo":"vite build --mode github-pages","deploy:demo":"npm run build:demo && gh-pages -d dist-demo","preview:demo":"vite preview --outDir dist-demo"},"_npmUser":{"name":"calumk","email":"calum@calumk.com"},"repository":{"url":"git+https://github.com/calumk/vue-progress-status.git","type":"git"},"_npmVersion":"10.8.2","description":"A customizable status notification system for Vue 3 with a progress bar and hover functionality","directories":{},"_nodeVersion":"18.20.8","_hasShrinkwrap":false,"devDependencies":{"vue":"^3.5.13","vite":"^4.4.0","vue-tsc":"^1.8.0","gh-pages":"^6.3.0","typescript":"^5.0.0","@vitejs/plugin-vue":"^4.2.3"},"peerDependencies":{"vue":"^3.2.0"},"_npmOperationalInternal":{"tmp":"tmp/vue-progress-status_1.0.3_1747128733530_0.9044291924343446","host":"s3://npm-registry-packages-npm-production"}},"1.0.4":{"name":"@calumk/vue-progress-status","version":"1.0.4","description":"A customizable status notification system for Vue 3 with a progress bar and hover functionality","author":{"name":"Calum Knott","email":"calum@calumk.com","url":"http://calumk.com"},"license":"MIT","main":"dist/vue-progress-status.umd.js","module":"dist/vue-progress-status.es.js","types":"dist/types/index.d.ts","exports":{".":{"import":"./dist/vue-progress-status.es.js","require":"./dist/vue-progress-status.umd.js"},"./dist/style.css":"./dist/style.css"},"scripts":{"dev":"vite --port 3000","build":"vite build","preview":"vite preview","prepare":"bun run build","build:demo":"vite build --mode github-pages","preview:demo":"vite preview --outDir dist-demo","deploy:demo":"npm run build:demo && gh-pages -d dist-demo"},"peerDependencies":{"vue":"^3.2.0"},"devDependencies":{"@vitejs/plugin-vue":"^4.2.3","gh-pages":"^6.3.0","typescript":"^5.0.0","vite":"^4.4.0","vue":"^3.5.13","vue-tsc":"^1.8.0"},"keywords":["vue","vuejs","vue3","component","notification","toast","progress","status"],"repository":{"type":"git","url":"git+https://github.com/calumk/vue-progress-status.git"},"bugs":{"url":"https://github.com/calumk/vue-progress-status/issues"},"homepage":"https://github.com/calumk/vue-progress-status#readme","funding":{"type":"ko-fi","url":"https://ko-fi.com/calumk"},"_id":"@calumk/vue-progress-status@1.0.4","gitHead":"8b99b4d8940ba694618e797a02cd15f936d80777","_nodeVersion":"18.20.8","_npmVersion":"10.8.2","dist":{"integrity":"sha512-aCP2cQSmeu8vKsFAZtM6N+ITfNWqPMoLxZmjjLnsv7afnBNjAie8XDK1TmhLLtBBiVkFBccU6jz4AYZrt+3nlQ==","shasum":"c250f47a12cd965868e1849b3c0373d9343535ec","tarball":"https://registry.npmjs.org/@calumk/vue-progress-status/-/vue-progress-status-1.0.4.tgz","fileCount":7,"unpackedSize":117079,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIG7/U16buvkUat2A+qG8OCe4Ts2ux5Nuf2L2MLZ5u05WAiA4+4yI8Chb7pupPmcH1IDWufbBpwdta/EhzcAosxlMug=="}]},"_npmUser":{"name":"calumk","email":"calum@calumk.com"},"directories":{},"maintainers":[{"name":"calumk","email":"calum@calumk.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/vue-progress-status_1.0.4_1747132892734_0.254730247452267"},"_hasShrinkwrap":false}},"time":{"created":"2025-04-29T06:34:30.785Z","modified":"2025-05-13T10:41:33.160Z","0.1.0":"2025-04-29T06:34:31.078Z","0.2.0":"2025-04-29T17:14:44.057Z","0.3.0":"2025-04-29T17:34:09.362Z","0.3.1":"2025-04-29T17:55:48.501Z","0.3.6":"2025-04-29T19:37:56.186Z","1.0.2":"2025-05-13T09:08:19.524Z","1.0.3":"2025-05-13T09:32:13.708Z","1.0.4":"2025-05-13T10:41:32.959Z"},"bugs":{"url":"https://github.com/calumk/vue-progress-status/issues"},"author":{"name":"Calum Knott","email":"calum@calumk.com","url":"http://calumk.com"},"license":"MIT","homepage":"https://github.com/calumk/vue-progress-status#readme","keywords":["vue","vuejs","vue3","component","notification","toast","progress","status"],"repository":{"type":"git","url":"git+https://github.com/calumk/vue-progress-status.git"},"description":"A customizable status notification system for Vue 3 with a progress bar and hover functionality","maintainers":[{"name":"calumk","email":"calum@calumk.com"}],"readme":"# @calumk/vue-progress-status\n\n[![npm version](https://img.shields.io/npm/v/@calumk/vue-progress-status.svg)](https://www.npmjs.com/package/@calumk/vue-progress-status)\n[![GitHub](https://img.shields.io/github/stars/calumk/vue-progress-status?style=social)](https://github.com/calumk/vue-progress-status)\n[![license](https://img.shields.io/npm/l/@calumk/vue-progress-status.svg)](https://github.com/calumk/vue-progress-status/blob/main/LICENSE)\n\nA customizable status notification system for Vue 3 with a progress bar and hover functionality.\n\n[View Demo](https://calumk.github.io/vue-progress-status/)\n\n## Features\n\n- Clean, minimal status notifications\n- Progress bar for auto-dismissing messages\n- Hover to pause/resume the timer\n- Expandable messages for longer content\n- Multiple message types (info, success, warning, error)\n- Comprehensive history tracking of all notifications and updates\n- Fully customizable via CSS variables\n\n## Installation\n\n```bash\n# npm\nnpm install @calumk/vue-progress-status\n\n# yarn\nyarn add @calumk/vue-progress-status\n\n# pnpm\npnpm add @calumk/vue-progress-status\n\n# bun\nbun install @calumk/vue-progress-status\n```\n\n## Usage\n\n### Basic Usage\n\n```javascript\n// Show a notification\nconst id = progressStatus.push({\n  title: 'Processing',\n  message: 'Starting the operation...', // Preferred over 'text'\n  severity: 'info',\n  timeout: 5000\n})\n\n// Update the notification\nprogressStatus.update(id, {\n  title: 'Processing',\n  message: 'Operation in progress...',\n  severity: 'success'\n})\n\n// Cancel the notification\nprogressStatus.cancel(id)\n```\n\n### Available Options\n\n| Option | Type | Default | Description |\n|--------|------|---------|-------------|\n| `title` | string | '' | The title of the notification |\n| `message` | string | '' | The message content (preferred) |\n| `text` | string | '' | The message content (deprecated, use `message` instead) |\n| `severity` | 'info' \\| 'success' \\| 'warning' \\| 'error' | 'info' | The severity level of the notification |\n| `timeout` | number | 10000 | Duration in milliseconds before auto-dismiss (0 for no auto-dismiss) |\n| `cancellable` | boolean | true | Whether the notification can be manually dismissed |\n\n### Methods\n\n| Method | Parameters | Return | Description |\n|--------|------------|--------|-------------|\n| `push` | `options: MessageOptions` | `number` | Shows a new notification and returns its ID |\n| `update` | `id: number, options: MessageOptions` | `void` | Updates an existing notification |\n| `cancel` | `id: number` | `void` | Cancels a specific notification |\n| `cancelAll` | - | `void` | Cancels all active notifications |\n| `getMessages` | - | `Message[]` | Returns all active notifications |\n| `getMessageHistory` | - | `MessageHistoryEntry[]` | Returns the history of all notifications |\n| `clearHistory` | - | `void` | Clears the notification history |\n\n### MessageOptions Interface\n\n```typescript\ninterface MessageOptions {\n  title?: string;\n  /** @deprecated Use message instead */\n  text?: string;\n  message?: string;\n  severity?: 'info' | 'success' | 'warning' | 'error';\n  timeout?: number;\n  cancellable?: boolean;\n}\n```\n\n### Using the Service\n\nYou can use the service to trigger notifications from anywhere in your application. There are two ways to use it:\n\n#### Method 1: Using Service Methods Directly\n\n```vue\n<script setup>\nimport { progressStatusService } from '@calumk/vue-progress-status'\n\nfunction showServiceNotification() {\n  const messageId = progressStatusService.push({\n    title: 'Service Notification',\n    text: 'This notification was triggered using the service',\n    severity: 'info',\n    timeout: 5000,\n    cancellable: true\n  })\n\n  // Update the message\n  progressStatusService.update(messageId, {\n    text: 'Updated message text'\n  })\n\n  // Cancel the message\n  progressStatusService.cancel(messageId)\n}\n</script>\n```\n\n#### Method 2: Using Message Object Methods\n\n```vue\n<script setup>\nimport { progressStatusService } from '@calumk/vue-progress-status'\n\nfunction showServiceNotification() {\n  const message = progressStatusService.push({\n    title: 'Service Notification',\n    text: 'This notification was triggered using the service',\n    severity: 'info',\n    timeout: 5000,\n    cancellable: true\n  })\n\n  // Update the message\n  message.update({\n    text: 'Updated message text'\n  })\n\n  // Cancel the message\n  message.cancel()\n}\n</script>\n```\n\nDon't forget to add the component somewhere in your app:\n\n```vue\n<template>\n  <ProgressStatus />\n</template>\n\n<script setup>\nimport ProgressStatus from '@calumk/vue-progress-status'\n</script>\n```\n\n## API\n\n### Component Props\n\n| Prop | Type | Default | Description |\n|------|------|---------|-------------|\n| debug | Boolean | false | Enables debug logging to console |\n\n### Message Options\n\n| Option | Type | Default | Description |\n|--------|------|---------|-------------|\n| title | String | '' | Title of the notification |\n| text | String | '' | Message content |\n| severity | String | 'info' | Type of notification ('info', 'success', 'warning', 'error') |\n| timeout | Number | 10000 | Time in ms before auto-dismiss (0 for no timeout) |\n| cancellable | Boolean | true | Whether user can dismiss the notification |\n\n### Methods\n\n| Method | Parameters | Return | Description |\n|--------|------------|--------|-------------|\n| push | options | messageId | Add a new notification |\n| update | (id, options) | void | Update an existing notification |\n| cancel | id | void | Dismiss a notification |\n\n## Development\n\n```bash\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n\n# Build the library\nnpm run build\n\n# Build the GitHub Pages demo\nnpm run build:demo\n\n# Preview the demo locally\nnpm run preview:demo\n\n# Deploy to GitHub Pages\nnpm run deploy:demo\n```\n\n## License\n\nMIT License\n\n---\n\n**Calum Knott**\n- Website: [calumk.com](http://calumk.com)\n- GitHub: [@calumk](https://github.com/calumk)\n- Twitter: [@calumk](https://twitter.com/calumk)\n- Ko-fi: [Buy me a coffee](https://ko-fi.com/calumk)\n","readmeFilename":"README.md"}