buefy 3.0.3 → 3.0.4

package/dist/buefy.d.ts

@@ -3553,6 +3553,14 @@ datetimeCreator: DatetimeCreator;
 }, {}>;
 
 export declare const BDialog: DefineComponent<    {
+customClass: {
+type: StringConstructor;
+default: string;
+};
+customContentClass: {
+type: StringConstructor;
+default: string;
+};
 title: StringConstructor;
 message: (ArrayConstructor | StringConstructor)[];
 icon: StringConstructor;
@@ -3796,6 +3804,14 @@ renderOnMounted: boolean;
 }, {}>, {
 confirm: (value: string, dialog: any) => true;
 }, string, PublicProps, Readonly<ExtractPropTypes<    {
+customClass: {
+type: StringConstructor;
+default: string;
+};
+customContentClass: {
+type: StringConstructor;
+default: string;
+};
 title: StringConstructor;
 message: (ArrayConstructor | StringConstructor)[];
 icon: StringConstructor;
@@ -3839,6 +3855,8 @@ default: string;
 onConfirm?: ((value: string, dialog: any) => any) | undefined;
 }, {
 type: string;
+customClass: string;
+customContentClass: string;
 hasIcon: boolean;
 confirmText: string;
 cancelText: string;

package/dist/buefy.esm.js

@@ -1,4 +1,4 @@
-/*! Buefy v3.0.3 | MIT License | github.com/buefy/buefy */
+/*! Buefy v3.0.4 | MIT License | github.com/buefy/buefy */
 import { Fragment, Comment, Text, Static, inject, 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;
@@ -6845,7 +6845,7 @@ const _hoisted_9$4 = ["id"];
 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"];
@@ -6936,7 +6936,7 @@ function _sfc_render$L(_ctx, _cache, $props, $setup, $data, $options) {
               onMousedown: _cache[5] || (_cache[5] = withModifiers((...args) => _ctx.startMouseCapture && _ctx.startMouseCapture(...args), ["prevent"])),
               onTouchstart: _cache[6] || (_cache[6] = withModifiers((...args) => _ctx.startMouseCapture && _ctx.startMouseCapture(...args), ["prevent"]))
             }, null, 44, _hoisted_14$1)
-          ], 8, _hoisted_13$2))
+          ], 8, _hoisted_13$1))
         ],
         4
         /* STYLE */
@@ -11715,6 +11715,14 @@ const Dialog$1 = defineComponent({
   },
   extends: Modal,
   props: {
+    customClass: {
+      type: String,
+      default: ""
+    },
+    customContentClass: {
+      type: String,
+      default: ""
+    },
     title: String,
     message: [String, Array],
     icon: String,
@@ -11885,27 +11893,26 @@ const Dialog$1 = defineComponent({
 });
 
 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 = resolveComponent("b-icon");
   const _component_b_button = resolveComponent("b-button");
@@ -11914,7 +11921,7 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
     default: withCtx(() => [
       _ctx.isActive ? withDirectives((openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(["dialog modal is-active", _ctx.dialogClass]),
+        class: normalizeClass(["dialog modal is-active", [_ctx.dialogClass, _ctx.customClass]]),
         role: _ctx.ariaRole,
         "aria-modal": _ctx.ariaModal
       }, [
@@ -11922,116 +11929,124 @@ function _sfc_render$y(_ctx, _cache, $props, $setup, $data, $options) {
           class: "modal-background",
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.cancel("outside"))
         }),
-        createElementVNode("div", _hoisted_2$o, [
-          _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_3$d, [
+        createElementVNode(
+          "div",
+          {
+            class: normalizeClass(["modal-card animation-content", _ctx.customContentClass])
+          },
+          [
+            _ctx.title ? (openBlock(), createElementBlock("header", _hoisted_2$o, [
+              createElementVNode(
+                "p",
+                _hoisted_3$d,
+                toDisplayString(_ctx.title),
+                1
+                /* TEXT */
+              )
+            ])) : createCommentVNode("v-if", true),
             createElementVNode(
-              "p",
-              _hoisted_4$9,
-              toDisplayString(_ctx.title),
-              1
-              /* TEXT */
-            )
-          ])) : createCommentVNode("v-if", true),
-          createElementVNode(
-            "section",
-            {
-              class: normalizeClass(["modal-card-body", { "is-titleless": !_ctx.title, "is-flex": _ctx.hasIcon }])
-            },
-            [
-              createElementVNode("div", _hoisted_5$7, [
-                _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,
-                    type: _ctx.type,
-                    both: !_ctx.icon,
-                    size: "is-large"
-                  }, null, 8, ["icon", "pack", "type", "both"])
-                ])) : createCommentVNode("v-if", true),
-                createElementVNode("div", _hoisted_7$4, [
-                  createElementVNode("p", null, [
-                    _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(
-                      Fragment,
-                      { key: 1 },
-                      [
-                        createCommentVNode(" eslint-disable-next-line vue/no-v-html "),
-                        createElementVNode("div", { innerHTML: _ctx.message }, null, 8, _hoisted_8$4)
-                      ],
-                      64
-                      /* STABLE_FRAGMENT */
-                    ))
-                  ]),
-                  _ctx.hasInput ? (openBlock(), createElementBlock("div", _hoisted_9$3, [
-                    createElementVNode("div", _hoisted_10$2, [
-                      withDirectives(createElementVNode(
-                        "input",
-                        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] = withKeys((...args) => _ctx.confirm && _ctx.confirm(...args), ["enter"]))
-                        }),
-                        null,
-                        16
-                        /* FULL_PROPS */
-                      ), [
-                        [vModelDynamic, _ctx.prompt]
-                      ])
+              "section",
+              {
+                class: normalizeClass(["modal-card-body", { "is-titleless": !_ctx.title, "is-flex": _ctx.hasIcon }])
+              },
+              [
+                createElementVNode("div", _hoisted_4$9, [
+                  _ctx.hasIcon && (_ctx.icon || _ctx.iconByType) ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
+                    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"])
+                  ])) : createCommentVNode("v-if", true),
+                  createElementVNode("div", _hoisted_6$5, [
+                    createElementVNode("p", null, [
+                      _ctx.$slots.default ? renderSlot(_ctx.$slots, "default", { key: 0 }) : (openBlock(), createElementBlock(
+                        Fragment,
+                        { key: 1 },
+                        [
+                          createCommentVNode(" eslint-disable-next-line vue/no-v-html "),
+                          createElementVNode("div", { innerHTML: _ctx.message }, null, 8, _hoisted_7$4)
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      ))
                     ]),
-                    createElementVNode(
-                      "p",
-                      _hoisted_11$2,
-                      toDisplayString(_ctx.validationMessage),
+                    _ctx.hasInput ? (openBlock(), createElementBlock("div", _hoisted_8$4, [
+                      createElementVNode("div", _hoisted_9$3, [
+                        withDirectives(createElementVNode(
+                          "input",
+                          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] = withKeys((...args) => _ctx.confirm && _ctx.confirm(...args), ["enter"]))
+                          }),
+                          null,
+                          16
+                          /* FULL_PROPS */
+                        ), [
+                          [vModelDynamic, _ctx.prompt]
+                        ])
+                      ]),
+                      createElementVNode(
+                        "p",
+                        _hoisted_10$2,
+                        toDisplayString(_ctx.validationMessage),
+                        1
+                        /* TEXT */
+                      )
+                    ])) : createCommentVNode("v-if", true)
+                  ])
+                ])
+              ],
+              2
+              /* CLASS */
+            ),
+            createElementVNode("footer", _hoisted_11$2, [
+              createElementVNode("div", _hoisted_12$2, [
+                _ctx.showCancel ? (openBlock(), createBlock(_component_b_button, {
+                  key: 0,
+                  ref: "cancelButton",
+                  disabled: _ctx.isLoading,
+                  onClick: _cache[5] || (_cache[5] = ($event) => _ctx.cancel("button"))
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(_ctx.cancelText),
                       1
                       /* TEXT */
                     )
-                  ])) : createCommentVNode("v-if", true)
-                ])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["disabled"])) : createCommentVNode("v-if", true),
+                createVNode(_component_b_button, {
+                  type: _ctx.type,
+                  ref: "confirmButton",
+                  loading: _ctx.isLoading,
+                  onClick: _ctx.confirm
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(
+                      toDisplayString(_ctx.confirmText),
+                      1
+                      /* TEXT */
+                    )
+                  ]),
+                  _: 1
+                  /* STABLE */
+                }, 8, ["type", "loading", "onClick"])
               ])
-            ],
-            2
-            /* CLASS */
-          ),
-          createElementVNode("footer", _hoisted_12$2, [
-            createElementVNode("div", _hoisted_13$1, [
-              _ctx.showCancel ? (openBlock(), createBlock(_component_b_button, {
-                key: 0,
-                ref: "cancelButton",
-                disabled: _ctx.isLoading,
-                onClick: _cache[5] || (_cache[5] = ($event) => _ctx.cancel("button"))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(_ctx.cancelText),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled"])) : createCommentVNode("v-if", true),
-              createVNode(_component_b_button, {
-                type: _ctx.type,
-                ref: "confirmButton",
-                loading: _ctx.isLoading,
-                onClick: _ctx.confirm
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(_ctx.confirmText),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["type", "loading", "onClick"])
             ])
-          ])
-        ])
+          ],
+          2
+          /* CLASS */
+        )
       ], 10, _hoisted_1$t)), [
         [_directive_trap_focus, _ctx.trapFocus]
       ]) : createCommentVNode("v-if", true)