bootstrap-vue-next 0.8.0

v0.8.0

on Node.js NPM

0.8.0 (2023-04-03)

⚠ BREAKING CHANGES

• nuxt: remove nuxt.ts from main package & @nuxt/kit from dependencies -- use package @bootstrap-vue-next/nuxt (readme coming soon)
• nuxt: create explicit nuxt module
• BFormRadioGroup: remove prop switch, this must have been an accidental inclusion
• remove Alignment namespace
• BVisible: remove BVisible directive. Use @vueuse/core 'useElementVisibility' instead https://vueuse.org/core/useElementVisibility/#useelementvisibility
• BFocus: remove the BFocus directive. Use @vueuse/core 'useFocus' instead https://vueuse.org/core/useFocus/#usefocus
• BModal: rename prop noFocus to prop autoFocus
• remove deprecated BSkeleton components -- replaced with BPlaceholder, review docs
• BDropdown: do not use internal state to modify dropdown instead expose vmodel
• BCard: remove prop imgRight -- use imgEnd
• BImg: remove prop left -- use prop start
• BImg: remove prop right -- use prop end
• BCardImg: remove prop left -- use prop start
• BCardImg: remove prop right -- use prop end
• BNavItemDropdown: remove prop dropleft -- use dropstart
• BNavItemDropdown: remove prop dropright -- use dropend
• BNavItemDropdown: remove prop right -- use alignEnd
• BNavItemDropdown: remove prop left -- use alignStart
• BDropdown: remove prop right -- use alignEnd
• BCard: remove prop imgLeft -- use imgStart
• BDropdown: remove boundary prop
• BDropdown: remoe popperOpts prop
• BDropdown: remove 'right' prop -- use prop 'end'
• BDropdown: remove 'dropright' prop -- use prop 'dropend'
• Dropdown: remove 'left' prop -- use 'start'
• BDropdown: remove 'dropleft' prop -- use 'dropstart'
• BDropdown: replaace popper usage with floating-ui/vue

Features

• add description onto self: symbol() (457e8da)
• BAccordion: add header-tag prop on BAccordionItem (afb5eec)
• BCardImg: remove prop left -- use prop start (4d4b087)
• BCardImg: remove prop right -- use prop end (4d4b087)
• BCard: remove prop imgLeft -- use imgStart (4d4b087)
• BCard: remove prop imgRight -- use imgEnd (4d4b087)
• BCarousel: don't require v-model to function (3c2ce06)
• BDropdown: add alignEnd prop (bc401f2)
• BDropdown: add alignStart prop (bc401f2)
• BDropdown: add floatingMiddleware prop (bc401f2)
• BDropdown: add lazy prop (bc401f2)
• BDropdown: add offset prop (bc401f2)
• Bdropdown: add prop noShift (bc401f2)
• BDropdown: add splitDisabled proop (bc401f2)
• BDropdown: add strategy prop (bc401f2)
• BDropdown: close on esc (d94959e)
• BDropdown: do not use internal state to modify dropdown instead expose vmodel (ebdd1ee)
• BDropdown: emit BvEvent on hide (event is preventable) (bc401f2)
• BDropdown: emit BvEvent on show (event is preventable) (bc401f2)
• BDropdown: emit hide-prevented and show-prevented (565e428)
• BDropdown: remoe popperOpts prop (bc401f2)
• BDropdown: remove 'dropleft' prop -- use 'dropstart' (bc401f2)
• BDropdown: remove 'dropright' prop -- use prop 'dropend' (bc401f2)
• BDropdown: remove 'right' prop -- use prop 'end' (bc401f2)
• BDropdown: remove boundary prop (bc401f2)
• BDropdown: remove prop right -- use alignEnd (4d4b087)
• BDropdown: replaace popper usage with floating-ui/vue (bc401f2)
• begin using @flating-ui/vue for positioning instead of popper (2c3da40)
• BFocus: remove the BFocus directive. Use @vueuse/core 'useFocus' instead https://vueuse.org/core/useFocus/#usefocus (4f01fbc)
• BFormCheckboxGroup: autofocus (This implementation focuses the div... I'm not sure this is right) (457e8da)
• BFormRadioGroup: refactor to use provide/inject instead of slot manipulation... Allowing for nested children (457e8da)
• BImg: remove prop left -- use prop start (4d4b087)
• BImg: remove prop right -- use prop end (4d4b087)
• BModal: add prop autoFocusButton (1a65391)
• BModal: rename prop noFocus to prop autoFocus (1a65391)
• BNavItemDropdown: aadad prop floatingMiddleware (057fb00)
• BNavItemDropdown: add prop lazy (057fb00)
• BNavItemDropdown: add prop menuClass (057fb00)
• BNavItemDropdown: add prop noFlip (057fb00)
• BNavItemDropdown: add prop noShift (057fb00)
• BNavItemDropdown: add prop strategy (057fb00)
• BNavItemDropdown: boolean props are now Booleanish for convenience (057fb00)
• BNavItemDropdown: remove prop dropleft -- use dropstart (4d4b087)
• BNavItemDropdown: remove prop dropright -- use dropend (4d4b087)
• BNavItemDropdown: remove prop left -- use alignStart (4d4b087)
• BNavItemDropdown: remove prop right -- use alignEnd (4d4b087)
• BVisible: remove BVisible directive. Use @vueuse/core 'useElementVisibility' instead https://vueuse.org/core/useElementVisibility/#useelementvisibility (4f01fbc)
• ClassValue: ClassValue is ts 'any' (321eafa)
• Dropdown: remove 'left' prop -- use 'start' (bc401f2)
• nuxt: create explicit nuxt module (00af3e4)
• nuxt: remove nuxt.ts from main package & @nuxt/kit from dependencies -- use package @bootstrap-vue-next/nuxt (readme coming soon) (00af3e4)
• remove deprecated BSkeleton components -- replaced with BPlaceholder, review docs (682bb84)
• start nuxt package (a04563e)

Bug Fixes

• #971: directive imports being strange (4d6e200)
• BAccordionItem: use a reactive value from parent on provide() (d625755)
• BAccordion: provide a reactive value (d625755)
• BAvatarGroup: provide a reactive value (d625755)
• BAvatar: use a reactive value from parent on provide() (d625755)
• BButton: fix failing checks from updated pressed prop (1270b26)
• BButton: isToggle computed property use type of pressedBoolean (9754a47), closes #973
• BButton: removed deprecated exact prop (42ba27a)
• BButton: removed exactActiveClass prop (ae261b8)
• BCarousel: number parser is parseInt (9ec9c46)
• BCarousel: provide a reactive value (d625755)
• BCarouselSlide: use a reactive value from parent on provide() (d625755)
• BCarousel: threshold -> touchThreshold prop (7de1bdd)
• BCarousel: touch swiping system for mobile (89f04fd)
• BDropdown: emits boolean (057fb00)
• BDropdown: remove unused class (2fd5d4f)
• BFormCheckbox: aria-required & required take parentData into account (457e8da)
• BFormcheckbox: inherit name, form, & disabled attrs from parent as well (457e8da)
• BFormCheckbox: strongly type emit values (457e8da)
• BFormCheckbox: use provide/inject logic instead of slot manipulation. Allows for nested BFormCheckbox children in Groups (d625755)
• BFormRadioGroup: remove prop switch, this must have been an accidental inclusion (457e8da)
• BFormTags: wrong tags being removed due to remove button not re-rendering (ec54ffb)
• BLink: prefer passed active and exact prop over isActive slot props from RouterLink (1c4e958)
• BLink: removed exactActiveClass prop (ae261b8)
• BListGroupItem: use a reactive value from parent on provide() (d625755)
• BListGroup: provide a reactive value (d625755)
• BModal: correctly assign focus to element after transition has stopped fixes #964 (1a65391)
• BModal: hide.prevent not functioning correctly (4f80470)
• BModal: Modal not appearing when default value is true on mounted (4f80470)
• BNavItemDropdown: usage after breaking dropdown changes (057fb00)
• BOffcanvas: hide.prevent not functioning correctly (565e428)
• BOffcanvas: inheritted attributes not being placed on root element (21c5fec)
• BPlaceholder: animations not being applied correctly (4ff5501)
• BPlaceholderCard: attributes from props not being applied on the default slot BPlaceholder elements (4ff5501)
• BPlaceholder: plaaceholder width is cols default 12 (4ff5501)
• BProgressBar: use a reactive value from parent on provide() (d625755)
• BProgress: provide a reactive value (d625755)
• BTabs: provide a reactive value (d625755)
• BTab: use a reactive value from parent on provide() (d625755)
• build issues (a04563e)
• dts: issue with floating-ui/core not being recognized, add it as a top level dev dependency with tsconfig path (d625755)
• provide/inject: set default values for inject when no parentData is found in the tree fixes: #936 fixes: #932 (da0bf96)
• remove explicit roles on items that don't need them (BTh, BTr, etc) (ed62031)

Code Refactoring

• remove Alignment namespace (bab9145)