buefy 0.9.9 → 0.9.13

package/dist/cjs/{chunk-50ff3a78.js → chunk-30670fac.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-var __chunk_1 = require('./chunk-14c82365.js');
+var __chunk_1 = require('./chunk-92621ff7.js');
 var helpers = require('./helpers.js');
-var __chunk_3 = require('./chunk-816cba7a.js');
+var __chunk_3 = require('./chunk-9e4cf4c5.js');
 var __chunk_5 = require('./chunk-13e039f5.js');
-var __chunk_6 = require('./chunk-916a2858.js');
+var __chunk_6 = require('./chunk-f5106717.js');
 
 var script = {
   name: 'BAutocomplete',
@@ -50,12 +50,16 @@ var script = {
       default: function _default() {
         return ['Tab', 'Enter'];
       }
-    }
+    },
+    selectableHeader: Boolean,
+    selectableFooter: Boolean
   },
   data: function data() {
     return {
       selected: null,
       hovered: null,
+      headerHovered: null,
+      footerHovered: null,
       isActive: false,
       newValue: this.value,
       newAutocomplete: this.autocomplete || 'off',
@@ -273,9 +277,9 @@ var script = {
     newValue: function newValue(value) {
       this.$emit('input', value); // Check if selected is invalid
 
-      var currentValue = this.getValue(this.selected); // empty or different value
+      var currentValue = this.getValue(this.selected);
 
-      if (typeof currentValue === 'undefined' || currentValue === null || currentValue && currentValue !== value) {
+      if (currentValue && currentValue !== value) {
         this.setSelected(null, false);
       } // Close dropdown if input is clear or else open it
 
@@ -335,7 +339,14 @@ var script = {
       this.$emit('select', this.selected, event);
 
       if (this.selected !== null) {
-        this.newValue = this.clearOnSelect ? '' : this.getValue(this.selected);
+        if (this.clearOnSelect) {
+          var input = this.$refs.input;
+          input.newValue = '';
+          input.$refs.input.value = '';
+        } else {
+          this.newValue = this.getValue(this.selected);
+        }
+
         this.setHovered(null);
       }
 
@@ -372,20 +383,51 @@ var script = {
       if (key === 'Enter') event.preventDefault(); // Close dropdown on Tab & no hovered
 
       if (key === 'Escape' || key === 'Tab') {
-        event.preventDefault();
         this.isActive = false;
       }
 
-      if (this.hovered === null) return;
-
       if (this.confirmKeys.indexOf(key) >= 0) {
         // If adding by comma, don't add the comma to the input
         if (key === ',') event.preventDefault(); // Close dropdown on select by Tab
 
         var closeDropdown = !this.keepOpen || key === 'Tab';
+
+        if (this.hovered === null) {
+          // header and footer uses headerHovered && footerHovered. If header or footer
+          // was selected then fire event otherwise just return so a value isn't selected
+          this.checkIfHeaderOrFooterSelected(event, null, closeDropdown);
+          return;
+        }
+
         this.setSelected(this.hovered, closeDropdown, event);
       }
     },
+    selectHeaderOrFoterByClick: function selectHeaderOrFoterByClick(event, origin) {
+      this.checkIfHeaderOrFooterSelected(event, {
+        origin: origin
+      });
+    },
+
+    /**
+     * Check if header or footer was selected.
+     */
+    checkIfHeaderOrFooterSelected: function checkIfHeaderOrFooterSelected(event, triggerClick) {
+      var closeDropdown = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+
+      if (this.selectableHeader && (this.headerHovered || triggerClick && triggerClick.origin === 'header')) {
+        this.$emit('select-header', event);
+        this.headerHovered = false;
+        if (triggerClick) this.setHovered(null);
+        if (closeDropdown) this.isActive = false;
+      }
+
+      if (this.selectableFooter && (this.footerHovered || triggerClick && triggerClick.origin === 'footer')) {
+        this.$emit('select-footer', event);
+        this.footerHovered = false;
+        if (triggerClick) this.setHovered(null);
+        if (closeDropdown) this.isActive = false;
+      }
+    },
 
     /**
      * Close dropdown if clicked outside.
@@ -463,12 +505,51 @@ var script = {
         }).reduce(function (a, b) {
           return [].concat(__chunk_1._toConsumableArray(a), __chunk_1._toConsumableArray(b));
         }, []);
-        var index = data.indexOf(this.hovered) + sum;
+
+        if (this.hasHeaderSlot && this.selectableHeader) {
+          data.unshift(undefined);
+        }
+
+        if (this.hasFooterSlot && this.selectableFooter) {
+          data.push(undefined);
+        }
+
+        var index;
+
+        if (this.headerHovered) {
+          index = 0 + sum;
+        } else if (this.footerHovered) {
+          index = data.length - 1 + sum;
+        } else {
+          index = data.indexOf(this.hovered) + sum;
+        }
+
         index = index > data.length - 1 ? data.length - 1 : index;
         index = index < 0 ? 0 : index;
-        this.setHovered(data[index]);
+        this.footerHovered = false;
+        this.headerHovered = false;
+        this.setHovered(data[index] !== undefined ? data[index] : null);
+
+        if (this.hasFooterSlot && this.selectableFooter && index === data.length - 1) {
+          this.footerHovered = true;
+        }
+
+        if (this.hasHeaderSlot && this.selectableHeader && index === 0) {
+          this.headerHovered = true;
+        }
+
         var list = this.$refs.dropdown.querySelector('.dropdown-content');
-        var element = list.querySelectorAll('a.dropdown-item:not(.is-disabled)')[index];
+        var querySelectorText = 'a.dropdown-item:not(.is-disabled)';
+
+        if (this.hasHeaderSlot && this.selectableHeader) {
+          querySelectorText += ',div.dropdown-header';
+        }
+
+        if (this.hasFooterSlot && this.selectableFooter) {
+          querySelectorText += ',div.dropdown-footer';
+        }
+
+        var element = list.querySelectorAll(querySelectorText)[index];
         if (!element) return;
         var visMin = list.scrollTop;
         var visMax = list.scrollTop + list.clientHeight - element.clientHeight;
@@ -512,7 +593,7 @@ var script = {
       this.hasFocus = false;
       this.$emit('blur', event);
     },
-    onInput: function onInput(event) {
+    onInput: function onInput() {
       var currentValue = this.getValue(this.selected);
       if (currentValue && currentValue === this.newValue) return;
       this.$emit('typing', this.newValue);
@@ -625,7 +706,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('div',{staticClass:"autocomplete control",class:{ 'is-expanded': _vm.expanded }},[_c('b-input',_vm._b({ref:"input",attrs:{"type":_vm.type,"size":_vm.size,"loading":_vm.loading,"rounded":_vm.rounded,"icon":_vm.icon,"icon-right":_vm.newIconRight,"icon-right-clickable":_vm.newIconRightClickable,"icon-pack":_vm.iconPack,"maxlength":_vm.maxlength,"autocomplete":_vm.newAutocomplete,"use-html5-validation":false,"aria-autocomplete":_vm.ariaAutocomplete},on:{"input":_vm.onInput,"focus":_vm.focused,"blur":_vm.onBlur,"icon-right-click":_vm.rightIconClick,"icon-click":function (event) { return _vm.$emit('icon-click', event); }},nativeOn:{"keydown":[function($event){return _vm.keydown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.keyArrows('up')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.keyArrows('down')}]},model:{value:(_vm.newValue),callback:function ($$v) {_vm.newValue=$$v;},expression:"newValue"}},'b-input',_vm.$attrs,false)),_c('transition',{attrs:{"name":"fade"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isActive && (!_vm.isEmpty || _vm.hasEmptySlot || _vm.hasHeaderSlot)),expression:"isActive && (!isEmpty || hasEmptySlot || hasHeaderSlot)"}],ref:"dropdown",staticClass:"dropdown-menu",class:{ 'is-opened-top': _vm.isOpenedTop && !_vm.appendToBody },style:(_vm.style)},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isActive),expression:"isActive"}],staticClass:"dropdown-content",style:(_vm.contentStyle)},[(_vm.hasHeaderSlot)?_c('div',{staticClass:"dropdown-item"},[_vm._t("header")],2):_vm._e(),_vm._l((_vm.computedData),function(element,groupindex){return [(element.group)?_c('div',{key:groupindex + 'group',staticClass:"dropdown-item"},[(_vm.hasGroupSlot)?_vm._t("group",null,{"group":element.group,"index":groupindex}):_c('span',{staticClass:"has-text-weight-bold"},[_vm._v(" "+_vm._s(element.group)+" ")])],2):_vm._e(),_vm._l((element.items),function(option,index){return _c('a',{key:groupindex + ':' + index,staticClass:"dropdown-item",class:{ 'is-hovered': option === _vm.hovered },attrs:{"role":"button","tabindex":"0"},on:{"click":function($event){return _vm.setSelected(option, undefined, $event)}}},[(_vm.hasDefaultSlot)?_vm._t("default",null,{"option":option,"index":index}):_c('span',[_vm._v(" "+_vm._s(_vm.getValue(option, true))+" ")])],2)})]}),(_vm.isEmpty && _vm.hasEmptySlot)?_c('div',{staticClass:"dropdown-item is-disabled"},[_vm._t("empty")],2):_vm._e(),(_vm.hasFooterSlot)?_c('div',{staticClass:"dropdown-item"},[_vm._t("footer")],2):_vm._e()],2)])])],1)};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"autocomplete control",class:{ 'is-expanded': _vm.expanded }},[_c('b-input',_vm._b({ref:"input",attrs:{"type":_vm.type,"size":_vm.size,"loading":_vm.loading,"rounded":_vm.rounded,"icon":_vm.icon,"icon-right":_vm.newIconRight,"icon-right-clickable":_vm.newIconRightClickable,"icon-pack":_vm.iconPack,"maxlength":_vm.maxlength,"autocomplete":_vm.newAutocomplete,"use-html5-validation":false,"aria-autocomplete":_vm.ariaAutocomplete},on:{"input":_vm.onInput,"focus":_vm.focused,"blur":_vm.onBlur,"icon-right-click":_vm.rightIconClick,"icon-click":function (event) { return _vm.$emit('icon-click', event); }},nativeOn:{"keydown":[function($event){return _vm.keydown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.keyArrows('up')},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.keyArrows('down')}]},model:{value:(_vm.newValue),callback:function ($$v) {_vm.newValue=$$v;},expression:"newValue"}},'b-input',_vm.$attrs,false)),_c('transition',{attrs:{"name":"fade"}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isActive && (!_vm.isEmpty || _vm.hasEmptySlot || _vm.hasHeaderSlot)),expression:"isActive && (!isEmpty || hasEmptySlot || hasHeaderSlot)"}],ref:"dropdown",staticClass:"dropdown-menu",class:{ 'is-opened-top': _vm.isOpenedTop && !_vm.appendToBody },style:(_vm.style)},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isActive),expression:"isActive"}],staticClass:"dropdown-content",style:(_vm.contentStyle)},[(_vm.hasHeaderSlot)?_c('div',{staticClass:"dropdown-item dropdown-header",class:{ 'is-hovered': _vm.headerHovered },attrs:{"role":"button","tabindex":"0"},on:{"click":function($event){return _vm.selectHeaderOrFoterByClick($event, 'header')}}},[_vm._t("header")],2):_vm._e(),_vm._l((_vm.computedData),function(element,groupindex){return [(element.group)?_c('div',{key:groupindex + 'group',staticClass:"dropdown-item"},[(_vm.hasGroupSlot)?_vm._t("group",null,{"group":element.group,"index":groupindex}):_c('span',{staticClass:"has-text-weight-bold"},[_vm._v(" "+_vm._s(element.group)+" ")])],2):_vm._e(),_vm._l((element.items),function(option,index){return _c('a',{key:groupindex + ':' + index,staticClass:"dropdown-item",class:{ 'is-hovered': option === _vm.hovered },attrs:{"role":"button","tabindex":"0"},on:{"click":function($event){$event.stopPropagation();return _vm.setSelected(option, !_vm.keepOpen, $event)}}},[(_vm.hasDefaultSlot)?_vm._t("default",null,{"option":option,"index":index}):_c('span',[_vm._v(" "+_vm._s(_vm.getValue(option, true))+" ")])],2)})]}),(_vm.isEmpty && _vm.hasEmptySlot)?_c('div',{staticClass:"dropdown-item is-disabled"},[_vm._t("empty")],2):_vm._e(),(_vm.hasFooterSlot)?_c('div',{staticClass:"dropdown-item dropdown-footer",class:{ 'is-hovered': _vm.footerHovered },attrs:{"role":"button","tabindex":"0"},on:{"click":function($event){return _vm.selectHeaderOrFoterByClick($event, 'footer')}}},[_vm._t("footer")],2):_vm._e()],2)])])],1)};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/cjs/{chunk-e57b3891.js → chunk-34949503.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var __chunk_1 = require('./chunk-14c82365.js');
+var __chunk_1 = require('./chunk-92621ff7.js');
 var helpers = require('./helpers.js');
-var __chunk_2 = require('./chunk-60255743.js');
+var __chunk_2 = require('./chunk-9103eeda.js');
 var __chunk_5 = require('./chunk-13e039f5.js');
 
 var script = {

package/dist/cjs/{chunk-0abd2223.js → chunk-3b43d77a.js}

@@ -1,12 +1,12 @@
 'use strict';
 
 var __chunk_5 = require('./chunk-13e039f5.js');
-var __chunk_9 = require('./chunk-8b8384ca.js');
+var __chunk_11 = require('./chunk-8b8384ca.js');
 
 //
 var script = {
   name: 'BCheckbox',
-  mixins: [__chunk_9.CheckRadioMixin],
+  mixins: [__chunk_11.CheckRadioMixin],
   props: {
     indeterminate: Boolean,
     ariaLabelledby: String,

package/dist/cjs/{chunk-dcdbe2e8.js → chunk-3cc5d9a6.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var __chunk_1 = require('./chunk-14c82365.js');
+var __chunk_1 = require('./chunk-92621ff7.js');
 var helpers = require('./helpers.js');
 
 var items = 1;

package/dist/cjs/{chunk-0b57168e.js → chunk-61023b09.js}

@@ -1,8 +1,8 @@
 'use strict';
 
-var __chunk_1 = require('./chunk-14c82365.js');
-var __chunk_2 = require('./chunk-60255743.js');
-var __chunk_4 = require('./chunk-3acb500b.js');
+var __chunk_1 = require('./chunk-92621ff7.js');
+var __chunk_2 = require('./chunk-9103eeda.js');
+var __chunk_4 = require('./chunk-d120e215.js');
 var __chunk_5 = require('./chunk-13e039f5.js');
 
 //

package/dist/cjs/chunk-6cb902f8.js

@@ -0,0 +1,314 @@
+'use strict';
+
+var __chunk_1 = require('./chunk-92621ff7.js');
+var helpers = require('./helpers.js');
+var __chunk_2 = require('./chunk-9103eeda.js');
+var __chunk_5 = require('./chunk-13e039f5.js');
+
+var script = {
+  name: 'BImage',
+  props: {
+    src: String,
+    alt: String,
+    srcFallback: String,
+    webpFallback: {
+      type: String,
+      default: function _default() {
+        return __chunk_2.config.defaultImageWebpFallback;
+      }
+    },
+    lazy: {
+      type: Boolean,
+      default: function _default() {
+        return __chunk_2.config.defaultImageLazy;
+      }
+    },
+    responsive: {
+      type: Boolean,
+      default: function _default() {
+        return __chunk_2.config.defaultImageResponsive;
+      }
+    },
+    ratio: {
+      type: String,
+      default: function _default() {
+        return __chunk_2.config.defaultImageRatio;
+      }
+    },
+    placeholder: String,
+    srcset: String,
+    srcsetSizes: Array,
+    srcsetFormatter: {
+      type: Function,
+      default: function _default(src, size, vm) {
+        if (typeof __chunk_2.config.defaultImageSrcsetFormatter === 'function') {
+          return __chunk_2.config.defaultImageSrcsetFormatter(src, size);
+        } else {
+          return vm.formatSrcset(src, size);
+        }
+      }
+    },
+    rounded: {
+      type: Boolean,
+      default: false
+    },
+    captionFirst: {
+      type: Boolean,
+      default: false
+    },
+    customClass: String
+  },
+  data: function data() {
+    return {
+      clientWidth: 0,
+      webpSupportVerified: false,
+      webpSupported: false,
+      useNativeLazy: false,
+      observer: null,
+      inViewPort: false,
+      bulmaKnownRatio: ['square', '1by1', '5by4', '4by3', '3by2', '5by3', '16by9', 'b2y1', '3by1', '4by5', '3by4', '2by3', '3by5', '9by16', '1by2', '1by3'],
+      loaded: false,
+      failed: false
+    };
+  },
+  computed: {
+    ratioPattern: function ratioPattern() {
+      return new RegExp(/([0-9]+)by([0-9]+)/);
+    },
+    hasRatio: function hasRatio() {
+      return this.ratio && this.ratioPattern.test(this.ratio);
+    },
+    figureClasses: function figureClasses() {
+      var classes = {
+        image: this.responsive
+      };
+
+      if (this.hasRatio && this.bulmaKnownRatio.indexOf(this.ratio) >= 0) {
+        classes["is-".concat(this.ratio)] = true;
+      }
+
+      return classes;
+    },
+    figureStyles: function figureStyles() {
+      if (this.hasRatio && this.bulmaKnownRatio.indexOf(this.ratio) < 0) {
+        var ratioValues = this.ratioPattern.exec(this.ratio);
+        return {
+          paddingTop: "".concat(ratioValues[2] / ratioValues[1] * 100, "%")
+        };
+      }
+    },
+    imgClasses: function imgClasses() {
+      return __chunk_1._defineProperty({
+        'is-rounded': this.rounded,
+        'has-ratio': this.hasRatio
+      }, this.customClass, !!this.customClass);
+    },
+    srcExt: function srcExt() {
+      return this.getExt(this.src);
+    },
+    isWepb: function isWepb() {
+      return this.srcExt === 'webp';
+    },
+    computedSrc: function computedSrc() {
+      var src = this.src;
+
+      if (this.failed && this.srcFallback) {
+        src = this.srcFallback;
+      }
+
+      if (!this.webpSupported && this.isWepb && this.webpFallback) {
+        if (this.webpFallback.startsWith('.')) {
+          return src.replace(/\.webp/gi, "".concat(this.webpFallback));
+        }
+
+        return this.webpFallback;
+      }
+
+      return src;
+    },
+    computedWidth: function computedWidth() {
+      if (this.responsive && this.clientWidth > 0) {
+        return this.clientWidth;
+      }
+    },
+    computedNativeLazy: function computedNativeLazy() {
+      if (this.lazy && this.useNativeLazy) {
+        return 'lazy';
+      }
+    },
+    isDisplayed: function isDisplayed() {
+      return (this.webpSupportVerified || !this.isWepb) && (!this.lazy || this.useNativeLazy || this.inViewPort);
+    },
+    placeholderExt: function placeholderExt() {
+      if (this.placeholder) {
+        return this.getExt(this.placeholder);
+      }
+    },
+    isPlaceholderWepb: function isPlaceholderWepb() {
+      if (this.placeholder) {
+        return this.placeholderExt === 'webp';
+      }
+    },
+    computedPlaceholder: function computedPlaceholder() {
+      if (!this.webpSupported && this.isPlaceholderWepb && this.webpFallback && this.webpFallback.startsWith('.')) {
+        return this.placeholder.replace(/\.webp/gi, "".concat(this.webpFallback));
+      }
+
+      return this.placeholder;
+    },
+    isPlaceholderDisplayed: function isPlaceholderDisplayed() {
+      return !this.loaded && (this.$slots.placeholder || this.placeholder && (this.webpSupportVerified || !this.isPlaceholderWepb));
+    },
+    computedSrcset: function computedSrcset() {
+      var _this = this;
+
+      if (this.srcset) {
+        if (!this.webpSupported && this.isWepb && this.webpFallback && this.webpFallback.startsWith('.')) {
+          return this.srcset.replace(/\.webp/gi, "".concat(this.webpFallback));
+        }
+
+        return this.srcset;
+      }
+
+      if (this.srcsetSizes && Array.isArray(this.srcsetSizes) && this.srcsetSizes.length > 0) {
+        return this.srcsetSizes.map(function (size) {
+          return "".concat(_this.srcsetFormatter(_this.computedSrc, size, _this), " ").concat(size, "w");
+        }).join(',');
+      }
+    },
+    computedSizes: function computedSizes() {
+      if (this.computedSrcset && this.computedWidth) {
+        return "".concat(this.computedWidth, "px");
+      }
+    },
+    isCaptionFirst: function isCaptionFirst() {
+      return this.$slots.caption && this.captionFirst;
+    },
+    isCaptionLast: function isCaptionLast() {
+      return this.$slots.caption && !this.captionFirst;
+    }
+  },
+  methods: {
+    getExt: function getExt(filename) {
+      var clean = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+
+      if (filename) {
+        var noParam = clean ? filename.split('?')[0] : filename;
+        return noParam.split('.').pop();
+      }
+
+      return '';
+    },
+    setWidth: function setWidth() {
+      this.clientWidth = this.$el.clientWidth;
+    },
+    formatSrcset: function formatSrcset(src, size) {
+      var ext = this.getExt(src, false);
+      var name = src.split('.').slice(0, -1).join('.');
+      return "".concat(name, "-").concat(size, ".").concat(ext);
+    },
+    onLoad: function onLoad(event) {
+      this.loaded = true;
+      this.emit('load', event);
+    },
+    onError: function onError(event) {
+      this.emit('error', event);
+
+      if (!this.failed) {
+        this.failed = true;
+      }
+    },
+    emit: function emit(eventName, event) {
+      var target = event.target;
+      this.$emit(eventName, event, target.currentSrc || target.src || this.computedSrc);
+    }
+  },
+  created: function created() {
+    var _this2 = this;
+
+    if (this.isWepb) {
+      helpers.isWebpSupported().then(function (supported) {
+        _this2.webpSupportVerified = true;
+        _this2.webpSupported = supported;
+      });
+    }
+
+    if (this.lazy) {
+      // We use native lazy loading if supported
+      // We try to use Intersection Observer if native lazy loading is not supported
+      // We use the lazy attribute anyway if we cannot detect support (SSR for example).
+      var nativeLazySupported = typeof window !== 'undefined' && 'HTMLImageElement' in window && 'loading' in HTMLImageElement.prototype;
+      var intersectionObserverSupported = typeof window !== 'undefined' && 'IntersectionObserver' in window;
+
+      if (!nativeLazySupported && intersectionObserverSupported) {
+        this.observer = new IntersectionObserver(function (events) {
+          var _events$ = events[0],
+              target = _events$.target,
+              isIntersecting = _events$.isIntersecting;
+
+          if (isIntersecting && !_this2.inViewPort) {
+            _this2.inViewPort = true;
+
+            _this2.observer.unobserve(target);
+          }
+        });
+      } else {
+        this.useNativeLazy = true;
+      }
+    }
+  },
+  mounted: function mounted() {
+    if (this.lazy && this.observer) {
+      this.observer.observe(this.$el);
+    }
+
+    this.setWidth();
+
+    if (typeof window !== 'undefined') {
+      window.addEventListener('resize', this.setWidth);
+    }
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this.observer) {
+      this.observer.disconnect();
+    }
+
+    if (typeof window !== 'undefined') {
+      window.removeEventListener('resize', this.setWidth);
+    }
+  }
+};
+
+/* 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('figure',{staticClass:"b-image-wrapper",class:_vm.figureClasses,style:(_vm.figureStyles)},[(_vm.isCaptionFirst)?_c('figcaption',[_vm._t("caption")],2):_vm._e(),_c('transition',{attrs:{"name":"fade"}},[(_vm.isDisplayed)?_c('img',{class:_vm.imgClasses,attrs:{"srcset":_vm.computedSrcset,"src":_vm.computedSrc,"alt":_vm.alt,"width":_vm.computedWidth,"sizes":_vm.computedSizes,"loading":_vm.computedNativeLazy},on:{"load":_vm.onLoad,"error":_vm.onError}}):_vm._e()]),_c('transition',{attrs:{"name":"fade"}},[(_vm.isPlaceholderDisplayed)?_vm._t("placeholder",[_c('img',{staticClass:"placeholder",class:_vm.imgClasses,attrs:{"src":_vm.computedPlaceholder,"alt":_vm.alt}})]):_vm._e()],2),(_vm.isCaptionLast)?_c('figcaption',[_vm._t("caption")],2):_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 Image = __chunk_5.__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
+  );
+
+exports.Image = Image;

package/dist/cjs/{chunk-adb01a93.js → chunk-7da0c017.js}

@@ -1,7 +1,7 @@
 'use strict';
 
-var __chunk_1 = require('./chunk-14c82365.js');
-var __chunk_2 = require('./chunk-60255743.js');
+var __chunk_1 = require('./chunk-92621ff7.js');
+var __chunk_2 = require('./chunk-9103eeda.js');
 var __chunk_5 = require('./chunk-13e039f5.js');
 
 var script = {
@@ -139,12 +139,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;
@@ -154,9 +154,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) {
@@ -226,22 +226,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) {
@@ -249,16 +249,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';
@@ -292,7 +294,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/cjs/{chunk-60255743.js → chunk-9103eeda.js}

@@ -61,6 +61,10 @@ exports.config = {
   defaultImageResponsive: true,
   defaultImageRatio: null,
   defaultImageSrcsetFormatter: null,
+  defaultBreadcrumbTag: 'a',
+  defaultBreadcrumbAlign: 'is-left',
+  defaultBreadcrumbSeparator: '',
+  defaultBreadcrumbSize: 'is-medium',
   customIconPacks: null
 };
 var setOptions = function setOptions(options) {