buefy 3.0.2 → 3.0.4

package/dist/buefy.js

@@ -1,4 +1,4 @@
-/*! Buefy v3.0.2 | MIT License | github.com/buefy/buefy */
+/*! Buefy v3.0.4 | MIT License | github.com/buefy/buefy */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('vue')) :
     typeof define === 'function' && define.amd ? define(['exports', 'vue'], factory) :
@@ -756,6 +756,10 @@
       });
     };
 
+    const configInjectionKey = Symbol("Buefy Config Component");
+    function useConfigComponent() {
+      return vue.inject(configInjectionKey);
+    }
     var ConfigComponent = {
       getOptions() {
         return config;
@@ -2753,9 +2757,10 @@
       }
       Vue.component(componentName, component);
     };
-    const registerComponentProgrammatic = (Vue, property, component) => {
+    const registerComponentProgrammatic = (Vue, property, component, injectionKey) => {
       if (!Vue.config.globalProperties.$buefy) Vue.config.globalProperties.$buefy = {};
       Vue.config.globalProperties.$buefy[property] = component;
+      Vue.provide(injectionKey, component);
     };
 
     const Plugin$F = {
@@ -6844,7 +6849,7 @@
     const _hoisted_10$3 = ["d"];
     const _hoisted_11$3 = { class: "colorpicker-triangle-slider-hue" };
     const _hoisted_12$3 = ["width", "height", "clip-path"];
-    const _hoisted_13$2 = ["x", "height"];
+    const _hoisted_13$1 = ["x", "height"];
     const _hoisted_14$1 = ["aria-valuenow"];
     const _hoisted_15$1 = ["d", "fill"];
     const _hoisted_16$1 = ["d", "fill"];
@@ -6935,7 +6940,7 @@
                   onMousedown: _cache[5] || (_cache[5] = vue.withModifiers((...args) => _ctx.startMouseCapture && _ctx.startMouseCapture(...args), ["prevent"])),
                   onTouchstart: _cache[6] || (_cache[6] = vue.withModifiers((...args) => _ctx.startMouseCapture && _ctx.startMouseCapture(...args), ["prevent"]))
                 }, null, 44, _hoisted_14$1)
-              ], 8, _hoisted_13$2))
+              ], 8, _hoisted_13$1))
             ],
             4
             /* STYLE */
@@ -11714,6 +11719,14 @@
       },
       extends: Modal,
       props: {
+        customClass: {
+          type: String,
+          default: ""
+        },
+        customContentClass: {
+          type: String,
+          default: ""
+        },
         title: String,
         message: [String, Array],
         icon: String,
@@ -11884,27 +11897,26 @@
     });
 
     const _hoisted_1$t = ["role", "aria-modal"];
-    const _hoisted_2$o = { class: "modal-card animation-content" };
-    const _hoisted_3$d = {
+    const _hoisted_2$o = {
       key: 0,
       class: "modal-card-head"
     };
-    const _hoisted_4$9 = { class: "modal-card-title" };
-    const _hoisted_5$7 = { class: "media" };
-    const _hoisted_6$5 = {
+    const _hoisted_3$d = { class: "modal-card-title" };
+    const _hoisted_4$9 = { class: "media" };
+    const _hoisted_5$7 = {
       key: 0,
       class: "media-left"
     };
-    const _hoisted_7$4 = { class: "media-content" };
-    const _hoisted_8$4 = ["innerHTML"];
-    const _hoisted_9$3 = {
+    const _hoisted_6$5 = { class: "media-content" };
+    const _hoisted_7$4 = ["innerHTML"];
+    const _hoisted_8$4 = {
       key: 0,
       class: "field"
     };
-    const _hoisted_10$2 = { class: "control" };
-    const _hoisted_11$2 = { class: "help is-danger" };
-    const _hoisted_12$2 = { class: "modal-card-foot" };
-    const _hoisted_13$1 = { class: "buttons" };
+    const _hoisted_9$3 = { class: "control" };
+    const _hoisted_10$2 = { class: "help is-danger" };
+    const _hoisted_11$2 = { class: "modal-card-foot" };
+    const _hoisted_12$2 = { class: "buttons" };
     function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
       const _component_b_icon = vue.resolveComponent("b-icon");
       const _component_b_button = vue.resolveComponent("b-button");
@@ -11913,7 +11925,7 @@
         default: vue.withCtx(() => [
           _ctx.isActive ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
             key: 0,
-            class: vue.normalizeClass(["dialog modal is-active", _ctx.dialogClass]),
+            class: vue.normalizeClass(["dialog modal is-active", [_ctx.dialogClass, _ctx.customClass]]),
             role: _ctx.ariaRole,
             "aria-modal": _ctx.ariaModal
           }, [
@@ -11921,116 +11933,124 @@
               class: "modal-background",
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.cancel("outside"))
             }),
-            vue.createElementVNode("div", _hoisted_2$o, [
-              _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_3$d, [
+            vue.createElementVNode(
+              "div",
+              {
+                class: vue.normalizeClass(["modal-card animation-content", _ctx.customContentClass])
+              },
+              [
+                _ctx.title ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$o, [
+                  vue.createElementVNode(
+                    "p",
+                    _hoisted_3$d,
+                    vue.toDisplayString(_ctx.title),
+                    1
+                    /* TEXT */
+                  )
+                ])) : vue.createCommentVNode("v-if", true),
                 vue.createElementVNode(
-                  "p",
-                  _hoisted_4$9,
-                  vue.toDisplayString(_ctx.title),
-                  1
-                  /* TEXT */
-                )
-              ])) : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode(
-                "section",
-                {
-                  class: vue.normalizeClass(["modal-card-body", { "is-titleless": !_ctx.title, "is-flex": _ctx.hasIcon }])
-                },
-                [
-                  vue.createElementVNode("div", _hoisted_5$7, [
-                    _ctx.hasIcon && (_ctx.icon || _ctx.iconByType) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6$5, [
-                      vue.createVNode(_component_b_icon, {
-                        icon: _ctx.icon ? _ctx.icon : _ctx.iconByType,
-                        pack: _ctx.iconPack,
-                        type: _ctx.type,
-                        both: !_ctx.icon,
-                        size: "is-large"
-                      }, null, 8, ["icon", "pack", "type", "both"])
-                    ])) : vue.createCommentVNode("v-if", true),
-                    vue.createElementVNode("div", _hoisted_7$4, [
-                      vue.createElementVNode("p", null, [
-                        _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(
-                          vue.Fragment,
-                          { key: 1 },
-                          [
-                            vue.createCommentVNode(" eslint-disable-next-line vue/no-v-html "),
-                            vue.createElementVNode("div", { innerHTML: _ctx.message }, null, 8, _hoisted_8$4)
-                          ],
-                          64
-                          /* STABLE_FRAGMENT */
-                        ))
-                      ]),
-                      _ctx.hasInput ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_9$3, [
-                        vue.createElementVNode("div", _hoisted_10$2, [
-                          vue.withDirectives(vue.createElementVNode(
-                            "input",
-                            vue.mergeProps({
-                              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.prompt = $event),
-                              class: ["input", { "is-danger": _ctx.validationMessage }],
-                              ref: "input"
-                            }, _ctx.safeInputAttrs, {
-                              onCompositionstart: _cache[2] || (_cache[2] = ($event) => _ctx.isCompositing = true),
-                              onCompositionend: _cache[3] || (_cache[3] = ($event) => _ctx.isCompositing = false),
-                              onKeydown: _cache[4] || (_cache[4] = vue.withKeys((...args) => _ctx.confirm && _ctx.confirm(...args), ["enter"]))
-                            }),
-                            null,
-                            16
-                            /* FULL_PROPS */
-                          ), [
-                            [vue.vModelDynamic, _ctx.prompt]
-                          ])
+                  "section",
+                  {
+                    class: vue.normalizeClass(["modal-card-body", { "is-titleless": !_ctx.title, "is-flex": _ctx.hasIcon }])
+                  },
+                  [
+                    vue.createElementVNode("div", _hoisted_4$9, [
+                      _ctx.hasIcon && (_ctx.icon || _ctx.iconByType) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5$7, [
+                        vue.createVNode(_component_b_icon, {
+                          icon: _ctx.icon ? _ctx.icon : _ctx.iconByType,
+                          pack: _ctx.iconPack,
+                          type: _ctx.type,
+                          both: !_ctx.icon,
+                          size: "is-large"
+                        }, null, 8, ["icon", "pack", "type", "both"])
+                      ])) : vue.createCommentVNode("v-if", true),
+                      vue.createElementVNode("div", _hoisted_6$5, [
+                        vue.createElementVNode("p", null, [
+                          _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : (vue.openBlock(), vue.createElementBlock(
+                            vue.Fragment,
+                            { key: 1 },
+                            [
+                              vue.createCommentVNode(" eslint-disable-next-line vue/no-v-html "),
+                              vue.createElementVNode("div", { innerHTML: _ctx.message }, null, 8, _hoisted_7$4)
+                            ],
+                            64
+                            /* STABLE_FRAGMENT */
+                          ))
                         ]),
-                        vue.createElementVNode(
-                          "p",
-                          _hoisted_11$2,
-                          vue.toDisplayString(_ctx.validationMessage),
+                        _ctx.hasInput ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8$4, [
+                          vue.createElementVNode("div", _hoisted_9$3, [
+                            vue.withDirectives(vue.createElementVNode(
+                              "input",
+                              vue.mergeProps({
+                                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.prompt = $event),
+                                class: ["input", { "is-danger": _ctx.validationMessage }],
+                                ref: "input"
+                              }, _ctx.safeInputAttrs, {
+                                onCompositionstart: _cache[2] || (_cache[2] = ($event) => _ctx.isCompositing = true),
+                                onCompositionend: _cache[3] || (_cache[3] = ($event) => _ctx.isCompositing = false),
+                                onKeydown: _cache[4] || (_cache[4] = vue.withKeys((...args) => _ctx.confirm && _ctx.confirm(...args), ["enter"]))
+                              }),
+                              null,
+                              16
+                              /* FULL_PROPS */
+                            ), [
+                              [vue.vModelDynamic, _ctx.prompt]
+                            ])
+                          ]),
+                          vue.createElementVNode(
+                            "p",
+                            _hoisted_10$2,
+                            vue.toDisplayString(_ctx.validationMessage),
+                            1
+                            /* TEXT */
+                          )
+                        ])) : vue.createCommentVNode("v-if", true)
+                      ])
+                    ])
+                  ],
+                  2
+                  /* CLASS */
+                ),
+                vue.createElementVNode("footer", _hoisted_11$2, [
+                  vue.createElementVNode("div", _hoisted_12$2, [
+                    _ctx.showCancel ? (vue.openBlock(), vue.createBlock(_component_b_button, {
+                      key: 0,
+                      ref: "cancelButton",
+                      disabled: _ctx.isLoading,
+                      onClick: _cache[5] || (_cache[5] = ($event) => _ctx.cancel("button"))
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(_ctx.cancelText),
                           1
                           /* TEXT */
                         )
-                      ])) : vue.createCommentVNode("v-if", true)
-                    ])
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
+                    vue.createVNode(_component_b_button, {
+                      type: _ctx.type,
+                      ref: "confirmButton",
+                      loading: _ctx.isLoading,
+                      onClick: _ctx.confirm
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(
+                          vue.toDisplayString(_ctx.confirmText),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }, 8, ["type", "loading", "onClick"])
                   ])
-                ],
-                2
-                /* CLASS */
-              ),
-              vue.createElementVNode("footer", _hoisted_12$2, [
-                vue.createElementVNode("div", _hoisted_13$1, [
-                  _ctx.showCancel ? (vue.openBlock(), vue.createBlock(_component_b_button, {
-                    key: 0,
-                    ref: "cancelButton",
-                    disabled: _ctx.isLoading,
-                    onClick: _cache[5] || (_cache[5] = ($event) => _ctx.cancel("button"))
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(
-                        vue.toDisplayString(_ctx.cancelText),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["disabled"])) : vue.createCommentVNode("v-if", true),
-                  vue.createVNode(_component_b_button, {
-                    type: _ctx.type,
-                    ref: "confirmButton",
-                    loading: _ctx.isLoading,
-                    onClick: _ctx.confirm
-                  }, {
-                    default: vue.withCtx(() => [
-                      vue.createTextVNode(
-                        vue.toDisplayString(_ctx.confirmText),
-                        1
-                        /* TEXT */
-                      )
-                    ]),
-                    _: 1
-                    /* STABLE */
-                  }, 8, ["type", "loading", "onClick"])
                 ])
-              ])
-            ])
+              ],
+              2
+              /* CLASS */
+            )
           ], 10, _hoisted_1$t)), [
             [_directive_trap_focus, _ctx.trapFocus]
           ]) : vue.createCommentVNode("v-if", true)
@@ -12172,10 +12192,14 @@
         return open(__spreadValues$6({ hasInput: true }, params), this.app);
       }
     }
+    const dialogInjectionKey = Symbol("Buefy Dialog");
+    function useDialog() {
+      return vue.inject(dialogInjectionKey);
+    }
     const Plugin$t = {
       install(Vue) {
         registerComponent(Vue, Dialog);
-        registerComponentProgrammatic(Vue, "dialog", new DialogProgrammatic(Vue));
+        registerComponentProgrammatic(Vue, "dialog", new DialogProgrammatic(Vue), dialogInjectionKey);
       }
     };
 
@@ -12404,10 +12428,14 @@
         return vueInstance.mount(container);
       }
     }
+    const loadingInjectionKey = Symbol("Buefy Loading");
+    function useLoading() {
+      return vue.inject(loadingInjectionKey);
+    }
     const Plugin$p = {
       install(Vue) {
         registerComponent(Vue, BLoading);
-        registerComponentProgrammatic(Vue, "loading", new LoadingProgrammatic(Vue));
+        registerComponentProgrammatic(Vue, "loading", new LoadingProgrammatic(Vue), loadingInjectionKey);
       }
     };
 
@@ -13222,10 +13250,14 @@
         return vueInstance.mount(container);
       }
     }
+    const modalInjectionKey = Symbol("Buefy Modal");
+    function useModal() {
+      return vue.inject(modalInjectionKey);
+    }
     const Plugin$m = {
       install(Vue) {
         registerComponent(Vue, Modal);
-        registerComponentProgrammatic(Vue, "modal", new ModalProgrammatic(Vue));
+        registerComponentProgrammatic(Vue, "modal", new ModalProgrammatic(Vue), modalInjectionKey);
       }
     };
 
@@ -13642,10 +13674,14 @@
         return vueInstance.mount(container);
       }
     }
+    const notificationInjectionKey = Symbol("Buefy Notification");
+    function useNotification() {
+      return vue.inject(notificationInjectionKey);
+    }
     const Plugin$l = {
       install(Vue) {
         registerComponent(Vue, Notification);
-        registerComponentProgrammatic(Vue, "notification", new NotificationProgrammatic(Vue));
+        registerComponentProgrammatic(Vue, "notification", new NotificationProgrammatic(Vue), notificationInjectionKey);
       }
     };
 
@@ -16776,9 +16812,13 @@
         return vueInstance.mount(container);
       }
     }
+    const snackbarInjectionKey = Symbol("Buefy Snackbar");
+    function useSnackbar() {
+      return vue.inject(snackbarInjectionKey);
+    }
     const Plugin$a = {
       install(Vue) {
-        registerComponentProgrammatic(Vue, "snackbar", new SnackbarProgrammatic(Vue));
+        registerComponentProgrammatic(Vue, "snackbar", new SnackbarProgrammatic(Vue), snackbarInjectionKey);
       }
     };
 
@@ -20852,9 +20892,13 @@
         return vueInstance.mount(container);
       }
     }
+    const toastInjectionKey = Symbol("Buefy Toast");
+    function useToast() {
+      return vue.inject(toastInjectionKey);
+    }
     const Plugin$2 = {
       install(Vue) {
-        registerComponentProgrammatic(Vue, "toast", new ToastProgrammatic(Vue));
+        registerComponentProgrammatic(Vue, "toast", new ToastProgrammatic(Vue), toastInjectionKey);
       }
     };
 
@@ -21094,7 +21138,7 @@
       install(Vue, options = {}) {
         setOptions(merge(config, options, true));
         allComponents.forEach((component) => Vue.use(component));
-        registerComponentProgrammatic(Vue, "config", ConfigComponent);
+        registerComponentProgrammatic(Vue, "config", ConfigComponent, configInjectionKey);
         Vue.config.globalProperties.$buefy.globalNoticeInterval = void 0;
       }
     };
@@ -21237,6 +21281,13 @@
     exports.sign = sign;
     exports.toCssWidth = toCssWidth;
     exports.translateTouchAsDragEvent = translateTouchAsDragEvent;
+    exports.useConfigComponent = useConfigComponent;
+    exports.useDialog = useDialog;
+    exports.useLoading = useLoading;
+    exports.useModal = useModal;
+    exports.useNotification = useNotification;
+    exports.useSnackbar = useSnackbar;
+    exports.useToast = useToast;
 
     Object.defineProperty(exports, '__esModule', { value: true });