Merge branch 'main' of https://github.com/cdmoro/bootstrap-vue-3 into cdmoro-main

Author: VividLemon

CHANGELOG.md

@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [0.1.20](https://github.com/cdmoro/bootstrap-vue-3/compare/v0.1.19...v0.1.20) (2022-07-21)
+
+
+### Bug Fixes
+
+* propagate `delay` as a component prop ([21dfc79](https://github.com/cdmoro/bootstrap-vue-3/commit/21dfc79c8eac60a8e315488013c381ffe5f3facb))
+
 ## [0.1.19](https://github.com/cdmoro/bootstrap-vue-3/compare/v0.1.18...v0.1.19) (2022-07-13)
 
 

packages/bootstrap-vue-3/src/components/BToast/BToast.vue

@@ -19,7 +19,7 @@ import {BLINK_PROPS} from '../BLink/BLink.vue'
 import {BodyProp} from './plugin'
 
 export const SLOT_NAME_TOAST_TITLE = 'toast-title'
-const MIN_DURATION = 5000
+const MIN_DURATION = 1000
 
 export default defineComponent({
   props: {

packages/bootstrap-vue-3/src/components/BToast/BToaster.vue

@@ -5,6 +5,7 @@
       :id="toast.options.id"
       :key="toast.options.id"
       v-model="toast.options.value"
+      :delay="toast.options.delay"
       :title="toast.content.title"
       :body="toast.content.body"
       :component="toast.content.body"

packages/bootstrap-vue-3/src/directives/BTooltip.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 import {Directive, DirectiveBinding} from 'vue'
 import Tooltip from 'bootstrap/js/dist/tooltip'
 
@@ -64,23 +65,30 @@ const BTooltip: Directive<HTMLElement> = {
     const trigger = resolveTrigger(binding.modifiers)
     const placement = resolvePlacement(binding.modifiers)
     const delay = resolveDelay(binding.value)
+    const title = el.getAttribute('title')
 
     new Tooltip(el, {
       trigger,
       placement,
       delay,
       html: isHtml,
     })
+
+    if (title) {
+      el.setAttribute('data-bs-original-title', title)
+    }
   },
   updated(el) {
     const title = el.getAttribute('title')
+    const originalTitle = el.getAttribute('data-bs-original-title')
+    const instance = Tooltip.getInstance(el)
+
+    el.removeAttribute('title')
 
-    if (title !== '') {
-      const instance = Tooltip.getInstance(el)
-      instance?.toggle()
-      el.setAttribute('data-bs-original-title', title || '')
-      el.setAttribute('title', '')
-      instance?.toggle()
+    if (title && title !== originalTitle) {
+      // @ts-ignore
+      instance?.setContent({'.tooltip-inner': title})
+      el.setAttribute('data-bs-original-title', title)
     }
   },
   unmounted(el) {