buefy 0.9.13 → 0.9.14

package/dist/buefy.css

@@ -1,4 +1,4 @@
-/*! Buefy v0.9.13 | MIT License | github.com/buefy/buefy */
+/*! Buefy v0.9.14 | 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.13 | MIT License | github.com/buefy/buefy */
+/*! Buefy v0.9.14 | MIT License | github.com/buefy/buefy */
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -284,6 +284,15 @@ function escapeRegExpChars(value) {
 
   return value.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, '\\$&');
 }
+/**
+ * Remove accents/diacritics in a string in JavaScript
+ * https://stackoverflow.com/a/37511463
+ */
+
+function removeDiacriticsFromString(value) {
+  if (!value) return value;
+  return value.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
+}
 function multiColumnSort(inputArray, sortingPriority) {
   // clone it to prevent the any watchers from triggering every sorting iteration
   var array = JSON.parse(JSON.stringify(inputArray));
@@ -432,6 +441,15 @@ function isCustomElement(vm) {
 var isDefined = function isDefined(d) {
   return d !== undefined;
 };
+/**
+ * Checks if a value is null or undefined.
+ * Based on
+ * https://github.com/lodash/lodash/blob/master/isNil.js
+ */
+
+var isNil = function isNil(value) {
+  return value !== null || value !== undefined;
+};
 
 var config = {
   defaultContainerElement: null,
@@ -466,7 +484,7 @@ var config = {
   defaultModalScroll: null,
   defaultDatepickerMobileNative: true,
   defaultTimepickerMobileNative: true,
-  defaultNoticeQueue: true,
+  defaultNoticeQueue: false,
   defaultInputHasCounter: true,
   defaultTaginputHasCounter: true,
   defaultUseHtml5Validation: true,
@@ -1297,9 +1315,9 @@ var script$2 = {
       });
     },
 
-    /**
-     * White-listed items to not close when clicked.
-     * Add input, dropdown and all children.
+    /**
+     * White-listed items to not close when clicked.
+     * Add input, dropdown and all children.
      */
     whiteList: function whiteList() {
       var whiteList = [];
@@ -1366,43 +1384,43 @@ var script$2 = {
       return whiteList;
     },
 
-    /**
-     * Check if exists default slot
+    /**
+     * Check if exists default slot
      */
     hasDefaultSlot: function hasDefaultSlot() {
       return !!this.$scopedSlots.default;
     },
 
-    /**
-     * Check if exists group slot
+    /**
+     * Check if exists group slot
      */
     hasGroupSlot: function hasGroupSlot() {
       return !!this.$scopedSlots.group;
     },
 
-    /**
-     * Check if exists "empty" slot
+    /**
+     * Check if exists "empty" slot
      */
     hasEmptySlot: function hasEmptySlot() {
       return !!this.$slots.empty;
     },
 
-    /**
-     * Check if exists "header" slot
+    /**
+     * Check if exists "header" slot
      */
     hasHeaderSlot: function hasHeaderSlot() {
       return !!this.$slots.header;
     },
 
-    /**
-     * Check if exists "footer" slot
+    /**
+     * Check if exists "footer" slot
      */
     hasFooterSlot: function hasFooterSlot() {
       return !!this.$slots.footer;
     },
 
-    /**
-     * Apply dropdownPosition property
+    /**
+     * Apply dropdownPosition property
      */
     isOpenedTop: function isOpenedTop() {
       return this.dropdownPosition === 'top' || this.dropdownPosition === 'auto' && !this.isListInViewportVertically;
@@ -1428,9 +1446,9 @@ var script$2 = {
     }
   },
   watch: {
-    /**
-     * When dropdown is toggled, check the visibility to know when
-     * to open upwards.
+    /**
+     * When dropdown is toggled, check the visibility to know when
+     * to open upwards.
      */
     isActive: function isActive(active) {
       var _this2 = this;
@@ -1447,11 +1465,11 @@ var script$2 = {
       }
     },
 
-    /**
-     * When updating input's value
-     *   1. Emit changes
-     *   2. If value isn't the same as selected, set null
-     *   3. Close dropdown if value is clear or else open it
+    /**
+     * When updating input's value
+     *   1. Emit changes
+     *   2. If value isn't the same as selected, set null
+     *   3. Close dropdown if value is clear or else open it
      */
     newValue: function newValue(value) {
       this.$emit('input', value); // Check if selected is invalid
@@ -1468,17 +1486,17 @@ var script$2 = {
       }
     },
 
-    /**
-     * When v-model is changed:
-     *   1. Update internal value.
-     *   2. If it's invalid, validate again.
+    /**
+     * When v-model is changed:
+     *   1. Update internal value.
+     *   2. If it's invalid, validate again.
      */
     value: function value(_value) {
       this.newValue = _value;
     },
 
-    /**
-     * Select first option if "keep-first
+    /**
+     * Select first option if "keep-first
      */
     data: function data() {
       var _this3 = this;
@@ -1492,21 +1510,37 @@ var script$2 = {
             _this3.setHovered(null);
           }
         });
+      } else {
+        if (this.hovered) {
+          // reset hovered if list doesn't contain it
+          var hoveredValue = this.getValue(this.hovered);
+          var data = this.computedData.map(function (d) {
+            return d.items;
+          }).reduce(function (a, b) {
+            return [].concat(_toConsumableArray(a), _toConsumableArray(b));
+          }, []);
+
+          if (!data.some(function (d) {
+            return _this3.getValue(d) === hoveredValue;
+          })) {
+            this.setHovered(null);
+          }
+        }
       }
     }
   },
   methods: {
-    /**
-     * Set which option is currently hovered.
+    /**
+     * Set which option is currently hovered.
      */
     setHovered: function setHovered(option) {
       if (option === undefined) return;
       this.hovered = option;
     },
 
-    /**
-     * Set which option is currently selected, update v-model,
-     * update input value and close dropdown.
+    /**
+     * Set which option is currently selected, update v-model,
+     * update input value and close dropdown.
      */
     setSelected: function setSelected(option) {
       var _this4 = this;
@@ -1535,8 +1569,8 @@ var script$2 = {
       this.checkValidity();
     },
 
-    /**
-     * Select first option
+    /**
+     * Select first option
      */
     selectFirstOption: function selectFirstOption(computedData) {
       var _this5 = this;
@@ -1587,8 +1621,8 @@ var script$2 = {
       });
     },
 
-    /**
-     * Check if header or footer was selected.
+    /**
+     * Check if header or footer was selected.
      */
     checkIfHeaderOrFooterSelected: function checkIfHeaderOrFooterSelected(event, triggerClick) {
       var closeDropdown = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
@@ -1608,8 +1642,8 @@ var script$2 = {
       }
     },
 
-    /**
-     * Close dropdown if clicked outside.
+    /**
+     * Close dropdown if clicked outside.
      */
     clickedOutside: function clickedOutside(event) {
       var target = isCustomElement(this) ? event.composedPath()[0] : event.target;
@@ -1623,9 +1657,9 @@ var script$2 = {
       }
     },
 
-    /**
-     * Return display text for the input.
-     * If object, get value from path, or else just the value.
+    /**
+     * Return display text for the input.
+     * If object, get value from path, or else just the value.
      */
     getValue: function getValue(option) {
       if (option === null) return;
@@ -1637,9 +1671,9 @@ var script$2 = {
       return _typeof(option) === 'object' ? getValueByPath(option, this.field) : option;
     },
 
-    /**
-     * Check if the scroll list inside the dropdown
-     * reached it's end.
+    /**
+     * Check if the scroll list inside the dropdown
+     * reached it's end.
      */
     checkIfReachedTheEndOfScroll: function checkIfReachedTheEndOfScroll(list) {
       if (list.clientHeight !== list.scrollHeight && list.scrollTop + list.clientHeight >= list.scrollHeight) {
@@ -1647,17 +1681,17 @@ var script$2 = {
       }
     },
 
-    /**
-     * Calculate if the dropdown is vertically visible when activated,
-     * otherwise it is openened upwards.
+    /**
+     * Calculate if the dropdown is vertically visible when activated,
+     * otherwise it is openened upwards.
      */
     calcDropdownInViewportVertical: function calcDropdownInViewportVertical() {
       var _this6 = this;
 
       this.$nextTick(function () {
-        /**
-         * this.$refs.dropdown may be undefined
-         * when Autocomplete is conditional rendered
+        /**
+         * this.$refs.dropdown may be undefined
+         * when Autocomplete is conditional rendered
          */
         if (_this6.$refs.dropdown === undefined) return;
 
@@ -1671,9 +1705,9 @@ var script$2 = {
       });
     },
 
-    /**
-     * Arrows keys listener.
-     * If dropdown is active, set hovered option, or else just open.
+    /**
+     * Arrows keys listener.
+     * If dropdown is active, set hovered option, or else just open.
      */
     keyArrows: function keyArrows(direction) {
       var sum = direction === 'down' ? 1 : -1;
@@ -1743,9 +1777,9 @@ var script$2 = {
       }
     },
 
-    /**
-     * Focus listener.
-     * If value is the same as selected, select all text.
+    /**
+     * Focus listener.
+     * If value is the same as selected, select all text.
      */
     focused: function focused(event) {
       if (this.getValue(this.selected) === this.newValue) {
@@ -1765,8 +1799,8 @@ var script$2 = {
       this.$emit('focus', event);
     },
 
-    /**
-     * Blur listener.
+    /**
+     * Blur listener.
      */
     onBlur: function onBlur(event) {
       this.hasFocus = false;
@@ -4988,12 +5022,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;
@@ -5003,9 +5037,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) {
@@ -5075,22 +5109,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) {
@@ -5105,11 +5139,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';
@@ -5854,11 +5888,14 @@ var script$k = {
         resWeek = week;
       }
 
-      return resWeek;
+      return {
+        week: resWeek,
+        year: resYear
+      };
     },
-    clickWeekNumber: function clickWeekNumber(week) {
+    clickWeekNumber: function clickWeekNumber(weekData) {
       if (this.weekNumberClickable) {
-        this.$datepicker.$emit('week-number-click', week);
+        this.$datepicker.$emit('week-number-click', weekData.week, weekData.year);
       }
     },
 
@@ -6071,7 +6108,7 @@ var script$k = {
 const __vue_script__$k = script$k;
 
 /* template */
-var __vue_render__$i = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"datepicker-row"},[(_vm.showWeekNumber)?_c('a',{staticClass:"datepicker-cell is-week-number",class:{'is-clickable': _vm.weekNumberClickable },on:{"click":function($event){$event.preventDefault();_vm.clickWeekNumber(_vm.getWeekNumber(_vm.week[6]));}}},[_c('span',[_vm._v(_vm._s(_vm.getWeekNumber(_vm.week[6])))])]):_vm._e(),_vm._l((_vm.week),function(weekDay,index){return [(_vm.selectableDate(weekDay) && !_vm.disabled)?_c('a',{key:index,ref:("day-" + (weekDay.getMonth()) + "-" + (weekDay.getDate())),refInFor:true,staticClass:"datepicker-cell",class:_vm.classObject(weekDay),attrs:{"role":"button","href":"#","disabled":_vm.disabled,"tabindex":_vm.day === weekDay.getDate() && _vm.month === weekDay.getMonth() ? null : -1},on:{"click":function($event){$event.preventDefault();return _vm.emitChosenDate(weekDay)},"mouseenter":function($event){return _vm.setRangeHoverEndDate(weekDay)},"keydown":function($event){return _vm.manageKeydown($event, weekDay)}}},[_c('span',[_vm._v(_vm._s(weekDay.getDate()))]),(_vm.eventsDateMatch(weekDay))?_c('div',{staticClass:"events"},_vm._l((_vm.eventsDateMatch(weekDay)),function(event,index){return _c('div',{key:index,staticClass:"event",class:event.type})}),0):_vm._e()]):_c('div',{key:index,staticClass:"datepicker-cell",class:_vm.classObject(weekDay)},[_c('span',[_vm._v(_vm._s(weekDay.getDate()))]),(_vm.eventsDateMatch(weekDay))?_c('div',{staticClass:"events"},_vm._l((_vm.eventsDateMatch(weekDay)),function(event,index){return _c('div',{key:index,staticClass:"event",class:event.type})}),0):_vm._e()])]})],2)};
+var __vue_render__$i = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"datepicker-row"},[(_vm.showWeekNumber)?_c('a',{staticClass:"datepicker-cell is-week-number",class:{'is-clickable': _vm.weekNumberClickable },on:{"click":function($event){$event.preventDefault();_vm.clickWeekNumber(_vm.getWeekNumber(_vm.week[6]));}}},[_c('span',[_vm._v(_vm._s(_vm.getWeekNumber(_vm.week[6]).week))])]):_vm._e(),_vm._l((_vm.week),function(weekDay,index){return [(_vm.selectableDate(weekDay) && !_vm.disabled)?_c('a',{key:index,ref:("day-" + (weekDay.getMonth()) + "-" + (weekDay.getDate())),refInFor:true,staticClass:"datepicker-cell",class:_vm.classObject(weekDay),attrs:{"role":"button","href":"#","disabled":_vm.disabled,"tabindex":_vm.day === weekDay.getDate() && _vm.month === weekDay.getMonth() ? null : -1},on:{"click":function($event){$event.preventDefault();return _vm.emitChosenDate(weekDay)},"mouseenter":function($event){return _vm.setRangeHoverEndDate(weekDay)},"keydown":function($event){return _vm.manageKeydown($event, weekDay)}}},[_c('span',[_vm._v(_vm._s(weekDay.getDate()))]),(_vm.eventsDateMatch(weekDay))?_c('div',{staticClass:"events"},_vm._l((_vm.eventsDateMatch(weekDay)),function(event,index){return _c('div',{key:index,staticClass:"event",class:event.type})}),0):_vm._e()]):_c('div',{key:index,staticClass:"datepicker-cell",class:_vm.classObject(weekDay)},[_c('span',[_vm._v(_vm._s(weekDay.getDate()))]),(_vm.eventsDateMatch(weekDay))?_c('div',{staticClass:"events"},_vm._l((_vm.eventsDateMatch(weekDay)),function(event,index){return _c('div',{key:index,staticClass:"event",class:event.type})}),0):_vm._e()])]})],2)};
 var __vue_staticRenderFns__$i = [];
 
   /* style */
@@ -9393,14 +9430,7 @@ var NoticeMixin = {
     showNotice: function showNotice() {
       var _this2 = this;
 
-      if (this.shouldQueue()) {
-        // Call recursively if should queue
-        setTimeout(function () {
-          return _this2.showNotice();
-        }, 250);
-        return;
-      }
-
+      if (this.shouldQueue()) this.correctParent.innerHTML = '';
       this.correctParent.insertAdjacentElement('afterbegin', this.$el);
       this.isActive = true;
 
@@ -10155,6 +10185,9 @@ var script$C = {
   watch: {
     active: function active(value) {
       this.newActive = value;
+    },
+    newActive: function newActive(value) {
+      this.$emit('active-change', value);
     }
   },
   methods: {
@@ -12707,7 +12740,8 @@ var SnackbarProgrammatic = {
 
     var defaultParam = {
       type: 'is-success',
-      position: config.defaultSnackbarPosition || 'is-bottom-right'
+      position: config.defaultSnackbarPosition || 'is-bottom-right',
+      queue: true
     };
 
     if (params.parent) {
@@ -14346,10 +14380,12 @@ var script$Y = {
 
           if (typeof newA === 'boolean' && typeof newB === 'boolean') {
             return isAsc ? newA - newB : newB - newA;
-          }
+          } // sort null values to the bottom when in asc order
+          // and to the top when in desc order
 
-          if (!newA && newA !== 0) return 1;
-          if (!newB && newB !== 0) return -1;
+
+          if (!isNil(newB) && isNil(newA)) return isAsc ? 1 : -1;
+          if (!isNil(newA) && isNil(newB)) return isAsc ? -1 : 1;
           if (newA === newB) return 0;
           newA = typeof newA === 'string' ? newA.toUpperCase() : newA;
           newB = typeof newB === 'string' ? newB.toUpperCase() : newB;
@@ -14580,14 +14616,7 @@ var script$Y = {
       var _this8 = this;
 
       var _loop = function _loop(key) {
-        // remove key if empty
-        if (!_this8.filters[key]) {
-          delete _this8.filters[key];
-          return {
-            v: true
-          };
-        }
-
+        if (!_this8.filters[key]) return "continue";
         var input = _this8.filters[key];
 
         var column = _this8.newColumns.filter(function (c) {
@@ -14611,8 +14640,9 @@ var script$Y = {
             };
           } else {
             var re = new RegExp(escapeRegExpChars(input), 'i');
-            if (!re.test(value)) return {
-              v: false
+            var valueWithoutDiacritics = removeDiacriticsFromString(value);
+            return {
+              v: re.test(valueWithoutDiacritics) || re.test(value)
             };
           }
         }
@@ -14621,7 +14651,13 @@ var script$Y = {
       for (var key in this.filters) {
         var _ret = _loop(key);
 
-        if (_typeof(_ret) === "object") return _ret.v;
+        switch (_ret) {
+          case "continue":
+            continue;
+
+          default:
+            if (_typeof(_ret) === "object") return _ret.v;
+        }
       }
 
       return true;
@@ -15072,8 +15108,8 @@ var script$Z = {
 const __vue_script__$Z = script$Z;
 
 /* template */
-var __vue_render__$S = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"b-tabs",class:_vm.mainClasses},[_c('nav',{staticClass:"tabs",class:_vm.navClasses,attrs:{"role":"tablist","aria-orientation":_vm.vertical ? 'vertical' : 'horizontal'},on:{"keydown":_vm.manageTablistKeydown}},[_c('ul',_vm._l((_vm.items),function(childItem,childIdx){return _c('li',{directives:[{name:"show",rawName:"v-show",value:(childItem.visible),expression:"childItem.visible"}],key:childItem.value,class:[ childItem.headerClass, { 'is-active': childItem.isActive,
-                                                   'is-disabled': childItem.disabled }],attrs:{"role":"presentation"}},[(childItem.$scopedSlots.header)?_c('b-slot-component',{ref:"tabLink",refInFor:true,attrs:{"component":childItem,"name":"header","tag":"a","role":"tab","id":((childItem.value) + "-label"),"aria-controls":((childItem.value) + "-content"),"aria-selected":("" + (childItem.isActive)),"tabindex":childItem.isActive ? 0 : -1},on:{"keydown":function($event){return _vm.manageTabKeydown($event, childItem)}},nativeOn:{"focus":function($event){_vm.currentFocus = childIdx;},"click":function($event){return _vm.childClick(childItem)}}}):_c('a',{ref:"tabLink",refInFor:true,attrs:{"role":"tab","id":((childItem.value) + "-tab"),"aria-controls":((childItem.value) + "-content"),"aria-selected":("" + (childItem.isActive)),"tabindex":childItem.isActive ? 0 : -1},on:{"focus":function($event){_vm.currentFocus = childIdx;},"click":function($event){return _vm.childClick(childItem)},"keydown":function($event){return _vm.manageTabKeydown($event, childItem)}}},[(childItem.icon)?_c('b-icon',{attrs:{"icon":childItem.icon,"pack":childItem.iconPack,"size":_vm.size}}):_vm._e(),_c('span',[_vm._v(_vm._s(childItem.label))])],1)],1)}),0)]),_c('section',{staticClass:"tab-content",class:{'is-transitioning': _vm.isTransitioning}},[_vm._t("default")],2)])};
+var __vue_render__$S = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"b-tabs",class:_vm.mainClasses},[_c('nav',{staticClass:"tabs",class:_vm.navClasses,attrs:{"role":"tablist","aria-orientation":_vm.vertical ? 'vertical' : 'horizontal'},on:{"keydown":_vm.manageTablistKeydown}},[_vm._t("start"),_c('ul',_vm._l((_vm.items),function(childItem,childIdx){return _c('li',{directives:[{name:"show",rawName:"v-show",value:(childItem.visible),expression:"childItem.visible"}],key:childItem.value,class:[ childItem.headerClass, { 'is-active': childItem.isActive,
+                                                   'is-disabled': childItem.disabled }],attrs:{"role":"presentation"}},[(childItem.$scopedSlots.header)?_c('b-slot-component',{ref:"tabLink",refInFor:true,attrs:{"component":childItem,"name":"header","tag":"a","role":"tab","id":((childItem.value) + "-label"),"aria-controls":((childItem.value) + "-content"),"aria-selected":("" + (childItem.isActive)),"tabindex":childItem.isActive ? 0 : -1},on:{"keydown":function($event){return _vm.manageTabKeydown($event, childItem)}},nativeOn:{"focus":function($event){_vm.currentFocus = childIdx;},"click":function($event){return _vm.childClick(childItem)}}}):_c('a',{ref:"tabLink",refInFor:true,attrs:{"role":"tab","id":((childItem.value) + "-tab"),"aria-controls":((childItem.value) + "-content"),"aria-selected":("" + (childItem.isActive)),"tabindex":childItem.isActive ? 0 : -1},on:{"focus":function($event){_vm.currentFocus = childIdx;},"click":function($event){return _vm.childClick(childItem)},"keydown":function($event){return _vm.manageTabKeydown($event, childItem)}}},[(childItem.icon)?_c('b-icon',{attrs:{"icon":childItem.icon,"pack":childItem.iconPack,"size":_vm.size}}):_vm._e(),_c('span',[_vm._v(_vm._s(childItem.label))])],1)],1)}),0),_vm._t("end")],2),_c('section',{staticClass:"tab-content",class:{'is-transitioning': _vm.isTransitioning}},[_vm._t("default")],2)])};
 var __vue_staticRenderFns__$S = [];
 
   /* style */
@@ -15817,7 +15853,7 @@ var script$13 = {
     /**
      *   When v-model is changed:
      *   1. Set internal value.
-     *   2. Reset interna input file value
+     *   2. Reset internal input file value
      *   3. If it's invalid, validate again.
      */
     value: function value(_value) {
@@ -15847,7 +15883,15 @@ var script$13 = {
         // only one element in case drag drop mode and isn't multiple
         if (this.dragDrop && value.length !== 1) return;else {
           var file = value[0];
-          if (this.checkType(file)) this.newValue = file;else if (this.newValue) this.newValue = null;else return;
+          if (this.checkType(file)) this.newValue = file;else if (this.newValue) {
+            this.newValue = null;
+            this.clearInput();
+          } else {
+            // Force input back to empty state and recheck validity
+            this.clearInput();
+            this.checkHtml5Validity();
+            return;
+          }
         }
       } else {
         // always new values if native or undefined local
@@ -15874,6 +15918,13 @@ var script$13 = {
       !this.dragDrop && this.checkHtml5Validity();
     },
 
+    /*
+    * Reset file input value
+    */
+    clearInput: function clearInput() {
+      this.$refs.input.value = null;
+    },
+
     /**
     * Listen drag-drop to update internal variable
     */
@@ -15898,10 +15949,9 @@ var script$13 = {
         if (type) {
           if (type.substring(0, 1) === '.') {
             // check extension
-            var extIndex = file.name.lastIndexOf('.');
-            var extension = extIndex >= 0 ? file.name.substring(extIndex) : '';
+            var extension = file.name.toLowerCase().slice(-type.length);
 
-            if (extension.toLowerCase() === type.toLowerCase()) {
+            if (extension === type.toLowerCase()) {
               valid = true;
             }
           } else {
@@ -16037,4 +16087,4 @@ var Buefy = {
 use(Buefy);
 
 export default Buefy;
-export { Plugin as Autocomplete, Plugin$1 as Breadcrumb, Plugin$2 as Button, Plugin$3 as Carousel, Plugin$4 as Checkbox, Plugin$6 as Clockpicker, Plugin$5 as Collapse, ConfigComponent as ConfigProgrammatic, Plugin$7 as Datepicker, Plugin$8 as Datetimepicker, Plugin$9 as Dialog, DialogProgrammatic, Plugin$a as Dropdown, Plugin$b as Field, Plugin$c as Icon, Plugin$d as Image, Plugin$e as Input, Plugin$f as Loading, LoadingProgrammatic, Plugin$g as Menu, Plugin$h as Message, Plugin$i as Modal, ModalProgrammatic, Plugin$k as Navbar, Plugin$j as Notification, NotificationProgrammatic, Plugin$l as Numberinput, Plugin$m as Pagination, Plugin$n as Progress, Plugin$o as Radio, Plugin$p as Rate, Plugin$q as Select, Plugin$s as Sidebar, Plugin$r as Skeleton, Plugin$t as Slider, Plugin$u as Snackbar, SnackbarProgrammatic, Plugin$v as Steps, Plugin$w as Switch, Plugin$x as Table, Plugin$y as Tabs, Plugin$z as Tag, Plugin$A as Taginput, Plugin$B as Timepicker, Plugin$C as Toast, ToastProgrammatic, Plugin$D as Tooltip, Plugin$E as Upload, bound, createAbsoluteElement, createNewEvent, escapeRegExpChars, getMonthNames, getValueByPath, getWeekdayNames, hasFlag, indexOf, isCustomElement, isDefined, isMobile, isVueComponent, isWebpSupported, matchWithGroups, merge, mod, multiColumnSort, removeElement, sign, toCssWidth };
+export { Plugin as Autocomplete, Plugin$1 as Breadcrumb, Plugin$2 as Button, Plugin$3 as Carousel, Plugin$4 as Checkbox, Plugin$6 as Clockpicker, Plugin$5 as Collapse, ConfigComponent as ConfigProgrammatic, Plugin$7 as Datepicker, Plugin$8 as Datetimepicker, Plugin$9 as Dialog, DialogProgrammatic, Plugin$a as Dropdown, Plugin$b as Field, Plugin$c as Icon, Plugin$d as Image, Plugin$e as Input, Plugin$f as Loading, LoadingProgrammatic, Plugin$g as Menu, Plugin$h as Message, Plugin$i as Modal, ModalProgrammatic, Plugin$k as Navbar, Plugin$j as Notification, NotificationProgrammatic, Plugin$l as Numberinput, Plugin$m as Pagination, Plugin$n as Progress, Plugin$o as Radio, Plugin$p as Rate, Plugin$q as Select, Plugin$s as Sidebar, Plugin$r as Skeleton, Plugin$t as Slider, Plugin$u as Snackbar, SnackbarProgrammatic, Plugin$v as Steps, Plugin$w as Switch, Plugin$x as Table, Plugin$y as Tabs, Plugin$z as Tag, Plugin$A as Taginput, Plugin$B as Timepicker, Plugin$C as Toast, ToastProgrammatic, Plugin$D as Tooltip, Plugin$E as Upload, bound, createAbsoluteElement, createNewEvent, escapeRegExpChars, getMonthNames, getValueByPath, getWeekdayNames, hasFlag, indexOf, isCustomElement, isDefined, isMobile, isNil, isVueComponent, isWebpSupported, matchWithGroups, merge, mod, multiColumnSort, removeDiacriticsFromString, removeElement, sign, toCssWidth };