buefy 0.9.9 → 0.9.13

package/dist/esm/toast.js

@@ -1,8 +1,8 @@
-import './chunk-1fafdf15.js';
+import './chunk-2452e3d3.js';
 import { merge } from './helpers.js';
-import { c as config, V as VueInstance } from './chunk-652f2dad.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-4e380ee2.js';
+import { N as NoticeMixin } from './chunk-799e084d.js';
 
 //
 var script = {
@@ -19,7 +19,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:{"enter-active-class":_vm.transition.enter,"leave-active-class":_vm.transition.leave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isActive),expression:"isActive"}],staticClass:"toast",class:[_vm.type, _vm.position],attrs:{"aria-hidden":!_vm.isActive,"role":"alert"},on:{"mouseover":_vm.pause,"mouseleave":_vm.removePause}},[(_vm.$slots.default)?[_vm._t("default")]:[_c('div',{domProps:{"innerHTML":_vm._s(_vm.message)}})]],2)])};
+var __vue_render__ = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',{attrs:{"enter-active-class":_vm.transition.enter,"leave-active-class":_vm.transition.leave}},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.isActive),expression:"isActive"}],staticClass:"toast",class:[_vm.type, _vm.position],attrs:{"aria-hidden":!_vm.isActive,"role":"alert"},on:{"mouseenter":_vm.pause,"mouseleave":_vm.removePause}},[(_vm.$slots.default)?[_vm._t("default")]:[_c('div',{domProps:{"innerHTML":_vm._s(_vm.message)}})]],2)])};
 var __vue_staticRenderFns__ = [];
 
   /* style */

package/dist/esm/tooltip.js

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

package/dist/esm/upload.js

@@ -1,7 +1,7 @@
-import './chunk-1fafdf15.js';
+import './chunk-2452e3d3.js';
 import './helpers.js';
-import './chunk-652f2dad.js';
-import { F as FormElementMixin } from './chunk-516e4877.js';
+import './chunk-8ed29c41.js';
+import { F as FormElementMixin } from './chunk-75a5af93.js';
 import { _ as __vue_normalize__, r as registerComponent, u as use } from './chunk-cca88db8.js';
 import { F as File } from './chunk-b9bdb0e4.js';
 

package/dist/vetur/attributes.json

@@ -91,10 +91,38 @@
     "description": "Trigger the @select event for the first pre-selected option when clicking outside and keep-first is enabled",
     "type": "boolean"
   },
+  "b-autocomplete/selectable-header": {
+    "description": "Allows the header in the autocomplete to be selectable",
+    "type": "boolean"
+  },
+  "b-autocomplete/selectable-footer": {
+    "description": "Allows the footer in the autocomplete to be selectable",
+    "type": "boolean"
+  },
   "b-autocomplete/Any native attribute": {
     "description": "—",
     "type": "—"
   },
+  "b-breadcrumb/align": {
+    "description": "Breadcrumb alignment.",
+    "type": "string"
+  },
+  "b-breadcrumb/separator": {
+    "description": "Symbol that separates the breadcrumb items.",
+    "type": "string"
+  },
+  "b-breadcrumb/size": {
+    "description": "The breadcrumb size",
+    "type": "string"
+  },
+  "b-breadcrumb-breadcrumb item/tag": {
+    "description": "a, router-link and it's html attributes like href, to, etc...",
+    "type": "string"
+  },
+  "b-breadcrumb-breadcrumb item/active": {
+    "description": "is the current breadcrumb is actually the current page.",
+    "type": "boolean"
+  },
   "b-button/type": {
     "description": "Type (color) of the control, optional",
     "type": "string"
@@ -180,11 +208,11 @@
     "type": "number"
   },
   "b-carousel/has-drag": {
-    "description": "Toggle touch dragging, when touch not detected. auto switch mouse dragging",
+    "description": "Toggle touch dragging, when touch not detected. Auto switch mouse dragging",
     "type": "boolean"
   },
   "b-carousel/autoplay": {
-    "description": "Whether automatically loop the slides",
+    "description": "Whether to automatically loop the slides",
     "type": "boolean"
   },
   "b-carousel/pause-hover": {
@@ -192,7 +220,7 @@
     "type": "boolean"
   },
   "b-carousel/pause-info": {
-    "description": "Show information pause when autoplay and pause-hover",
+    "description": "Show information about pause when autoplay and pause-hover",
     "type": "boolean"
   },
   "b-carousel/pause-info-type": {
@@ -212,7 +240,7 @@
     "type": "boolean"
   },
   "b-carousel/repeat": {
-    "description": "Controls whether the carousel loops around at the start and end.",
+    "description": "Controls whether the carousel loops around at the start and end",
     "type": "boolean"
   },
   "b-carousel/icon-pack": {
@@ -236,19 +264,19 @@
     "type": "boolean"
   },
   "b-carousel/indicator-background": {
-    "description": "Added background for indicator",
+    "description": "Adds background to indicator",
     "type": "boolean"
   },
   "b-carousel/indicator-custom": {
-    "description": "use when the image is more than 6 so that the indicator is not too small",
+    "description": "Use when there are more than 6 images so that the indicator is not too small",
     "type": "boolean"
   },
   "b-carousel/indicator-custom-size": {
-    "description": "image size on the indicator when the indicator-custom is used",
+    "description": "Image size of the indicator when the indicator-custom is used",
     "type": "string"
   },
   "b-carousel/indicator-inside": {
-    "description": "Display the indicator inside on carousel",
+    "description": "Display the indicator inside the carousel",
     "type": "boolean"
   },
   "b-carousel/indicator-mode": {
@@ -276,7 +304,7 @@
     "type": "string"
   },
   "b-carousel/with-carousel-list": {
-    "description": "use this when indicator custom with b-carousel-list",
+    "description": "Use when indicator custom with b-carousel-list",
     "type": "boolean"
   },
   "b-carousel-list/value": {
@@ -288,27 +316,27 @@
     "type": "array"
   },
   "b-carousel-list/has-drag": {
-    "description": "Toggle touch dragging, when touch not detected. auto switch mouse dragging",
+    "description": "Toggle touch dragging, when touch not detected. Auto switch mouse dragging",
     "type": "boolean"
   },
   "b-carousel-list/has-grayscale": {
-    "description": "Give a effect grayscale on img",
+    "description": "Give a grayscale effect to img",
     "type": "boolean"
   },
   "b-carousel-list/has-opacity": {
-    "description": "Give a effect opacity on img",
+    "description": "Give an opacity effect to img",
     "type": "boolean"
   },
   "b-carousel-list/repeat": {
-    "description": "Back to value 0 when item active same with total data",
+    "description": "Returns carousel to start when active item matches length of data",
     "type": "boolean"
   },
   "b-carousel-list/items-to-show": {
-    "description": "count of items to showed per view (support a decimal).",
+    "description": "Count of items to be showed per view (supports a decimal).",
     "type": "number"
   },
   "b-carousel-list/items-to-list": {
-    "description": "count of items to list when use navigation buttons",
+    "description": "Count of items to list when using navigation buttons",
     "type": "number"
   },
   "b-carousel-list/as-indicator": {
@@ -316,7 +344,7 @@
     "type": "boolean"
   },
   "b-carousel-list/refresh": {
-    "description": "Refresh for overlay carousel",
+    "description": "Refresh for carousel overlay",
     "type": "boolean"
   },
   "b-carousel-list/arrow": {
@@ -324,7 +352,7 @@
     "type": "boolean"
   },
   "b-carousel-list/arrow-hover": {
-    "description": "Display Arrow action when hover, but hidden on mobile",
+    "description": "Display arrow action when hovered. Hidden on mobile",
     "type": "boolean"
   },
   "b-carousel-list/icon-pack": {
@@ -1099,6 +1127,10 @@
     "description": "Rounded image.",
     "type": "boolean"
   },
+  "b-image/custom-class": {
+    "description": "Add custom css class to the img tag.",
+    "type": "string"
+  },
   "b-input/value": {
     "description": "Binding value",
     "type": "string|number"
@@ -1271,6 +1303,10 @@
     "description": "Visibility duration in miliseconds",
     "type": "number"
   },
+  "b-message/progress-bar": {
+    "description": "remaining seconds before the alert will close (in seconds)",
+    "type": "boolean"
+  },
   "b-message/icon-pack": {
     "description": "Icon pack to use",
     "type": "string"
@@ -1379,6 +1415,10 @@
     "description": "Improve accessiblity when enabled.",
     "type": "boolean"
   },
+  "b-modal/close-button-aria-label": {
+    "description": "Aria label attribute to be passed to the close button for better accessibility.",
+    "type": "string"
+  },
   "b-navbar/transparent": {
     "description": "Remove any hover or active background from the navbar items",
     "type": "boolean"
@@ -1479,6 +1519,10 @@
     "description": "Visibility duration in miliseconds",
     "type": "number"
   },
+  "b-notification/progress-bar": {
+    "description": "remaining seconds before the alert will close (in seconds)",
+    "type": "boolean"
+  },
   "b-notification/animation": {
     "description": "Custom animation (transition name)",
     "type": "string"
@@ -1504,7 +1548,7 @@
     "type": "string|array<vnode>"
   },
   "b-notification/position": {
-    "description": "Which position the notification will appear when programmatically",
+    "description": "Which position the notification will appear when opened programmatically",
     "type": "string"
   },
   "b-notification/queue": {
@@ -1512,7 +1556,11 @@
     "type": "boolean"
   },
   "b-notification/indefinite": {
-    "description": "Show the Notification indefinitely until it is dismissed when programmatically",
+    "description": "Show the Notification indefinitely until it is dismissed when opened programmatically",
+    "type": "boolean"
+  },
+  "b-notification/pause-on-hover": {
+    "description": "Pause and show on hover until hover off when opened programmatically, if indefinite is false.",
     "type": "boolean"
   },
   "b-notification/container": {
@@ -1675,6 +1723,10 @@
     "description": "Size of the progress bar, optional",
     "type": "string"
   },
+  "b-progress/rounded": {
+    "description": "rounded style of the progress bar, optional",
+    "type": "boolean"
+  },
   "b-progress/value": {
     "description": "The progress value, progress will be indeterminate if undefined.",
     "type": "number"
@@ -2055,6 +2107,10 @@
     "description": "Show the Snackbar indefinitely until it is dismissed",
     "type": "boolean"
   },
+  "b-snackbar/pause-on-hover": {
+    "description": "Pause and show on hover until hover off (it works when indefinite is false)",
+    "type": "boolean"
+  },
   "b-snackbar/container": {
     "description": "DOM element the toast will be created on. Note that this also changes the position of the toast from fixed to absolute. Meaning that the container should be fixed. Also note that this will override the defaultContainerElement if you specified it in your Buefy Constructor Options. See Constructor options for more details.",
     "type": "string"
@@ -2659,6 +2715,18 @@
     "description": "Accessibility label for the close button",
     "type": "string"
   },
+  "b-tag/icon": {
+    "description": "Adds an icon to the left of the tag.",
+    "type": "string"
+  },
+  "b-tag/icon-pack": {
+    "description": "Icon pack to use",
+    "type": "string"
+  },
+  "b-tag/icon-type": {
+    "description": "Type (color) of the icon on the left side of tag, optional",
+    "type": "string"
+  },
   "b-tag/close-icon": {
     "description": "Replace times in close button with a customized icon. closable and attached props should be needed.",
     "type": "string"
@@ -2931,6 +2999,10 @@
     "description": "Whether tooltip is active or not",
     "type": "boolean"
   },
+  "b-tooltip/auto-close": {
+    "description": "The event(s) that should trigger the tooltip to close",
+    "type": "boolean|array"
+  },
   "b-tooltip/label": {
     "description": "Tooltip text",
     "type": "string"
@@ -2971,6 +3043,10 @@
     "description": "Tooltip delay before it appears (number in ms)",
     "type": "number"
   },
+  "b-tooltip/append-to-body": {
+    "description": "Append tooltip content to body (prevents event bubbling)",
+    "type": "boolean"
+  },
   "b-upload/value": {
     "description": "Binding value",
     "type": "file|array<file>"

package/dist/vetur/tags.json

@@ -23,11 +23,32 @@
       "max-height",
       "dropdown-position",
       "append-to-body",
-      "select-on-click-outside"
+      "select-on-click-outside",
+      "selectable-header",
+      "selectable-footer"
     ],
     "description": "Buefy component <b-autocomplete>",
     "subtags": []
   },
+  "b-breadcrumb": {
+    "attributes": [
+      "align",
+      "separator",
+      "size"
+    ],
+    "description": "Buefy component <b-breadcrumb>",
+    "subtags": [
+      "b-breadcrumb-breadcrumb item"
+    ]
+  },
+  "b-breadcrumb-breadcrumb item": {
+    "attributes": [
+      "tag",
+      "active"
+    ],
+    "description": "Buefy component <b-breadcrumb-breadcrumb item>",
+    "subtags": []
+  },
   "b-button": {
     "attributes": [
       "type",
@@ -372,7 +393,8 @@
       "srcset",
       "srcset-sizes",
       "srcset-formatter",
-      "rounded"
+      "rounded",
+      "custom-class"
     ],
     "description": "Buefy component <b-image>",
     "subtags": []
@@ -453,6 +475,7 @@
       "closable",
       "auto-close",
       "duration",
+      "progress-bar",
       "icon-pack",
       "has-icon",
       "icon",
@@ -485,7 +508,8 @@
       "destroy-on-hide",
       "aria-role",
       "aria-label",
-      "aria-modal"
+      "aria-modal",
+      "close-button-aria-label"
     ],
     "description": "Buefy component <b-modal>",
     "subtags": []
@@ -538,6 +562,7 @@
       "closable",
       "auto-close",
       "duration",
+      "progress-bar",
       "animation",
       "icon-pack",
       "has-icon",
@@ -547,6 +572,7 @@
       "position",
       "queue",
       "indefinite",
+      "pause-on-hover",
       "container"
     ],
     "description": "Buefy component <b-notification>",
@@ -612,6 +638,7 @@
     "attributes": [
       "type",
       "size",
+      "rounded",
       "value",
       "max",
       "show-value",
@@ -772,6 +799,7 @@
       "duration",
       "queue",
       "indefinite",
+      "pause-on-hover",
       "container",
       "actionText",
       "onAction",
@@ -978,6 +1006,9 @@
       "tabstop",
       "disabled",
       "aria-close-label",
+      "icon",
+      "icon-pack",
+      "icon-type",
       "close-icon",
       "close-icon-pack",
       "close-icon-type"
@@ -1076,6 +1107,7 @@
     "attributes": [
       "type",
       "active",
+      "auto-close",
       "label",
       "triggers",
       "position",
@@ -1085,7 +1117,8 @@
       "dashed",
       "multilined",
       "size",
-      "delay"
+      "delay",
+      "append-to-body"
     ],
     "description": "Buefy component <b-tooltip>",
     "subtags": []

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "buefy",
-  "version": "0.9.9",
+  "version": "0.9.13",
   "homepage": "https://buefy.org",
   "description": "Lightweight UI components for Vue.js based on Bulma",
   "author": "Rafael Beraldo <rafael.pimpa@gmail.com>",
@@ -38,7 +38,7 @@
     "lint": "eslint --ext .js,.vue src docs",
     "lint:fix": "eslint --ext .js,.vue src docs --fix",
     "lint:staged": "lint-staged",
-    "unit": "jest --runInBand",
+    "unit": "jest --runInBand --u",
     "test": "npm run lint && npm run unit",
     "test:watch": "npm run unit -- --watchAll",
     "build:js": "rollup -c && rollup -c --environment MINIFY",

package/src/components/autocomplete/Autocomplete.spec.js

@@ -87,6 +87,76 @@ describe('BAutocomplete', () => {
         expect(wrapper.emitted()['blur']).toBeTruthy()
     })
 
+    it('can emit select-header by keyboard and click', async () => {
+        const VALUE_TYPED = 'test'
+        const wrapper = mount(BAutocomplete, {
+            propsData: {
+                checkInfiniteScroll: true,
+                selectableHeader: true,
+                selectableFooter: true
+            },
+            slots: {
+                header: '<h1>SLOT HEADER</h1>',
+                footer: '<h1>SLOT FOOTER</h1>'
+            },
+            stubs
+        })
+        const $input = wrapper.find('input')
+
+        $input.trigger('focus')
+        $input.setValue(VALUE_TYPED)
+        await wrapper.vm.$nextTick()
+
+        $input.trigger('keydown', {'key': 'Down'})
+        $input.trigger('keydown', {'key': 'Enter'})
+        await wrapper.vm.$nextTick()
+
+        const $header = wrapper.find('.dropdown-item.dropdown-header')
+        $header.trigger('click')
+        await wrapper.vm.$nextTick()
+
+        const emitted = wrapper.emitted()
+
+        expect(emitted['select-header']).toBeTruthy()
+        expect(emitted['select-header']).toHaveLength(2)
+    })
+
+    it('can emit select-footer by keyboard and click', async () => {
+        const VALUE_TYPED = 'test'
+        const wrapper = mount(BAutocomplete, {
+            propsData: {
+                checkInfiniteScroll: true,
+                selectableHeader: true,
+                selectableFooter: true
+            },
+            slots: {
+                header: '<h1>SLOT HEADER</h1>',
+                footer: '<h1>SLOT FOOTER</h1>'
+            },
+            stubs
+        })
+        const $input = wrapper.find('input')
+
+        $input.trigger('focus')
+        $input.setValue(VALUE_TYPED)
+        await wrapper.vm.$nextTick()
+
+        $input.trigger('keydown', {'key': 'Down'})
+        $input.trigger('keydown', {'key': 'Down'})
+        $input.trigger('keydown', {'key': 'Enter'})
+        $input.trigger('blur')
+        await wrapper.vm.$nextTick()
+
+        const $footer = wrapper.find('.dropdown-item.dropdown-footer')
+        $footer.trigger('click')
+        await wrapper.vm.$nextTick()
+
+        const emitted = wrapper.emitted()
+
+        expect(emitted['select-footer']).toBeTruthy()
+        expect(emitted['select-footer']).toHaveLength(2)
+    })
+
     it('can autocomplete with keydown', async () => {
         const VALUE_TYPED = 'Ang'
         wrapper.setProps({ data: DATA_LIST })