buefy 0.9.20 → 0.9.21

package/dist/buefy.css

@@ -1,4 +1,4 @@
-/*! Buefy v0.9.20 | MIT License | github.com/buefy/buefy */
+/*! Buefy v0.9.21 | MIT License | github.com/buefy/buefy */
 @charset "UTF-8";
 .is-noscroll {
   position: fixed;

package/dist/buefy.esm.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 _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -651,6 +651,7 @@ var config = {
   defaultNotificationPosition: null,
   defaultTooltipType: 'is-primary',
   defaultTooltipDelay: null,
+  defaultTooltipCloseDelay: null,
   defaultSidebarDelay: null,
   defaultInputAutocomplete: 'on',
   defaultDateFormatter: null,
@@ -2346,7 +2347,7 @@ var __vue_render__$5 = function () {var _vm=this;var _h=_vm.$createElement;var _
         '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 */
@@ -5227,12 +5228,12 @@ var script$g = {
       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;
@@ -5242,9 +5243,9 @@ var script$g = {
       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) {
@@ -5314,22 +5315,22 @@ var script$g = {
     }
   },
   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) {
@@ -5344,11 +5345,11 @@ var script$g = {
     }
   },
   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';
@@ -7238,6 +7239,12 @@ var script$m = {
         return config.defaultTooltipDelay;
       }
     },
+    closeDelay: {
+      type: Number,
+      default: function _default() {
+        return config.defaultTooltipCloseDelay;
+      }
+    },
     position: {
       type: String,
       default: 'is-top',
@@ -7411,9 +7418,19 @@ var script$m = {
       }
     },
     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;
+        }
       }
     },
 
@@ -15762,8 +15779,8 @@ var script$_ = {
       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;
@@ -15799,6 +15816,9 @@ var script$_ = {
 
     this.$table.refreshSlots();
   },
+  beforeDestroy: function beforeDestroy() {
+    this.$table.refreshSlots();
+  },
   render: function render(createElement) {
     // renderless
     return null;