bootstrap-vue · tmorehouse · Apr 8, 2019 · Mar 28, 2019 · Mar 29, 2019 · Mar 29, 2019
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,10 +1,96 @@
 # Changelog
 
-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.0.0-rc.15"></a>
+> 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.0.0-rc.17"></a>
+
+## [v2.0.0-rc.17](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.0-rc.16...v2.0.0-rc.17)
+
+Released 2019-04-07
+
+### Bug Fixes v2.0.0-rc.17
+
+- **breadcrumb-item:** remove atribute `role="presentation"` for better ARIA support
+  ([#2991](https://github.com/bootstrap-vue/bootstrap-vue/issues/2991))
+  ([e84c4a7](https://github.com/bootstrap-vue/bootstrap-vue/commit/e84c4a7))
+- **docs:** add back missing leading slash to search urls
+  ([#2947](https://github.com/bootstrap-vue/bootstrap-vue/issues/2947))
+  ([fff8795](https://github.com/bootstrap-vue/bootstrap-vue/commit/fff8795))
+- **docs:** fix component plugin's included plugins and directives
+  ([#2966](https://github.com/bootstrap-vue/bootstrap-vue/issues/2966))
+  ([cbf24c3](https://github.com/bootstrap-vue/bootstrap-vue/commit/cbf24c3))
+- **docs:** fix issue with table docs page (closes
+  [#2939](https://github.com/bootstrap-vue/bootstrap-vue/issues/2939))
+  ([#2940](https://github.com/bootstrap-vue/bootstrap-vue/issues/2940))
+  ([c6abfd0](https://github.com/bootstrap-vue/bootstrap-vue/commit/c6abfd0))
+- **env:** check for undefined on process (closes
+  [#2958](https://github.com/bootstrap-vue/bootstrap-vue/issues/2958))
+  ([#2959](https://github.com/bootstrap-vue/bootstrap-vue/issues/2959))
+  ([0c3a7b0](https://github.com/bootstrap-vue/bootstrap-vue/commit/0c3a7b0))
+- **form-group:** don't render `aria-labelledby` on group when `label-for` provided (fixes
+  [#2933](https://github.com/bootstrap-vue/bootstrap-vue/issues/2933))
+  ([#2936](https://github.com/bootstrap-vue/bootstrap-vue/issues/2936))
+  ([8058c03](https://github.com/bootstrap-vue/bootstrap-vue/commit/8058c03))
+- **form-textarea:** improved computedHeight calculation when in auto resize mode
+  ([#3012](https://github.com/bootstrap-vue/bootstrap-vue/issues/3012))
+  ([0043b92](https://github.com/bootstrap-vue/bootstrap-vue/commit/0043b92))
+- **link:** support handling multiple click event listeners (fixes
+  [#2938](https://github.com/bootstrap-vue/bootstrap-vue/issues/2938))
+  ([#2943](https://github.com/bootstrap-vue/bootstrap-vue/issues/2943))
+  ([97e8ece](https://github.com/bootstrap-vue/bootstrap-vue/commit/97e8ece))
+- **modal:** prevent close on backdrop when click initiated inside modal content (fixes
+  [#3025](https://github.com/bootstrap-vue/bootstrap-vue/issues/3025))
+  ([#3029](https://github.com/bootstrap-vue/bootstrap-vue/issues/3029))
+  ([ad57e8c](https://github.com/bootstrap-vue/bootstrap-vue/commit/ad57e8c))
+- **modal:** prevent page scroll as modal opens
+  ([#2963](https://github.com/bootstrap-vue/bootstrap-vue/issues/2963))
+  ([3bf3622](https://github.com/bootstrap-vue/bootstrap-vue/commit/3bf3622))
+- **modal:** improve stacked modal z-index calculations (closes
+  [#3015](https://github.com/bootstrap-vue/bootstrap-vue/issues/3015))
+  ([#3017](https://github.com/bootstrap-vue/bootstrap-vue/issues/3017))
+  ([891e8cc](https://github.com/bootstrap-vue/bootstrap-vue/commit/891e8cc))
+- **pagination:** reset to page 1 when `total-rows` or `per-page` changes (closes
+  [#2987](https://github.com/bootstrap-vue/bootstrap-vue/issues/2987))
+  ([#2993](https://github.com/bootstrap-vue/bootstrap-vue/issues/2993))
+  ([df2e77a](https://github.com/bootstrap-vue/bootstrap-vue/commit/df2e77a))
+- **pagination-nav:** better current page detection in IE
+  ([#3006](https://github.com/bootstrap-vue/bootstrap-vue/issues/3006))
+  ([f742aa9](https://github.com/bootstrap-vue/bootstrap-vue/commit/f742aa9))
+- **tooltip/popover:** prevent double show/shown event emits when `.sync` modifier used (fixes
+  [#1637](https://github.com/bootstrap-vue/bootstrap-vue/issues/1637))
+  ([#3001](https://github.com/bootstrap-vue/bootstrap-vue/issues/3001))
+  ([0d3599a](https://github.com/bootstrap-vue/bootstrap-vue/commit/0d3599a))
+- **utils/get:** handle case when nested value is falsy
+  ([#2982](https://github.com/bootstrap-vue/bootstrap-vue/issues/2982))
+  ([40f6cb7](https://github.com/bootstrap-vue/bootstrap-vue/commit/40f6cb7))
+- **v-b-toggle/b-collapse:** ensure toggle remains in sync with collapse (Closes
+  [#3020](https://github.com/bootstrap-vue/bootstrap-vue/issues/3020))
+  ([#3021](https://github.com/bootstrap-vue/bootstrap-vue/issues/3021))
+  ([6b36d0d](https://github.com/bootstrap-vue/bootstrap-vue/commit/6b36d0d))
+
+### Features v2.0.0-rc.17
+
+- **docs:** algolia powered search
+  ([#2952](https://github.com/bootstrap-vue/bootstrap-vue/issues/2952))
+  ([0417f7b](https://github.com/bootstrap-vue/bootstrap-vue/commit/0417f7b))
+- **modal:** auto return focus to trigger element using previous document.activeElement if no
+  return focus element provided 
+  ([#3033](https://github.com/bootstrap-vue/bootstrap-vue/issues/3033))
+  ([e5c0aa5](https://github.com/bootstrap-vue/bootstrap-vue/commit/e5c0aa5))
+- **modal:** subclass `BvEvent` as `BvModalEvent` for modal specific properties
+  ([#3024](https://github.com/bootstrap-vue/bootstrap-vue/issues/3024))
+  ([502eba9](https://github.com/bootstrap-vue/bootstrap-vue/commit/502eba9))
+- **table:** add TypeScript definitions for table fields
+  ([#2867](https://github.com/bootstrap-vue/bootstrap-vue/issues/2867))
+  ([436e8c1](https://github.com/bootstrap-vue/bootstrap-vue/commit/436e8c1))
+- **v-b-scrollspy:** support when vue-router is in `hash` based route mode (closes
+  [#2722](https://github.com/bootstrap-vue/bootstrap-vue/issues/2722))
+  ([#2953](https://github.com/bootstrap-vue/bootstrap-vue/issues/2953))
+  ([a713dd4](https://github.com/bootstrap-vue/bootstrap-vue/commit/a713dd4))
+
+<a name="2.0.0-rc.16"></a>
 
 ## [v2.0.0-rc.16](https://github.com/bootstrap-vue/bootstrap-vue/compare/v2.0.0-rc.15...v2.0.0-rc.16)
 

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -1,6 +1,6 @@
 # Contributing
 
-👍🎉 First off, thanks for taking the time to contribute! 🎉👍
+> 👍🎉 First off, thanks for taking the time to contribute! 🎉👍
 
 ## Playground & Issue Reports
 

diff --git a/docs/assets/scss/styles.scss b/docs/assets/scss/styles.scss
@@ -145,9 +145,46 @@ pre.editable.error:after {
   background-color: rgba(255, 0, 0, 0.1);
 }
 
+/* Additional styling for (responsive) markdown tables */
+.bv-docs-table {
+  font-size: 90%;
+
+  thead > tr > th {
+    min-width: 80px;
+  }
+
+  code {
+    white-space: nowrap !important;
+  }
+}
+
 /* CSS for table transition example */
 table#table-transition-example {
   .flip-list-move {
     transition: transform 1s;
   }
 }
+
+/*
+ * Docsearch overrides
+ * See: https://github.com/twbs/bootstrap/blob/master/site/static/docs/4.3/assets/scss/_algolia.scss
+ */
+.algolia-autocomplete {
+  .ds-dropdown-menu {
+    background: #fff !important;
+    border: 1px solid rgba(0, 0, 0, 0.1) !important;
+    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175) !important;
+
+    .ds-suggestions {
+      @media (min-width: 768px) {
+        max-height: calc(100vh - 12rem);
+        overflow-y: auto;
+      }
+
+      .algolia-docsearch-suggestion--subcategory-inline,
+      .algolia-docsearch-suggestion--title {
+        display: inline-block !important;
+      }
+    }
+  }
+}
diff --git a/docs/components/componentdoc.vue b/docs/components/componentdoc.vue
@@ -30,19 +30,25 @@
       <b-table
         :items="propsItems"
         :fields="propsFields"
+        class="bv-docs-table"
+        responsive="sm"
         small
         head-variant="default"
         striped
       >
-        <template slot="prop" slot-scope="{ value }">
-          <code>{{ value }}</code>
+        <template slot="prop" slot-scope="{ value, item }">
+          <code class="text-nowrap">{{ value }}</code>
+          <b-badge v-if="item.required" variant="info">Required</b-badge>
+          <b-badge v-else-if="item.deprecated" variant="danger">Deprecated</b-badge>
+          <b-badge v-else-if="item.deprecation" variant="warning">Deprecation</b-badge>
         </template>
         <template slot="row-details" slot-scope="{ item }">
-          <b-badge variant="warning">
-            {{ typeof item.deprecated === 'string' ? 'deprecation' : 'deprecated' }}
-          </b-badge>
-          <!-- If deprecated is a string, show the string value -->
-          <small v-if="typeof item.deprecated === 'string'">{{ item.deprecated }}</small>
+          <p v-if="typeof item.deprecated === 'string'" class="mb-1 small">
+            {{ item.deprecated }}
+          </p>
+          <p v-if="typeof item.deprecation === 'string'" class="mb-1 small">
+            {{ item.deprecation }}
+          </p>
         </template>
         <template slot="defaultValue" slot-scope="{ value }">
           <code v-if="value">{{ value }}</code>
@@ -56,6 +62,8 @@
         <b-table
           :items="[componentVModel]"
           :fields="['prop', 'event']"
+          class="bv-docs-table"
+          responsive="sm"
           small
           head-variant="default"
           striped
@@ -77,10 +85,16 @@
       <b-table
         :items="slots"
         :fields="slotsFields"
+        class="bv-docs-table"
+        responsive="sm"
         small
         head-variant="default"
         striped
-      ></b-table>
+      >
+        <template slot="name" slot-scope="{ value }">
+          <code class="text-nowrap">{{ value }}</code>
+        </template>
+      </b-table>
     </article>
 
     <article v-if="events && events.length > 0">
@@ -90,17 +104,22 @@
       <b-table
         :items="events"
         :fields="eventsFields"
+        class="bv-docs-table"
+        responsive="sm"
         small
         head-variant="default"
         striped
       >
+        <template slot="event" slot-scope="{ value }">
+          <code class="text-nowrap">{{ value }}</code>
+        </template>
         <template slot="args" slot-scope="{ value, item }">
           <div
             v-for="arg in value"
             :key="`event-${item.event}-${arg.arg ? arg.arg : 'none'}`"
           >
-            <template v-if="arg.arg"><code>{{ arg.arg }}</code> - </template>
-            <span v-html="arg.description"></span>
+            <template v-if="arg.arg"><code class="text-nowrap">{{ arg.arg }}</code> - </template>
+            <span>{{ arg.description }}</span>
           </div>
         </template>
       </b-table>
@@ -117,17 +136,24 @@
       <b-table
         :items="rootEventListeners"
         :fields="rootEventListenersFields"
+        class="bv-docs-table"
+        responsive="sm"
         small
         head-variant="default"
         striped
       >
+        <template slot="event" slot-scope="{ value }">
+          <code class="text-nowrap">{{ value }}</code>
+        </template>
         <template slot="args" slot-scope="{ value, item }">
           <div
             v-for="arg in value"
             :key="`event-${item.event}-${arg.arg ? arg.arg : 'none'}`"
           >
-            <template v-if="arg.arg"><code>{{ arg.arg }}</code> - </template>
-            <span v-html="arg.description"></span>
+            <template v-if="arg.arg">
+              <code class="text-nowrap">{{ arg.arg }}</code>
+              <span v-if="arg.description"> - {{ arg.description }}</span>
+            </template>
           </div>
         </template>
       </b-table>
@@ -181,8 +207,12 @@ export default {
       let options = {}
       if (!component.options && typeof component === 'function') {
         // Async component that hans't been resolved yet
-        component(opts => {
-          options = opts ? { ...opts } : {}
+        component(cmp => {
+          if (Object.prototype.toString.call(cmp) === '[object Object]') {
+            options = { ...cmp }
+          } else if (cmp && cmp.options) {
+            options = cmp.options
+          }
         })
       } else {
         // Regular component
@@ -203,22 +233,11 @@ export default {
       return this.componentOptions.props || {}
     },
     propsFields() {
-      const props = this.componentProps
-      const hasRequired = Object.keys(props).some(p => props[p].required)
-
-      const fields = [
+      return [
         { key: 'prop', label: 'Property' },
         { key: 'type', label: 'Type' },
         { key: 'defaultValue', label: 'Default Value' }
       ]
-
-      // Add the required column if there are required field(s)
-      if (hasRequired) {
-        // Insert required field after prop name
-        fields.splice(1, 0, { key: 'required', label: 'Required' })
-      }
-
-      return fields
     },
     eventsFields() {
       return [
@@ -267,19 +286,15 @@ export default {
         }
         defaultVal = (defaultVal || '').replace(/"/g, "'")
 
-        // Requied prop?
-        const required = p.required ? 'Yes' : ''
-        // Deprecation?
-        const deprecated = p.deprecated || false
-
         return {
           prop: kebabCase(prop),
           type,
-          required,
           typeClass,
           defaultValue: defaultVal,
-          deprecated,
-          _showDetails: !!deprecated
+          required: p.required || false,
+          deprecated: p.deprecated || false,
+          deprecation: p.deprecation || false,
+          _showDetails: typeof p.deprecated === 'string' || typeof p.deprecation === 'string'
         }
       })
     },