buefy 0.9.20 → 0.9.21

package/dist/buefy.js

@@ -1,4 +1,4 @@
-/*! Buefy v0.9.20 | MIT License | github.com/buefy/buefy */
+/*! Buefy v0.9.21 | MIT License | github.com/buefy/buefy */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
@@ -657,6 +657,7 @@
     defaultNotificationPosition: null,
     defaultTooltipType: 'is-primary',
     defaultTooltipDelay: null,
+    defaultTooltipCloseDelay: null,
     defaultSidebarDelay: null,
     defaultInputAutocomplete: 'on',
     defaultDateFormatter: null,
@@ -2352,7 +2353,7 @@
           'is-active': _vm.active,
           'is-hovered': _vm.hovered,
           'is-selected': _vm.selected
-      }],attrs:{"type":_vm.nativeType}},'component',_vm.$attrs,false),_vm.$listeners),[(_vm.iconLeft)?_c('b-icon',{attrs:{"pack":_vm.iconPack,"icon":_vm.iconLeft,"size":_vm.iconSize}}):_vm._e(),(_vm.label)?_c('span',[_vm._v(_vm._s(_vm.label))]):(_vm.$slots.default)?_c('span',[_vm._t("default")],2):_vm._e(),(_vm.iconRight)?_c('b-icon',{attrs:{"pack":_vm.iconPack,"icon":_vm.iconRight,"size":_vm.iconSize}}):_vm._e()],1)};
+      }],attrs:{"type":_vm.computedTag === 'button' ? _vm.nativeType : undefined}},'component',_vm.$attrs,false),_vm.$listeners),[(_vm.iconLeft)?_c('b-icon',{attrs:{"pack":_vm.iconPack,"icon":_vm.iconLeft,"size":_vm.iconSize}}):_vm._e(),(_vm.label)?_c('span',[_vm._v(_vm._s(_vm.label))]):(_vm.$slots.default)?_c('span',[_vm._t("default")],2):_vm._e(),(_vm.iconRight)?_c('b-icon',{attrs:{"pack":_vm.iconPack,"icon":_vm.iconRight,"size":_vm.iconSize}}):_vm._e()],1)};
   var __vue_staticRenderFns__$5 = [];
 
     /* style */
@@ -5233,12 +5234,12 @@
         return this.grouped || this.groupMultiline || this.hasAddons();
       },
 
-      /**
-      * Correct Bulma class for the side of the addon or group.
-      *
-      * This is not kept like the others (is-small, etc.),
-      * because since 'has-addons' is set automatically it
-      * doesn't make sense to teach users what addons are exactly.
+      /**
+      * Correct Bulma class for the side of the addon or group.
+      *
+      * This is not kept like the others (is-small, etc.),
+      * because since 'has-addons' is set automatically it
+      * doesn't make sense to teach users what addons are exactly.
       */
       newPosition: function newPosition() {
         if (this.position === undefined) return;
@@ -5248,9 +5249,9 @@
         if (this.position) return prefix + position[1];
       },
 
-      /**
-      * Formatted message in case it's an array
-      * (each element is separated by <br> tag)
+      /**
+      * Formatted message in case it's an array
+      * (each element is separated by <br> tag)
       */
       formattedMessage: function formattedMessage() {
         if (this.parent && this.parent.hasInnerField) {
@@ -5320,22 +5321,22 @@
       }
     },
     watch: {
-      /**
-      * Set internal type when prop change.
+      /**
+      * Set internal type when prop change.
       */
       type: function type(value) {
         this.newType = value;
       },
 
-      /**
-      * Set internal message when prop change.
+      /**
+      * Set internal message when prop change.
       */
       message: function message(value) {
         this.newMessage = value;
       },
 
-      /**
-      * Set parent message if we use Field in Field.
+      /**
+      * Set parent message if we use Field in Field.
       */
       newMessage: function newMessage(value) {
         if (this.parent && this.parent.hasInnerField) {
@@ -5350,11 +5351,11 @@
       }
     },
     methods: {
-      /**
-      * Field has addons if there are more than one slot
-      * (element / component) in the Field.
-      * Or is grouped when prop is set.
-      * Is a method to be called when component re-render.
+      /**
+      * Field has addons if there are more than one slot
+      * (element / component) in the Field.
+      * Or is grouped when prop is set.
+      * Is a method to be called when component re-render.
       */
       fieldType: function fieldType() {
         if (this.grouped) return 'is-grouped';
@@ -7244,6 +7245,12 @@
           return config.defaultTooltipDelay;
         }
       },
+      closeDelay: {
+        type: Number,
+        default: function _default() {
+          return config.defaultTooltipCloseDelay;
+        }
+      },
       position: {
         type: String,
         default: 'is-top',
@@ -7417,9 +7424,19 @@
         }
       },
       close: function close() {
+        var _this3 = this;
+
         if (typeof this.autoClose === 'boolean') {
-          this.isActive = !this.autoClose;
           if (this.autoClose && this.timer) clearTimeout(this.timer);
+
+          if (this.closeDelay) {
+            this.timer = setTimeout(function () {
+              _this3.isActive = !_this3.autoClose;
+              _this3.timer = null;
+            }, this.closeDelay);
+          } else {
+            this.isActive = !this.autoClose;
+          }
         }
       },
 
@@ -15768,8 +15785,8 @@
         return !!this.$scopedSlots.default;
       },
 
-      /**
-       * Return if column header is un-selectable
+      /**
+       * Return if column header is un-selectable
        */
       isHeaderUnSelectable: function isHeaderUnSelectable() {
         return !this.headerSelectable && this.sortable;
@@ -15805,6 +15822,9 @@
 
       this.$table.refreshSlots();
     },
+    beforeDestroy: function beforeDestroy() {
+      this.$table.refreshSlots();
+    },
     render: function render(createElement) {
       // renderless
       return null;