');"undefined"!==typeof e&&(a+='
");a=a+(''+r+"")+(''+t+"");a+='";a+="
";""!==q&&(a+='',a+=q,a+="
");a+="
-
-
-Now, onto the different types:
-
-
-
-An 'info' toast
-
-
+**Note:** The final argument `delay` is omitable. If omitted, the toast will remain forever.
-A 'success' toast
-
-
-
-A 'warning' toast
-
-
-
-An 'error' toast
-
-The toasts are stackable:
-
-
-
-### Caveats
-
-* ~~The toast will remain in the DOM when hidden, I am working on a way to incorperate removing them from the DOM or reusing existing ones if left in, however, for the time being, you can use the following to remove the toast once it is hidden from the DOM:~~ - As of 2019-03-16, the toasts will be removed automatically from the DOM.
+#### Toast
```javascript
-$('body').on('hidden.bs.toast', '.toast', function () {
- $(this).remove();
+$.toast({
+ type: 'info',
+ title: 'Notice!',
+ subtitle: '11 mins ago',
+ content: 'Hello, world! This is a toast message.',
+ delay: 5000,
+ img: {
+ src: 'https://via.placeholder.com/20',
+ class: 'rounded-0', /** Classes you want to apply separated my a space to modify the image **/
+ alt: 'Image'
+ }
});
```
-### Roadmap
-
-* ~~Allow img in toast as is shown in the Bootstrap 4 documentation~~ - 2019-03-16
-* Allow the option to prevent stacking
-* ~~Autoremove toast from DOM once hidden~~ - 2019-03-16
-* Custom styling (rounded toasts, blocky toasts, custom background colours)
-* Positioning of the actual toast
+
### Contributing
Feel free to contribute in any of the ways outlined:
-- Request features
-- Submit bug reports
-- Submit pull requests
-- Help by answering issues
-- Tell us if you are using the plugin in your project (it helps!)
-
-Just a few guidelines (for now):
-
-- Follow the existing conventions (if unsure, make an issue)
-- Ensure dist and js/css dirs are kept uptodate with each other
-- Minify using https://closure-compiler.appspot.com/home (no custom options)
+- Submit issues/pull requests
+- Tell us how you're using this plugin in *your* project
diff --git a/css/toast.css b/css/toast.css
deleted file mode 100644
index fbab545..0000000
--- a/css/toast.css
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * @author Script47 (https://github.com/Script47/Toast)
- * @description Toast - A Bootstrap 4.2+ jQuery plugin for the toast component
- * @version 0.7.1
- **/
-.toast-container {
- position: sticky;
- z-index: 1055;
- top: 0
-}
-
-.toast-wrapper {
- position: absolute;
- z-index: 1055;
- top: 0;
- right: 0;
- margin: 5px
-}
-
-.toast-container>.toast-wrapper>.toast {
- min-width: 150px;
- background-color: rgb(255, 255, 255);
- border-top: none;
-}
-
-.toast-container>.toast-wrapper>.toast>.toast-header strong {
- padding-right: 20px;
-}
diff --git a/dist/toast.min.css b/dist/toast.min.css
index 6fa9ca2..a6fe570 100644
--- a/dist/toast.min.css
+++ b/dist/toast.min.css
@@ -1,6 +1 @@
-/**
- * @author Script47 (https://github.com/Script47/Toast)
- * @description Toast - A Bootstrap 4.2+ jQuery plugin for the toast component
- * @version 0.7.1
- **/
-.toast-container{position:sticky;z-index:1055;top:0}.toast-wrapper{position:absolute;z-index:1055;top:0;right:0;margin:5px}.toast-container > .toast-wrapper > .toast{min-width:150px;background-color:rgb(255, 255, 255);border-top:none}.toast-container > .toast-wrapper > .toast > .toast-header strong{padding-right:20px}
+.toast-container{position:fixed;z-index:1055;margin:5px}.top-right{top:0;right:0}.top-left{top:0;left:0}.bottom-right{right:0;bottom:0}.bottom-left{left:0;bottom:0}.toast-container>.toast{min-width:150px;background:0 0;border:none}.toast-container>.toast>.toast-header{border:none}.toast-container>.toast>.toast-header strong{padding-right:20px}.toast-container>.toast>.toast-body{background:#fff}
diff --git a/dist/toast.min.js b/dist/toast.min.js
index 96838c7..3e3c088 100644
--- a/dist/toast.min.js
+++ b/dist/toast.min.js
@@ -1,9 +1,6 @@
-/**
- * @author Script47 (https://github.com/Script47/Toast)
- * @description Toast - A Bootstrap 4.2+ jQuery plugin for the toast component
- * @version 0.7.1
- **/
- (function(c){c.toast=function(b){var d=c("body");b.container&&1===b.container.length&&(d=b.container);d.children(".toast-container").length||(d.prepend(''),d.children(".toast-container").append(''),d.on("hidden.bs.toast",".toast",function(){c(this).remove()}));d=d.children(".toast-container").children(".toast-wrapper");var k="toast-"+(c(".toast").length+1),a="",f=a="",g="text-muted",h="",r=b.title||
- "Notice!",t=b.subtitle||"",q=b.content||"",l=b.delay||-1,e=b.img,m=b.pause_on_hover||!1,n=!1,p="";switch(b.type||"info"){case "info":a="bg-info";h=g=f="text-white";break;case "success":a="bg-success";h=g=f="text-white";break;case "warning":case "warn":a="bg-warning";h=g=f="text-white";break;case "error":case "danger":a="bg-danger",h=g=f="text-white"}!1!==m?(b=Math.floor(Date.now()/1E3)+l/1E3,p='data-autohide="false"',m='data-hide-timestamp="'+b+'"'):p=-1===l?'data-autohide="false"':'data-delay="'+
- l+'"';a='My container
-