buefy 0.9.9 → 0.9.13

package/dist/esm/{chunk-45740cdc.js → chunk-6019fd7a.js}

@@ -1,8 +1,8 @@
-import { _ as _defineProperty, b as _typeof, d as _toConsumableArray } from './chunk-1fafdf15.js';
+import { _ as _defineProperty, b as _typeof, d as _toConsumableArray } from './chunk-2452e3d3.js';
 import { getValueByPath, toCssWidth, isCustomElement, createAbsoluteElement, removeElement } from './helpers.js';
-import { F as FormElementMixin } from './chunk-516e4877.js';
+import { F as FormElementMixin } from './chunk-75a5af93.js';
 import { _ as __vue_normalize__ } from './chunk-cca88db8.js';
-import { I as Input } from './chunk-f160efb9.js';
+import { I as Input } from './chunk-ae8ab23a.js';
 
 var script = {
   name: 'BAutocomplete',
@@ -48,12 +48,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',
@@ -271,9 +275,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
 
@@ -333,7 +337,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);
       }
 
@@ -370,20 +381,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.
@@ -461,12 +503,51 @@ var script = {
         }).reduce(function (a, b) {
           return [].concat(_toConsumableArray(a), _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;
@@ -510,7 +591,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);
@@ -623,7 +704,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/esm/chunk-71a547bc.js

@@ -0,0 +1,312 @@
+import { _ as _defineProperty } from './chunk-2452e3d3.js';
+import { isWebpSupported } from './helpers.js';
+import { c as config } from './chunk-8ed29c41.js';
+import { _ as __vue_normalize__ } from './chunk-cca88db8.js';
+
+var script = {
+  name: 'BImage',
+  props: {
+    src: String,
+    alt: String,
+    srcFallback: String,
+    webpFallback: {
+      type: String,
+      default: function _default() {
+        return config.defaultImageWebpFallback;
+      }
+    },
+    lazy: {
+      type: Boolean,
+      default: function _default() {
+        return config.defaultImageLazy;
+      }
+    },
+    responsive: {
+      type: Boolean,
+      default: function _default() {
+        return config.defaultImageResponsive;
+      }
+    },
+    ratio: {
+      type: String,
+      default: function _default() {
+        return config.defaultImageRatio;
+      }
+    },
+    placeholder: String,
+    srcset: String,
+    srcsetSizes: Array,
+    srcsetFormatter: {
+      type: Function,
+      default: function _default(src, size, vm) {
+        if (typeof config.defaultImageSrcsetFormatter === 'function') {
+          return 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 _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) {
+      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 = __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 { Image as I };

package/dist/esm/{chunk-516e4877.js → chunk-75a5af93.js}

@@ -1,5 +1,5 @@
 import { isVueComponent } from './helpers.js';
-import { c as config } from './chunk-652f2dad.js';
+import { c as config } from './chunk-8ed29c41.js';
 
 var FormElementMixin = {
   props: {

package/dist/esm/{chunk-4e380ee2.js → chunk-799e084d.js}

@@ -1,5 +1,5 @@
 import { removeElement } from './helpers.js';
-import { c as config } from './chunk-652f2dad.js';
+import { c as config } from './chunk-8ed29c41.js';
 
 var NoticeMixin = {
   props: {
@@ -77,6 +77,7 @@ var NoticeMixin = {
     pause: function pause() {
       if (this.pauseOnHover && !this.indefinite) {
         this.isPaused = true;
+        clearInterval(this.$buefy.globalNoticeInterval);
       }
     },
     removePause: function removePause() {

package/dist/esm/{chunk-37678809.js → chunk-83eb0d37.js}

@@ -1,6 +1,6 @@
-import { _ as _defineProperty } from './chunk-1fafdf15.js';
-import { F as FormElementMixin } from './chunk-516e4877.js';
-import { I as Icon } from './chunk-7fd02ffe.js';
+import { _ as _defineProperty } from './chunk-2452e3d3.js';
+import { F as FormElementMixin } from './chunk-75a5af93.js';
+import { I as Icon } from './chunk-d92f0cd9.js';
 import { _ as __vue_normalize__ } from './chunk-cca88db8.js';
 
 var script = {

package/dist/esm/{chunk-34c74085.js → chunk-8d0f95b8.js}

@@ -1,8 +1,8 @@
-import { _ as _defineProperty } from './chunk-1fafdf15.js';
+import { _ as _defineProperty } from './chunk-2452e3d3.js';
 import { bound } from './helpers.js';
-import { I as Icon } from './chunk-7fd02ffe.js';
-import { P as ProviderParentMixin, S as Sorted, I as InjectedChildMixin, a as Sorted$1 } from './chunk-1297c2c9.js';
-import { S as SlotComponent } from './chunk-e36a4f2c.js';
+import { I as Icon } from './chunk-d92f0cd9.js';
+import { P as ProviderParentMixin, S as Sorted, I as InjectedChildMixin, a as Sorted$1 } from './chunk-29ca0df8.js';
+import { S as SlotComponent } from './chunk-b0c0c6b0.js';
 
 var TabbedMixin = (function (cmp) {
   var _components;

package/dist/esm/{chunk-652f2dad.js → chunk-8ed29c41.js}

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

package/dist/esm/{chunk-742a9694.js → chunk-9f7f7441.js}

@@ -1,5 +1,5 @@
 import { removeElement } 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';
 import { t as trapFocus } from './chunk-42f463e6.js';
 
@@ -76,6 +76,7 @@ var script = {
         return Boolean(value);
       }
     },
+    closeButtonAriaLabel: String,
     destroyOnHide: {
       type: Boolean,
       default: true
@@ -249,7 +250,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},on:{"after-enter":_vm.afterEnter,"before-leave":_vm.beforeLeave,"after-leave":_vm.afterLeave}},[(!_vm.destroyed)?_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isActive),expression:"isActive"},{name:"trap-focus",rawName:"v-trap-focus",value:(_vm.trapFocus),expression:"trapFocus"}],staticClass:"modal is-active",class:[{'is-full-screen': _vm.fullScreen}, _vm.customClass],attrs:{"tabindex":"-1","role":_vm.ariaRole,"aria-label":_vm.ariaLabel,"aria-modal":_vm.ariaModal}},[_c('div',{staticClass:"modal-background",on:{"click":function($event){return _vm.cancel('outside')}}}),_c('div',{staticClass:"animation-content",class:{ 'modal-content': !_vm.hasModalCard },style:(_vm.customStyle)},[(_vm.component)?_c(_vm.component,_vm._g(_vm._b({tag:"component",attrs:{"can-cancel":_vm.canCancel},on:{"close":_vm.close}},'component',_vm.props,false),_vm.events)):(_vm.content)?[_c('div',{domProps:{"innerHTML":_vm._s(_vm.content)}})]:_vm._t("default",null,{"canCancel":_vm.canCancel,"close":_vm.close}),(_vm.showX)?_c('button',{directives:[{name:"show",rawName:"v-show",value:(!_vm.animating),expression:"!animating"}],staticClass:"modal-close is-large",attrs:{"type":"button"},on:{"click":function($event){return _vm.cancel('x')}}}):_vm._e()],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},on:{"after-enter":_vm.afterEnter,"before-leave":_vm.beforeLeave,"after-leave":_vm.afterLeave}},[(!_vm.destroyed)?_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isActive),expression:"isActive"},{name:"trap-focus",rawName:"v-trap-focus",value:(_vm.trapFocus),expression:"trapFocus"}],staticClass:"modal is-active",class:[{'is-full-screen': _vm.fullScreen}, _vm.customClass],attrs:{"tabindex":"-1","role":_vm.ariaRole,"aria-label":_vm.ariaLabel,"aria-modal":_vm.ariaModal}},[_c('div',{staticClass:"modal-background",on:{"click":function($event){return _vm.cancel('outside')}}}),_c('div',{staticClass:"animation-content",class:{ 'modal-content': !_vm.hasModalCard },style:(_vm.customStyle)},[(_vm.component)?_c(_vm.component,_vm._g(_vm._b({tag:"component",attrs:{"can-cancel":_vm.canCancel},on:{"close":_vm.close}},'component',_vm.props,false),_vm.events)):(_vm.content)?[_c('div',{domProps:{"innerHTML":_vm._s(_vm.content)}})]:_vm._t("default",null,{"canCancel":_vm.canCancel,"close":_vm.close}),(_vm.showX)?_c('button',{directives:[{name:"show",rawName:"v-show",value:(!_vm.animating),expression:"!animating"}],staticClass:"modal-close is-large",attrs:{"type":"button","aria-label":_vm.closeButtonAriaLabel},on:{"click":function($event){return _vm.cancel('x')}}}):_vm._e()],2)]):_vm._e()])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/esm/{chunk-f160efb9.js → chunk-ae8ab23a.js}

@@ -1,7 +1,7 @@
-import { _ as _defineProperty } from './chunk-1fafdf15.js';
-import { c as config } from './chunk-652f2dad.js';
-import { F as FormElementMixin } from './chunk-516e4877.js';
-import { I as Icon } from './chunk-7fd02ffe.js';
+import { _ as _defineProperty } from './chunk-2452e3d3.js';
+import { c as config } from './chunk-8ed29c41.js';
+import { F as FormElementMixin } from './chunk-75a5af93.js';
+import { I as Icon } from './chunk-d92f0cd9.js';
 import { _ as __vue_normalize__ } from './chunk-cca88db8.js';
 
 var script = {