{"_id":"@bruno-bombonate/ngx-toast","_rev":"13-6e9f98237eb1348c55bfb83965d18c7c","name":"@bruno-bombonate/ngx-toast","dist-tags":{"latest":"22.0.0"},"versions":{"1.0.0":{"name":"@bruno-bombonate/ngx-toast","version":"1.0.0","_id":"@bruno-bombonate/ngx-toast@1.0.0","maintainers":[{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"}],"dist":{"shasum":"6230bfc71dfb241d01a7d384710c355581ce6d09","tarball":"https://registry.npmjs.org/@bruno-bombonate/ngx-toast/-/ngx-toast-1.0.0.tgz","fileCount":18,"integrity":"sha512-CweUO4D4/ana8jbNZd85dIkwo1YQwSRiiGDL7A/PgRCy9ZIowMB9v4tpsrJKgQJ24wDPL5/h9wY882Eq0oWFqQ==","signatures":[{"sig":"MEUCIEpB5vO2ZNa3OpZaSZOhPdxQJELKLIZR38owt09CUjBIAiEAumJz7QSt/ZdhsLHKrV0o73WdASHEmJ0rje02YTqEgh4=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":53877,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJkR9J3ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmrkTBAAkG9PHCCweKGxNYq+nAU8vsvO9v/dn6jGrQ7h0XhsNarDucIE\r\nHM5Vr7Vrj8llbQ32QrlYcIZsYomyp+j7a4zg9x10/AzOXzLZCLQplUgFgzAN\r\n2CFhyT7juCgCJCW3t1efMhkn2BPfjG0SuafytFm9zQB+Go75isw7iBFayLg5\r\n/UnIMjbVwV/zPrzyNA5+rrO8VC516TgM/LNyDxEKPDDeGYvX5JPJw0cXLTbX\r\nqXKKprGPHzQyLGgF8FfVxMeU9R6L8IjgRRhfNwwqa6NiYJVopDzrb1m6y4Df\r\nTKYjrFPzRlqWq4RL+g/9cP86rv9CWsjOiTzuuhf51cDDDixOBKE1dJz7mYmz\r\nc+CfzZqw94/G/u7uSavYzvO6vOBGMMR594DVu0ysZALr+ft0dTqvh5BXWVNa\r\nTMUnhFMxm/jdcCUn14cxziYW3N+cKon2Q91D9RQswL7gdjh8HGelMav6Dcig\r\nXKnpW7xNL1E/aZLVXm1xULBvyZqv4EFwIa4I8LtlfiAFtShn4Lck6nuou6eA\r\nCtRiFzeYUDUNSMQ8YRnebrLLqHJpLw0L6pPoU1JmcYLQQ6N/bonMXKXO2phS\r\nNlHePxPjG/hOTQ3pXwCcoraeA8Gay9P/87ulWjwEBFIWcjqoc0nJ+Q+nk1a8\r\ngrj0qPn2kB8fqnpKj+sTBzZk4fKFCd4kWzo=\r\n=OsTU\r\n-----END PGP SIGNATURE-----\r\n"},"es2020":"fesm2020/bruno-bombonate-ngx-toast.mjs","module":"fesm2015/bruno-bombonate-ngx-toast.mjs","esm2020":"esm2020/bruno-bombonate-ngx-toast.mjs","exports":{".":{"node":"./fesm2015/bruno-bombonate-ngx-toast.mjs","types":"./index.d.ts","es2015":"./fesm2015/bruno-bombonate-ngx-toast.mjs","es2020":"./fesm2020/bruno-bombonate-ngx-toast.mjs","default":"./fesm2020/bruno-bombonate-ngx-toast.mjs","esm2020":"./esm2020/bruno-bombonate-ngx-toast.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"67dac8ed61f2a757ec503c531b6198c3735b969b","typings":"index.d.ts","_npmUser":{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"},"fesm2015":"fesm2015/bruno-bombonate-ngx-toast.mjs","fesm2020":"fesm2020/bruno-bombonate-ngx-toast.mjs","_npmVersion":"9.2.0","description":"A package with ToastComponent and ToastService, that you can show success and error messages.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"gsap":"^3.11.5","@angular/core":"^15.2.0","@angular/common":"^15.2.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-toast_1.0.0_1682428534861_0.005075790552793835","host":"s3://npm-registry-packages"}},"2.0.0":{"name":"@bruno-bombonate/ngx-toast","version":"2.0.0","_id":"@bruno-bombonate/ngx-toast@2.0.0","maintainers":[{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"}],"dist":{"shasum":"5428052b8802cb59ce12a6654812beee6e462cda","tarball":"https://registry.npmjs.org/@bruno-bombonate/ngx-toast/-/ngx-toast-2.0.0.tgz","fileCount":16,"integrity":"sha512-fx3gOQhqBhDIU4ZJmFeweK1jaHmGeHZ6zO5qthM1Gb+ZfWW3M7vBl1Rap/TK/ZZkq24sAp03kIzc8JP2x6WDOA==","signatures":[{"sig":"MEUCIFqArP4GzYdsi0Z6ODYamf3C85z3sXNmhEHgwCEX6aEAAiEAmh39Svft3roJnz3Fmx1FzSv7shk2AYPaNC6ln1I4qTw=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39688},"module":"fesm2022/bruno-bombonate-ngx-toast.mjs","exports":{".":{"esm":"./esm2022/bruno-bombonate-ngx-toast.mjs","types":"./index.d.ts","default":"./fesm2022/bruno-bombonate-ngx-toast.mjs","esm2022":"./esm2022/bruno-bombonate-ngx-toast.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"bda70f6ad6d60d2d748b8d9f85acd12341b147f7","typings":"index.d.ts","_npmUser":{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"},"_npmVersion":"9.2.0","description":"A package with ToastComponent and ToastService, that you can show success and error messages.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"gsap":"^3.11.5","@angular/core":"^16.0.3","@angular/common":"^16.0.3"},"_npmOperationalInternal":{"tmp":"tmp/ngx-toast_2.0.0_1685385990842_0.2983832230714296","host":"s3://npm-registry-packages"}},"3.0.0":{"name":"@bruno-bombonate/ngx-toast","version":"3.0.0","_id":"@bruno-bombonate/ngx-toast@3.0.0","maintainers":[{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"}],"dist":{"shasum":"29554d2d1b519eb01cdc85c2892167d28d8ed765","tarball":"https://registry.npmjs.org/@bruno-bombonate/ngx-toast/-/ngx-toast-3.0.0.tgz","fileCount":16,"integrity":"sha512-8E2V1cH/SgS7T3FhPJ1lHqNT46NfgqX/xZ+oYMFtL0MRWM/0QyYC0DuTIFBd/mq2X1Vc1bcdJbzYIdbV/H4VkQ==","signatures":[{"sig":"MEMCH1Eq+VkHaPzAz0+5MLefhsRYdmJA1msvJiRx7cx+620CIGN926p7EkQjtOqAPNcopRnbYuwxGP52kTllP2sLd39A","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":39334},"module":"fesm2022/bruno-bombonate-ngx-toast.mjs","exports":{".":{"esm":"./esm2022/bruno-bombonate-ngx-toast.mjs","types":"./index.d.ts","default":"./fesm2022/bruno-bombonate-ngx-toast.mjs","esm2022":"./esm2022/bruno-bombonate-ngx-toast.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"2124989473666fc16984df3d2773b7b43daa9683","typings":"index.d.ts","_npmUser":{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"},"_npmVersion":"9.2.0","description":"A package with ToastComponent and ToastService, that you can show success and error messages.","directories":{},"sideEffects":false,"_nodeVersion":"18.16.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"gsap":"^3.12.2","@angular/core":"^17.0.0","@angular/common":"^17.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-toast_3.0.0_1701119875127_0.0010608428096778866","host":"s3://npm-registry-packages"}},"18.0.0":{"name":"@bruno-bombonate/ngx-toast","version":"18.0.0","_id":"@bruno-bombonate/ngx-toast@18.0.0","maintainers":[{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"}],"dist":{"shasum":"bdbaf9a56771ffa2b129d8bcb7a072e64bf681c4","tarball":"https://registry.npmjs.org/@bruno-bombonate/ngx-toast/-/ngx-toast-18.0.0.tgz","fileCount":16,"integrity":"sha512-vzJeEG1TJf3i97pJ7eHPKas2g+w2kTyQE4xh9vVYi8xe+n1JKSjPYSkiMKsZtYIBxkTcyClvEKiGtRI8ulo13A==","signatures":[{"sig":"MEUCIDCLpFUwl5qTIHjXf4qiWRoiKS7xCtyVdljD4ZNaDCePAiEAt0GFLt3yD5qWPs14oIgf8kXXaVurgIzXXBDHcE63rHo=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":40058},"module":"fesm2022/bruno-bombonate-ngx-toast.mjs","exports":{".":{"esm":"./esm2022/bruno-bombonate-ngx-toast.mjs","types":"./index.d.ts","default":"./fesm2022/bruno-bombonate-ngx-toast.mjs","esm2022":"./esm2022/bruno-bombonate-ngx-toast.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"d3dc6640c7d657fc7a9936ef334e56cd6a295519","typings":"index.d.ts","_npmUser":{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"},"_npmVersion":"11.0.0","description":"A package with ToastComponent and ToastService, that you can show success and error messages.","directories":{},"sideEffects":false,"_nodeVersion":"20.18.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"gsap":"^3.12.5","@angular/core":"^18.0.0","@angular/common":"^18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-toast_18.0.0_1737357508494_0.49340032578737403","host":"s3://npm-registry-packages-npm-production"}},"19.0.0":{"name":"@bruno-bombonate/ngx-toast","version":"19.0.0","_id":"@bruno-bombonate/ngx-toast@19.0.0","maintainers":[{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"}],"dist":{"shasum":"1c796a55a7dba177083c5decacbebc251eaf3bf8","tarball":"https://registry.npmjs.org/@bruno-bombonate/ngx-toast/-/ngx-toast-19.0.0.tgz","fileCount":9,"integrity":"sha512-btXZmVaXX8++s/tLfnPNgc1XznmJTfHuvy3zDCTmvx/nUzFsVT5fzCmK2oovgKYaaRSrUpsr+B5MoQCb5Br08g==","signatures":[{"sig":"MEQCIEZrsKOYqn2kBxVVA1QSRzoYGD53vbZKY2iiEkgwmf/RAiB1LiNWWQRXUoCa1D9s5z6aOS4E+++UfsQLN98vAnAXhQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18655},"module":"fesm2022/bruno-bombonate-ngx-toast.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/bruno-bombonate-ngx-toast.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"7f32d0b69f58eda2e8ab6487251b0faa70768d2e","typings":"index.d.ts","_npmUser":{"name":"bruno-bombonate","actor":{"name":"bruno-bombonate","type":"user","email":"bruno.siecola@outlook.com"},"email":"bruno.siecola@outlook.com"},"_npmVersion":"10.9.2","description":"A package with ToastComponent and ToastService, that you can show success and error messages.","directories":{},"sideEffects":false,"_nodeVersion":"22.15.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"gsap":"^3.13.0","@angular/core":"^19.0.0","@angular/common":"^19.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-toast_19.0.0_1750756718753_0.6736213430012252","host":"s3://npm-registry-packages-npm-production"}},"20.0.1":{"name":"@bruno-bombonate/ngx-toast","version":"20.0.1","_id":"@bruno-bombonate/ngx-toast@20.0.1","maintainers":[{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"}],"dist":{"shasum":"924476f5128d98abb718211b7d5eefa06b91b997","tarball":"https://registry.npmjs.org/@bruno-bombonate/ngx-toast/-/ngx-toast-20.0.1.tgz","fileCount":5,"integrity":"sha512-Y8GCBoJ2gs/qY0pjJOCwAzZx2twV2TkXC2HHkac8/8mgOHKNURZc8VTrVOZY1DK181hZ1AU8tzoYTOB+wYOGnw==","signatures":[{"sig":"MEQCICwRLrc+cgF77EiiXvBjD0MN3hMpuXfdXVw3gkfBDEvGAiAmz81bdXcebc/4BDe57VnrCPvgoBbJaUoouomuYruTJQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":18348},"module":"fesm2022/bruno-bombonate-ngx-toast.mjs","exports":{".":{"types":"./index.d.ts","default":"./fesm2022/bruno-bombonate-ngx-toast.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"714d455ec583579c3ec00eeeedd3bc0ba52a1d94","typings":"index.d.ts","_npmUser":{"name":"bruno-bombonate","actor":{"name":"bruno-bombonate","type":"user","email":"bruno.siecola@outlook.com"},"email":"bruno.siecola@outlook.com"},"_npmVersion":"10.9.2","description":"A package with ToastComponent and ToastService, that you can show success and error messages.","directories":{},"sideEffects":false,"_nodeVersion":"22.16.0","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"gsap":"^3.13.0","@angular/core":"^20.0.0","@angular/common":"^20.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-toast_20.0.1_1751141718219_0.9007110081358605","host":"s3://npm-registry-packages-npm-production"}},"21.0.0":{"name":"@bruno-bombonate/ngx-toast","version":"21.0.0","_id":"@bruno-bombonate/ngx-toast@21.0.0","maintainers":[{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"}],"dist":{"shasum":"3f8dc62889184a1a3b80245b146e06cafb240816","tarball":"https://registry.npmjs.org/@bruno-bombonate/ngx-toast/-/ngx-toast-21.0.0.tgz","fileCount":5,"integrity":"sha512-omLME/wMe3d0J3i41WjbeOR0g3iHInD5VftwScOOs9oUnAr+2He+qn0tUoV/naD7Kg0HMRjlNuLNG7o2+StcjA==","signatures":[{"sig":"MEYCIQCR4vb2cv0uXajU8v5TBVbpA/OPciZW2U2cpigozROhxAIhAMPODB2k45rA8Ct0SmeG+p/ndm7KdTSbe/GZui2Y2vR+","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIQD8AMiXU+JykdtfCvMi6lyGsFMqN/7GNkTr4MEqtBBwZwIgGWzVxTUnEglwomlsx+2q9Rusf+xENJWxvRiQxwfxKSI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":21205},"type":"module","module":"fesm2022/bruno-bombonate-ngx-toast.mjs","exports":{".":{"types":"./types/bruno-bombonate-ngx-toast.d.ts","default":"./fesm2022/bruno-bombonate-ngx-toast.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"d5fced5157ef89faf702f9476d8bab6554627492","typings":"types/bruno-bombonate-ngx-toast.d.ts","_npmUser":{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"},"_npmVersion":"12.0.2","description":"A package with ToastComponent and ToastService, that you can show success, error, warning and info messages.","directories":{},"sideEffects":false,"_nodeVersion":"24.18.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"gsap":"^3.13.0","rxjs":"^7.4.0","@angular/core":"^21.0.0","@angular/common":"^21.0.0"},"_npmOperationalInternal":{"tmp":"tmp/ngx-toast_21.0.0_1789666615560_0.17987729436503375","host":"s3://npm-registry-packages-npm-production"}},"22.0.0":{"_id":"@bruno-bombonate/ngx-toast@22.0.0","dist":{"shasum":"8e08a69455b40aab471b8f235462ab1a1ce3baeb","tarball":"https://registry.npmjs.org/@bruno-bombonate/ngx-toast/-/ngx-toast-22.0.0.tgz","fileCount":5,"integrity":"sha512-qfV1NMHMzq8TYmpUHeNoVW8MOcstfVU2qjTR88rX0tzRQGmKLa/n8rZpOSH8lKKlcY5DliJB6QZt0oualsy/OA==","signatures":[{"sig":"MEUCIQDosjEHCVB+voXku4EwZr2fK/80RmolBdFwCZiD6w2M7QIgZXTsHYxs7xtAwv+HWQc3QBa9NMUaJM0JCl3LopaBGNM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQDc1Tu+55kvArFIMlMl8uzwVEfPxj/5UnBAUHOvS6Z9qQIgDQH7ACjdOQZri6XArV8UhOXf8TTRQyZmpRaK8weGATU="}],"unpackedSize":21014},"name":"@bruno-bombonate/ngx-toast","type":"module","module":"fesm2022/bruno-bombonate-ngx-toast.mjs","exports":{".":{"types":"./types/bruno-bombonate-ngx-toast.d.ts","default":"./fesm2022/bruno-bombonate-ngx-toast.mjs"},"./package.json":{"default":"./package.json"}},"gitHead":"03210be70cc955f338fa5bf8001697cef4b710f1","typings":"types/bruno-bombonate-ngx-toast.d.ts","version":"22.0.0","_npmUser":{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"},"_npmVersion":"12.0.2","description":"A package with ToastComponent and ToastService, that you can show success, error, warning and info messages.","directories":{},"maintainers":[{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"}],"sideEffects":false,"_nodeVersion":"24.18.1","dependencies":{"tslib":"^2.3.0"},"_hasShrinkwrap":false,"peerDependencies":{"gsap":"^3.13.0","rxjs":"^7.4.0","@angular/core":"^22.0.0","@angular/common":"^22.0.0"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ngx-toast_22.0.0_1789725134799_0.1890533781249304"}}},"time":{"created":"2023-04-25T13:15:34.861Z","modified":"2026-09-18T09:52:15.064Z","1.0.0":"2023-04-25T13:15:35.012Z","2.0.0":"2023-05-29T18:46:31.085Z","3.0.0":"2023-11-27T21:17:55.387Z","18.0.0":"2025-01-20T07:18:28.674Z","19.0.0":"2025-06-24T09:18:38.939Z","0.0.1":"2025-06-28T20:08:04.935Z","20.0.0":"2025-06-28T20:10:26.033Z","20.0.1":"2025-06-28T20:15:18.416Z","21.0.0":"2026-09-17T17:36:55.668Z","22.0.0":"2026-09-18T09:52:14.892Z"},"description":"A package with ToastComponent and ToastService, that you can show success, error, warning and info messages.","maintainers":[{"name":"bruno-bombonate","email":"bruno.siecola@outlook.com"}],"readme":"\n# @bruno-bombonate/ngx-toast\n\nA package with ToastComponent and ToastService, that you can show success, error, warning and info messages.\n\n## Installation\n\n```bash\nnpm install @bruno-bombonate/ngx-toast\n```\n\n### Compatibility table\n\n|@bruno-bombonate/ngx-toast|Angular|\n|-|-|\n|1.0.0|15.x|\n|2.0.0|16.x|\n|3.0.0|17.x|\n|18.0.0|18.x|\n|19.0.0|19.x|\n|20.0.1|20.x|\n|21.0.0|21.x|\n|22.0.0|22.x|\n\nWorks with any Angular 22 version (`^22.0.0`), not just the exact minor/patch used to build this package.\n\n## Usage\n\n### app.component.html\n\n```html\n<button\n  type=\"button\"\n  (click)=\"toastSuccess()\">\n  Sucess\n</button>\n<button\n  type=\"button\"\n  (click)=\"toastError()\">\n  Error\n</button>\n<button\n  type=\"button\"\n  (click)=\"toastWarning()\">\n  Warning\n</button>\n<button\n  type=\"button\"\n  (click)=\"toastInfo()\">\n  Info\n</button>\n<toast>\n</toast>\n```\n\n### app.component.ts\n\n```typescript\nimport { Component, inject } from '@angular/core';\nimport { ToastComponent, ToastService } from '@bruno-bombonate/ngx-toast';\n\n@Component({\n  selector: 'app-root',\n  imports: [\n    // components\n    ToastComponent\n  ],\n  templateUrl: './app.component.html',\n  styleUrl: './app.component.sass'\n})\nexport class AppComponent {\n\n  private readonly toastService = inject(ToastService);\n\n  public toastSuccess(): void {\n    this.toastService.success('The success message.');\n  }\n\n  public toastError(): void {\n    this.toastService.error('The error message.');\n  }\n\n  public toastWarning(): void {\n    this.toastService.warning('The warning message.');\n  }\n\n  public toastInfo(): void {\n    this.toastService.info('The info message.');\n  }\n\n}\n```\n\n### styles.scss\n\n```scss\n$toast-min-width: 320px;\n$toast-background-color: #000000;\n$toast-color: #FFFFFF;\n\n$toast-success-background-color: #28A745;\n$toast-success-color: #FFFFFF;\n\n$toast-error-background-color: #DC3545;\n$toast-error-color: #FFFFFF;\n\n$toast-warning-background-color: #FFC107;\n$toast-warning-color: #000000;\n\n$toast-info-background-color: #17A2B8;\n$toast-info-color: #FFFFFF;\n\ntoast {\n  position: fixed;\n  z-index: 1;\n  bottom: 0px;\n  left: 0px;\n  display: block;\n  min-width: $toast-min-width;\n  width: 100%;\n  text-align: center;\n  padding: 0px 32px 32px 32px;\n  transform: translate(0px, 100%);\n}\n\n.toast {\n  display: inline-flex;\n  align-items: center;\n  background-color: $toast-background-color;\n  line-height: 1;\n  text-align: left;\n  color: $toast-color;\n  padding: 16px;\n  border-radius: 4px;\n  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.10);\n}\n\n.toast-success {\n  background-color: $toast-success-background-color;\n  color: $toast-success-color;\n}\n\n.toast-error {\n  background-color: $toast-error-background-color;\n  color: $toast-error-color;\n}\n\n.toast-warning {\n  background-color: $toast-warning-background-color;\n  color: $toast-warning-color;\n}\n\n.toast-info {\n  background-color: $toast-info-background-color;\n  color: $toast-info-color;\n}\n```\n\n### Building your own toast UI\n\nYou don't have to use `ToastComponent`. `ToastService` also exposes `send$: Observable<Toast>`, emitting every time `success`/`error`/`warning`/`info` is called — subscribe to it to drive your own toast/snackbar UI instead:\n\n```typescript\nimport { Component, inject } from '@angular/core';\nimport { ToastService, Toast, ToastType } from '@bruno-bombonate/ngx-toast';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({ /* ... */ })\nexport class MyOwnToastComponent {\n\n  private readonly toastService = inject(ToastService);\n\n  constructor() {\n    this.toastService.send$\n      .pipe(takeUntilDestroyed())\n      .subscribe((toast: Toast) => {\n        // toast.type is a ToastType ('success' | 'error' | 'warning' | 'info')\n        // toast.message is the string you passed to the service\n      });\n  }\n\n}\n```\n","readmeFilename":"README.md"}