{"_id":"@brenoroosevelt/toast","_rev":"3-65015b9615315daef9c11b0345168ffc","name":"@brenoroosevelt/toast","dist-tags":{"latest":"2.0.3"},"versions":{"1.0.2":{"name":"@brenoroosevelt/toast","version":"1.0.2","main":"./lib/cjs/index.js","module":"./lib/esm/index.js","scripts":{"tsc":"tsc -p tsconfig.json && tsc -p tsconfig-cjs.json","prepublishOnly":"npm run tsc","test":"jest"},"dependencies":{},"devDependencies":{"@types/jest":"^26.0.20","jest":"^26.6.3","ts-jest":"^26.4.4","typescript":"^4.7.4"},"types":"./lib/cjs/index.d.ts","gitHead":"d4bd3710f5b3a97f1bdb62478d65b18a07eca033","description":"https://blog.logrocket.com/publishing-node-modules-typescript-es-modules/","_id":"@brenoroosevelt/toast@1.0.2","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-ws9hOEvkCQwMiUakF1HXgJYc1a8lhZwl/UuewZgvNIn9ngkZcNRwpjsP4D1EpkZCX6gsJhLKjMWADgFTKiFF6w==","shasum":"84029da6f09520ea5b85b194d990a87a79a290eb","tarball":"https://registry.npmjs.org/@brenoroosevelt/toast/-/toast-1.0.2.tgz","fileCount":10,"unpackedSize":12049,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIQCbvrMjx54t79drg+vo0o1J9BOAEmHOcytgmkPmAc1wNAIfQ/xvDEAumHK/5B9yL40Y6gU/rpLfZaKyjQmr/cxQZQ=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisNH7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqrgA//cH/pgmTxqnmlNRzez4Y5coBRtf6b6PSVmggtbAglRF+Y8fo7\r\n6n9QKUZggNby0k88nCedEcGT7GB1k2y0j9oFlhlw4nJeCK0mWdyXIoNMTdph\r\n/GAbDKch9pwGElu03h/TdZLqlCQHzC/vHhDwEOngRoE9QmXxZFPuSk3zT0KM\r\nCSnBSHLsbZL1GiEWOTsNgMd1D1in+id6UixL6IreMvqmL5G7fM7lXweOyz1q\r\nVXjLKuaCE141EgIqCALBLSEQwsL64ABBz214MJaddA2TsBCvjdkhil6SHzuI\r\nNGXVCurDix7zm/a9YrW3hkdpjrsNWuv1dqn/+BAqMZckZWq3rW/TdnRPwV1a\r\njtPjTyB7I7MSs7eJ9qEZorSp9mhuqpaPzdcJsLUnrxd7Fy81FtxqAu1FLdbP\r\nsIQIlizuFWNP9RfAqSS+cQophk1NPDNVh3OFNrJ6tcmw9qzOM3Un8bc5Updw\r\njPocPK4TV/ktg+exMGfoXELyB9jxbArqurSbRGfG87JDvtn0BXAYiemhI4cL\r\nJ/QkI2/Wc3lf+a6QB9JLbGHRVAI+77rjpVwUAxzUriN0x+DnrmuEkxgprKDA\r\ntrw5S6rrZXhA3ZhoGsMeU7pkSeDWlSfDsg8SoNKfLQw6LV3Oo6+yXDw409vg\r\nV5NKoI/jvalhkJpSwv+llKTXn4Qk1Q53XG8=\r\n=4pz3\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"brenoroosevelt","email":"breno.roosevelt@gmail.com"},"directories":{},"maintainers":[{"name":"brenoroosevelt","email":"breno.roosevelt@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toast_1.0.2_1655755258993_0.13677892069896536"},"_hasShrinkwrap":false},"1.0.3":{"name":"@brenoroosevelt/toast","version":"1.0.3","main":"./lib/cjs/index.js","module":"./lib/esm/index.js","scripts":{"tsc":"tsc -p tsconfig.json && tsc -p tsconfig-cjs.json","prepublishOnly":"npm run tsc","test":"jest"},"dependencies":{},"devDependencies":{"@types/jest":"^26.0.20","jest":"^26.6.3","ts-jest":"^26.4.4","typescript":"^4.7.4"},"types":"./lib/cjs/index.d.ts","gitHead":"ef67581406e32e7673a2c5d0966999e37fb9a149","description":"https://blog.logrocket.com/publishing-node-modules-typescript-es-modules/","_id":"@brenoroosevelt/toast@1.0.3","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-K6/e5fkevnoABEq88Rd2p8aRAvyENLj/wSepFglFVG+fynsq5FfWnaeBJM2EjAMbC0s+EgZWHprbN2D23qYDrw==","shasum":"d25c399b5400636b6e6f0a225151345bff1f627f","tarball":"https://registry.npmjs.org/@brenoroosevelt/toast/-/toast-1.0.3.tgz","fileCount":10,"unpackedSize":12335,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIHc3OjbrBpIFqn8vW/Q7iMBDnNIQsQOB5jSyX/QdWmvpAiEAnSf+JK4K/2C9E7xXCaIVoxPXdkKl/5TV4rUyyaV6akw="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJisNp7ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr2Jg//SxA6CNNIFEYHrZJvMC1+Kv0eyMQc3Y95RULboDnn6n6NyUG+\r\nIjZMSNNsYORCgJv3XWrYPSg6pkxtyGXpZ+EH+FKiSMnUhzHD/EkMkI8yJPD9\r\n87xzinH3N/XSzNXKvKWIucGydn+cJzxxDOIQs4iHJZvmypv05SpA0Y3pfqlJ\r\nRNSIsBgA9i8PWwHy/7/5uZDZ2kgQ6a67p4LSY1sWtaK0ZDiGL8qLjx/f2nkX\r\nqOZ4jYRq6+GllWcv39CqShN/Wm/FX0lX8QjuILOAd6wP8R5RyXrrlcyB9OoT\r\nBavfPRXhvwusiBn+aLSvxlNVyAe9Ta5PlHiOouwfD488YU2zvxK/EKV4n3Tr\r\naE2qS8gKABeSArwZRgh/VfpSrZP3rj86K9W3R1lesG7FId2n0B3Hpeb9iJiD\r\n12ucnxB2QkDkMgeyVqI2KH8n6FnKZ6oSAgM870KEjR3elj3MouSnmUuLa3zp\r\n+KKV7yFruhsS88iBqZtjQcrrvVOmWu/UKCDmnVYbhOUB1WI7iqBwIPEdcu5X\r\nOJkxSJMw9QfsMhTlYV2bZQo8gJap+adIBHsR8ODMu9kZ2be8ts3tgxzrBP3T\r\nQzv59Ealqzxul8fs1QiVs7fZsnc++UG90JUGS/1NSCO6hsyYGm9tFUKyEHf3\r\nQbDiJuccy+Yev/zk3p1ZxlfZarmGDvih0uU=\r\n=KX4Z\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"brenoroosevelt","email":"breno.roosevelt@gmail.com"},"directories":{},"maintainers":[{"name":"brenoroosevelt","email":"breno.roosevelt@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toast_1.0.3_1655757435185_0.37318376798913167"},"_hasShrinkwrap":false},"2.0.0":{"name":"@brenoroosevelt/toast","version":"2.0.0","main":"./lib/cjs/index.js","module":"./lib/esm/index.js","type":"module","scripts":{"tsc":"tsc -p tsconfig.json && tsc -p tsconfig-cjs.json","prepublishOnly":"npm run tsc","test":"jest"},"dependencies":{},"devDependencies":{"@types/jest":"^26.0.20","jest":"^26.6.3","ts-jest":"^26.4.4","typescript":"^4.7.4"},"types":"./lib/cjs/index.d.ts","gitHead":"e528bb360e26415fa365262a729ea48f49140688","description":"## Installation ```bash npm install @brenoroosevelt/toast --save ```","_id":"@brenoroosevelt/toast@2.0.0","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-i5XHb8bE4ddgFxJVgLCKSJIhkX4RbbBpjfX9vlewHo71CRIwvdFdbFxd8gY42fzlF6rCVeO42RzWFiDiCa6uBw==","shasum":"c7316be8427d720646b5756de02dc84f56075572","tarball":"https://registry.npmjs.org/@brenoroosevelt/toast/-/toast-2.0.0.tgz","fileCount":11,"unpackedSize":15744,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQCR1IrE3PGXh+EjDREPqYd+TDfEOXUdVGLPTU7rBLEb/AIgLLkC74F8ZHXEY/zQb70q0Nlz7HuPEpNB6oDMivmkwZ8="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJishjEACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmr25A/+JLHcPO9JMIV2pGCZG8DWdEwQY7w7Ux+gFXYxXvWo60Dj8+WN\r\n6LcWKI6Kyydj/bzpZyo/J1Kf7Nwi9q9isreSQg3PpAYZXtW/NWB8Sskd6oRo\r\nybN+KdenRiR9DDSZWGPio3B3yRnC0rvdIHMuX1QW/BgLGeBz/wjk+IvezYOc\r\nIKXNjouc9BT9SYgT+I79shyX/M+pkUznKKdxiDfdSnQcCwbJ5dNoJczRqUU9\r\n89hu0N/nEZH3pwzoVvxTr29qFRl/WGz8BnRzCzKSvR9+Q0ZUFNFlra84n7Ws\r\n5ium3TjKllIIfriGamSKUNUYbdl491tGrvoFiVU4ICt/R2kNBBWImLJSOOX9\r\n+UgcEvjneHGx8pfUdBm3eRwoNM+VI/ljcKRVOLxO5W1cfhWX2l7AZWgjleO4\r\nAc+WWf10+YJLVRpIu5phZF6hvbTi0drlb6mF0lKw+pXa69Xl58MhLZvmYi9W\r\nXXgnCT/fa0s53BrjuDxw00sP7Up66utlfMmhAty/H7GY09vWsFGKr8nyr1ec\r\nXAbN3rs48/+bIoY75NUV+v/7gOs4GBFL0YY76jHaWCrAbJdJz3EoSiQH0G+5\r\ncpkkJ70nSrw6IU8zPpKQEoNj6V6XQPfv9a47nSC3V8Hdzn5I5rd7aX92Y75H\r\ngNpOnwG4GBKu/P1eNZvEUbMJQmRhCi8hl1A=\r\n=ukt4\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"brenoroosevelt","email":"breno.roosevelt@gmail.com"},"directories":{},"maintainers":[{"name":"brenoroosevelt","email":"breno.roosevelt@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toast_2.0.0_1655838916432_0.9513708354769086"},"_hasShrinkwrap":false},"2.0.3":{"name":"@brenoroosevelt/toast","version":"2.0.3","main":"./lib/cjs/index.js","module":"./lib/esm/index.js","type":"module","keywords":["snack bar","notification","toast","notify","popup","alert"],"scripts":{"tsc":"tsc -p tsconfig.json && tsc -p tsconfig-cjs.json","prepublishOnly":"npm run tsc","test":"jest","serve":"live-server --cors --open=/sample"},"dependencies":{},"devDependencies":{"@types/jest":"^26.0.20","jest":"^26.6.3","ts-jest":"^26.4.4","typescript":"^4.7.4","vue":"^2.6.14","live-server":"^1.2.2"},"types":"./lib/cjs/index.d.ts","gitHead":"fe660dff4074ea7e9ebc37230f2668950f802bbd","description":"![toast notification image](toast-js.png) ## Installation ```bash npm i @brenoroosevelt/toast ```","_id":"@brenoroosevelt/toast@2.0.3","_nodeVersion":"16.15.1","_npmVersion":"8.11.0","dist":{"integrity":"sha512-Tivp/tA5EUkQFP9LVmop8Y9EuxVtuom8x+5gYOFjfib/1oATX7QWAc4cKSELd36HoeDIThXD3vDxTy2FVUsRBA==","shasum":"429772acccb8728c8ee7f8583295a30261c71745","tarball":"https://registry.npmjs.org/@brenoroosevelt/toast/-/toast-2.0.3.tgz","fileCount":11,"unpackedSize":27773,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5YRdH7wxq62P/aR8x989cyarQTlZVA+uMGEbvIdzxFwIgb2g0cnOlMKwrSEzRYHtKmuj6IRgxqtpdVMCssYu/f3c="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJivwYqACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoqFA/5AIR+XO9AcZRyumyoQ3HEmbH7wlPxzEnzaoGm67ZZYaJmEFe8\r\n6w0IMM54fCI7k9q8Xz53/KaI4b8dhQpeRNFd1Izsz9LMlDqwIPW2m6F5olan\r\nIOWAXLMiubp07LMZeqE6cE2oLdO50iK5Egm4QeQWYvxxHla3tNphBNCv0J4W\r\nW1cuEZEY69ct4kWsd5ITmq1vqNTG1PlHGJY8lNkyvIZPaK+JsUSnjr1Eoc9w\r\nTb3RnFHRudxECMlbjWYvtLTFlCvqqxc8JJDK7qDKkR7ETsXaCeskmrshRzaw\r\nNm6UVDItPKuUBUK8uPLzD2xfkPFp8GmqZy1yzzaVd/WymRyO0pwnx29HAgHi\r\n7a46S1OtK7t1rHBFx9PNX9V/w3LMh95TnRvkq26g/IlDYwvZdhFOySU/b12H\r\nnNDLl5dc05bM7bTJ3oqHNI943RUiKjd7EUWmg1bsR8aQknCfZS22jQ2arxaC\r\ni8Sr9N387oSrWLPhYIhi6d+VMRu+3YCgy2Dx5xZsieFCGuHgxO2zMTRLdWrm\r\nwdvn1L+SjckPkWaoup79ydkVREzqwU08dXLBPNM9EaL/r/9kY1R+4G1cs94A\r\nkDjaKp1lRycsaXr1G4mOItnh8icgpX7fm2Llhd9oQmp2ZypaSotxGfi0HNtg\r\nnU3s9e9z4u0J7GOugAez7io0xtZ7w2W8+L4=\r\n=o1HS\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"brenoroosevelt","email":"breno.roosevelt@gmail.com"},"directories":{},"maintainers":[{"name":"brenoroosevelt","email":"breno.roosevelt@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/toast_2.0.3_1656686122700_0.30899443831625817"},"_hasShrinkwrap":false}},"time":{"created":"2022-06-20T20:00:58.940Z","1.0.2":"2022-06-20T20:00:59.128Z","modified":"2022-07-01T14:35:22.971Z","1.0.3":"2022-06-20T20:37:15.337Z","2.0.0":"2022-06-21T19:15:16.596Z","2.0.3":"2022-07-01T14:35:22.877Z"},"maintainers":[{"name":"brenoroosevelt","email":"breno.roosevelt@gmail.com"}],"description":"![toast notification image](toast-js.png) ## Installation ```bash npm i @brenoroosevelt/toast ```","readme":"# Toast-js\n![toast notification image](toast-js.png)\n## Installation\n```bash\nnpm i @brenoroosevelt/toast\n```\n\n## Usage\n```js\nimport toast from '@brenoroosevelt/toast'\n\ntoast.system (\"Hi, i am a notification\", /** options = {} */) \ntoast.info   (\"Hi, i am a notification\", /** options = {} */)\ntoast.warning(\"Hi, i am a notification\", /** options = {} */)\ntoast.error  (\"Hi, i am a notification\", /** options = {} */)\ntoast.success(\"Hi, i am a notification\", /** options = {} */)\ntoast.create (\"Hi, i am a notification\", /** options = {} */)\n```\n\n## Default Options\n| Attribute   | Type                                                               | Default   | Values / Description                                                                                  |\n|-------------|--------------------------------------------------------------------|-----------|-------------------------------------------------------------------------------------------------------|\n| type        | string                                                             | default   | default, system, error, info, warning, success                                                        |\n| title       | string                                                             | undefined | notification title                                                                                    |\n| position    | string                                                             | top       | top, bottom                                                                                           |\n| align       | string                                                             | end       | start, center, end                                                                                    |\n| bgColor     | string                                                             | #333      | css background-color                                                                                  |\n| color       | string                                                             | #fff      | css text color                                                                                        |\n| duration    | number                                                             | 10000     | time in ms, 0 to disable                                                                              |\n| closeBtn    | boolean                                                            | true      | show close button                                                                                     |\n| zIndex      | number                                                             | 99999     | css z-index                                                                                           |\n| dismissible | boolean                                                            | true      | dismiss on click                                                                                      |\n| shadow      | boolean                                                            | true      | display shadow                                                                                        |\n| animateIn   | number                                                             | 200       | animation time in ms; 0 to disable                                                                    |\n| animateOut  | number                                                             | 150       | animation time in ms; 0 to disable                                                                    |\n| append      | boolean                                                            | true      | notifications will be added to the bottom/top of the list; (append=true: bottom), (append=false: top) |\n| maxWidth    | number                                                             | 600       | max width in px                                                                                       |\n| actions     | [{<br/>text: string, <br/>value: any, <br/>bgColor?: string, <br/>color?: string<br/>}] | []        | button actions                                                                                        |\n\n```js\nimport toast from '@brenoroosevelt/toast'\n\ntoast.types.default.dismissible = false\ntoast.types.default.maxWidth = 300\n\ntoast.create(\"Hello notification\")  // type: default\n```\n\n## Custom Types\n```js\nimport toast from '@brenoroosevelt/toast'\n\n// define new custom type\ntoast.types.setType('myType', {bgColor: \"blue\", position: \"bottom\", duration: 3000})\ntoast.create(\"Hello error\", {type: \"myType\"})\n\n// override a built-in type configurantion\ntoast.types.setType('error', {position: \"top\", align: \"center\"})\ntoast.error(\"Hello error\")\n```\n\n## Promise based\n```js\ntoast.info(\"hi, i m a notification\").then((result) => console.log(result))\n    \ntoast.create(\"Notification with actions\", {\n    position: \"top\",\n    actions: [\n        {text: \"Yes\", value: \"ok\"},\n        {text: \"No\", value: \"no\"},\n    ]\n}).then((result) => {\n    if (result.value === \"ok\") console.log(\"user says `yes`\")\n    if (result.value === \"no\") console.log(\"user says `no`\")\n    if (result.value === \"click\") console.log(\"user click to dismiss\")\n    if (result.value === \"close-btn\") console.log(\"user click close button\")\n    if (result.value === \"timeout\") console.log(\"notification has timed out\")\n})\n```\n\n## CSS override\n```css\ndiv.br-toast-container {\n    margin: 50px;  /*your value*/\n}\n\n#toast-container-top-center { /* bottom|top, start|center|end */\n    margin-top: 50px;  /*your value*/\n}\n\ndiv.br-toast-element {\n    border-radius: 0;  /*your value*/\n}\n\ndiv.br-toast-close-btn {\n    /*your value*/\n}\n\np.br-toast-message {\n    /*your value*/\n}\n\np.br-toast-title {\n    /*your value*/\n}\n\nbutton.br-toast-title {\n    /*your value*/\n}\n```\n\n## License\nThis project is licensed under the terms of the MIT license.\n\n","readmeFilename":"README.md","keywords":["snack bar","notification","toast","notify","popup","alert"]}