From 381197fa202c8d2d48dd549b17235c834c1d2605 Mon Sep 17 00:00:00 2001
From: cagataycivici <cagatay.civici@gmail.com>
Date: Sun, 26 May 2019 10:04:02 +0300
Subject: [PATCH] Fixed closable and sticky features of toast

---
 src/components/toast/ToastMessage.vue | 12 ++++++++++--
 src/views/toast/ToastDoc.vue          |  8 +-------
 2 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/toast/ToastMessage.vue b/src/components/toast/ToastMessage.vue
index 70f4a0255..1815fadc3 100644
--- a/src/components/toast/ToastMessage.vue
+++ b/src/components/toast/ToastMessage.vue
@@ -1,7 +1,7 @@
 <template>
     <div :class="containerClass">
         <div class="p-toast-item">
-            <button class="p-toast-icon-close p-link" @click="close">
+            <button class="p-toast-icon-close p-link" @click="onCloseClick" v-if="closable !== false">
                 <span class="p-toast-icon-close-icon pi pi-times"></span>
             </button>
             <span :class="iconClass"></span>
@@ -18,9 +18,10 @@ export default {
     props: {
         message: null
     },
+    closeTimeout: null,
     mounted() {
         if (this.message.life) {
-            setTimeout(() => {
+            this.closeTimeout = setTimeout(() => {
                 this.close();
             }, this.message.life)
         }
@@ -28,6 +29,13 @@ export default {
     methods: {
         close() {
             this.$emit('close', this.message);
+        },
+        onCloseClick() {
+            if (this.closeTimeout) {
+                clearTimeout(this.closeTimeout);
+            }
+
+            this.close();
         }
     },
     computed: {
diff --git a/src/views/toast/ToastDoc.vue b/src/views/toast/ToastDoc.vue
index 684bcfdef..7a3c984a8 100644
--- a/src/views/toast/ToastDoc.vue
+++ b/src/views/toast/ToastDoc.vue
@@ -66,16 +66,10 @@ this.$toast.add({severity:'success', summary: 'Success Message', detail:'Order s
                                 <td>true</td>
                                 <td>Whether the message can be closed manually using the close icon.</td>
                             </tr>
-                            <tr>
-                                <td>sticky</td>
-                                <td>element</td>
-                                <td>null</td>
-                                <td>When enabled, message is not removed automatically.</td>
-                            </tr>
                             <tr>
                                 <td>life</td>
                                 <td>number</td>
-                                <td>3000</td>
+                                <td>null</td>
                                 <td>Delay in milliseconds to close the message automatically.</td>
                             </tr>
                             <tr>