@carbon/vue 2.25.0-canary.0 → 2.26.0

package/dist/carbon-vue.umd.js

@@ -3888,16 +3888,17 @@ var 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":"2d6e2ed4-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-combo-box/cv-combo-box.vue?vue&type=template&id=04287c5e&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-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-combo-box/cv-combo-box.vue?vue&type=template&id=2ebd0474&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-combo-box bx--list-box__wrapper",on:{"focusout":_vm.onFocusOut}},[(_vm.title)?_c('label',{staticClass:"bx--label",class:{ 'bx--label--disabled': _vm.$attrs.disabled },attrs:{"for":_vm.uid}},[_vm._v("\n    "+_vm._s(_vm.title)+"\n  ")]):_vm._e(),(_vm.isHelper)?_c('div',{staticClass:"bx--form__helper-text",class:{ 'bx--form__helper-text--disabled': _vm.$attrs.disabled }},[_vm._t("helper-text",[_vm._v(_vm._s(_vm.helperText))])],2):_vm._e(),_c('div',_vm._b({staticClass:"bx--combo-box bx--list-box",class:{
       'bx--list-box--light': _vm.theme === 'light',
       'bx--combo-box--expanded': _vm.open,
+      'bx--list-box--expanded': _vm.open,
       'bx--combo-box--disabled bx--list-box--disabled': _vm.$attrs.disabled,
     },attrs:{"role":"listbox","tabindex":"-1","data-invalid":_vm.isInvalid},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onDown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onUp($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.onEnter($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.preventDefault();return _vm.onEsc($event)}],"click":_vm.onClick}},'div',_vm.$attrs,false),[(_vm.isInvalid)?_c('WarningFilled16',{staticClass:"bx--list-box__invalid-icon"}):_vm._e(),_c('div',{ref:"button",staticClass:"bx--list-box__field",attrs:{"role":"button","aria-haspopup":"true","aria-expanded":_vm.open,"aria-owns":_vm.uid,"aria-controls":_vm.uid,"tabindex":"-1","type":"button","aria-label":_vm.open ? 'close menu' : 'open menu',"data-toggle":"true"}},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.filter),expression:"filter"}],ref:"input",staticClass:"bx--text-input",attrs:{"aria-controls":_vm.uid,"aria-autocomplete":"list","role":"combobox","aria-expanded":_vm.open,"autocomplete":"off","placeholder":_vm.label},domProps:{"value":(_vm.filter)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.filter=$event.target.value},_vm.onInput],"focus":_vm.inputFocus,"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.inputClick($event)}}}),(_vm.filter)?_c('div',{staticClass:"bx--list-box__selection",attrs:{"role":"button","tabindex":"0","title":"Clear filter"},on:{"click":function($event){$event.stopPropagation();return _vm.clearFilter($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.clearFilter($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.stopPropagation();$event.preventDefault();}],"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.clearFilter($event)}}},[_c('Close16')],1):_vm._e(),_c('div',{staticClass:"bx--list-box__menu-icon",class:{ 'bx--list-box__menu-icon--open': _vm.open },attrs:{"role":"button"}},[_c('chevron-down-16',{attrs:{"aria-label":_vm.open ? 'Close menu' : 'Open menu'}})],1)]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.open),expression:"open"}],ref:"list",staticClass:"bx--list-box__menu",attrs:{"id":_vm.uid,"role":"listbox"}},_vm._l((_vm.dataOptions),function(item,index){return _c('div',{key:("combo-box-" + index),ref:"option",refInFor:true,staticClass:"bx--list-box__menu-item",class:{ 'bx--list-box__menu-item--highlighted': _vm.highlighted === item.value },on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onItemClick(item.value)},"mousemove":function($event){return _vm.onMousemove(item.value)},"mousedown":function($event){$event.preventDefault();}}},[_c('div',{staticClass:"bx--list-box__menu-item__option"},[_vm._v(_vm._s(item.label))])])}),0)],1),(_vm.isInvalid)?_c('div',{staticClass:"bx--form-requirement"},[_vm._t("invalid-message",[_vm._v(_vm._s(_vm.invalidMessage))])],2):_vm._e()])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-combo-box/cv-combo-box.vue?vue&type=template&id=04287c5e&
+// CONCATENATED MODULE: ./src/components/cv-combo-box/cv-combo-box.vue?vue&type=template&id=2ebd0474&
 
 // EXTERNAL MODULE: ./src/mixins/theme-mixin.js
 var theme_mixin = __webpack_require__("d43c");
@@ -4010,6 +4011,7 @@ var uid_mixin = __webpack_require__("fceb");
 //
 //
 //
+//
 
 
 
@@ -19914,6 +19916,7 @@ var map = {
 	"./cv-content-switcher/cv-content-switcher.vue": "fb07",
 	"./cv-data-table/cv-data-table-action.vue": "1ee4",
 	"./cv-data-table/cv-data-table-cell.vue": "0647",
+	"./cv-data-table/cv-data-table-heading.vue": "96a9",
 	"./cv-data-table/cv-data-table-row.vue": "0f44",
 	"./cv-data-table/cv-data-table-skeleton.vue": "7018",
 	"./cv-data-table/cv-data-table.vue": "def8",
@@ -23405,7 +23408,7 @@ var staticRenderFns = []
 
 // CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table-skeleton.vue?vue&type=template&id=025a8d9e&
 
-// EXTERNAL MODULE: ./src/components/cv-data-table/cv-data-table.vue + 11 modules
+// EXTERNAL MODULE: ./src/components/cv-data-table/cv-data-table.vue + 4 modules
 var cv_data_table = __webpack_require__("def8");
 
 // 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-skeleton.vue?vue&type=script&lang=js&
@@ -23877,12 +23880,12 @@ var 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":"2d6e2ed4-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-pagination/cv-pagination.vue?vue&type=template&id=f51d216e&
-var cv_paginationvue_type_template_id_f51d216e_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-pagination bx--pagination",attrs:{"data-pagination":""}},[_c('div',{staticClass:"bx--pagination__left"},[_c('cv-select',{ref:"pageSizeSelect",staticClass:"bx--select__item-count",attrs:{"label":("" + _vm.pageSizesLabel),"inline":"","value":("" + _vm.pageSizeValue)},on:{"change":_vm.onPageSizeChange}},_vm._l((_vm.pageSizes),function(size,index){return _c('cv-select-option',{key:index,attrs:{"value":("" + (size.value ? size.value : size))}},[_vm._v(_vm._s(size.label ? size.label : size.value ? size.value : size))])}),1),_c('span',{staticClass:"bx--pagination__text"},[_c('span',{attrs:{"data-displayed-item-range":""}},[_vm._t("range-text",[_vm._v(_vm._s(_vm.rangeText))],{"scope":_vm.rangeProps})],2)])],1),_c('div',{staticClass:"bx--pagination__right"},[(_vm.numberOfItems !== Infinity)?_c('cv-select',{ref:"pageSelect",staticClass:"bx--select__page-number",attrs:{"label":(_vm.pageNumberLabel + ":"),"inline":"","hideLabel":"","value":("" + _vm.pageValue)},on:{"change":_vm.onPageChange}},_vm._l((_vm.pages),function(pageNumber){return _c('cv-select-option',{key:pageNumber,attrs:{"value":("" + pageNumber),"selected":_vm.pageValue === pageNumber}},[_vm._v(_vm._s(pageNumber))])}),1):_vm._e(),_c('span',{staticClass:"bx--pagination__text"},[_vm._t("of-n-pages",[_vm._v(_vm._s(_vm.pageOfPages))],{"scope":_vm.ofNPagesProps})],2),_c('button',{staticClass:"bx--pagination__button bx--pagination__button--backward",class:{ 'bx--pagination__button--no-index': _vm.noWayBack },attrs:{"type":"button","data-page-backward":"","aria-label":_vm.backwardText,"disabled":_vm.noWayBack},on:{"click":_vm.onPrevPage}},[_c('CaretLeft16',{staticClass:"bx--pagination__button-icon"})],1),_c('button',{staticClass:"bx--pagination__button bx--pagination__button--forward",class:{ 'bx--pagination__button--no-index': _vm.noWayForward },attrs:{"type":"button","data-page-forward":"","aria-label":_vm.forwardText,"disabled":_vm.noWayForward},on:{"click":_vm.onNextPage}},[_c('CaretRight16',{staticClass:"bx--pagination__button-icon"})],1)],1)])}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-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-pagination/cv-pagination.vue?vue&type=template&id=a883c3be&
+var cv_paginationvue_type_template_id_a883c3be_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-pagination bx--pagination",attrs:{"data-pagination":""}},[_c('div',{staticClass:"bx--pagination__left"},[_c('cv-select',{ref:"pageSizeSelect",staticClass:"bx--select__item-count",attrs:{"label":("" + _vm.pageSizesLabel),"inline":"","value":("" + _vm.pageSizeValue)},on:{"change":_vm.onPageSizeChange}},_vm._l((_vm.pageSizes),function(size,index){return _c('cv-select-option',{key:index,attrs:{"value":("" + (size.value ? size.value : size))}},[_vm._v(_vm._s(size.label ? size.label : size.value ? size.value : size))])}),1),_c('span',{staticClass:"bx--pagination__text"},[_c('span',{attrs:{"data-displayed-item-range":""}},[_vm._t("range-text",[_vm._v(_vm._s(_vm.rangeText))],{"scope":_vm.rangeProps})],2)])],1),_c('div',{staticClass:"bx--pagination__right"},[(_vm.numberOfItems !== Infinity)?_c('cv-select',{ref:"pageSelect",staticClass:"bx--select__page-number",attrs:{"label":(_vm.pageNumberLabel + ":"),"inline":"","hideLabel":"","value":("" + _vm.pageValue)},on:{"change":_vm.onPageChange}},_vm._l((_vm.pages),function(pageNumber){return _c('cv-select-option',{key:pageNumber,attrs:{"value":("" + pageNumber),"selected":_vm.pageValue === pageNumber}},[_vm._v(_vm._s(pageNumber))])}),1):_vm._e(),_c('span',{staticClass:"bx--pagination__text"},[_vm._t("of-n-pages",[_vm._v(_vm._s(_vm.pageOfPages))],{"scope":_vm.ofNPagesProps})],2),_c('button',{staticClass:"bx--pagination__button bx--pagination__button--backward",class:{ 'bx--pagination__button--no-index': _vm.noWayBack },attrs:{"type":"button","data-page-backward":"","aria-label":_vm.backwardText,"disabled":_vm.noWayBack},on:{"click":_vm.onPrevPage}},[_c('CaretLeft16',{staticClass:"bx--pagination__button-icon"})],1),_c('button',{staticClass:"bx--pagination__button bx--pagination__button--forward",class:{ 'bx--pagination__button--no-index': _vm.noWayForward },attrs:{"type":"button","data-page-forward":"","aria-label":_vm.forwardText,"disabled":_vm.noWayForward},on:{"click":_vm.onNextPage}},[_c('CaretRight16',{staticClass:"bx--pagination__button-icon"})],1)],1)])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-pagination/cv-pagination.vue?vue&type=template&id=f51d216e&
+// CONCATENATED MODULE: ./src/components/cv-pagination/cv-pagination.vue?vue&type=template&id=a883c3be&
 
 // EXTERNAL MODULE: ./src/components/cv-select/cv-select.vue + 4 modules
 var cv_select = __webpack_require__("1cf6");
@@ -24135,6 +24138,8 @@ const newFirstItem = (pageValue, pageSizeValue) => 1 + (pageValue - 1) * pageSiz
   name: 'CvPagination',
   components: { CvSelect: cv_select["default"], CvSelectOption: cv_select_option["default"], CaretLeft16: _16, CaretRight16: caret_right_16 },
   props: {
+    backwardsButtonDisabled: Boolean,
+    forwardsButtonDisabled: Boolean,
     backwardText: { type: String, default: 'Prev page' },
     forwardText: { type: String, default: 'Next page' },
     pageNumberLabel: { type: String, default: 'Page number:' },
@@ -24184,10 +24189,10 @@ const newFirstItem = (pageValue, pageSizeValue) => 1 + (pageValue - 1) * pageSiz
   },
   computed: {
     noWayBack() {
-      return this.pageValue === 1;
+      return this.backwardsButtonDisabled || this.pageValue === 1;
     },
     noWayForward() {
-      return this.pageValue === this.pageCount;
+      return this.forwardsButtonDisabled || this.pageValue === this.pageCount;
     },
     ofNPagesProps() {
       return {
@@ -24278,7 +24283,7 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   cv_pagination_cv_paginationvue_type_script_lang_js_,
-  cv_paginationvue_type_template_id_f51d216e_render,
+  cv_paginationvue_type_template_id_a883c3be_render,
   staticRenderFns,
   false,
   null,
@@ -26490,6 +26495,284 @@ var component = Object(componentNormalizer["a" /* default */])(
 }));
 
 
+/***/ }),
+
+/***/ "96a9":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-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-heading.vue?vue&type=template&id=3e9c385f&
+var cv_data_table_headingvue_type_template_id_3e9c385f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',{style:(_vm.skeleton && _vm.headingStyle),attrs:{"aria-sort":_vm.internalOrder}},[(_vm.sortable)?_c('button',{class:['bx--table-sort', _vm.orderClass],style:(_vm.headingStyle),attrs:{"type":"button"},on:{"click":_vm.onSortClick}},[_c('cv-wrapper',{staticClass:"bx--table-header-label",attrs:{"tag-type":_vm.headingLabelTag}},[_vm._t("default",[_vm._v(_vm._s(_vm.heading))])],2),_c('ArrowDown16',{staticClass:"bx--table-sort__icon"}),_c('Arrows16',{staticClass:"bx--table-sort__icon-unsorted"})],1):_c('cv-wrapper',{staticClass:"bx--table-header-label",style:(_vm.headingStyle),attrs:{"tag-type":_vm.headingLabelTag}},[_vm._t("default",[_vm._v(_vm._s(_vm.heading))])],2)],1)}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table-heading.vue?vue&type=template&id=3e9c385f&
+
+// EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/_rollupPluginBabelHelpers-8169a350.js
+var _rollupPluginBabelHelpers_8169a350 = __webpack_require__("604d");
+
+// EXTERNAL MODULE: ./node_modules/@carbon/icon-helpers/es/index.js
+var es = __webpack_require__("3bda");
+
+// CONCATENATED MODULE: ./node_modules/@carbon/icons-vue/es/arrow--down/16.js
+
+
+
+var virtual_ArrowDown16 = {
+  name: 'ArrowDown16',
+  functional: true,
+  // We use title as the prop name as it is not a valid attribute for an SVG
+  // HTML element
+  props: ['title'],
+  render: function render(createElement, context) {
+    var children = context.children,
+        data = context.data,
+        listeners = context.listeners,
+        props = context.props;
+    var attrs = Object(es["getAttributes"])(Object(_rollupPluginBabelHelpers_8169a350["a" /* _ */])({
+      width: '16',
+      height: '16',
+      viewBox: '0 0 16 16',
+      preserveAspectRatio: 'xMidYMid meet',
+      xmlns: 'http://www.w3.org/2000/svg',
+      // Special case here, we need to coordinate that we are using title,
+      // potentially, to get the right focus attributes
+      title: props.title
+    }, data.attrs));
+    var svgData = {
+      attrs: attrs,
+      on: listeners
+    };
+
+    if (data.staticClass) {
+      svgData.class = Object(_rollupPluginBabelHelpers_8169a350["b" /* a */])({}, data.staticClass, true);
+    }
+
+    if (data.class) {
+      svgData.class = svgData.class || {}; // may be no static class
+
+      svgData.class[data.class] = true;
+    } // remove style set by getAttributes
+
+
+    delete svgData.attrs.style; // combine incoming staticStyle, style with default willChange
+
+    svgData.style = Object(_rollupPluginBabelHelpers_8169a350["a" /* _ */])({
+      willChange: 'transform'
+    }, data.staticStyle, {}, data.style);
+    return createElement('svg', svgData, [props.title && createElement('title', null, props.title), createElement('polygon', {
+      attrs: {
+        "points": "12.3,9.3 8.5,13.1 8.5,1 7.5,1 7.5,13.1 3.7,9.3 3,10 8,15 13,10"
+      }
+    }), children]);
+  }
+};
+
+/* harmony default export */ var _16 = (virtual_ArrowDown16);
+
+// CONCATENATED MODULE: ./node_modules/@carbon/icons-vue/es/arrows/16.js
+
+
+
+var virtual_Arrows16 = {
+  name: 'Arrows16',
+  functional: true,
+  // We use title as the prop name as it is not a valid attribute for an SVG
+  // HTML element
+  props: ['title'],
+  render: function render(createElement, context) {
+    var children = context.children,
+        data = context.data,
+        listeners = context.listeners,
+        props = context.props;
+    var attrs = Object(es["getAttributes"])(Object(_rollupPluginBabelHelpers_8169a350["a" /* _ */])({
+      width: '16',
+      height: '16',
+      viewBox: '0 0 32 32',
+      preserveAspectRatio: 'xMidYMid meet',
+      xmlns: 'http://www.w3.org/2000/svg',
+      // Special case here, we need to coordinate that we are using title,
+      // potentially, to get the right focus attributes
+      title: props.title
+    }, data.attrs));
+    var svgData = {
+      attrs: attrs,
+      on: listeners
+    };
+
+    if (data.staticClass) {
+      svgData.class = Object(_rollupPluginBabelHelpers_8169a350["b" /* a */])({}, data.staticClass, true);
+    }
+
+    if (data.class) {
+      svgData.class = svgData.class || {}; // may be no static class
+
+      svgData.class[data.class] = true;
+    } // remove style set by getAttributes
+
+
+    delete svgData.attrs.style; // combine incoming staticStyle, style with default willChange
+
+    svgData.style = Object(_rollupPluginBabelHelpers_8169a350["a" /* _ */])({
+      willChange: 'transform'
+    }, data.staticStyle, {}, data.style);
+    return createElement('svg', svgData, [props.title && createElement('title', null, props.title), createElement('polygon', {
+      attrs: {
+        "points": "27.6,20.6 24,24.2 24,4 22,4 22,24.2 18.4,20.6 17,22 23,28 29,22"
+      }
+    }), createElement('polygon', {
+      attrs: {
+        "points": "9,4 3,10 4.4,11.4 8,7.8 8,28 10,28 10,7.8 13.6,11.4 15,10"
+      }
+    }), children]);
+  }
+};
+
+/* harmony default export */ var arrows_16 = (virtual_Arrows16);
+
+// EXTERNAL MODULE: ./src/components/cv-wrapper/_cv-wrapper.js
+var _cv_wrapper = __webpack_require__("5d36");
+
+// EXTERNAL MODULE: ./src/mixins/uid-mixin.js
+var uid_mixin = __webpack_require__("fceb");
+
+// 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-heading.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+
+
+
+
+const nextOrder = {
+  ascending: 'descending',
+  descending: 'none',
+  none: 'ascending',
+};
+
+/* harmony default export */ var cv_data_table_headingvue_type_script_lang_js_ = ({
+  name: 'CvDataTableHeading',
+  components: { ArrowDown16: _16, Arrows16: arrows_16, CvWrapper: _cv_wrapper["a" /* default */] },
+  mixins: [uid_mixin["a" /* default */]],
+  props: {
+    dataStyle: Object,
+    heading: String,
+    sortable: Boolean,
+    order: { type: String, default: 'none' },
+    skeleton: Boolean,
+    headingStyle: Object,
+  },
+  data() {
+    return {
+      dataOrder: this.order,
+    };
+  },
+  mounted() {
+    this.$_CvDataTableHeading = true; // for use by parent with $children
+    this.$parent.$emit('cv:mounted', this);
+  },
+  beforeDestroy() {
+    this.$parent.$emit('cv:beforeDestroy', this);
+  },
+  watch: {
+    order() {
+      this.dataOrder = this.order;
+    },
+  },
+  computed: {
+    internalOrder: {
+      get() {
+        if (this.dataOrder !== 'ascending' && this.dataOrder !== 'descending') {
+          return 'none';
+        } else {
+          return this.dataOrder;
+        }
+      },
+      set(val) {
+        if (['ascending', 'descending', 'none'].includes(val)) {
+          this.dataOrder = val;
+        }
+      },
+    },
+    sortText() {
+      return this.internalOrder !== 'descending'
+        ? 'Sort rows by this header in descending order'
+        : 'Sort rows by this header in ascending order';
+    },
+    orderClass() {
+      let result = '';
+      if (this.internalOrder === 'descending') {
+        result = 'bx--table-sort--active';
+      } else if (this.internalOrder === 'ascending') {
+        result = 'bx--table-sort--active bx--table-sort--ascending';
+      }
+      return result;
+    },
+    headingLabelTag() {
+      // no tag if non-blank skeleton
+      return this.skeleton && this.heading && this.heading.length > 0 ? '' : 'span';
+    },
+  },
+  model: {
+    event: 'sort',
+    prop: 'order',
+  },
+  methods: {
+    onSortClick() {
+      this.$parent.$emit('cv:sort', this, nextOrder[this.internalOrder]);
+    },
+  },
+});
+
+// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table-heading.vue?vue&type=script&lang=js&
+ /* harmony default export */ var cv_data_table_cv_data_table_headingvue_type_script_lang_js_ = (cv_data_table_headingvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table-heading.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  cv_data_table_cv_data_table_headingvue_type_script_lang_js_,
+  cv_data_table_headingvue_type_template_id_3e9c385f_render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var cv_data_table_heading = __webpack_exports__["default"] = (component.exports);
+
 /***/ }),
 
 /***/ "9952":
@@ -35653,12 +35936,12 @@ 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":"2d6e2ed4-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=43ed6d0a&
-var cv_data_tablevue_type_template_id_43ed6d0a_render = function () {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',{staticClass:"bx--data-table-container"},[(_vm.hasTableHeader)?_c('div',{staticClass:"bx--data-table-header"},[(_vm.title)?_c('h4',{staticClass:"bx--data-table-header__title"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),(_vm.isHelper)?_c('p',{staticClass:"bx--data-table-header__description"},[_vm._t("helper-text",[_vm._v(_vm._s(_vm.helperText))])],2):_vm._e()]):_vm._e(),(_vm.hasToolbar)?_c('section',{staticClass:"bx--table-toolbar"},[(_vm.batchActive)?_c('div',{style:({ minHeight: '48px', maxWidth: '0' })}):_vm._e(),(_vm.hasBatchActions)?_c('div',{staticClass:"bx--batch-actions",class:{ 'bx--batch-actions--active': _vm.batchActive },attrs:{"aria-label":_vm.actionBarAriaLabel}},[_c('div',{staticClass:"bx--action-list"},[_vm._t("batch-actions"),_c('cv-button',{staticClass:"bx--batch-summary__cancel",attrs:{"size":"small"},on:{"click":_vm.deselect}},[_vm._v("\n            "+_vm._s(_vm.batchCancelLabel)+"\n          ")])],2),_c('div',{staticClass:"bx--batch-summary"},[_c('p',{staticClass:"bx--batch-summary__para"},[_c('span',{attrs:{"data-items-selected":""}},[_vm._t("items-selected",[_vm._v(_vm._s(_vm.dataRowsSelected.length)+" items selected")],{"scope":{ count: _vm.dataRowsSelected.length }})],2)])])]):_vm._e(),((_vm.hasActions || _vm.$listeners.search) && !_vm.batchActive)?_c('div',{staticClass:"bx--toolbar-content"},[(_vm.$listeners.search)?_c('div',{ref:"searchContainer",class:{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-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=fb88d6e0&
+var render = function () {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',{staticClass:"bx--data-table-container"},[(_vm.hasTableHeader)?_c('div',{staticClass:"bx--data-table-header"},[(_vm.title)?_c('h4',{staticClass:"bx--data-table-header__title"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),(_vm.isHelper)?_c('p',{staticClass:"bx--data-table-header__description"},[_vm._t("helper-text",[_vm._v(_vm._s(_vm.helperText))])],2):_vm._e()]):_vm._e(),(_vm.hasToolbar)?_c('section',{staticClass:"bx--table-toolbar"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.hasBatchActions),expression:"hasBatchActions"}],staticClass:"bx--batch-actions",class:{ 'bx--batch-actions--active': _vm.batchActive },attrs:{"aria-label":_vm.actionBarAriaLabel}},[_c('div',{staticClass:"bx--action-list"},[_vm._t("batch-actions"),_c('cv-button',{staticClass:"bx--batch-summary__cancel",attrs:{"size":"small"},on:{"click":_vm.deselect}},[_vm._v("\n            "+_vm._s(_vm.batchCancelLabel)+"\n          ")])],2),_c('div',{staticClass:"bx--batch-summary"},[_c('p',{staticClass:"bx--batch-summary__para"},[_c('span',{attrs:{"data-items-selected":""}},[_vm._t("items-selected",[_vm._v(_vm._s(_vm.dataRowsSelected.length)+" items selected")],{"scope":{ count: _vm.dataRowsSelected.length }})],2)])])]),_c('div',{staticClass:"bx--toolbar-content"},[(_vm.$listeners.search)?_c('div',{ref:"searchContainer",class:{
             'bx--toolbar-search-container-active': _vm.searchActive || _vm.searchValue.length > 0,
             'bx--toolbar-search-container-persistent': !_vm.expandingSearch,
             'bx--toolbar-search-container-expandable': _vm.expandingSearch,
-          }},[_c('div',{staticClass:"bx--search bx--search--sm",attrs:{"data-search":"","role":"search"}},[_c('div',{ref:"magnifier",staticClass:"bx--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)},"blur":_vm.checkSearchFocus}},[_c('Search16',{staticClass:"bx--toolbar-action__icon"})],1),_c('label',{staticClass:"bx--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",staticClass:"bx--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],"blur":_vm.checkSearchFocus,"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',{staticClass:"bx--search-close",class:{ 'bx--search-close--hidden': !_vm.clearSearchVisible },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()]):_vm._e(),_c('table',{staticClass:"bx--data-table",class:_vm.modifierClasses},[_c('thead',[_c('tr',[(_vm.hasExpandables)?_c('th',{staticClass:"bx--table-expand",attrs:{"data-previous-value":_vm.dataExpandAll ? 'collapsed' : 'expanded'}},[(_vm.hasExpandAll)?_c('button',{staticClass:"bx--table-expand__button",attrs:{"type":"button","aria-label":_vm.dataExpandAll ? _vm.collapseAllAriaLabel : _vm.expandAllAriaLabel},on:{"click":_vm.toggleExpandAll}},[_c('ChevronRight16',{staticClass:"bx--table-expand__svg"})],1):_vm._e()]):_vm._e(),(_vm.hasBatchActions)?_c('th',{staticClass:"bx--table-column-checkbox"},[_c('cv-checkbox',{attrs:{"form-item":false,"value":"headingCheck"},on:{"change":_vm.onHeadingCheckChange},model:{value:(_vm.headingChecked),callback:function ($$v) {_vm.headingChecked=$$v},expression:"headingChecked"}})],1):_vm._e(),_vm._l((_vm.dataColumns),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(index),"skeleton":_vm.skeleton},on:{"sort":function (val) { return _vm.onSort(index, val); }}})}),(_vm.hasOverflowMenu)?_c('th'):_vm._e()],2)]),_c('cv-wrapper',{attrs:{"tag-type":_vm.hasExpandables ? '' : 'tbody'}},[_vm._t("data",_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 && rowIndex < 1 ? 'span' : ''}},[_vm._v(_vm._s(cell))])],1)}),1)}))],2)],1)]),(_vm.pagination)?_c('cv-pagination',_vm._b({attrs:{"number-of-items":_vm.internalNumberOfItems},on:{"change":function($event){return _vm.$emit('pagination', $event)}},scopedSlots:_vm._u([{key:"range-text",fn:function(ref){
+          }},[_c('div',{staticClass:"bx--search bx--search--sm",attrs:{"data-search":"","role":"search"}},[_c('div',{ref:"magnifier",staticClass:"bx--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)},"blur":_vm.checkSearchFocus}},[_c('Search16',{staticClass:"bx--toolbar-action__icon"})],1),_c('label',{staticClass:"bx--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",staticClass:"bx--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],"blur":_vm.checkSearchFocus,"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',{staticClass:"bx--search-close",class:{ 'bx--search-close--hidden': !_vm.clearSearchVisible },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('table',{staticClass:"bx--data-table",class:_vm.modifierClasses},[_c('thead',[_c('tr',[(_vm.hasExpandables)?_c('th',{staticClass:"bx--table-expand",attrs:{"data-previous-value":_vm.dataExpandAll ? 'collapsed' : 'expanded'}},[(_vm.hasExpandAll)?_c('button',{staticClass:"bx--table-expand__button",attrs:{"type":"button","aria-label":_vm.dataExpandAll ? _vm.collapseAllAriaLabel : _vm.expandAllAriaLabel},on:{"click":_vm.toggleExpandAll}},[_c('ChevronRight16',{staticClass:"bx--table-expand__svg"})],1):_vm._e()]):_vm._e(),(_vm.hasBatchActions)?_c('th',{staticClass:"bx--table-column-checkbox"},[_c('cv-checkbox',{attrs:{"form-item":false,"value":"headingCheck"},on:{"change":_vm.onHeadingCheckChange},model:{value:(_vm.headingChecked),callback:function ($$v) {_vm.headingChecked=$$v},expression:"headingChecked"}})],1):_vm._e(),_vm._t("headings",_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",_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 && rowIndex < 1 ? 'span' : ''}},[_vm._v(_vm._s(cell))])],1)}),1)}))],2)],1)]),(_vm.pagination)?_c('cv-pagination',_vm._b({attrs:{"number-of-items":_vm.internalNumberOfItems},on:{"change":function($event){return _vm.$emit('pagination', $event)}},scopedSlots:_vm._u([{key:"range-text",fn:function(ref){
           var scope = ref.scope;
 return [(_vm.$scopedSlots['range-text'])?_vm._t("range-text",null,{"scope":scope}):_vm._e()]}},{key:"of-n-pages",fn:function(ref){
           var scope = ref.scope;
@@ -35666,243 +35949,11 @@ 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=43ed6d0a&
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-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-heading.vue?vue&type=template&id=8a92137c&
-var _cv_data_table_headingvue_type_template_id_8a92137c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',{style:(_vm.skeleton && _vm.headingStyle),attrs:{"aria-sort":_vm.sortOrder}},[(_vm.sortable)?_c('button',{class:['bx--table-sort', _vm.orderClass],style:(_vm.headingStyle),attrs:{"type":"button"},on:{"click":_vm.onSortClick}},[_c('cv-wrapper',{staticClass:"bx--table-header-label",attrs:{"tag-type":_vm.headingLabelTag}},[_vm._v(_vm._s(_vm.heading))]),_c('ArrowDown16',{staticClass:"bx--table-sort__icon"}),_c('Arrows16',{staticClass:"bx--table-sort__icon-unsorted"})],1):_c('cv-wrapper',{staticClass:"bx--table-header-label",style:(_vm.headingStyle),attrs:{"tag-type":_vm.headingLabelTag}},[_vm._v(_vm._s(_vm.heading))])],1)}
-var _cv_data_table_headingvue_type_template_id_8a92137c_staticRenderFns = []
-
-
-// CONCATENATED MODULE: ./src/components/cv-data-table/_cv-data-table-heading.vue?vue&type=template&id=8a92137c&
-
-// EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/_rollupPluginBabelHelpers-8169a350.js
-var _rollupPluginBabelHelpers_8169a350 = __webpack_require__("604d");
-
-// EXTERNAL MODULE: ./node_modules/@carbon/icon-helpers/es/index.js
-var es = __webpack_require__("3bda");
-
-// CONCATENATED MODULE: ./node_modules/@carbon/icons-vue/es/arrow--down/16.js
-
-
-
-var virtual_ArrowDown16 = {
-  name: 'ArrowDown16',
-  functional: true,
-  // We use title as the prop name as it is not a valid attribute for an SVG
-  // HTML element
-  props: ['title'],
-  render: function render(createElement, context) {
-    var children = context.children,
-        data = context.data,
-        listeners = context.listeners,
-        props = context.props;
-    var attrs = Object(es["getAttributes"])(Object(_rollupPluginBabelHelpers_8169a350["a" /* _ */])({
-      width: '16',
-      height: '16',
-      viewBox: '0 0 16 16',
-      preserveAspectRatio: 'xMidYMid meet',
-      xmlns: 'http://www.w3.org/2000/svg',
-      // Special case here, we need to coordinate that we are using title,
-      // potentially, to get the right focus attributes
-      title: props.title
-    }, data.attrs));
-    var svgData = {
-      attrs: attrs,
-      on: listeners
-    };
-
-    if (data.staticClass) {
-      svgData.class = Object(_rollupPluginBabelHelpers_8169a350["b" /* a */])({}, data.staticClass, true);
-    }
-
-    if (data.class) {
-      svgData.class = svgData.class || {}; // may be no static class
-
-      svgData.class[data.class] = true;
-    } // remove style set by getAttributes
-
-
-    delete svgData.attrs.style; // combine incoming staticStyle, style with default willChange
-
-    svgData.style = Object(_rollupPluginBabelHelpers_8169a350["a" /* _ */])({
-      willChange: 'transform'
-    }, data.staticStyle, {}, data.style);
-    return createElement('svg', svgData, [props.title && createElement('title', null, props.title), createElement('polygon', {
-      attrs: {
-        "points": "12.3,9.3 8.5,13.1 8.5,1 7.5,1 7.5,13.1 3.7,9.3 3,10 8,15 13,10"
-      }
-    }), children]);
-  }
-};
-
-/* harmony default export */ var _16 = (virtual_ArrowDown16);
-
-// CONCATENATED MODULE: ./node_modules/@carbon/icons-vue/es/arrows/16.js
-
-
-
-var virtual_Arrows16 = {
-  name: 'Arrows16',
-  functional: true,
-  // We use title as the prop name as it is not a valid attribute for an SVG
-  // HTML element
-  props: ['title'],
-  render: function render(createElement, context) {
-    var children = context.children,
-        data = context.data,
-        listeners = context.listeners,
-        props = context.props;
-    var attrs = Object(es["getAttributes"])(Object(_rollupPluginBabelHelpers_8169a350["a" /* _ */])({
-      width: '16',
-      height: '16',
-      viewBox: '0 0 32 32',
-      preserveAspectRatio: 'xMidYMid meet',
-      xmlns: 'http://www.w3.org/2000/svg',
-      // Special case here, we need to coordinate that we are using title,
-      // potentially, to get the right focus attributes
-      title: props.title
-    }, data.attrs));
-    var svgData = {
-      attrs: attrs,
-      on: listeners
-    };
-
-    if (data.staticClass) {
-      svgData.class = Object(_rollupPluginBabelHelpers_8169a350["b" /* a */])({}, data.staticClass, true);
-    }
-
-    if (data.class) {
-      svgData.class = svgData.class || {}; // may be no static class
-
-      svgData.class[data.class] = true;
-    } // remove style set by getAttributes
+// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table.vue?vue&type=template&id=fb88d6e0&
 
+// EXTERNAL MODULE: ./src/components/cv-data-table/cv-data-table-heading.vue + 6 modules
+var cv_data_table_heading = __webpack_require__("96a9");
 
-    delete svgData.attrs.style; // combine incoming staticStyle, style with default willChange
-
-    svgData.style = Object(_rollupPluginBabelHelpers_8169a350["a" /* _ */])({
-      willChange: 'transform'
-    }, data.staticStyle, {}, data.style);
-    return createElement('svg', svgData, [props.title && createElement('title', null, props.title), createElement('polygon', {
-      attrs: {
-        "points": "27.6,20.6 24,24.2 24,4 22,4 22,24.2 18.4,20.6 17,22 23,28 29,22"
-      }
-    }), createElement('polygon', {
-      attrs: {
-        "points": "9,4 3,10 4.4,11.4 8,7.8 8,28 10,28 10,7.8 13.6,11.4 15,10"
-      }
-    }), children]);
-  }
-};
-
-/* harmony default export */ var arrows_16 = (virtual_Arrows16);
-
-// EXTERNAL MODULE: ./src/components/cv-wrapper/_cv-wrapper.js
-var _cv_wrapper = __webpack_require__("5d36");
-
-// 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-heading.vue?vue&type=script&lang=js&
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-//
-
-
-
-
-
-const nextSortOrder = {
-  ascending: 'descending',
-  descending: 'none',
-  none: 'ascending',
-};
-
-/* harmony default export */ var _cv_data_table_headingvue_type_script_lang_js_ = ({
-  name: 'CvDataTableHeading',
-  components: { ArrowDown16: _16, Arrows16: arrows_16, CvWrapper: _cv_wrapper["a" /* default */] },
-  props: {
-    heading: { type: String, required: true },
-    sortable: Boolean,
-    order: { type: String, default: 'none' },
-    skeleton: Boolean,
-    headingStyle: Object,
-  },
-  computed: {
-    sortOrder() {
-      if (this.order !== 'ascending' && this.order !== 'descending') {
-        return 'none';
-      } else {
-        return this.order;
-      }
-    },
-    sortText() {
-      return this.sortOrder !== 'descending'
-        ? 'Sort rows by this header in descending order'
-        : 'Sort rows by this header in ascending order';
-    },
-    orderClass() {
-      let result = '';
-      if (this.sortOrder === 'descending') {
-        result = 'bx--table-sort--active';
-      } else if (this.sortOrder === 'ascending') {
-        result = 'bx--table-sort--active bx--table-sort--ascending';
-      }
-      return result;
-    },
-    headingLabelTag() {
-      return this.heading.length === 0 || !this.skeleton ? 'span' : '';
-    },
-  },
-  model: {
-    event: 'sort',
-    prop: 'order',
-  },
-  methods: {
-    onSortClick() {
-      this.$emit('sort', nextSortOrder[this.sortOrder]);
-    },
-  },
-});
-
-// CONCATENATED MODULE: ./src/components/cv-data-table/_cv-data-table-heading.vue?vue&type=script&lang=js&
- /* harmony default export */ var cv_data_table_cv_data_table_headingvue_type_script_lang_js_ = (_cv_data_table_headingvue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__("2877");
-
-// CONCATENATED MODULE: ./src/components/cv-data-table/_cv-data-table-heading.vue
-
-
-
-
-
-/* normalize component */
-
-var component = Object(componentNormalizer["a" /* default */])(
-  cv_data_table_cv_data_table_headingvue_type_script_lang_js_,
-  _cv_data_table_headingvue_type_template_id_8a92137c_render,
-  _cv_data_table_headingvue_type_template_id_8a92137c_staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
-
-/* harmony default export */ var _cv_data_table_heading = (component.exports);
 // EXTERNAL MODULE: ./src/components/cv-data-table/cv-data-table-row.vue + 9 modules
 var cv_data_table_row = __webpack_require__("0f44");
 
@@ -35918,11 +35969,14 @@ var cv_checkbox = __webpack_require__("eade");
 // EXTERNAL MODULE: ./src/components/cv-pagination/cv-pagination.vue + 6 modules
 var cv_pagination = __webpack_require__("744c");
 
+// EXTERNAL MODULE: ./src/components/cv-wrapper/_cv-wrapper.js
+var _cv_wrapper = __webpack_require__("5d36");
+
 // EXTERNAL MODULE: ./src/mixins/uid-mixin.js
 var uid_mixin = __webpack_require__("fceb");
 
 // EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/search/16.js
-var search_16 = __webpack_require__("a4de");
+var _16 = __webpack_require__("a4de");
 
 // EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/close/16.js
 var close_16 = __webpack_require__("5416");
@@ -36097,8 +36151,6 @@ var chevron_right_16 = __webpack_require__("7c7c");
 //
 //
 //
-//
-//
 
 
 
@@ -36116,13 +36168,13 @@ var chevron_right_16 = __webpack_require__("7c7c");
   name: 'CvDataTable',
   components: {
     CvButton: cv_button["default"],
-    CvDataTableHeading: _cv_data_table_heading,
+    CvDataTableHeading: cv_data_table_heading["default"],
     CvDataTableRow: cv_data_table_row["default"],
     CvDataTableCell: cv_data_table_cell["default"],
     CvCheckbox: cv_checkbox["default"],
     CvPagination: cv_pagination["default"],
     CvWrapper: _cv_wrapper["a" /* default */],
-    Search16: search_16["a" /* default */],
+    Search16: _16["a" /* default */],
     Close16: close_16["a" /* default */],
     ChevronRight16: chevron_right_16["a" /* default */],
   },
@@ -36149,7 +36201,7 @@ var chevron_right_16 = __webpack_require__("7c7c");
     searchClearLabel: { type: String, default: 'Clear search' },
     sortable: Boolean,
     title: String,
-    columns: { type: Array, required: true },
+    columns: Array,
     data: Array,
     zebra: Boolean,
     rowsSelected: { type: Array, default: () => [] },
@@ -36164,13 +36216,6 @@ var chevron_right_16 = __webpack_require__("7c7c");
   },
   data() {
     return {
-      dataColumns: this.isSortable
-        ? this.columns.map(item => ({
-            label: item.label ? item.label : item,
-            order: 'none',
-            sortable: item.sortable,
-          }))
-        : this.columns,
       hasBatchActions: false,
       hasActions: false,
       hasToolbar: false,
@@ -36182,16 +36227,11 @@ var chevron_right_16 = __webpack_require__("7c7c");
       clearSearchVisible: false,
       searchActive: false,
       registeredRows: [],
+      registeredHeadings: [],
       dataExpandAll: false,
     };
   },
   watch: {
-    sortable() {
-      this.watchColumns();
-    },
-    columns() {
-      this.watchColumns();
-    },
     rowsSelected() {
       this.updateRowsSelected();
     },
@@ -36200,9 +36240,9 @@ var chevron_right_16 = __webpack_require__("7c7c");
     // add these on created otherwise cv:mounted is too late.
     this.$on('cv:mounted', srcComponent => this.onCvMount(srcComponent));
     this.$on('cv:beforeDestroy', srcComponent => this.onCvBeforeDestroy(srcComponent));
+    this.$on('cv:sort', (srcComponent, value) => this.onSort(srcComponent, value));
   },
   mounted() {
-    this.watchColumns();
     this.updateRowsSelected();
     this.checkSlots();
   },
@@ -36221,7 +36261,7 @@ var chevron_right_16 = __webpack_require__("7c7c");
     },
     isSortable() {
       // is any column sortable
-      return this.sortable || this.columns.some(column => column.sortable);
+      return this.sortable || this.registeredHeadings.some(column => column.sortable);
     },
     isColSortable() {
       return col => {
@@ -36269,10 +36309,10 @@ var chevron_right_16 = __webpack_require__("7c7c");
       return `${sizeClass}${zebraClass}${borderlessClass}${skeletonClass}${sortableClass}`.trim();
     },
     headingStyle() {
-      return index => this.dataColumns[index].headingStyle;
+      return col => (typeof col === 'object' ? col.headingStyle : {});
     },
     dataStyle() {
-      return index => this.dataColumns[index].dataStyle;
+      return index => (this.columns && this.columns[index] && this.columns[index].dataStyle) || {};
     },
     selectedRows() {
       return this.dataRowsSelected;
@@ -36286,20 +36326,36 @@ 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));
     },
-    onCvMount(row) {
-      this.registeredRows.push(row);
-      if (this.registeredRows.filter(item => item.uid === row.uid).length > 1) {
-        console.error(
-          `CvDataTable: Duplicate ID specified for CvDataTableRow, this may cause issues. {id: ${row.id}, value: ${row.value}}`
-        );
+    onCvMount(thing) {
+      if (thing.$_CvDataTableHeading) {
+        this.registeredHeadings = this.$children.filter(item => item.$_CvDataTableHeading);
+        const heading = thing;
+        if (this.registeredHeadings.filter(item => item.uid === heading.uid).length > 1) {
+          console.error(
+            `CvDataTable: Duplicate ID specified for CvDataTableHeading, this may cause issues. {id: ${heading.id}}`
+          );
+        }
+      } else {
+        const row = thing;
+        this.registeredRows.push(row);
+        if (this.registeredRows.filter(item => item.uid === row.uid).length > 1) {
+          console.error(
+            `CvDataTable: Duplicate ID specified for CvDataTableRow, this may cause issues. {id: ${row.id}, value: ${row.value}}`
+          );
+        }
+        row.$on('cv:expanded-change', this.onCvExpandedChange);
+        this.updateSomeExpandingRows();
       }
-      row.$on('cv:expanded-change', this.onCvExpandedChange);
-      this.updateSomeExpandingRows();
     },
-    onCvBeforeDestroy(row) {
-      const index = this.registeredRows.findIndex(item => row.uid === item.uid);
-      this.registeredRows.splice(index, 1);
-      this.updateSomeExpandingRows();
+    onCvBeforeDestroy(thing) {
+      if (thing.$_CvDataTableHeading) {
+        this.registeredHeadings = this.$children.filter(item => item.$_CvDataTableHeading);
+      } else {
+        const row = thing;
+        const index = this.registeredRows.findIndex(item => row.uid === item.uid);
+        this.registeredRows.splice(index, 1);
+        this.updateSomeExpandingRows();
+      }
     },
     checkSearchFocus(ev) {
       if (!this.$refs.searchContainer.contains(ev.relatedTarget)) {
@@ -36388,25 +36444,21 @@ var chevron_right_16 = __webpack_require__("7c7c");
     onMenuItemClick(val) {
       this.$emit('overflow-menu-click', val);
     },
-    watchColumns() {
-      this.dataColumns = this.isSortable
-        ? this.columns.map(item => ({
-            ...item,
-            label: item.label ? item.label : item,
-            order: 'none',
-            sortable: item.sortable,
-          }))
-        : this.columns;
-    },
     onSearch() {
       this.clearSearchVisible = this.searchValue.length > 0;
       this.$emit('search', this.searchValue);
     },
-    onSort(index, val) {
-      for (let column of this.dataColumns) {
-        column.order = 'none';
+    onSort(srcComponent, val) {
+      let index;
+      for (let colIndex in this.registeredHeadings) {
+        const column = this.registeredHeadings[colIndex];
+        if (column.uid === srcComponent.uid) {
+          column.internalOrder = val;
+          index = colIndex;
+        } else {
+          column.internalOrder = 'none';
+        }
       }
-      this.dataColumns[index].order = val;
       this.$emit('sort', { index, order: val });
     },
     updateSomeExpandingRows() {
@@ -36433,6 +36485,9 @@ var chevron_right_16 = __webpack_require__("7c7c");
 
 // CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table.vue?vue&type=script&lang=js&
  /* harmony default export */ var cv_data_table_cv_data_tablevue_type_script_lang_js_ = (cv_data_tablevue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
 // CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table.vue
 
 
@@ -36441,9 +36496,9 @@ var chevron_right_16 = __webpack_require__("7c7c");
 
 /* normalize component */
 
-var cv_data_table_component = Object(componentNormalizer["a" /* default */])(
+var component = Object(componentNormalizer["a" /* default */])(
   cv_data_table_cv_data_tablevue_type_script_lang_js_,
-  cv_data_tablevue_type_template_id_43ed6d0a_render,
+  render,
   staticRenderFns,
   false,
   null,
@@ -36452,7 +36507,7 @@ var cv_data_table_component = Object(componentNormalizer["a" /* default */])(
   
 )
 
-/* harmony default export */ var cv_data_table = __webpack_exports__["default"] = (cv_data_table_component.exports);
+/* harmony default export */ var cv_data_table = __webpack_exports__["default"] = (component.exports);
 
 /***/ }),
 
@@ -37401,7 +37456,7 @@ var component = Object(componentNormalizer["a" /* default */])(
           classes.push(`${carbon_components__WEBPACK_IMPORTED_MODULE_0__[/* settings */ "a"].prefix}--btn--field`);
         }
 
-        return classes;
+        return classes.join(' ');
       };
     },
   },
@@ -37671,12 +37726,12 @@ var 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":"2d6e2ed4-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-button/cv-icon-button.vue?vue&type=template&id=ad15b5c4&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-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-button/cv-icon-button.vue?vue&type=template&id=f2b6961a&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({staticClass:"cv-button",class:_vm.buttonClasses,attrs:{"type":"button"}},_vm.inputListeners),[_c('span',{class:(_vm.carbonPrefix + "--assistive-text")},[_vm._v(_vm._s(_vm.label))]),(typeof _vm.icon === 'object')?_c(_vm.icon,{tag:"component",staticClass:"bx--temp-fix",class:(_vm.carbonPrefix + "--btn__icon")}):_vm._e(),(typeof _vm.icon === 'string' || _vm.iconHref)?_c('svg',{class:(_vm.carbonPrefix + "--btn__icon")},[_c('use',{attrs:{"href":_vm.icon || _vm.iconHref}})]):_vm._e()],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-button/cv-icon-button.vue?vue&type=template&id=ad15b5c4&
+// CONCATENATED MODULE: ./src/components/cv-button/cv-icon-button.vue?vue&type=template&id=f2b6961a&
 
 // EXTERNAL MODULE: ./src/components/cv-button/button-mixin.js
 var button_mixin = __webpack_require__("eb1f");
@@ -37714,13 +37769,13 @@ var carbon_prefix_mixin = __webpack_require__("099b");
   },
   computed: {
     buttonClasses() {
-      return this.buttonClassOpts({ iconOnly: true });
+      return `${this.buttonClassOpts({ iconOnly: true })}${this.tipClasses}`;
     },
     tipClasses() {
       const tipPosition = this.tipPosition || 'bottom';
       const tipAlignment = this.tipAlignment || 'center';
       if (this.label) {
-        return `${this.carbonPrefix}--tooltip__trigger ${this.carbonPrefix}--tooltip--a11y ${this.carbonPrefix}--tooltip--${tipPosition} ${this.carbonPrefix}--tooltip--align-${tipAlignment}`;
+        return ` ${this.carbonPrefix}--tooltip__trigger ${this.carbonPrefix}--tooltip--a11y ${this.carbonPrefix}--tooltip--${tipPosition} ${this.carbonPrefix}--tooltip--align-${tipAlignment}`;
       } else {
         return '';
       }
@@ -38480,12 +38535,12 @@ module.exports = debounce;
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-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-accordion/cv-accordion-item.vue?vue&type=template&id=1e039414&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"cv-accordion-item bx--accordion__item",class:{ 'bx--accordion__item--active': _vm.dataOpen },attrs:{"data-accordion-item":""}},[_c('button',{staticClass:"bx--accordion__heading",attrs:{"type":"button","aria-expanded":("" + _vm.dataOpen),"aria-controls":_vm.uid},on:{"click":_vm.toggle}},[_c('ChevronRight16',{staticClass:"bx--accordion__arrow"}),_c('p',{staticClass:"bx--accordion__title"},[_vm._t("title")],2)],1),_c('div',{staticClass:"bx--accordion__content",attrs:{"id":_vm.uid}},[_vm._t("content")],2)])}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-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-accordion/cv-accordion-item.vue?vue&type=template&id=ac19bc40&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"cv-accordion-item bx--accordion__item",class:_vm.itemClasses,attrs:{"data-accordion-item":""},on:{"animationend":_vm.onAnimationEnd}},[_c('button',{staticClass:"bx--accordion__heading",attrs:{"type":"button","aria-expanded":("" + _vm.dataOpen),"aria-controls":_vm.uid},on:{"click":_vm.toggle}},[_c('ChevronRight16',{staticClass:"bx--accordion__arrow"}),_c('p',{staticClass:"bx--accordion__title"},[_vm._t("title")],2)],1),_c('div',{staticClass:"bx--accordion__content",attrs:{"id":_vm.uid}},[_vm._t("content")],2)])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-accordion/cv-accordion-item.vue?vue&type=template&id=1e039414&
+// CONCATENATED MODULE: ./src/components/cv-accordion/cv-accordion-item.vue?vue&type=template&id=ac19bc40&
 
 // EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/chevron--right/16.js
 var _16 = __webpack_require__("7c7c");
@@ -38525,6 +38580,7 @@ var uid_mixin = __webpack_require__("fceb");
 //
 //
 //
+//
 
 
 
@@ -38546,6 +38602,7 @@ var uid_mixin = __webpack_require__("fceb");
   },
   data() {
     return {
+      animation: '',
       dataOpen: false,
     };
   },
@@ -38554,6 +38611,7 @@ var uid_mixin = __webpack_require__("fceb");
   },
   methods: {
     toggle(force) {
+      this.animation = this.dataOpen ? 'collapsing' : 'expanding';
       const newValue = typeof force === 'boolean' ? !!force : !this.dataOpen;
       const change = this.dataOpen !== undefined && newValue !== this.dataOpen;
 
@@ -38562,6 +38620,21 @@ var uid_mixin = __webpack_require__("fceb");
         this.$parent.$emit('cv:change', this);
       }
     },
+    onAnimationEnd() {
+      this.animation = '';
+    },
+  },
+  computed: {
+    itemClasses() {
+      const classes = [];
+      if (this.dataOpen) {
+        classes.push('bx--accordion__item--active');
+      }
+      if (this.animation) {
+        classes.push(`bx--accordion__item--${this.animation}`);
+      }
+      return classes.join(' ');
+    },
   },
 });
 
@@ -38887,6 +38960,7 @@ __webpack_require__.d(__webpack_exports__, "CvDataTableRow", function() { return
 __webpack_require__.d(__webpack_exports__, "CvDataTableCell", function() { return /* reexport */ cv_data_table_cell["default"]; });
 __webpack_require__.d(__webpack_exports__, "CvDataTableAction", function() { return /* reexport */ cv_data_table_action["default"]; });
 __webpack_require__.d(__webpack_exports__, "CvDataTableSkeleton", function() { return /* reexport */ cv_data_table_skeleton["default"]; });
+__webpack_require__.d(__webpack_exports__, "CvDataTableHeading", function() { return /* reexport */ cv_data_table_heading["default"]; });
 __webpack_require__.d(__webpack_exports__, "CvDatePicker", function() { return /* reexport */ cv_date_picker["default"]; });
 __webpack_require__.d(__webpack_exports__, "CvDropdown", function() { return /* reexport */ cv_dropdown["default"]; });
 __webpack_require__.d(__webpack_exports__, "CvDropdownItem", function() { return /* reexport */ cv_dropdown_item["default"]; });
@@ -39088,9 +39162,12 @@ var cv_data_table_cell = __webpack_require__("0647");
 // EXTERNAL MODULE: ./src/components/cv-data-table/cv-data-table-row.vue + 9 modules
 var cv_data_table_row = __webpack_require__("0f44");
 
-// EXTERNAL MODULE: ./src/components/cv-data-table/cv-data-table.vue + 11 modules
+// EXTERNAL MODULE: ./src/components/cv-data-table/cv-data-table.vue + 4 modules
 var cv_data_table = __webpack_require__("def8");
 
+// EXTERNAL MODULE: ./src/components/cv-data-table/cv-data-table-heading.vue + 6 modules
+var cv_data_table_heading = __webpack_require__("96a9");
+
 // EXTERNAL MODULE: ./src/components/cv-data-table/cv-data-table-skeleton.vue + 4 modules
 var cv_data_table_skeleton = __webpack_require__("7018");
 
@@ -39103,6 +39180,7 @@ var cv_data_table_skeleton = __webpack_require__("7018");
 
 
 
+
 // EXTERNAL MODULE: ./src/components/cv-date-picker/cv-date-picker.vue + 5 modules
 var cv_date_picker = __webpack_require__("0539");