From 78fa6b134d4836de7889d38ff0aab2ab09da1bce Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Mon, 18 Jan 2021 12:49:41 +0900
Subject: [PATCH 01/47] =?UTF-8?q?=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20?=
 =?UTF-8?q?=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EB=B8=94=EB=A1=9D=20=EC=82=AD?=
 =?UTF-8?q?=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 108 ---------------------------------------------
 1 file changed, 108 deletions(-)

diff --git a/example/index.html b/example/index.html
index 56b217f..3d5362d 100644
--- a/example/index.html
+++ b/example/index.html
@@ -31,114 +31,6 @@ <h3 class="text-center">A jQuery plugin for Bootstrap 4.2+</h3>
     malesuada. Cras pretium odio massa, non blandit ligula maximus at. Proin sollicitudin felis sollicitudin turpis
     mattis ultricies.</p>
 
-<p>Donec rutrum, magna ut lacinia aliquam, dui justo consequat eros, non feugiat lectus ligula non lacus. Donec
-    consequat pharetra posuere. Pellentesque malesuada sodales erat bibendum condimentum. Ut porttitor dignissim semper.
-    Quisque sed urna venenatis, sollicitudin tellus vitae, ultricies justo. Suspendisse potenti. Donec in sapien
-    molestie, pharetra nisl sit amet, pulvinar erat. Donec ultricies mauris enim, non vehicula sapien malesuada eget.
-    Aliquam tristique accumsan magna, eget facilisis nulla convallis sed. Fusce malesuada ipsum sem, eget finibus arcu
-    euismod id. Mauris fringilla libero felis, vitae iaculis ante vehicula vitae. Pellentesque ullamcorper semper
-    vestibulum. In rutrum at sapien et tincidunt.</p>
-
-<p>Aliquam mauris arcu, euismod vel porta in, consequat in augue. Integer volutpat tincidunt arcu, et iaculis est
-    egestas in. Nam nibh neque, consequat quis dolor et, mollis viverra erat. Duis dapibus lacus et pharetra rutrum.
-    Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut tempor nibh sit amet eros
-    commodo tristique. Maecenas maximus nisi sit amet tempus venenatis.</p>
-
-<p>Mauris hendrerit neque eget sapien efficitur, ac hendrerit lorem ultrices. Praesent nec lorem ac tellus viverra
-    sollicitudin posuere in mauris. Cras vulputate arcu at ligula condimentum semper. Fusce erat justo, luctus non
-    interdum vitae, rhoncus sed lorem. Pellentesque et nisi vel felis finibus efficitur eu tristique ex. Aenean ac
-    lacinia lectus. Vestibulum augue ante, maximus at nisi vel, eleifend convallis nunc. Vivamus tempor arcu neque, non
-    auctor enim vehicula et. Integer viverra faucibus consectetur. Maecenas id vestibulum velit, a mollis nulla. Cras
-    vitae velit orci. Nunc volutpat urna quam, non aliquet nisl placerat ac.</p>
-
-<p>Nunc porta eu mi eget dignissim. Pellentesque hendrerit odio nec risus facilisis pulvinar. Nam laoreet a libero id
-    commodo. Vivamus elementum enim nec tincidunt suscipit. Vestibulum a neque molestie, imperdiet turpis sed,
-    ullamcorper ex. Integer et pharetra nulla. Maecenas egestas ut augue non sodales. Nunc aliquet a mauris id
-    consectetur. Integer tristique ligula eu pellentesque vulputate. Nunc pellentesque eros a ipsum mattis, finibus
-    maximus libero commodo. Cras in posuere lorem, non porttitor diam. Phasellus lacus augue, tempus at turpis ac,
-    malesuada eleifend orci. Etiam commodo elementum vehicula. Sed et enim at urna pretium porttitor vel at lectus.
-    Nulla consectetur nisl vitae nisl iaculis vulputate. Donec ac nisi cursus, pharetra augue id, eleifend augue.</p>
-
-<p>Nunc porta eu mi eget dignissim. Pellentesque hendrerit odio nec risus facilisis pulvinar. Nam laoreet a libero id
-    commodo. Vivamus elementum enim nec tincidunt suscipit. Vestibulum a neque molestie, imperdiet turpis sed,
-    ullamcorper ex. Integer et pharetra nulla. Maecenas egestas ut augue non sodales. Nunc aliquet a mauris id
-    consectetur. Integer tristique ligula eu pellentesque vulputate. Nunc pellentesque eros a ipsum mattis, finibus
-    maximus libero commodo. Cras in posuere lorem, non porttitor diam. Phasellus lacus augue, tempus at turpis ac,
-    malesuada eleifend orci. Etiam commodo elementum vehicula. Sed et enim at urna pretium porttitor vel at lectus.
-    Nulla consectetur nisl vitae nisl iaculis vulputate. Donec ac nisi cursus, pharetra augue id, eleifend augue.</p>
-
-<p>Nunc porta eu mi eget dignissim. Pellentesque hendrerit odio nec risus facilisis pulvinar. Nam laoreet a libero id
-    commodo. Vivamus elementum enim nec tincidunt suscipit. Vestibulum a neque molestie, imperdiet turpis sed,
-    ullamcorper ex. Integer et pharetra nulla. Maecenas egestas ut augue non sodales. Nunc aliquet a mauris id
-    consectetur. Integer tristique ligula eu pellentesque vulputate. Nunc pellentesque eros a ipsum mattis, finibus
-    maximus libero commodo. Cras in posuere lorem, non porttitor diam. Phasellus lacus augue, tempus at turpis ac,
-    malesuada eleifend orci. Etiam commodo elementum vehicula. Sed et enim at urna pretium porttitor vel at lectus.
-    Nulla consectetur nisl vitae nisl iaculis vulputate. Donec ac nisi cursus, pharetra augue id, eleifend augue.</p>
-
-<p>Nunc porta eu mi eget dignissim. Pellentesque hendrerit odio nec risus facilisis pulvinar. Nam laoreet a libero id
-    commodo. Vivamus elementum enim nec tincidunt suscipit. Vestibulum a neque molestie, imperdiet turpis sed,
-    ullamcorper ex. Integer et pharetra nulla. Maecenas egestas ut augue non sodales. Nunc aliquet a mauris id
-    consectetur. Integer tristique ligula eu pellentesque vulputate. Nunc pellentesque eros a ipsum mattis, finibus
-    maximus libero commodo. Cras in posuere lorem, non porttitor diam. Phasellus lacus augue, tempus at turpis ac,
-    malesuada eleifend orci. Etiam commodo elementum vehicula. Sed et enim at urna pretium porttitor vel at lectus.
-    Nulla consectetur nisl vitae nisl iaculis vulputate. Donec ac nisi cursus, pharetra augue id, eleifend augue.</p>
-
-<p>Nunc porta eu mi eget dignissim. Pellentesque hendrerit odio nec risus facilisis pulvinar. Nam laoreet a libero id
-    commodo. Vivamus elementum enim nec tincidunt suscipit. Vestibulum a neque molestie, imperdiet turpis sed,
-    ullamcorper ex. Integer et pharetra nulla. Maecenas egestas ut augue non sodales. Nunc aliquet a mauris id
-    consectetur. Integer tristique ligula eu pellentesque vulputate. Nunc pellentesque eros a ipsum mattis, finibus
-    maximus libero commodo. Cras in posuere lorem, non porttitor diam. Phasellus lacus augue, tempus at turpis ac,
-    malesuada eleifend orci. Etiam commodo elementum vehicula. Sed et enim at urna pretium porttitor vel at lectus.
-    Nulla consectetur nisl vitae nisl iaculis vulputate. Donec ac nisi cursus, pharetra augue id, eleifend augue.</p>
-
-<p>Nunc porta eu mi eget dignissim. Pellentesque hendrerit odio nec risus facilisis pulvinar. Nam laoreet a libero id
-    commodo. Vivamus elementum enim nec tincidunt suscipit. Vestibulum a neque molestie, imperdiet turpis sed,
-    ullamcorper ex. Integer et pharetra nulla. Maecenas egestas ut augue non sodales. Nunc aliquet a mauris id
-    consectetur. Integer tristique ligula eu pellentesque vulputate. Nunc pellentesque eros a ipsum mattis, finibus
-    maximus libero commodo. Cras in posuere lorem, non porttitor diam. Phasellus lacus augue, tempus at turpis ac,
-    malesuada eleifend orci. Etiam commodo elementum vehicula. Sed et enim at urna pretium porttitor vel at lectus.
-    Nulla consectetur nisl vitae nisl iaculis vulputate. Donec ac nisi cursus, pharetra augue id, eleifend augue.</p>
-
-<p>Nunc porta eu mi eget dignissim. Pellentesque hendrerit odio nec risus facilisis pulvinar. Nam laoreet a libero id
-    commodo. Vivamus elementum enim nec tincidunt suscipit. Vestibulum a neque molestie, imperdiet turpis sed,
-    ullamcorper ex. Integer et pharetra nulla. Maecenas egestas ut augue non sodales. Nunc aliquet a mauris id
-    consectetur. Integer tristique ligula eu pellentesque vulputate. Nunc pellentesque eros a ipsum mattis, finibus
-    maximus libero commodo. Cras in posuere lorem, non porttitor diam. Phasellus lacus augue, tempus at turpis ac,
-    malesuada eleifend orci. Etiam commodo elementum vehicula. Sed et enim at urna pretium porttitor vel at lectus.
-    Nulla consectetur nisl vitae nisl iaculis vulputate. Donec ac nisi cursus, pharetra augue id, eleifend augue.</p>
-
-<p>Nunc porta eu mi eget dignissim. Pellentesque hendrerit odio nec risus facilisis pulvinar. Nam laoreet a libero id
-    commodo. Vivamus elementum enim nec tincidunt suscipit. Vestibulum a neque molestie, imperdiet turpis sed,
-    ullamcorper ex. Integer et pharetra nulla. Maecenas egestas ut augue non sodales. Nunc aliquet a mauris id
-    consectetur. Integer tristique ligula eu pellentesque vulputate. Nunc pellentesque eros a ipsum mattis, finibus
-    maximus libero commodo. Cras in posuere lorem, non porttitor diam. Phasellus lacus augue, tempus at turpis ac,
-    malesuada eleifend orci. Etiam commodo elementum vehicula. Sed et enim at urna pretium porttitor vel at lectus.
-    Nulla consectetur nisl vitae nisl iaculis vulputate. Donec ac nisi cursus, pharetra augue id, eleifend augue.</p>
-
-<p>Nunc porta eu mi eget dignissim. Pellentesque hendrerit odio nec risus facilisis pulvinar. Nam laoreet a libero id
-    commodo. Vivamus elementum enim nec tincidunt suscipit. Vestibulum a neque molestie, imperdiet turpis sed,
-    ullamcorper ex. Integer et pharetra nulla. Maecenas egestas ut augue non sodales. Nunc aliquet a mauris id
-    consectetur. Integer tristique ligula eu pellentesque vulputate. Nunc pellentesque eros a ipsum mattis, finibus
-    maximus libero commodo. Cras in posuere lorem, non porttitor diam. Phasellus lacus augue, tempus at turpis ac,
-    malesuada eleifend orci. Etiam commodo elementum vehicula. Sed et enim at urna pretium porttitor vel at lectus.
-    Nulla consectetur nisl vitae nisl iaculis vulputate. Donec ac nisi cursus, pharetra augue id, eleifend augue.</p>
-
-<p>Nunc porta eu mi eget dignissim. Pellentesque hendrerit odio nec risus facilisis pulvinar. Nam laoreet a libero id
-    commodo. Vivamus elementum enim nec tincidunt suscipit. Vestibulum a neque molestie, imperdiet turpis sed,
-    ullamcorper ex. Integer et pharetra nulla. Maecenas egestas ut augue non sodales. Nunc aliquet a mauris id
-    consectetur. Integer tristique ligula eu pellentesque vulputate. Nunc pellentesque eros a ipsum mattis, finibus
-    maximus libero commodo. Cras in posuere lorem, non porttitor diam. Phasellus lacus augue, tempus at turpis ac,
-    malesuada eleifend orci. Etiam commodo elementum vehicula. Sed et enim at urna pretium porttitor vel at lectus.
-    Nulla consectetur nisl vitae nisl iaculis vulputate. Donec ac nisi cursus, pharetra augue id, eleifend augue.</p>
-
-<p>Nunc porta eu mi eget dignissim. Pellentesque hendrerit odio nec risus facilisis pulvinar. Nam laoreet a libero id
-    commodo. Vivamus elementum enim nec tincidunt suscipit. Vestibulum a neque molestie, imperdiet turpis sed,
-    ullamcorper ex. Integer et pharetra nulla. Maecenas egestas ut augue non sodales. Nunc aliquet a mauris id
-    consectetur. Integer tristique ligula eu pellentesque vulputate. Nunc pellentesque eros a ipsum mattis, finibus
-    maximus libero commodo. Cras in posuere lorem, non porttitor diam. Phasellus lacus augue, tempus at turpis ac,
-    malesuada eleifend orci. Etiam commodo elementum vehicula. Sed et enim at urna pretium porttitor vel at lectus.
-    Nulla consectetur nisl vitae nisl iaculis vulputate. Donec ac nisi cursus, pharetra augue id, eleifend augue.</p>
-
 <div class="container-fluid text-center">
     <button class="snack btn btn-primary">Snack</button>
     <button class="toast-btn btn btn-primary">Toast</button>

From 3d766c4dfed363db81ca9485db238d2bcc6cc78f Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Mon, 18 Jan 2021 12:53:42 +0900
Subject: [PATCH 02/47] =?UTF-8?q?Bootstrap=20v5.0=EC=9C=BC=EB=A1=9C=20?=
 =?UTF-8?q?=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8,=20=EC=86=8C=EC=8A=A4?=
 =?UTF-8?q?=ED=8C=8C=EC=9D=BC=20=EA=B2=BD=EB=A1=9C=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/example/index.html b/example/index.html
index 3d5362d..f5f2b70 100644
--- a/example/index.html
+++ b/example/index.html
@@ -1,13 +1,13 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="ko">
 
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
-    <link rel="stylesheet" href="../dist/toast.min.css ">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="../src/toast.css ">
 
     <title>Toast</title>
 </head>
@@ -36,10 +36,9 @@ <h3 class="text-center">A jQuery plugin for Bootstrap 4.2+</h3>
     <button class="toast-btn btn btn-primary">Toast</button>
 </div>
 
-<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
-<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script>
-<script src="../dist/toast.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
+<script src="../src/toast.js"></script>
 
 <script>
     const TYPES = ['info', 'warning', 'success', 'error'],

From 556b2ccdf1b9ce5589777355b40e5fb1ad842e8e Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Mon, 18 Jan 2021 13:35:25 +0900
Subject: [PATCH 03/47] =?UTF-8?q?Bootstrap=20=EB=B2=84=EC=A0=84=20?=
 =?UTF-8?q?=EC=84=A4=EB=AA=85=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 7cd371e..c378c3f 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-# Toast - A Bootstrap 4.2+ jQuery plugin
+# Toast - A Bootstrap 5.0(originally 4.2+) jQuery plugin
 
 * [About](#about)
 * [Usage](#usage)

From addbd50520fad617615eccfddcd2735a112c382b Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Mon, 18 Jan 2021 13:47:32 +0900
Subject: [PATCH 04/47] =?UTF-8?q?=ED=94=8C=EB=9F=AC=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=EC=86=8C=EC=8A=A4=ED=8C=8C=EC=9D=BC=20=EA=B2=BD=EB=A1=9C=20fix?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/example/index.html b/example/index.html
index f5f2b70..ae9e680 100644
--- a/example/index.html
+++ b/example/index.html
@@ -7,7 +7,7 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
-    <link rel="stylesheet" href="../src/toast.css ">
+    <link rel="stylesheet" href="../src/css/toast.css ">
 
     <title>Toast</title>
 </head>
@@ -38,7 +38,7 @@ <h3 class="text-center">A jQuery plugin for Bootstrap 4.2+</h3>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
-<script src="../src/toast.js"></script>
+<script src="../src/js/toast.js"></script>
 
 <script>
     const TYPES = ['info', 'warning', 'success', 'error'],

From d2173a6bf7b472110655d5cbc4abc832609c230a Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Mon, 18 Jan 2021 14:16:04 +0900
Subject: [PATCH 05/47] =?UTF-8?q?font-awesome=20JS/CSS=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/example/index.html b/example/index.html
index ae9e680..0cd912e 100644
--- a/example/index.html
+++ b/example/index.html
@@ -7,6 +7,7 @@
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
     <link rel="stylesheet" href="../src/css/toast.css ">
 
     <title>Toast</title>
@@ -38,6 +39,7 @@ <h3 class="text-center">A jQuery plugin for Bootstrap 4.2+</h3>
 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/js/all.min.js"></script>
 <script src="../src/js/toast.js"></script>
 
 <script>

From a542b5ac8eafdb78fc54d643b348d2fd0e3a9b5d Mon Sep 17 00:00:00 2001
From: yuiopna <yuna6698@naver.com>
Date: Mon, 18 Jan 2021 14:39:43 +0900
Subject: [PATCH 06/47] =?UTF-8?q?Bootstrap=205.0=20=EC=83=98=ED=94=8C=20?=
 =?UTF-8?q?=ED=85=9C=ED=94=8C=EB=A6=BF=20css=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/example/index.html b/example/index.html
index 0cd912e..358afae 100644
--- a/example/index.html
+++ b/example/index.html
@@ -6,11 +6,20 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 
+    <!-- Bootstrap 5.0 Core CSS-->
     <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
+
+    <!-- Third party plugins & Custom css -->
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
     <link rel="stylesheet" href="../src/css/toast.css ">
 
-    <title>Toast</title>
+    <title>Toast v2</title>
+
+    <style>
+        body {
+            padding-top: 5rem;
+        }
+    </style>
 </head>
 
 <body>

From 7e626386da3a5644581dcff13ef24f40081fe9d5 Mon Sep 17 00:00:00 2001
From: yuiopna <yuna6698@naver.com>
Date: Mon, 18 Jan 2021 14:48:14 +0900
Subject: [PATCH 07/47] =?UTF-8?q?HTML=20=ED=83=AC=ED=94=8C=EB=A6=BF=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9,=20=EC=BD=94=EB=93=9C=20=EC=9D=B8=EB=8D=B4?=
 =?UTF-8?q?=ED=8A=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 235 ++++++++++++++++++++++++---------------------
 1 file changed, 128 insertions(+), 107 deletions(-)

diff --git a/example/index.html b/example/index.html
index 358afae..b5d7e26 100644
--- a/example/index.html
+++ b/example/index.html
@@ -1,113 +1,134 @@
 <!DOCTYPE html>
 <html lang="ko">
-
-<head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-
-    <!-- Bootstrap 5.0 Core CSS-->
-    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
-
-    <!-- Third party plugins & Custom css -->
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
-    <link rel="stylesheet" href="../src/css/toast.css ">
-
-    <title>Toast v2</title>
-
-    <style>
-        body {
-            padding-top: 5rem;
-        }
-    </style>
-</head>
-
-<body>
-<div class="jumbotron bg-primary text-white jumbotron-fluid">
-    <div class="container">
-        <h1 class="text-center display-4">Toast</h1>
-        <h3 class="text-center">A jQuery plugin for Bootstrap 4.2+</h3>
-    </div>
-</div>
-
-<div class="container-fluid text-center">
-    <button class="snack btn btn-primary">Snack</button>
-    <button class="toast-btn btn btn-primary">Toast</button>
-</div>
-
-<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac malesuada ipsum. Vestibulum in nunc sed erat
-    facilisis lacinia in vitae lacus. Curabitur ornare nulla non urna posuere cursus. Aliquam in molestie augue, ac
-    vehicula est. Pellentesque eget massa nibh. Nulla maximus quam laoreet finibus dictum. Aliquam pretium porta
-    malesuada. Cras pretium odio massa, non blandit ligula maximus at. Proin sollicitudin felis sollicitudin turpis
-    mattis ultricies.</p>
-
-<div class="container-fluid text-center">
-    <button class="snack btn btn-primary">Snack</button>
-    <button class="toast-btn btn btn-primary">Toast</button>
-</div>
-
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/js/all.min.js"></script>
-<script src="../src/js/toast.js"></script>
-
-<script>
-    const TYPES = ['info', 'warning', 'success', 'error'],
-        TITLES = {
-            'info': 'Notice!',
-            'success': 'Awesome!',
-            'warning': 'Watch Out!',
-            'error': 'Doh!'
-        },
-        CONTENT = {
-            'info': 'Hello, world! This is a toast message.',
-            'success': 'The action has been completed.',
-            'warning': 'It\'s all about to go wrong',
-            'error': 'It all went wrong.'
-        },
-        POSITION = ['top-right', 'top-left', 'top-center', 'bottom-right', 'bottom-left', 'bottom-center'];
-
-    $.toastDefaults.position = 'bottom-center';
-    $.toastDefaults.dismissible = true;
-    $.toastDefaults.stackable = true;
-    $.toastDefaults.pauseDelayOnHover = true;
-
-    $('.snack').click(function () {
-        var type = TYPES[Math.floor(Math.random() * TYPES.length)],
-            content = CONTENT[type];
-
-        $.snack(type, content);
-    });
-
-    $('.toast-btn').click(function () {
-        var rng = Math.floor(Math.random() * 2) + 1,
-            type = TYPES[Math.floor(Math.random() * TYPES.length)],
-            title = TITLES[type],
-            content = CONTENT[type];
-
-        if (rng === 1) {
-            $.toast({
-                type: type,
-                title: title,
-                subtitle: '11 mins ago',
-                content: content,
-                delay: 5000
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta http-equiv="X-UA-Compatible" content="ie=edge">
+
+        <!-- Bootstrap 5.0 Core CSS-->
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
+
+        <!-- Third party plugins & Custom css -->
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
+        <link rel="stylesheet" href="../src/css/toast.css ">
+        <title>Toast v2</title>
+
+        <style>
+            body {
+                padding-top: 5rem;
+            }
+        </style>
+    </head>
+
+    <body>
+        <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
+            <div class="container-fluid">
+            <a class="navbar-brand" href="#">Navbar</a>
+            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+        
+            <div class="collapse navbar-collapse" id="navbarsExampleDefault">
+                <ul class="navbar-nav me-auto mb-2 mb-md-0">
+                <li class="nav-item active">
+                    <a class="nav-link" aria-current="page" href="#">Home</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link" href="#">Link</a>
+                </li>
+                <li class="nav-item">
+                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
+                </li>
+                <li class="nav-item dropdown">
+                    <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
+                    <ul class="dropdown-menu" aria-labelledby="dropdown01">
+                    <li><a class="dropdown-item" href="#">Action</a></li>
+                    <li><a class="dropdown-item" href="#">Another action</a></li>
+                    <li><a class="dropdown-item" href="#">Something else here</a></li>
+                    </ul>
+                </li>
+                </ul>
+                <form class="d-flex">
+                <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
+                <button class="btn btn-outline-success" type="submit">Search</button>
+                </form>
+            </div>
+            </div>
+        </nav>
+          
+        <main class="container">
+            <div class="starter-template text-center py-5 px-3">
+                <h1>Bootstrap starter template</h1>
+                <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
+            </div>
+            <div class="container-fluid text-center">
+                <button class="snack btn btn-primary">Snack</button>
+                <button class="toast-btn btn btn-primary">Toast</button>
+            </div>
+        </main><!-- /.container -->
+
+        <!-- jQuery & Boostrap Core JS -->
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+        <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/js/bootstrap.bundle.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/js/all.min.js"></script>
+        <script src="../src/js/toast.js"></script>
+
+        <script>
+            const TYPES = ['info', 'warning', 'success', 'error'],
+                TITLES = {
+                    'info': 'Notice!',
+                    'success': 'Awesome!',
+                    'warning': 'Watch Out!',
+                    'error': 'Doh!'
+                },
+                CONTENT = {
+                    'info': 'Hello, world! This is a toast message.',
+                    'success': 'The action has been completed.',
+                    'warning': 'It\'s all about to go wrong',
+                    'error': 'It all went wrong.'
+                },
+                POSITION = ['top-right', 'top-left', 'top-center', 'bottom-right', 'bottom-left', 'bottom-center'];
+
+            $.toastDefaults.position = 'bottom-center';
+            $.toastDefaults.dismissible = true;
+            $.toastDefaults.stackable = true;
+            $.toastDefaults.pauseDelayOnHover = true;
+
+            $('.snack').click(function () {
+                var type = TYPES[Math.floor(Math.random() * TYPES.length)],
+                    content = CONTENT[type];
+
+                $.snack(type, content);
             });
-        } else {
-            $.toast({
-                type: type,
-                title: title,
-                subtitle: '11 mins ago',
-                content: content,
-                delay: 5000,
-                img: {
-                    src: 'https://via.placeholder.com/20',
-                    alt: 'Image'
+
+            $('.toast-btn').click(function () {
+                var rng = Math.floor(Math.random() * 2) + 1,
+                    type = TYPES[Math.floor(Math.random() * TYPES.length)],
+                    title = TITLES[type],
+                    content = CONTENT[type];
+
+                if (rng === 1) {
+                    $.toast({
+                        type: type,
+                        title: title,
+                        subtitle: '11 mins ago',
+                        content: content,
+                        delay: 5000
+                    });
+                } else {
+                    $.toast({
+                        type: type,
+                        title: title,
+                        subtitle: '11 mins ago',
+                        content: content,
+                        delay: 5000,
+                        img: {
+                            src: 'https://via.placeholder.com/20',
+                            alt: 'Image'
+                        }
+                    });
                 }
             });
-        }
-    });
-</script>
-</body>
-
+        </script>
+    </body>
 </html>

From da5a1545184a5e2a4767abf96e572bfb91c9bae5 Mon Sep 17 00:00:00 2001
From: yuiopna <yuna6698@naver.com>
Date: Mon, 18 Jan 2021 14:54:58 +0900
Subject: [PATCH 08/47] =?UTF-8?q?=EB=84=A4=EB=B9=84=EA=B2=8C=EC=9D=B4?=
 =?UTF-8?q?=EC=85=98=EB=B0=94=20Github=20=EB=A7=81=ED=81=AC=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/example/index.html b/example/index.html
index b5d7e26..4159245 100644
--- a/example/index.html
+++ b/example/index.html
@@ -48,10 +48,7 @@
                     </ul>
                 </li>
                 </ul>
-                <form class="d-flex">
-                <input class="form-control me-2" type="search" placeholder="Search" aria-label="Search">
-                <button class="btn btn-outline-success" type="submit">Search</button>
-                </form>
+                <a class="btn btn-outline-success git-link" href="https://github.com/SoyaNyan/Toast" target="_blank"><i class="fab fa-github"></i> Git Repository</a>
             </div>
             </div>
         </nav>

From ad8d1e36a6aa3b1e71b052e87d77ab566ca996bb Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Mon, 18 Jan 2021 14:59:56 +0900
Subject: [PATCH 09/47] =?UTF-8?q?html=ED=8C=8C=EC=9D=BC=20=EB=82=B4?=
 =?UTF-8?q?=EC=9D=98=20css=EC=BD=94=EB=93=9C=20=EB=B6=84=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 6 ------
 src/css/style.css  | 3 +++
 2 files changed, 3 insertions(+), 6 deletions(-)
 create mode 100644 src/css/style.css

diff --git a/example/index.html b/example/index.html
index 4159245..622f104 100644
--- a/example/index.html
+++ b/example/index.html
@@ -12,12 +12,6 @@
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css" />
         <link rel="stylesheet" href="../src/css/toast.css ">
         <title>Toast v2</title>
-
-        <style>
-            body {
-                padding-top: 5rem;
-            }
-        </style>
     </head>
 
     <body>
diff --git a/src/css/style.css b/src/css/style.css
new file mode 100644
index 0000000..34b1305
--- /dev/null
+++ b/src/css/style.css
@@ -0,0 +1,3 @@
+body {
+    padding-top: 5rem;
+}
\ No newline at end of file

From 1df0e18f05f42c746d5262fa333fa2f2a40cede7 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Mon, 18 Jan 2021 15:06:24 +0900
Subject: [PATCH 10/47] =?UTF-8?q?=EC=9D=B4=EC=A0=84=20=EB=B2=84=EC=A0=84?=
 =?UTF-8?q?=20minified=20css/js=20=ED=8C=8C=EC=9D=BC=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 dist/toast.min.css | 1 -
 dist/toast.min.js  | 6 ------
 2 files changed, 7 deletions(-)
 delete mode 100644 dist/toast.min.css
 delete mode 100644 dist/toast.min.js

diff --git a/dist/toast.min.css b/dist/toast.min.css
deleted file mode 100644
index 819cea8..0000000
--- a/dist/toast.min.css
+++ /dev/null
@@ -1 +0,0 @@
-.toast-container{position:fixed;z-index:1055;margin:5px}.top-right{top:0;right:0}.top-left{top:0;left:0}.top-center{transform:translateX(-50%);top:0;left:50%}.bottom-right{right:0;bottom:0}.bottom-left{left:0;bottom:0}.bottom-center{transform:translateX(-50%);bottom:0;left:50%}.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
deleted file mode 100644
index 9960b28..0000000
--- a/dist/toast.min.js
+++ /dev/null
@@ -1,6 +0,0 @@
-(function(a){function f(b){if(!a("#toast-container").length){var d="top-right top-left top-center bottom-right bottom-left bottom-center".split(" ").includes(a.toastDefaults.position)?a.toastDefaults.position:"top-right";a("body").prepend('<div id="toast-container" class="toast-container" aria-live="polite" aria-atomic="true"></div>');a("#toast-container").addClass(d)}d=a("#toast-container");var c="",e=c="",g=b.id||"toast-"+l,t=b.type,u=b.title,m=b.subtitle,n=b.content,h=b.img,p=b.delay?'data-delay="'+
-    b.delay+'"':'data-autohide="false"',q="",r=a.toastDefaults.dismissible,v=a.toastDefaults.style.toast,k=!1;"undefined"!==typeof b.dismissible&&(r=b.dismissible);switch(t){case "info":e=a.toastDefaults.style.info||"bg-info";c=a.toastDefaults.style.info||"text-white";break;case "success":e=a.toastDefaults.style.success||"bg-success";c=a.toastDefaults.style.info||"text-white";break;case "warning":e=a.toastDefaults.style.warning||"bg-warning";c=a.toastDefaults.style.warning||"text-white";break;case "error":e=
-    a.toastDefaults.style.error||"bg-danger",c=a.toastDefaults.style.error||"text-white"}a.toastDefaults.pauseDelayOnHover&&b.delay&&(p='data-autohide="false"',q='data-hide-after="'+(Math.floor(Date.now()/1E3)+b.delay/1E3)+'"');c='<div id="'+g+'" class="toast '+v+'" role="alert" aria-live="assertive" aria-atomic="true" '+p+" "+q+'><div class="toast-header '+(e+" "+c+'">');h&&(c+='<img src="'+h.src+'" class="mr-2 '+(h["class"]||"")+'" alt="'+(h.alt||"Image")+'">');c+='<strong class="mr-auto">'+u+"</strong>";
-    m&&(c+='<small class="text-white">'+m+"</small>");r&&(c+='<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">\n                        <span aria-hidden="true" class="text-white">&times;</span>\n                    </button>');c+="</div>";n&&(c+='<div class="toast-body">\n                        '+n+"\n                    </div>");c+="</div>";a.toastDefaults.stackable||d.find(".toast").each(function(){a(this).remove()});d.append(c);d.find(".toast:last").toast("show");
-    a.toastDefaults.pauseDelayOnHover&&(setTimeout(function(){k||a("#"+g).toast("hide")},b.delay),a("body").on("mouseover","#"+g,function(){k=!0}),a(document).on("mouseleave","#"+g,function(){var w=Math.floor(Date.now()/1E3),x=parseInt(a(this).data("hideAfter"));k=!1;w>=x&&a(this).toast("hide")}));l++}a.toastDefaults={position:"top-right",dismissible:!0,stackable:!0,pauseDelayOnHover:!0,style:{toast:"",info:"",success:"",warning:"",error:""}};a("body").on("hidden.bs.toast",".toast",function(){a(this).remove()});
-    var l=1;a.snack=function(b,d,c){return f({type:b,title:d,delay:c})};a.toast=function(b){return f(b)}})(jQuery);

From 3dd7711243565154e20d47e2209d55cfab8b7f90 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Mon, 18 Jan 2021 19:02:15 +0900
Subject: [PATCH 11/47] =?UTF-8?q?=EB=B6=88=ED=95=84=EC=9A=94=ED=95=9C=20no?=
 =?UTF-8?q?de.js=20=EB=AA=A8=EB=93=88=20=EA=B4=80=EB=A0=A8=20=ED=8C=8C?=
 =?UTF-8?q?=EC=9D=BC=20=EC=82=AD=EC=A0=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 _config.yml       |  1 -
 package-lock.json | 18 ------------------
 package.json      | 29 -----------------------------
 3 files changed, 48 deletions(-)
 delete mode 100644 _config.yml
 delete mode 100644 package-lock.json
 delete mode 100644 package.json

diff --git a/_config.yml b/_config.yml
deleted file mode 100644
index fff4ab9..0000000
--- a/_config.yml
+++ /dev/null
@@ -1 +0,0 @@
-theme: jekyll-theme-minimal
diff --git a/package-lock.json b/package-lock.json
deleted file mode 100644
index 459681c..0000000
--- a/package-lock.json
+++ /dev/null
@@ -1,18 +0,0 @@
-{
-  "name": "bs4-toast",
-  "version": "1.2.0",
-  "lockfileVersion": 1,
-  "requires": true,
-  "dependencies": {
-    "bootstrap": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.0.tgz",
-      "integrity": "sha512-Z93QoXvodoVslA+PWNdk23Hze4RBYIkpb5h8I2HY2Tu2h7A0LpAgLcyrhrSUyo2/Oxm2l1fRZPs1e5hnxnliXA=="
-    },
-    "jquery": {
-      "version": "3.5.1",
-      "resolved": "https://registry.npmjs.org/jquery/-/jquery-3.5.1.tgz",
-      "integrity": "sha512-XwIBPqcMn57FxfT+Go5pzySnm4KWkT1Tv7gjrpT1srtf8Weynl6R273VJ5GjkRb51IzMp5nbaPjJXMWeju2MKg=="
-    }
-  }
-}
diff --git a/package.json b/package.json
deleted file mode 100644
index a0477cd..0000000
--- a/package.json
+++ /dev/null
@@ -1,29 +0,0 @@
-{
-    "name": "bs4-toast",
-    "version": "1.2.0",
-    "description": "Toast - A Bootstrap 4.2+ jQuery plugin for the toast component",
-    "main": "dist/toast.min.js",
-    "repository": {
-        "type": "git",
-        "url": "git+https://github.com/Script47/Toast.git"
-    },
-    "keywords": [
-        "bootstrap-4",
-        "bootstrap",
-        "toast",
-        "toast-notifications",
-        "snack",
-        "jquery-plugin"
-    ],
-    "author": "Script47 <Script47@hotmail.com>",
-    "license": "MIT",
-    "bugs": {
-        "url": "https://github.com/Script47/Toast/issues"
-    },
-    "homepage": "https://github.com/Script47/Toast",
-    "dependencies": {
-        "bootstrap": ">=4.2.0",
-        "jquery": ">=1.9.1"
-    },
-    "devDependencies": {}
-}

From 34e92a355fcf20b4463ed680869e4cfd555bfe34 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Tue, 19 Jan 2021 14:58:48 +0900
Subject: [PATCH 12/47] =?UTF-8?q?author,=20version=EC=A0=95=EB=B3=B4=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html |  2 +-
 src/css/toast.css  | 17 +++++++++--------
 src/js/toast.js    |  9 +++++----
 3 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/example/index.html b/example/index.html
index 622f104..0ae56ef 100644
--- a/example/index.html
+++ b/example/index.html
@@ -46,7 +46,7 @@
             </div>
             </div>
         </nav>
-          
+
         <main class="container">
             <div class="starter-template text-center py-5 px-3">
                 <h1>Bootstrap starter template</h1>
diff --git a/src/css/toast.css b/src/css/toast.css
index 8b32440..84f7612 100644
--- a/src/css/toast.css
+++ b/src/css/toast.css
@@ -1,7 +1,8 @@
 /**
- * @author Script47 (https://github.com/Script47/Toast)
- * @description Toast - A Bootstrap 4.2+ jQuery plugin for the toast component
- * @version 1.2.0
+ * @origin author Script47 (https://github.com/Script47/Toast)
+ * @author SoyaNyan (https://github.com/SoyaNyan/Toast)
+ * @description Toast - A Bootstrap 5.0 jQuery plugin for the toast component
+ * @version 2.0.0
  **/
 .toast-container {
     position: fixed;
@@ -41,20 +42,20 @@
     left: 50%;
 }
 
-.toast-container > .toast {
+.toast-container>.toast {
     min-width: 150px;
     background: transparent;
     border: none;
 }
 
-.toast-container > .toast > .toast-header {
+.toast-container>.toast>.toast-header {
     border: none;
 }
 
-.toast-container > .toast > .toast-header strong {
+.toast-container>.toast>.toast-header strong {
     padding-right: 20px;
 }
 
-.toast-container > .toast > .toast-body {
+.toast-container>.toast>.toast-body {
     background: white;
-}
+}
\ No newline at end of file
diff --git a/src/js/toast.js b/src/js/toast.js
index 5a5707d..6f9e7aa 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -1,7 +1,8 @@
 /**
- * @author Script47 (https://github.com/Script47/Toast)
- * @description Toast - A Bootstrap 4.2+ jQuery plugin for the toast component
- * @version 1.2.0
+ * @origin author Script47 (https://github.com/Script47/Toast)
+ * @author SoyaNyan (https://github.com/SoyaNyan/Toast)
+ * @description Toast - A Bootstrap 5.0 jQuery plugin for the toast component
+ * @version 2.0.0
  **/
 (function ($) {
     const TOAST_CONTAINER_HTML = `<div id="toast-container" class="toast-container" aria-live="polite" aria-atomic="true"></div>`;
@@ -176,4 +177,4 @@
     $.toast = function (opts) {
         return render(opts);
     }
-}(jQuery));
+}(jQuery));
\ No newline at end of file

From 67a68ae9daf2f3f660833dc99c728e499e4dbb72 Mon Sep 17 00:00:00 2001
From: yuiopna <yuna6698@naver.com>
Date: Tue, 19 Jan 2021 15:03:08 +0900
Subject: [PATCH 13/47] =?UTF-8?q?=EC=83=98=ED=94=8C=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EB=84=A4=EB=B9=84=EA=B2=8C=EC=9D=B4=EC=85=98=20?=
 =?UTF-8?q?=EB=A9=94=EB=89=B4=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 22 ++--------------------
 1 file changed, 2 insertions(+), 20 deletions(-)

diff --git a/example/index.html b/example/index.html
index 0ae56ef..87a2743 100644
--- a/example/index.html
+++ b/example/index.html
@@ -17,31 +17,13 @@
     <body>
         <nav class="navbar navbar-expand-md navbar-dark bg-dark fixed-top">
             <div class="container-fluid">
-            <a class="navbar-brand" href="#">Navbar</a>
+            <a class="navbar-brand" href="#">Bootstrap Toast v2.0.0</a>
             <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarsExampleDefault" aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
                 <span class="navbar-toggler-icon"></span>
             </button>
         
             <div class="collapse navbar-collapse" id="navbarsExampleDefault">
-                <ul class="navbar-nav me-auto mb-2 mb-md-0">
-                <li class="nav-item active">
-                    <a class="nav-link" aria-current="page" href="#">Home</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link" href="#">Link</a>
-                </li>
-                <li class="nav-item">
-                    <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">Disabled</a>
-                </li>
-                <li class="nav-item dropdown">
-                    <a class="nav-link dropdown-toggle" href="#" id="dropdown01" data-bs-toggle="dropdown" aria-expanded="false">Dropdown</a>
-                    <ul class="dropdown-menu" aria-labelledby="dropdown01">
-                    <li><a class="dropdown-item" href="#">Action</a></li>
-                    <li><a class="dropdown-item" href="#">Another action</a></li>
-                    <li><a class="dropdown-item" href="#">Something else here</a></li>
-                    </ul>
-                </li>
-                </ul>
+                <ul class="navbar-nav me-auto mb-2 mb-md-0"></ul>
                 <a class="btn btn-outline-success git-link" href="https://github.com/SoyaNyan/Toast" target="_blank"><i class="fab fa-github"></i> Git Repository</a>
             </div>
             </div>

From fc961b07bfda4f5df62910a30338aff6be5d1d86 Mon Sep 17 00:00:00 2001
From: yuiopna <yuna6698@naver.com>
Date: Tue, 19 Jan 2021 15:05:13 +0900
Subject: [PATCH 14/47] =?UTF-8?q?Toast,=20Snack=20=EB=B2=84=ED=8A=BC?=
 =?UTF-8?q?=EC=97=90=20position=EC=98=B5=EC=85=98=EC=9D=84=20=EC=9C=84?=
 =?UTF-8?q?=ED=95=9C=20select=EB=B0=95=EC=8A=A4=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 36 +++++++++++++++++++++++++++++++-----
 1 file changed, 31 insertions(+), 5 deletions(-)

diff --git a/example/index.html b/example/index.html
index 87a2743..be25177 100644
--- a/example/index.html
+++ b/example/index.html
@@ -29,14 +29,40 @@
             </div>
         </nav>
 
-        <main class="container">
+        <main class="container mt-5">
             <div class="starter-template text-center py-5 px-3">
-                <h1>Bootstrap starter template</h1>
-                <p class="lead">Use this document as a way to quickly start any new project.<br> All you get is this text and a mostly barebones HTML document.</p>
+                <h1>Bootstrap 5.0 Toast Example</h1>
+                <p class="lead">The easest way to use toast, the bootstrap component.</p>
             </div>
             <div class="container-fluid text-center">
-                <button class="snack btn btn-primary">Snack</button>
-                <button class="toast-btn btn btn-primary">Toast</button>
+                <div class="row justify-content-center">
+                    <div class="col-3">
+                        <div class="input-group">
+                            <select class="form-select position-select" id="toast-position">
+                                <option value="top-right" selected>Top-right</option>
+                                <option value="top-left">Top-left</option>
+                                <option value="top-center">Top-center</option>
+                                <option value="bottom-right">Bottom-right</option>
+                                <option value="bottom-left">Bottom-left</option>
+                                <option value="bottom-center">Bottom-center</option>
+                            </select>
+                            <button class="btn btn-info text-white snack-btn" type="button"><strong>Snack</strong></button>
+                        </div>
+                    </div>
+                    <div class="col-3">
+                        <div class="input-group">
+                            <select class="form-select position-select" id="snack-position">
+                                <option value="top-right" selected>Top-right</option>
+                                <option value="top-left">Top-left</option>
+                                <option value="top-center">Top-center</option>
+                                <option value="bottom-right">Bottom-right</option>
+                                <option value="bottom-left">Bottom-left</option>
+                                <option value="bottom-center">Bottom-center</option>
+                            </select>
+                            <button class="btn btn-primary toast-btn" type="button"><strong>Toast</strong></button>
+                        </div>
+                    </div>
+                </div>
             </div>
         </main><!-- /.container -->
 

From 883ed50ec60f133a08dec24c5de450245e0ad65b Mon Sep 17 00:00:00 2001
From: yuiopna <yuna6698@naver.com>
Date: Tue, 19 Jan 2021 15:15:39 +0900
Subject: [PATCH 15/47] =?UTF-8?q?Toast,=20Snack=20position=20=EC=98=B5?=
 =?UTF-8?q?=EC=85=98=20select=20=ED=86=B5=ED=95=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 14 +-------------
 1 file changed, 1 insertion(+), 13 deletions(-)

diff --git a/example/index.html b/example/index.html
index be25177..9d9247f 100644
--- a/example/index.html
+++ b/example/index.html
@@ -36,7 +36,7 @@ <h1>Bootstrap 5.0 Toast Example</h1>
             </div>
             <div class="container-fluid text-center">
                 <div class="row justify-content-center">
-                    <div class="col-3">
+                    <div class="col-5">
                         <div class="input-group">
                             <select class="form-select position-select" id="toast-position">
                                 <option value="top-right" selected>Top-right</option>
@@ -47,18 +47,6 @@ <h1>Bootstrap 5.0 Toast Example</h1>
                                 <option value="bottom-center">Bottom-center</option>
                             </select>
                             <button class="btn btn-info text-white snack-btn" type="button"><strong>Snack</strong></button>
-                        </div>
-                    </div>
-                    <div class="col-3">
-                        <div class="input-group">
-                            <select class="form-select position-select" id="snack-position">
-                                <option value="top-right" selected>Top-right</option>
-                                <option value="top-left">Top-left</option>
-                                <option value="top-center">Top-center</option>
-                                <option value="bottom-right">Bottom-right</option>
-                                <option value="bottom-left">Bottom-left</option>
-                                <option value="bottom-center">Bottom-center</option>
-                            </select>
                             <button class="btn btn-primary toast-btn" type="button"><strong>Toast</strong></button>
                         </div>
                     </div>

From 07f9faee29ca4b4b3657704089dadcc344505ec1 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Tue, 19 Jan 2021 15:32:50 +0900
Subject: [PATCH 16/47] =?UTF-8?q?Github=20Repo=20=EC=9C=84=EC=A0=AF=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80(iframe)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/example/index.html b/example/index.html
index 0ae56ef..6fac5ae 100644
--- a/example/index.html
+++ b/example/index.html
@@ -56,6 +56,12 @@ <h1>Bootstrap starter template</h1>
                 <button class="snack btn btn-primary">Snack</button>
                 <button class="toast-btn btn btn-primary">Toast</button>
             </div>
+            <!-- github repo widget -->
+            <div class="row justify-content-center mt-5">
+                <div class="col-6 text-center">
+                    <iframe src="http://tylerlh.github.com/github-latest-commits-widget/?username=SoyaNyan&repo=Toast&limit=LIMIT" allowtransparency="true" frameborder="0" scrolling="no" width="502px" height="252px"></iframe>
+                </div>
+            </div>
         </main><!-- /.container -->
 
         <!-- jQuery & Boostrap Core JS -->

From 79c29dd1038d64f6427416c63b596709c2ed92ba Mon Sep 17 00:00:00 2001
From: Phudal <080_075@naver.com>
Date: Tue, 19 Jan 2021 20:23:17 +0900
Subject: [PATCH 17/47] =?UTF-8?q?Position=20select=20=EB=B0=95=EC=8A=A4=20?=
 =?UTF-8?q?=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EB=93=B1=EB=A1=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/example/index.html b/example/index.html
index 622f104..5a3bf97 100644
--- a/example/index.html
+++ b/example/index.html
@@ -120,6 +120,12 @@ <h1>Bootstrap starter template</h1>
                     });
                 }
             });
+
+            $('.position-select').on('change', () => {
+                if($('#toast-container')) {
+                    $('#toast-container').remove();
+                }
+            });
         </script>
     </body>
 </html>

From eab56001e5b26a0ce43524e0104bbd7197711e33 Mon Sep 17 00:00:00 2001
From: Phudal <080_075@naver.com>
Date: Tue, 19 Jan 2021 20:27:09 +0900
Subject: [PATCH 18/47] =?UTF-8?q?=EC=83=98=ED=94=8C=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20global=20constant=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/example/index.html b/example/index.html
index 5a3bf97..20efb22 100644
--- a/example/index.html
+++ b/example/index.html
@@ -65,20 +65,28 @@ <h1>Bootstrap starter template</h1>
         <script src="../src/js/toast.js"></script>
 
         <script>
-            const TYPES = ['info', 'warning', 'success', 'error'],
-                TITLES = {
+            const TYPES = ['info', 'warning', 'success', 'error', 'primary', 'secondary', 'light', 'dark'];
+            const TITLES = {
                     'info': 'Notice!',
                     'success': 'Awesome!',
                     'warning': 'Watch Out!',
-                    'error': 'Doh!'
-                },
-                CONTENT = {
+                    'error': 'Doh!',
+                    'primary': 'Notice!',
+                    'secondary': 'Awesome!',
+                    'light': 'Watch Out!',
+                    'dark': 'Doh!'
+                };
+            const CONTENT = {
                     'info': 'Hello, world! This is a toast message.',
                     'success': 'The action has been completed.',
                     'warning': 'It\'s all about to go wrong',
-                    'error': 'It all went wrong.'
-                },
-                POSITION = ['top-right', 'top-left', 'top-center', 'bottom-right', 'bottom-left', 'bottom-center'];
+                    'error': 'It all went wrong.',
+                    'primary': 'Hello, world! This is a toast message.',
+                    'secondary': 'The action has been completed.',
+                    'light': 'It\'s all about to go wrong',
+                    'dark': 'It all went wrong.'
+                };
+            const IMG_URL = 'https://via.placeholder.com/20';
 
             $.toastDefaults.position = 'bottom-center';
             $.toastDefaults.dismissible = true;

From 03e44120952e8c04943211aa2a9868f6a4e9771c Mon Sep 17 00:00:00 2001
From: Phudal <080_075@naver.com>
Date: Tue, 19 Jan 2021 20:30:20 +0900
Subject: [PATCH 19/47] =?UTF-8?q?Toast,=20Snack=20=EB=B2=84=ED=8A=BC=20?=
 =?UTF-8?q?=EC=9D=B4=EB=B2=A4=ED=8A=B8=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/example/index.html b/example/index.html
index 20efb22..52b77f9 100644
--- a/example/index.html
+++ b/example/index.html
@@ -93,18 +93,18 @@ <h1>Bootstrap starter template</h1>
             $.toastDefaults.stackable = true;
             $.toastDefaults.pauseDelayOnHover = true;
 
-            $('.snack').click(function () {
-                var type = TYPES[Math.floor(Math.random() * TYPES.length)],
-                    content = CONTENT[type];
+            $('.snack-btn').click(() => {
+                let type = TYPES[Math.floor(Math.random() * TYPES.length)];
+                let content = CONTENT[type];
 
-                $.snack(type, content);
+                $.snack(type, content, 5000);
             });
 
-            $('.toast-btn').click(function () {
-                var rng = Math.floor(Math.random() * 2) + 1,
-                    type = TYPES[Math.floor(Math.random() * TYPES.length)],
-                    title = TITLES[type],
-                    content = CONTENT[type];
+            $('.toast-btn').click(() => {
+                let rng = Math.floor(Math.random() * 2) + 1;
+                let type = TYPES[Math.floor(Math.random() * TYPES.length)];
+                let title = TITLES[type];
+                let content = CONTENT[type];
 
                 if (rng === 1) {
                     $.toast({
@@ -122,7 +122,7 @@ <h1>Bootstrap starter template</h1>
                         content: content,
                         delay: 5000,
                         img: {
-                            src: 'https://via.placeholder.com/20',
+                            src: IMG_URL,
                             alt: 'Image'
                         }
                     });

From 2a3a1ec2f9d4566b6e6c16e39cb86e3a964a0082 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Tue, 19 Jan 2021 20:35:46 +0900
Subject: [PATCH 20/47] =?UTF-8?q?ECMAScript6=20=EB=AC=B8=EB=B2=95=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/toast.js | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/js/toast.js b/src/js/toast.js
index 6f9e7aa..63f9d4e 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -21,7 +21,7 @@
         }
     };
 
-    $('body').on('hidden.bs.toast', '.toast', function () {
+    $('body').on('hidden.bs.toast', '.toast', () => {
         $(this).remove();
     });
 
@@ -119,7 +119,7 @@
         html += `</div>`;
 
         if (!$.toastDefaults.stackable) {
-            toastContainer.find('.toast').each(function () {
+            toastContainer.find('.toast').each(() => {
                 $(this).remove();
             });
 
@@ -131,17 +131,17 @@
         }
 
         if ($.toastDefaults.pauseDelayOnHover) {
-            setTimeout(function () {
+            setTimeout(() => {
                 if (!paused) {
                     $(`#${id}`).toast('hide');
                 }
             }, opts.delay);
 
-            $('body').on('mouseover', `#${id}`, function () {
+            $('body').on('mouseover', `#${id}`, () => {
                 paused = true;
             });
 
-            $(document).on('mouseleave', '#' + id, function () {
+            $(document).on('mouseleave', '#' + id, () => {
                 const current = Math.floor(Date.now() / 1000),
                     future = parseInt($(this).data('hideAfter'));
 

From b4fed78a190435d4d7f62d66ed92a34fad648189 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Tue, 19 Jan 2021 20:46:08 +0900
Subject: [PATCH 21/47] =?UTF-8?q?=ED=94=8C=EB=9F=AC=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=EC=B4=88=EA=B8=B0=ED=99=94=20=EB=A9=94=EC=84=9C=EB=93=9C=20toa?=
 =?UTF-8?q?stInit=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/toast.js | 130 ++++++++++++++++++++++++++++++------------------
 1 file changed, 82 insertions(+), 48 deletions(-)

diff --git a/src/js/toast.js b/src/js/toast.js
index 63f9d4e..e56b713 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -8,20 +8,20 @@
     const TOAST_CONTAINER_HTML = `<div id="toast-container" class="toast-container" aria-live="polite" aria-atomic="true"></div>`;
 
     $.toastDefaults = {
-        position: 'top-right',
+        position: "top-right",
         dismissible: true,
-        stackable: true,
+        stackable: true, // stackable & pauseDelayOnHover options are incompatible
         pauseDelayOnHover: true,
         style: {
-            toast: '',
-            info: '',
-            success: '',
-            warning: '',
-            error: '',
-        }
+            toast: "",
+            info: "",
+            success: "",
+            warning: "",
+            error: "",
+        },
     };
 
-    $('body').on('hidden.bs.toast', '.toast', () => {
+    $("body").on("hidden.bs.toast", ".toast", () => {
         $(this).remove();
     });
 
@@ -29,22 +29,31 @@
 
     function render(opts) {
         /** No container, create our own **/
-        if (!$('#toast-container').length) {
-            const position = ['top-right', 'top-left', 'top-center', 'bottom-right', 'bottom-left', 'bottom-center'].includes($.toastDefaults.position) ? $.toastDefaults.position : 'top-right';
-
-            $('body').prepend(TOAST_CONTAINER_HTML);
-            $('#toast-container').addClass(position);
+        if (!$("#toast-container").length) {
+            const position = [
+                "top-right",
+                "top-left",
+                "top-center",
+                "bottom-right",
+                "bottom-left",
+                "bottom-center",
+            ].includes($.toastDefaults.position)
+                ? $.toastDefaults.position
+                : "top-right";
+
+            $("body").prepend(TOAST_CONTAINER_HTML);
+            $("#toast-container").addClass(position);
         }
 
-        let toastContainer = $('#toast-container');
-        let html = '';
+        let toastContainer = $("#toast-container");
+        let html = "";
         let classes = {
             header: {
-                fg: '',
-                bg: ''
+                fg: "",
+                bg: "",
             },
-            subtitle: 'text-white',
-            dismiss: 'text-white'
+            subtitle: "text-white",
+            dismiss: "text-white",
         };
         let id = opts.id || `toast-${toastRunningCount}`;
         let type = opts.type;
@@ -52,48 +61,57 @@
         let subtitle = opts.subtitle;
         let content = opts.content;
         let img = opts.img;
-        let delayOrAutohide = opts.delay ? `data-delay="${opts.delay}"` : `data-autohide="false"`;
+        let delayOrAutohide = opts.delay
+            ? `data-delay="${opts.delay}"`
+            : `data-autohide="false"`;
         let hideAfter = ``;
         let dismissible = $.toastDefaults.dismissible;
         let globalToastStyles = $.toastDefaults.style.toast;
         let paused = false;
 
-        if (typeof opts.dismissible !== 'undefined') {
+        if (typeof opts.dismissible !== "undefined") {
             dismissible = opts.dismissible;
         }
 
         switch (type) {
-            case 'info':
-                classes.header.bg = $.toastDefaults.style.info || 'bg-info';
-                classes.header.fg = $.toastDefaults.style.info || 'text-white';
+            case "info":
+                classes.header.bg = $.toastDefaults.style.info || "bg-info";
+                classes.header.fg = $.toastDefaults.style.info || "text-white";
                 break;
 
-            case 'success':
-                classes.header.bg = $.toastDefaults.style.success || 'bg-success';
-                classes.header.fg = $.toastDefaults.style.info || 'text-white';
+            case "success":
+                classes.header.bg =
+                    $.toastDefaults.style.success || "bg-success";
+                classes.header.fg = $.toastDefaults.style.info || "text-white";
                 break;
 
-            case 'warning':
-                classes.header.bg = $.toastDefaults.style.warning || 'bg-warning';
-                classes.header.fg = $.toastDefaults.style.warning || 'text-white';
+            case "warning":
+                classes.header.bg =
+                    $.toastDefaults.style.warning || "bg-warning";
+                classes.header.fg =
+                    $.toastDefaults.style.warning || "text-white";
                 break;
 
-            case 'error':
-                classes.header.bg = $.toastDefaults.style.error || 'bg-danger';
-                classes.header.fg = $.toastDefaults.style.error || 'text-white';
+            case "error":
+                classes.header.bg = $.toastDefaults.style.error || "bg-danger";
+                classes.header.fg = $.toastDefaults.style.error || "text-white";
                 break;
         }
 
         if ($.toastDefaults.pauseDelayOnHover && opts.delay) {
             delayOrAutohide = `data-autohide="false"`;
-            hideAfter = `data-hide-after="${Math.floor(Date.now() / 1000) + (opts.delay / 1000)}"`;
+            hideAfter = `data-hide-after="${
+                Math.floor(Date.now() / 1000) + opts.delay / 1000
+            }"`;
         }
 
         html = `<div id="${id}" class="toast ${globalToastStyles}" role="alert" aria-live="assertive" aria-atomic="true" ${delayOrAutohide} ${hideAfter}>`;
         html += `<div class="toast-header ${classes.header.bg} ${classes.header.fg}">`;
 
         if (img) {
-            html += `<img src="${img.src}" class="mr-2 ${img.class || ''}" alt="${img.alt || 'Image'}">`;
+            html += `<img src="${img.src}" class="mr-2 ${
+                img.class || ""
+            }" alt="${img.alt || "Image"}">`;
         }
 
         html += `<strong class="mr-auto">${title}</strong>`;
@@ -119,36 +137,36 @@
         html += `</div>`;
 
         if (!$.toastDefaults.stackable) {
-            toastContainer.find('.toast').each(() => {
+            toastContainer.find(".toast").each(() => {
                 $(this).remove();
             });
 
             toastContainer.append(html);
-            toastContainer.find('.toast:last').toast('show');
+            toastContainer.find(".toast:last").toast("show");
         } else {
             toastContainer.append(html);
-            toastContainer.find('.toast:last').toast('show');
+            toastContainer.find(".toast:last").toast("show");
         }
 
         if ($.toastDefaults.pauseDelayOnHover) {
             setTimeout(() => {
                 if (!paused) {
-                    $(`#${id}`).toast('hide');
+                    $(`#${id}`).toast("hide");
                 }
             }, opts.delay);
 
-            $('body').on('mouseover', `#${id}`, () => {
+            $("body").on("mouseover", `#${id}`, () => {
                 paused = true;
             });
 
-            $(document).on('mouseleave', '#' + id, () => {
+            $(document).on("mouseleave", "#" + id, () => {
                 const current = Math.floor(Date.now() / 1000),
-                    future = parseInt($(this).data('hideAfter'));
+                    future = parseInt($(this).data("hideAfter"));
 
                 paused = false;
 
                 if (current >= future) {
-                    $(this).toast('hide');
+                    $(this).toast("hide");
                 }
             });
         }
@@ -156,6 +174,22 @@
         toastRunningCount++;
     }
 
+    /**
+     * Set default option values
+     * @param opts
+     */
+    $.toastInit = function (opts) {
+        const { position, dismissible, stackable, pauseDelayOnHover } = opts;
+
+        // set values
+        $.toastDefaults.position = position ?? $.toastDefaults.position;
+        $.toastDefaults.dismissible =
+            dismissible ?? $.toastDefaults.dismissible;
+        $.toastDefaults.stackable = stackable ?? $.toastDefaults.stackable;
+        $.toastDefaults.pauseDelayOnHover =
+            pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
+    };
+
     /**
      * Show a snack
      * @param type
@@ -166,9 +200,9 @@
         return render({
             type,
             title,
-            delay
+            delay,
         });
-    }
+    };
 
     /**
      * Show a toast
@@ -176,5 +210,5 @@
      */
     $.toast = function (opts) {
         return render(opts);
-    }
-}(jQuery));
\ No newline at end of file
+    };
+})(jQuery);

From 159bb76457dc12e13bdeecdde45fd10877045506 Mon Sep 17 00:00:00 2001
From: Phudal <080_075@naver.com>
Date: Tue, 19 Jan 2021 20:48:16 +0900
Subject: [PATCH 22/47] =?UTF-8?q?=EC=83=98=ED=94=8C=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20Toast=20=ED=94=8C=EB=9F=AC=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=EC=B4=88=EA=B8=B0=EA=B0=92=20=EB=B3=80=EA=B2=BD(stackable,=20p?=
 =?UTF-8?q?auseDelayOnHover)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/example/index.html b/example/index.html
index 52b77f9..8d0402b 100644
--- a/example/index.html
+++ b/example/index.html
@@ -88,10 +88,12 @@ <h1>Bootstrap starter template</h1>
                 };
             const IMG_URL = 'https://via.placeholder.com/20';
 
-            $.toastDefaults.position = 'bottom-center';
-            $.toastDefaults.dismissible = true;
-            $.toastDefaults.stackable = true;
-            $.toastDefaults.pauseDelayOnHover = true;
+            $.toastInit({
+                position: 'bottom-center',
+                dismissible: true,
+                stackable: true,
+                pauseDelayOnHover: false
+            });
 
             $('.snack-btn').click(() => {
                 let type = TYPES[Math.floor(Math.random() * TYPES.length)];

From efc1c69520d95f40d724280585252bd4121bffec Mon Sep 17 00:00:00 2001
From: Phudal <080_075@naver.com>
Date: Tue, 19 Jan 2021 20:51:45 +0900
Subject: [PATCH 23/47] =?UTF-8?q?position=20=EB=B3=80=EA=B2=BD=EC=8B=9C=20?=
 =?UTF-8?q?=EC=B4=88=EA=B8=B0=ED=99=94=20=EB=A9=94=EC=84=9C=EB=93=9C=20?=
 =?UTF-8?q?=ED=98=B8=EC=B6=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/example/index.html b/example/index.html
index 8d0402b..9f05161 100644
--- a/example/index.html
+++ b/example/index.html
@@ -99,6 +99,9 @@ <h1>Bootstrap starter template</h1>
                 let type = TYPES[Math.floor(Math.random() * TYPES.length)];
                 let content = CONTENT[type];
 
+                $.toastInit({
+                    position: $('#toast-position').val()
+                });
                 $.snack(type, content, 5000);
             });
 
@@ -108,6 +111,9 @@ <h1>Bootstrap starter template</h1>
                 let title = TITLES[type];
                 let content = CONTENT[type];
 
+                $.toastInit({
+                    position: $('#toast-position').val()
+                });
                 if (rng === 1) {
                     $.toast({
                         type: type,

From d4ccb1c95cb87bbf2664e406e1582206908ae12e Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Tue, 19 Jan 2021 20:54:07 +0900
Subject: [PATCH 24/47] =?UTF-8?q?Toast=20=EC=98=B5=EC=85=98=EC=97=90=20ico?=
 =?UTF-8?q?n=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 example/index.html | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/example/index.html b/example/index.html
index 943aa9f..d0e7536 100644
--- a/example/index.html
+++ b/example/index.html
@@ -106,7 +106,8 @@ <h1>Bootstrap 5.0 Toast Example</h1>
                         title: title,
                         subtitle: '11 mins ago',
                         content: content,
-                        delay: 5000
+                        delay: 5000,
+                        icon: 'fab fa-github'
                     });
                 } else {
                     $.toast({

From 31b1b8701229a165ffd6c30ac02f60e15ebcce54 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Tue, 19 Jan 2021 22:29:09 +0900
Subject: [PATCH 25/47] =?UTF-8?q?toastDefaults=20=EA=B8=B0=EB=B3=B8?=
 =?UTF-8?q?=EA=B0=92=20=EC=B6=94=EA=B0=80(types)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/toast.js | 50 ++++++++++++++++++++++++++++++-------------------
 1 file changed, 31 insertions(+), 19 deletions(-)

diff --git a/src/js/toast.js b/src/js/toast.js
index e56b713..5c1629b 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -7,39 +7,46 @@
 (function ($) {
     const TOAST_CONTAINER_HTML = `<div id="toast-container" class="toast-container" aria-live="polite" aria-atomic="true"></div>`;
 
+    // default option values
     $.toastDefaults = {
         position: "top-right",
         dismissible: true,
         stackable: true, // stackable & pauseDelayOnHover options are incompatible
-        pauseDelayOnHover: true,
+        pauseDelayOnHover: false,
         style: {
             toast: "",
             info: "",
             success: "",
             warning: "",
             error: "",
+            primary: "",
+            secondary: "",
+            light: "",
+            dark: ""
         },
     };
 
+    // This event is fired when the toast has finished being hidden from the user.
     $("body").on("hidden.bs.toast", ".toast", () => {
         $(this).remove();
     });
 
+    // unique id for each toast and snack
     let toastRunningCount = 1;
 
     function render(opts) {
         /** No container, create our own **/
         if (!$("#toast-container").length) {
             const position = [
-                "top-right",
-                "top-left",
-                "top-center",
-                "bottom-right",
-                "bottom-left",
-                "bottom-center",
-            ].includes($.toastDefaults.position)
-                ? $.toastDefaults.position
-                : "top-right";
+                    "top-right",
+                    "top-left",
+                    "top-center",
+                    "bottom-right",
+                    "bottom-left",
+                    "bottom-center",
+                ].includes($.toastDefaults.position) ?
+                $.toastDefaults.position :
+                "top-right";
 
             $("body").prepend(TOAST_CONTAINER_HTML);
             $("#toast-container").addClass(position);
@@ -61,9 +68,9 @@
         let subtitle = opts.subtitle;
         let content = opts.content;
         let img = opts.img;
-        let delayOrAutohide = opts.delay
-            ? `data-delay="${opts.delay}"`
-            : `data-autohide="false"`;
+        let delayOrAutohide = opts.delay ?
+            `data-delay="${opts.delay}"` :
+            `data-autohide="false"`;
         let hideAfter = ``;
         let dismissible = $.toastDefaults.dismissible;
         let globalToastStyles = $.toastDefaults.style.toast;
@@ -179,15 +186,20 @@
      * @param opts
      */
     $.toastInit = function (opts) {
-        const { position, dismissible, stackable, pauseDelayOnHover } = opts;
+        const {
+            position,
+            dismissible,
+            stackable,
+            pauseDelayOnHover
+        } = opts;
 
         // set values
-        $.toastDefaults.position = position ?? $.toastDefaults.position;
+        $.toastDefaults.position = position ? ? $.toastDefaults.position;
         $.toastDefaults.dismissible =
-            dismissible ?? $.toastDefaults.dismissible;
-        $.toastDefaults.stackable = stackable ?? $.toastDefaults.stackable;
+            dismissible ? ? $.toastDefaults.dismissible;
+        $.toastDefaults.stackable = stackable ? ? $.toastDefaults.stackable;
         $.toastDefaults.pauseDelayOnHover =
-            pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
+            pauseDelayOnHover ? ? $.toastDefaults.pauseDelayOnHover;
     };
 
     /**
@@ -211,4 +223,4 @@
     $.toast = function (opts) {
         return render(opts);
     };
-})(jQuery);
+})(jQuery);
\ No newline at end of file

From c515afaeb3e8e68e7187a5fbf602fac8799b5d59 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Tue, 19 Jan 2021 22:34:41 +0900
Subject: [PATCH 26/47] =?UTF-8?q?type=EB=B3=84=20background=20class=20?=
 =?UTF-8?q?=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/toast.js | 37 ++++++++++++++++++++++++++++++++-----
 1 file changed, 32 insertions(+), 5 deletions(-)

diff --git a/src/js/toast.js b/src/js/toast.js
index 5c1629b..894b434 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -37,6 +37,7 @@
     function render(opts) {
         /** No container, create our own **/
         if (!$("#toast-container").length) {
+            // if not exists
             const position = [
                     "top-right",
                     "top-left",
@@ -52,9 +53,9 @@
             $("#toast-container").addClass(position);
         }
 
-        let toastContainer = $("#toast-container");
-        let html = "";
-        let classes = {
+        // template options
+        const toastContainer = $("#toast-container");
+        const classes = {
             header: {
                 fg: "",
                 bg: "",
@@ -62,15 +63,19 @@
             subtitle: "text-white",
             dismiss: "text-white",
         };
+        let html = "";
+
+        // toast options
         let id = opts.id || `toast-${toastRunningCount}`;
         let type = opts.type;
         let title = opts.title;
         let subtitle = opts.subtitle;
         let content = opts.content;
         let img = opts.img;
+        let icon = opts.icon;
         let delayOrAutohide = opts.delay ?
-            `data-delay="${opts.delay}"` :
-            `data-autohide="false"`;
+            `data-bs-delay="${opts.delay}"` :
+            `data-bs-autohide="false"`;
         let hideAfter = ``;
         let dismissible = $.toastDefaults.dismissible;
         let globalToastStyles = $.toastDefaults.style.toast;
@@ -80,6 +85,7 @@
             dismissible = opts.dismissible;
         }
 
+        // check style classes
         switch (type) {
             case "info":
                 classes.header.bg = $.toastDefaults.style.info || "bg-info";
@@ -103,6 +109,27 @@
                 classes.header.bg = $.toastDefaults.style.error || "bg-danger";
                 classes.header.fg = $.toastDefaults.style.error || "text-white";
                 break;
+
+            case "primary":
+                classes.header.bg = $.toastDefaults.style.error || "bg-primary";
+                classes.header.fg = $.toastDefaults.style.error || "text-white";
+                break;
+
+            case "secondary":
+                classes.header.bg =
+                    $.toastDefaults.style.error || "bg-secondary";
+                classes.header.fg = $.toastDefaults.style.error || "text-white";
+                break;
+
+            case "light":
+                classes.header.bg = $.toastDefaults.style.error || "bg-light";
+                classes.header.fg = $.toastDefaults.style.error || "";
+                break;
+
+            case "dark":
+                classes.header.bg = $.toastDefaults.style.error || "bg-dark";
+                classes.header.fg = $.toastDefaults.style.error || "text-white";
+                break;
         }
 
         if ($.toastDefaults.pauseDelayOnHover && opts.delay) {

From 758656071c9891d00f96e22fec2099a1f6930ecd Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Tue, 19 Jan 2021 22:39:13 +0900
Subject: [PATCH 27/47] =?UTF-8?q?Bootstrap=205.0=EB=B2=84=EC=A0=84=20toast?=
 =?UTF-8?q?=20=EC=9D=B4=EB=B2=A4=ED=8A=B8,=20=EB=A9=94=EC=84=9C=EB=93=9C?=
 =?UTF-8?q?=20=EC=97=85=EB=8D=B0=EC=9D=B4=ED=8A=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/toast.js | 62 ++++++++++++++++++++++++-------------------------
 1 file changed, 31 insertions(+), 31 deletions(-)

diff --git a/src/js/toast.js b/src/js/toast.js
index 894b434..db417d3 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -22,7 +22,7 @@
             primary: "",
             secondary: "",
             light: "",
-            dark: ""
+            dark: "",
         },
     };
 
@@ -39,15 +39,15 @@
         if (!$("#toast-container").length) {
             // if not exists
             const position = [
-                    "top-right",
-                    "top-left",
-                    "top-center",
-                    "bottom-right",
-                    "bottom-left",
-                    "bottom-center",
-                ].includes($.toastDefaults.position) ?
-                $.toastDefaults.position :
-                "top-right";
+                "top-right",
+                "top-left",
+                "top-center",
+                "bottom-right",
+                "bottom-left",
+                "bottom-center",
+            ].includes($.toastDefaults.position)
+                ? $.toastDefaults.position
+                : "top-right";
 
             $("body").prepend(TOAST_CONTAINER_HTML);
             $("#toast-container").addClass(position);
@@ -73,9 +73,9 @@
         let content = opts.content;
         let img = opts.img;
         let icon = opts.icon;
-        let delayOrAutohide = opts.delay ?
-            `data-bs-delay="${opts.delay}"` :
-            `data-bs-autohide="false"`;
+        let delayOrAutohide = opts.delay
+            ? `data-bs-delay="${opts.delay}"`
+            : `data-bs-autohide="false"`;
         let hideAfter = ``;
         let dismissible = $.toastDefaults.dismissible;
         let globalToastStyles = $.toastDefaults.style.toast;
@@ -132,32 +132,35 @@
                 break;
         }
 
+        // check delay options
         if ($.toastDefaults.pauseDelayOnHover && opts.delay) {
-            delayOrAutohide = `data-autohide="false"`;
+            delayOrAutohide = `data-bs-autohide="false"`;
             hideAfter = `data-hide-after="${
                 Math.floor(Date.now() / 1000) + opts.delay / 1000
             }"`;
         }
 
+        // prepare html
         html = `<div id="${id}" class="toast ${globalToastStyles}" role="alert" aria-live="assertive" aria-atomic="true" ${delayOrAutohide} ${hideAfter}>`;
         html += `<div class="toast-header ${classes.header.bg} ${classes.header.fg}">`;
 
         if (img) {
-            html += `<img src="${img.src}" class="mr-2 ${
+            html += `<img src="${img.src}" class="rounded me-2 ${
                 img.class || ""
-            }" alt="${img.alt || "Image"}">`;
+            }" alt="${img.alt || "Toast Image"}">`;
         }
 
-        html += `<strong class="mr-auto">${title}</strong>`;
+        if (icon) {
+            html += `<i class="${icon} mr-2"></i>&nbsp;`;
+        }
+        html += `<strong class="me-auto">${title}</strong>`;
 
         if (subtitle) {
             html += `<small class="${classes.subtitle}">${subtitle}</small>`;
         }
 
         if (dismissible) {
-            html += `<button type="button" class="ml-2 mb-1 close" data-dismiss="toast" aria-label="Close">
-                        <span aria-hidden="true" class="${classes.dismiss}">&times;</span>
-                    </button>`;
+            html += `<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>`;
         }
 
         html += `</div>`;
@@ -170,6 +173,7 @@
 
         html += `</div>`;
 
+        // check stackable option
         if (!$.toastDefaults.stackable) {
             toastContainer.find(".toast").each(() => {
                 $(this).remove();
@@ -182,6 +186,7 @@
             toastContainer.find(".toast:last").toast("show");
         }
 
+        // hover delay action
         if ($.toastDefaults.pauseDelayOnHover) {
             setTimeout(() => {
                 if (!paused) {
@@ -213,20 +218,15 @@
      * @param opts
      */
     $.toastInit = function (opts) {
-        const {
-            position,
-            dismissible,
-            stackable,
-            pauseDelayOnHover
-        } = opts;
+        const { position, dismissible, stackable, pauseDelayOnHover } = opts;
 
         // set values
-        $.toastDefaults.position = position ? ? $.toastDefaults.position;
+        $.toastDefaults.position = position ?? $.toastDefaults.position;
         $.toastDefaults.dismissible =
-            dismissible ? ? $.toastDefaults.dismissible;
-        $.toastDefaults.stackable = stackable ? ? $.toastDefaults.stackable;
+            dismissible ?? $.toastDefaults.dismissible;
+        $.toastDefaults.stackable = stackable ?? $.toastDefaults.stackable;
         $.toastDefaults.pauseDelayOnHover =
-            pauseDelayOnHover ? ? $.toastDefaults.pauseDelayOnHover;
+            pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
     };
 
     /**
@@ -250,4 +250,4 @@
     $.toast = function (opts) {
         return render(opts);
     };
-})(jQuery);
\ No newline at end of file
+})(jQuery);

From 2c99c306473611127f0cc6135b153d16ce0bbe4b Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Tue, 19 Jan 2021 22:47:54 +0900
Subject: [PATCH 28/47] =?UTF-8?q?pauseDelayOnHover=20=EA=B8=B0=EB=8A=A5=20?=
 =?UTF-8?q?undefined=20=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/toast.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/js/toast.js b/src/js/toast.js
index db417d3..899e9cc 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -188,7 +188,7 @@
 
         // hover delay action
         if ($.toastDefaults.pauseDelayOnHover) {
-            setTimeout(() => {
+            setTimeout(function () {
                 if (!paused) {
                     $(`#${id}`).toast("hide");
                 }
@@ -200,12 +200,12 @@
 
             $(document).on("mouseleave", "#" + id, () => {
                 const current = Math.floor(Date.now() / 1000),
-                    future = parseInt($(this).data("hideAfter"));
+                    future = parseInt($("#" + id).data("hideAfter"), 10);
 
                 paused = false;
 
                 if (current >= future) {
-                    $(this).toast("hide");
+                    $("#" + id).toast("hide");
                 }
             });
         }

From d47402311ff63c1dbe658a0a6f23be60f189aec4 Mon Sep 17 00:00:00 2001
From: HyunJi-Seo <shd5632@naver.com>
Date: Wed, 20 Jan 2021 18:34:23 +0900
Subject: [PATCH 29/47] =?UTF-8?q?README.md=20=ED=94=8C=EB=9F=AC=EA=B7=B8?=
 =?UTF-8?q?=EC=9D=B8=20=EC=84=A4=EB=AA=85=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 59 +++++++++++++++++++++++++++++--------------------------
 1 file changed, 31 insertions(+), 28 deletions(-)

diff --git a/README.md b/README.md
index c378c3f..a61945d 100644
--- a/README.md
+++ b/README.md
@@ -1,13 +1,15 @@
-# Toast - A Bootstrap 5.0(originally 4.2+) jQuery plugin
+# Toast - A Bootstrap 5.0 jQuery plugin
 
-* [About](#about)
-* [Usage](#usage)
-    * [Live Example](https://jsfiddle.net/47n5ygth/)
-* [Contributing](#contributing)
+-   [About](#about)
+-   [Updates](#updates)
+-   [Usage](#usage)
+    -   [Live Example](https://romantic-wozniak-01d0b4.netlify.app/)
+-   [Contributing](#contributing)
+    -   [Contributors](#contributors)
 
-### About
+## About
 
-As of Bootstrap 4.2, [toasts](https://getbootstrap.com/docs/4.2/components/toasts/) have been introduced and the aim of this plugin is to make them easier to use.
+As of **Bootstrap 4.2**, [toasts](https://getbootstrap.com/docs/4.2/components/toasts/) have been introduced and the aim of this plugin is to make them easier to use. (original)
 
 ### Usage
 
@@ -17,17 +19,17 @@ Modify the global variables to apply specific rules/styles to all your toasts.
 
 ```javascript
 $.toastDefaults = {
-    position: 'top-right', /** top-left/top-right/top-center/bottom-left/bottom-right/bottom-center - Where the toast will show up **/
-    dismissible: true, /** true/false - If you want to show the button to dismiss the toast manually **/
-    stackable: true, /** true/false - If you want the toasts to be stackable **/
-    pauseDelayOnHover: true, /** true/false - If you want to pause the delay of toast when hovering over the toast **/
+    position: "top-right" /** top-left/top-right/top-center/bottom-left/bottom-right/bottom-center - Where the toast will show up **/,
+    dismissible: true /** true/false - If you want to show the button to dismiss the toast manually **/,
+    stackable: true /** true/false - If you want the toasts to be stackable **/,
+    pauseDelayOnHover: true /** true/false - If you want to pause the delay of toast when hovering over the toast **/,
     style: {
-        toast: '', /** Classes you want to apply separated my a space to each created toast element (.toast) **/
-        info: '', /** Classes you want to apply separated my a space to modify the "info" type style  **/
-        success: '', /** Classes you want to apply separated my a space to modify the "success" type style  **/
-        warning: '', /** Classes you want to apply separated my a space to modify the "warning" type style  **/
-        error: '', /** Classes you want to apply separated my a space to modify the "error" type style  **/
-    }
+        toast: "" /** Classes you want to apply separated my a space to each created toast element (.toast) **/,
+        info: "" /** Classes you want to apply separated my a space to modify the "info" type style  **/,
+        success: "" /** Classes you want to apply separated my a space to modify the "success" type style  **/,
+        warning: "" /** Classes you want to apply separated my a space to modify the "warning" type style  **/,
+        error: "" /** Classes you want to apply separated my a space to modify the "error" type style  **/,
+    },
 };
 ```
 
@@ -36,8 +38,9 @@ $.toastDefaults = {
 A "snack" is a bitesized "toast".
 
 ```javascript
-$.snack(type, title, delay)
+$.snack(type, title, delay);
 ```
+
 <img src="https://i.gyazo.com/165671094c4c956bf89a05f4d9f089b1.png">
 
 **Note:** The final argument `delay` is omitable. If omitted, the toast will remain forever.
@@ -46,16 +49,16 @@ $.snack(type, title, delay)
 
 ```javascript
 $.toast({
-    type: 'info',
-    title: 'Notice!',
-    subtitle: '11 mins ago',
-    content: 'Hello, world! This is a toast message.',
+    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'
-    }
+        src: "https://via.placeholder.com/20",
+        class: "rounded-0" /**  Classes you want to apply separated my a space to modify the image **/,
+        alt: "Image",
+    },
 });
 ```
 
@@ -65,5 +68,5 @@ $.toast({
 
 Feel free to contribute in any of the ways outlined:
 
-- Submit issues/pull requests
-- Tell us how you're using this plugin in *your* project
+-   Submit issues/pull requests
+-   Tell us how you're using this plugin in _your_ project

From d7bfd81ec16538d19b1d47a4c57b0f44abc73e48 Mon Sep 17 00:00:00 2001
From: HyunJi-Seo <shd5632@naver.com>
Date: Wed, 20 Jan 2021 18:37:17 +0900
Subject: [PATCH 30/47] =?UTF-8?q?=ED=94=8C=EB=9F=AC=EA=B7=B8=EC=9D=B8=20gl?=
 =?UTF-8?q?obal=20variables,=20=ED=94=8C=EB=9F=AC=EA=B7=B8=EC=9D=B8=20?=
 =?UTF-8?q?=EC=B4=88=EA=B8=B0=ED=99=94=20=EB=A9=94=EC=84=9C=EB=93=9C=20?=
 =?UTF-8?q?=EC=84=A4=EB=AA=85=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 57 +++++++++++++++++++++++++++++++++++++++++++------------
 1 file changed, 45 insertions(+), 12 deletions(-)

diff --git a/README.md b/README.md
index a61945d..ef3466d 100644
--- a/README.md
+++ b/README.md
@@ -11,28 +11,61 @@
 
 As of **Bootstrap 4.2**, [toasts](https://getbootstrap.com/docs/4.2/components/toasts/) have been introduced and the aim of this plugin is to make them easier to use. (original)
 
-### Usage
+## Updates
 
-#### Gloabls
+## Usage
+
+### Global Variables (or default values)
 
 Modify the global variables to apply specific rules/styles to all your toasts.
 
-```javascript
+```js
+// default option values
 $.toastDefaults = {
-    position: "top-right" /** top-left/top-right/top-center/bottom-left/bottom-right/bottom-center - Where the toast will show up **/,
-    dismissible: true /** true/false - If you want to show the button to dismiss the toast manually **/,
-    stackable: true /** true/false - If you want the toasts to be stackable **/,
-    pauseDelayOnHover: true /** true/false - If you want to pause the delay of toast when hovering over the toast **/,
+    position: "top-right",
+    dismissible: true,
+    stackable: true, // stackable & pauseDelayOnHover options are incompatible
+    pauseDelayOnHover: false,
     style: {
-        toast: "" /** Classes you want to apply separated my a space to each created toast element (.toast) **/,
-        info: "" /** Classes you want to apply separated my a space to modify the "info" type style  **/,
-        success: "" /** Classes you want to apply separated my a space to modify the "success" type style  **/,
-        warning: "" /** Classes you want to apply separated my a space to modify the "warning" type style  **/,
-        error: "" /** Classes you want to apply separated my a space to modify the "error" type style  **/,
+        // user custom style classname
+        toast: "",
+        info: "",
+        success: "",
+        warning: "",
+        error: "",
+        primary: "",
+        secondary: "",
+        light: "",
+        dark: "",
     },
 };
 ```
 
+### Initializing Global Variables
+
+```js
+// plugin initializing function
+$.toastInit = function (opts) {
+    const { position, dismissible, stackable, pauseDelayOnHover } = opts;
+
+    // set values (using ES6 nullish coalescing)
+    $.toastDefaults.position = position ?? $.toastDefaults.position;
+    $.toastDefaults.dismissible = dismissible ?? $.toastDefaults.dismissible;
+    $.toastDefaults.stackable = stackable ?? $.toastDefaults.stackable;
+    $.toastDefaults.pauseDelayOnHover = pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
+};
+```
+
+```js
+// initializing example in sample.html
+$.toastInit({
+    position: "bottom-center",
+    dismissible: true,
+    stackable: true, // stackable & pauseDelayOnHover options are incompatible
+    pauseDelayOnHover: false,
+});
+```
+
 #### Snack
 
 A "snack" is a bitesized "toast".

From 080af1eb175e3090cffac58e79602aec0b28f86a Mon Sep 17 00:00:00 2001
From: HyunJi-Seo <shd5632@naver.com>
Date: Wed, 20 Jan 2021 18:39:24 +0900
Subject: [PATCH 31/47] =?UTF-8?q?Toast=20global=20variables=20=ED=85=8C?=
 =?UTF-8?q?=EC=9D=B4=EB=B8=94=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/README.md b/README.md
index ef3466d..621bcaa 100644
--- a/README.md
+++ b/README.md
@@ -43,6 +43,13 @@ $.toastDefaults = {
 
 ### Initializing Global Variables
 
+| Option Name                       | Type    | Description                                                                                                                            | Values                                                                                                                                  |
+| :-------------------------------- | ------- | -------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------- |
+| $.toastDefaults.position          | String  | Set toast & snack position from the container(or viewport).                                                                            | 'top-right' \| 'top-center' \| 'top-left' \| 'bottom-right' \| 'bottom-center' \| 'bottom-left' (middle option currently not-supported) |
+| $.toastDefaults.dismissible       | Boolean | Enables toast & snack dismissible with dismiss button.                                                                                 | true \| false                                                                                                                           |
+| $.toastDefaults.stackable         | Boolean | Enables toast & snack stackable. (not compatible with 'pauseDelayOnHover' option.)                                                     | true \| false                                                                                                                           |
+| $.toastDefaults.pauseDelayOnHover | Boolean | Enables toast & snack to stop auto-hide when hover mouse pointer on specific toast or snack. (not compatible with 'stackable' option.) | true \| false                                                                                                                           |
+
 ```js
 // plugin initializing function
 $.toastInit = function (opts) {

From 3b2187c0d5a022024df23a29be239f44ece718c5 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Wed, 20 Jan 2021 18:40:57 +0900
Subject: [PATCH 32/47] =?UTF-8?q?stackable=20=EC=98=B5=EC=85=98=EC=9D=B4?=
 =?UTF-8?q?=20=EB=8F=99=EC=9E=91=ED=95=98=EC=A7=80=20=EC=95=8A=EB=8A=94=20?=
 =?UTF-8?q?=EC=98=A4=EB=A5=98=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/toast.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/js/toast.js b/src/js/toast.js
index 899e9cc..8800cb4 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -175,7 +175,7 @@
 
         // check stackable option
         if (!$.toastDefaults.stackable) {
-            toastContainer.find(".toast").each(() => {
+            toastContainer.find(".toast").each(function () {
                 $(this).remove();
             });
 

From 00b6715df2ddb9d38f0b0102ab28827ffaec60fb Mon Sep 17 00:00:00 2001
From: HyunJi-Seo <shd5632@naver.com>
Date: Wed, 20 Jan 2021 18:43:08 +0900
Subject: [PATCH 33/47] =?UTF-8?q?Toast=20&=20Snack=20=EC=98=B5=EC=85=98,?=
 =?UTF-8?q?=20=EC=82=AC=EC=9A=A9=20=EC=98=88=EC=A0=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 38 ++++++++++++++++++++++++--------------
 1 file changed, 24 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index 621bcaa..bf992ed 100644
--- a/README.md
+++ b/README.md
@@ -73,36 +73,46 @@ $.toastInit({
 });
 ```
 
-#### Snack
+---
 
-A "snack" is a bitesized "toast".
+### Snack (customized toast)
 
-```javascript
-$.snack(type, title, delay);
+![snack-img](http://soya.moe:463/CDN/snack.png)
+
+```js
+$.snack = function (type, title, delay) {
+    return render({
+        type,
+        title,
+        delay,
+    });
+};
 ```
 
-<img src="https://i.gyazo.com/165671094c4c956bf89a05f4d9f089b1.png">
+**Note:** The final argument `delay` is omittable (optional). If omitted, the toast will remain forever.
 
-**Note:** The final argument `delay` is omitable. If omitted, the toast will remain forever.
+### Toast
 
-#### Toast
+![toast-img](http://soya.moe:463/CDN/toast.png)
 
-```javascript
+```js
 $.toast({
-    type: "info",
-    title: "Notice!",
+    type: type,
+    title: title,
     subtitle: "11 mins ago",
-    content: "Hello, world! This is a toast message.",
+    content: content,
     delay: 5000,
+    icon: "fab fa-github", // font-awesome6 icon class
     img: {
-        src: "https://via.placeholder.com/20",
-        class: "rounded-0" /**  Classes you want to apply separated my a space to modify the image **/,
+        src: IMG_URL,
         alt: "Image",
     },
 });
 ```
 
-<img src="https://i.gyazo.com/63c444e180d5d18ef8a71df2969cc0cc.png">
+**Note:** The 'icon' and 'img' options are compatible but not recommended to use them together.
+
+---
 
 ### Contributing
 

From 7fcc5a6739d5d956b5f4cf45a9e00444169efcbf Mon Sep 17 00:00:00 2001
From: HyunJi-Seo <shd5632@naver.com>
Date: Wed, 20 Jan 2021 18:44:28 +0900
Subject: [PATCH 34/47] =?UTF-8?q?Contributors,=20Live=20Demo=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EB=A7=81=ED=81=AC=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 18 +++++++++++++++++-
 1 file changed, 17 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index bf992ed..e2986d2 100644
--- a/README.md
+++ b/README.md
@@ -114,9 +114,25 @@ $.toast({
 
 ---
 
-### Contributing
+### Live Example (from Netlify)
+
+[Live Demo](https://romantic-wozniak-01d0b4.netlify.app/)
+
+![live-demo](http://soya.moe:463/CDN/live-demo.png)
+
+---
+
+## Contributing (to original REPO or this fork)
 
 Feel free to contribute in any of the ways outlined:
 
 -   Submit issues/pull requests
 -   Tell us how you're using this plugin in _your_ project
+
+[@Script47/Toast](https://github.com/Script47/Toast)
+
+### Contributors
+
+Thanks to all contributors.
+
+[@yuiopna](https://github.com/yuiopna), [@shd5632](https://github.com/shd5632), [@Phudal](https://github.com/Phudal)

From 8b2f048aa35673b7fd12a82791afd4b80016a711 Mon Sep 17 00:00:00 2001
From: HyunJi-Seo <shd5632@naver.com>
Date: Wed, 20 Jan 2021 18:50:21 +0900
Subject: [PATCH 35/47] =?UTF-8?q?=EC=9B=90=EB=B3=B8=20=ED=94=84=EB=A1=9C?=
 =?UTF-8?q?=EC=A0=9D=ED=8A=B8=EC=97=90=EC=84=9C=20=EB=B3=80=EA=B2=BD?=
 =?UTF-8?q?=EB=90=9C=20=EC=82=AC=ED=95=AD=20updates=20=EC=84=B9=EC=85=98?=
 =?UTF-8?q?=EC=97=90=20=EA=B8=B0=EB=A1=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/README.md b/README.md
index e2986d2..3767c4e 100644
--- a/README.md
+++ b/README.md
@@ -13,6 +13,14 @@ As of **Bootstrap 4.2**, [toasts](https://getbootstrap.com/docs/4.2/components/t
 
 ## Updates
 
+As Bootstrap was updated to version 5.0(beta), the usage of the toast component changed. So, we fixed some code that was not compatible with Bootstrap 4 and added some new features.
+
+-   Bootstrap Core updated to 5.0(beta)
+-   Deleted incompatible codes and fixed
+-   jQuery updated to latest version
+-   Icon and more background colors are supported
+-   Minor code errors and mistakes fixed
+
 ## Usage
 
 ### Global Variables (or default values)

From 1a7eeb6accf48d16ebce59958400fd1980f01440 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Wed, 20 Jan 2021 19:14:46 +0900
Subject: [PATCH 36/47] =?UTF-8?q?=ED=95=A8=EA=BB=98=20=EC=93=B8=20?=
 =?UTF-8?q?=EC=88=98=EC=97=86=EB=8A=94=20stackable,=20pauseDelayOnHover=20?=
 =?UTF-8?q?=EC=98=B5=EC=85=98=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/toast.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/js/toast.js b/src/js/toast.js
index 8800cb4..441a006 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -227,6 +227,13 @@
         $.toastDefaults.stackable = stackable ?? $.toastDefaults.stackable;
         $.toastDefaults.pauseDelayOnHover =
             pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
+
+        // check incompatible variables
+        if ($.toastDefaults.stackable) {
+            $.toastDefaults.pauseDelayOnHover = false;
+        } else {
+            $.toastDefaults.pauseDelayOnHover = true;
+        }
     };
 
     /**

From 3946eb37e45d96616fb2ba9b7e1daea91150a7bd Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Wed, 20 Jan 2021 19:17:56 +0900
Subject: [PATCH 37/47] =?UTF-8?q?toastInit=20=EC=B4=88=EA=B8=B0=ED=99=94?=
 =?UTF-8?q?=20=EB=A9=94=EC=84=9C=EB=93=9C=20=EC=84=A4=EB=AA=85=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 3767c4e..825ff5d 100644
--- a/README.md
+++ b/README.md
@@ -63,11 +63,20 @@ $.toastDefaults = {
 $.toastInit = function (opts) {
     const { position, dismissible, stackable, pauseDelayOnHover } = opts;
 
-    // set values (using ES6 nullish coalescing)
+    // set values
     $.toastDefaults.position = position ?? $.toastDefaults.position;
-    $.toastDefaults.dismissible = dismissible ?? $.toastDefaults.dismissible;
+    $.toastDefaults.dismissible =
+        dismissible ?? $.toastDefaults.dismissible;
     $.toastDefaults.stackable = stackable ?? $.toastDefaults.stackable;
-    $.toastDefaults.pauseDelayOnHover = pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
+    $.toastDefaults.pauseDelayOnHover =
+        pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
+
+    // check incompatible variables
+    if ($.toastDefaults.stackable) {
+        $.toastDefaults.pauseDelayOnHover = false;
+    } else {
+        $.toastDefaults.pauseDelayOnHover = true;
+    }
 };
 ```
 
@@ -130,7 +139,7 @@ $.toast({
 
 ---
 
-## Contributing (to original REPO or this fork)
+## Contributing
 
 Feel free to contribute in any of the ways outlined:
 

From 7a4812857187bcf220ee78172bd178df4d5e0bfc Mon Sep 17 00:00:00 2001
From: HyunJi-Seo <shd5632@naver.com>
Date: Wed, 20 Jan 2021 19:27:18 +0900
Subject: [PATCH 38/47] =?UTF-8?q?Toast=20=EB=B0=B0=EA=B2=BD=20=EC=83=89?=
 =?UTF-8?q?=EA=B9=94=EC=9D=B4=20light=EC=9D=BC=EA=B2=BD=EC=9A=B0=20?=
 =?UTF-8?q?=ED=85=8D=EC=8A=A4=ED=8A=B8=EB=A5=BC=20=EC=96=B4=EB=91=A1?=
 =?UTF-8?q?=EA=B2=8C=20=ED=91=9C=EC=8B=9C=ED=95=98=EA=B2=8C=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/toast.js | 43 +++++++++++--------------------------------
 1 file changed, 11 insertions(+), 32 deletions(-)

diff --git a/src/js/toast.js b/src/js/toast.js
index 441a006..0e0dbd9 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -38,16 +38,7 @@
         /** No container, create our own **/
         if (!$("#toast-container").length) {
             // if not exists
-            const position = [
-                "top-right",
-                "top-left",
-                "top-center",
-                "bottom-right",
-                "bottom-left",
-                "bottom-center",
-            ].includes($.toastDefaults.position)
-                ? $.toastDefaults.position
-                : "top-right";
+            const position = ["top-right", "top-left", "top-center", "bottom-right", "bottom-left", "bottom-center"].includes($.toastDefaults.position) ? $.toastDefaults.position : "top-right";
 
             $("body").prepend(TOAST_CONTAINER_HTML);
             $("#toast-container").addClass(position);
@@ -73,9 +64,7 @@
         let content = opts.content;
         let img = opts.img;
         let icon = opts.icon;
-        let delayOrAutohide = opts.delay
-            ? `data-bs-delay="${opts.delay}"`
-            : `data-bs-autohide="false"`;
+        let delayOrAutohide = opts.delay ? `data-bs-delay="${opts.delay}"` : `data-bs-autohide="false"`;
         let hideAfter = ``;
         let dismissible = $.toastDefaults.dismissible;
         let globalToastStyles = $.toastDefaults.style.toast;
@@ -93,16 +82,13 @@
                 break;
 
             case "success":
-                classes.header.bg =
-                    $.toastDefaults.style.success || "bg-success";
+                classes.header.bg = $.toastDefaults.style.success || "bg-success";
                 classes.header.fg = $.toastDefaults.style.info || "text-white";
                 break;
 
             case "warning":
-                classes.header.bg =
-                    $.toastDefaults.style.warning || "bg-warning";
-                classes.header.fg =
-                    $.toastDefaults.style.warning || "text-white";
+                classes.header.bg = $.toastDefaults.style.warning || "bg-warning";
+                classes.header.fg = $.toastDefaults.style.warning || "text-white";
                 break;
 
             case "error":
@@ -116,14 +102,13 @@
                 break;
 
             case "secondary":
-                classes.header.bg =
-                    $.toastDefaults.style.error || "bg-secondary";
+                classes.header.bg = $.toastDefaults.style.error || "bg-secondary";
                 classes.header.fg = $.toastDefaults.style.error || "text-white";
                 break;
 
             case "light":
                 classes.header.bg = $.toastDefaults.style.error || "bg-light";
-                classes.header.fg = $.toastDefaults.style.error || "";
+                classes.header.fg = $.toastDefaults.style.error || "text-secondary";
                 break;
 
             case "dark":
@@ -135,9 +120,7 @@
         // check delay options
         if ($.toastDefaults.pauseDelayOnHover && opts.delay) {
             delayOrAutohide = `data-bs-autohide="false"`;
-            hideAfter = `data-hide-after="${
-                Math.floor(Date.now() / 1000) + opts.delay / 1000
-            }"`;
+            hideAfter = `data-hide-after="${Math.floor(Date.now() / 1000) + opts.delay / 1000}"`;
         }
 
         // prepare html
@@ -145,9 +128,7 @@
         html += `<div class="toast-header ${classes.header.bg} ${classes.header.fg}">`;
 
         if (img) {
-            html += `<img src="${img.src}" class="rounded me-2 ${
-                img.class || ""
-            }" alt="${img.alt || "Toast Image"}">`;
+            html += `<img src="${img.src}" class="rounded me-2 ${img.class || ""}" alt="${img.alt || "Toast Image"}">`;
         }
 
         if (icon) {
@@ -222,11 +203,9 @@
 
         // set values
         $.toastDefaults.position = position ?? $.toastDefaults.position;
-        $.toastDefaults.dismissible =
-            dismissible ?? $.toastDefaults.dismissible;
+        $.toastDefaults.dismissible = dismissible ?? $.toastDefaults.dismissible;
         $.toastDefaults.stackable = stackable ?? $.toastDefaults.stackable;
-        $.toastDefaults.pauseDelayOnHover =
-            pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
+        $.toastDefaults.pauseDelayOnHover = pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
 
         // check incompatible variables
         if ($.toastDefaults.stackable) {

From b020e889e4762d16f4ad1eae0d6fce7a992484e2 Mon Sep 17 00:00:00 2001
From: HyunJi-Seo <shd5632@naver.com>
Date: Wed, 20 Jan 2021 19:49:27 +0900
Subject: [PATCH 39/47] =?UTF-8?q?Toast=EC=97=90=EC=84=9C=20=EB=AA=A8?=
 =?UTF-8?q?=EC=84=9C=EB=A6=AC=EA=B0=80=20=EB=91=A5=EA=B8=80=EC=A7=80=20?=
 =?UTF-8?q?=EC=95=8A=EA=B2=8C=20=ED=91=9C=EC=8B=9C=EB=90=98=EB=8A=94=20?=
 =?UTF-8?q?=ED=98=84=EC=83=81=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/css/toast.css | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/css/toast.css b/src/css/toast.css
index 84f7612..be33bca 100644
--- a/src/css/toast.css
+++ b/src/css/toast.css
@@ -42,20 +42,22 @@
     left: 50%;
 }
 
-.toast-container>.toast {
+.toast-container > .toast {
     min-width: 150px;
     background: transparent;
     border: none;
 }
 
-.toast-container>.toast>.toast-header {
+.toast-container > .toast > .toast-header {
     border: none;
 }
 
-.toast-container>.toast>.toast-header strong {
+.toast-container > .toast > .toast-header strong {
     padding-right: 20px;
 }
 
-.toast-container>.toast>.toast-body {
+.toast-container > .toast > .toast-body {
     background: white;
-}
\ No newline at end of file
+    border-bottom-left-radius: calc(0.25rem - 1px);
+    border-bottom-right-radius: calc(0.25rem - 1px);
+}

From c993dfe464b439f4a534f305b3310aef2ecdfaf3 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Wed, 20 Jan 2021 20:08:11 +0900
Subject: [PATCH 40/47] =?UTF-8?q?Snack=20render=EC=8B=9C=20=EC=9E=98?=
 =?UTF-8?q?=EB=AA=BB=EB=90=9C=20=EC=9D=B8=EC=9E=90=20=EC=A0=84=EB=8B=AC=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md         |   4 +-
 src/css/toast.css |   5 +++
 src/js/toast.js   | 111 ++++++++++++++++++++++++++++++----------------
 3 files changed, 79 insertions(+), 41 deletions(-)

diff --git a/README.md b/README.md
index 825ff5d..db2d507 100644
--- a/README.md
+++ b/README.md
@@ -97,10 +97,10 @@ $.toastInit({
 ![snack-img](http://soya.moe:463/CDN/snack.png)
 
 ```js
-$.snack = function (type, title, delay) {
+$.snack = function (type, content, delay) {
     return render({
         type,
-        title,
+        content,
         delay,
     });
 };
diff --git a/src/css/toast.css b/src/css/toast.css
index be33bca..7c17764 100644
--- a/src/css/toast.css
+++ b/src/css/toast.css
@@ -61,3 +61,8 @@
     border-bottom-left-radius: calc(0.25rem - 1px);
     border-bottom-right-radius: calc(0.25rem - 1px);
 }
+
+.toast-container > .toast > .toast-body.snack-rounded {
+    border-top-left-radius: calc(0.25rem - 1px);
+    border-top-right-radius: calc(0.25rem - 1px);
+}
diff --git a/src/js/toast.js b/src/js/toast.js
index 0e0dbd9..c66f26f 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -38,7 +38,16 @@
         /** No container, create our own **/
         if (!$("#toast-container").length) {
             // if not exists
-            const position = ["top-right", "top-left", "top-center", "bottom-right", "bottom-left", "bottom-center"].includes($.toastDefaults.position) ? $.toastDefaults.position : "top-right";
+            const position = [
+                "top-right",
+                "top-left",
+                "top-center",
+                "bottom-right",
+                "bottom-left",
+                "bottom-center",
+            ].includes($.toastDefaults.position)
+                ? $.toastDefaults.position
+                : "top-right";
 
             $("body").prepend(TOAST_CONTAINER_HTML);
             $("#toast-container").addClass(position);
@@ -64,7 +73,9 @@
         let content = opts.content;
         let img = opts.img;
         let icon = opts.icon;
-        let delayOrAutohide = opts.delay ? `data-bs-delay="${opts.delay}"` : `data-bs-autohide="false"`;
+        let delayOrAutohide = opts.delay
+            ? `data-bs-delay="${opts.delay}"`
+            : `data-bs-autohide="false"`;
         let hideAfter = ``;
         let dismissible = $.toastDefaults.dismissible;
         let globalToastStyles = $.toastDefaults.style.toast;
@@ -82,13 +93,16 @@
                 break;
 
             case "success":
-                classes.header.bg = $.toastDefaults.style.success || "bg-success";
+                classes.header.bg =
+                    $.toastDefaults.style.success || "bg-success";
                 classes.header.fg = $.toastDefaults.style.info || "text-white";
                 break;
 
             case "warning":
-                classes.header.bg = $.toastDefaults.style.warning || "bg-warning";
-                classes.header.fg = $.toastDefaults.style.warning || "text-white";
+                classes.header.bg =
+                    $.toastDefaults.style.warning || "bg-warning";
+                classes.header.fg =
+                    $.toastDefaults.style.warning || "text-white";
                 break;
 
             case "error":
@@ -102,13 +116,15 @@
                 break;
 
             case "secondary":
-                classes.header.bg = $.toastDefaults.style.error || "bg-secondary";
+                classes.header.bg =
+                    $.toastDefaults.style.error || "bg-secondary";
                 classes.header.fg = $.toastDefaults.style.error || "text-white";
                 break;
 
             case "light":
                 classes.header.bg = $.toastDefaults.style.error || "bg-light";
-                classes.header.fg = $.toastDefaults.style.error || "text-secondary";
+                classes.header.fg =
+                    $.toastDefaults.style.error || "text-secondary";
                 break;
 
             case "dark":
@@ -120,38 +136,53 @@
         // check delay options
         if ($.toastDefaults.pauseDelayOnHover && opts.delay) {
             delayOrAutohide = `data-bs-autohide="false"`;
-            hideAfter = `data-hide-after="${Math.floor(Date.now() / 1000) + opts.delay / 1000}"`;
+            hideAfter = `data-hide-after="${
+                Math.floor(Date.now() / 1000) + opts.delay / 1000
+            }"`;
         }
 
         // prepare html
-        html = `<div id="${id}" class="toast ${globalToastStyles}" role="alert" aria-live="assertive" aria-atomic="true" ${delayOrAutohide} ${hideAfter}>`;
-        html += `<div class="toast-header ${classes.header.bg} ${classes.header.fg}">`;
-
-        if (img) {
-            html += `<img src="${img.src}" class="rounded me-2 ${img.class || ""}" alt="${img.alt || "Toast Image"}">`;
-        }
-
-        if (icon) {
-            html += `<i class="${icon} mr-2"></i>&nbsp;`;
-        }
-        html += `<strong class="me-auto">${title}</strong>`;
-
-        if (subtitle) {
-            html += `<small class="${classes.subtitle}">${subtitle}</small>`;
-        }
-
-        if (dismissible) {
-            html += `<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>`;
-        }
-
-        html += `</div>`;
-
-        if (content) {
-            html += `<div class="toast-body">
-                        ${content}
-                    </div>`;
+        if (title) {
+            // toast
+            html = `<div id="${id}" class="toast ${globalToastStyles}" role="alert" aria-live="assertive" aria-atomic="true" ${delayOrAutohide} ${hideAfter}>`;
+            html += `<div class="toast-header ${classes.header.bg} ${classes.header.fg}">`;
+
+            if (img) {
+                html += `<img src="${img.src}" class="rounded me-2 ${
+                    img.class || ""
+                }" alt="${img.alt || "Toast Image"}">`;
+            }
+
+            if (icon) {
+                html += `<i class="${icon} mr-2"></i>&nbsp;`;
+            }
+            html += `<strong class="me-auto">${title}</strong>`;
+
+            if (subtitle) {
+                html += `<small class="${classes.subtitle}">${subtitle}</small>`;
+            }
+
+            if (dismissible) {
+                html += `<button type="button" class="btn-close" data-bs-dismiss="toast" aria-label="Close"></button>`;
+            }
+
+            html += `</div>`;
+
+            if (content) {
+                html += `<div class="toast-body">
+                            ${content}
+                        </div>`;
+            }
+        } else {
+            // snack
+            html = `<div id="${id}" class="toast align-items-center ${globalToastStyles}" role="alert" aria-live="assertive" aria-atomic="true" ${delayOrAutohide} ${hideAfter}>`;
+            html += `<div class="toast-body snack-rounded d-flex ${classes.header.bg} ${classes.header.fg}">`;
+            if (content) {
+                html += `${content}`;
+            }
+            html += `<button type="button" class="btn-close ms-auto me-2" data-bs-dismiss="toast" aria-label="Close"></button>
+            </div>`;
         }
-
         html += `</div>`;
 
         // check stackable option
@@ -203,9 +234,11 @@
 
         // set values
         $.toastDefaults.position = position ?? $.toastDefaults.position;
-        $.toastDefaults.dismissible = dismissible ?? $.toastDefaults.dismissible;
+        $.toastDefaults.dismissible =
+            dismissible ?? $.toastDefaults.dismissible;
         $.toastDefaults.stackable = stackable ?? $.toastDefaults.stackable;
-        $.toastDefaults.pauseDelayOnHover = pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
+        $.toastDefaults.pauseDelayOnHover =
+            pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
 
         // check incompatible variables
         if ($.toastDefaults.stackable) {
@@ -221,10 +254,10 @@
      * @param title
      * @param delay
      */
-    $.snack = function (type, title, delay) {
+    $.snack = function (type, content, delay) {
         return render({
             type,
-            title,
+            content,
             delay,
         });
     };

From bea90c4944fd9a648d25826eaa4acc6a0944ecb7 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Wed, 20 Jan 2021 20:18:49 +0900
Subject: [PATCH 41/47] =?UTF-8?q?toastInit=20=EC=B4=88=EA=B8=B0=ED=99=94?=
 =?UTF-8?q?=20=EB=A9=94=EC=84=9C=EB=93=9C=20=EC=84=A4=EB=AA=85=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index db2d507..06ceb92 100644
--- a/README.md
+++ b/README.md
@@ -65,11 +65,9 @@ $.toastInit = function (opts) {
 
     // set values
     $.toastDefaults.position = position ?? $.toastDefaults.position;
-    $.toastDefaults.dismissible =
-        dismissible ?? $.toastDefaults.dismissible;
+    $.toastDefaults.dismissible = dismissible ?? $.toastDefaults.dismissible;
     $.toastDefaults.stackable = stackable ?? $.toastDefaults.stackable;
-    $.toastDefaults.pauseDelayOnHover =
-        pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
+    $.toastDefaults.pauseDelayOnHover = pauseDelayOnHover ?? $.toastDefaults.pauseDelayOnHover;
 
     // check incompatible variables
     if ($.toastDefaults.stackable) {

From 4d7aebe2752e1395d4d2f1fca86fa19e4bb15d60 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Wed, 20 Jan 2021 20:28:58 +0900
Subject: [PATCH 42/47] =?UTF-8?q?Toast=20type=EB=B3=84=20=EC=BB=A4?=
 =?UTF-8?q?=EC=8A=A4=ED=85=80=20=ED=81=B4=EB=9E=98=EC=8A=A4=20=EC=B2=98?=
 =?UTF-8?q?=EB=A6=AC=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/js/toast.js | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/js/toast.js b/src/js/toast.js
index c66f26f..a1f4ab3 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -111,25 +111,28 @@
                 break;
 
             case "primary":
-                classes.header.bg = $.toastDefaults.style.error || "bg-primary";
-                classes.header.fg = $.toastDefaults.style.error || "text-white";
+                classes.header.bg =
+                    $.toastDefaults.style.primary || "bg-primary";
+                classes.header.fg =
+                    $.toastDefaults.style.primary || "text-white";
                 break;
 
             case "secondary":
                 classes.header.bg =
-                    $.toastDefaults.style.error || "bg-secondary";
-                classes.header.fg = $.toastDefaults.style.error || "text-white";
+                    $.toastDefaults.style.secondary || "bg-secondary";
+                classes.header.fg =
+                    $.toastDefaults.style.secondary || "text-white";
                 break;
 
             case "light":
-                classes.header.bg = $.toastDefaults.style.error || "bg-light";
+                classes.header.bg = $.toastDefaults.style.light || "bg-light";
                 classes.header.fg =
-                    $.toastDefaults.style.error || "text-secondary";
+                    $.toastDefaults.style.light || "text-secondary";
                 break;
 
             case "dark":
-                classes.header.bg = $.toastDefaults.style.error || "bg-dark";
-                classes.header.fg = $.toastDefaults.style.error || "text-white";
+                classes.header.bg = $.toastDefaults.style.dark || "bg-dark";
+                classes.header.fg = $.toastDefaults.style.dark || "text-white";
                 break;
         }
 

From a88886990ca1c1aca92281851d908b667af72076 Mon Sep 17 00:00:00 2001
From: SoyaNyan <nyan@soya.moe>
Date: Wed, 20 Jan 2021 20:30:31 +0900
Subject: [PATCH 43/47] Javascript syntax fixed

---
 src/js/toast.js | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/js/toast.js b/src/js/toast.js
index a1f4ab3..7a355d0 100644
--- a/src/js/toast.js
+++ b/src/js/toast.js
@@ -95,7 +95,8 @@
             case "success":
                 classes.header.bg =
                     $.toastDefaults.style.success || "bg-success";
-                classes.header.fg = $.toastDefaults.style.info || "text-white";
+                classes.header.fg =
+                    $.toastDefaults.style.success || "text-white";
                 break;
 
             case "warning":
@@ -173,8 +174,8 @@
 
             if (content) {
                 html += `<div class="toast-body">
-                            ${content}
-                        </div>`;
+                    ${content}
+                </div>`;
             }
         } else {
             // snack
@@ -215,12 +216,12 @@
 
             $(document).on("mouseleave", "#" + id, () => {
                 const current = Math.floor(Date.now() / 1000),
-                    future = parseInt($("#" + id).data("hideAfter"), 10);
+                    future = parseInt($(`#${id}`).data("hideAfter"), 10);
 
                 paused = false;
 
                 if (current >= future) {
-                    $("#" + id).toast("hide");
+                    $(`#${id}`).toast("hide");
                 }
             });
         }

From 5c326da56a6a960b9373ffee02601f7671202499 Mon Sep 17 00:00:00 2001
From: SOYANYAN <kimsonu@naver.com>
Date: Thu, 21 Jan 2021 00:08:13 +0900
Subject: [PATCH 44/47] =?UTF-8?q?Toast,=20Snack=20=EB=AF=B8=EB=A6=AC?=
 =?UTF-8?q?=EB=B3=B4=EA=B8=B0=20=EC=9D=B4=EB=AF=B8=EC=A7=80=20=EC=86=8C?=
 =?UTF-8?q?=EC=8A=A4=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 06ceb92..2e09752 100644
--- a/README.md
+++ b/README.md
@@ -92,7 +92,7 @@ $.toastInit({
 
 ### Snack (customized toast)
 
-![snack-img](http://soya.moe:463/CDN/snack.png)
+![snack-img](http://soya.moe:463/CDN/snack.png){: width="100%"}
 
 ```js
 $.snack = function (type, content, delay) {
@@ -108,7 +108,7 @@ $.snack = function (type, content, delay) {
 
 ### Toast
 
-![toast-img](http://soya.moe:463/CDN/toast.png)
+![toast-img](http://soya.moe:463/CDN/toast.png){: width="100%"}
 
 ```js
 $.toast({

From e4ce0d2c79bda9100b7c1c97c9e75818303e8b71 Mon Sep 17 00:00:00 2001
From: SOYANYAN <kimsonu@naver.com>
Date: Thu, 21 Jan 2021 00:09:56 +0900
Subject: [PATCH 45/47] Update README.md

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 2e09752..4bedf13 100644
--- a/README.md
+++ b/README.md
@@ -92,7 +92,7 @@ $.toastInit({
 
 ### Snack (customized toast)
 
-![snack-img](http://soya.moe:463/CDN/snack.png){: width="100%"}
+<center><img src="http://soya.moe:463/CDN/snack.png" width="100%"></center>
 
 ```js
 $.snack = function (type, content, delay) {
@@ -108,7 +108,7 @@ $.snack = function (type, content, delay) {
 
 ### Toast
 
-![toast-img](http://soya.moe:463/CDN/toast.png){: width="100%"}
+<center><img src="http://soya.moe:463/CDN/toast.png" width="100%"></center>
 
 ```js
 $.toast({

From 12ecb47153f24fb5abe32917f4881446ed2add0c Mon Sep 17 00:00:00 2001
From: SOYANYAN <kimsonu@naver.com>
Date: Thu, 21 Jan 2021 00:10:26 +0900
Subject: [PATCH 46/47] Update README.md

---
 README.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 4bedf13..b6d7242 100644
--- a/README.md
+++ b/README.md
@@ -92,7 +92,7 @@ $.toastInit({
 
 ### Snack (customized toast)
 
-<center><img src="http://soya.moe:463/CDN/snack.png" width="100%"></center>
+<center><img src="http://soya.moe:463/CDN/snack.png" width="60%"></center>
 
 ```js
 $.snack = function (type, content, delay) {
@@ -108,7 +108,7 @@ $.snack = function (type, content, delay) {
 
 ### Toast
 
-<center><img src="http://soya.moe:463/CDN/toast.png" width="100%"></center>
+<center><img src="http://soya.moe:463/CDN/toast.png" width="60%"></center>
 
 ```js
 $.toast({

From fec60ee5828b6d76cdca2b95921449a21f6114ce Mon Sep 17 00:00:00 2001
From: SOYANYAN <kimsonu@naver.com>
Date: Thu, 21 Jan 2021 11:37:33 +0900
Subject: [PATCH 47/47] Update README.md

---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index b6d7242..c8595cb 100644
--- a/README.md
+++ b/README.md
@@ -125,7 +125,7 @@ $.toast({
 });
 ```
 
-**Note:** The 'icon' and 'img' options are compatible but not recommended to use them together.
+**Note:** The `icon` and `img` options are compatible but not recommended to use them together.
 
 ---