buefy 0.9.21 → 0.9.22

package/dist/esm/{chunk-293c457c.js → chunk-35c20328.js}

@@ -1,10 +1,10 @@
 import { _ as _defineProperty } from './chunk-455cdeae.js';
 import { I as Icon } from './chunk-7e17a637.js';
 import { _ as __vue_normalize__ } from './chunk-cca88db8.js';
-import { I as Input } from './chunk-83c8b459.js';
+import { I as Input } from './chunk-72ecb544.js';
 import { T as TimepickerMixin } from './chunk-6e56b8bc.js';
 import { D as Dropdown, a as DropdownItem } from './chunk-ade5b253.js';
-import { F as Field } from './chunk-d46e7ff0.js';
+import { F as Field } from './chunk-53788519.js';
 import { S as Select } from './chunk-4e788733.js';
 
 var _components;

package/dist/esm/{chunk-d46e7ff0.js → chunk-53788519.js}

@@ -292,7 +292,7 @@ var script$1 = {
 const __vue_script__$1 = script$1;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"field",class:_vm.rootClasses},[(_vm.horizontal)?_c('div',{staticClass:"field-label",class:[_vm.customClass, _vm.fieldLabelSize]},[(_vm.hasLabel)?_c('label',{staticClass:"label",class:_vm.customClass,attrs:{"for":_vm.labelFor}},[(_vm.$slots.label)?_vm._t("label"):[_vm._v(_vm._s(_vm.label))]],2):_vm._e()]):[(_vm.hasLabel)?_c('label',{staticClass:"label",class:_vm.customClass,attrs:{"for":_vm.labelFor}},[(_vm.$slots.label)?_vm._t("label"):[_vm._v(_vm._s(_vm.label))]],2):_vm._e()],(_vm.horizontal)?_c('b-field-body',{attrs:{"message":_vm.newMessage ? _vm.formattedMessage : '',"type":_vm.newType}},[_vm._t("default")],2):(_vm.hasInnerField)?_c('div',{staticClass:"field-body"},[_c('b-field',{class:_vm.innerFieldClasses,attrs:{"addons":false,"type":_vm.newType}},[_vm._t("default")],2)],1):[_vm._t("default")],(_vm.hasMessage && !_vm.horizontal)?_c('p',{staticClass:"help",class:_vm.newType},[(_vm.$slots.message)?_vm._t("message"):[_vm._l((_vm.formattedMessage),function(mess,i){return [_vm._v(" "+_vm._s(mess)+" "),((i + 1) < _vm.formattedMessage.length)?_c('br',{key:i}):_vm._e()]})]],2):_vm._e()],2)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"field",class:_vm.rootClasses},[(_vm.horizontal)?_c('div',{staticClass:"field-label",class:[_vm.customClass, _vm.fieldLabelSize]},[(_vm.hasLabel)?_c('label',{staticClass:"label",class:_vm.customClass,attrs:{"for":_vm.labelFor}},[(_vm.$slots.label)?_vm._t("label"):[_vm._v(_vm._s(_vm.label))]],2):_vm._e()]):[(_vm.hasLabel)?_c('label',{staticClass:"label",class:_vm.customClass,attrs:{"for":_vm.labelFor}},[(_vm.$slots.label)?_vm._t("label"):[_vm._v(_vm._s(_vm.label))]],2):_vm._e()],(_vm.horizontal)?_c('b-field-body',{attrs:{"message":_vm.newMessage ? _vm.formattedMessage : '',"type":_vm.newType}},[_vm._t("default")],2):(_vm.hasInnerField)?_c('div',{staticClass:"field-body"},[_c('b-field',{class:_vm.innerFieldClasses,attrs:{"addons":false,"type":_vm.newType}},[_vm._t("default")],2)],1):[_vm._t("default")],(_vm.hasMessage && !_vm.horizontal)?_c('p',{staticClass:"help",class:_vm.newType},[(_vm.$slots.message)?_vm._t("message",null,{"messages":_vm.formattedMessage}):[_vm._l((_vm.formattedMessage),function(mess,i){return [_vm._v(" "+_vm._s(mess)+" "),((i + 1) < _vm.formattedMessage.length)?_c('br',{key:i}):_vm._e()]})]],2):_vm._e()],2)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/esm/{chunk-83c8b459.js → chunk-72ecb544.js}

@@ -143,7 +143,7 @@ var script = {
     */
     valueLength: function valueLength() {
       if (typeof this.computedValue === 'string') {
-        return this.computedValue.length;
+        return Array.from(this.computedValue).length;
       } else if (typeof this.computedValue === 'number') {
         return this.computedValue.toString().length;
       }
@@ -158,6 +158,9 @@ var script = {
     */
     value: function value(_value) {
       this.newValue = _value;
+    },
+    type: function type(_type) {
+      this.newType = _type;
     }
   },
   methods: {

package/dist/esm/{chunk-b0123b89.js → chunk-abcf9a94.js}

@@ -2,7 +2,7 @@ import { _ as _defineProperty, d as _toConsumableArray, b as _typeof } from './c
 import { getValueByPath, toCssWidth, isCustomElement, createAbsoluteElement, removeElement } from './helpers.js';
 import { F as FormElementMixin } from './chunk-17b33cd2.js';
 import { _ as __vue_normalize__ } from './chunk-cca88db8.js';
-import { I as Input } from './chunk-83c8b459.js';
+import { I as Input } from './chunk-72ecb544.js';
 
 var script = {
   name: 'BAutocomplete',

package/dist/esm/{chunk-6c64686f.js → chunk-ea6777b6.js}

@@ -4,9 +4,9 @@ import { c as config } from './chunk-e92e3389.js';
 import { F as FormElementMixin } from './chunk-17b33cd2.js';
 import { I as Icon } from './chunk-7e17a637.js';
 import { _ as __vue_normalize__ } from './chunk-cca88db8.js';
-import { I as Input } from './chunk-83c8b459.js';
+import { I as Input } from './chunk-72ecb544.js';
 import { D as Dropdown, a as DropdownItem } from './chunk-ade5b253.js';
-import { F as Field } from './chunk-d46e7ff0.js';
+import { F as Field } from './chunk-53788519.js';
 import { S as Select } from './chunk-4e788733.js';
 
 //
@@ -1794,7 +1794,7 @@ var script$3 = {
 const __vue_script__$3 = script$3;
 
 /* template */
-var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"datepicker control",class:[_vm.size, {'is-expanded': _vm.expanded}]},[(!_vm.isMobile || _vm.inline)?_c('b-dropdown',{ref:"dropdown",attrs:{"position":_vm.position,"disabled":_vm.disabled,"inline":_vm.inline,"mobile-modal":_vm.mobileModal,"trap-focus":_vm.trapFocus,"aria-role":_vm.ariaRole,"append-to-body":_vm.appendToBody,"append-to-body-copy-parent":""},on:{"active-change":_vm.onActiveChange},scopedSlots:_vm._u([(!_vm.inline)?{key:"trigger",fn:function(){return [_vm._t("trigger",[_c('b-input',_vm._b({ref:"input",attrs:{"autocomplete":"off","value":_vm.formattedValue,"placeholder":_vm.placeholder,"size":_vm.size,"icon":_vm.icon,"icon-right":_vm.iconRight,"icon-right-clickable":_vm.iconRightClickable,"icon-pack":_vm.iconPack,"rounded":_vm.rounded,"loading":_vm.loading,"disabled":_vm.disabled,"readonly":!_vm.editable,"use-html5-validation":false},on:{"icon-right-click":function($event){return _vm.$emit('icon-right-click', $event)},"focus":_vm.handleOnFocus},nativeOn:{"click":function($event){return _vm.onInputClick($event)},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.togglePicker(true)},"change":function($event){return _vm.onChange($event.target.value)}}},'b-input',_vm.$attrs,false))])]},proxy:true}:null],null,true)},[_c('b-dropdown-item',{class:{'dropdown-horizonal-timepicker': _vm.horizontalTimePicker},attrs:{"disabled":_vm.disabled,"focusable":_vm.focusable,"custom":""}},[_c('div',[_c('header',{staticClass:"datepicker-header"},[(_vm.$slots.header !== undefined && _vm.$slots.header.length)?[_vm._t("header")]:_c('div',{staticClass:"pagination field is-centered",class:_vm.size},[_c('a',{directives:[{name:"show",rawName:"v-show",value:(!_vm.showPrev && !_vm.disabled),expression:"!showPrev && !disabled"}],staticClass:"pagination-previous",attrs:{"role":"button","href":"#","disabled":_vm.disabled,"aria-label":_vm.ariaPreviousLabel},on:{"click":function($event){$event.preventDefault();return _vm.prev($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.prev($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.prev($event)}]}},[_c('b-icon',{attrs:{"icon":_vm.iconPrev,"pack":_vm.iconPack,"both":"","type":"is-primary is-clickable"}})],1),_c('a',{directives:[{name:"show",rawName:"v-show",value:(!_vm.showNext && !_vm.disabled),expression:"!showNext && !disabled"}],staticClass:"pagination-next",attrs:{"role":"button","href":"#","disabled":_vm.disabled,"aria-label":_vm.ariaNextLabel},on:{"click":function($event){$event.preventDefault();return _vm.next($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.next($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.next($event)}]}},[_c('b-icon',{attrs:{"icon":_vm.iconNext,"pack":_vm.iconPack,"both":"","type":"is-primary is-clickable"}})],1),_c('div',{staticClass:"pagination-list"},[_c('b-field',[(!_vm.isTypeMonth)?_c('b-select',{attrs:{"disabled":_vm.disabled,"size":_vm.size},model:{value:(_vm.focusedDateData.month),callback:function ($$v) {_vm.$set(_vm.focusedDateData, "month", $$v);},expression:"focusedDateData.month"}},_vm._l((_vm.listOfMonths),function(month){return _c('option',{key:month.name,attrs:{"disabled":month.disabled},domProps:{"value":month.index}},[_vm._v(" "+_vm._s(month.name)+" ")])}),0):_vm._e(),_c('b-select',{attrs:{"disabled":_vm.disabled,"size":_vm.size},model:{value:(_vm.focusedDateData.year),callback:function ($$v) {_vm.$set(_vm.focusedDateData, "year", $$v);},expression:"focusedDateData.year"}},_vm._l((_vm.listOfYears),function(year){return _c('option',{key:year,domProps:{"value":year}},[_vm._v(" "+_vm._s(year)+" ")])}),0)],1)],1)])],2),(!_vm.isTypeMonth)?_c('div',{staticClass:"datepicker-content",class:{'content-horizonal-timepicker': _vm.horizontalTimePicker}},[_c('b-datepicker-table',{attrs:{"day-names":_vm.newDayNames,"month-names":_vm.newMonthNames,"first-day-of-week":_vm.firstDayOfWeek,"rules-for-first-week":_vm.rulesForFirstWeek,"min-date":_vm.minDate,"max-date":_vm.maxDate,"focused":_vm.focusedDateData,"disabled":_vm.disabled,"unselectable-dates":_vm.unselectableDates,"unselectable-days-of-week":_vm.unselectableDaysOfWeek,"selectable-dates":_vm.selectableDates,"events":_vm.events,"indicators":_vm.indicators,"date-creator":_vm.dateCreator,"type-month":_vm.isTypeMonth,"nearby-month-days":_vm.nearbyMonthDays,"nearby-selectable-month-days":_vm.nearbySelectableMonthDays,"show-week-number":_vm.showWeekNumber,"week-number-clickable":_vm.weekNumberClickable,"range":_vm.range,"multiple":_vm.multiple},on:{"range-start":function (date) { return _vm.$emit('range-start', date); },"range-end":function (date) { return _vm.$emit('range-end', date); },"close":function($event){return _vm.togglePicker(false)},"update:focused":function($event){_vm.focusedDateData = $event;}},model:{value:(_vm.computedValue),callback:function ($$v) {_vm.computedValue=$$v;},expression:"computedValue"}})],1):_c('div',[_c('b-datepicker-month',{attrs:{"month-names":_vm.newMonthNames,"min-date":_vm.minDate,"max-date":_vm.maxDate,"focused":_vm.focusedDateData,"disabled":_vm.disabled,"unselectable-dates":_vm.unselectableDates,"unselectable-days-of-week":_vm.unselectableDaysOfWeek,"selectable-dates":_vm.selectableDates,"events":_vm.events,"indicators":_vm.indicators,"date-creator":_vm.dateCreator,"range":_vm.range,"multiple":_vm.multiple},on:{"range-start":function (date) { return _vm.$emit('range-start', date); },"range-end":function (date) { return _vm.$emit('range-end', date); },"close":function($event){return _vm.togglePicker(false)},"change-focus":_vm.changeFocus,"update:focused":function($event){_vm.focusedDateData = $event;}},model:{value:(_vm.computedValue),callback:function ($$v) {_vm.computedValue=$$v;},expression:"computedValue"}})],1)]),(_vm.$slots.default !== undefined && _vm.$slots.default.length)?_c('footer',{staticClass:"datepicker-footer",class:{'footer-horizontal-timepicker': _vm.horizontalTimePicker}},[_vm._t("default")],2):_vm._e()])],1):_c('b-input',_vm._b({ref:"input",attrs:{"type":!_vm.isTypeMonth ? 'date' : 'month',"autocomplete":"off","value":_vm.formatNative(_vm.computedValue),"placeholder":_vm.placeholder,"size":_vm.size,"icon":_vm.icon,"icon-pack":_vm.iconPack,"rounded":_vm.rounded,"loading":_vm.loading,"max":_vm.formatNative(_vm.maxDate),"min":_vm.formatNative(_vm.minDate),"disabled":_vm.disabled,"readonly":false,"use-html5-validation":false},on:{"focus":_vm.onFocus,"blur":_vm.onBlur},nativeOn:{"change":function($event){return _vm.onChangeNativePicker($event)}}},'b-input',_vm.$attrs,false))],1)};
+var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"datepicker control",class:[_vm.size, {'is-expanded': _vm.expanded}]},[(!_vm.isMobile || _vm.inline)?_c('b-dropdown',{ref:"dropdown",attrs:{"position":_vm.position,"disabled":_vm.disabled,"inline":_vm.inline,"mobile-modal":_vm.mobileModal,"trap-focus":_vm.trapFocus,"aria-role":_vm.ariaRole,"append-to-body":_vm.appendToBody,"append-to-body-copy-parent":""},on:{"active-change":_vm.onActiveChange},scopedSlots:_vm._u([(!_vm.inline)?{key:"trigger",fn:function(){return [_vm._t("trigger",[_c('b-input',_vm._b({ref:"input",attrs:{"autocomplete":"off","value":_vm.formattedValue,"placeholder":_vm.placeholder,"size":_vm.size,"icon":_vm.icon,"icon-right":_vm.iconRight,"icon-right-clickable":_vm.iconRightClickable,"icon-pack":_vm.iconPack,"rounded":_vm.rounded,"loading":_vm.loading,"disabled":_vm.disabled,"readonly":!_vm.editable,"use-html5-validation":false},on:{"icon-right-click":function($event){return _vm.$emit('icon-right-click', $event)},"focus":_vm.handleOnFocus},nativeOn:{"click":function($event){return _vm.onInputClick($event)},"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.togglePicker(true)},"change":function($event){return _vm.onChange($event.target.value)}}},'b-input',_vm.$attrs,false))])]},proxy:true}:null],null,true)},[_c('b-dropdown-item',{class:{'dropdown-horizontal-timepicker': _vm.horizontalTimePicker},attrs:{"disabled":_vm.disabled,"focusable":_vm.focusable,"custom":""}},[_c('div',[_c('header',{staticClass:"datepicker-header"},[(_vm.$slots.header !== undefined && _vm.$slots.header.length)?[_vm._t("header")]:_c('div',{staticClass:"pagination field is-centered",class:_vm.size},[_c('a',{directives:[{name:"show",rawName:"v-show",value:(!_vm.showPrev && !_vm.disabled),expression:"!showPrev && !disabled"}],staticClass:"pagination-previous",attrs:{"role":"button","href":"#","disabled":_vm.disabled,"aria-label":_vm.ariaPreviousLabel},on:{"click":function($event){$event.preventDefault();return _vm.prev($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.prev($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.prev($event)}]}},[_c('b-icon',{attrs:{"icon":_vm.iconPrev,"pack":_vm.iconPack,"both":"","type":"is-primary is-clickable"}})],1),_c('a',{directives:[{name:"show",rawName:"v-show",value:(!_vm.showNext && !_vm.disabled),expression:"!showNext && !disabled"}],staticClass:"pagination-next",attrs:{"role":"button","href":"#","disabled":_vm.disabled,"aria-label":_vm.ariaNextLabel},on:{"click":function($event){$event.preventDefault();return _vm.next($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.next($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.next($event)}]}},[_c('b-icon',{attrs:{"icon":_vm.iconNext,"pack":_vm.iconPack,"both":"","type":"is-primary is-clickable"}})],1),_c('div',{staticClass:"pagination-list"},[_c('b-field',[(!_vm.isTypeMonth)?_c('b-select',{attrs:{"disabled":_vm.disabled,"size":_vm.size},model:{value:(_vm.focusedDateData.month),callback:function ($$v) {_vm.$set(_vm.focusedDateData, "month", $$v);},expression:"focusedDateData.month"}},_vm._l((_vm.listOfMonths),function(month){return _c('option',{key:month.name,attrs:{"disabled":month.disabled},domProps:{"value":month.index}},[_vm._v(" "+_vm._s(month.name)+" ")])}),0):_vm._e(),_c('b-select',{attrs:{"disabled":_vm.disabled,"size":_vm.size},model:{value:(_vm.focusedDateData.year),callback:function ($$v) {_vm.$set(_vm.focusedDateData, "year", $$v);},expression:"focusedDateData.year"}},_vm._l((_vm.listOfYears),function(year){return _c('option',{key:year,domProps:{"value":year}},[_vm._v(" "+_vm._s(year)+" ")])}),0)],1)],1)])],2),(!_vm.isTypeMonth)?_c('div',{staticClass:"datepicker-content",class:{'content-horizontal-timepicker': _vm.horizontalTimePicker}},[_c('b-datepicker-table',{attrs:{"day-names":_vm.newDayNames,"month-names":_vm.newMonthNames,"first-day-of-week":_vm.firstDayOfWeek,"rules-for-first-week":_vm.rulesForFirstWeek,"min-date":_vm.minDate,"max-date":_vm.maxDate,"focused":_vm.focusedDateData,"disabled":_vm.disabled,"unselectable-dates":_vm.unselectableDates,"unselectable-days-of-week":_vm.unselectableDaysOfWeek,"selectable-dates":_vm.selectableDates,"events":_vm.events,"indicators":_vm.indicators,"date-creator":_vm.dateCreator,"type-month":_vm.isTypeMonth,"nearby-month-days":_vm.nearbyMonthDays,"nearby-selectable-month-days":_vm.nearbySelectableMonthDays,"show-week-number":_vm.showWeekNumber,"week-number-clickable":_vm.weekNumberClickable,"range":_vm.range,"multiple":_vm.multiple},on:{"range-start":function (date) { return _vm.$emit('range-start', date); },"range-end":function (date) { return _vm.$emit('range-end', date); },"close":function($event){return _vm.togglePicker(false)},"update:focused":function($event){_vm.focusedDateData = $event;}},model:{value:(_vm.computedValue),callback:function ($$v) {_vm.computedValue=$$v;},expression:"computedValue"}})],1):_c('div',[_c('b-datepicker-month',{attrs:{"month-names":_vm.newMonthNames,"min-date":_vm.minDate,"max-date":_vm.maxDate,"focused":_vm.focusedDateData,"disabled":_vm.disabled,"unselectable-dates":_vm.unselectableDates,"unselectable-days-of-week":_vm.unselectableDaysOfWeek,"selectable-dates":_vm.selectableDates,"events":_vm.events,"indicators":_vm.indicators,"date-creator":_vm.dateCreator,"range":_vm.range,"multiple":_vm.multiple},on:{"range-start":function (date) { return _vm.$emit('range-start', date); },"range-end":function (date) { return _vm.$emit('range-end', date); },"close":function($event){return _vm.togglePicker(false)},"change-focus":_vm.changeFocus,"update:focused":function($event){_vm.focusedDateData = $event;}},model:{value:(_vm.computedValue),callback:function ($$v) {_vm.computedValue=$$v;},expression:"computedValue"}})],1)]),(_vm.$slots.default !== undefined && _vm.$slots.default.length)?_c('footer',{staticClass:"datepicker-footer",class:{'footer-horizontal-timepicker': _vm.horizontalTimePicker}},[_vm._t("default")],2):_vm._e()])],1):_c('b-input',_vm._b({ref:"input",attrs:{"type":!_vm.isTypeMonth ? 'date' : 'month',"autocomplete":"off","value":_vm.formatNative(_vm.computedValue),"placeholder":_vm.placeholder,"size":_vm.size,"icon":_vm.icon,"icon-pack":_vm.iconPack,"rounded":_vm.rounded,"loading":_vm.loading,"max":_vm.formatNative(_vm.maxDate),"min":_vm.formatNative(_vm.minDate),"disabled":_vm.disabled,"readonly":false,"use-html5-validation":false},on:{"focus":_vm.onFocus,"blur":_vm.onBlur},nativeOn:{"change":function($event){return _vm.onChangeNativePicker($event)}}},'b-input',_vm.$attrs,false))],1)};
 var __vue_staticRenderFns__$3 = [];
 
   /* style */

package/dist/esm/clockpicker.js

@@ -4,12 +4,12 @@ import { c as config } from './chunk-e92e3389.js';
 import './chunk-17b33cd2.js';
 import { I as Icon } from './chunk-7e17a637.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
-import { I as Input } from './chunk-83c8b459.js';
+import { I as Input } from './chunk-72ecb544.js';
 import './chunk-60a03517.js';
 import { T as TimepickerMixin } from './chunk-6e56b8bc.js';
 import './chunk-42f463e6.js';
 import { D as Dropdown, a as DropdownItem } from './chunk-ade5b253.js';
-import { F as Field } from './chunk-d46e7ff0.js';
+import { F as Field } from './chunk-53788519.js';
 
 //
 //

package/dist/esm/colorpicker.js

@@ -4,11 +4,11 @@ import { c as config } from './chunk-e92e3389.js';
 import { F as FormElementMixin } from './chunk-17b33cd2.js';
 import { I as Icon } from './chunk-7e17a637.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
-import { I as Input } from './chunk-83c8b459.js';
+import { I as Input } from './chunk-72ecb544.js';
 import './chunk-60a03517.js';
 import './chunk-42f463e6.js';
 import { D as Dropdown, a as DropdownItem } from './chunk-ade5b253.js';
-import { F as Field } from './chunk-d46e7ff0.js';
+import { F as Field } from './chunk-53788519.js';
 import { S as Select } from './chunk-4e788733.js';
 import { T as Tooltip } from './chunk-9b0b8225.js';
 
@@ -1716,7 +1716,7 @@ var script$3 = {
 const __vue_script__$3 = script$3;
 
 /* template */
-var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"colorpicker control",class:[_vm.size, {'is-expanded': _vm.expanded}]},[(!_vm.isMobile || _vm.inline)?_c('b-dropdown',{ref:"dropdown",attrs:{"position":_vm.position,"expanded":_vm.expanded,"disabled":_vm.disabled,"inline":_vm.inline,"mobile-modal":_vm.mobileModal,"trap-focus":_vm.trapFocus,"aria-role":_vm.ariaRole,"append-to-body":_vm.appendToBody,"append-to-body-copy-parent":""},on:{"active-change":_vm.onActiveChange},scopedSlots:_vm._u([(!_vm.inline)?{key:"trigger",fn:function(){return [_vm._t("trigger",[_c('b-button',{style:(_vm.triggerStyle),attrs:{"expanded":_vm.expanded,"disabled":_vm.disabled}},[_c('span',{staticClass:"color-name"},[_vm._v(_vm._s(_vm.colorFormatter(_vm.colorSelected)))])])])]},proxy:true}:null],null,true)},[_c('b-dropdown-item',{class:{'dropdown-horizonal-colorpicker': _vm.horizontalColorPicker},attrs:{"disabled":_vm.disabled,"focusable":_vm.focusable,"custom":""}},[_c('div',[_c('header',{staticClass:"colorpicker-header"},[(_vm.$slots.header !== undefined && _vm.$slots.header.length)?[_vm._t("header")]:_vm._e()],2),_c('div',{staticClass:"colorpicker-content"},[(_vm.representation === 'square')?_c('b-colorpicker-h-s-l-representation-square',{attrs:{"value":_vm.colorSelected},on:{"input":_vm.updateColor}}):_c('b-colorpicker-h-s-l-representation-triangle',{attrs:{"value":_vm.colorSelected},on:{"input":_vm.updateColor}})],1)]),_c('footer',{staticClass:"colorpicker-footer"},[(_vm.alpha)?_c('b-colorpicker-alpha-slider',{attrs:{"value":_vm.colorSelected.alpha,"color":_vm.colorSelected},on:{"input":_vm.updateAlpha}}):_vm._e(),_vm._t("footer",[_c('b-field',{staticClass:"colorpicker-fields",attrs:{"grouped":""}},[_c('b-field',{attrs:{"horizontal":"","label":"R"}},[_c('b-input',{attrs:{"type":"number","size":"is-small","aria-label":"Red"},model:{value:(_vm.colorSelected.red),callback:function ($$v) {_vm.$set(_vm.colorSelected, "red", _vm._n($$v));},expression:"colorSelected.red"}})],1),_c('b-field',{attrs:{"horizontal":"","label":"G"}},[_c('b-input',{attrs:{"type":"number","size":"is-small","aria-label":"Green"},model:{value:(_vm.colorSelected.green),callback:function ($$v) {_vm.$set(_vm.colorSelected, "green", _vm._n($$v));},expression:"colorSelected.green"}})],1),_c('b-field',{attrs:{"horizontal":"","label":"B"}},[_c('b-input',{attrs:{"type":"number","size":"is-small","aria-label":"Blue"},model:{value:(_vm.colorSelected.blue),callback:function ($$v) {_vm.$set(_vm.colorSelected, "blue", _vm._n($$v));},expression:"colorSelected.blue"}})],1)],1)],{"color":_vm.colorSelected})],2)])],1):_vm._e()],1)};
+var __vue_render__$3 = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"colorpicker control",class:[_vm.size, {'is-expanded': _vm.expanded}]},[(!_vm.isMobile || _vm.inline)?_c('b-dropdown',{ref:"dropdown",attrs:{"position":_vm.position,"expanded":_vm.expanded,"disabled":_vm.disabled,"inline":_vm.inline,"mobile-modal":_vm.mobileModal,"trap-focus":_vm.trapFocus,"aria-role":_vm.ariaRole,"append-to-body":_vm.appendToBody,"append-to-body-copy-parent":""},on:{"active-change":_vm.onActiveChange},scopedSlots:_vm._u([(!_vm.inline)?{key:"trigger",fn:function(){return [_vm._t("trigger",[_c('b-button',{style:(_vm.triggerStyle),attrs:{"expanded":_vm.expanded,"disabled":_vm.disabled}},[_c('span',{staticClass:"color-name"},[_vm._v(_vm._s(_vm.colorFormatter(_vm.colorSelected)))])])])]},proxy:true}:null],null,true)},[_c('b-dropdown-item',{class:{'dropdown-horizontal-colorpicker': _vm.horizontalColorPicker},attrs:{"disabled":_vm.disabled,"focusable":_vm.focusable,"custom":""}},[_c('div',[_c('header',{staticClass:"colorpicker-header"},[(_vm.$slots.header !== undefined && _vm.$slots.header.length)?[_vm._t("header")]:_vm._e()],2),_c('div',{staticClass:"colorpicker-content"},[(_vm.representation === 'square')?_c('b-colorpicker-h-s-l-representation-square',{attrs:{"value":_vm.colorSelected},on:{"input":_vm.updateColor}}):_c('b-colorpicker-h-s-l-representation-triangle',{attrs:{"value":_vm.colorSelected},on:{"input":_vm.updateColor}})],1)]),_c('footer',{staticClass:"colorpicker-footer"},[(_vm.alpha)?_c('b-colorpicker-alpha-slider',{attrs:{"value":_vm.colorSelected.alpha,"color":_vm.colorSelected},on:{"input":_vm.updateAlpha}}):_vm._e(),_vm._t("footer",[_c('b-field',{staticClass:"colorpicker-fields",attrs:{"grouped":""}},[_c('b-field',{attrs:{"horizontal":"","label":"R"}},[_c('b-input',{attrs:{"type":"number","size":"is-small","aria-label":"Red"},model:{value:(_vm.colorSelected.red),callback:function ($$v) {_vm.$set(_vm.colorSelected, "red", _vm._n($$v));},expression:"colorSelected.red"}})],1),_c('b-field',{attrs:{"horizontal":"","label":"G"}},[_c('b-input',{attrs:{"type":"number","size":"is-small","aria-label":"Green"},model:{value:(_vm.colorSelected.green),callback:function ($$v) {_vm.$set(_vm.colorSelected, "green", _vm._n($$v));},expression:"colorSelected.green"}})],1),_c('b-field',{attrs:{"horizontal":"","label":"B"}},[_c('b-input',{attrs:{"type":"number","size":"is-small","aria-label":"Blue"},model:{value:(_vm.colorSelected.blue),callback:function ($$v) {_vm.$set(_vm.colorSelected, "blue", _vm._n($$v));},expression:"colorSelected.blue"}})],1)],1)],{"color":_vm.colorSelected})],2)])],1):_vm._e()],1)};
 var __vue_staticRenderFns__$3 = [];
 
   /* style */

package/dist/esm/datepicker.js

@@ -4,14 +4,14 @@ import './chunk-e92e3389.js';
 import './chunk-17b33cd2.js';
 import './chunk-7e17a637.js';
 import { r as registerComponent, u as use } from './chunk-cca88db8.js';
-import './chunk-83c8b459.js';
+import './chunk-72ecb544.js';
 import './chunk-60a03517.js';
 import './chunk-42f463e6.js';
 import './chunk-ade5b253.js';
-import './chunk-d46e7ff0.js';
+import './chunk-53788519.js';
 import './chunk-4e788733.js';
-import { D as Datepicker } from './chunk-6c64686f.js';
-export { D as BDatepicker } from './chunk-6c64686f.js';
+import { D as Datepicker } from './chunk-ea6777b6.js';
+export { D as BDatepicker } from './chunk-ea6777b6.js';
 
 var Plugin = {
   install: function install(Vue) {

package/dist/esm/datetimepicker.js

@@ -4,15 +4,15 @@ import { c as config } from './chunk-e92e3389.js';
 import { F as FormElementMixin } from './chunk-17b33cd2.js';
 import './chunk-7e17a637.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
-import './chunk-83c8b459.js';
+import './chunk-72ecb544.js';
 import './chunk-60a03517.js';
 import './chunk-6e56b8bc.js';
 import './chunk-42f463e6.js';
 import './chunk-ade5b253.js';
-import './chunk-d46e7ff0.js';
+import './chunk-53788519.js';
 import './chunk-4e788733.js';
-import { D as Datepicker } from './chunk-6c64686f.js';
-import { T as Timepicker } from './chunk-293c457c.js';
+import { D as Datepicker } from './chunk-ea6777b6.js';
+import { T as Timepicker } from './chunk-35c20328.js';
 
 var _components;
 var AM = 'AM';

package/dist/esm/field.js

@@ -1,8 +1,8 @@
 import './chunk-455cdeae.js';
 import './chunk-e92e3389.js';
 import { r as registerComponent, u as use } from './chunk-cca88db8.js';
-import { F as Field } from './chunk-d46e7ff0.js';
-export { F as BField } from './chunk-d46e7ff0.js';
+import { F as Field } from './chunk-53788519.js';
+export { F as BField } from './chunk-53788519.js';
 
 var Plugin = {
   install: function install(Vue) {

package/dist/esm/index.js

@@ -5,8 +5,8 @@ import { s as setVueInstance, a as setOptions, c as config } from './chunk-e92e3
 import './chunk-17b33cd2.js';
 import './chunk-7e17a637.js';
 import { a as registerComponentProgrammatic, u as use } from './chunk-cca88db8.js';
-import './chunk-83c8b459.js';
-import './chunk-b0123b89.js';
+import './chunk-72ecb544.js';
+import './chunk-abcf9a94.js';
 import Plugin from './autocomplete.js';
 export { default as Autocomplete } from './autocomplete.js';
 import Plugin$1 from './breadcrumb.js';
@@ -27,17 +27,17 @@ export { default as Collapse } from './collapse.js';
 import './chunk-6e56b8bc.js';
 import './chunk-42f463e6.js';
 import './chunk-ade5b253.js';
-import './chunk-d46e7ff0.js';
+import './chunk-53788519.js';
 import Plugin$5 from './clockpicker.js';
 export { default as Clockpicker } from './clockpicker.js';
 import Plugin$7 from './colorpicker.js';
 export { default as Colorpicker } from './colorpicker.js';
 import './chunk-4e788733.js';
 import './chunk-9b0b8225.js';
-import './chunk-6c64686f.js';
+import './chunk-ea6777b6.js';
 import Plugin$8 from './datepicker.js';
 export { default as Datepicker } from './datepicker.js';
-import './chunk-293c457c.js';
+import './chunk-35c20328.js';
 import Plugin$9 from './datetimepicker.js';
 export { default as Datetimepicker } from './datetimepicker.js';
 import './chunk-33e1434e.js';

package/dist/esm/input.js

@@ -4,8 +4,8 @@ import './chunk-e92e3389.js';
 import './chunk-17b33cd2.js';
 import './chunk-7e17a637.js';
 import { r as registerComponent, u as use } from './chunk-cca88db8.js';
-import { I as Input } from './chunk-83c8b459.js';
-export { I as BInput } from './chunk-83c8b459.js';
+import { I as Input } from './chunk-72ecb544.js';
+export { I as BInput } from './chunk-72ecb544.js';
 
 var Plugin = {
   install: function install(Vue) {

package/dist/esm/numberinput.js

@@ -4,7 +4,7 @@ import './chunk-e92e3389.js';
 import { F as FormElementMixin } from './chunk-17b33cd2.js';
 import { I as Icon } from './chunk-7e17a637.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
-import { I as Input } from './chunk-83c8b459.js';
+import { I as Input } from './chunk-72ecb544.js';
 
 var _components;
 var script = {
@@ -48,7 +48,11 @@ var script = {
     controlsPosition: String,
     placeholder: [Number, String],
     ariaMinusLabel: String,
-    ariaPlusLabel: String
+    ariaPlusLabel: String,
+    longPress: {
+      type: Boolean,
+      default: true
+    }
   },
   data: function data() {
     return {
@@ -225,6 +229,7 @@ var script = {
       }, this.exponential ? 250 / (this.exponential * this.timesPressed++) : 250);
     },
     onStartLongPress: function onStartLongPress(event, inc) {
+      if (!this.longPress) return;
       if (event.button !== 0 && event.type !== 'touchstart') return;
       clearTimeout(this._$intervalRef);
       this.longPressTick(inc);

package/dist/esm/table.js

@@ -4,7 +4,7 @@ import { V as VueInstance, s as setVueInstance } from './chunk-e92e3389.js';
 import './chunk-17b33cd2.js';
 import { I as Icon } from './chunk-7e17a637.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
-import { I as Input } from './chunk-83c8b459.js';
+import { I as Input } from './chunk-72ecb544.js';
 import './chunk-2793447b.js';
 import { C as Checkbox } from './chunk-4a2008fa.js';
 import { S as Select } from './chunk-4e788733.js';
@@ -243,8 +243,8 @@ var script$1 = {
       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;

package/dist/esm/taginput.js

@@ -4,8 +4,8 @@ import { c as config } from './chunk-e92e3389.js';
 import { F as FormElementMixin } from './chunk-17b33cd2.js';
 import './chunk-7e17a637.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
-import './chunk-83c8b459.js';
-import { A as Autocomplete } from './chunk-b0123b89.js';
+import './chunk-72ecb544.js';
+import { A as Autocomplete } from './chunk-abcf9a94.js';
 import { T as Tag } from './chunk-2f2f0a74.js';
 
 var _components;

package/dist/esm/timepicker.js

@@ -4,15 +4,15 @@ import './chunk-e92e3389.js';
 import './chunk-17b33cd2.js';
 import './chunk-7e17a637.js';
 import { r as registerComponent, u as use } from './chunk-cca88db8.js';
-import './chunk-83c8b459.js';
+import './chunk-72ecb544.js';
 import './chunk-60a03517.js';
 import './chunk-6e56b8bc.js';
 import './chunk-42f463e6.js';
 import './chunk-ade5b253.js';
-import './chunk-d46e7ff0.js';
+import './chunk-53788519.js';
 import './chunk-4e788733.js';
-import { T as Timepicker } from './chunk-293c457c.js';
-export { T as BTimepicker } from './chunk-293c457c.js';
+import { T as Timepicker } from './chunk-35c20328.js';
+export { T as BTimepicker } from './chunk-35c20328.js';
 
 var Plugin = {
   install: function install(Vue) {

package/dist/vetur/attributes.json

@@ -1707,6 +1707,10 @@
     "description": "Accessibility label for the plus button.",
     "type": "string"
   },
+  "b-numberinput/long-press": {
+    "description": "Long press on the plus or minus button will increment/decrement the input value.",
+    "type": "boolean"
+  },
   "b-numberinput/Any native attribute": {
     "description": "—",
     "type": "—"

package/dist/vetur/tags.json

@@ -619,7 +619,8 @@
       "controls-position",
       "controls-alignment",
       "aria-minus-label",
-      "aria-plus-label"
+      "aria-plus-label",
+      "long-press"
     ],
     "description": "Buefy component <b-numberinput>",
     "subtags": []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "buefy",
-  "version": "0.9.21",
+  "version": "0.9.22",
   "homepage": "https://buefy.org",
   "description": "Lightweight UI components for Vue.js based on Bulma",
   "author": "Rafael Beraldo <rafael.pimpa@gmail.com>",
@@ -60,7 +60,7 @@
     "components"
   ],
   "dependencies": {
-    "bulma": "0.9.3"
+    "bulma": "0.9.4"
   },
   "peerDependencies": {
     "vue": "^2.6.11"

package/src/components/colorpicker/Colorpicker.vue

@@ -33,7 +33,7 @@
                 :disabled="disabled"
                 :focusable="focusable"
                 custom
-                :class="{'dropdown-horizonal-colorpicker': horizontalColorPicker}"
+                :class="{'dropdown-horizontal-colorpicker': horizontalColorPicker}"
             >
                 <div>
                     <header class="colorpicker-header">

package/src/components/datepicker/Datepicker.spec.js

@@ -377,13 +377,13 @@ describe('BDatepicker', () => {
             })
         })
 
-        it('renders a component with .dropdown-horizonal-timepicker class', () => {
-            const subject = wrapper.find('.dropdown-horizonal-timepicker')
+        it('renders a component with .dropdown-horizontal-timepicker class', () => {
+            const subject = wrapper.find('.dropdown-horizontal-timepicker')
             expect(subject.exists()).toBeTruthy()
         })
 
-        it('renders a component with .content-horizonal-timepicker class', () => {
-            const subject = wrapper.find('.content-horizonal-timepicker')
+        it('renders a component with .content-horizontal-timepicker class', () => {
+            const subject = wrapper.find('.content-horizontal-timepicker')
             expect(subject.exists()).toBeTruthy()
         })
 

package/src/components/datepicker/Datepicker.vue

@@ -45,7 +45,7 @@
                 :disabled="disabled"
                 :focusable="focusable"
                 custom
-                :class="{'dropdown-horizonal-timepicker': horizontalTimePicker}">
+                :class="{'dropdown-horizontal-timepicker': horizontalTimePicker}">
                 <div>
                     <header class="datepicker-header">
                         <template v-if="$slots.header !== undefined && $slots.header.length">
@@ -122,7 +122,7 @@
                     <div
                         v-if="!isTypeMonth"
                         class="datepicker-content"
-                        :class="{'content-horizonal-timepicker': horizontalTimePicker}">
+                        :class="{'content-horizontal-timepicker': horizontalTimePicker}">
                         <b-datepicker-table
                             v-model="computedValue"
                             :day-names="newDayNames"

package/src/components/field/Field.spec.js

@@ -48,13 +48,14 @@ describe('BField', () => {
     })
 
     describe('Passing a message prop', () => {
-        const generateMountOptions = ({message}) => {
+        const generateMountOptions = ({message, slot}) => {
             return {
                 propsData: {message},
                 localVue,
                 slots: {
                     default: [BInput, '<button class="button">Button</button>']
-                }
+                },
+                scopedSlots: slot ? {message: slot} : {}
             }
         }
 
@@ -114,6 +115,14 @@ describe('BField', () => {
             const wrapper = shallowMount(BField, mountOptions)
             expect(wrapper.find('p.help').html().split('<br>').length).toEqual(5)
         })
+
+        it('messages are passed down to the message slot', () => {
+            const message = 'Some string message'
+            const slot = '<template #message="{ messages }">{{ messages }}</template>'
+            const mountOptions = generateMountOptions({message, slot})
+            const wrapper = shallowMount(BField, mountOptions)
+            expect(wrapper.find('p.help').text()).toEqual(message)
+        })
     })
 
     describe('managing groups', () => {

package/src/components/field/Field.vue

@@ -45,7 +45,11 @@
             class="help"
             :class="newType"
         >
-            <slot v-if="$slots.message" name="message"/>
+            <slot
+                v-if="$slots.message"
+                name="message"
+                :messages="formattedMessage"
+            />
             <template v-else>
                 <template v-for="(mess, i) in formattedMessage">
                     {{ mess }}

package/src/components/input/Input.spec.js

@@ -54,6 +54,17 @@ describe('BInput', () => {
         expect(counter.text()).toBe('4 / 100')
     })
 
+    it('display correct input value length when value contains some emoji', () => {
+        wrapper.setProps({
+            value: '😀2',
+            maxlength: 5
+        })
+        const counter = wrapper.find('small.counter')
+
+        expect(counter.exists()).toBeTruthy()
+        expect(counter.text()).toBe('2 / 5')
+    })
+
     it('no display counter when hasCounter property set for false', () => {
         wrapper.setProps({ maxlength: 100 })
         expect(wrapper.find('small.counter').exists()).toBeTruthy()

package/src/components/input/Input.vue

@@ -203,7 +203,7 @@ export default {
         */
         valueLength() {
             if (typeof this.computedValue === 'string') {
-                return this.computedValue.length
+                return Array.from(this.computedValue).length
             } else if (typeof this.computedValue === 'number') {
                 return this.computedValue.toString().length
             }
@@ -217,6 +217,9 @@ export default {
         */
         value(value) {
             this.newValue = value
+        },
+        type(type) {
+            this.newType = type
         }
     },
     methods: {

package/src/components/numberinput/Numberinput.spec.js

@@ -92,6 +92,37 @@ describe('BNumberinput', () => {
             expect(wrapper.vm.computedValue).toBe(val)
         })
 
+        it('does not increment/decrement on long pressing when feature is disabled', async () => {
+            wrapper.setProps({
+                longPress: false
+            })
+            jest.useFakeTimers()
+            wrapper.vm.computedValue = 0
+
+            // Increment
+            wrapper.find('.control.plus button').trigger('mousedown')
+
+            // await wait(2000)
+            jest.runOnlyPendingTimers()
+            jest.runOnlyPendingTimers()
+            jest.runOnlyPendingTimers()
+
+            wrapper.find('.control.plus').trigger('mouseup')
+            expect(wrapper.vm.computedValue).toBe(0)
+
+            // Decrement
+            wrapper.find('.control.minus button').trigger('mousedown')
+
+            jest.runOnlyPendingTimers()
+            jest.runOnlyPendingTimers()
+
+            wrapper.find('.control.minus button').trigger('mouseup')
+            // Trigger it another time to check for unexpected browser behavior
+            wrapper.find('.control.minus button').trigger('mouseup')
+
+            expect(wrapper.vm.computedValue).toBe(0)
+        })
+
         it('increments/decrements after manually set value on input', async () => {
             wrapper.setProps({exponential: true, value: 1, step: 1})
             const BASE_VALUE = Math.floor(Math.random() * 10 + 1)

package/src/components/numberinput/Numberinput.vue

@@ -143,7 +143,11 @@ export default {
         controlsPosition: String,
         placeholder: [Number, String],
         ariaMinusLabel: String,
-        ariaPlusLabel: String
+        ariaPlusLabel: String,
+        longPress: {
+            type: Boolean,
+            default: true
+        }
     },
     data() {
         return {
@@ -301,6 +305,7 @@ export default {
             }, this.exponential ? (250 / (this.exponential * this.timesPressed++)) : 250)
         },
         onStartLongPress(event, inc) {
+            if (!this.longPress) return
             if (event.button !== 0 && event.type !== 'touchstart') return
             clearTimeout(this._$intervalRef)
             this.longPressTick(inc)