buefy 3.0.0 → 3.0.2

package/README.md

@@ -58,7 +58,7 @@ Bundle
 ```javascript
 import { createApp } from "vue";
 import Buefy from "buefy";
-import "buefy/dist/buefy.css";
+import "buefy/dist/css/buefy.css";
 
 const app = createApp();
 
@@ -70,7 +70,7 @@ or Individual Components
 ```javascript
 import { createApp } from "vue";
 import { Field, Input } from "buefy";
-import "buefy/dist/buefy.css";
+import "buefy/dist/css/buefy.css";
 
 const app = createApp();
 

package/dist/buefy.d.ts

@@ -11704,7 +11704,7 @@ export declare let VueInstance: App | undefined;
 
 export { }
 
-declare module '@vue/runtime-core' {
+declare module 'vue' {
     interface ComponentCustomProperties {
         $buefy: {
             config: typeof ConfigComponent;

package/dist/buefy.esm.js

@@ -1,5 +1,5 @@
-/*! Buefy v3.0.0 | MIT License | github.com/buefy/buefy */
-import { Fragment, Comment, Text, Static, defineComponent, h, resolveComponent, createElementBlock, openBlock, normalizeClass, createBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString, withCtx, createVNode, renderList, resolveDynamicComponent, mergeProps, withDirectives, vModelDynamic, vModelText, withKeys, withModifiers, Transition, createElementVNode, normalizeStyle, vShow, normalizeProps, guardReactiveProps, vModelCheckbox, resolveDirective, createSlots, vModelSelect, toHandlers, createApp, vModelRadio, toRaw, toHandlerKey } from 'vue';
+/*! Buefy v3.0.2 | MIT License | github.com/buefy/buefy */
+import { Fragment, Comment, Text, Static, defineComponent, h, resolveComponent, createElementBlock, openBlock, normalizeClass, createBlock, renderSlot, createCommentVNode, createTextVNode, toDisplayString, withCtx, createVNode, renderList, resolveDynamicComponent, mergeProps, withDirectives, vModelDynamic, vModelText, withKeys, withModifiers, Transition, createElementVNode, normalizeStyle, vShow, normalizeProps, guardReactiveProps, vModelCheckbox, resolveDirective, createSlots, vModelSelect, toHandlers, createApp, vModelRadio, toHandlerKey, camelize, toRaw } from 'vue';
 
 var __defProp$d = Object.defineProperty;
 var __pow = Math.pow;
@@ -6252,7 +6252,7 @@ const _hoisted_5$b = {
   key: 0,
   class: "b-clockpicker-period"
 };
-const _hoisted_6$8 = { class: "card-content" };
+const _hoisted_6$9 = { class: "card-content" };
 const _hoisted_7$8 = {
   key: 0,
   class: "b-clockpicker-time"
@@ -6351,7 +6351,7 @@ function _sfc_render$M(_ctx, _cache, $props, $setup, $data, $options) {
                 ])) : createCommentVNode("v-if", true)
               ])
             ])) : createCommentVNode("v-if", true),
-            createElementVNode("div", _hoisted_6$8, [
+            createElementVNode("div", _hoisted_6$9, [
               createElementVNode(
                 "div",
                 {
@@ -6833,7 +6833,7 @@ const _hoisted_5$a = [
   _hoisted_3$l,
   _hoisted_4$g
 ];
-const _hoisted_6$7 = ["id"];
+const _hoisted_6$8 = ["id"];
 const _hoisted_7$7 = ["stop-color"];
 const _hoisted_8$6 = ["stop-color"];
 const _hoisted_9$4 = ["id"];
@@ -6876,7 +6876,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
           "stop-color": `hsl(${_ctx.hue}deg, 100%, 50%)`,
           "stop-opacity": "0"
         }, null, 8, _hoisted_8$6)
-      ], 8, _hoisted_6$7),
+      ], 8, _hoisted_6$8),
       createElementVNode("clipPath", {
         id: `cp-triangle-clip-${_ctx.id}`
       }, [
@@ -10345,7 +10345,7 @@ const _hoisted_2$s = ["disabled", "aria-label"];
 const _hoisted_3$h = ["disabled", "aria-label"];
 const _hoisted_4$c = { class: "pagination-list" };
 const _hoisted_5$9 = ["value", "disabled"];
-const _hoisted_6$6 = ["value"];
+const _hoisted_6$7 = ["value"];
 const _hoisted_7$6 = { key: 1 };
 function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_b_input = resolveComponent("b-input");
@@ -10477,7 +10477,7 @@ function _sfc_render$C(_ctx, _cache, $props, $setup, $data, $options) {
                                     return openBlock(), createElementBlock("option", {
                                       value: year,
                                       key: year
-                                    }, toDisplayString(year), 9, _hoisted_6$6);
+                                    }, toDisplayString(year), 9, _hoisted_6$7);
                                   }),
                                   128
                                   /* KEYED_FRAGMENT */
@@ -10676,7 +10676,7 @@ const _hoisted_2$r = { class: "control is-colon" };
 const _hoisted_3$g = ["value", "disabled"];
 const _hoisted_4$b = { class: "control is-colon" };
 const _hoisted_5$8 = ["value", "disabled"];
-const _hoisted_6$5 = { class: "control is-colon" };
+const _hoisted_6$6 = { class: "control is-colon" };
 const _hoisted_7$5 = ["value"];
 const _hoisted_8$5 = {
   key: 0,
@@ -10812,7 +10812,7 @@ function _sfc_render$B(_ctx, _cache, $props, $setup, $data, $options) {
                       }, 8, ["modelValue", "disabled"]),
                       createElementVNode(
                         "span",
-                        _hoisted_6$5,
+                        _hoisted_6$6,
                         toDisplayString(_ctx.secondLiteral),
                         1
                         /* TEXT */
@@ -11887,7 +11887,7 @@ const _hoisted_3$d = {
 };
 const _hoisted_4$9 = { class: "modal-card-title" };
 const _hoisted_5$7 = { class: "media" };
-const _hoisted_6$4 = {
+const _hoisted_6$5 = {
   key: 0,
   class: "media-left"
 };
@@ -11934,7 +11934,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
             },
             [
               createElementVNode("div", _hoisted_5$7, [
-                _ctx.hasIcon && (_ctx.icon || _ctx.iconByType) ? (openBlock(), createElementBlock("div", _hoisted_6$4, [
+                _ctx.hasIcon && (_ctx.icon || _ctx.iconByType) ? (openBlock(), createElementBlock("div", _hoisted_6$5, [
                   createVNode(_component_b_icon, {
                     icon: _ctx.icon ? _ctx.icon : _ctx.iconByType,
                     pack: _ctx.iconPack,
@@ -13056,7 +13056,7 @@ const _hoisted_5$6 = {
   key: 1,
   class: "message-body"
 };
-const _hoisted_6$3 = { class: "media" };
+const _hoisted_6$4 = { class: "media" };
 const _hoisted_7$3 = {
   key: 0,
   class: "media-left"
@@ -13095,7 +13095,7 @@ function _sfc_render$s(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, _hoisted_4$8)) : createCommentVNode("v-if", true)
           ])) : createCommentVNode("v-if", true),
           _ctx.$slots.default ? (openBlock(), createElementBlock("section", _hoisted_5$6, [
-            createElementVNode("div", _hoisted_6$3, [
+            createElementVNode("div", _hoisted_6$4, [
               _ctx.computedIcon && _ctx.hasIcon ? (openBlock(), createElementBlock("div", _hoisted_7$3, [
                 createVNode(_component_b_icon, {
                   icon: _ctx.computedIcon,
@@ -13677,10 +13677,18 @@ const _hoisted_4$6 = /* @__PURE__ */ createElementVNode(
   -1
   /* HOISTED */
 );
-const _hoisted_5$4 = [
+const _hoisted_5$4 = /* @__PURE__ */ createElementVNode(
+  "span",
+  { "aria-hidden": "true" },
+  null,
+  -1
+  /* HOISTED */
+);
+const _hoisted_6$3 = [
   _hoisted_2$i,
   _hoisted_3$a,
-  _hoisted_4$6
+  _hoisted_4$6,
+  _hoisted_5$4
 ];
 function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("a", mergeProps({
@@ -13688,7 +13696,7 @@ function _sfc_render$p(_ctx, _cache, $props, $setup, $data, $options) {
     class: ["navbar-burger burger", { "is-active": _ctx.isOpened }],
     "aria-label": "menu",
     "aria-expanded": _ctx.isOpened || void 0
-  }, _ctx.$attrs, { tabindex: "0" }), [..._hoisted_5$4], 16, _hoisted_1$l);
+  }, _ctx.$attrs, { tabindex: "0" }), [..._hoisted_6$3], 16, _hoisted_1$l);
 }
 var NavbarBurger = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$p]]);
 
@@ -18872,15 +18880,16 @@ var _sfc_main$6 = defineComponent({
       if (!this.canDragRow) return;
       this.$emit("dragleave", { event, row, index });
     },
-    // FIXME: this method may emit events not listed in `emits`.
-    // I decided not to list them to check if event listeners are actually
-    // set in `$attrs`. The original idea of this method was to address
-    // some performance issues and introduced at the commit:
-    // https://github.com/ntohq/buefy-next/commit/e38726497785145195e9605840e33980fd4ae9e0
-    // I am not sure whether the justification at https://github.com/buefy/buefy/pull/2150
-    // is still relevant with Vue 3.
+    // this method is for "mouseenter", and "mouseleave" events.
+    // the original idea of this method was introduced by the PR
+    // https://github.com/buefy/buefy/pull/2150
+    // to address some performance issues related to these events.
+    // I am not sure whether the justification made at the PR is still
+    // relevant to Vue 3.
+    // btw, this function was made by the PR https://github.com/buefy/buefy/pull/3236
     emitEventForRow(eventName, event, row) {
-      return this.$attrs[`on${eventName}`] ? this.$emit(eventName, row, event) : null;
+      const listener = this.$attrs[toHandlerKey(eventName)] || this.$attrs[toHandlerKey(camelize(eventName))];
+      return listener != null ? this.$emit(eventName, row, event) : null;
     },
     /*
     * Emits drag start event (column)