buefy 0.9.9 → 0.9.13

package/dist/esm/{chunk-c3b09672.js → chunk-b07e3182.js}

@@ -1,5 +1,5 @@
-import { _ as _defineProperty } from './chunk-1fafdf15.js';
-import { c as config } from './chunk-652f2dad.js';
+import { _ as _defineProperty } from './chunk-2452e3d3.js';
+import { c as config } from './chunk-8ed29c41.js';
 import { _ as __vue_normalize__ } from './chunk-cca88db8.js';
 
 var script = {
@@ -137,12 +137,12 @@ var script$1 = {
       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;
@@ -152,9 +152,9 @@ var script$1 = {
       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) {
@@ -224,22 +224,22 @@ var script$1 = {
     }
   },
   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) {
@@ -247,16 +247,18 @@ var script$1 = {
           this.parent.newType = this.newType;
         }
 
-        this.parent.newMessage = value;
+        if (!this.parent.message) {
+          this.parent.newMessage = value;
+        }
       }
     }
   },
   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';
@@ -290,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}},[_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_staticRenderFns__ = [];
 
   /* style */

package/dist/esm/{chunk-ee935ae6.js → chunk-c9c58d0c.js}

@@ -114,7 +114,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":_vm.animation}},[(_vm.isActive)?_c('div',{staticClass:"loading-overlay is-active",class:{ 'is-full-page': _vm.displayInFullPage }},[_c('div',{staticClass:"loading-background",on:{"click":_vm.cancel}}),_vm._t("default",[_c('div',{staticClass:"loading-icon"})])],2):_vm._e()])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":_vm.animation}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isActive),expression:"isActive"}],staticClass:"loading-overlay is-active",class:{ 'is-full-page': _vm.displayInFullPage }},[_c('div',{staticClass:"loading-background",on:{"click":_vm.cancel}}),_vm._t("default",[_c('div',{staticClass:"loading-icon"})])],2)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/esm/{chunk-1d62828e.js → chunk-d7f92d97.js}

@@ -1,5 +1,5 @@
-import { _ as _defineProperty } from './chunk-1fafdf15.js';
-import { I as Icon } from './chunk-7fd02ffe.js';
+import { _ as _defineProperty } from './chunk-2452e3d3.js';
+import { I as Icon } from './chunk-d92f0cd9.js';
 
 var MessageMixin = {
   components: _defineProperty({}, Icon.name, Icon),
@@ -32,11 +32,17 @@ var MessageMixin = {
     duration: {
       type: Number,
       default: 2000
+    },
+    progressBar: {
+      type: Boolean,
+      default: false
     }
   },
   data: function data() {
     return {
-      isActive: this.active
+      isActive: this.active,
+      remainingTime: this.duration / 1000 // in seconds
+
     };
   },
   watch: {
@@ -46,6 +52,7 @@ var MessageMixin = {
     isActive: function isActive(value) {
       if (value) {
         this.setAutoClose();
+        this.setDurationProgress();
       } else {
         if (this.timer) {
           clearTimeout(this.timer);
@@ -86,6 +93,7 @@ var MessageMixin = {
      */
     close: function close() {
       this.isActive = false;
+      this.resetDurationProgress();
       this.$emit('close');
       this.$emit('update:active', false);
     },
@@ -106,6 +114,34 @@ var MessageMixin = {
           }
         }, this.duration);
       }
+    },
+    setDurationProgress: function setDurationProgress() {
+      var _this2 = this;
+
+      if (this.progressBar) {
+        /**
+         * Runs every one second to set the duration passed before
+         * the alert will auto close to show it in the progress bar (Remaining Time)
+         */
+        this.$buefy.globalNoticeInterval = setInterval(function () {
+          if (_this2.remainingTime !== 0) {
+            _this2.remainingTime -= 1;
+          } else {
+            _this2.resetDurationProgress();
+          }
+        }, 1000);
+      }
+    },
+    resetDurationProgress: function resetDurationProgress() {
+      var _this3 = this;
+
+      /**
+       * Wait until the component get closed and then reset
+       **/
+      setTimeout(function () {
+        _this3.remainingTime = _this3.duration / 1000;
+        clearInterval(_this3.$buefy.globalNoticeInterval);
+      }, 100);
     }
   },
   mounted: function mounted() {

package/dist/esm/{chunk-7fd02ffe.js → chunk-d92f0cd9.js}

@@ -1,6 +1,6 @@
-import { c as _toArray } from './chunk-1fafdf15.js';
+import { c as _toArray } from './chunk-2452e3d3.js';
 import { merge } from './helpers.js';
-import { c as config } from './chunk-652f2dad.js';
+import { c as config } from './chunk-8ed29c41.js';
 import { _ as __vue_normalize__ } from './chunk-cca88db8.js';
 
 var mdiIcons = {

package/dist/esm/chunk-e7c9b2cb.js

@@ -0,0 +1,108 @@
+import { _ as _defineProperty } from './chunk-2452e3d3.js';
+import { c as config } from './chunk-8ed29c41.js';
+import { I as Icon } from './chunk-d92f0cd9.js';
+import { _ as __vue_normalize__ } from './chunk-cca88db8.js';
+
+var script = {
+  name: 'BButton',
+  components: _defineProperty({}, Icon.name, Icon),
+  inheritAttrs: false,
+  props: {
+    type: [String, Object],
+    size: String,
+    label: String,
+    iconPack: String,
+    iconLeft: String,
+    iconRight: String,
+    rounded: {
+      type: Boolean,
+      default: function _default() {
+        return config.defaultButtonRounded;
+      }
+    },
+    loading: Boolean,
+    outlined: Boolean,
+    expanded: Boolean,
+    inverted: Boolean,
+    focused: Boolean,
+    active: Boolean,
+    hovered: Boolean,
+    selected: Boolean,
+    nativeType: {
+      type: String,
+      default: 'button',
+      validator: function validator(value) {
+        return ['button', 'submit', 'reset'].indexOf(value) >= 0;
+      }
+    },
+    tag: {
+      type: String,
+      default: 'button',
+      validator: function validator(value) {
+        return config.defaultLinkTags.indexOf(value) >= 0;
+      }
+    }
+  },
+  computed: {
+    computedTag: function computedTag() {
+      if (this.$attrs.disabled !== undefined && this.$attrs.disabled !== false) {
+        return 'button';
+      }
+
+      return this.tag;
+    },
+    iconSize: function iconSize() {
+      if (!this.size || this.size === 'is-medium') {
+        return 'is-small';
+      } else if (this.size === 'is-large') {
+        return 'is-medium';
+      }
+
+      return this.size;
+    }
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+
+/* template */
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.computedTag,_vm._g(_vm._b({tag:"component",staticClass:"button",class:[_vm.size, _vm.type, {
+        'is-rounded': _vm.rounded,
+        'is-loading': _vm.loading,
+        'is-outlined': _vm.outlined,
+        'is-fullwidth': _vm.expanded,
+        'is-inverted': _vm.inverted,
+        'is-focused': _vm.focused,
+        '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)};
+var __vue_staticRenderFns__ = [];
+
+  /* style */
+  const __vue_inject_styles__ = undefined;
+  /* scoped */
+  const __vue_scope_id__ = undefined;
+  /* module identifier */
+  const __vue_module_identifier__ = undefined;
+  /* functional template */
+  const __vue_is_functional_template__ = false;
+  /* style inject */
+  
+  /* style inject SSR */
+  
+
+  
+  var Button = __vue_normalize__(
+    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
+    __vue_inject_styles__,
+    __vue_script__,
+    __vue_scope_id__,
+    __vue_is_functional_template__,
+    __vue_module_identifier__,
+    undefined,
+    undefined
+  );
+
+export { Button as B };

package/dist/esm/{chunk-0e22ae0a.js → chunk-ece062a7.js}

@@ -1,6 +1,6 @@
 import { isMobile, matchWithGroups } from './helpers.js';
-import { c as config } from './chunk-652f2dad.js';
-import { F as FormElementMixin } from './chunk-516e4877.js';
+import { c as config } from './chunk-8ed29c41.js';
+import { F as FormElementMixin } from './chunk-75a5af93.js';
 
 var AM = 'AM';
 var PM = 'PM';
@@ -208,7 +208,8 @@ var TimepickerMixin = {
         hour: this.localeOptions.hour || 'numeric',
         minute: this.localeOptions.minute || 'numeric',
         second: this.enableSeconds ? this.localeOptions.second || 'numeric' : undefined,
-        hour12: !this.isHourFormat24
+        // Fixes 12 hour display github.com/buefy/buefy/issues/3418
+        hourCycle: !this.isHourFormat24 ? 'h12' : 'h23'
       });
     },
     newHourFormat: function newHourFormat() {
@@ -376,10 +377,10 @@ var TimepickerMixin = {
       }
     },
 
-    /**
-     * 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: {
       handler: function handler(value) {
@@ -441,7 +442,7 @@ var TimepickerMixin = {
         time.setHours(hours);
         time.setMinutes(minutes);
         time.setSeconds(seconds);
-        this.computedValue = new Date(time.getTime());
+        if (!isNaN(time.getTime())) this.computedValue = new Date(time.getTime());
       }
     },
     updateInternalState: function updateInternalState(value) {
@@ -591,8 +592,8 @@ var TimepickerMixin = {
       return disabled;
     },
 
-    /*
-     * Parse string into date
+    /*
+     * Parse string into date
      */
     onChange: function onChange(value) {
       var date = this.timeParser(value, this);
@@ -607,8 +608,8 @@ var TimepickerMixin = {
       }
     },
 
-    /*
-     * Toggle timepicker
+    /*
+     * Toggle timepicker
      */
     toggle: function toggle(active) {
       if (this.$refs.dropdown) {
@@ -616,15 +617,15 @@ var TimepickerMixin = {
       }
     },
 
-    /*
-     * Close timepicker
+    /*
+     * Close timepicker
      */
     close: function close() {
       this.toggle(false);
     },
 
-    /*
-     * Call default onFocus method and show timepicker
+    /*
+     * Call default onFocus method and show timepicker
      */
     handleOnFocus: function handleOnFocus() {
       this.onFocus();
@@ -634,8 +635,8 @@ var TimepickerMixin = {
       }
     },
 
-    /*
-     * Format date into string 'HH-MM-SS'
+    /*
+     * Format date into string 'HH-MM-SS'
      */
     formatHHMMSS: function formatHHMMSS(value) {
       var date = new Date(value);
@@ -650,8 +651,8 @@ var TimepickerMixin = {
       return '';
     },
 
-    /*
-     * Parse time from string
+    /*
+     * Parse time from string
      */
     onChangeNativePicker: function onChangeNativePicker(event) {
       var date = event.target.value;
@@ -682,8 +683,8 @@ var TimepickerMixin = {
       return (value < 10 ? '0' : '') + value;
     },
 
-    /*
-     * Format date into string
+    /*
+     * Format date into string
      */
     formatValue: function formatValue(date) {
       if (date && !isNaN(date)) {
@@ -693,8 +694,8 @@ var TimepickerMixin = {
       }
     },
 
-    /**
-     * Keypress event that is bound to the document.
+    /**
+     * Keypress event that is bound to the document.
      */
     keyPress: function keyPress(_ref) {
       var key = _ref.key;
@@ -704,8 +705,8 @@ var TimepickerMixin = {
       }
     },
 
-    /**
-     * Emit 'blur' event on dropdown is not active (closed)
+    /**
+     * Emit 'blur' event on dropdown is not active (closed)
      */
     onActiveChange: function onActiveChange(value) {
       if (!value) {

package/dist/esm/clockpicker.js

@@ -1,15 +1,15 @@
-import { _ as _defineProperty } from './chunk-1fafdf15.js';
+import { _ as _defineProperty } from './chunk-2452e3d3.js';
 import './helpers.js';
-import { c as config } from './chunk-652f2dad.js';
-import './chunk-516e4877.js';
-import { I as Icon } from './chunk-7fd02ffe.js';
+import { c as config } from './chunk-8ed29c41.js';
+import './chunk-75a5af93.js';
+import { I as Icon } from './chunk-d92f0cd9.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
-import { I as Input } from './chunk-f160efb9.js';
-import './chunk-1297c2c9.js';
-import { T as TimepickerMixin } from './chunk-0e22ae0a.js';
+import { I as Input } from './chunk-ae8ab23a.js';
+import './chunk-29ca0df8.js';
+import { T as TimepickerMixin } from './chunk-ece062a7.js';
 import './chunk-42f463e6.js';
-import { D as Dropdown, a as DropdownItem } from './chunk-2c957994.js';
-import { F as Field } from './chunk-c3b09672.js';
+import { D as Dropdown, a as DropdownItem } from './chunk-4b67a181.js';
+import { F as Field } from './chunk-b07e3182.js';
 
 //
 //

package/dist/esm/config.js

@@ -1,6 +1,6 @@
-import './chunk-1fafdf15.js';
+import './chunk-2452e3d3.js';
 import { merge } from './helpers.js';
-import { c as config, a as setOptions } from './chunk-652f2dad.js';
+import { c as config, a as setOptions } from './chunk-8ed29c41.js';
 
 var ConfigComponent = {
   getOptions: function getOptions() {

package/dist/esm/datepicker.js

@@ -1,17 +1,17 @@
-import './chunk-1fafdf15.js';
+import './chunk-2452e3d3.js';
 import './helpers.js';
-import './chunk-652f2dad.js';
-import './chunk-516e4877.js';
-import './chunk-7fd02ffe.js';
+import './chunk-8ed29c41.js';
+import './chunk-75a5af93.js';
+import './chunk-d92f0cd9.js';
 import { r as registerComponent, u as use } from './chunk-cca88db8.js';
-import './chunk-f160efb9.js';
-import './chunk-1297c2c9.js';
+import './chunk-ae8ab23a.js';
+import './chunk-29ca0df8.js';
 import './chunk-42f463e6.js';
-import './chunk-2c957994.js';
-import './chunk-c3b09672.js';
-import './chunk-37678809.js';
-import { D as Datepicker } from './chunk-f9299099.js';
-export { D as BDatepicker } from './chunk-f9299099.js';
+import './chunk-4b67a181.js';
+import './chunk-b07e3182.js';
+import './chunk-83eb0d37.js';
+import { D as Datepicker } from './chunk-22e9f916.js';
+export { D as BDatepicker } from './chunk-22e9f916.js';
 
 var Plugin = {
   install: function install(Vue) {

package/dist/esm/datetimepicker.js

@@ -1,18 +1,18 @@
-import { _ as _defineProperty } from './chunk-1fafdf15.js';
+import { _ as _defineProperty } from './chunk-2452e3d3.js';
 import { isMobile, matchWithGroups } from './helpers.js';
-import { c as config } from './chunk-652f2dad.js';
-import { F as FormElementMixin } from './chunk-516e4877.js';
-import './chunk-7fd02ffe.js';
+import { c as config } from './chunk-8ed29c41.js';
+import { F as FormElementMixin } from './chunk-75a5af93.js';
+import './chunk-d92f0cd9.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
-import './chunk-f160efb9.js';
-import './chunk-1297c2c9.js';
-import './chunk-0e22ae0a.js';
+import './chunk-ae8ab23a.js';
+import './chunk-29ca0df8.js';
+import './chunk-ece062a7.js';
 import './chunk-42f463e6.js';
-import './chunk-2c957994.js';
-import './chunk-c3b09672.js';
-import './chunk-37678809.js';
-import { D as Datepicker } from './chunk-f9299099.js';
-import { T as Timepicker } from './chunk-fa404a2c.js';
+import './chunk-4b67a181.js';
+import './chunk-b07e3182.js';
+import './chunk-83eb0d37.js';
+import { D as Datepicker } from './chunk-22e9f916.js';
+import { T as Timepicker } from './chunk-21fc0948.js';
 
 var _components;
 var AM = 'AM';
@@ -132,7 +132,7 @@ var script = {
         hour: this.localeOptions.hour || 'numeric',
         minute: this.localeOptions.minute || 'numeric',
         second: this.enableSeconds() ? this.localeOptions.second || 'numeric' : undefined,
-        hour12: !this.isHourFormat24()
+        hourCycle: !this.isHourFormat24() ? 'h12' : 'h23'
       });
     },
     isMobileNative: function isMobileNative() {
@@ -292,6 +292,13 @@ var script = {
         this.computedValue = null;
       }
     },
+
+    /*
+     * Emit 'active-change' on datepicker active state change
+     */
+    onActiveChange: function onActiveChange(value) {
+      this.$emit('active-change', value);
+    },
     formatNative: function formatNative(value) {
       var date = new Date(value);
 
@@ -325,7 +332,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isMobile || _vm.inline)?_c('b-datepicker',_vm._b({ref:"datepicker",attrs:{"rounded":_vm.rounded,"open-on-focus":_vm.openOnFocus,"position":_vm.position,"loading":_vm.loading,"inline":_vm.inline,"editable":_vm.editable,"expanded":_vm.expanded,"close-on-click":false,"date-formatter":_vm.defaultDatetimeFormatter,"date-parser":_vm.defaultDatetimeParser,"min-date":_vm.minDate,"max-date":_vm.maxDate,"icon":_vm.icon,"icon-right":_vm.iconRight,"icon-right-clickable":_vm.iconRightClickable,"icon-pack":_vm.iconPack,"size":_vm.datepickerSize,"placeholder":_vm.placeholder,"horizontal-time-picker":_vm.horizontalTimePicker,"range":false,"disabled":_vm.disabled,"mobile-native":_vm.isMobileNative,"locale":_vm.locale,"focusable":_vm.focusable,"append-to-body":_vm.appendToBody},on:{"focus":_vm.onFocus,"blur":_vm.onBlur,"icon-right-click":function($event){return _vm.$emit('icon-right-click')},"change-month":function($event){return _vm.$emit('change-month', $event)},"change-year":function($event){return _vm.$emit('change-year', $event)}},model:{value:(_vm.computedValue),callback:function ($$v) {_vm.computedValue=$$v;},expression:"computedValue"}},'b-datepicker',_vm.datepicker,false),[_c('nav',{staticClass:"level is-mobile"},[(_vm.$slots.left !== undefined)?_c('div',{staticClass:"level-item has-text-centered"},[_vm._t("left")],2):_vm._e(),_c('div',{staticClass:"level-item has-text-centered"},[_c('b-timepicker',_vm._b({ref:"timepicker",attrs:{"inline":"","editable":_vm.editable,"min-time":_vm.minTime,"max-time":_vm.maxTime,"size":_vm.timepickerSize,"disabled":_vm.timepickerDisabled,"focusable":_vm.focusable,"mobile-native":_vm.isMobileNative,"locale":_vm.locale},model:{value:(_vm.computedValue),callback:function ($$v) {_vm.computedValue=$$v;},expression:"computedValue"}},'b-timepicker',_vm.timepicker,false))],1),(_vm.$slots.right !== undefined)?_c('div',{staticClass:"level-item has-text-centered"},[_vm._t("right")],2):_vm._e()])]):_c('b-input',_vm._b({ref:"input",attrs:{"type":"datetime-local","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":_vm.useHtml5Validation},on:{"focus":_vm.onFocus,"blur":_vm.onBlur},nativeOn:{"change":function($event){return _vm.onChangeNativePicker($event)}}},'b-input',_vm.$attrs,false))};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (!_vm.isMobile || _vm.inline)?_c('b-datepicker',_vm._b({ref:"datepicker",attrs:{"rounded":_vm.rounded,"open-on-focus":_vm.openOnFocus,"position":_vm.position,"loading":_vm.loading,"inline":_vm.inline,"editable":_vm.editable,"expanded":_vm.expanded,"close-on-click":false,"date-formatter":_vm.defaultDatetimeFormatter,"date-parser":_vm.defaultDatetimeParser,"min-date":_vm.minDate,"max-date":_vm.maxDate,"icon":_vm.icon,"icon-right":_vm.iconRight,"icon-right-clickable":_vm.iconRightClickable,"icon-pack":_vm.iconPack,"size":_vm.datepickerSize,"placeholder":_vm.placeholder,"horizontal-time-picker":_vm.horizontalTimePicker,"range":false,"disabled":_vm.disabled,"mobile-native":_vm.isMobileNative,"locale":_vm.locale,"focusable":_vm.focusable,"append-to-body":_vm.appendToBody},on:{"focus":_vm.onFocus,"blur":_vm.onBlur,"active-change":_vm.onActiveChange,"icon-right-click":function($event){return _vm.$emit('icon-right-click')},"change-month":function($event){return _vm.$emit('change-month', $event)},"change-year":function($event){return _vm.$emit('change-year', $event)}},model:{value:(_vm.computedValue),callback:function ($$v) {_vm.computedValue=$$v;},expression:"computedValue"}},'b-datepicker',_vm.datepicker,false),[_c('nav',{staticClass:"level is-mobile"},[(_vm.$slots.left !== undefined)?_c('div',{staticClass:"level-item has-text-centered"},[_vm._t("left")],2):_vm._e(),_c('div',{staticClass:"level-item has-text-centered"},[_c('b-timepicker',_vm._b({ref:"timepicker",attrs:{"inline":"","editable":_vm.editable,"min-time":_vm.minTime,"max-time":_vm.maxTime,"size":_vm.timepickerSize,"disabled":_vm.timepickerDisabled,"focusable":_vm.focusable,"mobile-native":_vm.isMobileNative,"locale":_vm.locale},model:{value:(_vm.computedValue),callback:function ($$v) {_vm.computedValue=$$v;},expression:"computedValue"}},'b-timepicker',_vm.timepicker,false))],1),(_vm.$slots.right !== undefined)?_c('div',{staticClass:"level-item has-text-centered"},[_vm._t("right")],2):_vm._e()])]):_c('b-input',_vm._b({ref:"input",attrs:{"type":"datetime-local","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":_vm.useHtml5Validation},on:{"focus":_vm.onFocus,"blur":_vm.onBlur},nativeOn:{"change":function($event){return _vm.onChangeNativePicker($event)}}},'b-input',_vm.$attrs,false))};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/esm/dialog.js

@@ -1,14 +1,16 @@
-import { _ as _defineProperty } from './chunk-1fafdf15.js';
+import { _ as _defineProperty } from './chunk-2452e3d3.js';
 import { removeElement, merge } from './helpers.js';
-import { c as config, V as VueInstance } from './chunk-652f2dad.js';
-import { I as Icon } from './chunk-7fd02ffe.js';
+import { c as config, V as VueInstance } from './chunk-8ed29c41.js';
+import { I as Icon } from './chunk-d92f0cd9.js';
 import { _ as __vue_normalize__, r as registerComponent, a as registerComponentProgrammatic, u as use } from './chunk-cca88db8.js';
+import { B as Button } from './chunk-e7c9b2cb.js';
 import { t as trapFocus } from './chunk-42f463e6.js';
-import { M as Modal } from './chunk-742a9694.js';
+import { M as Modal } from './chunk-9f7f7441.js';
 
+var _components;
 var script = {
   name: 'BDialog',
-  components: _defineProperty({}, Icon.name, Icon),
+  components: (_components = {}, _defineProperty(_components, Icon.name, Icon), _defineProperty(_components, Button.name, Button), _components),
   directives: {
     trapFocus: trapFocus
   },
@@ -182,9 +184,9 @@ var script = {
       if (_this4.hasInput) {
         _this4.$refs.input.focus();
       } else if (_this4.focusOn === 'cancel' && _this4.showCancel) {
-        _this4.$refs.cancelButton.focus();
+        _this4.$refs.cancelButton.$el.focus();
       } else {
-        _this4.$refs.confirmButton.focus();
+        _this4.$refs.confirmButton.$el.focus();
       }
     });
   }
@@ -194,7 +196,7 @@ var script = {
 const __vue_script__ = script;
 
 /* template */
-var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":_vm.animation}},[(_vm.isActive)?_c('div',{directives:[{name:"trap-focus",rawName:"v-trap-focus",value:(_vm.trapFocus),expression:"trapFocus"}],staticClass:"dialog modal is-active",class:_vm.dialogClass,attrs:{"role":_vm.ariaRole,"aria-modal":_vm.ariaModal}},[_c('div',{staticClass:"modal-background",on:{"click":function($event){return _vm.cancel('outside')}}}),_c('div',{staticClass:"modal-card animation-content"},[(_vm.title)?_c('header',{staticClass:"modal-card-head"},[_c('p',{staticClass:"modal-card-title"},[_vm._v(_vm._s(_vm.title))])]):_vm._e(),_c('section',{staticClass:"modal-card-body",class:{ 'is-titleless': !_vm.title, 'is-flex': _vm.hasIcon }},[_c('div',{staticClass:"media"},[(_vm.hasIcon && (_vm.icon || _vm.iconByType))?_c('div',{staticClass:"media-left"},[_c('b-icon',{attrs:{"icon":_vm.icon ? _vm.icon : _vm.iconByType,"pack":_vm.iconPack,"type":_vm.type,"both":!_vm.icon,"size":"is-large"}})],1):_vm._e(),_c('div',{staticClass:"media-content"},[_c('p',[(_vm.$slots.default)?[_vm._t("default")]:[_c('div',{domProps:{"innerHTML":_vm._s(_vm.message)}})]],2),(_vm.hasInput)?_c('div',{staticClass:"field"},[_c('div',{staticClass:"control"},[(((_vm.inputAttrs).type)==='checkbox')?_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.prompt)?_vm._i(_vm.prompt,null)>-1:(_vm.prompt)},on:{"compositionstart":function($event){_vm.isCompositing = true;},"compositionend":function($event){_vm.isCompositing = false;},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.confirm($event)},"change":function($event){var $$a=_vm.prompt,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.prompt=$$a.concat([$$v]));}else{$$i>-1&&(_vm.prompt=$$a.slice(0,$$i).concat($$a.slice($$i+1)));}}else{_vm.prompt=$$c;}}}},'input',_vm.inputAttrs,false)):(((_vm.inputAttrs).type)==='radio')?_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },attrs:{"type":"radio"},domProps:{"checked":_vm._q(_vm.prompt,null)},on:{"compositionstart":function($event){_vm.isCompositing = true;},"compositionend":function($event){_vm.isCompositing = false;},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.confirm($event)},"change":function($event){_vm.prompt=null;}}},'input',_vm.inputAttrs,false)):_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },attrs:{"type":(_vm.inputAttrs).type},domProps:{"value":(_vm.prompt)},on:{"compositionstart":function($event){_vm.isCompositing = true;},"compositionend":function($event){_vm.isCompositing = false;},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.confirm($event)},"input":function($event){if($event.target.composing){ return; }_vm.prompt=$event.target.value;}}},'input',_vm.inputAttrs,false))]),_c('p',{staticClass:"help is-danger"},[_vm._v(_vm._s(_vm.validationMessage))])]):_vm._e()])])]),_c('footer',{staticClass:"modal-card-foot"},[(_vm.showCancel)?_c('button',{ref:"cancelButton",staticClass:"button",on:{"click":function($event){return _vm.cancel('button')}}},[_vm._v(_vm._s(_vm.cancelText))]):_vm._e(),_c('button',{ref:"confirmButton",staticClass:"button",class:_vm.type,on:{"click":_vm.confirm}},[_vm._v(_vm._s(_vm.confirmText))])])])]):_vm._e()])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"name":_vm.animation}},[(_vm.isActive)?_c('div',{directives:[{name:"trap-focus",rawName:"v-trap-focus",value:(_vm.trapFocus),expression:"trapFocus"}],staticClass:"dialog modal is-active",class:_vm.dialogClass,attrs:{"role":_vm.ariaRole,"aria-modal":_vm.ariaModal}},[_c('div',{staticClass:"modal-background",on:{"click":function($event){return _vm.cancel('outside')}}}),_c('div',{staticClass:"modal-card animation-content"},[(_vm.title)?_c('header',{staticClass:"modal-card-head"},[_c('p',{staticClass:"modal-card-title"},[_vm._v(_vm._s(_vm.title))])]):_vm._e(),_c('section',{staticClass:"modal-card-body",class:{ 'is-titleless': !_vm.title, 'is-flex': _vm.hasIcon }},[_c('div',{staticClass:"media"},[(_vm.hasIcon && (_vm.icon || _vm.iconByType))?_c('div',{staticClass:"media-left"},[_c('b-icon',{attrs:{"icon":_vm.icon ? _vm.icon : _vm.iconByType,"pack":_vm.iconPack,"type":_vm.type,"both":!_vm.icon,"size":"is-large"}})],1):_vm._e(),_c('div',{staticClass:"media-content"},[_c('p',[(_vm.$slots.default)?[_vm._t("default")]:[_c('div',{domProps:{"innerHTML":_vm._s(_vm.message)}})]],2),(_vm.hasInput)?_c('div',{staticClass:"field"},[_c('div',{staticClass:"control"},[(((_vm.inputAttrs).type)==='checkbox')?_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },attrs:{"type":"checkbox"},domProps:{"checked":Array.isArray(_vm.prompt)?_vm._i(_vm.prompt,null)>-1:(_vm.prompt)},on:{"compositionstart":function($event){_vm.isCompositing = true;},"compositionend":function($event){_vm.isCompositing = false;},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.confirm($event)},"change":function($event){var $$a=_vm.prompt,$$el=$event.target,$$c=$$el.checked?(true):(false);if(Array.isArray($$a)){var $$v=null,$$i=_vm._i($$a,$$v);if($$el.checked){$$i<0&&(_vm.prompt=$$a.concat([$$v]));}else{$$i>-1&&(_vm.prompt=$$a.slice(0,$$i).concat($$a.slice($$i+1)));}}else{_vm.prompt=$$c;}}}},'input',_vm.inputAttrs,false)):(((_vm.inputAttrs).type)==='radio')?_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },attrs:{"type":"radio"},domProps:{"checked":_vm._q(_vm.prompt,null)},on:{"compositionstart":function($event){_vm.isCompositing = true;},"compositionend":function($event){_vm.isCompositing = false;},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.confirm($event)},"change":function($event){_vm.prompt=null;}}},'input',_vm.inputAttrs,false)):_c('input',_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.prompt),expression:"prompt"}],ref:"input",staticClass:"input",class:{ 'is-danger': _vm.validationMessage },attrs:{"type":(_vm.inputAttrs).type},domProps:{"value":(_vm.prompt)},on:{"compositionstart":function($event){_vm.isCompositing = true;},"compositionend":function($event){_vm.isCompositing = false;},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.confirm($event)},"input":function($event){if($event.target.composing){ return; }_vm.prompt=$event.target.value;}}},'input',_vm.inputAttrs,false))]),_c('p',{staticClass:"help is-danger"},[_vm._v(_vm._s(_vm.validationMessage))])]):_vm._e()])])]),_c('footer',{staticClass:"modal-card-foot"},[(_vm.showCancel)?_c('b-button',{ref:"cancelButton",on:{"click":function($event){return _vm.cancel('button')}}},[_vm._v(_vm._s(_vm.cancelText))]):_vm._e(),_c('b-button',{ref:"confirmButton",attrs:{"type":_vm.type},on:{"click":_vm.confirm}},[_vm._v(_vm._s(_vm.confirmText))])],1)])]):_vm._e()])};
 var __vue_staticRenderFns__ = [];
 
   /* style */