From a55b70f8c735e6e610f1845f64d75a854a5b9da3 Mon Sep 17 00:00:00 2001
From: "Robin C. Ladiges" <rcl.git@blackpinguin.de>
Date: Mon, 8 Mar 2021 19:39:12 +0100
Subject: [PATCH 1/4] feat(b-tabs): add new slots tabs-before and tabs-after

---
 src/components/tabs/tabs.js | 8 +++++++-
 src/constants/slots.js      | 2 ++
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/components/tabs/tabs.js b/src/components/tabs/tabs.js
index 3e5f9a47e19..9c3e4567d5d 100644
--- a/src/components/tabs/tabs.js
+++ b/src/components/tabs/tabs.js
@@ -27,6 +27,8 @@ import {
 } from '../../constants/props'
 import {
   SLOT_NAME_EMPTY,
+  SLOT_NAME_TABS_AFTER,
+  SLOT_NAME_TABS_BEFORE,
   SLOT_NAME_TABS_END,
   SLOT_NAME_TABS_START,
   SLOT_NAME_TITLE
@@ -635,7 +637,11 @@ export const BTabs = /*#__PURE__*/ Vue.extend({
         ],
         key: 'bv-tabs-nav'
       },
-      [$nav]
+      [
+        this.normalizeSlot(SLOT_NAME_TABS_BEFORE) || h(),
+        $nav,
+        this.normalizeSlot(SLOT_NAME_TABS_AFTER) || h()
+      ]
     )
 
     const $children = this.normalizeSlot() || []
diff --git a/src/constants/slots.js b/src/constants/slots.js
index 270994c9799..486c254be3d 100644
--- a/src/constants/slots.js
+++ b/src/constants/slots.js
@@ -54,6 +54,8 @@ export const SLOT_NAME_ROW_DETAILS = 'row-details'
 export const SLOT_NAME_TABLE_BUSY = 'table-busy'
 export const SLOT_NAME_TABLE_CAPTION = 'table-caption'
 export const SLOT_NAME_TABLE_COLGROUP = 'table-colgroup'
+export const SLOT_NAME_TABS_AFTER = 'tabs-after'
+export const SLOT_NAME_TABS_BEFORE = 'tabs-before'
 export const SLOT_NAME_TABS_END = 'tabs-end'
 export const SLOT_NAME_TABS_START = 'tabs-start'
 export const SLOT_NAME_TEXT = 'text'

From fc4a56504a03af92065eccaeeee7a636b02aec30 Mon Sep 17 00:00:00 2001
From: "Robin C. Ladiges" <rcl.git@blackpinguin.de>
Date: Mon, 8 Mar 2021 19:40:41 +0100
Subject: [PATCH 2/4] docs(b-tabs): documentation for slots tabs-before and
 tabs-after

---
 src/components/tabs/package.json | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/components/tabs/package.json b/src/components/tabs/package.json
index 3f8c8b82636..00a324e6677 100644
--- a/src/components/tabs/package.json
+++ b/src/components/tabs/package.json
@@ -141,6 +141,14 @@
             "name": "empty",
             "description": "Renders this slot if no tabs are present"
           },
+          {
+            "name": "tabs-after",
+            "description": "Content to place after the content tab buttons"
+          },
+          {
+            "name": "tabs-before",
+            "description": "Content to place before the content tab buttons"
+          },
           {
             "name": "tabs-end",
             "description": "Additional tab buttons without tab content placed after content tab buttons"

From a3be83bd087f1ba50908f306e2ecd5dca65ff9e0 Mon Sep 17 00:00:00 2001
From: "Robin C. Ladiges" <rcl.git@blackpinguin.de>
Date: Mon, 8 Mar 2021 19:41:03 +0100
Subject: [PATCH 3/4] docs(b-tabs): example for slot tabs-before

---
 src/components/tabs/README.md | 24 ++++++++++++++++++++++++
 1 file changed, 24 insertions(+)

diff --git a/src/components/tabs/README.md b/src/components/tabs/README.md
index 4ccbbc5b636..89ff57b80d8 100644
--- a/src/components/tabs/README.md
+++ b/src/components/tabs/README.md
@@ -572,4 +572,28 @@ It is recommended to use the `disabled` attribute on the `<b-tab>` component ins
 <!-- b-tabs-dynamic.vue -->
 ```
 
+### Card title using tabs-before slot
+
+```html
+<template>
+  <div>
+    <b-card no-body>
+      <b-tabs card>
+        <template #tabs-before>
+          <b-card-title>Card Title</b-card-title>
+        </template>
+        <b-tab title="Tab 1">
+          Tab contents 1
+        </b-tab>
+        <b-tab title="Tab 2">
+          Tab contents 1
+        </b-tab>
+      </b-tabs>
+    </b-card>
+  </div>
+</template>
+
+<!-- b-tabs-card-title.vue -->
+```
+
 <!-- Component reference added automatically from component package.json -->

From 7e4b97d8f74f656ff999b10d521ba2a0e47357d0 Mon Sep 17 00:00:00 2001
From: "Robin C. Ladiges" <rcl.git@blackpinguin.de>
Date: Mon, 8 Mar 2021 23:12:29 +0100
Subject: [PATCH 4/4] test(b-tabs): tests for slots tabs-before and tabs-after

---
 src/components/tabs/tabs.spec.js | 54 ++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)

diff --git a/src/components/tabs/tabs.spec.js b/src/components/tabs/tabs.spec.js
index ddedb7b72b6..f381935e365 100644
--- a/src/components/tabs/tabs.spec.js
+++ b/src/components/tabs/tabs.spec.js
@@ -648,6 +648,60 @@ describe('tabs', () => {
     wrapper.destroy()
   })
 
+  it('tabs-before slot is injected at the right place', async () => {
+    const wrapper = mount(BTabs, {
+      slots: {
+        default: [BTab, BTab],
+        'tabs-before': '<span class="test-tabs-before">foobar</span>'
+      }
+    })
+    expect(wrapper).toBeDefined()
+    expect(wrapper.findAllComponents(BTab).length).toBe(2)
+
+    // check existance
+    const spans = wrapper.findAll('span.test-tabs-before')
+    expect(spans).toBeDefined()
+    expect(spans.length).toBe(1)
+    expect(spans.at(0).text()).toBe('foobar')
+
+    // check order
+    const childs = wrapper.findAll('div.tabs > div:first-of-type > *')
+    expect(childs.length).toBe(2)
+    expect(childs.at(0).classes().length).toBe(1)
+    expect(childs.at(0).classes()).toContain('test-tabs-before')
+    expect(childs.at(0).text()).toBe('foobar')
+    expect(childs.at(1).classes().length).toBe(2)
+    expect(childs.at(1).classes()).toContain('nav')
+    expect(childs.at(1).classes()).toContain('nav-tabs')
+  })
+
+  it('tabs-after slot is injected at the right place', async () => {
+    const wrapper = mount(BTabs, {
+      slots: {
+        default: [BTab, BTab],
+        'tabs-after': '<span class="test-tabs-after">foobar</span>'
+      }
+    })
+    expect(wrapper).toBeDefined()
+    expect(wrapper.findAllComponents(BTab).length).toBe(2)
+
+    // check existance
+    const spans = wrapper.findAll('span.test-tabs-after')
+    expect(spans).toBeDefined()
+    expect(spans.length).toBe(1)
+    expect(spans.at(0).text()).toBe('foobar')
+
+    // check order
+    const childs = wrapper.findAll('div.tabs > div:first-of-type > *')
+    expect(childs.length).toBe(2)
+    expect(childs.at(0).classes().length).toBe(2)
+    expect(childs.at(0).classes()).toContain('nav')
+    expect(childs.at(0).classes()).toContain('nav-tabs')
+    expect(childs.at(1).classes().length).toBe(1)
+    expect(childs.at(1).classes()).toContain('test-tabs-after')
+    expect(childs.at(1).text()).toBe('foobar')
+  })
+
   it('"active-nav-item-class" is applied to active nav item', async () => {
     const activeNavItemClass = 'text-success'
     const App = {

<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
<html xmlns='http://www.w3.org/1999/xhtml'>
<head>
<title>pFad - Phonifier reborn</title>
<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />
</head>
<body>
<h1>Pfad - The Proxy pFad of &#169; 2024 Garber Painting. All rights reserved.</h1>


<!-- Disclaimer -->
<p>Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.</p>
<br>
<p>Alternative Proxies:</p><p><a href="http://rainy.clevelandohioweatherforecast.com/php-proxy/index.php?q=https://patch-diff.githubusercontent.com/raw/bootstrap-vue/bootstrap-vue/pull/6487.patch" target="_blank">Alternative Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/index.php?u=https://patch-diff.githubusercontent.com/raw/bootstrap-vue/bootstrap-vue/pull/6487.patch" target="_blank">pFad Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v3index.php?u=https://patch-diff.githubusercontent.com/raw/bootstrap-vue/bootstrap-vue/pull/6487.patch" target="_blank">pFad v3 Proxy</a></p><p><a href="http://rainy.clevelandohioweatherforecast.com/pFad/v4index.php?u=https://patch-diff.githubusercontent.com/raw/bootstrap-vue/bootstrap-vue/pull/6487.patch" target="_blank">pFad v4 Proxy</a></p></body>
</html>