buefy 0.9.9 → 0.9.13

package/dist/components/datetimepicker/index.js

@@ -1,4 +1,4 @@
-/*! Buefy v0.9.9 | MIT License | github.com/buefy/buefy */
+/*! Buefy v0.9.13 | MIT License | github.com/buefy/buefy */
 (function (global, factory) {
   typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
   typeof define === 'function' && define.amd ? define(['exports'], factory) :
@@ -163,6 +163,10 @@
     defaultImageResponsive: true,
     defaultImageRatio: null,
     defaultImageSrcsetFormatter: null,
+    defaultBreadcrumbTag: 'a',
+    defaultBreadcrumbAlign: 'is-left',
+    defaultBreadcrumbSeparator: '',
+    defaultBreadcrumbSize: 'is-medium',
     customIconPacks: null
   };
 
@@ -271,8 +275,7 @@
     }
 
     var dtf = new Intl.DateTimeFormat(locale, {
-      month: format,
-      timeZone: 'UTC'
+      month: format
     });
     return dates.map(function (d) {
       return dtf.format(d);
@@ -1879,12 +1882,12 @@
         return this.grouped || this.groupMultiline || this.hasAddons();
       },
 
-      /**
-      * Correct Bulma class for the side of the addon or group.
-      *
-      * This is not kept like the others (is-small, etc.),
-      * because since 'has-addons' is set automatically it
-      * doesn't make sense to teach users what addons are exactly.
+      /**
+      * Correct Bulma class for the side of the addon or group.
+      *
+      * This is not kept like the others (is-small, etc.),
+      * because since 'has-addons' is set automatically it
+      * doesn't make sense to teach users what addons are exactly.
       */
       newPosition: function newPosition() {
         if (this.position === undefined) return;
@@ -1894,9 +1897,9 @@
         if (this.position) return prefix + position[1];
       },
 
-      /**
-      * Formatted message in case it's an array
-      * (each element is separated by <br> tag)
+      /**
+      * Formatted message in case it's an array
+      * (each element is separated by <br> tag)
       */
       formattedMessage: function formattedMessage() {
         if (this.parent && this.parent.hasInnerField) {
@@ -1966,22 +1969,22 @@
       }
     },
     watch: {
-      /**
-      * Set internal type when prop change.
+      /**
+      * Set internal type when prop change.
       */
       type: function type(value) {
         this.newType = value;
       },
 
-      /**
-      * Set internal message when prop change.
+      /**
+      * Set internal message when prop change.
       */
       message: function message(value) {
         this.newMessage = value;
       },
 
-      /**
-      * Set parent message if we use Field in Field.
+      /**
+      * Set parent message if we use Field in Field.
       */
       newMessage: function newMessage(value) {
         if (this.parent && this.parent.hasInnerField) {
@@ -1989,16 +1992,18 @@
             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';
@@ -2032,7 +2037,7 @@
   const __vue_script__$5 = script$5;
 
   /* template */
-  var __vue_render__$4 = 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__$4 = 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__$4 = [];
 
     /* style */
@@ -3561,15 +3566,12 @@
         }).resolvedOptions();
       },
       dtf: function dtf() {
-        return new Intl.DateTimeFormat(this.locale, {
-          timeZone: 'UTC'
-        });
+        return new Intl.DateTimeFormat(this.locale);
       },
       dtfMonth: function dtfMonth() {
         return new Intl.DateTimeFormat(this.locale, {
           year: this.localeOptions.year || 'numeric',
-          month: this.localeOptions.month || '2-digit',
-          timeZone: 'UTC'
+          month: this.localeOptions.month || '2-digit'
         });
       },
       newMonthNames: function newMonthNames() {
@@ -3819,9 +3821,10 @@
       },
       updateInternalState: function updateInternalState(value) {
         if (this.dateSelected === value) return;
-        var currentDate = Array.isArray(value) ? !value.length ? this.dateCreator() : value[value.length - 1] : !value ? this.dateCreator() : value;
+        var isArray = Array.isArray(value);
+        var currentDate = isArray ? !value.length ? this.dateCreator() : value[value.length - 1] : !value ? this.dateCreator() : value;
 
-        if (Array.isArray(value) && this.dateSelected && value.length > this.dateSelected.length) {
+        if (!isArray || isArray && this.dateSelected && value.length > this.dateSelected.length) {
           this.focusedDateData = {
             day: currentDate.getDate(),
             month: currentDate.getMonth(),
@@ -3899,6 +3902,12 @@
         if (!value) {
           this.onBlur();
         }
+        /*
+         * Emit 'active-change' when on dropdown active state change
+         */
+
+
+        this.$emit('active-change', value);
       },
       changeFocus: function changeFocus(day) {
         this.focusedDateData = {
@@ -4158,7 +4167,8 @@
           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() {
@@ -4326,10 +4336,10 @@
         }
       },
 
-      /**
-       * 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) {
@@ -4391,7 +4401,7 @@
           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) {
@@ -4541,8 +4551,8 @@
         return disabled;
       },
 
-      /*
-       * Parse string into date
+      /*
+       * Parse string into date
        */
       onChange: function onChange(value) {
         var date = this.timeParser(value, this);
@@ -4557,8 +4567,8 @@
         }
       },
 
-      /*
-       * Toggle timepicker
+      /*
+       * Toggle timepicker
        */
       toggle: function toggle(active) {
         if (this.$refs.dropdown) {
@@ -4566,15 +4576,15 @@
         }
       },
 
-      /*
-       * 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();
@@ -4584,8 +4594,8 @@
         }
       },
 
-      /*
-       * Format date into string 'HH-MM-SS'
+      /*
+       * Format date into string 'HH-MM-SS'
        */
       formatHHMMSS: function formatHHMMSS(value) {
         var date = new Date(value);
@@ -4600,8 +4610,8 @@
         return '';
       },
 
-      /*
-       * Parse time from string
+      /*
+       * Parse time from string
        */
       onChangeNativePicker: function onChangeNativePicker(event) {
         var date = event.target.value;
@@ -4632,8 +4642,8 @@
         return (value < 10 ? '0' : '') + value;
       },
 
-      /*
-       * Format date into string
+      /*
+       * Format date into string
        */
       formatValue: function formatValue(date) {
         if (date && !isNaN(date)) {
@@ -4643,8 +4653,8 @@
         }
       },
 
-      /**
-       * Keypress event that is bound to the document.
+      /**
+       * Keypress event that is bound to the document.
        */
       keyPress: function keyPress(_ref) {
         var key = _ref.key;
@@ -4654,8 +4664,8 @@
         }
       },
 
-      /**
-       * Emit 'blur' event on dropdown is not active (closed)
+      /**
+       * Emit 'blur' event on dropdown is not active (closed)
        */
       onActiveChange: function onActiveChange(value) {
         if (!value) {
@@ -4843,7 +4853,7 @@
           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() {
@@ -5003,6 +5013,13 @@
           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);
 
@@ -5036,7 +5053,7 @@
   const __vue_script__$c = script$c;
 
   /* template */
-  var __vue_render__$b = 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__$b = 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__$b = [];
 
     /* style */