From a43ea51860e34b5a47e719bc5aec052eb1243a4f Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Tue, 9 May 2017 03:36:35 -0300
Subject: [PATCH 1/7] [button-toolbar] New component

---
 lib/components/button-toolbar.vue | 112 ++++++++++++++++++++++++++++++
 1 file changed, 112 insertions(+)
 create mode 100644 lib/components/button-toolbar.vue

diff --git a/lib/components/button-toolbar.vue b/lib/components/button-toolbar.vue
new file mode 100644
index 00000000000..0996a3bb02c
--- /dev/null
+++ b/lib/components/button-toolbar.vue
@@ -0,0 +1,112 @@
+<template>
+    <div :class="classObject"
+         role="toolbar"
+         :tabindex="keyNav ? '0' : null"
+         @focusin.self="focusFirst"
+         @keydown.left="focusNext($event,true)"
+         @keydown.up="focusNext($event,true)"
+         @keydown.right="focusNext($event,false)"
+         @keydown.down="focusNext($event,false)"
+         @keydown.shift.left="focusFirst($event)"
+         @keydown.shift.up="focusFirst($event)"
+         @keydown.shift.right="focusLast($event)"
+         @keydown.shift.down="focusLast($event)"
+    >
+        <slot></slot>
+    </div>
+</template>
+
+<script>
+    const ITEM_SELECTOR = [
+        '.btn:not(.disabled):not([disabled]):not([style*="display: none"]):not([style*="display:none"])',
+        '.form-control:not(.disabled):not([disabled]):not([style*="display: none"]):not([style*="display:none"])',
+        'select:not(.disabled):not([disabled]):not([style*="display: none"]):not([style*="display:none"])',
+        'input[type="checkbox"]:not(.disabled):not([disabled]):not([style*="display: none"]):not([style*="display:none"])',
+        'input[type="radio"]:not(.disabled):not([disabled]):not([style*="display: none"]):not([style*="display:none"])'
+    ].join(',');
+
+    export default {
+        computed: {
+            classObject() {
+                return [
+                    'btn-toolbar,
+                    (this.justify && !this.vertical) ? 'justify-content-between' : '',
+                    this.size ? ('btn-group-' + this.size) : ''
+                ];
+            }
+        },
+        props: {
+            justify: {
+                type: Boolean,
+                default: false
+            },
+            size: {
+                type: String,
+                default: null
+            },
+            KeyNav: {
+                type: Boolean,
+                default: false
+            }
+        },
+        methods: {
+            focusNext(e, prev) {
+                if (!this.keyNav) {
+                    return;
+                }
+                e.preventDefault();
+                e.stopPropagation();
+                const items = this.getItems();
+                if (items.length < 1) {
+                    return;
+                }
+                let index = items.indexOf(e.target);
+                if (prev && index > 0) {
+                    index--;
+                } else if (!prev && index < items.length - 1) {
+                    index++;
+                }
+                if (index < 0) {
+                    index = 0;
+                }
+                items[index].focus();
+            },
+            focusFirst(e) {
+                if (!this.keyNav) {
+                    return;
+                }
+                e.preventDefault();
+                e.stopPropagation();
+                const items = this.getItems();
+                if (items.length > 0) {
+                    items[0].focus();
+                }
+            },
+            focusLast(e) {
+                if (!this.keyNav) {
+                    return;
+                }
+                e.preventDefault();
+                e.stopPropagation();
+                const items = this.getItems();
+                if (items.length > 0) {
+                    items[items.length - 1].focus();
+                }
+            },
+            getItems() {
+                const items = Array.prototype.slice.call(this.$el.querySelectorAll(ITEM_SELECTOR));
+                items.forEach(item => {
+                    // Ensure tabfocus is -1 on any new elements
+                    item.tabIndex = -1;
+                });
+                return items;
+            }
+        },
+        mounted() {
+            if (this.keyNav) {
+                // Pre-set the tabindexes if the markup does not include tabindex="-1" on the toolbar items
+                this.getItems();
+            }
+        }
+    };
+</script>

From 9ff713720152978f98592370bab09447e1580534 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Tue, 9 May 2017 03:41:24 -0300
Subject: [PATCH 2/7] [button-toolbar] sizing must be on children

---
 lib/components/button-toolbar.vue | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/lib/components/button-toolbar.vue b/lib/components/button-toolbar.vue
index 0996a3bb02c..49f8d10d520 100644
--- a/lib/components/button-toolbar.vue
+++ b/lib/components/button-toolbar.vue
@@ -29,9 +29,8 @@
         computed: {
             classObject() {
                 return [
-                    'btn-toolbar,
-                    (this.justify && !this.vertical) ? 'justify-content-between' : '',
-                    this.size ? ('btn-group-' + this.size) : ''
+                    'btn-toolbar',
+                    (this.justify && !this.vertical) ? 'justify-content-between' : ''
                 ];
             }
         },
@@ -40,10 +39,6 @@
                 type: Boolean,
                 default: false
             },
-            size: {
-                type: String,
-                default: null
-            },
             KeyNav: {
                 type: Boolean,
                 default: false

From 79f2c20455434d40f7e339940bb0d3bc6f1638ed Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Tue, 9 May 2017 03:44:11 -0300
Subject: [PATCH 3/7] [components] New button-toolbar

---
 lib/components/index.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/lib/components/index.js b/lib/components/index.js
index 5332e4aede0..bdf4cbbd21e 100755
--- a/lib/components/index.js
+++ b/lib/components/index.js
@@ -3,6 +3,7 @@ import bBreadcrumb from './breadcrumb.vue';
 import bButton from './button.vue';
 import bButtonGroup from './button-group.vue';
 import bButtonGroupDropdown from './button-group-dropdown.vue';
+import bButtonToolbar from '.button-toolbar.vue.;
 import bInputGroup from './input-group.vue';
 import bInputGroupAddon from './input-group-addon.vue';
 import bInputGroupButton from './input-group-button.vue';
@@ -51,6 +52,7 @@ export {
     bButton as bBtn,
     bButtonGroup,
     bButtonGroupDropdown,
+    bButtonToolbar,
     bInputGroup,
     bInputGroupAddon,
     bInputGroupButton,

From 6a2bd7940416ea165ac40dfcee751384b2836998 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Tue, 9 May 2017 03:44:45 -0300
Subject: [PATCH 4/7] [components] New button-toolbar

---
 lib/components/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/index.js b/lib/components/index.js
index bdf4cbbd21e..7700ac831f2 100755
--- a/lib/components/index.js
+++ b/lib/components/index.js
@@ -3,7 +3,7 @@ import bBreadcrumb from './breadcrumb.vue';
 import bButton from './button.vue';
 import bButtonGroup from './button-group.vue';
 import bButtonGroupDropdown from './button-group-dropdown.vue';
-import bButtonToolbar from '.button-toolbar.vue.;
+import bButtonToolbar from '.button-toolbar.vue';
 import bInputGroup from './input-group.vue';
 import bInputGroupAddon from './input-group-addon.vue';
 import bInputGroupButton from './input-group-button.vue';

From 5378d15ba47fc42847809628f80afbb347ca9053 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Tue, 9 May 2017 03:46:53 -0300
Subject: [PATCH 5/7] [components] New button-toolbar

---
 lib/components/index.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/lib/components/index.js b/lib/components/index.js
index 7700ac831f2..e0943aee9e3 100755
--- a/lib/components/index.js
+++ b/lib/components/index.js
@@ -1,9 +1,9 @@
 import bAlert from './alert.vue';
 import bBreadcrumb from './breadcrumb.vue';
 import bButton from './button.vue';
+import bButtonToolbar from './button-toolbar.vue';
 import bButtonGroup from './button-group.vue';
 import bButtonGroupDropdown from './button-group-dropdown.vue';
-import bButtonToolbar from '.button-toolbar.vue';
 import bInputGroup from './input-group.vue';
 import bInputGroupAddon from './input-group-addon.vue';
 import bInputGroupButton from './input-group-button.vue';
@@ -50,9 +50,9 @@ export {
     bBreadcrumb,
     bButton,
     bButton as bBtn,
+    bButtonToolbar,
     bButtonGroup,
     bButtonGroupDropdown,
-    bButtonToolbar,
     bInputGroup,
     bInputGroupAddon,
     bInputGroupButton,

From 8480edee53fc1b54ebda7959f76d377493f9f7f5 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Tue, 9 May 2017 04:00:19 -0300
Subject: [PATCH 6/7] [button-group] Removed toolbar option & key nav

Moved to new button-toolbar wrapper component
---
 lib/components/button-group.vue | 94 +--------------------------------
 1 file changed, 2 insertions(+), 92 deletions(-)

diff --git a/lib/components/button-group.vue b/lib/components/button-group.vue
index ca1d1fee30e..5871c37af41 100755
--- a/lib/components/button-group.vue
+++ b/lib/components/button-group.vue
@@ -1,42 +1,19 @@
 <template>
-    <div :class="classObject"
-         :role="toolbar ? 'toolbar' : 'group'"
-         :tabindex="isKeyNav ? '0' : null"
-         @focusin.self="focusFirst"
-         @keydown.left="focusNext($event,true)"
-         @keydown.up="focusNext($event,true)"
-         @keydown.right="focusNext($event,false)"
-         @keydown.down="focusNext($event,false)"
-         @keydown.shift.left="focusFirst($event)"
-         @keydown.shift.up="focusFirst($event)"
-         @keydown.shift.right="focusLast($event)"
-         @keydown.shift.down="focusLast($event)"
-    >
+    <div :class="classObject">
         <slot></slot>
     </div>
 </template>
 
 <script>
-    const ITEM_SELECTOR = [
-        '.btn:not(.disabled):not([disabled]):not([style*="display: none"]):not([style*="display:none"])',
-        '.form-control:not(.disabled):not([disabled]):not([style*="display: none"]):not([style*="display:none"])',
-        'select:not(.disabled):not([disabled]):not([style*="display: none"]):not([style*="display:none"])',
-        'input[type="checkbox"]:not(.disabled):not([disabled]):not([style*="display: none"]):not([style*="display:none"])',
-        'input[type="radio"]:not(.disabled):not([disabled]):not([style*="display: none"]):not([style*="display:none"])'
-    ].join(',');
-
     export default {
         computed: {
             classObject() {
                 return [
-                    'btn-' + (this.toolbar ? 'toolbar' : 'group'),
+                    'btn-group',
                     this.vertical ? 'btn-group-vertical' : '',
                     (this.justify && !this.vertical) ? 'justify-content-between' : '',
                     this.size ? ('btn-group-' + this.size) : ''
                 ];
-            },
-            isKeyNav() {
-                return this.toolbar && this.toolbarkeyNav;
             }
         },
         props: {
@@ -44,10 +21,6 @@
                 type: Boolean,
                 default: false
             },
-            toolbar: {
-                type: Boolean,
-                default: false
-            },
             justify: {
                 type: Boolean,
                 default: false
@@ -56,69 +29,6 @@
                 type: String,
                 default: null
             },
-            toobarKeyNav: {
-                type: Boolean,
-                default: false
-            }
-        },
-        methods: {
-            focusNext(e, prev) {
-                if (!this.isKeyNav) {
-                    return;
-                }
-                e.preventDefault();
-                e.stopPropagation();
-                const items = this.getItems();
-                if (items.length < 1) {
-                    return;
-                }
-                let index = items.indexOf(e.target);
-                if (prev && index > 0) {
-                    index--;
-                } else if (!prev && index < items.length - 1) {
-                    index++;
-                }
-                if (index < 0) {
-                    index = 0;
-                }
-                items[index].focus();
-            },
-            focusFirst(e) {
-                if (!this.isKeyNav) {
-                    return;
-                }
-                e.preventDefault();
-                e.stopPropagation();
-                const items = this.getItems();
-                if (items.length > 0) {
-                    items[0].focus();
-                }
-            },
-            focusLast(e) {
-                if (!this.isKeyNav) {
-                    return;
-                }
-                e.preventDefault();
-                e.stopPropagation();
-                const items = this.getItems();
-                if (items.length > 0) {
-                    items[items.length - 1].focus();
-                }
-            },
-            getItems() {
-                const items = Array.prototype.slice.call(this.$el.querySelectorAll(ITEM_SELECTOR));
-                items.forEach(item => {
-                    // Ensure tabfocus is -1 on any new elements
-                    item.tabIndex = -1;
-                });
-                return items;
-            }
-        },
-        mounted() {
-            if (this.isKeyNav) {
-                // Pre-set the tabindexes if the markup does not include tabindex="-1" on the toolbar items
-                this.getItems();
-            }
         }
     };
 </script>

From e528b5236a48c5580abd8ecbbec36140c8af2093 Mon Sep 17 00:00:00 2001
From: Troy Morehouse <troymore@nbnet.nb.ca>
Date: Tue, 9 May 2017 04:01:06 -0300
Subject: [PATCH 7/7] Update button-group.vue

---
 lib/components/button-group.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/lib/components/button-group.vue b/lib/components/button-group.vue
index 5871c37af41..9d80ac9d9b6 100755
--- a/lib/components/button-group.vue
+++ b/lib/components/button-group.vue
@@ -28,7 +28,7 @@
             size: {
                 type: String,
                 default: null
-            },
+            }
         }
     };
 </script>