From c3c5e43a051cdf1ab5afbc8c7835397601381851 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Sun, 2 Feb 2020 11:29:39 +0100
Subject: [PATCH 01/12] chore(deps): update devdependency eslint-plugin-import
 to ^2.20.1 (#4714)

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 8f28e47582c..d1fcde629b3 100644
--- a/package.json
+++ b/package.json
@@ -121,7 +121,7 @@
     "eslint-config-prettier": "^6.10.0",
     "eslint-config-standard": "^14.1.0",
     "eslint-config-vue": "^2.0.2",
-    "eslint-plugin-import": "^2.20.0",
+    "eslint-plugin-import": "^2.20.1",
     "eslint-plugin-jest": "^23.6.0",
     "eslint-plugin-markdown": "^1.0.1",
     "eslint-plugin-node": "^11.0.0",
diff --git a/yarn.lock b/yarn.lock
index 07ecc89ebb5..ae754f30ff7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5518,10 +5518,10 @@ eslint-plugin-es@^3.0.0:
     eslint-utils "^2.0.0"
     regexpp "^3.0.0"
 
-eslint-plugin-import@^2.20.0:
-  version "2.20.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.20.0.tgz#d749a7263fb6c29980def8e960d380a6aa6aecaa"
-  integrity sha512-NK42oA0mUc8Ngn4kONOPsPB1XhbUvNHqF+g307dPV28aknPoiNnKLFd9em4nkswwepdF5ouieqv5Th/63U7YJQ==
+eslint-plugin-import@^2.20.1:
+  version "2.20.1"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-import/-/eslint-plugin-import-2.20.1.tgz#802423196dcb11d9ce8435a5fc02a6d3b46939b3"
+  integrity sha512-qQHgFOTjguR+LnYRoToeZWT62XM55MBVXObHM6SKFd1VzDcX/vqT1kAz8ssqigh5eMj8qXcRoXXGZpPP6RfdCw==
   dependencies:
     array-includes "^3.0.3"
     array.prototype.flat "^1.2.1"

From 1d25047a60ec31eb28800e0187aacb7915adfe42 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Sun, 2 Feb 2020 20:11:33 +0100
Subject: [PATCH 02/12] chore(deps): update devdependency @nuxtjs/pwa to
 ^3.0.0-beta.20 (#4715)

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
---
 package.json |  2 +-
 yarn.lock    | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index d1fcde629b3..d2fb2d1b8de 100644
--- a/package.json
+++ b/package.json
@@ -103,7 +103,7 @@
     "@babel/preset-env": "^7.8.4",
     "@babel/standalone": "^7.8.4",
     "@nuxtjs/google-analytics": "^2.2.3",
-    "@nuxtjs/pwa": "^3.0.0-beta.19",
+    "@nuxtjs/pwa": "^3.0.0-beta.20",
     "@vue/test-utils": "1.0.0-beta.29",
     "autoprefixer": "^9.7.4",
     "babel-core": "^7.0.0-bridge.0",
diff --git a/yarn.lock b/yarn.lock
index ae754f30ff7..70d41b5e408 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2072,12 +2072,12 @@
   dependencies:
     vue-analytics "^5.22.1"
 
-"@nuxtjs/pwa@^3.0.0-beta.19":
-  version "3.0.0-beta.19"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/pwa/-/pwa-3.0.0-beta.19.tgz#4685c8137a5b588126b3ee4d469f6806423f958f"
-  integrity sha512-5c7CB2qrrlpu7BmJeWX9GN//uK1SiEzBbT+ykH11ZfUxQyXiO3QTm1f6tTOnG/P5v4kRIGYdBr0wmRbA/Hv1cw==
+"@nuxtjs/pwa@^3.0.0-beta.20":
+  version "3.0.0-beta.20"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/pwa/-/pwa-3.0.0-beta.20.tgz#56766da5485c09cb73307285292203f4a4417d5d"
+  integrity sha512-pZhGBqRvTCItvAdZ6PSZtqJUKT6ybphXCykfHh95KzW0cGf10QH/ETPci2AMDEzfx4jW2hImGSmLBToVWOV7Uw==
   dependencies:
-    defu "^0.0.3"
+    defu "^1.0.0"
     execa "^1.0.0"
     fs-extra "^8.1.0"
     hasha "^5.0.0"
@@ -5014,10 +5014,10 @@ defu@^0.0.1:
   resolved "https://registry.yarnpkg.com/defu/-/defu-0.0.1.tgz#74dc4d64e401d7f95c6755fe98bc5cd688833a8f"
   integrity sha512-Pz9yznbSzVTNA67lcfqVnktROx2BrrBBcmQqGrfe0zdiN5pl5GQogLA4uaP3U1pR1LHIZpEYTAh2sn+v4rH1dA==
 
-defu@^0.0.3:
-  version "0.0.3"
-  resolved "https://registry.yarnpkg.com/defu/-/defu-0.0.3.tgz#bdc3ea1e1ab2120d4d4a129147f3ba9b7f9fe103"
-  integrity sha512-u/fe4fBwrD0KACvI0sYWTWFzooqONZq8ywPnK0ZkAgLNwaDTKpSWvMiiU4QmzhrQCXu8Y0+HIWP8amE18lsL4A==
+defu@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/defu/-/defu-1.0.0.tgz#43acb09dfcf81866fa3b0fc047ece18e5c30df71"
+  integrity sha512-1Y1KRFxiiq+LYsZ3iP7xYSR8bHfmHFOUpDunZCN1ld1fGfDJWJIvkUBtjl3apnBwPuJtL/H7cwwlLYX8xPkraQ==
 
 delayed-stream@~1.0.0:
   version "1.0.0"

From 865a6557fbf49115c05326f9a96c4f9fdf135e96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Wed, 5 Feb 2020 01:03:22 +0100
Subject: [PATCH 03/12] fix(b-tooltip): fix arrow margin (#4727)

---
 src/components/popover/README.md     | 48 ++++++++++++++--------------
 src/components/tooltip/README.md     | 44 ++++++++++++-------------
 src/components/tooltip/_tooltip.scss | 11 +++++++
 src/directives/popover/README.md     | 48 ++++++++++++++--------------
 src/directives/tooltip/README.md     | 44 ++++++++++++-------------
 5 files changed, 103 insertions(+), 92 deletions(-)

diff --git a/src/components/popover/README.md b/src/components/popover/README.md
index 2b53f3e6159..3bccd6f360b 100644
--- a/src/components/popover/README.md
+++ b/src/components/popover/README.md
@@ -47,24 +47,24 @@ Twelve options are available for positioning: `top`, `topleft`, `topright`, `rig
 Positioning is relative to the trigger element.
 
 <div class="bd-example bd-example-popover-static">
-  <div class="popover bs-popover-top bs-popover-top-docs">
-    <div class="arrow" style="left: calc(50% - 6px)"></div>
+  <div class="popover b-popover bs-popover-top bs-popover-top-docs">
+    <div class="arrow" style="left: calc(50% - 8px)"></div>
     <h3 class="popover-header">Popover top</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-top bs-popover-top-docs">
-    <div class="arrow" style="right: 6px"></div>
+  <div class="popover b-popover bs-popover-top bs-popover-top-docs">
+    <div class="arrow" style="right: 0px"></div>
     <h3 class="popover-header">Popover topleft</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-top bs-popover-top-docs">
-    <div class="arrow" style="left: 6px"></div>
+  <div class="popover b-popover bs-popover-top bs-popover-top-docs">
+    <div class="arrow" style="left: 0px"></div>
     <h3 class="popover-header">Popover topright</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
@@ -72,24 +72,24 @@ Positioning is relative to the trigger element.
     </div>
   </div>
 
-  <div class="popover bs-popover-right bs-popover-right-docs">
-    <div class="arrow" style="top: calc(50% - 8px)"></div>
+  <div class="popover b-popover bs-popover-right bs-popover-right-docs">
+    <div class="arrow" style="top: calc(50% - 4px)"></div>
     <h3 class="popover-header">Popover right</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-right bs-popover-right-docs">
-    <div class="arrow" style="bottom: 4px"></div>
+  <div class="popover b-popover bs-popover-right bs-popover-right-docs">
+    <div class="arrow" style="bottom: 0px"></div>
     <h3 class="popover-header">Popover righttop</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-right bs-popover-right-docs">
-    <div class="arrow" style="top: 4px"></div>
+  <div class="popover b-popover bs-popover-right bs-popover-right-docs">
+    <div class="arrow" style="top: 0px"></div>
     <h3 class="popover-header">Popover rightbottom</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
@@ -97,24 +97,24 @@ Positioning is relative to the trigger element.
     </div>
   </div>
 
-  <div class="popover bs-popover-bottom bs-popover-bottom-docs">
-    <div class="arrow" style="left: calc(50% - 6px)"></div>
+  <div class="popover b-popover bs-popover-bottom bs-popover-bottom-docs">
+    <div class="arrow" style="left: calc(50% - 8px)"></div>
     <h3 class="popover-header">Popover bottom</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-bottom bs-popover-bottom-docs">
-    <div class="arrow" style="right: 6px"></div>
+  <div class="popover b-popover bs-popover-bottom bs-popover-bottom-docs">
+    <div class="arrow" style="right: 0px"></div>
     <h3 class="popover-header">Popover bottomleft</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-bottom bs-popover-bottom-docs">
-    <div class="arrow" style="left: 6px"></div>
+  <div class="popover b-popover bs-popover-bottom bs-popover-bottom-docs">
+    <div class="arrow" style="left: 0px"></div>
     <h3 class="popover-header">Popover bottomright</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
@@ -122,24 +122,24 @@ Positioning is relative to the trigger element.
     </div>
   </div>
 
-  <div class="popover bs-popover-left bs-popover-left-docs">
-    <div class="arrow" style="top: calc(50% - 8px)"></div>
+  <div class="popover b-popover bs-popover-left bs-popover-left-docs">
+    <div class="arrow" style="top: calc(50% - 4px)"></div>
     <h3 class="popover-header">Popover left</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-left bs-popover-left-docs">
-    <div class="arrow" style="bottom: 4px"></div>
+  <div class="popover b-popover bs-popover-left bs-popover-left-docs">
+    <div class="arrow" style="bottom: 0px"></div>
     <h3 class="popover-header">Popover lefttop</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-left bs-popover-left-docs">
-    <div class="arrow" style="top: 4px"></div>
+  <div class="popover b-popover bs-popover-left bs-popover-left-docs">
+    <div class="arrow" style="top: 0px"></div>
     <h3 class="popover-header">Popover leftbottom</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
diff --git a/src/components/tooltip/README.md b/src/components/tooltip/README.md
index 81b65b709ad..d132db5547b 100644
--- a/src/components/tooltip/README.md
+++ b/src/components/tooltip/README.md
@@ -46,52 +46,52 @@ Twelve options are available for positioning: `top`, `topleft`, `topright`, `rig
 The default position is `top`. Positioning is relative to the trigger element.
 
 <div class="bd-example bd-example-tooltip-static">
-  <div class="tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
+  <div class="tooltip b-tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
     <div class="arrow" style="left: calc(50% - 6px)"></div>
     <div class="tooltip-inner">Tooltip on the top</div>
   </div>
-  <div class="tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
-    <div class="arrow" style="right: 6px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
+    <div class="arrow" style="right: 0px"></div>
     <div class="tooltip-inner">Tooltip on the topleft</div>
   </div>
-  <div class="tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
-    <div class="arrow" style="left: 6px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
+    <div class="arrow" style="left: 0px"></div>
     <div class="tooltip-inner">Tooltip on the topright</div>
   </div>
-  <div class="tooltip bs-tooltip-right bs-tooltip-right-docs" role="tooltip">
-    <div class="arrow" style="top: calc(50% - 5px)"></div>
+  <div class="tooltip b-tooltip bs-tooltip-right bs-tooltip-right-docs" role="tooltip">
+    <div class="arrow" style="top: 5px"></div>
     <div class="tooltip-inner">Tooltip on the right</div>
   </div>
-  <div class="tooltip bs-tooltip-right bs-tooltip-right-docs" role="tooltip">
-    <div class="arrow" style="bottom: 4px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-right bs-tooltip-right-docs" role="tooltip">
+    <div class="arrow" style="bottom: 0px"></div>
     <div class="tooltip-inner">Tooltip on the righttop</div>
   </div>
-  <div class="tooltip bs-tooltip-right bs-tooltip-right-docs" role="tooltip">
-    <div class="arrow" style="top: 4px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-right bs-tooltip-right-docs" role="tooltip">
+    <div class="arrow" style="top: 0px"></div>
     <div class="tooltip-inner">Tooltip on the rightbottom</div>
   </div>
-  <div class="tooltip bs-tooltip-bottom bs-tooltip-bottom-docs" role="tooltip">
+  <div class="tooltip b-tooltip bs-tooltip-bottom bs-tooltip-bottom-docs" role="tooltip">
     <div class="arrow" style="left: calc(50% - 6px)"></div>
     <div class="tooltip-inner">Tooltip on the bottom</div>
   </div>
-  <div class="tooltip bs-tooltip-bottom bs-tooltip-bottom-docs" role="tooltip">
-    <div class="arrow" style="right: 6px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-bottom bs-tooltip-bottom-docs" role="tooltip">
+    <div class="arrow" style="right: 0px"></div>
     <div class="tooltip-inner">Tooltip on the bottomleft</div>
   </div>
-  <div class="tooltip bs-tooltip-bottom bs-tooltip-bottom-docs" role="tooltip">
-    <div class="arrow" style="left: 6px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-bottom bs-tooltip-bottom-docs" role="tooltip">
+    <div class="arrow" style="left: 0px"></div>
     <div class="tooltip-inner">Tooltip on the bottomright</div>
   </div>
-  <div class="tooltip bs-tooltip-left bs-tooltip-left-docs" role="tooltip">
-    <div class="arrow" style="top: calc(50% - 5px)"></div>
+  <div class="tooltip b-tooltip bs-tooltip-left bs-tooltip-left-docs" role="tooltip">
+    <div class="arrow" style="top: 5px"></div>
     <div class="tooltip-inner">Tooltip on the left</div>
   </div>
-  <div class="tooltip bs-tooltip-left bs-tooltip-left-docs" role="tooltip">
-    <div class="arrow" style="bottom: 4px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-left bs-tooltip-left-docs" role="tooltip">
+    <div class="arrow" style="bottom: 0px"></div>
     <div class="tooltip-inner">Tooltip on the lefttop</div>
   </div>
-  <div class="tooltip bs-tooltip-left bs-tooltip-left-docs" role="tooltip">
-    <div class="arrow" style="top: 4px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-left bs-tooltip-left-docs" role="tooltip">
+    <div class="arrow" style="top: 0px"></div>
     <div class="tooltip-inner">Tooltip on the leftbottom</div>
   </div>
 </div>
diff --git a/src/components/tooltip/_tooltip.scss b/src/components/tooltip/_tooltip.scss
index 3fd98a8c8b6..b4381c2a731 100644
--- a/src/components/tooltip/_tooltip.scss
+++ b/src/components/tooltip/_tooltip.scss
@@ -18,6 +18,17 @@
   &.noninteractive {
     pointer-events: none;
   }
+
+  .arrow {
+    margin: 0 $tooltip-border-radius;
+  }
+
+  &.bs-tooltip-right,
+  &.bs-tooltip-left {
+    .arrow {
+      margin: $tooltip-border-radius 0;
+    }
+  }
 }
 
 // Create custom variants for tooltips
diff --git a/src/directives/popover/README.md b/src/directives/popover/README.md
index 7f584073c2f..242243068f9 100644
--- a/src/directives/popover/README.md
+++ b/src/directives/popover/README.md
@@ -39,24 +39,24 @@ Twelve options are available for positioning: `top`, `topleft`, `topright`, `rig
 Positioning is relative to the trigger element.
 
 <div class="bd-example bd-example-popover-static">
-  <div class="popover bs-popover-top bs-popover-top-docs">
-    <div class="arrow" style="left: calc(50% - 6px)"></div>
+  <div class="popover b-popover bs-popover-top bs-popover-top-docs">
+    <div class="arrow" style="left: calc(50% - 8px)"></div>
     <h3 class="popover-header">Popover top</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-top bs-popover-top-docs">
-    <div class="arrow" style="right: 6px"></div>
+  <div class="popover b-popover bs-popover-top bs-popover-top-docs">
+    <div class="arrow" style="right: 0px"></div>
     <h3 class="popover-header">Popover topleft</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-top bs-popover-top-docs">
-    <div class="arrow" style="left: 6px"></div>
+  <div class="popover b-popover bs-popover-top bs-popover-top-docs">
+    <div class="arrow" style="left: 0px"></div>
     <h3 class="popover-header">Popover topright</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
@@ -64,24 +64,24 @@ Positioning is relative to the trigger element.
     </div>
   </div>
 
-  <div class="popover bs-popover-right bs-popover-right-docs">
-    <div class="arrow" style="top: calc(50% - 8px)"></div>
+  <div class="popover b-popover bs-popover-right bs-popover-right-docs">
+    <div class="arrow" style="top: calc(50% - 4px)"></div>
     <h3 class="popover-header">Popover right</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-right bs-popover-right-docs">
-    <div class="arrow" style="bottom: 4px"></div>
+  <div class="popover b-popover bs-popover-right bs-popover-right-docs">
+    <div class="arrow" style="bottom: 0px"></div>
     <h3 class="popover-header">Popover righttop</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-right bs-popover-right-docs">
-    <div class="arrow" style="top: 4px"></div>
+  <div class="popover b-popover bs-popover-right bs-popover-right-docs">
+    <div class="arrow" style="top: 0px"></div>
     <h3 class="popover-header">Popover rightbottom</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
@@ -89,24 +89,24 @@ Positioning is relative to the trigger element.
     </div>
   </div>
 
-  <div class="popover bs-popover-bottom bs-popover-bottom-docs">
-    <div class="arrow" style="left: calc(50% - 6px)"></div>
+  <div class="popover b-popover bs-popover-bottom bs-popover-bottom-docs">
+    <div class="arrow" style="left: calc(50% - 8px)"></div>
     <h3 class="popover-header">Popover bottom</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-bottom bs-popover-bottom-docs">
-    <div class="arrow" style="right: 6px"></div>
+  <div class="popover b-popover bs-popover-bottom bs-popover-bottom-docs">
+    <div class="arrow" style="right: 0px"></div>
     <h3 class="popover-header">Popover bottomleft</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-bottom bs-popover-bottom-docs">
-    <div class="arrow" style="left: 6px"></div>
+  <div class="popover b-popover bs-popover-bottom bs-popover-bottom-docs">
+    <div class="arrow" style="left: 0px"></div>
     <h3 class="popover-header">Popover bottomright</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
@@ -114,24 +114,24 @@ Positioning is relative to the trigger element.
     </div>
   </div>
 
-  <div class="popover bs-popover-left bs-popover-left-docs">
-    <div class="arrow" style="top: calc(50% - 8px)"></div>
+  <div class="popover b-popover bs-popover-left bs-popover-left-docs">
+    <div class="arrow" style="top: calc(50% - 4px)"></div>
     <h3 class="popover-header">Popover left</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-left bs-popover-left-docs">
-    <div class="arrow" style="bottom: 4px"></div>
+  <div class="popover b-popover bs-popover-left bs-popover-left-docs">
+    <div class="arrow" style="bottom: 0px"></div>
     <h3 class="popover-header">Popover lefttop</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
       quam venenatis vestibulum.
     </div>
   </div>
-  <div class="popover bs-popover-left bs-popover-left-docs">
-    <div class="arrow" style="top: 4px"></div>
+  <div class="popover b-popover bs-popover-left bs-popover-left-docs">
+    <div class="arrow" style="top: 0px"></div>
     <h3 class="popover-header">Popover leftbottom</h3>
     <div class="popover-body">
       Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia
diff --git a/src/directives/tooltip/README.md b/src/directives/tooltip/README.md
index 801b6ecf5ce..34b5f5b85a7 100644
--- a/src/directives/tooltip/README.md
+++ b/src/directives/tooltip/README.md
@@ -36,52 +36,52 @@ Twelve options are available for positioning: `top`, `topleft`, `topright`, `rig
 The default position is `top`. Positioning is relative to the trigger element.
 
 <div class="bd-example bd-example-tooltip-static">
-  <div class="tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
+  <div class="tooltip b-tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
     <div class="arrow" style="left: calc(50% - 6px)"></div>
     <div class="tooltip-inner">Tooltip on the top</div>
   </div>
-  <div class="tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
-    <div class="arrow" style="right: 6px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
+    <div class="arrow" style="right: 0px"></div>
     <div class="tooltip-inner">Tooltip on the topleft</div>
   </div>
-  <div class="tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
-    <div class="arrow" style="left: 6px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-top bs-tooltip-top-docs" role="tooltip">
+    <div class="arrow" style="left: 0px"></div>
     <div class="tooltip-inner">Tooltip on the topright</div>
   </div>
-  <div class="tooltip bs-tooltip-right bs-tooltip-right-docs" role="tooltip">
-    <div class="arrow" style="top: calc(50% - 5px)"></div>
+  <div class="tooltip b-tooltip bs-tooltip-right bs-tooltip-right-docs" role="tooltip">
+    <div class="arrow" style="top: 5px"></div>
     <div class="tooltip-inner">Tooltip on the right</div>
   </div>
-  <div class="tooltip bs-tooltip-right bs-tooltip-right-docs" role="tooltip">
-    <div class="arrow" style="bottom: 4px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-right bs-tooltip-right-docs" role="tooltip">
+    <div class="arrow" style="bottom: 0px"></div>
     <div class="tooltip-inner">Tooltip on the righttop</div>
   </div>
-  <div class="tooltip bs-tooltip-right bs-tooltip-right-docs" role="tooltip">
-    <div class="arrow" style="top: 4px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-right bs-tooltip-right-docs" role="tooltip">
+    <div class="arrow" style="top: 0px"></div>
     <div class="tooltip-inner">Tooltip on the rightbottom</div>
   </div>
-  <div class="tooltip bs-tooltip-bottom bs-tooltip-bottom-docs" role="tooltip">
+  <div class="tooltip b-tooltip bs-tooltip-bottom bs-tooltip-bottom-docs" role="tooltip">
     <div class="arrow" style="left: calc(50% - 6px)"></div>
     <div class="tooltip-inner">Tooltip on the bottom</div>
   </div>
-  <div class="tooltip bs-tooltip-bottom bs-tooltip-bottom-docs" role="tooltip">
-    <div class="arrow" style="right: 6px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-bottom bs-tooltip-bottom-docs" role="tooltip">
+    <div class="arrow" style="right: 0px"></div>
     <div class="tooltip-inner">Tooltip on the bottomleft</div>
   </div>
-  <div class="tooltip bs-tooltip-bottom bs-tooltip-bottom-docs" role="tooltip">
-    <div class="arrow" style="left: 6px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-bottom bs-tooltip-bottom-docs" role="tooltip">
+    <div class="arrow" style="left: 0px"></div>
     <div class="tooltip-inner">Tooltip on the bottomright</div>
   </div>
-  <div class="tooltip bs-tooltip-left bs-tooltip-left-docs" role="tooltip">
-    <div class="arrow" style="top: calc(50% - 5px)"></div>
+  <div class="tooltip b-tooltip bs-tooltip-left bs-tooltip-left-docs" role="tooltip">
+    <div class="arrow" style="top: 5px"></div>
     <div class="tooltip-inner">Tooltip on the left</div>
   </div>
-  <div class="tooltip bs-tooltip-left bs-tooltip-left-docs" role="tooltip">
-    <div class="arrow" style="bottom: 4px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-left bs-tooltip-left-docs" role="tooltip">
+    <div class="arrow" style="bottom: 0px"></div>
     <div class="tooltip-inner">Tooltip on the lefttop</div>
   </div>
-  <div class="tooltip bs-tooltip-left bs-tooltip-left-docs" role="tooltip">
-    <div class="arrow" style="top: 4px"></div>
+  <div class="tooltip b-tooltip bs-tooltip-left bs-tooltip-left-docs" role="tooltip">
+    <div class="arrow" style="top: 0px"></div>
     <div class="tooltip-inner">Tooltip on the leftbottom</div>
   </div>
 </div>

From ca8d13634a42bf7fcddc722f9dff00f48de9a290 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jacob=20M=C3=BCller?= <jacob.mueller.elz@gmail.com>
Date: Thu, 6 Feb 2020 09:59:49 +0100
Subject: [PATCH 04/12] docs(homepage): show sponsors on homepage (#4729)

* feat(docs): show sponsors on homepage

* Update sponsors-backers-donors.vue

* Update sponsors-backers-donors.vue

* move become a sponsor button first

* Improve contributors request handling and code reuse

* Correct docs component names

* Update contributors.vue

* Update README.md

* Added .github/ISSUE_TEMPLATE.md (optional)

* Updated .github/PULL_REQUEST_TEMPLATE.md (optional)

* Revert "Added .github/ISSUE_TEMPLATE.md (optional)"

This reverts commit 3649611de56dd054053b4f55f1398e87ce3d19dd.

* Revert "Updated .github/PULL_REQUEST_TEMPLATE.md (optional)"

This reverts commit bb150f73eade596a12c2581ab4eb3ae51c3d796c.

Co-authored-by: Troy Morehouse <troymore@nbnet.nb.ca>
---
 README.md                                 |   2 +-
 docs/components/anchored-heading.js       |   2 +-
 docs/components/backers-donors.vue        | 169 --------------
 docs/components/componentdoc.vue          |   2 +-
 docs/components/contributors-container.js | 111 +++++++++
 docs/components/contributors.vue          | 269 ++++++++++++++++++++++
 docs/components/doc-breadcrumbs.vue       |   2 +-
 docs/components/feedback.js               |   2 +-
 docs/components/importdoc.vue             |   2 +-
 docs/components/main.js                   |   2 +-
 docs/components/quick-links.vue           |   2 +-
 docs/components/search.vue                |   2 +-
 docs/components/section.js                |   2 +-
 docs/components/sidebar.vue               |   2 +-
 docs/components/toc.vue                   |   2 +-
 docs/pages/index.vue                      |  16 +-
 16 files changed, 400 insertions(+), 189 deletions(-)
 delete mode 100644 docs/components/backers-donors.vue
 create mode 100644 docs/components/contributors-container.js
 create mode 100644 docs/components/contributors.vue

diff --git a/README.md b/README.md
index 6f37e4fe336..42076960205 100644
--- a/README.md
+++ b/README.md
@@ -7,7 +7,7 @@
 
 <p align="center">
   BootstrapVue, with over 40 available plugins, more than 80 custom components, and over 300 icons,
-  provides one of the most comprehensive implementations of the Bootstrap v4.3 component and grid
+  provides one of the most comprehensive implementations of the Bootstrap v4 component and grid
   system for Vue.js, complete with extensive and automated WAI-ARIA accessibility markup.
 </p>
 <br>
diff --git a/docs/components/anchored-heading.js b/docs/components/anchored-heading.js
index be467ae0348..b997101f033 100644
--- a/docs/components/anchored-heading.js
+++ b/docs/components/anchored-heading.js
@@ -1,7 +1,7 @@
 import { mergeData } from 'vue-functional-data-merge'
 
 export default {
-  name: 'BDVAnchoredHeading',
+  name: 'BVDAnchoredHeading',
   functional: true,
   props: {
     id: {
diff --git a/docs/components/backers-donors.vue b/docs/components/backers-donors.vue
deleted file mode 100644
index 5c0861c8470..00000000000
--- a/docs/components/backers-donors.vue
+++ /dev/null
@@ -1,169 +0,0 @@
-<template>
-  <div>
-    <template v-if="backers.length > 0">
-      <h3 class="h5 mx-auto mt-3 text-muted">Backers</h3>
-      <div class="backer-container d-flex flex-wrap mx-n2 text-center justify-content-center font-weight-bold">
-        <div v-for="backer in backers" :key="backer.slug" class="m-2 position-relative">
-          <div class="backer img-thumbnail bg-light mx-auto d-flex align-items-center justify-content-center overflow-hidden">
-            <b-img-lazy :src="backer.imageUrl" fluid block alt="Backer image"></b-img-lazy>
-          </div>
-          <p class="backer-name small mb-0 pt-2">
-            <b-link
-              v-if="backer.website"
-              :href="backer.website"
-              target="_blank"
-              class="stretched-link text-reset"
-            >
-              {{ backer.name }}
-            </b-link>
-            <template v-else>
-              {{ backer.name }}
-            </template>
-          </p>
-        </div>
-      </div>
-    </template>
-
-    <template v-if="donors.length > 0">
-      <h3 class="h5 mx-auto mt-3 text-muted">Donors</h3>
-      <div class="donor-container d-flex flex-wrap mx-n1 text-center justify-content-center">
-        <div v-for="donor in donors" :key="donor.slug" class="m-1 position-relative">
-          <div class="donor img-thumbnail d-flex align-items-center justify-content-center overflow-hidden">
-            <b-link
-              v-if="donor.website"
-              :href="donor.website"
-              :title="donor.name"
-              target="_blank"
-              class="stretched-link"
-            >
-              <b-img-lazy :src="donor.imageUrl" fluid block alt="Donor image"></b-img-lazy>
-            </b-link>
-            <b-img-lazy
-              v-else
-              :src="donor.imageUrl"
-              :title="donor.name"
-              alt="Donor image"
-              fluid
-              block
-            ></b-img-lazy>
-          </div>
-        </div>
-      </div>
-    </template>
-  </div>
-</template>
-
-<style scoped>
-.backer {
-  width: 80px;
-  height: 80px;
-}
-
-.backer-name {
-  width: 80px;
-}
-
-.donor {
-  width: 55px;
-  height: 55px;
-}
-</style>
-
-<script>
-const baseURL = 'https://rest.opencollective.com/v2/bootstrap-vue/orders/incoming/'
-
-export default {
-  data() {
-    return {
-      backers: [],
-      donors: []
-    }
-  },
-  mounted() {
-    // Backers are people/organizations with recurring (active) donations
-    this.requestOC(this.processBackers.bind(this), 'active')
-    // Donors are people/organizations with one-time (paid) donations
-    this.requestOC(this.processDonors.bind(this), 'paid')
-  },
-  methods: {
-    requestOC(cb, type = 'active') {
-      // Do the async request (we limit to the most recent 50 entries)
-      const ocURL = `${baseURL}${type}?limit=50`
-      const xhr = new XMLHttpRequest()
-
-      const onLoad = () => {
-        if (xhr.readyState !== 4) {
-          return
-        }
-        if (xhr.status === 200) {
-          const response = JSON.parse(xhr.responseText) || {}
-          cb(this.processOcNodes(response.nodes || []), null)
-        } else {
-          // We just return an empty node list rather than spew an error
-          // eslint-disable-next-line standard/no-callback-literal
-          cb([], xhr.statusText)
-        }
-      }
-
-      xhr.open('GET', ocURL, true)
-      xhr.addEventListener('load', onLoad)
-      // Initiate the request
-      xhr.send()
-    },
-    processOcNodes(nodes = []) {
-      return nodes.map(entry => {
-        return {
-          slug: entry.fromAccount.slug,
-          name: entry.fromAccount.name,
-          type: entry.fromAccount.type,
-          imageUrl: entry.fromAccount.imageUrl,
-          website: entry.fromAccount.website,
-          status: entry.status,
-          // For recurring donations, this is the installment amount
-          // For one time donations, this is the donation amount  (most recent)
-          amount: entry.amount.value,
-          // For recurring donations, this is the total amount donated
-          // For users that donate multiple times, this will be the total of all one time donations
-          totalAmount: entry.totalDonations.value,
-          // For recurring donations, this is how often the donation is received
-          frequency: entry.frequency,
-          // We now have sponsor tiers, but some appear as
-          // `null` (they were made before the tiers were created)
-          tier: (entry.tier || {}).slug,
-          date: new Date(entry.createdAt)
-        }
-      })
-    },
-    sortCompare(a = {}, b = {}) {
-      // Sort first by amount, then by date
-      return (b.totalAmount || 0) - (a.totalAmount || 0) || (b.date || 0) - (a.date || 0)
-    },
-    processBackers(backers = []) {
-      // Backers are provided in reverse chronological order
-      // so we sort by larger amount first, then by date
-      // Limit to top 16 backers
-      this.backers = backers
-        .filter(backer => backer.status === 'ACTIVE')
-        .sort(this.sortCompare)
-        .slice(0, 16)
-    },
-    processDonors(donors = []) {
-      // Donors are provided in reverse chronological order,
-      // but donors can be listed more than once (for each individual donation),
-      // although the totalDonations is the same on each entry.
-      // We sort by larger amount first, then by date
-      // Limit to top 25 most recent donors
-      this.donors = donors
-        .filter(donor => donor.status === 'PAID')
-        .reduce((arr, donor) => {
-          if (arr.map(d => d.slug).indexOf(donor.slug) === -1) {
-            arr.push(donor)
-          }
-          return arr
-        }, [])
-        .sort(this.sortCompare)
-        .slice(0, 34)
-    }
-  }
-}
-</script>
diff --git a/docs/components/componentdoc.vue b/docs/components/componentdoc.vue
index c797ddd24b9..b030e7dc4c9 100644
--- a/docs/components/componentdoc.vue
+++ b/docs/components/componentdoc.vue
@@ -323,7 +323,7 @@ import { kebabCase } from '../utils'
 import AnchoredHeading from './anchored-heading'
 
 export default {
-  name: 'BDVComponentdoc',
+  name: 'BVDComponentdoc',
   components: { AnchoredHeading },
   props: {
     component: {},
diff --git a/docs/components/contributors-container.js b/docs/components/contributors-container.js
new file mode 100644
index 00000000000..ca1112c2614
--- /dev/null
+++ b/docs/components/contributors-container.js
@@ -0,0 +1,111 @@
+import { mergeData } from 'vue-functional-data-merge'
+
+const CLASS_NAME = 'contributors-container'
+const CONTRIBUTOR_CLASS_NAME = 'contributor'
+
+export default {
+  name: 'BVDContributorsContainer',
+  functional: true,
+  props: {
+    type: {
+      type: String,
+      required: true
+    },
+    contributors: {
+      type: Array,
+      default: () => []
+    },
+    showName: {
+      type: Boolean,
+      default: true
+    }
+  },
+  render(h, { props, data }) {
+    const { type, contributors, showName } = props
+
+    if (contributors.length === 0) {
+      return h()
+    }
+
+    const renderContributor = contributor => {
+      const { name, slug, imageUrl, website } = contributor
+
+      const $image = h('b-img-lazy', {
+        props: {
+          src: imageUrl,
+          fluid: true,
+          block: true,
+          alt: 'Contributor image'
+        }
+      })
+
+      const $thumbnail = h(
+        'div',
+        {
+          staticClass: `${CONTRIBUTOR_CLASS_NAME}-thumbnail`,
+          class: [
+            'img-thumbnail',
+            'd-flex',
+            'flex-wrap',
+            'align-items-center',
+            'justify-content-center',
+            'overflow-hidden'
+          ]
+        },
+        [$image]
+      )
+
+      let $name = h()
+      if (showName) {
+        $name = h(
+          'div',
+          {
+            staticClass: `${CONTRIBUTOR_CLASS_NAME}-name`,
+            class: ['small', 'mb-0 ', 'pt-2', 'text-break']
+          },
+          [name]
+        )
+      }
+
+      // When contributor has a website, wrap the content in a link
+      let $content = [$thumbnail, $name]
+      if (website) {
+        $content = h(
+          'b-link',
+          {
+            class: ['text-reset'],
+            props: { href: website, target: '_blank' }
+          },
+          [$content]
+        )
+      }
+
+      return h(
+        'div',
+        {
+          staticClass: CONTRIBUTOR_CLASS_NAME,
+          class: ['m-1', 'position-relative'],
+          key: slug
+        },
+        [$content]
+      )
+    }
+
+    return h(
+      'div',
+      mergeData(data, {
+        staticClass: CLASS_NAME,
+        class: [
+          type,
+          'd-flex',
+          'flex-wrap',
+          'mx-n2',
+          'text-center',
+          'justify-content-center',
+          'font-weight-bold'
+        ]
+      }),
+      contributors.map(contributor => renderContributor(contributor))
+    )
+  }
+}
diff --git a/docs/components/contributors.vue b/docs/components/contributors.vue
new file mode 100644
index 00000000000..f89973f8636
--- /dev/null
+++ b/docs/components/contributors.vue
@@ -0,0 +1,269 @@
+<template>
+  <div v-b-visible.once.1000="visibleHandler">
+    <!-- SPONSORS -->
+    <template v-if="sponsors.length > 0">
+      <h3 class="h4 mx-auto mt-4 text-muted">Sponsors</h3>
+
+      <!-- PLATINUM SPONSORS -->
+      <template v-if="platinumSponsors.length > 0">
+        <h4 class="h5 mx-auto mt-3 text-muted">Platinum Sponsors</h4>
+        <BVDContributorsContainer
+          type="platinum-sponsors"
+          :contributors="platinumSponsors"
+        ></BVDContributorsContainer>
+      </template>
+
+      <!-- GOLD SPONSORS -->
+      <template v-if="goldSponsors.length > 0">
+        <h4 class="h5 mx-auto mt-3 text-muted">Gold Sponsors</h4>
+        <BVDContributorsContainer
+          type="gold-sponsors"
+          :contributors="goldSponsors"
+        ></BVDContributorsContainer>
+      </template>
+
+      <!-- SILVER SPONSORS -->
+      <template v-if="silverSponsors.length > 0">
+        <h4 class="h5 mx-auto mt-3 text-muted">Silver Sponsors</h4>
+        <BVDContributorsContainer
+          type="silver-sponsors"
+          :contributors="silverSponsors"
+        ></BVDContributorsContainer>
+      </template>
+
+      <!-- BRONZE SPONSORS -->
+      <template v-if="bronzeSponsors.length > 0">
+        <h4 class="h5 mx-auto mt-3 text-muted">Bronze Sponsors</h4>
+        <BVDContributorsContainer
+          type="bronze-sponsors"
+          :contributors="bronzeSponsors"
+        ></BVDContributorsContainer>
+      </template>
+    </template>
+
+    <!-- BACKERS -->
+    <template v-if="backers.length > 0">
+      <h3 class="h4 mx-auto mt-4 text-muted">Backers</h3>
+      <BVDContributorsContainer
+        type="backers"
+        :contributors="backers"
+      ></BVDContributorsContainer>
+    </template>
+
+    <!-- DONORS -->
+    <template v-if="donors.length > 0">
+      <h3 class="h4 mx-auto mt-4 text-muted">Donors</h3>
+      <BVDContributorsContainer
+        type="donors"
+        :contributors="donors"
+        :show-name="false"
+      ></BVDContributorsContainer>
+    </template>
+  </div>
+</template>
+
+<style lang="scss" scoped>
+.contributor {
+  width: 55px;
+
+  .contributor-thumbnail {
+    width: 100%;
+    height: 55px;
+  }
+
+  .backers & {
+    width: 80px;
+
+    .contributor-thumbnail {
+      height: 80px;
+    }
+  }
+
+  .bronze-sponsors & {
+    width: 90px;
+
+    .contributor-thumbnail {
+      height: 90px;
+    }
+  }
+
+  .silver-sponsors & {
+    width: 100px;
+
+    .contributor-thumbnail {
+      height: 100px;
+    }
+  }
+
+  .gold-sponsors & {
+    width: 120px;
+
+    .contributor-thumbnail {
+      height: 120px;
+    }
+  }
+
+  .platinum-sponsors & {
+    width: 140px;
+
+    .contributor-thumbnail {
+      height: 140px;
+    }
+  }
+}
+</style>
+
+<script>
+import BVDContributorsContainer from '~/components/contributors-container'
+
+const OC_BASE_URL = 'https://rest.opencollective.com/v2/bootstrap-vue/orders/'
+const OC_DEFAULT_PARAMS = { status: 'active', tierSlug: null, limit: 100 }
+
+const MAX_BACKERS = 16
+const MAX_DONORS = 32
+
+export default {
+  name: 'BVDContributors',
+  components: { BVDContributorsContainer },
+  data() {
+    return {
+      platinumSponsors: [],
+      goldSponsors: [],
+      silverSponsors: [],
+      bronzeSponsors: [],
+      backers: [],
+      donors: []
+    }
+  },
+  computed: {
+    sponsors() {
+      return [
+        ...this.platinumSponsors,
+        ...this.goldSponsors,
+        ...this.silverSponsors,
+        ...this.bronzeSponsors
+      ]
+    }
+  },
+  methods: {
+    makeOcRequest(cb, params = {}) {
+      // Merge given params with defaults
+      params = { ...OC_DEFAULT_PARAMS, ...params }
+      // Build the query
+      const query = Object.keys(params).reduce(
+        (query, key) => (params[key] ? `${query}${query ? '&' : ''}${key}=${params[key]}` : query),
+        ''
+      )
+
+      const url = `${OC_BASE_URL}?${query}`
+      const xhr = new XMLHttpRequest()
+
+      const onLoad = () => {
+        if (xhr.readyState !== 4) {
+          return
+        }
+        if (xhr.status === 200) {
+          const response = JSON.parse(xhr.responseText) || {}
+          cb(this.processOcNodes(response.nodes || []), null)
+        } else {
+          // We just return an empty node list rather than spew an error
+          // eslint-disable-next-line standard/no-callback-literal
+          cb([], xhr.statusText)
+        }
+      }
+
+      xhr.open('GET', url, true)
+      xhr.addEventListener('load', onLoad)
+      // Initiate the request
+      xhr.send()
+    },
+    processOcNodes(nodes = []) {
+      return nodes.map(entry => {
+        return {
+          slug: entry.fromAccount.slug,
+          name: entry.fromAccount.name,
+          type: entry.fromAccount.type,
+          imageUrl: entry.fromAccount.imageUrl,
+          website: entry.fromAccount.website,
+          status: entry.status,
+          // For recurring donations, this is the installment amount
+          // For one time donations, this is the donation amount (most recent)
+          amount: entry.amount.value,
+          // For recurring donations, this is the total amount donated
+          // For users that donate multiple times, this will be the total of all one time donations
+          totalAmount: entry.totalDonations.value,
+          // For recurring donations, this is how often the donation is received
+          frequency: entry.frequency,
+          // We now have sponsor tiers, but some appear as
+          // `null` (they were made before the tiers were created)
+          tier: (entry.tier || {}).slug || null,
+          date: new Date(entry.createdAt)
+        }
+      })
+    },
+    sortCompare(a = {}, b = {}) {
+      // Sort first by amount, then by date
+      return (b.totalAmount || 0) - (a.totalAmount || 0) || (b.date || 0) - (a.date || 0)
+    },
+    processPlatinumSponsors(platinumSponsors = []) {
+      // Platinum sponsors are provided in reverse chronological order
+      // so we sort by larger amount first, then by date
+      this.platinumSponsors = platinumSponsors.sort(this.sortCompare)
+    },
+    processGoldSponsors(goldSponsors = []) {
+      // Gold sponsors are provided in reverse chronological order
+      // so we sort by larger amount first, then by date
+      this.goldSponsors = goldSponsors.sort(this.sortCompare)
+    },
+    processSilverSponsors(silverSponsors = []) {
+      // Silver sponsors are provided in reverse chronological order
+      // so we sort by larger amount first, then by date
+      this.silverSponsors = silverSponsors.sort(this.sortCompare)
+    },
+    processBronzeSponsors(bronzeSponsors = []) {
+      // Bronze sponsors are provided in reverse chronological order
+      // so we sort by larger amount first, then by date
+      this.bronzeSponsors = bronzeSponsors.sort(this.sortCompare)
+    },
+    processBackers(backers = []) {
+      // Backers are provided in reverse chronological order
+      // so we sort by larger amount first, then by date
+      // Limit to top 16 backers
+      this.backers = backers.sort(this.sortCompare).slice(0, MAX_BACKERS)
+    },
+    processDonors(donors = []) {
+      // Donors are provided in reverse chronological order,
+      // but donors can be listed more than once (for each individual donation),
+      // although the `totalDonations` is the same on each entry
+      // We sort by larger amount first, then by date
+      // Limit to top 32 most recent donors
+      this.donors = donors
+        .reduce((results, donor) => {
+          if (results.map(d => d.slug).indexOf(donor.slug) === -1) {
+            results.push(donor)
+          }
+          return results
+        }, [])
+        .sort(this.sortCompare)
+        .slice(0, MAX_DONORS)
+    },
+    visibleHandler(visible) {
+      if (!visible) {
+        return
+      }
+      // Platinum sponors are people/organizations with a recurring (active) platinum sponorship
+      this.makeOcRequest(this.processPlatinumSponsors.bind(this), { tierSlug: 'platinum-sponsors' })
+      // Gold sponors are people/organizations with a recurring (active) gold sponorship
+      this.makeOcRequest(this.processGoldSponsors.bind(this), { tierSlug: 'gold-sponsors' })
+      // Silver sponors are people/organizations with a recurring (active) silver sponorship
+      this.makeOcRequest(this.processSilverSponsors.bind(this), { tierSlug: 'silver-sponsors' })
+      // Bronze sponors are people/organizations with a recurring (active) bronze sponorship
+      this.makeOcRequest(this.processBronzeSponsors.bind(this), { tierSlug: 'bronze-sponsors' })
+      // Backers are people/organizations with recurring (active) donations
+      this.makeOcRequest(this.processBackers.bind(this), { tierSlug: 'backers' })
+      // Donors are people/organizations with one-time (paid) donations
+      this.makeOcRequest(this.processDonors.bind(this), { status: 'paid' })
+    }
+  }
+}
+</script>
diff --git a/docs/components/doc-breadcrumbs.vue b/docs/components/doc-breadcrumbs.vue
index 1a75457936b..92b2c802624 100644
--- a/docs/components/doc-breadcrumbs.vue
+++ b/docs/components/doc-breadcrumbs.vue
@@ -22,7 +22,7 @@ const navLookup = nav.reduce((obj, section) => {
 }, {})
 
 export default {
-  name: 'BDVBreadcrumbs',
+  name: 'BVDBreadcrumbs',
   computed: {
     items() {
       const items = [{ text: 'Home', to: '/' }, { text: 'Docs', to: '/docs' }]
diff --git a/docs/components/feedback.js b/docs/components/feedback.js
index afc734bbcd5..260ad486ddd 100644
--- a/docs/components/feedback.js
+++ b/docs/components/feedback.js
@@ -1,5 +1,5 @@
 export default {
-  name: 'BDVFeedback',
+  name: 'BVDFeedback',
   data() {
     return {
       baseUrl: 'https://github.com/bootstrap-vue/bootstrap-vue'
diff --git a/docs/components/importdoc.vue b/docs/components/importdoc.vue
index 19f1185e03b..4fbe7cdf981 100644
--- a/docs/components/importdoc.vue
+++ b/docs/components/importdoc.vue
@@ -126,7 +126,7 @@ import AnchoredHeading from './anchored-heading'
 const importPath = 'bootstrap-vue'
 
 export default {
-  name: 'BDVImportdoc',
+  name: 'BVDImportdoc',
   components: { AnchoredHeading },
   props: {
     meta: {}
diff --git a/docs/components/main.js b/docs/components/main.js
index 9f86ebfbc51..98ab61868b1 100644
--- a/docs/components/main.js
+++ b/docs/components/main.js
@@ -1,7 +1,7 @@
 import { mergeData } from 'vue-functional-data-merge'
 
 export default {
-  name: 'BDVMain',
+  name: 'BVDMain',
   functional: true,
   props: {
     tag: {
diff --git a/docs/components/quick-links.vue b/docs/components/quick-links.vue
index 4970b33e3c2..d4e47274b24 100644
--- a/docs/components/quick-links.vue
+++ b/docs/components/quick-links.vue
@@ -52,7 +52,7 @@
 import { offsetTop, scrollTo } from '~/utils'
 
 export default {
-  name: 'BDVQuickToc',
+  name: 'BVDQuickToc',
   data() {
     return {
       toc: {},
diff --git a/docs/components/search.vue b/docs/components/search.vue
index e1d468e78e9..d901686893a 100644
--- a/docs/components/search.vue
+++ b/docs/components/search.vue
@@ -20,7 +20,7 @@ import { relativeUrl } from '../utils'
 let scriptsInjected = false
 
 export default {
-  name: 'BDVSearch',
+  name: 'BVDSearch',
   data() {
     return {
       docsearch: null
diff --git a/docs/components/section.js b/docs/components/section.js
index cc60689cdfb..5211ec8ac63 100644
--- a/docs/components/section.js
+++ b/docs/components/section.js
@@ -59,7 +59,7 @@ const linkToRouter = evt => {
 }
 
 export default {
-  name: 'BDVSection',
+  name: 'BVDSection',
   functional: true,
   props: {
     tag: {
diff --git a/docs/components/sidebar.vue b/docs/components/sidebar.vue
index e0502c9de8d..9c9be200a60 100644
--- a/docs/components/sidebar.vue
+++ b/docs/components/sidebar.vue
@@ -60,7 +60,7 @@
 import { nav } from '~/content'
 
 export default {
-  name: 'BDVSidebar',
+  name: 'BVDSidebar',
   data() {
     return { nav }
   },
diff --git a/docs/components/toc.vue b/docs/components/toc.vue
index 604d2383d91..5a251c19686 100644
--- a/docs/components/toc.vue
+++ b/docs/components/toc.vue
@@ -49,7 +49,7 @@
 import { offsetTop, scrollTo } from '~/utils'
 
 export default {
-  name: 'BDVToc',
+  name: 'BVDToc',
   data() {
     return {
       toc: {},
diff --git a/docs/pages/index.vue b/docs/pages/index.vue
index 38c5b29bd95..8ce4b439f1b 100644
--- a/docs/pages/index.vue
+++ b/docs/pages/index.vue
@@ -384,22 +384,22 @@
           Support BootstrapVue on Open Collective
         </h2>
         <b-button
-          href="https://opencollective.com/bootstrap-vue#backer"
+          href="https://opencollective.com/bootstrap-vue#sponsor"
           size="sm"
           variant="outline-secondary"
           target="_blank"
           class="mb-2"
         >
-          Become a backer
+          Become a sponsor
         </b-button>
         <b-button
-          href="https://opencollective.com/bootstrap-vue#sponsor"
+          href="https://opencollective.com/bootstrap-vue#backer"
           size="sm"
           variant="outline-secondary"
           target="_blank"
           class="mb-2"
         >
-          Become a sponsor
+          Become a backer
         </b-button>
         <b-button
           href="https://opencollective.com/bootstrap-vue#donate"
@@ -411,12 +411,12 @@
           Donate
         </b-button>
 
-        <BackersDonors></BackersDonors>
+        <BVDContributors></BVDContributors>
       </b-container>
     </section>
 
     <div class="bv-section bv-gray bv-p-reset" aria-hidden="true">
-      <!-- to give footer on landing page angled top -->
+      <!-- To give footer on landing page angled top -->
     </div>
   </main>
 </template>
@@ -663,10 +663,10 @@ $bv-angle-padding-md: 6rem;
 
 <script>
 import { version, bootstrapVersion, vueVersion } from '~/content'
-import BackersDonors from '~/components/backers-donors'
+import BVDContributors from '~/components/contributors'
 
 export default {
-  components: { BackersDonors },
+  components: { BVDContributors },
   data() {
     return {
       isIE: false,

From dce12af2a33a7652ccc429b3ce8a9469807c86ed Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Fri, 7 Feb 2020 12:47:24 -0400
Subject: [PATCH 05/12] chore(deps): update devdependency codecov to ^3.6.5
 (#4735)

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
---
 package.json |  2 +-
 yarn.lock    | 14 ++++----------
 2 files changed, 5 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index d2fb2d1b8de..ba4a5774d69 100644
--- a/package.json
+++ b/package.json
@@ -112,7 +112,7 @@
     "babel-plugin-istanbul": "^6.0.0",
     "bootstrap-icons": "^1.0.0-alpha2",
     "clean-css-cli": "^4.3.0",
-    "codecov": "^3.6.4",
+    "codecov": "^3.6.5",
     "codemirror": "^5.51.0",
     "codesandbox": "^2.1.11",
     "core-js": ">=2.6.5 <3.0.0",
diff --git a/yarn.lock b/yarn.lock
index 70d41b5e408..e6485425758 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3973,17 +3973,16 @@ code-point-at@^1.0.0:
   resolved "https://registry.yarnpkg.com/code-point-at/-/code-point-at-1.1.0.tgz#0d070b4d043a5bea33a2f1a40e2edb3d9a4ccf77"
   integrity sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=
 
-codecov@^3.6.4:
-  version "3.6.4"
-  resolved "https://registry.yarnpkg.com/codecov/-/codecov-3.6.4.tgz#c993a58704ad5f15dcdd6aa3c3af22070c69eb18"
-  integrity sha512-R9zEcTR5/IDLepdGUHAkRMZOIKhBE1NRGS1N2H96zhBOskhdW9Q22GtYYyecbZL1aheU00D2F21nNBGRISui0A==
+codecov@^3.6.5:
+  version "3.6.5"
+  resolved "https://registry.yarnpkg.com/codecov/-/codecov-3.6.5.tgz#d73ce62e8a021f5249f54b073e6f2d6a513f172a"
+  integrity sha512-v48WuDMUug6JXwmmfsMzhCHRnhUf8O3duqXvltaYJKrO1OekZWpB/eH6iIoaxMl8Qli0+u3OxptdsBOYiD7VAQ==
   dependencies:
     argv "0.0.2"
     ignore-walk "3.0.3"
     js-yaml "3.13.1"
     teeny-request "6.0.1"
     urlgrey "0.4.4"
-    validator "12.2.0"
 
 codemirror@^5.51.0:
   version "5.51.0"
@@ -13508,11 +13507,6 @@ validate-npm-package-name@^3.0.0:
   dependencies:
     builtins "^1.0.3"
 
-validator@12.2.0:
-  version "12.2.0"
-  resolved "https://registry.yarnpkg.com/validator/-/validator-12.2.0.tgz#660d47e96267033fd070096c3b1a6f2db4380a0a"
-  integrity sha512-jJfE/DW6tIK1Ek8nCfNFqt8Wb3nzMoAbocBF6/Icgg1ZFSBpObdnwVY2jQj6qUqzhx5jc71fpvBWyLGO7Xl+nQ==
-
 vary@^1.1.2, vary@~1.1.2:
   version "1.1.2"
   resolved "https://registry.yarnpkg.com/vary/-/vary-1.1.2.tgz#2299f02c6ded30d4a5961b0b9f74524a18f634fc"

From a6e7f761ce3207c4ceaef7f93e7afba095681a8f Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Fri, 7 Feb 2020 17:23:55 -0400
Subject: [PATCH 06/12] chore(deps): update devdependency eslint-plugin-jest to
 ^23.7.0 (#4738)

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
---
 package.json | 2 +-
 yarn.lock    | 9 ++++-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index ba4a5774d69..89030036814 100644
--- a/package.json
+++ b/package.json
@@ -122,7 +122,7 @@
     "eslint-config-standard": "^14.1.0",
     "eslint-config-vue": "^2.0.2",
     "eslint-plugin-import": "^2.20.1",
-    "eslint-plugin-jest": "^23.6.0",
+    "eslint-plugin-jest": "^23.7.0",
     "eslint-plugin-markdown": "^1.0.1",
     "eslint-plugin-node": "^11.0.0",
     "eslint-plugin-prettier": "^3.1.2",
diff --git a/yarn.lock b/yarn.lock
index e6485425758..8a6b991b813 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5535,13 +5535,12 @@ eslint-plugin-import@^2.20.1:
     read-pkg-up "^2.0.0"
     resolve "^1.12.0"
 
-eslint-plugin-jest@^23.6.0:
-  version "23.6.0"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-23.6.0.tgz#508b32f80d44058c8c01257c0ee718cfbd521e9d"
-  integrity sha512-GH8AhcFXspOLqak7fqnddLXEJsrFyvgO8Bm60SexvKSn1+3rWYESnCiWUOCUcBTprNSDSE4CtAZdM4EyV6gPPw==
+eslint-plugin-jest@^23.7.0:
+  version "23.7.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-jest/-/eslint-plugin-jest-23.7.0.tgz#84d5603b6e745b59898cb6750df6a44782a39b04"
+  integrity sha512-zkiyGlvJeHNjAEz8FaIxTXNblJJ/zj3waNbYbgflK7K6uy0cpE5zJBt/JpJtOBGM/UGkC6BqsQ4n0y7kQ2HA8w==
   dependencies:
     "@typescript-eslint/experimental-utils" "^2.5.0"
-    micromatch "^4.0.2"
 
 eslint-plugin-markdown@^1.0.1:
   version "1.0.1"

From 623687a724d907bb21184fe8f71453f391e06935 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Sat, 8 Feb 2020 10:17:54 -0400
Subject: [PATCH 07/12] chore(readme): comment out package quality link as it
 is broken (#4740)

It appears that packagequality.com is down or dead... so commenting out for now on main repo README.md
---
 README.md | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/README.md b/README.md
index 42076960205..5b741a66267 100644
--- a/README.md
+++ b/README.md
@@ -32,9 +32,12 @@
   <a href="https://codecov.io/gh/bootstrap-vue/bootstrap-vue">
     <img src="https://flat.badgen.net/codecov/c/github/bootstrap-vue/bootstrap-vue" alt="Coverage">
   </a>
+  <!-- packagequality.com appears to be down or dead -->
+  <!--
   <a href="http://packagequality.com/#?package=bootstrap-vue">
     <img src="https://npm.packagequality.com/shield/bootstrap-vue.svg?style=flat-square" alt="Package quality">
   </a>
+  -->
   <a href="https://www.npmjs.com/package/bootstrap-vue">
     <img src="https://flat.badgen.net/npm/dt/bootstrap-vue" alt="npm downloads">
   </a>

From 166a932fb11fa552714aba7df67992e1265b9047 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Sat, 8 Feb 2020 10:25:44 -0400
Subject: [PATCH 08/12] fix(b-form-input, b-form-textarea): handle change event
 for all mobile device keyboards (closes #4724) (#4739)

---
 src/components/form-input/README.md | 12 ++++++++++--
 src/components/form-radio/README.md | 12 +++++++-----
 src/mixins/form-text.js             |  9 ++-------
 3 files changed, 19 insertions(+), 14 deletions(-)

diff --git a/src/components/form-input/README.md b/src/components/form-input/README.md
index 90fdb0088fb..ea3257b2f09 100644
--- a/src/components/form-input/README.md
+++ b/src/components/form-input/README.md
@@ -94,7 +94,15 @@ rendered and a console warning will be issued.
 - Older version of Firefox may not support `readonly` for `range` type inputs.
 - Input types that do not support `min`, `max` and `step` (i.e. `text`, `password`, `tel`, `email`,
   `url`, etc) will silently ignore these values (although they will still be rendered on the input
-  markup) iv values are provided.
+  markup) if values are provided.
+
+**Caveats with predictive text entry and IME composition entry:**
+
+- When using predictive text auto-suggested words, the `v-model` will not update until the
+  auto-suggested word is selected (or a space is typed). If an auto suggested word is not selected,
+  the v-model will update with the current _displayed text_ of the input when the input is blurred.
+- When using IME composition (ie. Chinese, Japanese, etc), the `v-model` will not update until the
+  IME composition is completed.
 
 ### Range type input
 
@@ -155,7 +163,7 @@ In the example below, we double the number of steps by using step="0.5".
 convert the value to a native number by using `Number(value)`, `parseInt(value, 10)`,
 `parseFloat(value)`, or use the `number` prop.
 
-**Note:** Bootstrap v4.1 CSS does not include styling for range inputs inside input groups, nor
+**Note:** Bootstrap v4 CSS does not include styling for range inputs inside input groups, nor
 validation styling on range inputs. However, BootstrapVue includes custom styling to handle these
 situations until styling is included in Bootstrap v4.
 
diff --git a/src/components/form-radio/README.md b/src/components/form-radio/README.md
index de1913d896f..3fc6a078c77 100644
--- a/src/components/form-radio/README.md
+++ b/src/components/form-radio/README.md
@@ -251,14 +251,16 @@ If you want to customize the field property names (for example using `name` fiel
 
 ## Radio value and v-model
 
-`<b-form-radio>` and `<b-form-radio-group>` do not have a value by default. You must explicitly
-supply a value (to which the `v-model` is set to when the radio is checked) via the `value` prop.
+`<b-form-radio>` components do not have a value by default. You must explicitly supply a value via
+the `value` prop on `<b-form-radio>`. This value will be sent to the `v-model` when the radio is
+checked.
 
 The `v-model` of both `<b-form-radio>` and `<b-form-radio-group>` binds to the `checked` prop. To
-pre-check a radio, you must set the `v-model` value to the radio's value. Do not use the `checked`
-prop directly.
+pre-check a radio, you must set the `v-model` value to the one of the radio's value (i.e. must match
+the value of specified on one of the the radio's `value` prop). Do not use the `checked` prop
+directly. Each radio in a radio group _must_ have a unique value.
 
-Radio supports values of many types, such as a `string`, `boolean`, `number`, or an `object`.
+Radios support values of many types, such as a `string`, `boolean`, `number`, or a plain `object`.
 
 ## Inline or stacked radios
 
diff --git a/src/mixins/form-text.js b/src/mixins/form-text.js
index 7de2bd565ea..9b6e4d3cfbf 100644
--- a/src/mixins/form-text.js
+++ b/src/mixins/form-text.js
@@ -182,7 +182,7 @@ export default {
         // https://github.com/bootstrap-vue/bootstrap-vue/issues/3498
         /* istanbul ignore next: hard to test */
         const $input = this.$refs.input
-        /* istanbul ignore if: hard to test outof sync value */
+        /* istanbul ignore if: hard to test out of sync value */
         if ($input && value !== $input.value) {
           $input.value = value
         }
@@ -191,6 +191,7 @@ export default {
     onInput(evt) {
       // `evt.target.composing` is set by Vue
       // https://github.com/vuejs/vue/blob/dev/src/platforms/web/runtime/directives/model.js
+      // TODO: Is this needed now with the latest Vue?
       /* istanbul ignore if: hard to test composition events */
       if (evt.target.composing) {
         return
@@ -209,12 +210,6 @@ export default {
       this.$emit('input', formattedValue)
     },
     onChange(evt) {
-      // `evt.target.composing` is set by Vue
-      // https://github.com/vuejs/vue/blob/dev/src/platforms/web/runtime/directives/model.js
-      /* istanbul ignore if: hard to test composition events */
-      if (evt.target.composing) {
-        return
-      }
       const value = evt.target.value
       const formattedValue = this.formatValue(value, evt)
       // Exit when the `formatter` function strictly returned `false`

From 413b6dbf434ba98312a448f04add20acd02ae8b1 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Sun, 9 Feb 2020 14:30:35 -0400
Subject: [PATCH 09/12] chore(deps): update devdependency codesandbox to
 ^2.1.12 (#4746)

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
---
 package.json |  2 +-
 yarn.lock    | 51 ++++++++++++++++++++++++++++-----------------------
 2 files changed, 29 insertions(+), 24 deletions(-)

diff --git a/package.json b/package.json
index 89030036814..4e13ed4f4f9 100644
--- a/package.json
+++ b/package.json
@@ -114,7 +114,7 @@
     "clean-css-cli": "^4.3.0",
     "codecov": "^3.6.5",
     "codemirror": "^5.51.0",
-    "codesandbox": "^2.1.11",
+    "codesandbox": "^2.1.12",
     "core-js": ">=2.6.5 <3.0.0",
     "cross-env": "^7.0.0",
     "eslint": "^6.8.0",
diff --git a/yarn.lock b/yarn.lock
index 8a6b991b813..30b6dcaa3ff 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2956,13 +2956,13 @@ aws4@^1.8.0:
   resolved "https://registry.yarnpkg.com/aws4/-/aws4-1.9.0.tgz#24390e6ad61386b0a747265754d2a17219de862c"
   integrity sha512-Uvq6hVe90D0B2WEnUqtdgY1bATGz3mw33nH9Y+dmA+w5DHvUmBgkr5rM/KCHpCsiFNRUfokW/szpPPgMK2hm4A==
 
-axios@^0.16.2:
-  version "0.16.2"
-  resolved "https://registry.yarnpkg.com/axios/-/axios-0.16.2.tgz#ba4f92f17167dfbab40983785454b9ac149c3c6d"
-  integrity sha1-uk+S8XFn37q0CYN4VFS5rBScPG0=
+axios@^0.18.1:
+  version "0.18.1"
+  resolved "https://registry.yarnpkg.com/axios/-/axios-0.18.1.tgz#ff3f0de2e7b5d180e757ad98000f1081b87bcea3"
+  integrity sha512-0BfJq4NSfQXd+SkFdrvFbG7addhYSBA2mQwISr46pD6E5iqkWg02RAs8vyTT/j0RTnoYmeXauBuSv1qKwR179g==
   dependencies:
-    follow-redirects "^1.2.3"
-    is-buffer "^1.1.5"
+    follow-redirects "1.5.10"
+    is-buffer "^2.0.2"
 
 babel-code-frame@^6.26.0:
   version "6.26.0"
@@ -3994,24 +3994,24 @@ codesandbox-import-util-types@^2.1.9:
   resolved "https://registry.yarnpkg.com/codesandbox-import-util-types/-/codesandbox-import-util-types-2.1.9.tgz#24ba5ec3d966f51f18b78c48d32e6411da90aa74"
   integrity sha512-Vc4qh+neVfHtS3RG+7wvaErMoEKdNTnLFnyj4Dcbn3NV7v9nlPj/z6MGhHp9S+vAjegWorFzxg9lKB1WGHTt5Q==
 
-codesandbox-import-utils@^2.1.11:
-  version "2.1.11"
-  resolved "https://registry.yarnpkg.com/codesandbox-import-utils/-/codesandbox-import-utils-2.1.11.tgz#171ce53a77b8dcd196fdcfaf0f6bc52b1206444a"
-  integrity sha512-vkA0drdzO2ArMUzl8/AhEuzaW6qX3ic1SXPmruVS7bo/3K1P8H+S9CbuUNPo67X54/LzHwMnAZgZMXwN8vrw7Q==
+codesandbox-import-utils@^2.1.12:
+  version "2.1.12"
+  resolved "https://registry.yarnpkg.com/codesandbox-import-utils/-/codesandbox-import-utils-2.1.12.tgz#0cc6b649ed8bc5ef57c9fcb1bc98b161389a4b83"
+  integrity sha512-eTP3TboAlFEZDblCf3uwnV0S3tZCKnoubDONibAE9rI2pdximDGFQdHUpHPU4509bQ6UF2w+DVExlhkxmLFenA==
   dependencies:
     codesandbox-import-util-types "^2.1.9"
     istextorbinary "^2.2.1"
     lz-string "^1.4.4"
 
-codesandbox@^2.1.11:
-  version "2.1.11"
-  resolved "https://registry.yarnpkg.com/codesandbox/-/codesandbox-2.1.11.tgz#3c37ca56f6feea37e282c275a91c805f7b4f9f90"
-  integrity sha512-ACUBMNk6Ppuu5KpQh0eqs5LePOPXeIW1bKtNNWzbJfybzbpr3F236BHPReRqYqMO8DXHlf370gAlknX/Z48oCQ==
+codesandbox@^2.1.12:
+  version "2.1.12"
+  resolved "https://registry.yarnpkg.com/codesandbox/-/codesandbox-2.1.12.tgz#2ab7186b9db3f49b85b27dc95c171ff05101a5c2"
+  integrity sha512-DDveHGGR3dGDgLwAbK0Z75pgA+5Mm2OwigYwrNgEc0m4anzTXWnk0CrWAIRJzDm1QCk97w17/DYl1R3LCYi3Tw==
   dependencies:
-    axios "^0.16.2"
+    axios "^0.18.1"
     chalk "^2.4.1"
     codesandbox-import-util-types "^2.1.9"
-    codesandbox-import-utils "^2.1.11"
+    codesandbox-import-utils "^2.1.12"
     commander "^2.9.0"
     datauri "^1.1.0"
     filesize "^3.6.1"
@@ -4920,7 +4920,7 @@ debug@2.6.9, debug@^2.2.0, debug@^2.3.3, debug@^2.6.8, debug@^2.6.9:
   dependencies:
     ms "2.0.0"
 
-debug@3.1.0:
+debug@3.1.0, debug@=3.1.0:
   version "3.1.0"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.1.0.tgz#5bb5a0672628b64149566ba16819e61518c67261"
   integrity sha512-OX8XqP7/1a9cqkxYw2yXss15f26NKWBpDXQd0/uK/KPqdQhxbPa994hnzjcE2VqQpDslf55723cKPUOGSmMY3g==
@@ -4934,7 +4934,7 @@ debug@4, debug@^4.0.1, debug@^4.1.0, debug@^4.1.1:
   dependencies:
     ms "^2.1.1"
 
-debug@^3.0.0, debug@^3.1.0, debug@^3.2.6:
+debug@^3.1.0, debug@^3.2.6:
   version "3.2.6"
   resolved "https://registry.yarnpkg.com/debug/-/debug-3.2.6.tgz#e83d17de16d8a7efb7717edbe5fb10135eee629b"
   integrity sha512-mel+jf7nrtEl5Pn1Qx46zARXKDpBbvzezse7p7LqINmdoIk8PYP5SySaxEmYv6TZ0JyEKA1hsCId6DIhgITtWQ==
@@ -6201,12 +6201,12 @@ flush-write-stream@^1.0.0:
     inherits "^2.0.3"
     readable-stream "^2.3.6"
 
-follow-redirects@^1.2.3:
-  version "1.9.0"
-  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.9.0.tgz#8d5bcdc65b7108fe1508649c79c12d732dcedb4f"
-  integrity sha512-CRcPzsSIbXyVDl0QI01muNDu69S8trU4jArW9LpOt2WtC6LyUJetcIrmfHsRBx7/Jb6GHJUiuqyYxPooFfNt6A==
+follow-redirects@1.5.10:
+  version "1.5.10"
+  resolved "https://registry.yarnpkg.com/follow-redirects/-/follow-redirects-1.5.10.tgz#7b7a9f9aea2fdff36786a94ff643ed07f4ff5e2a"
+  integrity sha512-0V5l4Cizzvqt5D44aTXbFZz+FtyXV1vrDN6qrelxtfYQKW0KO0W2T/hkE8xvGa/540LkZlkaUjO4ailYTFtHVQ==
   dependencies:
-    debug "^3.0.0"
+    debug "=3.1.0"
 
 for-in@^1.0.2:
   version "1.0.2"
@@ -7353,6 +7353,11 @@ is-buffer@^1.1.4, is-buffer@^1.1.5:
   resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-1.1.6.tgz#efaa2ea9daa0d7ab2ea13a97b2b8ad51fefbe8be"
   integrity sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w==
 
+is-buffer@^2.0.2:
+  version "2.0.4"
+  resolved "https://registry.yarnpkg.com/is-buffer/-/is-buffer-2.0.4.tgz#3e572f23c8411a5cfd9557c849e3665e0b290623"
+  integrity sha512-Kq1rokWXOPXWuaMAqZiJW4XxsmD9zGx9q4aePabbn3qCRGedtH7Cm+zV8WETitMfu1wdh+Rvd6w5egwSngUX2A==
+
 is-callable@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/is-callable/-/is-callable-1.1.4.tgz#1e1adf219e1eeb684d691f9d6a05ff0d30a24d75"

From a17eb57e0395eda65ced24ccef44db492a30be6b Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 12 Feb 2020 01:17:10 -0400
Subject: [PATCH 10/12] chore(deps): update devdependency husky to ^4.2.2
 (#4754)

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index 4e13ed4f4f9..e08e9a61e1c 100644
--- a/package.json
+++ b/package.json
@@ -133,7 +133,7 @@
     "gh-pages": "^2.2.0",
     "highlight.js": "^9.18.1",
     "html-loader": "^0.5.5",
-    "husky": "^4.2.1",
+    "husky": "^4.2.2",
     "jest": "^25.1.0",
     "jest-environment-jsdom-fourteen": "^1.0.1",
     "lint-staged": "^10.0.7",
diff --git a/yarn.lock b/yarn.lock
index 30b6dcaa3ff..80e3ea6d9ec 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7057,10 +7057,10 @@ humps@^2.0.1:
   resolved "https://registry.yarnpkg.com/humps/-/humps-2.0.1.tgz#dd02ea6081bd0568dc5d073184463957ba9ef9aa"
   integrity sha1-3QLqYIG9BWjcXQcxhEY5V7qe+ao=
 
-husky@^4.2.1:
-  version "4.2.1"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-4.2.1.tgz#b09f1bd9129e6c323cc515dc17081d0615e2d7c1"
-  integrity sha512-Qa0lRreeIf4Tl92sSs42ER6qc3hzoyQPPorzOrFWfPEVbdi6LuvJEqWKPk905fOWIR76iBpp7ECZNIwk+a8xuQ==
+husky@^4.2.2:
+  version "4.2.2"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-4.2.2.tgz#aa858a99ad685f13ab5f99fa71b60e0fe0cd9048"
+  integrity sha512-RAjZNO74zJyFJuRFESy+3LXTJvYbjGL+jhoSNJNF1DTKq2USrL5fEH70e1cJXEgvLaPyZt1NoGi0oNQQkPs4jA==
   dependencies:
     chalk "^3.0.0"
     ci-info "^2.0.0"

From c590ca6d432588cb2651665982a9dabd8004a864 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Wed, 12 Feb 2020 19:39:19 -0400
Subject: [PATCH 11/12] chore(deps): update devdependency husky to ^4.2.3
 (#4757)

Co-authored-by: WhiteSource Renovate <renovatebot@gmail.com>
---
 package.json | 2 +-
 yarn.lock    | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/package.json b/package.json
index e08e9a61e1c..b0707f97add 100644
--- a/package.json
+++ b/package.json
@@ -133,7 +133,7 @@
     "gh-pages": "^2.2.0",
     "highlight.js": "^9.18.1",
     "html-loader": "^0.5.5",
-    "husky": "^4.2.2",
+    "husky": "^4.2.3",
     "jest": "^25.1.0",
     "jest-environment-jsdom-fourteen": "^1.0.1",
     "lint-staged": "^10.0.7",
diff --git a/yarn.lock b/yarn.lock
index 80e3ea6d9ec..b84d7f14515 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -7057,10 +7057,10 @@ humps@^2.0.1:
   resolved "https://registry.yarnpkg.com/humps/-/humps-2.0.1.tgz#dd02ea6081bd0568dc5d073184463957ba9ef9aa"
   integrity sha1-3QLqYIG9BWjcXQcxhEY5V7qe+ao=
 
-husky@^4.2.2:
-  version "4.2.2"
-  resolved "https://registry.yarnpkg.com/husky/-/husky-4.2.2.tgz#aa858a99ad685f13ab5f99fa71b60e0fe0cd9048"
-  integrity sha512-RAjZNO74zJyFJuRFESy+3LXTJvYbjGL+jhoSNJNF1DTKq2USrL5fEH70e1cJXEgvLaPyZt1NoGi0oNQQkPs4jA==
+husky@^4.2.3:
+  version "4.2.3"
+  resolved "https://registry.yarnpkg.com/husky/-/husky-4.2.3.tgz#3b18d2ee5febe99e27f2983500202daffbc3151e"
+  integrity sha512-VxTsSTRwYveKXN4SaH1/FefRJYCtx+wx04sSVcOpD7N2zjoHxa+cEJ07Qg5NmV3HAK+IRKOyNVpi2YBIVccIfQ==
   dependencies:
     chalk "^3.0.0"
     ci-info "^2.0.0"

From 47ba834e8635c7305a7f1ae500699b64fe0e148c Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Wed, 12 Feb 2020 23:08:46 -0400
Subject: [PATCH 12/12] chore: bump version to 2.4.1 and update changelog
 (#4756)

---
 CHANGELOG.md | 21 +++++++++++++++++++++
 package.json |  2 +-
 2 files changed, 22 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 1525211deb2..773978f155e 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -4,6 +4,27 @@
 > [standard-version](https://github.com/conventional-changelog/standard-version) for commit
 > guidelines.
 
+<a name="2.4.1"></a>
+
+## [v2.4.1](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.4.0...v2.4.1)
+
+Released: 2020-02-12
+
+### Bug Fixes v2.4.1
+
+- **b-form-input, b-form-textarea:** handle change event for all mobile device keyboards (closes
+  [#4724](https://github.com/bootstrap-vue/bootstrap-vue/issues/4724))
+  ([#4739](https://github.com/bootstrap-vue/bootstrap-vue/issues/4739))
+  ([166a932](https://github.com/bootstrap-vue/bootstrap-vue/commit/166a932fb11fa552714aba7df67992e1265b9047))
+- **b-tooltip, v-b-tooltip:** fix arrow margin
+  ([#4727](https://github.com/bootstrap-vue/bootstrap-vue/issues/4727))
+  ([865a655](https://github.com/bootstrap-vue/bootstrap-vue/commit/865a6557fbf49115c05326f9a96c4f9fdf135e96))
+
+### Other v2.4.1
+
+- dev dependency updates
+- minor docs updates
+
 <a name="2.4.0"></a>
 
 ## [v2.4.0](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.3.0...v2.4.0)
diff --git a/package.json b/package.json
index b0707f97add..d8717a531db 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-vue",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "description": "BootstrapVue, with over 40 plugins and more than 80 custom components, custom directives, and over 300 icons, provides one of the most comprehensive implementations of Bootstrap v4 components and grid system for Vue.js. With extensive and automated WAI-ARIA accessibility markup.",
   "main": "dist/bootstrap-vue.common.js",
   "web": "dist/bootstrap-vue.js",