Make popover hide when 'disable' is set to true

GregPeden · Apr 18, 2018 · f782285 · f782285
1 parent 618de05
commit f782285
Show file tree

Hide file tree

Showing 7 changed files with 38 additions and 3 deletions.
diff --git a/dev/App.vue b/dev/App.vue
@@ -184,7 +184,10 @@ Vue.component('clickConfirm', ClickConfirm);</code></pre>
               <th scope="row"><code>disabled</code></th>
               <td>Boolean</td>
               <td><code>false</code></td>
-              <td>Suppresses the click-confirm dialogue and allows the click event to proceed as normal.</td>
+              <td>
+                Suppresses the click-confirm dialogue and allows the click event to proceed as normal. If set to 'true'
+                while the Click Confirm popover it being displayed, the popover will be suppressed.
+              </td>
             </tr>
             <tr>
               <th scope="row"><code>messages</code></th>

diff --git a/dist/click-confirm.common.js b/dist/click-confirm.common.js
@@ -81,6 +81,14 @@ var component$1 = {render: function(){var _vm=this;var _h=_vm.$createElement;var
         }
     },
 
+    watch: {
+        disabled: function disabled(newValue) {
+            if (newValue && this.isOpen) {
+                this.onCancel();
+            }
+        }
+    },
+
     methods: {
         onHidden: function onHidden() {
             this.target = null;

diff --git a/dist/click-confirm.common.min.js b/dist/click-confirm.common.min.js
diff --git a/dist/click-confirm.es.js b/dist/click-confirm.es.js
@@ -75,6 +75,14 @@ var component$1 = {render: function(){var _vm=this;var _h=_vm.$createElement;var
         }
     },
 
+    watch: {
+        disabled: function disabled(newValue) {
+            if (newValue && this.isOpen) {
+                this.onCancel();
+            }
+        }
+    },
+
     methods: {
         onHidden: function onHidden() {
             this.target = null;

diff --git a/dist/click-confirm.js b/dist/click-confirm.js
@@ -4754,6 +4754,14 @@ var component$1 = {render: function(){var _vm=this;var _h=_vm.$createElement;var
         }
     },
 
+    watch: {
+        disabled: function disabled(newValue) {
+            if (newValue && this.isOpen) {
+                this.onCancel();
+            }
+        }
+    },
+
     methods: {
         onHidden: function onHidden() {
             this.target = null;

diff --git a/dist/click-confirm.min.js b/dist/click-confirm.min.js
diff --git a/src/components/ClickConfirm.vue b/src/components/ClickConfirm.vue
@@ -116,6 +116,14 @@
             }
         },
 
+        watch: {
+            disabled(newValue) {
+                if (newValue && this.isOpen) {
+                    this.onCancel();
+                }
+            }
+        },
+
         methods: {
             onHidden() {
                 this.target = null;