@carbon/vue 2.43.0 → 2.43.1

package/README.md

@@ -1,7 +1,19 @@
 # carbon-components-vue
 
-[![Carbon Components Vue is released under the Apache-2.0 license](https://img.shields.io/badge/license-Apache--2.0-blue.svg)](./LICENSE)
-[![CircleCI](https://circleci.com/gh/carbon-design-system/carbon-components-vue.svg?style=shield)](https://circleci.com/gh/carbon-design-system/carbon-components-vue)
+<p align="center">
+  <a href="https://github.com/carbon-design-system/carbon/blob/master/LICENSE">
+    <img src="https://img.shields.io/badge/license-Apache--2.0-blue.svg" alt="Carbon is released under the Apache-2.0 license" />
+  </a>
+  <a href="https://github.com/carbon-design-system/carbon/actions/workflows/ci.yml">
+    <img src="https://github.com/carbon-design-system/carbon/actions/workflows/ci.yml/badge.svg" alt="CI workflow status" />
+  </a>
+  <a href="https://lerna.js.org/">
+    <img src="https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg" alt="Maintained with Lerna" />
+  </a>
+  <a href="https://github.com/carbon-design-system/carbon/blob/master/.github/CONTRIBUTING.md">
+    <img src="https://img.shields.io/badge/PRs-welcome-brightgreen.svg" alt="PRs welcome" />
+  </a>
+</p>
 
 > Vue implementation of the Carbon Design System
 > A collection of [Carbon Components](https://github.com/carbon-design-system/carbon-components) implemented using <img src="https://vuejs.org/images/logo.png" width="20" alt="Vue logo"> [Vue.js](https://vuejs.org/).
@@ -36,6 +48,16 @@ Please refer to the [Contribution Guidelines](../../.github/CONTRIBUTING.md) bef
 
 Fork this repository, create a new branch, and submit a pull request to this repository. The PR will be used as part of a review process.
 
+NOTE: PR titles need to conform to sematic versioning pattern described <https://github.com/amannn/action-semantic-pull-request>
+
+e.g.
+Examples for valid PR titles:
+
+- fix: Correct typo.
+- feat: Add support for Node 12.
+- refactor!: Drop support for Node 6.
+- feat(ui): Add Button component.
+
 ## Usage
 
 ### General

package/dist/carbon-vue.common.js

@@ -6855,16 +6855,16 @@ function normalizeComponent (
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"90a2466e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-search/cv-search.vue?vue&type=template&id=5fbaa434&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"90a2466e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-search/cv-search.vue?vue&type=template&id=6748815f&
 var render = function () {
 var _obj, _obj$1;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-wrapper',{class:("cv-search " + _vm.carbonPrefix + "--form-item"),attrs:{"tag-type":_vm.formItem ? 'div' : ''}},[_c('div',{ref:"search",class:[
       (_vm.carbonPrefix + "--search"),
-      ( _obj = {}, _obj[(_vm.carbonPrefix + "--search--light")] = _vm.isLight, _obj[(_vm.carbonPrefix + "--search--" + _vm.internalSize)] = _vm.internalSize, _obj[(_vm.carbonPrefix + "--toolbar-search")] = _vm.isToolbarKind, _obj[(_vm.carbonPrefix + "--toolbar-search--active")] = _vm.toolbarActive, _obj['cv-search'] =  !_vm.formItem, _obj ) ],attrs:{"aria-labelledby":_vm.uid,"role":"search"}},[(_vm.isToolbarKind)?_c('button',{class:(_vm.carbonPrefix + "--toolbar-search__btn"),attrs:{"type":"button","aria-label":_vm.toolbarAriaLabel},on:{"click":function($event){return _vm.toggleActive(true)},"blur":_vm.checkFocus}},[_c(_vm.icon,{tag:"component",class:(_vm.carbonPrefix + "--search-magnifier")})],1):_vm._e(),(!_vm.isToolbarKind)?_c('div',{class:(_vm.carbonPrefix + "--search-magnifier")},[_c('Search20',{class:(_vm.carbonPrefix + "--search-magnifier-icon")})],1):_vm._e(),_c('label',{class:(_vm.carbonPrefix + "--label"),attrs:{"for":_vm.uid}},[_vm._v(_vm._s(_vm.label))]),_c('input',_vm._g(_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.internalValue),expression:"internalValue"}],ref:"input",class:(_vm.carbonPrefix + "--search-input"),attrs:{"id":_vm.uid,"type":"text","role":"search","placeholder":_vm.placeholder,"aria-labelledby":_vm.uid},domProps:{"value":(_vm.internalValue)},on:{"blur":_vm.checkFocus,"input":function($event){if($event.target.composing){ return; }_vm.internalValue=$event.target.value}}},'input',_vm.$attrs,false),_vm.inputListeners)),_c('button',{class:[(_vm.carbonPrefix + "--search-close"), ( _obj$1 = {}, _obj$1[(_vm.carbonPrefix + "--search-close--hidden")] = !_vm.clearVisible, _obj$1 )],attrs:{"type":"button","title":_vm.clearAriaLabel,"aria-label":_vm.clearAriaLabel},on:{"click":_vm.onClearClick}},[_c('Close16')],1)])])}
+      ( _obj = {}, _obj[(_vm.carbonPrefix + "--search--light")] = _vm.isLight, _obj[(_vm.carbonPrefix + "--search--" + _vm.internalSize)] = _vm.internalSize, _obj[(_vm.carbonPrefix + "--toolbar-search")] = _vm.isToolbarKind, _obj[(_vm.carbonPrefix + "--toolbar-search--active")] = _vm.toolbarActive, _obj['cv-search'] =  !_vm.formItem, _obj ) ],attrs:{"aria-labelledby":_vm.uid,"role":"search"}},[(_vm.isToolbarKind)?_c('button',{class:(_vm.carbonPrefix + "--toolbar-search__btn"),attrs:{"type":"button","aria-label":_vm.toolbarAriaLabel},on:{"click":function($event){return _vm.toggleActive(true)},"blur":_vm.checkFocus}},[_c(_vm.icon,{tag:"component",class:(_vm.carbonPrefix + "--search-magnifier")})],1):_vm._e(),(!_vm.isToolbarKind)?_c('div',{class:(_vm.carbonPrefix + "--search-magnifier")},[_c('Search20',{class:(_vm.carbonPrefix + "--search-magnifier-icon")})],1):_vm._e(),_c('label',{class:(_vm.carbonPrefix + "--label"),attrs:{"for":_vm.uid}},[_vm._v(_vm._s(_vm.label))]),_c('input',_vm._g(_vm._b({directives:[{name:"model",rawName:"v-model",value:(_vm.internalValue),expression:"internalValue"}],ref:"input",class:(_vm.carbonPrefix + "--search-input"),attrs:{"id":_vm.uid,"type":"text","placeholder":_vm.placeholder,"aria-labelledby":_vm.uid},domProps:{"value":(_vm.internalValue)},on:{"blur":_vm.checkFocus,"input":function($event){if($event.target.composing){ return; }_vm.internalValue=$event.target.value}}},'input',_vm.$attrs,false),_vm.inputListeners)),_c('button',{class:[(_vm.carbonPrefix + "--search-close"), ( _obj$1 = {}, _obj$1[(_vm.carbonPrefix + "--search-close--hidden")] = !_vm.clearVisible, _obj$1 )],attrs:{"type":"button","title":_vm.clearAriaLabel,"aria-label":_vm.clearAriaLabel},on:{"click":_vm.onClearClick}},[_c('Close16')],1)])])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-search/cv-search.vue?vue&type=template&id=5fbaa434&
+// CONCATENATED MODULE: ./src/components/cv-search/cv-search.vue?vue&type=template&id=6748815f&
 
 // EXTERNAL MODULE: ./src/mixins/index.js + 7 modules
 var mixins = __webpack_require__("1b62");
@@ -6973,7 +6973,6 @@ var _cv_wrapper = __webpack_require__("5d36");
 //
 //
 //
-//
 
 
 
@@ -9670,17 +9669,17 @@ var ErrorFilled20 = Object(_utils_6832c513_js__WEBPACK_IMPORTED_MODULE_0__[/* c
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"90a2466e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-file-uploader/cv-file-uploader.vue?vue&type=template&id=2e8050ea&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"90a2466e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-file-uploader/cv-file-uploader.vue?vue&type=template&id=0829a280&
 var render = function () {
 var _obj;
 var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-form-item',{staticClass:"cv-file-uploader"},[_c('p',{class:(_vm.carbonPrefix + "--file--label")},[_vm._v(_vm._s(_vm.label))]),_c('p',{class:(_vm.carbonPrefix + "--label-description")},[_vm._v(_vm._s(_vm.helperText))]),_c('div',{class:(_vm.carbonPrefix + "--file"),attrs:{"data-file":""}},[_c('label',{ref:"focusTarget",class:[
-        ( _obj = {}, _obj[(_vm.carbonPrefix + "--file-browse-btn")] = _vm.kind !== 'button', _obj[(_vm.carbonPrefix + "--btn")] = _vm.kind === 'button', _obj[(_vm.carbonPrefix + "--btn--primary")] = _vm.kind === 'button', _obj ) ],attrs:{"for":_vm.uid,"role":"button","tabindex":"0"},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.onShow()},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();}],"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.onShow()}}},[_c('cv-wrapper',{class:(_vm.carbonPrefix + "--file__drop-container" + _vm.allowDropClass),attrs:{"tag-type":_vm.kind !== 'button' ? 'div' : '',"data-file-drop-container":""},on:{"dragover":_vm.onDragEvent,"dragleave":_vm.onDragEvent,"drop":_vm.onDragEvent}},[_vm._t("drop-target",function(){return [_vm._v(_vm._s(_vm.internalDropTargetLabel))]}),(_vm.kind !== 'button')?_c('input',_vm._g(_vm._b({ref:"file-input",class:(_vm.carbonPrefix + "--file-input"),attrs:{"type":"file","accept":_vm.accept,"id":_vm.uid,"data-file-uploader":"","data-target":"[data-file-container]"}},'input',_vm.$attrs,false),_vm.inputListeners)):_vm._e()],2)],1),(_vm.kind === 'button')?_c('input',_vm._g(_vm._b({ref:"file-input",class:(_vm.carbonPrefix + "--file-input"),attrs:{"type":"file","accept":_vm.accept,"id":_vm.uid,"data-file-uploader":"","data-target":"[data-file-container]"}},'input',_vm.$attrs,false),_vm.inputListeners)):_vm._e(),_c('div',{class:(_vm.carbonPrefix + "--file-container"),attrs:{"data-file-container":""}},_vm._l((_vm.internalFiles),function(file,index){return _c('div',{key:index,class:_vm.isInvalid(index)
+        ( _obj = {}, _obj[(_vm.carbonPrefix + "--file-browse-btn")] = _vm.kind !== 'button', _obj[(_vm.carbonPrefix + "--btn")] = _vm.kind === 'button', _obj[(_vm.carbonPrefix + "--btn--primary")] = _vm.kind === 'button', _obj ) ],attrs:{"for":_vm.uid,"tabindex":"0"},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.onShow()},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();}],"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.onShow()}}},[_c('cv-wrapper',{class:(_vm.carbonPrefix + "--file__drop-container" + _vm.allowDropClass),attrs:{"tag-type":_vm.kind !== 'button' ? 'div' : '',"data-file-drop-container":""},on:{"dragover":_vm.onDragEvent,"dragleave":_vm.onDragEvent,"drop":_vm.onDragEvent}},[_vm._t("drop-target",function(){return [_vm._v(_vm._s(_vm.internalDropTargetLabel))]}),(_vm.kind !== 'button')?_c('input',_vm._g(_vm._b({ref:"file-input",class:(_vm.carbonPrefix + "--file-input"),attrs:{"type":"file","accept":_vm.accept,"id":_vm.uid,"data-file-uploader":"","data-target":"[data-file-container]"}},'input',_vm.$attrs,false),_vm.inputListeners)):_vm._e()],2)],1),(_vm.kind === 'button')?_c('input',_vm._g(_vm._b({ref:"file-input",class:(_vm.carbonPrefix + "--file-input"),attrs:{"type":"file","accept":_vm.accept,"id":_vm.uid,"data-file-uploader":"","data-target":"[data-file-container]"}},'input',_vm.$attrs,false),_vm.inputListeners)):_vm._e(),_c('div',{class:(_vm.carbonPrefix + "--file-container"),attrs:{"data-file-container":""}},_vm._l((_vm.internalFiles),function(file,index){return _c('div',{key:index,class:_vm.isInvalid(index)
             ? (_vm.carbonPrefix + "--file__selected-file--invalid__wrapper")
             : (_vm.carbonPrefix + "--file__selected-file")},[_c('cv-wrapper',{class:(_vm.carbonPrefix + "--file__selected-file " + _vm.carbonPrefix + "--file__selected-file--invalid"),attrs:{"tag-type":_vm.isInvalid(index) ? 'div' : ''}},[_c('p',{class:(_vm.carbonPrefix + "--file-filename"),attrs:{"title":file.file.name}},[_vm._v(_vm._s(file.file.name))]),_c('span',{class:(_vm.carbonPrefix + "--file__state-container"),style:(_vm.stateStyleOverides),attrs:{"data-for":_vm.uid,"data-test":file.state}},[(file.state === 'uploading')?_c('div',{class:(_vm.carbonPrefix + "--inline-loading__animation")},[_c('div',{class:(_vm.carbonPrefix + "--loading " + _vm.carbonPrefix + "--loading--small"),attrs:{"data-inline-loading-spinner":""}},[_c('svg',{class:(_vm.carbonPrefix + "--loading__svg"),attrs:{"viewBox":"-75 -75 150 150"}},[_c('circle',{class:(_vm.carbonPrefix + "--loading__background"),attrs:{"cx":"0","cy":"0","r":"37.5"}}),_c('circle',{class:(_vm.carbonPrefix + "--loading__stroke"),attrs:{"cx":"0","cy":"0","r":"37.5"}})])])]):_vm._e(),(file.state === 'complete')?_c('CheckmarkFilled16',{class:(_vm.carbonPrefix + "--file-complete")}):_vm._e(),(_vm.isInvalid(index))?_c('WarningFilled16',{class:(_vm.carbonPrefix + "--file--invalid")}):_vm._e(),(_vm.removable)?_c('button',{class:(_vm.carbonPrefix + "--file-close"),attrs:{"type":"button","alt":_vm.removeAriaLabel,"arial-label":_vm.removeAriaLabel},on:{"click":function($event){return _vm.remove(index)}}},[_c('Close16')],1):_vm._e()],1),(_vm.isInvalid(index))?_c('div',{class:(_vm.carbonPrefix + "--form-requirement")},[_c('div',{class:(_vm.carbonPrefix + "--form-requirement__title")},[_vm._v("\n              "+_vm._s(file.invalidMessageTitle || 'Invalid file')+"\n            ")]),_c('p',{class:(_vm.carbonPrefix + "--form-requirement__supplement")},[_vm._v(_vm._s(file.invalidMessage))])]):_vm._e()])],1)}),0)])])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-file-uploader/cv-file-uploader.vue?vue&type=template&id=2e8050ea&
+// CONCATENATED MODULE: ./src/components/cv-file-uploader/cv-file-uploader.vue?vue&type=template&id=0829a280&
 
 // EXTERNAL MODULE: ./src/mixins/index.js + 7 modules
 var mixins = __webpack_require__("1b62");
@@ -9816,7 +9815,6 @@ var consts = __webpack_require__("4352");
 //
 //
 //
-//
 
 
 
@@ -12041,36 +12039,8 @@ var _16 = __webpack_require__("f47d");
 // EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/chevron--down/16.js
 var chevron_down_16 = __webpack_require__("ae56");
 
-// CONCATENATED MODULE: ./src/directives/clickout.js
-// This directive determines calls the associated method if a click happens outside of el
-
-const handlerMap = new WeakMap();
-
-/* harmony default export */ var clickout = ({
-  bind(el, binding, vnode) {
-    if (!el.clickOutsideBlur) {
-      el.clickOutsideBlur = function() {
-        // neither element or child of
-        if (!handlerMap.has(el)) {
-          handlerMap.set(el, clickoutEv => {
-            // neither element or child of
-            if (!(el == clickoutEv.target || el.contains(clickoutEv.target))) {
-              // call method
-              vnode.context[binding.expression](clickoutEv);
-            }
-          });
-          document.body.addEventListener('click', handlerMap.get(el));
-        }
-      };
-
-      el.addEventListener('focusout', el.clickOutsideBlur);
-    }
-  },
-  unbind(el) {
-    handlerMap.delete(el);
-    el.removeEventListener('focusout', el.clickOutsideBlur);
-  },
-});
+// EXTERNAL MODULE: ./src/directives/clickout.js
+var clickout = __webpack_require__("c88a");
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-dropdown/cv-dropdown.vue?vue&type=script&lang=js&
 //
@@ -12203,7 +12173,7 @@ const handlerMap = new WeakMap();
 /* harmony default export */ var cv_dropdownvue_type_script_lang_js_ = ({
   name: 'CvDropdown',
   inheritAttrs: false,
-  directives: { clickout: clickout },
+  directives: { clickout: clickout["a" /* default */] },
   mixins: [mixins["g" /* themeMixin */], mixins["h" /* uidMixin */], mixins["a" /* carbonPrefixMixin */], Object(mixins["d" /* methodsMixin */])({ button: ['blur', 'focus'] })],
   components: { WarningFilled16: _16["a" /* default */], ChevronDown16: chevron_down_16["a" /* default */], CvDropdownItem: cv_dropdown_item["default"] },
   props: {
@@ -17485,6 +17455,43 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 /* harmony default export */ var cv_form_group = __webpack_exports__["default"] = (component.exports);
 
+/***/ }),
+
+/***/ "c88a":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// This directive determines calls the associated method if a click happens outside of el
+
+const handlerMap = new WeakMap();
+
+/* harmony default export */ __webpack_exports__["a"] = ({
+  bind(el, binding, vnode) {
+    if (!el.clickOutsideBlur) {
+      el.clickOutsideBlur = function() {
+        // neither element or child of
+        if (!handlerMap.has(el)) {
+          handlerMap.set(el, clickoutEv => {
+            // neither element or child of
+            if (!(el == clickoutEv.target || el.contains(clickoutEv.target))) {
+              // call method
+              vnode.context[binding.expression](clickoutEv);
+            }
+          });
+          document.body.addEventListener('click', handlerMap.get(el));
+        }
+      };
+
+      el.addEventListener('focusout', el.clickOutsideBlur);
+    }
+  },
+  unbind(el) {
+    handlerMap.delete(el);
+    el.removeEventListener('focusout', el.clickOutsideBlur);
+  },
+});
+
+
 /***/ }),
 
 /***/ "c9df":
@@ -22491,12 +22498,14 @@ var cv_code_snippet_component = Object(componentNormalizer["a" /* default */])(
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"90a2466e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-data-table/cv-data-table.vue?vue&type=template&id=4dc180a4&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"90a2466e-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-data-table/cv-data-table.vue?vue&type=template&id=61eca166&
 var render = function () {
 var _obj, _obj$1, _obj$2, _obj$3;
-var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-data-table",style:(_vm.tableStyle)},[_c('div',{class:(_vm.carbonPrefix + "--data-table-container")},[(_vm.hasTableHeader)?_c('div',{class:(_vm.carbonPrefix + "--data-table-header")},[(_vm.title)?_c('h4',{class:(_vm.carbonPrefix + "--data-table-header__title")},[_vm._v(_vm._s(_vm.title))]):_vm._e(),(_vm.isHelper)?_c('p',{class:(_vm.carbonPrefix + "--data-table-header__description")},[_vm._t("helper-text",function(){return [_vm._v(_vm._s(_vm.helperText))]})],2):_vm._e()]):_vm._e(),(_vm.hasToolbar)?_c('section',{class:(_vm.carbonPrefix + "--table-toolbar")},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.hasBatchActions),expression:"hasBatchActions"}],class:[(_vm.carbonPrefix + "--batch-actions"), ( _obj = {}, _obj[(_vm.carbonPrefix + "--batch-actions--active")] = _vm.batchActive, _obj )],attrs:{"aria-hidden":!_vm.batchActive,"aria-label":_vm.actionBarAriaLabel}},[_c('div',{class:(_vm.carbonPrefix + "--action-list")},[_vm._t("batch-actions"),_c('cv-button',{class:(_vm.carbonPrefix + "--batch-summary__cancel"),attrs:{"size":"small"},on:{"click":_vm.deselect}},[_vm._v(_vm._s(_vm.batchCancelLabel))])],2),_c('div',{class:(_vm.carbonPrefix + "--batch-summary")},[_c('p',{class:(_vm.carbonPrefix + "--batch-summary__para")},[_c('span',{attrs:{"data-items-selected":""}},[_vm._t("items-selected",function(){return [_vm._v(_vm._s(_vm.dataRowsSelected.length)+" items selected")]},{"scope":{ count: _vm.dataRowsSelected.length }})],2)])])]),_c('div',{class:(_vm.carbonPrefix + "--toolbar-content")},[(_vm.$listeners.search)?_c('div',{ref:"searchContainer",class:( _obj$1 = {}, _obj$1[(_vm.carbonPrefix + "--toolbar-search-container-active")] = _vm.searchActive || _vm.searchValue.length > 0, _obj$1[(_vm.carbonPrefix + "--toolbar-search-container-persistent")] = !_vm.expandingSearch, _obj$1[(_vm.carbonPrefix + "--toolbar-search-container-expandable")] = _vm.expandingSearch, _obj$1 )},[_c('div',{class:(_vm.carbonPrefix + "--search " + _vm.carbonPrefix + "--search--sm"),attrs:{"data-search":"","role":"search"}},[_c('div',{ref:"magnifier",class:(_vm.carbonPrefix + "--search-magnifier"),attrs:{"tabindex":"0"},on:{"click":function($event){return _vm.checkSearchExpand(true)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.checkSearchExpand(true)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();}],"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.checkSearchExpand(true)}}},[_c('Search16',{class:(_vm.carbonPrefix + "--toolbar-action__icon")})],1),_c('label',{class:(_vm.carbonPrefix + "--label"),attrs:{"for":_vm.uid}},[_vm._v(_vm._s(_vm.searchLabel))]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.searchValue),expression:"searchValue"}],ref:"search",class:(_vm.carbonPrefix + "--search-input"),attrs:{"type":"text","id":_vm.uid,"role":"search","placeholder":_vm.searchPlaceholder,"aria-labelledby":_vm.uid},domProps:{"value":(_vm.searchValue)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.searchValue=$event.target.value},_vm.onSearch],"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.preventDefault();return _vm.checkSearchExpand(false)}}}),_c('button',{class:[
-                (_vm.carbonPrefix + "--search-close"),
-                ( _obj$2 = {}, _obj$2[(_vm.carbonPrefix + "--search-close--hidden")] = !_vm.clearSearchVisible, _obj$2 ) ],attrs:{"title":_vm.searchClearLabel,"aria-label":_vm.searchClearLabel,"type":"button"},on:{"click":_vm.onClearClick}},[_c('Close16')],1)])]):_vm._e(),_vm._t("actions")],2)]):_vm._e(),_c('div',{class:(_vm.carbonPrefix + "--data-table-content")},[_c('cv-wrapper',{class:(_vm.carbonPrefix + "--data-table_inner-container"),attrs:{"tagType":_vm.stickyHeader ? _vm.section : ''}},[_c('table',{class:[
+var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-data-table",style:(_vm.tableStyle)},[_c('div',{class:(_vm.carbonPrefix + "--data-table-container")},[(_vm.hasTableHeader)?_c('div',{class:(_vm.carbonPrefix + "--data-table-header")},[(_vm.title)?_c('h4',{class:(_vm.carbonPrefix + "--data-table-header__title")},[_vm._v(_vm._s(_vm.title))]):_vm._e(),(_vm.isHelper)?_c('p',{class:(_vm.carbonPrefix + "--data-table-header__description")},[_vm._t("helper-text",function(){return [_vm._v(_vm._s(_vm.helperText))]})],2):_vm._e()]):_vm._e(),(_vm.hasToolbar)?_c('section',{class:(_vm.carbonPrefix + "--table-toolbar")},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.hasBatchActions),expression:"hasBatchActions"}],class:[(_vm.carbonPrefix + "--batch-actions"), ( _obj = {}, _obj[(_vm.carbonPrefix + "--batch-actions--active")] = _vm.batchActive, _obj )],attrs:{"aria-hidden":!_vm.batchActive,"aria-label":_vm.actionBarAriaLabel}},[_c('div',{class:(_vm.carbonPrefix + "--action-list")},[_vm._t("batch-actions"),_c('cv-button',{class:(_vm.carbonPrefix + "--batch-summary__cancel"),attrs:{"size":"small"},on:{"click":_vm.deselect}},[_vm._v(_vm._s(_vm.batchCancelLabel))])],2),_c('div',{class:(_vm.carbonPrefix + "--batch-summary")},[_c('p',{class:(_vm.carbonPrefix + "--batch-summary__para")},[_c('span',{attrs:{"data-items-selected":""}},[_vm._t("items-selected",function(){return [_vm._v(_vm._s(_vm.dataRowsSelected.length)+" items selected")]},{"scope":{ count: _vm.dataRowsSelected.length }})],2)])])]),_c('div',{class:(_vm.carbonPrefix + "--toolbar-content")},[(_vm.$listeners.search)?_c('div',{ref:"searchContainer",class:[
+            (_vm.carbonPrefix + "--search " + _vm.carbonPrefix + "--search--xl"),
+            ( _obj$1 = {}, _obj$1[(_vm.carbonPrefix + "--toolbar-search-container-active")] = _vm.searchActive || _vm.searchValue.length > 0, _obj$1[(_vm.carbonPrefix + "--toolbar-search-container-persistent")] = !_vm.expandingSearch, _obj$1[(_vm.carbonPrefix + "--toolbar-search-container-expandable")] = _vm.expandingSearch, _obj$1 ) ],attrs:{"aria-labelledby":(_vm.uid + "-search"),"role":"search"}},[_c('div',{ref:"magnifier",class:(_vm.carbonPrefix + "--search-magnifier")},[_c('Search16',{class:(_vm.carbonPrefix + "--search-magnifier-icon")})],1),_c('label',{class:(_vm.carbonPrefix + "--label"),attrs:{"id":(_vm.uid + "-search"),"for":_vm.uid}},[_vm._v(_vm._s(_vm.searchLabel))]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.searchValue),expression:"searchValue"}],ref:"search",class:(_vm.carbonPrefix + "--search-input"),attrs:{"type":"text","id":_vm.uid,"role":"search","placeholder":_vm.searchPlaceholder,"aria-labelledby":_vm.uid},domProps:{"value":(_vm.searchValue)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.searchValue=$event.target.value},_vm.onSearch],"click":function($event){return _vm.checkSearchExpand(true)},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.preventDefault();return _vm.checkSearchExpand(false)},"focus":function($event){return _vm.checkSearchExpand(true)},"blur":function($event){return _vm.checkSearchExpand(false)}}}),_c('button',{class:[
+              (_vm.carbonPrefix + "--search-close"),
+              ( _obj$2 = {}, _obj$2[(_vm.carbonPrefix + "--search-close--hidden")] = !_vm.clearSearchVisible, _obj$2 ) ],attrs:{"title":_vm.searchClearLabel,"aria-label":_vm.searchClearLabel,"type":"button"},on:{"click":_vm.onClearClick}},[_c('Close16')],1)]):_vm._e(),_vm._t("actions")],2)]):_vm._e(),_c('div',{class:(_vm.carbonPrefix + "--data-table-content")},[_c('cv-wrapper',{class:(_vm.carbonPrefix + "--data-table_inner-container"),attrs:{"tagType":_vm.stickyHeader ? _vm.section : ''}},[_c('table',{class:[
             (_vm.carbonPrefix + "--data-table"),
             ( _obj$3 = {}, _obj$3[(_vm.carbonPrefix + "--data-table--" + _vm.rowSize + " ")] = !(_vm.rowSize.length === 0 || _vm.rowSize === 'standard'), _obj$3[(_vm.carbonPrefix + "--data-table--zebra ")] = _vm.zebra, _obj$3[(_vm.carbonPrefix + "--data-table--sticky-header ")] = _vm.stickyHeader, _obj$3[(_vm.carbonPrefix + "--data-table--no-border ")] = _vm.borderless, _obj$3[(_vm.carbonPrefix + "--skeleton ")] = _vm.skeleton, _obj$3[(_vm.carbonPrefix + "--data-table--sort ")] = _vm.isSortable, _obj$3[(_vm.carbonPrefix + "--data-table--static ")] = _vm.staticWidth, _obj$3 ) ]},[_c('thead',[_c('tr',[(_vm.hasExpandables)?_c('th',{class:(_vm.carbonPrefix + "--table-expand"),attrs:{"data-previous-value":_vm.dataExpandAll ? 'collapsed' : 'expanded'}},[(_vm.hasExpandAll)?_c('button',{class:(_vm.carbonPrefix + "--table-expand__button"),attrs:{"type":"button","aria-label":_vm.dataExpandAll ? _vm.collapseAllAriaLabel : _vm.expandAllAriaLabel},on:{"click":_vm.toggleExpandAll}},[_c('ChevronRight16',{class:(_vm.carbonPrefix + "--table-expand__svg")})],1):_vm._e()]):_vm._e(),(_vm.hasBatchActions)?_c('th',{class:(_vm.carbonPrefix + "--table-column-checkbox")},[_c('cv-checkbox',{attrs:{"form-item":false,"value":"headingCheck","label":_vm.selectAllAriaLabel,"hideLabel":""},on:{"change":_vm.onHeadingCheckChange},model:{value:(_vm.headingChecked),callback:function ($$v) {_vm.headingChecked=$$v},expression:"headingChecked"}})],1):_vm._e(),_vm._t("headings",function(){return _vm._l((_vm.columns),function(column,index){return _c('cv-data-table-heading',{key:(index + ":" + column),attrs:{"heading":_vm.columnHeading(column),"sortable":_vm.isColSortable(column),"order":column.order,"heading-style":_vm.headingStyle(column),"skeleton":_vm.skeleton}})})}),(_vm.hasOverflowMenu)?_c('th'):_vm._e()],2)]),_c('cv-wrapper',{attrs:{"tag-type":_vm.hasExpandables ? '' : 'tbody'}},[_vm._t("data",function(){return _vm._l((_vm.data),function(row,rowIndex){return _c('cv-data-table-row',{key:("row:" + rowIndex),ref:"dataRows",refInFor:true,attrs:{"value":("" + rowIndex),"overflow-menu":_vm.overflowMenu}},_vm._l((row),function(cell,colIndex){return _c('cv-data-table-cell',{key:("cell:" + colIndex + ":" + rowIndex),style:(_vm.dataStyle(colIndex))},[_c('cv-wrapper',{attrs:{"tag-type":_vm.skeleton ? 'span' : ''}},[_vm._v(_vm._s(cell))])],1)}),1)})})],2)],1)])],1)]),(_vm.pagination)?_c('cv-pagination',_vm._b({attrs:{"number-of-items":_vm.internalNumberOfItems,"actual-items-on-page":this.registeredRows.length},on:{"change":function($event){return _vm.$emit('pagination', $event)}},scopedSlots:_vm._u([{key:"range-text",fn:function(ref){
           var scope = ref.scope;
@@ -22506,7 +22515,7 @@ return [(_vm.$scopedSlots['of-n-pages'])?_vm._t("of-n-pages",null,{"scope":scope
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table.vue?vue&type=template&id=4dc180a4&
+// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table.vue?vue&type=template&id=61eca166&
 
 // EXTERNAL MODULE: ./src/components/cv-data-table/cv-data-table-heading.vue + 6 modules
 var cv_data_table_heading = __webpack_require__("96a9");
@@ -22541,6 +22550,9 @@ var close_16 = __webpack_require__("5416");
 // EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/chevron--right/16.js
 var chevron_right_16 = __webpack_require__("7c7c");
 
+// EXTERNAL MODULE: ./src/directives/clickout.js
+var clickout = __webpack_require__("c88a");
+
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-data-table/cv-data-table.vue?vue&type=script&lang=js&
 //
 //
@@ -22725,9 +22737,7 @@ var chevron_right_16 = __webpack_require__("7c7c");
 //
 //
 //
-//
-//
-//
+
 
 
 
@@ -22754,6 +22764,7 @@ var chevron_right_16 = __webpack_require__("7c7c");
     Close16: close_16["a" /* default */],
     ChevronRight16: chevron_right_16["a" /* default */],
   },
+  directives: { clickout: clickout["a" /* default */] },
   mixins: [mixins["h" /* uidMixin */], mixins["a" /* carbonPrefixMixin */]],
   props: {
     actionBarAriaLabel: { type: String, default: 'Table Action Bar' },
@@ -22907,6 +22918,9 @@ var chevron_right_16 = __webpack_require__("7c7c");
       this.hasToolbar = !!(this.$slots.actions || this.$listeners.search || this.$slots['batch-actions']);
       this.isHelper = !!(this.$slots['helper-text'] || (this.helperText && this.helperText.length));
     },
+    onClickout(ev) {
+      this.checkSearchExpand(false);
+    },
     onCvMount(thing) {
       if (thing.$_CvDataTableHeading) {
         this.registeredHeadings = this.$children.filter(item => item.$_CvDataTableHeading);
@@ -25410,7 +25424,7 @@ var cv_date_picker = __webpack_require__("0539");
 
 
 
-// EXTERNAL MODULE: ./src/components/cv-dropdown/cv-dropdown.vue + 5 modules
+// EXTERNAL MODULE: ./src/components/cv-dropdown/cv-dropdown.vue + 4 modules
 var cv_dropdown = __webpack_require__("71cc");
 
 // EXTERNAL MODULE: ./src/components/cv-dropdown/cv-dropdown-item.vue + 4 modules