From 919e6cccd4ae746c8a3cb5beff700f54cdb9dc04 Mon Sep 17 00:00:00 2001
From: Hassan Faghihi <hassan.faghihi@outlook.com>
Date: Wed, 25 Dec 2024 18:02:48 +0330
Subject: [PATCH 1/5] #69: Add RTL support

---
 demos/css/jquery.toast.css |  7 ++++-
 demos/index.html           | 64 +++++++++++++++++++++++++++++++++-----
 demos/js/jquery.toast.js   | 45 ++++++++++++++++++++++-----
 src/jquery.toast.css       |  7 ++++-
 src/jquery.toast.js        | 18 +++++++++--
 5 files changed, 121 insertions(+), 20 deletions(-)

diff --git a/demos/css/jquery.toast.css b/demos/css/jquery.toast.css
index 54ddf67..2b9fa50 100644
--- a/demos/css/jquery.toast.css
+++ b/demos/css/jquery.toast.css
@@ -9,17 +9,22 @@
 .jq-toast-wrap.top-left { top: 20px; left: 20px; }
 .jq-toast-wrap.top-right { top: 20px; right: 40px; }
 
-.jq-toast-single { display: block; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 12px; font-family: arial, sans-serif; line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white; }
+.jq-toast-single { display: block; direction: ltr; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 12px; font-family: arial, sans-serif; line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white; }
+.jq-toast-rtl .jq-toast-single { direction: rtl; }
 
 .jq-toast-single h2 { font-family: arial, sans-serif; font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal; }
+.jq-toast-rtl .jq-toast-single {  }
 .jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }
+.jq-toast-rtl .jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }
 
 .jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; }
 .jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; }
 
 .close-jq-toast-single { position: absolute; top: 3px; right: 7px; font-size: 14px; cursor: pointer; }
+.jq-toast-rtl .close-jq-toast-single { right: auto; left: 7px; }
 
 .jq-toast-loader { display: block; position: absolute; top: -2px; height: 5px; width: 0%; left: 0; border-radius: 5px; background: red; }
+.jq-toast-rtl .jq-toast-loader { left: auto; right: 0; }
 .jq-toast-loaded { width: 100%; }
 .jq-has-icon { padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px; }
 .jq-icon-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color: #31708f; color: #d9edf7; border-color: #bce8f1; }
diff --git a/demos/index.html b/demos/index.html
index 67491fa..c696a60 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -284,7 +284,34 @@ <h2 id="toasts-stack"><span class="muted">6.</span> Setting the toast stack</h2>
 
         <p><strong>Note</strong> Hit the run button multiple times to test these demos.</p>
 
-        <h2 id="toasts-positioning"><span class="muted">7.</span> Positioning the toast</h2>
+        <h2 id="toasts-positioning"><span class="muted">7.</span> Direction of the toast</h2>
+        <p><span class="code">direction</span> property can be used to specify the direction of content. There are following predefined direction which you can use:</p>
+        <ul>
+            <li><span class="code">ltr</span> The content of the box will render from Left to Right</li>
+            <li><span class="code">rtl</span> The content of the box will render from Left to Right</li>
+        </ul>
+
+        <div class="code-runner">
+            <a href="#" class="eval-js">Run Code</a>
+            <pre><code><span class='hidden'>$.toast().reset('all');</span>$.toast({
+    heading: 'Direction',
+    text: 'این متن از چپ به راست نوشته شده است. This text is written from left to right.',
+    direction: 'ltr',
+    stack: false
+})</code></pre>
+        </div>
+
+        <div class="code-runner">
+            <a href="#" class="eval-js">Run Code</a>
+            <pre><code><span class='hidden'>$.toast().reset('all');</span>$.toast({
+    heading: 'Direction',
+    text: 'این متن از راست به چپ نوشته شده است. This text is written from right to left.',
+    direction: 'rtl',
+    stack: false
+})</code></pre>
+        </div>
+        
+        <h2 id="toasts-direction"><span class="muted">8.</span> Positioning the toast</h2>
         <p><span class="code">position</span> property can be used to specify the position. There are following predefined positions which you can use:</p>
         <ul>
             <li><span class="code">bottom-left</span> value to show the toast at bottom left position</li>
@@ -387,7 +414,7 @@ <h2 id="toasts-positioning"><span class="muted">7.</span> Positioning the toast<
 <pre><code>$.toast().reset('all');</code></pre>
         </div>
     
-        <h2 id="toasts-icons"><span class="muted">8.</span> Messages with icons</h2>
+        <h2 id="toasts-icons"><span class="muted">9.</span> Messages with icons</h2>
         <p><span class="code">icon</span> property can be used to specify the predefined types of toasts. Following are the predefined types:</p>
         <ul>
             <li><span class="code">info</span> generates a toast with information icon</li>
@@ -432,7 +459,7 @@ <h2 id="toasts-icons"><span class="muted">8.</span> Messages with icons</h2>
 })</code></pre>
         </div>
             
-        <h2 id="toasts-bg-color"><span class="muted">9.</span> Background &amp; text color</h2>
+        <h2 id="toasts-bg-color"><span class="muted">10.</span> Background &amp; text color</h2>
         <p><span class="code">bgColor</span> property is used to specify the background color of the toast message. Default is '#444'</p>
         <p><span class="code">textColor</span> property is used to specify the text color of the toast message. Default is '#eee'</p>
             
@@ -446,7 +473,7 @@ <h2 id="toasts-bg-color"><span class="muted">9.</span> Background &amp; text col
 })</code></pre>
         </div>
 
-        <h2 id="toasts-text-alignment"><span class="muted">10.</span> Setting the text alignment</h2>
+        <h2 id="toasts-text-alignment"><span class="muted">11.</span> Setting the text alignment</h2>
         <p><span class="code">textAlign</span> property is used to set the alignment of text inside the toast. Permitted values are:</p>
         <ul>
             <li><span class="code">left</span></li>
@@ -462,7 +489,7 @@ <h2 id="toasts-text-alignment"><span class="muted">10.</span> Setting the text a
 })</code></pre>
         </div>
 
-        <h2 id="toasts-class"><span class="muted">9.</span> Custom Classes </h2>
+        <h2 id="toasts-class"><span class="muted">12.</span> Custom Classes </h2>
         <p><span class="code">class</span> property is used to add custom classes to the toast element</p>
         <style type="text/css">
             .larger-font {
@@ -479,7 +506,7 @@ <h2 id="toasts-class"><span class="muted">9.</span> Custom Classes </h2>
 })</code></pre>
         </div>
             
-        <h2 id="toasts-events"><span class="muted">11.</span> Toast Events</h2>
+        <h2 id="toasts-events"><span class="muted">13.</span> Toast Events</h2>
         <p>Toast exposes the following events for you to bind to whatever you want</p>
         <ul>
             <li><span class="code">beforeShow</span> will be triggered right before the toast is about to appear</li>
@@ -511,7 +538,7 @@ <h2 id="toasts-events"><span class="muted">11.</span> Toast Events</h2>
 })</code></pre>
         </div>
     
-        <h2 id="updating-toasts"><span class="muted">12.</span> Updating Toasts</h2>
+        <h2 id="updating-toasts"><span class="muted">14.</span> Updating Toasts</h2>
         <p>If you have a reference to a toast and want to update that, you can do so by calling the <span class="code">update</span> method on the instance.</p>
 
         <div class="code-runner">
@@ -537,7 +564,7 @@ <h2 id="updating-toasts"><span class="muted">12.</span> Updating Toasts</h2>
 </code></pre>
         </div>
 
-        <h2 id="resetting-toasts"><span class="muted">13.</span> Resetting Toasts</h2>
+        <h2 id="resetting-toasts"><span class="muted">15.</span> Resetting Toasts</h2>
         <p>If you have the reference to a specific toast, you can reset that by doing the following</p>
 
         <div class="code-runner">
@@ -567,6 +594,13 @@ <h1 id="toast-generator">Customize Plugin</h1>
             <label for="toast-heading">Heading</label>
             <input type="text" id="toast-heading" class="toast-heading" value="Note">
           </p>
+          <p>
+            <label for="toast-direction">Direction</label>
+            <select name="toast-direction" id="toast-direction" class="toast-direction">
+              <option value="ltr">Left to Right</option>
+              <option value="rtl">Right to Left</option>
+            </select>
+          </p>
           <p>
             <label for="toast-transition">Transition</label>
             <select name="toast-transition" id="toast-transition" class="toast-transition">
@@ -705,6 +739,7 @@ <h1 id="toast-generator">Customize Plugin</h1>
     <span class="toast-text-line"><span class="k">text</span>: "<span class="toast-text s">Hey there fellas, here is a simple toast. Change the options above and then see the code that generates that toast</span>", <span class="c">// Text that is to be shown in the toast</span></span>
     <span class="toast-heading-line"><span class="k">heading</span>: '<span class="toast-heading s">How to use</span>', <span class="c">// Optional heading to be shown on the toast</span></span>
     <span class="toast-icon-line"><span class="k">icon</span>: '<span class="toast-icon s">warning</span>', <span class="c">// Type of toast icon</span></span>
+    <span class="toast-direction-line"><span class="k">direction</span>: '<span class="toast-direction s">ltr</span>', <span class="c">// ltr or rtl: `ltr` for Left to Right and `rtl` for Right to Left</span></span>
     <span class="toast-transition-line"><span class="k">showHideTransition</span>: '<span class="toast-transition s">fade</span>', <span class="c">// fade, slide or plain</span></span>
     <span class="toast-allowToastClose-line"><span class="k">allowToastClose</span>: <spna class="kt toast-allowToastClose">true</spna>, <span class="c">// Boolean value <span class="kt">true</span> or <span class="kt">false</span></span></span>
     <span class="toast-hideAfter-line"><span class="k">hideAfter</span>: <span class="n toast-hideAfter">3000</span>, <span class="c">// <span class="kt">false</span> to make it sticky or number representing the miliseconds as time after which toast needs to be hidden</span></span>
@@ -765,6 +800,7 @@ <h1 id="toast-generator">Customize Plugin</h1>
                 function generateCode () {
                     var text = $('.plugin-options #toast-text').val(); 
                     var heading = $('.plugin-options #toast-heading').val(); 
+                    var direction = $('.toast-direction').val(); 
                     var transition = $('.toast-transition').val(); 
                     var allowToastClose = $('#allow-toast-close').val(); 
                     var autoHide = $('#auto-hide-toast').val(); 
@@ -794,6 +830,14 @@ <h1 id="toast-generator">Customize Plugin</h1>
                         $('.toast-heading-line .toast-heading').text(''); 
                     }; 
 
+                    if ( transition ) {
+                        $('.toast-direction-line').show() 
+                        $('.toast-direction-line .toast-direction').text( direction ); 
+                    } else {
+                        $('.toast-direction-line').hide(); 
+                        $('.toast-direction-line .toast-direction').text('ltr'); 
+                    } 
+
                     if ( transition ) {
                         $('.toast-transition-line').show() 
                         $('.toast-transition-line .toast-transition').text( transition ); 
@@ -929,6 +973,10 @@ <h1 id="toast-generator">Customize Plugin</h1>
                         options.heading = $('.toast-heading').text(); 
                     }; 
 
+                    if ( $('.toast-direction-line').is(':visible') ) {
+                        options.direction = $('.toast-direction-line .toast-direction').text(); 
+                    }; 
+
                     if ( $('.toast-transition-line').is(':visible') ) {
                         options.showHideTransition = $('.toast-transition-line .toast-transition').text(); 
                     }; 
diff --git a/demos/js/jquery.toast.js b/demos/js/jquery.toast.js
index 77cdf45..4680b5a 100644
--- a/demos/js/jquery.toast.js
+++ b/demos/js/jquery.toast.js
@@ -85,6 +85,12 @@ if ( typeof Object.create !== 'function' ) {
 
             if ( this.options.textAlign ) {
                 this._toastEl.css('text-align', this.options.textAlign);
+            } else {
+                if(this.options.direction === 'rtl') {
+                    this._toastEl.css('text-align', 'right');
+                } else {
+                    this._toastEl.css('text-align', 'left');
+                }
             }
 
             if ( this.options.icon !== false ) {
@@ -95,12 +101,19 @@ if ( typeof Object.create !== 'function' ) {
                 };
             };
 
+            if (this.options.direction) {
+                this._toastEl.addClass('jq-toast-' + this.options.direction);
+            } else {
+                this._toastEl.addClass('jq-toast-ltr');
+            }
+            
             if ( this.options.class !== false ){
                 this._toastEl.addClass(this.options.class)
             }
         },
 
         position: function () {
+            this.options.position = this.options.direction === 'rtl' ? 'bottom-right' : 'bottom-left'
             if ( ( typeof this.options.position === 'string' ) && ( $.inArray( this.options.position, this._positionClasses) !== -1 ) ) {
 
                 if ( this.options.position === 'bottom-center' ) {
@@ -166,27 +179,33 @@ if ( typeof Object.create !== 'function' ) {
 
             if ( typeof this.options.beforeShow == 'function' ) {
                 this._toastEl.on('beforeShow', function () {
-                    that.options.beforeShow();
+                    that.options.beforeShow(that._toastEl);
                 });
             };
 
             if ( typeof this.options.afterShown == 'function' ) {
                 this._toastEl.on('afterShown', function () {
-                    that.options.afterShown();
+                    that.options.afterShown(that._toastEl);
                 });
             };
 
             if ( typeof this.options.beforeHide == 'function' ) {
                 this._toastEl.on('beforeHide', function () {
-                    that.options.beforeHide();
+                    that.options.beforeHide(that._toastEl);
                 });
             };
 
             if ( typeof this.options.afterHidden == 'function' ) {
                 this._toastEl.on('afterHidden', function () {
-                    that.options.afterHidden();
+                    that.options.afterHidden(that._toastEl);
                 });
-            };          
+            };
+
+            if ( typeof this.options.onClick == 'function' ) {
+                this._toastEl.on('click', function () {
+                    that.options.onClick(that._toastEl);
+                });
+            };    
         },
 
         addToDom: function () {
@@ -317,6 +336,10 @@ if ( typeof Object.create !== 'function' ) {
             this.prepareOptions(options, this.options);
             this.setup();
             this.bindToast();
+        },
+        
+        close: function() {
+            this._toastEl.find('.close-jq-toast-single').click();
         }
     };
     
@@ -332,6 +355,10 @@ if ( typeof Object.create !== 'function' ) {
 
             update: function( options ) {
                 toast.update( options );
+            },
+            
+            close: function( ) {
+            	toast.close( );
             }
         }
     };
@@ -345,15 +372,17 @@ if ( typeof Object.create !== 'function' ) {
         loader: true,
         loaderBg: '#9EC600',
         stack: 5,
-        position: 'bottom-left',
+        position: '',
         bgColor: false,
         textColor: false,
-        textAlign: 'left',
+        textAlign: '',
         icon: false,
+        direction: 'ltr',
         beforeShow: function () {},
         afterShown: function () {},
         beforeHide: function () {},
-        afterHidden: function () {}
+        afterHidden: function () {},
+        onClick: function () {}
     };
 
 })( jQuery, window, document );
diff --git a/src/jquery.toast.css b/src/jquery.toast.css
index 54ddf67..2b9fa50 100644
--- a/src/jquery.toast.css
+++ b/src/jquery.toast.css
@@ -9,17 +9,22 @@
 .jq-toast-wrap.top-left { top: 20px; left: 20px; }
 .jq-toast-wrap.top-right { top: 20px; right: 40px; }
 
-.jq-toast-single { display: block; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 12px; font-family: arial, sans-serif; line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white; }
+.jq-toast-single { display: block; direction: ltr; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 12px; font-family: arial, sans-serif; line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white; }
+.jq-toast-rtl .jq-toast-single { direction: rtl; }
 
 .jq-toast-single h2 { font-family: arial, sans-serif; font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal; }
+.jq-toast-rtl .jq-toast-single {  }
 .jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }
+.jq-toast-rtl .jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }
 
 .jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; }
 .jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; }
 
 .close-jq-toast-single { position: absolute; top: 3px; right: 7px; font-size: 14px; cursor: pointer; }
+.jq-toast-rtl .close-jq-toast-single { right: auto; left: 7px; }
 
 .jq-toast-loader { display: block; position: absolute; top: -2px; height: 5px; width: 0%; left: 0; border-radius: 5px; background: red; }
+.jq-toast-rtl .jq-toast-loader { left: auto; right: 0; }
 .jq-toast-loaded { width: 100%; }
 .jq-has-icon { padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px; }
 .jq-icon-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color: #31708f; color: #d9edf7; border-color: #bce8f1; }
diff --git a/src/jquery.toast.js b/src/jquery.toast.js
index 1563986..4680b5a 100644
--- a/src/jquery.toast.js
+++ b/src/jquery.toast.js
@@ -85,6 +85,12 @@ if ( typeof Object.create !== 'function' ) {
 
             if ( this.options.textAlign ) {
                 this._toastEl.css('text-align', this.options.textAlign);
+            } else {
+                if(this.options.direction === 'rtl') {
+                    this._toastEl.css('text-align', 'right');
+                } else {
+                    this._toastEl.css('text-align', 'left');
+                }
             }
 
             if ( this.options.icon !== false ) {
@@ -95,12 +101,19 @@ if ( typeof Object.create !== 'function' ) {
                 };
             };
 
+            if (this.options.direction) {
+                this._toastEl.addClass('jq-toast-' + this.options.direction);
+            } else {
+                this._toastEl.addClass('jq-toast-ltr');
+            }
+            
             if ( this.options.class !== false ){
                 this._toastEl.addClass(this.options.class)
             }
         },
 
         position: function () {
+            this.options.position = this.options.direction === 'rtl' ? 'bottom-right' : 'bottom-left'
             if ( ( typeof this.options.position === 'string' ) && ( $.inArray( this.options.position, this._positionClasses) !== -1 ) ) {
 
                 if ( this.options.position === 'bottom-center' ) {
@@ -359,11 +372,12 @@ if ( typeof Object.create !== 'function' ) {
         loader: true,
         loaderBg: '#9EC600',
         stack: 5,
-        position: 'bottom-left',
+        position: '',
         bgColor: false,
         textColor: false,
-        textAlign: 'left',
+        textAlign: '',
         icon: false,
+        direction: 'ltr',
         beforeShow: function () {},
         afterShown: function () {},
         beforeHide: function () {},

From 302b91935dc9677151458012f80840d81a811b4d Mon Sep 17 00:00:00 2001
From: Hassan Faghihi <hassan.faghihi@outlook.com>
Date: Wed, 25 Dec 2024 18:03:28 +0330
Subject: [PATCH 2/5] #69: Add `dist` version of files

---
 dist/jquery.toast.min.css | 2 +-
 dist/jquery.toast.min.js  | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/dist/jquery.toast.min.css b/dist/jquery.toast.min.css
index cd7a293..752b54d 100644
--- a/dist/jquery.toast.min.css
+++ b/dist/jquery.toast.min.css
@@ -1 +1 @@
-.jq-toast-wrap,.jq-toast-wrap *{margin:0;padding:0}.jq-toast-wrap{display:block;position:fixed;width:250px;pointer-events:none!important;letter-spacing:normal;z-index:9000!important}.jq-toast-wrap.bottom-left{bottom:20px;left:20px}.jq-toast-wrap.bottom-right{bottom:20px;right:40px}.jq-toast-wrap.top-left{top:20px;left:20px}.jq-toast-wrap.top-right{top:20px;right:40px}.jq-toast-single{display:block;width:100%;padding:10px;margin:0 0 5px;border-radius:4px;font-size:12px;font-family:arial,sans-serif;line-height:17px;position:relative;pointer-events:all!important;background-color:#444;color:#fff}.jq-toast-single h2{font-family:arial,sans-serif;font-size:14px;margin:0 0 7px;background:0 0;color:inherit;line-height:inherit;letter-spacing:normal}.jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}.jq-toast-single ul{margin:0 0 0 15px;background:0 0;padding:0}.jq-toast-single ul li{list-style-type:disc!important;line-height:17px;background:0 0;margin:0;padding:0;letter-spacing:normal}.close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:14px;cursor:pointer}.jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0;left:0;border-radius:5px;background:red}.jq-toast-loaded{width:100%}.jq-has-icon{padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px}.jq-icon-info{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=);background-color:#31708f;color:#d9edf7;border-color:#bce8f1}.jq-icon-warning{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=);background-color:#8a6d3b;color:#fcf8e3;border-color:#faebcc}.jq-icon-error{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=);background-color:#a94442;color:#f2dede;border-color:#ebccd1}.jq-icon-success{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==);color:#dff0d8;background-color:#3c763d;border-color:#d6e9c6}
\ No newline at end of file
+.jq-toast-wrap{display:block;position:fixed;width:250px;pointer-events:none!important;margin:0;padding:0;letter-spacing:normal;z-index:9000!important}.jq-toast-wrap *{margin:0;padding:0}.jq-toast-wrap.bottom-left{bottom:20px;left:20px}.jq-toast-wrap.bottom-right{bottom:20px;right:40px}.jq-toast-wrap.top-left{top:20px;left:20px}.jq-toast-wrap.top-right{top:20px;right:40px}.jq-toast-single{display:block;direction:ltr;width:100%;padding:10px;margin:0 0 5px;border-radius:4px;font-size:12px;font-family:arial,sans-serif;line-height:17px;position:relative;pointer-events:all!important;background-color:#444;color:#fff}.jq-toast-rtl .jq-toast-single{direction:rtl}.jq-toast-single h2{font-family:arial,sans-serif;font-size:14px;margin:0 0 7px;background:0 0;color:inherit;line-height:inherit;letter-spacing:normal}.jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}.jq-toast-rtl .jq-toast-single a{color:#eee;text-decoration:none;font-weight:700;border-bottom:1px solid #fff;padding-bottom:3px;font-size:12px}.jq-toast-single ul{margin:0 0 0 15px;background:0 0;padding:0}.jq-toast-single ul li{list-style-type:disc!important;line-height:17px;background:0 0;margin:0;padding:0;letter-spacing:normal}.close-jq-toast-single{position:absolute;top:3px;right:7px;font-size:14px;cursor:pointer}.jq-toast-rtl .close-jq-toast-single{right:auto;left:7px}.jq-toast-loader{display:block;position:absolute;top:-2px;height:5px;width:0%;left:0;border-radius:5px;background:red}.jq-toast-rtl .jq-toast-loader{left:auto;right:0}.jq-toast-loaded{width:100%}.jq-has-icon{padding:10px 10px 10px 50px;background-repeat:no-repeat;background-position:10px}.jq-icon-info{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=');background-color:#31708f;color:#d9edf7;border-color:#bce8f1}.jq-icon-warning{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=');background-color:#8a6d3b;color:#fcf8e3;border-color:#faebcc}.jq-icon-error{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=');background-color:#a94442;color:#f2dede;border-color:#ebccd1}.jq-icon-success{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==');color:#dff0d8;background-color:#3c763d;border-color:#d6e9c6}
\ No newline at end of file
diff --git a/dist/jquery.toast.min.js b/dist/jquery.toast.min.js
index 7943fc7..88e0f87 100644
--- a/dist/jquery.toast.min.js
+++ b/dist/jquery.toast.min.js
@@ -1 +1,4 @@
-"function"!=typeof Object.create&&(Object.create=function(t){function o(){}return o.prototype=t,new o}),function(t,o,i,s){"use strict";var n={_positionClasses:["bottom-left","bottom-right","top-right","top-left","bottom-center","top-center","mid-center"],_defaultIcons:["success","error","info","warning"],init:function(o,i){this.prepareOptions(o,t.toast.options),this.process()},prepareOptions:function(o,i){var s={};"string"==typeof o||o instanceof Array?s.text=o:s=o,this.options=t.extend({},i,s)},process:function(){this.setup(),this.addToDom(),this.position(),this.bindToast(),this.animate()},setup:function(){var o="";if(this._toastEl=this._toastEl||t("<div></div>",{class:"jq-toast-single"}),o+='<span class="jq-toast-loader"></span>',this.options.allowToastClose&&(o+='<span class="close-jq-toast-single">&times;</span>'),this.options.text instanceof Array){this.options.heading&&(o+='<h2 class="jq-toast-heading">'+this.options.heading+"</h2>"),o+='<ul class="jq-toast-ul">';for(var i=0;i<this.options.text.length;i++)o+='<li class="jq-toast-li" id="jq-toast-item-'+i+'">'+this.options.text[i]+"</li>";o+="</ul>"}else this.options.heading&&(o+='<h2 class="jq-toast-heading">'+this.options.heading+"</h2>"),o+=this.options.text;this._toastEl.html(o),!1!==this.options.bgColor&&this._toastEl.css("background-color",this.options.bgColor),!1!==this.options.textColor&&this._toastEl.css("color",this.options.textColor),this.options.textAlign&&this._toastEl.css("text-align",this.options.textAlign),!1!==this.options.icon&&(this._toastEl.addClass("jq-has-icon"),-1!==t.inArray(this.options.icon,this._defaultIcons)&&this._toastEl.addClass("jq-icon-"+this.options.icon)),!1!==this.options.class&&this._toastEl.addClass(this.options.class)},position:function(){"string"==typeof this.options.position&&-1!==t.inArray(this.options.position,this._positionClasses)?"bottom-center"===this.options.position?this._container.css({left:t(o).outerWidth()/2-this._container.outerWidth()/2,bottom:20}):"top-center"===this.options.position?this._container.css({left:t(o).outerWidth()/2-this._container.outerWidth()/2,top:20}):"mid-center"===this.options.position?this._container.css({left:t(o).outerWidth()/2-this._container.outerWidth()/2,top:t(o).outerHeight()/2-this._container.outerHeight()/2}):this._container.addClass(this.options.position):"object"==typeof this.options.position?this._container.css({top:this.options.position.top?this.options.position.top:"auto",bottom:this.options.position.bottom?this.options.position.bottom:"auto",left:this.options.position.left?this.options.position.left:"auto",right:this.options.position.right?this.options.position.right:"auto"}):this._container.addClass("bottom-left")},bindToast:function(){var t=this;this._toastEl.on("afterShown",function(){t.processLoader()}),this._toastEl.find(".close-jq-toast-single").on("click",function(o){o.preventDefault(),"fade"===t.options.showHideTransition?(t._toastEl.trigger("beforeHide"),t._toastEl.fadeOut(function(){t._toastEl.trigger("afterHidden")})):"slide"===t.options.showHideTransition?(t._toastEl.trigger("beforeHide"),t._toastEl.slideUp(function(){t._toastEl.trigger("afterHidden")})):(t._toastEl.trigger("beforeHide"),t._toastEl.hide(function(){t._toastEl.trigger("afterHidden")}))}),"function"==typeof this.options.beforeShow&&this._toastEl.on("beforeShow",function(){t.options.beforeShow(t._toastEl)}),"function"==typeof this.options.afterShown&&this._toastEl.on("afterShown",function(){t.options.afterShown(t._toastEl)}),"function"==typeof this.options.beforeHide&&this._toastEl.on("beforeHide",function(){t.options.beforeHide(t._toastEl)}),"function"==typeof this.options.afterHidden&&this._toastEl.on("afterHidden",function(){t.options.afterHidden(t._toastEl)}),"function"==typeof this.options.onClick&&this._toastEl.on("click",function(){t.options.onClick(t._toastEl)})},addToDom:function(){var o=t(".jq-toast-wrap");if(0===o.length?(o=t("<div></div>",{class:"jq-toast-wrap",role:"alert","aria-live":"polite"}),t("body").append(o)):this.options.stack&&!isNaN(parseInt(this.options.stack,10))||o.empty(),o.find(".jq-toast-single:hidden").remove(),o.append(this._toastEl),this.options.stack&&!isNaN(parseInt(this.options.stack),10)){var i=o.find(".jq-toast-single").length-this.options.stack;i>0&&t(".jq-toast-wrap").find(".jq-toast-single").slice(0,i).remove()}this._container=o},canAutoHide:function(){return!1!==this.options.hideAfter&&!isNaN(parseInt(this.options.hideAfter,10))},processLoader:function(){if(!this.canAutoHide()||!1===this.options.loader)return!1;var t=this._toastEl.find(".jq-toast-loader"),o=(this.options.hideAfter-400)/1e3+"s",i=this.options.loaderBg,s=t.attr("style")||"";s=s.substring(0,s.indexOf("-webkit-transition")),s+="-webkit-transition: width "+o+" ease-in;                       -o-transition: width "+o+" ease-in;                       transition: width "+o+" ease-in;                       background-color: "+i+";",t.attr("style",s).addClass("jq-toast-loaded")},animate:function(){t=this;if(this._toastEl.hide(),this._toastEl.trigger("beforeShow"),"fade"===this.options.showHideTransition.toLowerCase()?this._toastEl.fadeIn(function(){t._toastEl.trigger("afterShown")}):"slide"===this.options.showHideTransition.toLowerCase()?this._toastEl.slideDown(function(){t._toastEl.trigger("afterShown")}):this._toastEl.show(function(){t._toastEl.trigger("afterShown")}),this.canAutoHide()){var t=this;o.setTimeout(function(){"fade"===t.options.showHideTransition.toLowerCase()?(t._toastEl.trigger("beforeHide"),t._toastEl.fadeOut(function(){t._toastEl.trigger("afterHidden")})):"slide"===t.options.showHideTransition.toLowerCase()?(t._toastEl.trigger("beforeHide"),t._toastEl.slideUp(function(){t._toastEl.trigger("afterHidden")})):(t._toastEl.trigger("beforeHide"),t._toastEl.hide(function(){t._toastEl.trigger("afterHidden")}))},this.options.hideAfter)}},reset:function(o){"all"===o?t(".jq-toast-wrap").remove():this._toastEl.remove()},update:function(t){this.prepareOptions(t,this.options),this.setup(),this.bindToast()},close:function(){this._toastEl.find(".close-jq-toast-single").click()}};t.toast=function(t){var o=Object.create(n);return o.init(t,this),{reset:function(t){o.reset(t)},update:function(t){o.update(t)},close:function(){o.close()}}},t.toast.options={text:"",heading:"",showHideTransition:"fade",allowToastClose:!0,hideAfter:3e3,loader:!0,loaderBg:"#9EC600",stack:5,position:"bottom-left",bgColor:!1,textColor:!1,textAlign:"left",icon:!1,beforeShow:function(){},afterShown:function(){},beforeHide:function(){},afterHidden:function(){},onClick:function(){}}}(jQuery,window,document);
+const{isArray:a}=Array;var b=a=>typeof a==='string';typeof Object.create!=='function'&&(Object.create=A=>{function F(){}F.prototype=A;return new F});(function($,_,c,void 0){"use strict";var d={_positionClasses:['bottom-left','bottom-right','top-right','top-left','bottom-center','top-center','mid-center'],_defaultIcons:['success','error','info','warning'],init:function(B,C){this.prepareOptions(B,$.toast.options);this.process()},prepareOptions:function(_a,_b){var _c={};b(_a)||a(_a)?_c.text=_a:_c=_a;this.options=$.extend({},_b,_c)},process:function(){this.setup();this.addToDom();this.position();this.bindToast();this.animate()},setup:function(){var D='';this._toastEl=this._toastEl||$('<div></div>',{class:'jq-toast-single'});D+='<span class="jq-toast-loader"></span>';this.options.allowToastClose&&(D+='<span class="close-jq-toast-single">&times;</span>');;if(a(this.options.text)){this.options.heading&&(D+='<h2 class="jq-toast-heading">'+this.options.heading+'</h2>');;D+='<ul class="jq-toast-ul">';for(var i=0;i<this.options.text.length;i++)D+='<li class="jq-toast-li" id="jq-toast-item-'+i+'">'+this.options.text[i]+'</li>';D+='</ul>'}else{this.options.heading&&(D+='<h2 class="jq-toast-heading">'+this.options.heading+'</h2>');;D+=this.options.text}this._toastEl.html(D);this.options.bgColor!==!1&&this._toastEl.css('background-color',this.options.bgColor);;this.options.textColor!==!1&&this._toastEl.css('color',this.options.textColor);;if(this.options.textAlign)this._toastEl.css('text-align',this.options.textAlign);else this.options.direction==='rtl'?this._toastEl.css('text-align','right'):this._toastEl.css('text-align','left');if(this.options.icon!==!1){this._toastEl.addClass('jq-has-icon');$.inArray(this.options.icon,this._defaultIcons)!==-1&&this._toastEl.addClass('jq-icon-'+this.options.icon);};this.options.direction?this._toastEl.addClass('jq-toast-'+this.options.direction):this._toastEl.addClass('jq-toast-ltr');this.options.class!==!1&&this._toastEl.addClass(this.options.class)},position:function(){this.options.position=this.options.direction==='rtl'?'bottom-right':'bottom-left';if((typeof this.options.position==='string')&&($.inArray(this.options.position,this._positionClasses)!==-1))if(this.options.position==='bottom-center')this._container.css({left:($(_).outerWidth()/2)-this._container.outerWidth()/2,bottom:20});else if(this.options.position==='top-center')this._container.css({left:($(_).outerWidth()/2)-this._container.outerWidth()/2,top:20});else this.options.position==='mid-center'?this._container.css({left:($(_).outerWidth()/2)-this._container.outerWidth()/2,top:($(_).outerHeight()/2)-this._container.outerHeight()/2}):this._container.addClass(this.options.position);else typeof this.options.position==='object'?this._container.css({top:this.options.position.top||'auto',bottom:this.options.position.bottom||'auto',left:this.options.position.left||'auto',right:this.options.position.right||'auto'}):this._container.addClass('bottom-left')},bindToast:function(){var _A=this;this._toastEl.on('afterShown',function(){_A.processLoader()});this._toastEl.find('.close-jq-toast-single').on('click',function(e){e.preventDefault();if(_A.options.showHideTransition==='fade'){_A._toastEl.trigger('beforeHide');_A._toastEl.fadeOut(()=>_A._toastEl.trigger('afterHidden'))}else _A.options.showHideTransition==='slide'?(_A._toastEl.trigger('beforeHide'),_A._toastEl.slideUp(()=>_A._toastEl.trigger('afterHidden'))):(_A._toastEl.trigger('beforeHide'),_A._toastEl.hide(()=>_A._toastEl.trigger('afterHidden')))});typeof this.options.beforeShow=='function'&&this._toastEl.on('beforeShow',function(){_A.options.beforeShow(_A._toastEl)});;typeof this.options.afterShown=='function'&&this._toastEl.on('afterShown',function(){_A.options.afterShown(_A._toastEl)});;typeof this.options.beforeHide=='function'&&this._toastEl.on('beforeHide',function(){_A.options.beforeHide(_A._toastEl)});;typeof this.options.afterHidden=='function'&&this._toastEl.on('afterHidden',function(){_A.options.afterHidden(_A._toastEl)});;typeof this.options.onClick=='function'&&this._toastEl.on('click',function(){_A.options.onClick(_A._toastEl)});},addToDom:function(){var E=$('.jq-toast-wrap');if(E.length===0){E=$('<div></div>',{class:'jq-toast-wrap',role:'alert','aria-live':'polite'});$('body').append(E)}else (!this.options.stack||isNaN(parseInt(this.options.stack,10)))&&E.empty();E.find('.jq-toast-single:hidden').remove();E.append(this._toastEl);if(this.options.stack&&!isNaN(parseInt(this.options.stack),10)){var _B=E.find('.jq-toast-single').length,_C=_B-this.options.stack;_C>0&&$('.jq-toast-wrap').find('.jq-toast-single').slice(0,_C).remove();}this._container=E},canAutoHide:function(){return (this.options.hideAfter!==!1)&&!isNaN(parseInt(this.options.hideAfter,10))},processLoader:function(){if(!this.canAutoHide()||this.options.loader===!1)return!1;var aA=this._toastEl.find('.jq-toast-loader'),aB=(this.options.hideAfter-400)/1000+'s',aC=this.options.loaderBg,_d=aA.attr('style')||'';_d=_d.substring(0,_d.indexOf('-webkit-transition'));_d+='-webkit-transition: width '+aB+' ease-in; \
+                      -o-transition: width '+aB+' ease-in; \
+                      transition: width '+aB+' ease-in; \
+                      background-color: '+aC+';';aA.attr('style',_d).addClass('jq-toast-loaded')},animate:function(){var aD=this;this._toastEl.hide();this._toastEl.trigger('beforeShow');if(this.options.showHideTransition.toLowerCase()==='fade')this._toastEl.fadeIn(function(){aD._toastEl.trigger('afterShown')});else this.options.showHideTransition.toLowerCase()==='slide'?this._toastEl.slideDown(function(){aD._toastEl.trigger('afterShown')}):this._toastEl.show(function(){aD._toastEl.trigger('afterShown')});if(this.canAutoHide()){var aD=this;_.setTimeout(function(){if(aD.options.showHideTransition.toLowerCase()==='fade'){aD._toastEl.trigger('beforeHide');aD._toastEl.fadeOut(()=>aD._toastEl.trigger('afterHidden'))}else aD.options.showHideTransition.toLowerCase()==='slide'?(aD._toastEl.trigger('beforeHide'),aD._toastEl.slideUp(()=>aD._toastEl.trigger('afterHidden'))):(aD._toastEl.trigger('beforeHide'),aD._toastEl.hide(()=>aD._toastEl.trigger('afterHidden')))},this.options.hideAfter)}},reset:function(aE){aE==='all'?$('.jq-toast-wrap').remove():this._toastEl.remove()},update:function(aF){this.prepareOptions(aF,this.options);this.setup();this.bindToast()},close:function(){this._toastEl.find('.close-jq-toast-single').click()}};$.toast=function(aG){var aH=Object.create(d);aH.init(aG,this);return{reset:function(aI){aH.reset(aI)},update:function(aJ){aH.update(aJ)},close:function(){aH.close()}}};$.toast.options={text:'',heading:'',showHideTransition:'fade',allowToastClose:!0,hideAfter:3000,loader:!0,loaderBg:'#9EC600',stack:5,position:'',bgColor:!1,textColor:!1,textAlign:'',icon:!1,direction:'ltr',beforeShow:function(){},afterShown:function(){},beforeHide:function(){},afterHidden:function(){},onClick:function(){}}})(jQuery,window,document);
\ No newline at end of file

From 4abdfb94d3204b565d9140e48d826fe7186b215f Mon Sep 17 00:00:00 2001
From: Hassan Faghihi <hassan.faghihi@outlook.com>
Date: Wed, 25 Dec 2024 18:09:07 +0330
Subject: [PATCH 3/5] #69: Add `dist` version of files

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 8a2843a..c8fdaff 100644
--- a/package.json
+++ b/package.json
@@ -3,7 +3,7 @@
   "filename": "dist/jquery.toast.min.js",
   "main": "dist/jquery.toast.min.js",
   "style": "dist/jquery.toast.min.css",
-  "version": "1.3.2",
+  "version": "1.4.0",
   "description": "Highly customizable jquery plugin to show toast messages",
   "homepage": "http://www.kamranahmed.info/toast",
   "keywords": [

From 730041f40101696bfea524380d50b3d231099a20 Mon Sep 17 00:00:00 2001
From: Hassan Faghihi <hassan.faghihi@outlook.com>
Date: Wed, 25 Dec 2024 19:11:51 +0330
Subject: [PATCH 4/5] #69: Add .gitignore & IDEA workspace configuration

---
 .gitignore                       | 14 ++++++++++++++
 .idea/.gitignore                 | 13 +++++++++++++
 .idea/dictionaries/h_faghihi.xml |  3 +++
 .idea/encodings.xml              |  4 ++++
 .idea/indexLayout.xml            |  8 ++++++++
 .idea/vcs.xml                    |  6 ++++++
 6 files changed, 48 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 .idea/.gitignore
 create mode 100644 .idea/dictionaries/h_faghihi.xml
 create mode 100644 .idea/encodings.xml
 create mode 100644 .idea/indexLayout.xml
 create mode 100644 .idea/vcs.xml

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..e092e15
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,14 @@
+# Node.js dependencies
+node_modules/
+
+# npm log files
+npm-debug.log*
+
+# Husky lock files
+.husky/_/husky.sh
+
+## Compiled JS files, minified files, and build outputs
+#dist/
+
+# Logs and temporary files
+*.log
\ No newline at end of file
diff --git a/.idea/.gitignore b/.idea/.gitignore
new file mode 100644
index 0000000..248748e
--- /dev/null
+++ b/.idea/.gitignore
@@ -0,0 +1,13 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Rider ignored files
+/.idea.jquery-toast-plugin.iml
+/modules.xml
+/contentModel.xml
+/projectSettingsUpdater.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml
diff --git a/.idea/dictionaries/h_faghihi.xml b/.idea/dictionaries/h_faghihi.xml
new file mode 100644
index 0000000..1529fdd
--- /dev/null
+++ b/.idea/dictionaries/h_faghihi.xml
@@ -0,0 +1,3 @@
+<component name="ProjectDictionaryState">
+    <dictionary name="h.faghihi" />
+</component>
\ No newline at end of file
diff --git a/.idea/encodings.xml b/.idea/encodings.xml
new file mode 100644
index 0000000..991305e
--- /dev/null
+++ b/.idea/encodings.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+    <component name="Encoding" addBOMForNewFiles="with BOM under Windows, with no BOM otherwise" />
+</project>
\ No newline at end of file
diff --git a/.idea/indexLayout.xml b/.idea/indexLayout.xml
new file mode 100644
index 0000000..7b08163
--- /dev/null
+++ b/.idea/indexLayout.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="UserContentModel">
+    <attachedFolders />
+    <explicitIncludes />
+    <explicitExcludes />
+  </component>
+</project>
\ No newline at end of file
diff --git a/.idea/vcs.xml b/.idea/vcs.xml
new file mode 100644
index 0000000..cabd2fe
--- /dev/null
+++ b/.idea/vcs.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+    <component name="VcsDirectoryMappings">
+        <mapping directory="$PROJECT_DIR$" vcs="Git" />
+    </component>
+</project>
\ No newline at end of file

From a62a69f017b1b24a4c6aa62ed80d30020d3172b7 Mon Sep 17 00:00:00 2001
From: Hassan Faghihi <hassan.faghihi@outlook.com>
Date: Wed, 25 Dec 2024 23:38:10 +0330
Subject: [PATCH 5/5] #69: Fix RTL icon & other bugs.

---
 demos/css/jquery.toast.css | 7 ++++---
 demos/js/jquery.toast.js   | 4 ++--
 src/jquery.toast.css       | 7 ++++---
 src/jquery.toast.js        | 4 ++--
 4 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/demos/css/jquery.toast.css b/demos/css/jquery.toast.css
index 2b9fa50..3d16003 100644
--- a/demos/css/jquery.toast.css
+++ b/demos/css/jquery.toast.css
@@ -10,14 +10,14 @@
 .jq-toast-wrap.top-right { top: 20px; right: 40px; }
 
 .jq-toast-single { display: block; direction: ltr; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 12px; font-family: arial, sans-serif; line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white; }
-.jq-toast-rtl .jq-toast-single { direction: rtl; }
+.jq-toast-rtl { direction: rtl; text-align: right; }
 
 .jq-toast-single h2 { font-family: arial, sans-serif; font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal; }
-.jq-toast-rtl .jq-toast-single {  }
+.jq-toast-rtl.jq-toast-single h2 { text-align: right; }
 .jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }
-.jq-toast-rtl .jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }
 
 .jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; }
+.jq-toast-rtl.jq-toast-single ul { margin: 0px 15px 0px 0px; background: none; padding:0px; }
 .jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; }
 
 .close-jq-toast-single { position: absolute; top: 3px; right: 7px; font-size: 14px; cursor: pointer; }
@@ -27,6 +27,7 @@
 .jq-toast-rtl .jq-toast-loader { left: auto; right: 0; }
 .jq-toast-loaded { width: 100%; }
 .jq-has-icon { padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px; }
+.jq-toast-rtl.jq-has-icon { padding: 10px 50px 10px 10px; background-position: calc(100% - 10px); }
 .jq-icon-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color: #31708f; color: #d9edf7; border-color: #bce8f1; }
 .jq-icon-warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII='); background-color: #8a6d3b; color: #fcf8e3; border-color: #faebcc; }
 .jq-icon-error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII='); background-color: #a94442; color: #f2dede; border-color: #ebccd1; }
diff --git a/demos/js/jquery.toast.js b/demos/js/jquery.toast.js
index 4680b5a..f436ec4 100644
--- a/demos/js/jquery.toast.js
+++ b/demos/js/jquery.toast.js
@@ -82,7 +82,7 @@ if ( typeof Object.create !== 'function' ) {
             if ( this.options.textColor !== false ) {
                 this._toastEl.css("color", this.options.textColor);
             };
-
+            
             if ( this.options.textAlign ) {
                 this._toastEl.css('text-align', this.options.textAlign);
             } else {
@@ -113,7 +113,7 @@ if ( typeof Object.create !== 'function' ) {
         },
 
         position: function () {
-            this.options.position = this.options.direction === 'rtl' ? 'bottom-right' : 'bottom-left'
+            this.options.position = this.options.position || (this.options.direction === 'rtl' ? 'bottom-right' : 'bottom-left')
             if ( ( typeof this.options.position === 'string' ) && ( $.inArray( this.options.position, this._positionClasses) !== -1 ) ) {
 
                 if ( this.options.position === 'bottom-center' ) {
diff --git a/src/jquery.toast.css b/src/jquery.toast.css
index 2b9fa50..3d16003 100644
--- a/src/jquery.toast.css
+++ b/src/jquery.toast.css
@@ -10,14 +10,14 @@
 .jq-toast-wrap.top-right { top: 20px; right: 40px; }
 
 .jq-toast-single { display: block; direction: ltr; width: 100%; padding: 10px; margin: 0px 0px 5px; border-radius: 4px; font-size: 12px; font-family: arial, sans-serif; line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white; }
-.jq-toast-rtl .jq-toast-single { direction: rtl; }
+.jq-toast-rtl { direction: rtl; text-align: right; }
 
 .jq-toast-single h2 { font-family: arial, sans-serif; font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal; }
-.jq-toast-rtl .jq-toast-single {  }
+.jq-toast-rtl.jq-toast-single h2 { text-align: right; }
 .jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }
-.jq-toast-rtl .jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }
 
 .jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; }
+.jq-toast-rtl.jq-toast-single ul { margin: 0px 15px 0px 0px; background: none; padding:0px; }
 .jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; }
 
 .close-jq-toast-single { position: absolute; top: 3px; right: 7px; font-size: 14px; cursor: pointer; }
@@ -27,6 +27,7 @@
 .jq-toast-rtl .jq-toast-loader { left: auto; right: 0; }
 .jq-toast-loaded { width: 100%; }
 .jq-has-icon { padding: 10px 10px 10px 50px; background-repeat: no-repeat; background-position: 10px; }
+.jq-toast-rtl.jq-has-icon { padding: 10px 50px 10px 10px; background-position: calc(100% - 10px); }
 .jq-icon-info { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII='); background-color: #31708f; color: #d9edf7; border-color: #bce8f1; }
 .jq-icon-warning { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII='); background-color: #8a6d3b; color: #fcf8e3; border-color: #faebcc; }
 .jq-icon-error { background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII='); background-color: #a94442; color: #f2dede; border-color: #ebccd1; }
diff --git a/src/jquery.toast.js b/src/jquery.toast.js
index 4680b5a..f436ec4 100644
--- a/src/jquery.toast.js
+++ b/src/jquery.toast.js
@@ -82,7 +82,7 @@ if ( typeof Object.create !== 'function' ) {
             if ( this.options.textColor !== false ) {
                 this._toastEl.css("color", this.options.textColor);
             };
-
+            
             if ( this.options.textAlign ) {
                 this._toastEl.css('text-align', this.options.textAlign);
             } else {
@@ -113,7 +113,7 @@ if ( typeof Object.create !== 'function' ) {
         },
 
         position: function () {
-            this.options.position = this.options.direction === 'rtl' ? 'bottom-right' : 'bottom-left'
+            this.options.position = this.options.position || (this.options.direction === 'rtl' ? 'bottom-right' : 'bottom-left')
             if ( ( typeof this.options.position === 'string' ) && ( $.inArray( this.options.position, this._positionClasses) !== -1 ) ) {
 
                 if ( this.options.position === 'bottom-center' ) {