buefy 3.0.7 → 3.0.8

package/dist/esm/{Modal-C13NJijf.js → Modal-DXjEE6j6.js}

@@ -184,9 +184,6 @@ const Modal$1 = defineComponent({
       this.$emit("update:modelValue", false);
       if (this.programmatic) {
         this.isActive = false;
-        setTimeout(() => {
-          removeElement(this.$el);
-        }, 150);
       }
     },
     /*
@@ -232,6 +229,9 @@ const Modal$1 = defineComponent({
   beforeUnmount() {
     if (typeof window !== "undefined") {
       document.removeEventListener("keyup", this.keyPress);
+      if (this.programmatic) {
+        removeElement(this.$el);
+      }
       document.documentElement.classList.remove("is-clipped");
       const savedScrollTop = !this.savedScrollTop ? document.documentElement.scrollTop : this.savedScrollTop;
       document.body.classList.remove("is-noscroll");

package/dist/esm/dialog.js

@@ -1,7 +1,7 @@
 import { defineComponent, resolveComponent, resolveDirective, openBlock, createBlock, Transition, withCtx, withDirectives, createElementBlock, normalizeClass, createElementVNode, toDisplayString, createCommentVNode, createVNode, renderSlot, Fragment, mergeProps, withKeys, vModelDynamic, createTextVNode, inject, createApp, h } from 'vue';
 import { d as directive } from './trapFocus-KHP_kCNE.js';
 import { B as BIcon } from './Icon-pQAdaqZb.js';
-import { M as Modal } from './Modal-C13NJijf.js';
+import { M as Modal } from './Modal-DXjEE6j6.js';
 import { B as BButton } from './Button-BTP__-p5.js';
 import { c as config } from './config-f4Dyy8TN.js';
 import { removeElement, getComponentFromVNode, copyAppContext } from './helpers.js';

package/dist/esm/index.js

@@ -88,7 +88,7 @@ export { B as BIcon } from './Icon-pQAdaqZb.js';
 export { I as BImage } from './Image-COmzg-EK.js';
 export { B as BInput } from './Input-CErQ1Jyw.js';
 export { B as BLoading } from './Loading-BSqhV1Gi.js';
-export { M as BModal } from './Modal-C13NJijf.js';
+export { M as BModal } from './Modal-DXjEE6j6.js';
 export { B as BPagination, P as BPaginationButton } from './Pagination-DvgzxH87.js';
 export { P as BProgress } from './Progress-AeKn1Ttq.js';
 export { B as BSelect } from './Select-CbkuxvSQ.js';

package/dist/esm/modal.js

@@ -1,5 +1,5 @@
 import { createApp, h, inject } from 'vue';
-import { M as Modal } from './Modal-C13NJijf.js';
+import { M as Modal } from './Modal-DXjEE6j6.js';
 import { getComponentFromVNode, copyAppContext } from './helpers.js';
 import { a as registerComponent, r as registerComponentProgrammatic } from './plugins-1tLsuIZF.js';
 import './trapFocus-KHP_kCNE.js';
@@ -63,7 +63,7 @@ class ModalProgrammatic {
           Modal,
           __spreadProps(__spreadValues({}, propsData), {
             programmatic: true,
-            onClose: () => {
+            onAfterLeave: () => {
               vueInstance.unmount();
             },
             // intentionally overrides propsData.onCancel

package/dist/esm/snackbar.js

@@ -165,7 +165,7 @@ class SnackbarProgrammatic {
     const propsData = __spreadValues({
       type: "is-success",
       position: config.defaultSnackbarPosition || "is-bottom-right",
-      queue: true,
+      queue: config.defaultNoticeQueue,
       message
     }, restParams);
     const container = document.createElement("div");

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "buefy",
-  "version": "3.0.7",
+  "version": "3.0.8",
   "description": "Lightweight UI components for Vue.js (v3) based on Bulma",
   "keywords": [
     "vuejs",
@@ -53,7 +53,8 @@
     "build:scss-buefy": "sass --load-path=../../node_modules --load-path=node_modules src/scss/versions/buefy-bulma-bundle.scss dist/css/buefy.css && node ./build/banner.js < dist/css/buefy.css > dist/css/buefy.banner.css && mv dist/css/buefy.banner.css dist/css/buefy.css && cleancss -o dist/css/buefy.min.css dist/css/buefy.css",
     "build:scss-buefy-standalone": "sass --load-path=../../node_modules --load-path=node_modules src/scss/buefy.scss dist/css/versions/buefy-standalone.css && node ./build/banner.js < dist/css/versions/buefy-standalone.css > dist/css/buefy.banner.css && mv dist/css/buefy.banner.css dist/css/versions/buefy-standalone.css && cleancss -o dist/css/versions/buefy-standalone.min.css dist/css/versions/buefy-standalone.css",
     "build:scss-no-reset": "sass --load-path=../../node_modules --load-path=node_modules src/scss/versions/buefy-no-reset.scss dist/css/versions/buefy-no-reset.css && node ./build/banner.js < dist/css/versions/buefy-no-reset.css > dist/css/buefy.banner.css && mv dist/css/buefy.banner.css dist/css/versions/buefy-no-reset.css && cleancss -o dist/css/versions/buefy-no-reset.min.css dist/css/versions/buefy-no-reset.css",
-    "vetur": "node -r esm build/vetur.js"
+    "vetur": "node -r esm build/vetur.js",
+    "generate:mcp": "node build/generate-mcp.mjs"
   },
   "dependencies": {
     "bulma": "^1.0.4"
@@ -78,6 +79,6 @@
     "jsdom": "^26.0.0",
     "rimraf": "^5.0.10",
     "rollup-plugin-esbuild": "^6.1.0",
-    "vitest": "^3.0.6"
+    "vitest": "^4.1.8"
   }
 }

package/src/components/modal/Modal.spec.ts

@@ -117,11 +117,14 @@ describe('BModal', () => {
             })
             await modal.$nextTick() // makes sure DOM is updated
             expect(document.querySelector('.modal')).toBeTruthy()
-            vi.useFakeTimers()
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            const modalProxy = (modal.$data as any).modalVNode?.component?.proxy
+            const modalVm = modalProxy as InstanceType<typeof BModal>
             modal.close()
-            vi.advanceTimersByTime(150)
+            // JSDOM has no CSS transitions; manually trigger the after-leave hook
+            modalVm.afterLeave()
+            await modal.$nextTick()
             expect(document.querySelector('.modal')).toBeFalsy()
-            vi.useRealTimers()
         })
     })
 

package/src/components/modal/Modal.vue

@@ -260,12 +260,8 @@ const Modal = defineComponent({
             this.$emit('close')
             this.$emit('update:modelValue', false)
 
-            // Timeout for the animation complete before destroying
             if (this.programmatic) {
                 this.isActive = false
-                setTimeout(() => {
-                    removeElement(this.$el)
-                }, 150)
             }
         },
 
@@ -319,6 +315,9 @@ const Modal = defineComponent({
     beforeUnmount() {
         if (typeof window !== 'undefined') {
             document.removeEventListener('keyup', this.keyPress)
+            if (this.programmatic) {
+                removeElement(this.$el)
+            }
             // reset scroll
             document.documentElement.classList.remove('is-clipped')
             const savedScrollTop = !this.savedScrollTop

package/src/components/modal/index.ts

@@ -68,7 +68,7 @@ class ModalProgrammatic {
                     {
                         ...propsData,
                         programmatic: true,
-                        onClose: () => {
+                        onAfterLeave: () => {
                             vueInstance.unmount()
                         },
                         // intentionally overrides propsData.onCancel

package/src/components/snackbar/Snackbar.spec.ts

@@ -1,9 +1,13 @@
+import { transformVNodeArgs } from 'vue'
 import { shallowMount } from '@vue/test-utils'
 import type { VueWrapper } from '@vue/test-utils'
-import { beforeEach, describe, expect, it, vi } from 'vitest'
+import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import BSnackbar from '@components/snackbar/Snackbar.vue'
+import { SnackbarProgrammatic } from '@components/snackbar'
+import config, { setOptions } from '@utils/config'
 
 let wrapper: VueWrapper<InstanceType<typeof BSnackbar>>
+const realInsertAdjacentElement = HTMLElement.prototype.insertAdjacentElement
 
 describe('BSnackbar', () => {
     HTMLElement.prototype.insertAdjacentElement = vi.fn()
@@ -32,4 +36,52 @@ describe('BSnackbar', () => {
         expect(wrapper.vm.onAction).toHaveBeenCalled()
         expect(wrapper.vm.close).toHaveBeenCalled()
     })
+
+    describe('programmatically opened', () => {
+        const savedNoticeQueue = config.defaultNoticeQueue
+
+        beforeEach(() => {
+            transformVNodeArgs(undefined)
+            HTMLElement.prototype.insertAdjacentElement = realInsertAdjacentElement
+        })
+
+        afterEach(() => {
+            HTMLElement.prototype.insertAdjacentElement = vi.fn()
+            setOptions(Object.assign(config, { defaultNoticeQueue: savedNoticeQueue }))
+            document.querySelectorAll('.notices').forEach((el) => el.remove())
+        })
+
+        it('should not dismiss existing snackbar when queue is disabled globally', () => {
+            setOptions(Object.assign(config, { defaultNoticeQueue: false }))
+
+            new SnackbarProgrammatic().open({ message: 'first', indefinite: true })
+            const parent = document.querySelector('body > .notices.is-bottom')!
+            expect(parent.childElementCount).toBe(1)
+
+            new SnackbarProgrammatic().open({ message: 'second', indefinite: true })
+            expect(parent.childElementCount).toBe(2)
+        })
+
+        it('should dismiss existing snackbar when queue is enabled', () => {
+            setOptions(Object.assign(config, { defaultNoticeQueue: true }))
+
+            new SnackbarProgrammatic().open({ message: 'first', indefinite: true })
+            const parent = document.querySelector('body > .notices.is-bottom')!
+            expect(parent.childElementCount).toBe(1)
+
+            new SnackbarProgrammatic().open({ message: 'second', indefinite: true })
+            expect(parent.childElementCount).toBe(1)
+        })
+
+        it('explicit queue param should override the global config', () => {
+            setOptions(Object.assign(config, { defaultNoticeQueue: false }))
+
+            new SnackbarProgrammatic().open({ message: 'first', indefinite: true })
+            const parent = document.querySelector('body > .notices.is-bottom')!
+            expect(parent.childElementCount).toBe(1)
+
+            new SnackbarProgrammatic().open({ message: 'second', indefinite: true, queue: true })
+            expect(parent.childElementCount).toBe(1)
+        })
+    })
 })

package/src/components/snackbar/index.ts

@@ -51,7 +51,7 @@ class SnackbarProgrammatic {
         const propsData: SnackbarProps = {
             type: 'is-success',
             position: config.defaultSnackbarPosition || 'is-bottom-right',
-            queue: true,
+            queue: config.defaultNoticeQueue,
             message,
             ...restParams
         }

package/src/scss/components/_sidebar.scss

@@ -80,7 +80,7 @@ $sidebar-close-button-dark-background: rgba(10,10,10,.86) !default;
             flex-direction: column;
             align-content: stretch;
         }
-        @media screen and (max-width: calc(cv.getVar("sidebar-mobile-breakpoint") - 1px)) {
+        @media screen and (max-width: #{$sidebar-mobile-breakpoint - 1px}) {
             &.is-mini-mobile {
                 width: cv.getVar("sidebar-mobile-width");
                 &.is-mini-expand:hover {