buefy 0.9.13 → 0.9.17

package/dist/esm/tabs.js

@@ -1,11 +1,11 @@
-import { _ as _defineProperty } from './chunk-2452e3d3.js';
+import { _ as _defineProperty } from './chunk-455cdeae.js';
 import './helpers.js';
 import { c as config } from './chunk-8ed29c41.js';
-import './chunk-d92f0cd9.js';
+import './chunk-e044aa02.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
-import './chunk-29ca0df8.js';
-import './chunk-b0c0c6b0.js';
-import { T as TabbedMixin, a as TabbedChildMixin } from './chunk-8d0f95b8.js';
+import './chunk-60a03517.js';
+import './chunk-c9c18b2f.js';
+import { T as TabbedMixin, a as TabbedChildMixin } from './chunk-6d96579e.js';
 
 var script = {
   name: 'BTabs',
@@ -123,8 +123,8 @@ 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:"b-tabs",class:_vm.mainClasses},[_c('nav',{staticClass:"tabs",class:_vm.navClasses,attrs:{"role":"tablist","aria-orientation":_vm.vertical ? 'vertical' : 'horizontal'},on:{"keydown":_vm.manageTablistKeydown}},[_c('ul',_vm._l((_vm.items),function(childItem,childIdx){return _c('li',{directives:[{name:"show",rawName:"v-show",value:(childItem.visible),expression:"childItem.visible"}],key:childItem.value,class:[ childItem.headerClass, { 'is-active': childItem.isActive,
-                                                   'is-disabled': childItem.disabled }],attrs:{"role":"presentation"}},[(childItem.$scopedSlots.header)?_c('b-slot-component',{ref:"tabLink",refInFor:true,attrs:{"component":childItem,"name":"header","tag":"a","role":"tab","id":((childItem.value) + "-label"),"aria-controls":((childItem.value) + "-content"),"aria-selected":("" + (childItem.isActive)),"tabindex":childItem.isActive ? 0 : -1},on:{"keydown":function($event){return _vm.manageTabKeydown($event, childItem)}},nativeOn:{"focus":function($event){_vm.currentFocus = childIdx;},"click":function($event){return _vm.childClick(childItem)}}}):_c('a',{ref:"tabLink",refInFor:true,attrs:{"role":"tab","id":((childItem.value) + "-tab"),"aria-controls":((childItem.value) + "-content"),"aria-selected":("" + (childItem.isActive)),"tabindex":childItem.isActive ? 0 : -1},on:{"focus":function($event){_vm.currentFocus = childIdx;},"click":function($event){return _vm.childClick(childItem)},"keydown":function($event){return _vm.manageTabKeydown($event, childItem)}}},[(childItem.icon)?_c('b-icon',{attrs:{"icon":childItem.icon,"pack":childItem.iconPack,"size":_vm.size}}):_vm._e(),_c('span',[_vm._v(_vm._s(childItem.label))])],1)],1)}),0)]),_c('section',{staticClass:"tab-content",class:{'is-transitioning': _vm.isTransitioning}},[_vm._t("default")],2)])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"b-tabs",class:_vm.mainClasses},[_c('nav',{staticClass:"tabs",class:_vm.navClasses,attrs:{"role":"tablist","aria-orientation":_vm.vertical ? 'vertical' : 'horizontal'},on:{"keydown":_vm.manageTablistKeydown}},[_vm._t("start"),_c('ul',_vm._l((_vm.items),function(childItem,childIdx){return _c('li',{directives:[{name:"show",rawName:"v-show",value:(childItem.visible),expression:"childItem.visible"}],key:childItem.value,class:[ childItem.headerClass, { 'is-active': childItem.isActive,
+                                                   'is-disabled': childItem.disabled }],attrs:{"role":"presentation"}},[(childItem.$scopedSlots.header)?_c('b-slot-component',{ref:"tabLink",refInFor:true,attrs:{"component":childItem,"name":"header","tag":"a","role":"tab","id":((childItem.value) + "-label"),"aria-controls":((childItem.value) + "-content"),"aria-selected":("" + (childItem.isActive)),"tabindex":childItem.isActive ? 0 : -1},on:{"keydown":function($event){return _vm.manageTabKeydown($event, childItem)}},nativeOn:{"focus":function($event){_vm.currentFocus = childIdx;},"click":function($event){return _vm.childClick(childItem)}}}):_c('a',{ref:"tabLink",refInFor:true,attrs:{"role":"tab","id":((childItem.value) + "-tab"),"aria-controls":((childItem.value) + "-content"),"aria-selected":("" + (childItem.isActive)),"tabindex":childItem.isActive ? 0 : -1},on:{"focus":function($event){_vm.currentFocus = childIdx;},"click":function($event){return _vm.childClick(childItem)},"keydown":function($event){return _vm.manageTabKeydown($event, childItem)}}},[(childItem.icon)?_c('b-icon',{attrs:{"icon":childItem.icon,"pack":childItem.iconPack,"size":_vm.size}}):_vm._e(),_c('span',[_vm._v(_vm._s(childItem.label))])],1)],1)}),0),_vm._t("end")],2),_c('section',{staticClass:"tab-content",class:{'is-transitioning': _vm.isTransitioning}},[_vm._t("default")],2)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/esm/taginput.js

@@ -1,11 +1,11 @@
-import { _ as _defineProperty, e as _objectWithoutProperties, b as _typeof } from './chunk-2452e3d3.js';
+import { _ as _defineProperty, m as _objectWithoutProperties, b as _typeof } from './chunk-455cdeae.js';
 import { getValueByPath } from './helpers.js';
 import { c as config } from './chunk-8ed29c41.js';
-import { F as FormElementMixin } from './chunk-75a5af93.js';
-import './chunk-d92f0cd9.js';
+import { F as FormElementMixin } from './chunk-84c6dfd6.js';
+import './chunk-e044aa02.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
-import './chunk-ae8ab23a.js';
-import { A as Autocomplete } from './chunk-6019fd7a.js';
+import './chunk-a628d44d.js';
+import { A as Autocomplete } from './chunk-f9eaeac4.js';
 import { T as Tag } from './chunk-2f2f0a74.js';
 
 var _components;

package/dist/esm/timepicker.js

@@ -1,18 +1,18 @@
-import './chunk-2452e3d3.js';
+import './chunk-455cdeae.js';
 import './helpers.js';
 import './chunk-8ed29c41.js';
-import './chunk-75a5af93.js';
-import './chunk-d92f0cd9.js';
+import './chunk-84c6dfd6.js';
+import './chunk-e044aa02.js';
 import { r as registerComponent, u as use } from './chunk-cca88db8.js';
-import './chunk-ae8ab23a.js';
-import './chunk-29ca0df8.js';
-import './chunk-ece062a7.js';
+import './chunk-a628d44d.js';
+import './chunk-60a03517.js';
+import './chunk-262b3f82.js';
 import './chunk-42f463e6.js';
-import './chunk-4b67a181.js';
-import './chunk-b07e3182.js';
-import './chunk-83eb0d37.js';
-import { T as Timepicker } from './chunk-21fc0948.js';
-export { T as BTimepicker } from './chunk-21fc0948.js';
+import './chunk-dbd43ef1.js';
+import './chunk-effa4d25.js';
+import './chunk-6adc5c5d.js';
+import { T as Timepicker } from './chunk-66cef090.js';
+export { T as BTimepicker } from './chunk-66cef090.js';
 
 var Plugin = {
   install: function install(Vue) {

package/dist/esm/toast.js

@@ -1,8 +1,8 @@
-import './chunk-2452e3d3.js';
+import './chunk-455cdeae.js';
 import { merge } from './helpers.js';
 import { c as config, V as VueInstance } from './chunk-8ed29c41.js';
 import { _ as __vue_normalize__, a as registerComponentProgrammatic, u as use } from './chunk-cca88db8.js';
-import { N as NoticeMixin } from './chunk-799e084d.js';
+import { N as NoticeMixin } from './chunk-d9232770.js';
 
 //
 var script = {

package/dist/esm/tooltip.js

@@ -1,9 +1,9 @@
-import './chunk-2452e3d3.js';
+import './chunk-455cdeae.js';
 import './helpers.js';
 import './chunk-8ed29c41.js';
 import { r as registerComponent, u as use } from './chunk-cca88db8.js';
-import { T as Tooltip } from './chunk-3773c62d.js';
-export { T as BTooltip } from './chunk-3773c62d.js';
+import { T as Tooltip } from './chunk-22cf6667.js';
+export { T as BTooltip } from './chunk-22cf6667.js';
 
 var Plugin = {
   install: function install(Vue) {

package/dist/esm/upload.js

@@ -1,7 +1,7 @@
-import './chunk-2452e3d3.js';
+import './chunk-455cdeae.js';
 import './helpers.js';
 import './chunk-8ed29c41.js';
-import { F as FormElementMixin } from './chunk-75a5af93.js';
+import { F as FormElementMixin } from './chunk-84c6dfd6.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
 import { F as File } from './chunk-b9bdb0e4.js';
 
@@ -46,7 +46,7 @@ var script = {
     /**
      *   When v-model is changed:
      *   1. Set internal value.
-     *   2. Reset interna input file value
+     *   2. Reset internal input file value
      *   3. If it's invalid, validate again.
      */
     value: function value(_value) {
@@ -76,7 +76,15 @@ var script = {
         // only one element in case drag drop mode and isn't multiple
         if (this.dragDrop && value.length !== 1) return;else {
           var file = value[0];
-          if (this.checkType(file)) this.newValue = file;else if (this.newValue) this.newValue = null;else return;
+          if (this.checkType(file)) this.newValue = file;else if (this.newValue) {
+            this.newValue = null;
+            this.clearInput();
+          } else {
+            // Force input back to empty state and recheck validity
+            this.clearInput();
+            this.checkHtml5Validity();
+            return;
+          }
         }
       } else {
         // always new values if native or undefined local
@@ -103,6 +111,13 @@ var script = {
       !this.dragDrop && this.checkHtml5Validity();
     },
 
+    /*
+    * Reset file input value
+    */
+    clearInput: function clearInput() {
+      this.$refs.input.value = null;
+    },
+
     /**
     * Listen drag-drop to update internal variable
     */
@@ -127,10 +142,9 @@ var script = {
         if (type) {
           if (type.substring(0, 1) === '.') {
             // check extension
-            var extIndex = file.name.lastIndexOf('.');
-            var extension = extIndex >= 0 ? file.name.substring(extIndex) : '';
+            var extension = file.name.toLowerCase().slice(-type.length);
 
-            if (extension.toLowerCase() === type.toLowerCase()) {
+            if (extension === type.toLowerCase()) {
               valid = true;
             }
           } else {

package/dist/vetur/attributes.json

@@ -559,6 +559,62 @@
     "description": "Trigger position",
     "type": "string"
   },
+  "b-colorpicker/value": {
+    "description": "Binding value",
+    "type": "object(color)"
+  },
+  "b-colorpicker/representation": {
+    "description": "Representation of Saturation & Lightness values",
+    "type": "string"
+  },
+  "b-colorpicker/alpha": {
+    "description": "Allow color with transparency",
+    "type": "boolean"
+  },
+  "b-colorpicker/color-formatter": {
+    "description": "Function to format color to a string for display in the button",
+    "type": "function"
+  },
+  "b-colorpicker/color-parser": {
+    "description": "Function to parse value to a color",
+    "type": "function"
+  },
+  "b-colorpicker/size": {
+    "description": "Vertical size of input and picker, optional",
+    "type": "string"
+  },
+  "b-colorpicker/inline": {
+    "description": "Colorpicker is shown inline, button is removed",
+    "type": "boolean"
+  },
+  "b-colorpicker/position": {
+    "description": "Optional, position of the colorpicker relative to the button",
+    "type": "string"
+  },
+  "b-colorpicker/open-on-focus": {
+    "description": "Open colorpicker on button focus",
+    "type": "boolean"
+  },
+  "b-colorpicker/focusable": {
+    "description": "Colorpicker container can be focused",
+    "type": "boolean"
+  },
+  "b-colorpicker/trap-focus": {
+    "description": "Trap focus inside the colorpicker.",
+    "type": "boolean"
+  },
+  "b-colorpicker/close-on-click": {
+    "description": "Choose whether the Colorpicker should close after selecting a color",
+    "type": "boolean"
+  },
+  "b-colorpicker/append-to-body": {
+    "description": "Append colorpicker dropdown to body (prevents event bubbling)",
+    "type": "boolean"
+  },
+  "b-colorpicker/Any native attribute": {
+    "description": "—",
+    "type": "—"
+  },
   "b-datepicker/value": {
     "description": "Binding value",
     "type": "date"
@@ -759,6 +815,10 @@
     "description": "Latest datetime available for selection",
     "type": "date"
   },
+  "b-datetimepicker/first-day-of-week": {
+    "description": "First day of week to display in table header",
+    "type": "number"
+  },
   "b-datetimepicker/size": {
     "description": "Vertical size of input and picker, optional",
     "type": "string"
@@ -1499,6 +1559,10 @@
     "description": "Collapsible dropdown on mobile",
     "type": "boolean"
   },
+  "b-notification/value": {
+    "description": "Active state - set on `true` to reopen after close",
+    "type": "boolean"
+  },
   "b-notification/type": {
     "description": "Type (color) of the notification, optional",
     "type": "string"
@@ -1539,6 +1603,10 @@
     "description": "Icon name to use with has-icon",
     "type": "boolean"
   },
+  "b-notification/icon-size": {
+    "description": "Size of the icon, optional",
+    "type": "string"
+  },
   "b-notification/aria-close-label": {
     "description": "Label for the close button, to be read by accessibility screenreaders.",
     "type": "string"
@@ -1707,6 +1775,18 @@
     "description": "Accessibility label for the current page link. If passed, this text will be prepended to the current page.",
     "type": "string"
   },
+  "b-pagination/page-input": {
+    "description": "Include page number input.",
+    "type": "boolean"
+  },
+  "b-pagination/page-input-position": {
+    "description": "Page input position.",
+    "type": "string"
+  },
+  "b-pagination/debounce-page-input": {
+    "description": "Sets the page input debounce time (in milliseconds)",
+    "type": "number"
+  },
   "b-pagination-button/page": {
     "description": "The prop page need to be passed upon the component (:page=\"props.page\").",
     "type": "object"
@@ -2387,6 +2467,10 @@
     "description": "Rounded pagination (if paginated)",
     "type": "boolean"
   },
+  "b-table/pagination-order": {
+    "description": "Buttons order, optional",
+    "type": "string"
+  },
   "b-table/pagination-size": {
     "description": "Pagination size (if paginated)",
     "type": "string"
@@ -2399,6 +2483,18 @@
     "description": "How many rows per page (if paginated)",
     "type": "number"
   },
+  "b-table/page-input": {
+    "description": "Include page number input.",
+    "type": "boolean"
+  },
+  "b-table/page-input-position": {
+    "description": "Page input position.",
+    "type": "string"
+  },
+  "b-table/debounce-page-input": {
+    "description": "Sets the page input debounce time (in milliseconds)",
+    "type": "number"
+  },
   "b-table/sort-multiple": {
     "description": "Adds multiple column sorting",
     "type": "boolean"

package/dist/vetur/tags.json

@@ -208,6 +208,25 @@
     "description": "Buefy component <b-collapse>",
     "subtags": []
   },
+  "b-colorpicker": {
+    "attributes": [
+      "value",
+      "representation",
+      "alpha",
+      "color-formatter",
+      "color-parser",
+      "size",
+      "inline",
+      "position",
+      "open-on-focus",
+      "focusable",
+      "trap-focus",
+      "close-on-click",
+      "append-to-body"
+    ],
+    "description": "Buefy component <b-colorpicker>",
+    "subtags": []
+  },
   "b-datepicker": {
     "attributes": [
       "value",
@@ -265,6 +284,7 @@
       "datetime-parser",
       "min-datetime",
       "max-datetime",
+      "first-day-of-week",
       "size",
       "inline",
       "editable",
@@ -557,6 +577,7 @@
   },
   "b-notification": {
     "attributes": [
+      "value",
       "type",
       "active",
       "closable",
@@ -567,6 +588,7 @@
       "icon-pack",
       "has-icon",
       "icon",
+      "icon-size",
       "aria-close-label",
       "message",
       "position",
@@ -619,7 +641,10 @@
       "aria-next-label",
       "aria-previous-label",
       "aria-page-label",
-      "aria-current-label"
+      "aria-current-label",
+      "page-input",
+      "page-input-position",
+      "debounce-page-input"
     ],
     "description": "Buefy component <b-pagination>",
     "subtags": [
@@ -895,9 +920,13 @@
       "paginated",
       "pagination-simple",
       "pagination-rounded",
+      "pagination-order",
       "pagination-size",
       "pagination-position",
       "per-page",
+      "page-input",
+      "page-input-position",
+      "debounce-page-input",
       "sort-multiple",
       "sort-multiple-data",
       "sort-multiple-key",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "buefy",
-  "version": "0.9.13",
+  "version": "0.9.17",
   "homepage": "https://buefy.org",
   "description": "Lightweight UI components for Vue.js based on Bulma",
   "author": "Rafael Beraldo <rafael.pimpa@gmail.com>",

package/src/components/autocomplete/Autocomplete.vue

@@ -359,6 +359,16 @@ export default {
                         this.setHovered(null)
                     }
                 })
+            } else {
+                if (this.hovered) {
+                    // reset hovered if list doesn't contain it
+                    const hoveredValue = this.getValue(this.hovered)
+                    const data = this.computedData.map((d) => d.items)
+                        .reduce((a, b) => ([...a, ...b]), [])
+                    if (!data.some((d) => this.getValue(d) === hoveredValue)) {
+                        this.setHovered(null)
+                    }
+                }
             }
         }
     },

package/src/components/breadcrumb/__snapshots__/BreadcrumbItem.spec.js.snap

@@ -1,7 +1,3 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`BBreadcrumbItem render correctly 1`] = `
-<li class="">
-    <router-link to="/"></router-link>
-</li>
-`;
+exports[`BBreadcrumbItem render correctly 1`] = `<li class=""><a></a></li>`;

package/src/components/carousel/__snapshots__/CarouselList.spec.js.snap

@@ -5,17 +5,17 @@ exports[`BCarouselList render correctly 1`] = `
     <div class="carousel-slides" style="transform: translateX(0px);">
         <div class="carousel-slide is-active" style="width: 0px;">
             <b-image-stub src="https://picsum.photos/id/0/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_13zmb589fa.f[6]++;
-                    cov_13zmb589fa.s[13]++;
+                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
+                    cov_2apmv5zqje.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][0]++;
-                        cov_13zmb589fa.s[14]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
+                        cov_2apmv5zqje.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][1]++;
-                        cov_13zmb589fa.s[15]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
+                        cov_2apmv5zqje.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
@@ -23,17 +23,17 @@ exports[`BCarouselList render correctly 1`] = `
         </div>
         <div class="carousel-slide" style="width: 0px;">
             <b-image-stub src="https://picsum.photos/id/1/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_13zmb589fa.f[6]++;
-                    cov_13zmb589fa.s[13]++;
+                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
+                    cov_2apmv5zqje.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][0]++;
-                        cov_13zmb589fa.s[14]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
+                        cov_2apmv5zqje.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][1]++;
-                        cov_13zmb589fa.s[15]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
+                        cov_2apmv5zqje.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
@@ -41,17 +41,17 @@ exports[`BCarouselList render correctly 1`] = `
         </div>
         <div class="carousel-slide" style="width: 0px;">
             <b-image-stub src="https://picsum.photos/id/2/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_13zmb589fa.f[6]++;
-                    cov_13zmb589fa.s[13]++;
+                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
+                    cov_2apmv5zqje.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][0]++;
-                        cov_13zmb589fa.s[14]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
+                        cov_2apmv5zqje.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][1]++;
-                        cov_13zmb589fa.s[15]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
+                        cov_2apmv5zqje.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
@@ -59,17 +59,17 @@ exports[`BCarouselList render correctly 1`] = `
         </div>
         <div class="carousel-slide" style="width: 0px;">
             <b-image-stub src="https://picsum.photos/id/3/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_13zmb589fa.f[6]++;
-                    cov_13zmb589fa.s[13]++;
+                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
+                    cov_2apmv5zqje.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][0]++;
-                        cov_13zmb589fa.s[14]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
+                        cov_2apmv5zqje.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][1]++;
-                        cov_13zmb589fa.s[15]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
+                        cov_2apmv5zqje.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
@@ -77,17 +77,17 @@ exports[`BCarouselList render correctly 1`] = `
         </div>
         <div class="carousel-slide" style="width: 0px;">
             <b-image-stub src="https://picsum.photos/id/4/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_13zmb589fa.f[6]++;
-                    cov_13zmb589fa.s[13]++;
+                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
+                    cov_2apmv5zqje.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][0]++;
-                        cov_13zmb589fa.s[14]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
+                        cov_2apmv5zqje.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][1]++;
-                        cov_13zmb589fa.s[15]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
+                        cov_2apmv5zqje.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
@@ -95,17 +95,17 @@ exports[`BCarouselList render correctly 1`] = `
         </div>
         <div class="carousel-slide" style="width: 0px;">
             <b-image-stub src="https://picsum.photos/id/5/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_13zmb589fa.f[6]++;
-                    cov_13zmb589fa.s[13]++;
+                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
+                    cov_2apmv5zqje.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][0]++;
-                        cov_13zmb589fa.s[14]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
+                        cov_2apmv5zqje.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][1]++;
-                        cov_13zmb589fa.s[15]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
+                        cov_2apmv5zqje.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
@@ -113,17 +113,17 @@ exports[`BCarouselList render correctly 1`] = `
         </div>
         <div class="carousel-slide" style="width: 0px;">
             <b-image-stub src="https://picsum.photos/id/6/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_13zmb589fa.f[6]++;
-                    cov_13zmb589fa.s[13]++;
+                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
+                    cov_2apmv5zqje.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][0]++;
-                        cov_13zmb589fa.s[14]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
+                        cov_2apmv5zqje.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][1]++;
-                        cov_13zmb589fa.s[15]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
+                        cov_2apmv5zqje.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }
@@ -131,17 +131,17 @@ exports[`BCarouselList render correctly 1`] = `
         </div>
         <div class="carousel-slide" style="width: 0px;">
             <b-image-stub src="https://picsum.photos/id/7/1230/500" lazy="true" responsive="true" srcsetformatter="function _default(src, size, vm) {
-                    /* istanbul ignore next */cov_13zmb589fa.f[6]++;
-                    cov_13zmb589fa.s[13]++;
+                    /* istanbul ignore next */cov_2apmv5zqje.f[6]++;
+                    cov_2apmv5zqje.s[13]++;
 
                     if (typeof _config2.default.defaultImageSrcsetFormatter === 'function') {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][0]++;
-                        cov_13zmb589fa.s[14]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][0]++;
+                        cov_2apmv5zqje.s[14]++;
 
                         return _config2.default.defaultImageSrcsetFormatter(src, size);
                     } else {
-                        /* istanbul ignore next */cov_13zmb589fa.b[2][1]++;
-                        cov_13zmb589fa.s[15]++;
+                        /* istanbul ignore next */cov_2apmv5zqje.b[2][1]++;
+                        cov_2apmv5zqje.s[15]++;
 
                         return vm.formatSrcset(src, size);
                     }

package/src/components/colorpicker/Colorpicker.spec.js

@@ -0,0 +1,10 @@
+import { shallowMount } from '@vue/test-utils'
+import BColorpicker from '@components/colorpicker/Colorpicker'
+
+describe('BColorpicker', () => {
+    it('render correctly', () => {
+        const wrapper = shallowMount(BColorpicker)
+
+        expect(wrapper.html()).toMatchSnapshot()
+    })
+})