Merge branch 'dev' of https://github.com/bootstrap-vue/bootstrap-vue into v3-dev

# Conflicts:
#	package.json
#	src/components/form-checkbox/form-checkbox-group.js
#	src/components/form-checkbox/form-checkbox-group.spec.js
#	src/components/form-radio/form-radio-group.js
#	src/components/form-radio/form-radio-group.spec.js
#	src/components/form-select/form-select.js
#	src/components/form-tags/form-tags.js
#	src/components/form-tags/form-tags.spec.js
#	src/components/table/table-sorting.spec.js
#	src/mixins/form-radio-check-group.js
#	src/mixins/form-text.js
#	yarn.lock

Author: jacobmllr95

CHANGELOG.md

@@ -4,6 +4,41 @@ All notable changes to this project will be documented in this file. See
 [standard-version](https://github.com/conventional-changelog/standard-version) for commit
 guidelines.
 
+<a name="2.20.0"></a>
+
+## [v2.20.0](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.19.0...v2.20.0)
+
+Released: 2020-11-30
+
+### Features v2.20.0
+
+- **b-form-tags:** add `reset` method
+  ([#6104](https://github.com/bootstrap-vue/bootstrap-vue/issues/6104))
+  ([d610291](https://github.com/bootstrap-vue/bootstrap-vue/commit/d6102913a5f9a3295f646fad50ba58ffc31533e8))
+
+### Bug Fixes v2.20.0
+
+- **b-form-input:** modified value handling
+  ([#6084](https://github.com/bootstrap-vue/bootstrap-vue/issues/6084))
+  ([d6d8e3c](https://github.com/bootstrap-vue/bootstrap-vue/commit/d6d8e3c0f309ca16ede0c874bb787ab2fed7b380))
+- **b-form-spinbutton:** button markup
+  ([#6101](https://github.com/bootstrap-vue/bootstrap-vue/issues/6101))
+  ([5082976](https://github.com/bootstrap-vue/bootstrap-vue/commit/5082976e90264cadd84a4c9dbf339ce90fe49456))
+- **b-form-tags:** required handling (closes
+  [#6094](https://github.com/bootstrap-vue/bootstrap-vue/issues/6094))
+  ([#6103](https://github.com/bootstrap-vue/bootstrap-vue/issues/6103))
+  ([2dc6b9d](https://github.com/bootstrap-vue/bootstrap-vue/commit/2dc6b9d5bc5fcb3cf1febda7d9e5b03d1ee9a3d0))
+- **b-table:** only set `tabindex="0"` for sortable TH's
+  ([#6102](https://github.com/bootstrap-vue/bootstrap-vue/issues/6102))
+  ([dd23742](https://github.com/bootstrap-vue/bootstrap-vue/commit/dd237425e4e7a7e73d5c17210780b02dab2110e2))
+- **b-table:** sort handling for numeric string values (closes
+  [#6092](https://github.com/bootstrap-vue/bootstrap-vue/issues/6092))
+  ([#6105](https://github.com/bootstrap-vue/bootstrap-vue/issues/6105))
+  ([29fbcb5](https://github.com/bootstrap-vue/bootstrap-vue/commit/29fbcb58c5efed0dbbafa8b0bb5fc1d1651079cd))
+- user supplied prop function detection
+  ([#6070](https://github.com/bootstrap-vue/bootstrap-vue/issues/6070))
+  ([cea6051](https://github.com/bootstrap-vue/bootstrap-vue/commit/cea6051efc901325d63c22f65381242bd6e774e7))
+
 <a name="2.19.0"></a>
 
 ## [v2.19.0](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.18.1...v2.19.0)

package.json

@@ -1,6 +1,6 @@
 {
   "name": "bootstrap-vue",
-  "version": "2.19.0",
+  "version": "2.20.0",
   "description": "With more than 85 components, over 45 available plugins, several directives, and 1000+ icons, BootstrapVue provides one of the most comprehensive implementations of the Bootstrap v4 component and grid system available for Vue.js v2.6, complete with extensive and automated WAI-ARIA accessibility markup.",
   "main": "dist/bootstrap-vue.common.js",
   "web": "dist/bootstrap-vue.js",
@@ -92,71 +92,70 @@
     "vue-functional-data-merge": "^3.1.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.12.1",
-    "@babel/core": "^7.12.3",
+    "@babel/cli": "^7.12.8",
+    "@babel/core": "^7.12.9",
     "@babel/plugin-transform-modules-commonjs": "^7.12.1",
     "@babel/plugin-transform-runtime": "^7.12.1",
-    "@babel/preset-env": "^7.12.1",
-    "@babel/standalone": "^7.12.6",
-    "@nuxt/content": "^1.10.0",
+    "@babel/preset-env": "^7.12.7",
+    "@babel/standalone": "^7.12.9",
+    "@nuxt/content": "^1.11.1",
     "@nuxtjs/google-analytics": "^2.4.0",
-    "@nuxtjs/pwa": "^3.2.2",
+    "@nuxtjs/pwa": "^3.3.1",
     "@nuxtjs/robots": "^2.4.2",
     "@nuxtjs/sitemap": "^2.4.0",
     "@testing-library/jest-dom": "^5.11.6",
-    "@vue/test-utils": "^2.0.0-beta.10",
-    "autoprefixer": "^10.0.2",
+    "@vue/test-utils": "^2.0.0-beta.11",
+    "autoprefixer": "^10.0.4",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.1.0",
     "babel-jest": "^26.6.3",
     "babel-plugin-istanbul": "^6.0.0",
     "bootstrap-icons": "^1.1.0",
     "bundlewatch": "^0.3.1",
     "clean-css-cli": "^4.3.0",
-    "codemirror": "^5.58.2",
+    "codemirror": "^5.58.3",
     "codesandbox": "^2.2.1",
-    "core-js": "^3.7.0",
+    "core-js": "^3.8.0",
     "cross-env": "^7.0.2",
-    "eslint": "^7.13.0",
+    "eslint": "^7.14.0",
     "eslint-config-prettier": "^6.15.0",
-    "eslint-config-standard": "^16.0.1",
+    "eslint-config-standard": "^16.0.2",
     "eslint-config-vue": "^2.0.2",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jest": "^24.1.3",
     "eslint-plugin-markdown": "^1.0.2",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.1.0",
     "eslint-plugin-vue": "^7.1.0",
     "esm": "^3.2.25",
     "execa": "^4.1.0",
-    "highlight.js": "^9.18.2",
+    "highlight.js": "^9.18.5",
     "html-loader": "^1.3.2",
     "husky": "^4.3.0",
     "improved-yarn-audit": "^2.3.1",
     "jest": "^26.6.3",
-    "lint-staged": "^10.5.1",
+    "lint-staged": "^10.5.2",
     "loader-utils": "^2.0.0",
     "lodash": "^4.17.20",
-    "marked": "^1.2.4",
+    "marked": "^1.2.5",
     "nuxt": "^2.14.7",
-    "postcss": "^8.1.7",
-    "postcss-cli": "^8.2.0",
+    "postcss": "^8.1.10",
+    "postcss-cli": "^8.3.0",
     "prettier": "1.14.3",
     "require-context": "^1.1.0",
-    "rollup": "^2.33.2",
+    "rollup": "^2.34.0",
     "rollup-plugin-babel": "^4.4.0",
     "rollup-plugin-commonjs": "^10.1.0",
     "rollup-plugin-node-resolve": "^5.2.0",
     "sass": "^1.29.0",
     "sass-loader": "^10.1.0",
     "standard-version": "^9.0.0",
-    "terser": "^5.4.0",
-    "vue": "^3.0.2",
-    "vue-demi": "^0.4.1",
+    "terser": "^5.5.1",
+    "vue": "^3.0.3",
+    "vue-demi": "^0.4.5",
     "vue-jest": "^3.0.7",
-    "vue-router": "^4.0.0-rc.3"
+    "vue-router": "^4.0.0-rc.6"
   },
   "keywords": [
     "Bootstrap",

src/components/calendar/calendar.js

@@ -49,7 +49,7 @@ import {
 } from '../../utils/date'
 import { attemptBlur, attemptFocus, requestAF } from '../../utils/dom'
 import { stopEvent } from '../../utils/events'
-import { isArray, isPlainObject, isString, isUndefined } from '../../utils/inspect'
+import { isArray, isPlainObject, isString } from '../../utils/inspect'
 import { isLocaleRTL } from '../../utils/locale'
 import { mathMax } from '../../utils/math'
 import { toInteger } from '../../utils/number'
@@ -344,20 +344,12 @@ export const BCalendar = defineComponent({
     },
     computedDateDisabledFn() {
       const { dateDisabledFn } = this
-      let result = null
-      try {
-        result = dateDisabledFn()
-      } catch {}
-      return isUndefined(result) ? () => false : dateDisabledFn
+      return dateDisabledFn.name !== 'default' ? dateDisabledFn : () => false
     },
     // TODO: Change `dateInfoFn` to handle events and notes as well as classes
     computedDateInfoFn() {
       const { dateInfoFn } = this
-      let result = null
-      try {
-        result = dateInfoFn()
-      } catch {}
-      return isUndefined(result) ? () => ({}) : dateInfoFn
+      return dateInfoFn.name !== 'default' ? dateInfoFn : () => ({})
     },
     calendarLocale() {
       // This locale enforces the gregorian calendar (for use in formatter functions)

src/components/form-checkbox/form-checkbox-group.spec.js

@@ -312,8 +312,7 @@ describe('form-checkbox-group', () => {
       }
     })
 
-    expect(wrapper.classes()).toBeDefined()
-
+    expect(wrapper.vm.isRadioGroup).toEqual(false)
     expect(wrapper.vm.localChecked).toEqual([])
     expect(wrapper.findAll('input[type=checkbox]').length).toBe(3)
 

src/components/form-file/form-file.js

@@ -15,14 +15,7 @@ import { makePropsConfigurable } from '../../utils/config'
 import { closest } from '../../utils/dom'
 import { hasPromiseSupport } from '../../utils/env'
 import { eventOn, eventOff, stopEvent } from '../../utils/events'
-import {
-  isArray,
-  isFile,
-  isFunction,
-  isNull,
-  isUndefined,
-  isUndefinedOrNull
-} from '../../utils/inspect'
+import { isArray, isFile, isFunction, isNull, isUndefinedOrNull } from '../../utils/inspect'
 import { File } from '../../utils/safe-types'
 import { escapeRegExp } from '../../utils/string'
 import { warn } from '../../utils/warn'
@@ -283,11 +276,9 @@ export const BFormFile = /*#__PURE__*/ defineComponent({
     },
     computedFileNameFormatter() {
       const { fileNameFormatter } = this
-      let result = null
-      try {
-        result = fileNameFormatter()
-      } catch {}
-      return isUndefined(result) ? this.defaultFileNameFormatter : fileNameFormatter
+      return fileNameFormatter.name !== 'default'
+        ? fileNameFormatter
+        : this.defaultFileNameFormatter
     },
     clonedFiles() {
       return cloneDeep(this.files)

src/components/form-group/form-group.js

@@ -420,7 +420,7 @@ export const BFormGroup = defineComponent({
           id: this.safeId(),
           disabled: isFieldset ? this.disabled : null,
           role: isFieldset ? null : 'group',
-          'aria-invalid': state === false ? 'true' : null,
+          'aria-invalid': this.computedAriaInvalid,
           // Only apply aria-labelledby if we are a horizontal fieldset
           // as the legend is no longer a direct child of fieldset
           'aria-labelledby': isFieldset && isHorizontal ? labelId : null,

src/components/form-radio/form-radio-group.js

@@ -20,6 +20,7 @@ export const BFormRadioGroup = /*#__PURE__*/ defineComponent({
       bvRadioGroup: this
     }
   },
+  props,
   computed: {
     isRadioGroup() {
       return true

src/components/form-radio/form-radio-group.spec.js

@@ -309,8 +309,8 @@ describe('form-radio-group', () => {
       }
     })
 
+    expect(wrapper.vm.isRadioGroup).toEqual(true)
     expect(wrapper.vm.localChecked).toEqual('')
-    expect(wrapper.classes()).toBeDefined()
     expect(wrapper.findAll('input[type=radio]').length).toBe(3)
 
     wrapper.unmount()

src/components/form-select/form-select.js

@@ -75,13 +75,6 @@ export const BFormSelect = /*#__PURE__*/ defineComponent({
         this.size && !this.plain ? `custom-select-${this.size}` : null,
         this.stateClass
       ]
-    },
-    computedAriaInvalid() {
-      const { ariaInvalid } = this
-      if (ariaInvalid === true || ariaInvalid === 'true' || ariaInvalid === '') {
-        return 'true'
-      }
-      return this.computedState === false ? 'true' : null
     }
   },
   watch: {

src/components/form-spinbutton/form-spinbutton.js

@@ -15,7 +15,7 @@ import { arrayIncludes, concat } from '../../utils/array'
 import { makePropsConfigurable } from '../../utils/config'
 import { attemptBlur, attemptFocus } from '../../utils/dom'
 import { eventOnOff, stopEvent } from '../../utils/events'
-import { isNull, isUndefined } from '../../utils/inspect'
+import { isNull } from '../../utils/inspect'
 import { isLocaleRTL } from '../../utils/locale'
 import { mathFloor, mathMax, mathPow, mathRound } from '../../utils/math'
 import { toFloat, toInteger } from '../../utils/number'
@@ -227,11 +227,7 @@ export const BFormSpinbutton = /*#__PURE__*/ defineComponent({
     },
     computedFormatter() {
       const { formatterFn } = this
-      let result = null
-      try {
-        result = formatterFn()
-      } catch {}
-      return isUndefined(result) ? this.defaultFormatter : formatterFn
+      return formatterFn.name !== 'default' ? formatterFn : this.defaultFormatter
     },
     computedAttrs() {
       return {
@@ -526,7 +522,7 @@ export const BFormSpinbutton = /*#__PURE__*/ defineComponent({
             touchstart: handler
           }
         },
-        [h('div', [this.normalizeSlot(slotName, scope) || $icon])]
+        [this.normalizeSlot(slotName, scope) || $icon]
       )
     }
     // TODO: Add button disabled state when `wrap` is `false` and at value max/min