@carbon/vue 2.18.0-canary.0 → 2.19.0

package/dist/carbon-vue.umd.js

@@ -174,15 +174,15 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-overflow-menu/cv-overflow-menu-item.vue?vue&type=template&id=cb256cee&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-overflow-menu/cv-overflow-menu-item.vue?vue&type=template&id=661dad8b&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"cv-overflow-menu-item bx--overflow-menu-options__option",class:{
     'bx--overflow-menu-options__option--disabled': _vm.disabled,
     'bx--overflow-menu-options__option--danger': _vm.danger,
-  },on:{"keydown":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)}}},[_c('button',_vm._g({staticClass:"bx--overflow-menu-options__btn",attrs:{"type":"button","data-floating-menu-primary-focus":_vm.primaryFocus,"disabled":_vm.disabled},on:{"click":_vm.onClick}},_vm.$listeners),[_vm._t("default")],2)])}
+  },on:{"keydown":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)}}},[_c('button',_vm._g({staticClass:"bx--overflow-menu-options__btn",attrs:{"type":"button","data-floating-menu-primary-focus":_vm.primaryFocus,"disabled":_vm.disabled},on:{"click":_vm.onClick}},_vm.$listeners),[_c('span',{staticClass:"bx--overflow-menu-options__option-content"},[_vm._t("default")],2)])])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-overflow-menu/cv-overflow-menu-item.vue?vue&type=template&id=cb256cee&
+// CONCATENATED MODULE: ./src/components/cv-overflow-menu/cv-overflow-menu-item.vue?vue&type=template&id=661dad8b&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-overflow-menu/cv-overflow-menu-item.vue?vue&type=script&lang=js&
 //
@@ -207,6 +207,8 @@ var staticRenderFns = []
 //
 //
 //
+//
+//
 
 /* harmony default export */ var cv_overflow_menu_itemvue_type_script_lang_js_ = ({
   name: 'CvOverflowMenuItem',
@@ -259,14 +261,14 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-date-picker/cv-date-picker.vue?vue&type=template&id=79ff851d&
-var cv_date_pickervue_type_template_id_79ff851d_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-wrapper',{staticClass:"cv-date-picker bx--form-item",attrs:{"tag-type":_vm.formItem ? 'div' : ''}},[_c('div',{ref:"date-picker",staticClass:"bx--date-picker",class:[_vm.kindClasses, { 'bx--date-picker--light': _vm.theme === 'light', 'cv-date-pciker': !_vm.formItem }],attrs:{"data-date-picker":['single', 'range'].includes(_vm.kind),"data-date-picker-type":_vm.kind}},[_c('div',{class:{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-date-picker/cv-date-picker.vue?vue&type=template&id=ad82b8da&
+var cv_date_pickervue_type_template_id_ad82b8da_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-wrapper',{staticClass:"cv-date-picker bx--form-item",attrs:{"tag-type":_vm.formItem ? 'div' : ''}},[_c('div',{ref:"date-picker",staticClass:"bx--date-picker",class:[_vm.kindClasses, { 'bx--date-picker--light': _vm.theme === 'light', 'cv-date-pciker': !_vm.formItem }],attrs:{"data-date-picker":['single', 'range'].includes(_vm.kind),"data-date-picker-type":_vm.kind}},[_c('div',{class:{
         'bx--date-picker-container': ['single', 'range'].includes(_vm.kind),
       },on:{"change":_vm.onChange}},[_c('label',{staticClass:"bx--label",attrs:{"for":(_vm.uid + "-input-1")}},[_vm._v(_vm._s(_vm.getDateLabel))]),_c('div',{staticClass:"bx--date-picker-input__wrapper"},[_c('input',{ref:"date",staticClass:"bx--date-picker__input",attrs:{"data-invalid":_vm.isInvalid,"type":"text","id":(_vm.uid + "-input-1"),"pattern":_vm.pattern,"placeholder":_vm.placeholder,"data-date-picker-input":"","data-date-picker-input-from":_vm.kind === 'range'}}),(['single', 'range'].includes(_vm.kind))?_c('Calendar16',{staticClass:"bx--date-picker__icon",attrs:{"data-date-picker-icon":""},on:{"click":function($event){return _vm.cal.open()}}}):_vm._e()],1),(_vm.isInvalid)?_c('div',{staticClass:"bx--form-requirement"},[_vm._t("invalid-message",[_vm._v(_vm._s(_vm.invalidMessage || _vm.invalidDateMessage))])],2):_vm._e()]),(_vm.kind === 'range')?_c('div',{class:{ 'bx--date-picker-container': _vm.kind === 'range' }},[_c('label',{staticClass:"bx--label",attrs:{"for":(_vm.uid + "-input-2")}},[_vm._v(_vm._s(_vm.getDateEndLabel))]),_c('div',{staticClass:"bx--date-picker-input__wrapper"},[_c('input',{ref:"todate",staticClass:"bx--date-picker__input",attrs:{"type":"text","id":(_vm.uid + "-input-2"),"pattern":_vm.pattern,"placeholder":_vm.placeholder,"data-date-picker-input":"","data-date-picker-input-to":_vm.kind === 'range'}}),_c('Calendar16',{staticClass:"bx--date-picker__icon",attrs:{"data-date-picker-icon":""},on:{"click":function($event){return _vm.openTodateCal()}}})],1)]):_vm._e()])])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-date-picker/cv-date-picker.vue?vue&type=template&id=79ff851d&
+// CONCATENATED MODULE: ./src/components/cv-date-picker/cv-date-picker.vue?vue&type=template&id=ad82b8da&
 
 // EXTERNAL MODULE: ./node_modules/flatpickr/dist/flatpickr.js
 var flatpickr = __webpack_require__("cf06");
@@ -476,6 +478,7 @@ l10n_default.a.en.weekdays.shorthand.forEach((day, index) => {
     return {
       dataValue: '',
       dataOptions: {},
+      isInvalid: false,
     };
   },
   watch: {
@@ -524,13 +527,6 @@ l10n_default.a.en.weekdays.shorthand.forEach((day, index) => {
         }
       }
     },
-    isInvalid() {
-      return (
-        this.$slots['invalid-message'] !== undefined ||
-        (this.invalidMessage && this.invalidMessage.length) ||
-        (this.invalidDateMessage && this.invalidDateMessage.length)
-      );
-    },
     isRange() {
       return this.kind === 'range';
     },
@@ -539,6 +535,14 @@ l10n_default.a.en.weekdays.shorthand.forEach((day, index) => {
     },
   },
   methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.isInvalid = !!(
+        this.$slots['invalid-message'] ||
+        (this.invalidMessage && this.invalidMessage.length) ||
+        (this.invalidDateMessage && this.invalidDateMessage.length)
+      );
+    },
     initFlatpickr() {
       if (['single', 'range'].includes(this.kind)) {
         // no need to call set value as it's done through getOptions
@@ -646,6 +650,7 @@ l10n_default.a.en.weekdays.shorthand.forEach((day, index) => {
   },
   mounted() {
     this.initFlatpickr();
+    this.checkSlots();
     // this.cal.setDate([Date.now(), Date.now()]);
     // setTimeout(() => {
     //   let curDate = new Date();
@@ -654,6 +659,9 @@ l10n_default.a.en.weekdays.shorthand.forEach((day, index) => {
     //   this.cal.setDate([curDate, anotherDate], true);
     // }, 2000);
   },
+  beforeUpdate() {
+    this.checkSlots();
+  },
   beforeDestroy() {
     if (this.cal) {
       this.cal.destroy();
@@ -676,7 +684,7 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   cv_date_picker_cv_date_pickervue_type_script_lang_js_,
-  cv_date_pickervue_type_template_id_79ff851d_render,
+  cv_date_pickervue_type_template_id_ad82b8da_render,
   staticRenderFns,
   false,
   null,
@@ -830,23 +838,23 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-row.vue?vue&type=template&id=7ca58e87&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-row.vue?vue&type=template&id=c9eec754&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.someExpandingRows)?_c('tbody',{staticClass:"cv-data-table-row cv-data-table-row--expandable"},[_c('cv-data-table-row-inner',_vm._g(_vm._b({ref:"row",attrs:{"expanding-row":_vm.dataExpandable,"some-expanding-rows":"","expanded":_vm.dataExpanded},on:{"expanded-change":_vm.onExpandedChange}},'cv-data-table-row-inner',_vm.$attrs,false),_vm.$listeners),[_vm._t("default")],2),(_vm.dataExpandable)?_c('tr',{staticClass:"bx--expandable-row bx--expandable-row--hidden",attrs:{"data-child-row":""}},[_c('td',{attrs:{"colspan":"9999"}},[_c('div',{staticClass:"bx--child-row-inner-container"},[_vm._t("expandedContent")],2)])]):_vm._e()],1):_c('cv-data-table-row-inner',_vm._g(_vm._b({ref:"row",staticClass:"cv-data-table-row"},'cv-data-table-row-inner',_vm.$attrs,false),_vm.$listeners),[_vm._t("default")],2)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table-row.vue?vue&type=template&id=7ca58e87&
+// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table-row.vue?vue&type=template&id=c9eec754&
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-row-inner.vue?vue&type=template&id=0262ba02&
-var _cv_data_table_row_innervue_type_template_id_0262ba02_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tr',{staticClass:"cv-data-table-row-inner",class:{ 'bx--parent-row': _vm.expandingRow, 'bx--expandable-row': _vm.dataExpanded }},[(_vm.dataSomeExpandingRows)?_c('td',{staticClass:"bx--table-expand",attrs:{"data-previous-value":_vm.dataExpanded ? 'collapsed' : 'expanded'}},[(_vm.expandingRow)?_c('button',{staticClass:"bx--table-expand__button",attrs:{"type":"button"},on:{"click":_vm.toggleExpand}},[_c('ChevronRight16',{staticClass:"bx--table-expand__svg"})],1):_vm._e()]):_vm._e(),(_vm.hasBatchActions)?_c('td',{staticClass:"bx--table-column-checkbox"},[_c('cv-checkbox',{ref:"rowChecked",attrs:{"form-item":false,"value":_vm.value},on:{"change":_vm.onChange},model:{value:(_vm.dataChecked),callback:function ($$v) {_vm.dataChecked=$$v},expression:"dataChecked"}})],1):_vm._e(),_vm._t("default"),(_vm.hasOverflowMenu)?_c('td',{staticClass:"bx--table-column-menu"},[_c('cv-overflow-menu',{attrs:{"flip-menu":""}},_vm._l((_vm.overflowMenu),function(item,index){return _c('cv-overflow-menu-item',{key:("" + index),on:{"click":function($event){return _vm.onMenuItemClick({
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-row-inner.vue?vue&type=template&id=434f21c4&
+var _cv_data_table_row_innervue_type_template_id_434f21c4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('tr',{staticClass:"cv-data-table-row-inner",class:{ 'bx--parent-row': _vm.expandingRow, 'bx--expandable-row': _vm.dataExpanded }},[(_vm.dataSomeExpandingRows)?_c('td',{staticClass:"bx--table-expand",attrs:{"data-previous-value":_vm.dataExpanded ? 'collapsed' : 'expanded'}},[(_vm.expandingRow)?_c('button',{staticClass:"bx--table-expand__button",attrs:{"type":"button"},on:{"click":_vm.toggleExpand}},[_c('ChevronRight16',{staticClass:"bx--table-expand__svg"})],1):_vm._e()]):_vm._e(),(_vm.hasBatchActions)?_c('td',{staticClass:"bx--table-column-checkbox"},[_c('cv-checkbox',{ref:"rowChecked",attrs:{"form-item":false,"value":_vm.value},on:{"change":_vm.onChange},model:{value:(_vm.dataChecked),callback:function ($$v) {_vm.dataChecked=$$v},expression:"dataChecked"}})],1):_vm._e(),_vm._t("default"),(_vm.hasOverflowMenu)?_c('td',{staticClass:"bx--table-column-menu"},[_c('cv-overflow-menu',{attrs:{"flip-menu":""}},_vm._l((_vm.overflowMenu),function(item,index){return _c('cv-overflow-menu-item',{key:("" + index),on:{"click":function($event){return _vm.onMenuItemClick({
             rowValue: _vm.value,
             menuIndex: index,
             menuLabel: item,
           })}}},[_vm._v(_vm._s(item))])}),1)],1):_vm._e()],2)}
-var _cv_data_table_row_innervue_type_template_id_0262ba02_staticRenderFns = []
+var _cv_data_table_row_innervue_type_template_id_434f21c4_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-data-table/_cv-data-table-row-inner.vue?vue&type=template&id=0262ba02&
+// CONCATENATED MODULE: ./src/components/cv-data-table/_cv-data-table-row-inner.vue?vue&type=template&id=434f21c4&
 
 // EXTERNAL MODULE: ./src/components/cv-checkbox/cv-checkbox.vue + 4 modules
 var cv_checkbox = __webpack_require__("eade");
@@ -921,8 +929,15 @@ var _16 = __webpack_require__("7c7c");
       dataChecked: this.checked,
       dataExpanded: this.expanded,
       dataSomeExpandingRows: this.someExpandingRows,
+      hasOverflowMenu: false,
     };
   },
+  mounted: function() {
+    this.checkSlots();
+  },
+  beforeUpdate() {
+    this.checkSlots();
+  },
   watch: {
     checked() {
       this.dataChecked = this.checked;
@@ -938,9 +953,6 @@ var _16 = __webpack_require__("7c7c");
     isCvDataTableRow() {
       return true;
     },
-    hasOverflowMenu() {
-      return (this.overflowMenu && this.overflowMenu.length) || this.$slots['overflow-menu'];
-    },
     hasBatchActions() {
       return this.$parent.$parent.hasBatchActions;
     },
@@ -949,6 +961,10 @@ var _16 = __webpack_require__("7c7c");
     },
   },
   methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.hasOverflowMenu = !!((this.overflowMenu && this.overflowMenu.length) || this.$slots['overflow-menu']);
+    },
     onChange() {
       this.$parent.$parent.onRowCheckChange(this.value, this.dataChecked);
     },
@@ -977,8 +993,8 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   cv_data_table_cv_data_table_row_innervue_type_script_lang_js_,
-  _cv_data_table_row_innervue_type_template_id_0262ba02_render,
-  _cv_data_table_row_innervue_type_template_id_0262ba02_staticRenderFns,
+  _cv_data_table_row_innervue_type_template_id_434f21c4_render,
+  _cv_data_table_row_innervue_type_template_id_434f21c4_staticRenderFns,
   false,
   null,
   null,
@@ -1030,7 +1046,7 @@ var uid_mixin = __webpack_require__("fceb");
   },
   data() {
     return {
-      dataExpandable: this.$slots.expandedContent !== undefined,
+      dataExpandable: false,
       dataSomeExpandingRows: false,
       dataExpanded: this.expanded,
     };
@@ -1043,10 +1059,12 @@ var uid_mixin = __webpack_require__("fceb");
     },
   },
   mounted() {
+    // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+    this.dataExpandable = !!this.$slots.expandedContent;
     this.$parent.$emit('cv:mounted', this);
   },
   updated() {
-    this.dataExpandable = this.$slots.expandedContent !== undefined;
+    this.dataExpandable = !!this.$slots.expandedContent;
   },
   beforeDestroy() {
     this.$parent.$emit('cv:beforeDestroy', this);
@@ -1129,12 +1147,12 @@ var cv_data_table_row_component = Object(componentNormalizer["a" /* default */])
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-ui-shell/cv-side-nav-menu.vue?vue&type=template&id=833931ec&
-var cv_side_nav_menuvue_type_template_id_833931ec_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"cv-side-nav-menu bx--side-nav__item",class:{ 'bx--side-nav__item--active': _vm.active, 'bx--side-nav__item--icon': _vm.hasIcon }},[_c('button',{staticClass:"bx--side-nav__submenu",attrs:{"aria-haspopup":"true","aria-expanded":_vm.expanded ? 'true' : 'false',"role":"menuitem","type":"button"},on:{"click":_vm.doToggle,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.doToggle($event)}],"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.doToggle($event)}}},[(_vm.hasIcon)?_c('cv-side-nav-icon',[_vm._t("nav-icon")],2):_vm._e(),_c('span',{staticClass:"bx--side-nav__submenu-title"},[_vm._v(_vm._s(_vm.title))]),_c('cv-side-nav-icon',{staticClass:"bx--side-nav__submenu-chevron",attrs:{"small":"","aria-label":_vm.expanded ? 'collapse nav menu' : 'expand nav menu'}},[_c('ChevronDown20',{staticClass:"cv-side-nav-menu__chevron-svg"})],1)],1),_c('ul',{ref:"menu",staticClass:"bx--side-nav__menu",attrs:{"role":"menu"}},[_vm._t("default")],2)])}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-ui-shell/cv-side-nav-menu.vue?vue&type=template&id=d79b4eb0&
+var cv_side_nav_menuvue_type_template_id_d79b4eb0_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"cv-side-nav-menu bx--side-nav__item",class:{ 'bx--side-nav__item--active': _vm.active, 'bx--side-nav__item--icon': _vm.hasIcon }},[_c('button',{staticClass:"bx--side-nav__submenu",attrs:{"aria-haspopup":"true","aria-expanded":_vm.expanded ? 'true' : 'false',"role":"menuitem","type":"button"},on:{"click":_vm.doToggle,"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.doToggle($event)}],"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.doToggle($event)}}},[(_vm.hasIcon)?_c('cv-side-nav-icon',[_vm._t("nav-icon")],2):_vm._e(),_c('span',{staticClass:"bx--side-nav__submenu-title"},[_vm._v(_vm._s(_vm.title))]),_c('cv-side-nav-icon',{staticClass:"bx--side-nav__submenu-chevron",attrs:{"small":"","aria-label":_vm.expanded ? 'collapse nav menu' : 'expand nav menu'}},[_c('ChevronDown20',{staticClass:"cv-side-nav-menu__chevron-svg"})],1)],1),_c('ul',{ref:"menu",staticClass:"bx--side-nav__menu",attrs:{"role":"menu"}},[_vm._t("default")],2)])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-ui-shell/cv-side-nav-menu.vue?vue&type=template&id=833931ec&
+// CONCATENATED MODULE: ./src/components/cv-ui-shell/cv-side-nav-menu.vue?vue&type=template&id=d79b4eb0&
 
 // EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/chunk-75bb93d0.js
 var chunk_75bb93d0 = __webpack_require__("74ae");
@@ -1242,11 +1260,19 @@ var cv_side_nav_icon = __webpack_require__("8fd3");
   data() {
     return {
       expanded: false,
+      hasNavIcon: false,
     };
   },
+  mounted() {
+    // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+    this.hasNavIcon = !!this.$slots['nav-icon'];
+  },
+  beforeUpdate() {
+    this.hasNavIcon = !!this.$slots['nav-icon'];
+  },
   computed: {
     hasIcon() {
-      return this.$slots['nav-icon'] !== undefined;
+      return !!this.$slots['nav-icon'];
     },
   },
   methods: {
@@ -1271,7 +1297,7 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   cv_ui_shell_cv_side_nav_menuvue_type_script_lang_js_,
-  cv_side_nav_menuvue_type_template_id_833931ec_render,
+  cv_side_nav_menuvue_type_template_id_d79b4eb0_render,
   staticRenderFns,
   false,
   null,
@@ -1580,7 +1606,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-text-area/cv-text-area.vue?vue&type=template&id=02be530e&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-text-area/cv-text-area.vue?vue&type=template&id=7b295f82&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-text-area bx--form-item"},[_c('label',{class:[
       'bx--label',
       {
@@ -1589,7 +1615,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-text-area/cv-text-area.vue?vue&type=template&id=02be530e&
+// CONCATENATED MODULE: ./src/components/cv-text-area/cv-text-area.vue?vue&type=template&id=7b295f82&
 
 // EXTERNAL MODULE: ./src/mixins/uid-mixin.js
 var uid_mixin = __webpack_require__("fceb");
@@ -1649,6 +1675,18 @@ var _16 = __webpack_require__("f47d");
     label: String,
     value: String,
   },
+  data() {
+    return {
+      isHelper: false,
+      isInvalid: false,
+    };
+  },
+  mounted() {
+    this.checkSlots();
+  },
+  beforeUpdate() {
+    this.checkSlots();
+  },
   computed: {
     // Bind listeners at the component level to the embedded input element and
     // add our own input listener to service the v-model. See:
@@ -1659,11 +1697,12 @@ var _16 = __webpack_require__("f47d");
         input: event => this.$emit('input', event.target.value),
       };
     },
-    isInvalid() {
-      return this.$slots['invalid-message'] !== undefined || (this.invalidMessage && this.invalidMessage.length);
-    },
-    isHelper() {
-      return this.$slots['helper-text'] || (this.helperText && this.helperText.length);
+  },
+  methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.isInvalid = !!(this.$slots['invalid-message'] || (this.invalidMessage && this.invalidMessage.length));
+      this.isHelper = !!(this.$slots['helper-text'] || (this.helperText && this.helperText.length));
     },
   },
 });
@@ -2292,7 +2331,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-select/cv-select.vue?vue&type=template&id=d8e334c8&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-select/cv-select.vue?vue&type=template&id=c4569fdc&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-wrapper',{staticClass:"cv-select bx--form-item",attrs:{"tag-type":_vm.formItem ? 'div' : ''}},[_c('div',{staticClass:"bx--select",class:{
       'cv-select': !_vm.formItem,
       'bx--select--inline': _vm.inline,
@@ -2303,7 +2342,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-select/cv-select.vue?vue&type=template&id=d8e334c8&
+// CONCATENATED MODULE: ./src/components/cv-select/cv-select.vue?vue&type=template&id=c4569fdc&
 
 // EXTERNAL MODULE: ./src/mixins/uid-mixin.js
 var uid_mixin = __webpack_require__("fceb");
@@ -2415,7 +2454,11 @@ var _16 = __webpack_require__("f47d");
     delete this.$attrs.multiple;
   },
   data() {
-    return { dataValue: undefined };
+    return {
+      dataValue: undefined,
+      isHelper: false,
+      isInvalid: false,
+    };
   },
   mounted() {
     // this is needed to ensure selected for an option when no value is supplied
@@ -2427,6 +2470,10 @@ var _16 = __webpack_require__("f47d");
         }
       }
     }
+    this.checkSlots();
+  },
+  beforeUpdate() {
+    this.checkSlots();
   },
   watch: {
     value() {
@@ -2451,16 +2498,17 @@ var _16 = __webpack_require__("f47d");
         input: event => this.$emit('input', event.target.value),
       };
     },
-    isInvalid() {
-      return this.$slots['invalid-message'] !== undefined || (this.invalidMessage && this.invalidMessage.length);
-    },
-    isHelper() {
-      return this.$slots['helper-text'] !== undefined || (this.helperText && this.helperText.length);
-    },
     internalValue() {
       return this.dataValue ? this.dataValue : this.value;
     },
   },
+  methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.isInvalid = !!(this.$slots['invalid-message'] || (this.invalidMessage && this.invalidMessage.length));
+      this.isHelper = !!(this.$slots['helper-text'] || (this.helperText && this.helperText.length));
+    },
+  },
 });
 
 // CONCATENATED MODULE: ./src/components/cv-select/cv-select.vue?vue&type=script&lang=js&
@@ -2578,12 +2626,12 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-action.vue?vue&type=template&id=5adee54a&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-action.vue?vue&type=template&id=8a6cb3f0&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('button',_vm._g({staticClass:"bx--overflow-menu bx--toolbar-action",attrs:{"type":"button"}},_vm.$listeners),[_vm._t("default")],2)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table-action.vue?vue&type=template&id=5adee54a&
+// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table-action.vue?vue&type=template&id=8a6cb3f0&
 
 // 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-action.vue?vue&type=script&lang=js&
 //
@@ -2597,7 +2645,7 @@ var staticRenderFns = []
   name: 'cv-data-table-action',
   mounted() {
     // ensure SVG has
-    this.$el.children[0].classList.add('class="bx--toolbar-action__icon');
+    this.$el.children[0].classList.add('bx--toolbar-action__icon');
   },
 });
 
@@ -3720,16 +3768,16 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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=7fe3cf66&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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=25b02a2f&
 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--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":"Filter"},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()])}
+    },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=7fe3cf66&
+// CONCATENATED MODULE: ./src/components/cv-combo-box/cv-combo-box.vue?vue&type=template&id=25b02a2f&
 
 // EXTERNAL MODULE: ./src/mixins/theme-mixin.js
 var theme_mixin = __webpack_require__("d43c");
@@ -3887,6 +3935,8 @@ var uid_mixin = __webpack_require__("fceb");
       dataValue: this.value,
       dataHighlighted: null,
       dataFilter: null,
+      isHelper: false,
+      isInvalid: false,
     };
   },
   model: {
@@ -3912,17 +3962,12 @@ var uid_mixin = __webpack_require__("fceb");
   mounted() {
     this.filter = this.value;
     this.highlighted = this.value ? this.value : this.highlight; // override highlight with value if provided
-    console.warn(
-      `${this.$vnode.componentOptions.Ctor.extendOptions.name} - Under review. This component isn't quite ready. Hopefully no features will get broken but this cannot be guarenteed.`
-    );
+    this.checkSlots();
+  },
+  beforeUpdate() {
+    this.checkSlots();
   },
   computed: {
-    isInvalid() {
-      return this.$slots['invalid-message'] !== undefined || (this.invalidMessage && this.invalidMessage.length);
-    },
-    isHelper() {
-      return this.$slots['helper-text'] !== undefined || (this.helperText && this.helperText.length);
-    },
     highlighted: {
       get() {
         return this.dataHighlighted;
@@ -3954,11 +3999,18 @@ var uid_mixin = __webpack_require__("fceb");
     },
   },
   methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.isInvalid = !!(this.$slots['invalid-message'] || (this.invalidMessage && this.invalidMessage.length));
+      this.isHelper = !!(this.$slots['helper-text'] || (this.helperText && this.helperText.length));
+    },
     clearFilter() {
+      this.internalUpdateValue('');
       this.filter = '';
       this.$refs.input.focus();
       this.doOpen(true);
       this.updateOptions();
+      this.$emit('change', this.dataValue);
     },
     checkHighlightPosition(newHiglight) {
       if (this.$refs.list && this.$refs.option) {
@@ -3999,7 +4051,7 @@ var uid_mixin = __webpack_require__("fceb");
       }
     },
     updateOptions() {
-      if (this.autoFilter) {
+      if (this.autoFilter && this.filter) {
         const escFilter = this.filter.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
         const pat = new RegExp(escFilter, 'iu');
         this.dataOptions = this.options.filter(opt => pat.test(opt.label)).slice(0);
@@ -4670,6 +4722,7 @@ var map = {
 	"./cv-tile/cv-tile.vue": "5106",
 	"./cv-time-picker/cv-time-picker.vue": "89b6",
 	"./cv-toast-notification/cv-toast-notification.vue": "95a6",
+	"./cv-toggle/cv-toggle-skeleton.vue": "68c3",
 	"./cv-toggle/cv-toggle.vue": "f154",
 	"./cv-toolbar/cv-toolbar-divider.vue": "25b6",
 	"./cv-toolbar/cv-toolbar-option.vue": "4c37",
@@ -6622,8 +6675,8 @@ var virtual_CheckmarkFilled16 = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-number-input/cv-number-input.vue?vue&type=template&id=77eb2092&
-var cv_number_inputvue_type_template_id_77eb2092_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-wrapper',{staticClass:"cv-number-input bx--form-item",attrs:{"tag-type":_vm.formItem ? 'div' : ''}},[_c('div',{staticClass:"bx--number",class:{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-number-input/cv-number-input.vue?vue&type=template&id=76d16536&
+var cv_number_inputvue_type_template_id_76d16536_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-wrapper',{staticClass:"cv-number-input bx--form-item",attrs:{"tag-type":_vm.formItem ? 'div' : ''}},[_c('div',{staticClass:"bx--number",class:{
       'bx--number--light': _vm.theme === 'light',
       'bx--number--helpertext': _vm.isHelper,
       'cv-number-input': !_vm.formItem,
@@ -6631,7 +6684,7 @@ var cv_number_inputvue_type_template_id_77eb2092_render = function () {var _vm=t
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-number-input/cv-number-input.vue?vue&type=template&id=77eb2092&
+// CONCATENATED MODULE: ./src/components/cv-number-input/cv-number-input.vue?vue&type=template&id=76d16536&
 
 // EXTERNAL MODULE: ./src/mixins/uid-mixin.js
 var uid_mixin = __webpack_require__("fceb");
@@ -6828,8 +6881,16 @@ var _cv_wrapper = __webpack_require__("5d36");
   data() {
     return {
       internalValue: this.valueAsString(this.value),
+      isHelper: false,
+      isInvalid: false,
     };
   },
+  mounted() {
+    this.checkSlots();
+  },
+  beforeUpdate() {
+    this.checkSlots();
+  },
   watch: {
     value() {
       this.internalValue = this.valueAsString(this.value);
@@ -6852,14 +6913,13 @@ var _cv_wrapper = __webpack_require__("5d36");
       }
       return intVal;
     },
-    isInvalid() {
-      return this.$slots['invalid-message'] !== undefined || (this.invalidMessage && this.invalidMessage.length);
-    },
-    isHelper() {
-      return this.$slots['helper-text'] !== undefined || (this.helperText && this.helperText.length);
-    },
   },
   methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.isInvalid = !!(this.$slots['invalid-message'] || (this.invalidMessage && this.invalidMessage.length));
+      this.isHelper = !!(this.$slots['helper-text'] || (this.helperText && this.helperText.length));
+    },
     doUp() {
       this.internalValue = `${this.internalIntValue + 1}`;
       this.emitValue();
@@ -6899,7 +6959,7 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   cv_number_input_cv_number_inputvue_type_script_lang_js_,
-  cv_number_inputvue_type_template_id_77eb2092_render,
+  cv_number_inputvue_type_template_id_76d16536_render,
   staticRenderFns,
   false,
   null,
@@ -6918,7 +6978,7 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-multi-select/cv-multi-select.vue?vue&type=template&id=9188ed7c&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-multi-select/cv-multi-select.vue?vue&type=template&id=a6c6d852&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-multi-select bx--multi-select__wrapper bx--list-box__wrapper",class:{
     'bx--multi-select__wrapper--inline bx--list-box__wrapper--inline': _vm.inline,
     'bx--multi-select__wrapper--inline--invalid bx--list-box__wrapper--inline--invalid': _vm.inline && _vm.isInvalid,
@@ -6931,11 +6991,11 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
       'bx--multi-select--inline bx--list-box--inline': _vm.inline,
       'bx--multi-select--selected': _vm.dataValue.length > 0,
       'bx--combo-box': _vm.filterable,
-    },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":"0","type":"button","aria-label":_vm.open ? 'close menu' : 'open menu',"data-toggle":"true"}},[_c('cv-tag',{directives:[{name:"show",rawName:"v-show",value:(_vm.dataValue.length > 0),expression:"dataValue.length > 0"}],ref:"tag",class:{ 'bx--list-box__selection--multi': _vm.filterable && _vm.dataValue.length > 0 },style:(_vm.filterableTagOverride),attrs:{"disabled":_vm.disabled,"kind":"filter","label":("" + (_vm.dataValue.length))},on:{"remove":_vm.clearValues}}),(!_vm.filterable)?_c('span',{staticClass:"bx--list-box__label"},[_vm._v(_vm._s(_vm.label))]):[_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":"Filter"},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.length > 0)?_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)],2),_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:("multi-select-" + 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"},[_c('cv-checkbox',{staticStyle:{"pointer-events":"none"},attrs:{"tabindex":"-1","form-item":false,"value":item.value,"name":item.name,"data-test":item.name,"label":item.label},model:{value:(_vm.dataValue),callback:function ($$v) {_vm.dataValue=$$v},expression:"dataValue"}})],1)])}),0)],1),(_vm.isInvalid && !_vm.inline)?_c('div',{staticClass:"bx--form-requirement"},[_vm._t("invalid-message",[_vm._v(_vm._s(_vm.invalidMessage))])],2):_vm._e()])}
+    },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)},_vm.otherKey],"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":"0","type":"button","aria-label":_vm.open ? 'close menu' : 'open menu',"data-toggle":"true"}},[_c('cv-tag',{directives:[{name:"show",rawName:"v-show",value:(_vm.dataValue.length > 0),expression:"dataValue.length > 0"}],ref:"tag",class:{ 'bx--list-box__selection--multi': _vm.filterable && _vm.dataValue.length > 0 },style:(_vm.filterableTagOverride),attrs:{"disabled":_vm.disabled,"kind":"filter","label":("" + (_vm.dataValue.length))},on:{"remove":_vm.clearValues}}),(!_vm.filterable)?_c('span',{staticClass:"bx--list-box__label"},[_vm._v(_vm._s(_vm.label))]):[_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":"Filter"},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.length > 0)?_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)],2),_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:("multi-select-" + 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"},[_c('cv-checkbox',{staticStyle:{"pointer-events":"none"},attrs:{"tabindex":"-1","form-item":false,"value":item.value,"name":item.name,"data-test":item.name,"label":item.label},model:{value:(_vm.dataValue),callback:function ($$v) {_vm.dataValue=$$v},expression:"dataValue"}})],1)])}),0)],1),(_vm.isInvalid && !_vm.inline)?_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-multi-select/cv-multi-select.vue?vue&type=template&id=9188ed7c&
+// CONCATENATED MODULE: ./src/components/cv-multi-select/cv-multi-select.vue?vue&type=template&id=a6c6d852&
 
 // EXTERNAL MODULE: ./src/mixins/theme-mixin.js
 var theme_mixin = __webpack_require__("d43c");
@@ -7091,6 +7151,7 @@ var cv_tag = __webpack_require__("603b");
 //
 //
 //
+//
 
 
 
@@ -7160,6 +7221,8 @@ const selectionFeedbackOptions = ['top-after-reopen', 'top', 'fixed'];
       dataValue: '',
       dataHighlighted: null,
       dataFilter: '',
+      isHelper: false,
+      isInvalid: false,
     };
   },
   model: {
@@ -7186,17 +7249,12 @@ const selectionFeedbackOptions = ['top-after-reopen', 'top', 'fixed'];
   },
   mounted() {
     this.highlighted = this.value ? this.value : this.highlight; // override highlight with value if provided
-    console.warn(
-      `${this.$vnode.componentOptions.Ctor.extendOptions.name} - Under review. This component isn't quite ready. Hopefully no features will get broken but this cannot be guarenteed.`
-    );
+    this.checkSlots();
+  },
+  beforeUpdate() {
+    this.checkSlots();
   },
   computed: {
-    isInvalid() {
-      return this.$slots['invalid-message'] !== undefined || (this.invalidMessage && this.invalidMessage.length);
-    },
-    isHelper() {
-      return this.$slots['helper-text'] !== undefined || (this.helperText && this.helperText.length);
-    },
     highlighted: {
       get() {
         return this.dataHighlighted;
@@ -7232,6 +7290,11 @@ const selectionFeedbackOptions = ['top-after-reopen', 'top', 'fixed'];
     },
   },
   methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.isInvalid = !!(this.$slots['invalid-message'] || (this.invalidMessage && this.invalidMessage.length));
+      this.isHelper = !!(this.$slots['helper-text'] || (this.helperText && this.helperText.length));
+    },
     clearFilter() {
       this.filter = '';
       this.$refs.input.focus();
@@ -7360,8 +7423,16 @@ const selectionFeedbackOptions = ['top-after-reopen', 'top', 'fixed'];
       if (this.disabled) {
         ev.preventDefault();
       } else {
-        this.doOpen(!this.open);
-        this.inputOrButtonFocus();
+        if (this.open) {
+          this.inputOrButtonFocus();
+          // done this way round otherwise will auto open on focus.
+          this.$nextTick(() => {
+            this.doOpen(false);
+          });
+        } else {
+          this.doOpen(true);
+          this.inputOrButtonFocus();
+        }
       }
     },
     clearValues() {
@@ -7398,6 +7469,11 @@ const selectionFeedbackOptions = ['top-after-reopen', 'top', 'fixed'];
     inputFocus() {
       this.doOpen(true);
     },
+    otherKey(ev) {
+      if (!['Escape', 'ArrowUp', 'ArrowDown', 'Enter'].includes(ev.code)) {
+        console.log(ev.code);
+      }
+    },
   },
 });
 
@@ -7534,6 +7610,72 @@ var component = Object(componentNormalizer["a" /* default */])(
 
 /***/ }),
 
+/***/ "68c3":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-toggle/cv-toggle-skeleton.vue?vue&type=template&id=c0690bde&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-toggle bx--form-item"},[_c('label',{staticClass:"bx--toggle__label bx--skeleton",attrs:{"for":_vm.uid,"aria-label":_vm.label ? 'Toggle is loading' : _vm.label}},[_c('span',{staticClass:"bx--toggle__label-text"}),_c('span',{staticClass:"bx--toggle__text--left"}),_c('span',{staticClass:"bx--toggle__appearance"}),_c('span',{staticClass:"bx--toggle__text--right"})])])}
+var staticRenderFns = []
+
+
+// CONCATENATED MODULE: ./src/components/cv-toggle/cv-toggle-skeleton.vue?vue&type=template&id=c0690bde&
+
+// 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-toggle/cv-toggle-skeleton.vue?vue&type=script&lang=js&
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+
+
+/* harmony default export */ var cv_toggle_skeletonvue_type_script_lang_js_ = ({
+  name: 'CvToggleSkeleton',
+  mixins: [uid_mixin["a" /* default */]],
+  props: {
+    label: { type: String, default: 'Toggle is loading' },
+  },
+});
+
+// CONCATENATED MODULE: ./src/components/cv-toggle/cv-toggle-skeleton.vue?vue&type=script&lang=js&
+ /* harmony default export */ var cv_toggle_cv_toggle_skeletonvue_type_script_lang_js_ = (cv_toggle_skeletonvue_type_script_lang_js_); 
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__("2877");
+
+// CONCATENATED MODULE: ./src/components/cv-toggle/cv-toggle-skeleton.vue
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  cv_toggle_cv_toggle_skeletonvue_type_script_lang_js_,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var cv_toggle_skeleton = __webpack_exports__["default"] = (component.exports);
+
+/***/ }),
+
 /***/ "6e60":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -7683,12 +7825,12 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-skeleton.vue?vue&type=template&id=d8af9fe4&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-data-table',_vm._g(_vm._b({attrs:{"skeleton":"","data":_vm.data,"columns":_vm.cols}},'cv-data-table',_vm.$attrs,false),_vm.$listeners),[(_vm.$slots['helper-text'])?_c('template',{slot:"helper-text"},[_vm._t("helper-text")],2):_vm._e(),(_vm.$slots['batch-actions'])?_c('template',{slot:"batch-actions"},[_vm._t("batch-actions")],2):_vm._e(),(_vm.$slots.actions)?_c('template',{slot:"actions"},[_vm._t("actions")],2):_vm._e()],2)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-skeleton.vue?vue&type=template&id=2cd43eb0&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('cv-data-table',_vm._g(_vm._b({attrs:{"skeleton":"","data":_vm.data,"columns":_vm.cols}},'cv-data-table',_vm.$attrs,false),_vm.$listeners),[(_vm.hasBatchActions)?_c('template',{slot:"helper-text"},[_vm._t("helper-text")],2):_vm._e(),(_vm.hasBatchActions)?_c('template',{slot:"batch-actions"},[_vm._t("batch-actions")],2):_vm._e(),(_vm.hasActions)?_c('template',{slot:"actions"},[_vm._t("actions")],2):_vm._e()],2)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table-skeleton.vue?vue&type=template&id=d8af9fe4&
+// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table-skeleton.vue?vue&type=template&id=2cd43eb0&
 
 // EXTERNAL MODULE: ./src/components/cv-data-table/cv-data-table.vue + 11 modules
 var cv_data_table = __webpack_require__("def8");
@@ -7728,6 +7870,19 @@ const DEFAULTS = {
     hasExpandables: Boolean,
     rows: { type: Number, default: DEFAULTS.ROWS },
   },
+  data() {
+    return {
+      hasActions: false,
+      hasHelperText: false,
+      hasBatchActions: false,
+    };
+  },
+  mounted() {
+    this.checkSlots();
+  },
+  beforeUpdate() {
+    this.checkSlots();
+  },
   computed: {
     data() {
       return [...Array(Math.max(this.rows, 1))].map(item => Array(this.cols.length).fill(''));
@@ -7736,6 +7891,14 @@ const DEFAULTS = {
       return typeof this.columns !== 'number' ? this.columns : Array(Math.max(this.columns, 1)).fill('');
     },
   },
+  methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.hasBatchActions = !!this.$slots['batch-actions'];
+      this.hasHelperText = !!this.$slots['helper-text'];
+      this.hasActions = !!this.$slots['actions'];
+    },
+  },
 });
 
 // CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table-skeleton.vue?vue&type=script&lang=js&
@@ -7828,7 +7991,7 @@ module.exports = virtual_Error20;
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-dropdown/cv-dropdown.vue?vue&type=template&id=082fde71&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-dropdown/cv-dropdown.vue?vue&type=template&id=4dec4c59&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:{ 'bx--form-item': _vm.formItem }},[_c('div',{staticClass:"bx--dropdown__wrapper",class:{ 'bx--dropdown__wrapper--inline': _vm.inline, 'cv-dropdown': !_vm.formItem },style:(_vm.wrapperStyleOverride)},[(_vm.label)?_c('span',{staticClass:"bx--label",class:{ 'bx--label--disabled': _vm.disabled },attrs:{"id":(_vm.uid + "-label")}},[_vm._v("\n      "+_vm._s(_vm.label)+"\n    ")]):_vm._e(),(!_vm.inline && _vm.isHelper)?_c('div',{staticClass:"bx--form__helper-text",class:{ 'bx--form__helper-text--disabled': _vm.disabled },attrs:{"aria-disabled":_vm.disabled}},[_vm._t("helper-text",[_vm._v(_vm._s(_vm.helperText))])],2):_vm._e(),_c('div',_vm._b({staticClass:"bx--dropdown",class:{
         'bx--dropdown--light': _vm.theme === 'light',
         'bx--dropdown--up': _vm.up,
@@ -7840,7 +8003,7 @@ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._sel
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-dropdown/cv-dropdown.vue?vue&type=template&id=082fde71&
+// CONCATENATED MODULE: ./src/components/cv-dropdown/cv-dropdown.vue?vue&type=template&id=4dec4c59&
 
 // EXTERNAL MODULE: ./src/mixins/theme-mixin.js
 var theme_mixin = __webpack_require__("d43c");
@@ -7979,6 +8142,8 @@ var chevron_down = __webpack_require__("fa89");
     return {
       open: false,
       dataValue: this.value,
+      isHelper: false,
+      isInvalid: false,
     };
   },
   created() {
@@ -7993,6 +8158,10 @@ var chevron_down = __webpack_require__("fa89");
       }
     });
     this.internalValue = this.internalValue; // forces update of value
+    this.checkSlots();
+  },
+  beforeUpdate() {
+    this.checkSlots();
   },
   model: {
     prop: 'value',
@@ -8004,12 +8173,6 @@ var chevron_down = __webpack_require__("fa89");
     },
   },
   computed: {
-    isInvalid() {
-      return this.$slots['invalid-message'] !== undefined || (this.invalidMessage && this.invalidMessage.length);
-    },
-    isHelper() {
-      return this.$slots['helper-text'] !== undefined || (this.helperText && this.helperText.length);
-    },
     internalValue: {
       get() {
         return this.dataValue;
@@ -8055,6 +8218,11 @@ var chevron_down = __webpack_require__("fa89");
     },
   },
   methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.isInvalid = !!(this.$slots['invalid-message'] || (this.invalidMessage && this.invalidMessage.length));
+      this.isHelper = !!(this.$slots['helper-text'] || (this.helperText && this.helperText.length));
+    },
     onCvMount(srcComponent) {
       if (srcComponent.internalSelected) {
         this.internalValue = srcComponent.value;
@@ -9058,8 +9226,8 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-text-input/cv-text-input.vue?vue&type=template&id=7ecbba34&
-var cv_text_inputvue_type_template_id_7ecbba34_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-text-input bx--form-item"},[_c('label',{class:[
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-text-input/cv-text-input.vue?vue&type=template&id=6fac295a&
+var cv_text_inputvue_type_template_id_6fac295a_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-text-input bx--form-item"},[_c('label',{class:[
       'bx--label',
       {
         'bx--label--disabled': _vm.$attrs.disabled !== undefined && _vm.$attrs.disabled,
@@ -9067,7 +9235,7 @@ var cv_text_inputvue_type_template_id_7ecbba34_render = function () {var _vm=thi
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-text-input/cv-text-input.vue?vue&type=template&id=7ecbba34&
+// CONCATENATED MODULE: ./src/components/cv-text-input/cv-text-input.vue?vue&type=template&id=6fac295a&
 
 // EXTERNAL MODULE: ./src/mixins/uid-mixin.js
 var uid_mixin = __webpack_require__("fceb");
@@ -9261,8 +9429,16 @@ var virtual_ViewOff16 = {
     return {
       dataPasswordVisible: this.isPassword && this.passwordVisible,
       dataType: this.type,
+      isHelper: false,
+      isInvalid: false,
     };
   },
+  mounted: function() {
+    this.checkSlots();
+  },
+  beforeUpdate() {
+    this.checkSlots();
+  },
   watch: {
     passwordVisible() {
       if (this.passwordVisible !== this.dataPasswordVisible) {
@@ -9283,12 +9459,6 @@ var virtual_ViewOff16 = {
         input: event => this.$emit('input', event.target.value),
       };
     },
-    isInvalid() {
-      return this.$slots['invalid-message'] !== undefined || (this.invalidMessage && this.invalidMessage.length);
-    },
-    isHelper() {
-      return this.$slots['helper-text'] || (this.helperText && this.helperText.length);
-    },
     isPassword() {
       return this.type === 'password';
     },
@@ -9300,6 +9470,11 @@ var virtual_ViewOff16 = {
     },
   },
   methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.isInvalid = !!(this.$slots['invalid-message'] || (this.invalidMessage && this.invalidMessage.length));
+      this.isHelper = !!(this.$slots['helper-text'] || (this.helperText && this.helperText.length));
+    },
     togglePasswordVisibility() {
       const currentValue = this.$refs.input.value;
       this.dataPasswordVisible = !this.dataPasswordVisible;
@@ -9327,7 +9502,7 @@ var componentNormalizer = __webpack_require__("2877");
 
 var component = Object(componentNormalizer["a" /* default */])(
   cv_text_input_cv_text_inputvue_type_script_lang_js_,
-  cv_text_inputvue_type_template_id_7ecbba34_render,
+  cv_text_inputvue_type_template_id_6fac295a_render,
   staticRenderFns,
   false,
   null,
@@ -9362,12 +9537,12 @@ const STATES = {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-ui-shell/cv-header.vue?vue&type=template&id=b334136e&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:"cv-header bx--header",attrs:{"role":"banner","data-header":""}},[_vm._t("default"),(_vm.$slots['header-global'])?_c('div',{staticClass:"bx--header__global"},[_vm._t("header-global")],2):_vm._e(),_vm._t("left-panels"),_vm._t("right-panels")],2)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-ui-shell/cv-header.vue?vue&type=template&id=6fa80848&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('header',{staticClass:"cv-header bx--header",attrs:{"role":"banner","data-header":""}},[_vm._t("default"),(_vm.hasGlobalHeader)?_c('div',{staticClass:"bx--header__global"},[_vm._t("header-global")],2):_vm._e(),_vm._t("left-panels"),_vm._t("right-panels")],2)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-ui-shell/cv-header.vue?vue&type=template&id=b334136e&
+// CONCATENATED MODULE: ./src/components/cv-ui-shell/cv-header.vue?vue&type=template&id=6fa80848&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-ui-shell/cv-header.vue?vue&type=script&lang=js&
 //
@@ -9398,8 +9573,16 @@ var staticRenderFns = []
     return {
       panelControllers: [],
       panels: [],
+      hasGlobalHeader: false,
     };
   },
+  mounted() {
+    // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+    this.hasGlobalHeader = !!this.$slots['header-global'];
+  },
+  beforeUpdate() {
+    this.hasGlobalHeader = !!this.$slots['header-global'];
+  },
   computed: {
     isCvHeader() {
       return true;
@@ -9753,12 +9936,12 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-time-picker/cv-time-picker.vue?vue&type=template&id=508ebf05&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-time-picker/cv-time-picker.vue?vue&type=template&id=0cac4b32&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-time-picker bx--form-item"},[_c('div',{staticClass:"bx--time-picker",class:{ 'bx--time-picker--light': _vm.theme === 'light' },attrs:{"data-invalid":_vm.isInvalid}},[_c('div',{staticClass:"bx--time-picker__input"},[_c('label',{staticClass:"bx--label",attrs:{"for":_vm.uid}},[_vm._v(_vm._s(_vm.label))]),_c('input',_vm._b({staticClass:"bx--time-picker__input-field",attrs:{"id":_vm.uid,"type":"text","pattern":_vm.pattern,"placeholder":_vm.placeholder,"maxlength":_vm.placeholder.length,"disabled":_vm.disabled},domProps:{"value":_vm.time},on:{"input":function($event){return _vm.$emit('update:time', $event.target.value)}}},'input',_vm.$attrs,false))]),_c('cv-select',{staticClass:"bx--time-picker__select",attrs:{"form-item":false,"hide-label":"","label":_vm.ampmSelectLabel,"value":_vm.ampm,"disabled":_vm.disabled},on:{"input":function($event){return _vm.$emit('update:ampm', $event)}}},[_c('cv-select-option',{staticClass:"bx--select-option",attrs:{"value":"AM"}},[_vm._v("AM")]),_c('cv-select-option',{staticClass:"bx--select-option",attrs:{"value":"PM"}},[_vm._v("PM")])],1),(_vm.timezones.length > 0)?_c('cv-select',{staticClass:"bx--time-picker__select",attrs:{"form-item":false,"hide-label":"","label":_vm.timezonesSelectLabel,"value":_vm.validTimezone,"disabled":_vm.disabled},on:{"input":function($event){return _vm.$emit('update:timezone', $event)}}},_vm._l((_vm.timezones),function(item){return _c('cv-select-option',{key:item.value,staticClass:"bx--select-option",attrs:{"value":item.value}},[_vm._v(_vm._s(item.label))])}),1):_vm._e()],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-time-picker/cv-time-picker.vue?vue&type=template&id=508ebf05&
+// CONCATENATED MODULE: ./src/components/cv-time-picker/cv-time-picker.vue?vue&type=template&id=0cac4b32&
 
 // EXTERNAL MODULE: ./src/mixins/uid-mixin.js
 var uid_mixin = __webpack_require__("fceb");
@@ -9855,13 +10038,18 @@ var cv_select_option = __webpack_require__("18a2");
     timezones: { type: Array, default: () => [] },
     timezonesSelectLabel: { type: String, default: 'Select time zone' },
   },
+  data() {
+    return {
+      isInvalid: false,
+    };
+  },
+  mounted() {
+    this.checkSlots();
+  },
+  beforeUpdate() {
+    this.checkSlots();
+  },
   computed: {
-    isInvalid() {
-      return (
-        (this.$slots['invalid-message'] && this.$slots['invalid-message'].length) ||
-        (this.invalidMessage && this.invalidMessage.length > 0)
-      );
-    },
     validAmpm() {
       let result = this.ampm;
       if (!['AM', 'PM'].includes(this.ampm)) {
@@ -9886,6 +10074,12 @@ var cv_select_option = __webpack_require__("18a2");
       return result;
     },
   },
+  methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.isInvalid = !!(this.$slots['invalid-message'] || (this.invalidMessage && this.invalidMessage.length));
+    },
+  },
 });
 
 // CONCATENATED MODULE: ./src/components/cv-time-picker/cv-time-picker.vue?vue&type=script&lang=js&
@@ -10605,12 +10799,12 @@ var component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-ui-shell/cv-side-nav-link.vue?vue&type=template&id=48351e63&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"bx--side-nav__item"},[_c(_vm.tagType,_vm._g(_vm._b({tag:"component",staticClass:"cv-side-nav-item-link bx--side-nav__link",class:{ 'bx--side-nav__link--current': _vm.active }},'component',Object.assign({}, _vm.$attrs, _vm.linkProps),false),_vm.$listeners),[(_vm.$slots['nav-icon'] !== undefined)?_c('cv-side-nav-icon',{attrs:{"small":""}},[_vm._t("nav-icon")],2):_vm._e(),_c('cv-side-nav-link-text',[_vm._t("default")],2)],1)],1)}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-ui-shell/cv-side-nav-link.vue?vue&type=template&id=0b6e711b&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"bx--side-nav__item"},[_c(_vm.tagType,_vm._g(_vm._b({tag:"component",staticClass:"cv-side-nav-item-link bx--side-nav__link",class:{ 'bx--side-nav__link--current': _vm.active }},'component',Object.assign({}, _vm.$attrs, _vm.linkProps),false),_vm.$listeners),[(_vm.hasNavIcon)?_c('cv-side-nav-icon',{attrs:{"small":""}},[_vm._t("nav-icon")],2):_vm._e(),_c('cv-side-nav-link-text',[_vm._t("default")],2)],1)],1)}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-ui-shell/cv-side-nav-link.vue?vue&type=template&id=48351e63&
+// CONCATENATED MODULE: ./src/components/cv-ui-shell/cv-side-nav-link.vue?vue&type=template&id=0b6e711b&
 
 // EXTERNAL MODULE: ./src/mixins/link-mixin.js
 var link_mixin = __webpack_require__("c5a1");
@@ -10655,6 +10849,14 @@ var _cv_side_nav_link_text = __webpack_require__("f516");
     active: Boolean,
     icon: Object,
   },
+  data() {
+    return {
+      hasNavIcon: this.$slots['nav-icon'],
+    };
+  },
+  beforeUpdate() {
+    this.hasNavIcon = !!this.$slots['nav-icon'];
+  },
 });
 
 // CONCATENATED MODULE: ./src/components/cv-ui-shell/cv-side-nav-link.vue?vue&type=script&lang=js&
@@ -11662,21 +11864,18 @@ var cv_accordion_skeleton_component = Object(componentNormalizer["a" /* default
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-tabs/cv-tabs.vue?vue&type=template&id=9b386630&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-tabs"},[_c('div',_vm._g(_vm._b({staticClass:"cv-tab bx--tabs",attrs:{"data-tabs":"","role":"navigation"},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"right",39,$event.key,["Right","ArrowRight"])){ return null; }if('button' in $event && $event.button !== 2){ return null; }$event.preventDefault();return _vm.moveRight($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.moveLeft($event)}]}},'div',_vm.$attrs,false),_vm.$listeners),[_c('cv-dropdown',{staticClass:"bx--tabs-trigger",style:(_vm.triggerStyleOverride),attrs:{"value":("" + _vm.selectedId),"form-item":false},on:{"change":_vm.onDropChange}},_vm._l((_vm.tabs),function(tab){return _c('cv-dropdown-item',{key:("drop-" + (tab.uid)),attrs:{"value":("" + (tab.uid))}},[_vm._v(_vm._s(tab.label))])}),1),_c('ul',{staticClass:"bx--tabs__nav bx--tabs__nav--hidden",attrs:{"role":"tablist"}},_vm._l((_vm.tabs),function(tab){return _c('li',{key:tab.uid,staticClass:"cv-tabs-button bx--tabs__nav-item",class:{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-tabs/cv-tabs.vue?vue&type=template&id=8ead6792&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-tabs",on:{"focusout":_vm.onFocusout,"focusin":_vm.onFocusin}},[_c('div',_vm._g(_vm._b({staticClass:"cv-tab bx--tabs",attrs:{"data-tabs":"","role":"navigation"},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"right",39,$event.key,["Right","ArrowRight"])){ return null; }if('button' in $event && $event.button !== 2){ return null; }$event.preventDefault();return _vm.onRight($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"left",37,$event.key,["Left","ArrowLeft"])){ return null; }if('button' in $event && $event.button !== 0){ return null; }$event.preventDefault();return _vm.onLeft($event)},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,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.preventDefault();return _vm.onEsc($event)}]}},'div',_vm.$attrs,false),_vm.$listeners),[_c('div',{ref:"trigger",staticClass:"bx--tabs-trigger",class:{ ' bx--tabs-trigger--open': _vm.open },attrs:{"tabindex":"0"},on:{"click":_vm.onClick,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.onClick($event)}}},[_c('a',{staticClass:"bx--tabs-trigger-text",attrs:{"href":"javascript:void(0)","tabindex":"-1"}},[_vm._v(_vm._s(_vm.currentTabLabel))]),_c('chevron-down-glyph')],1),_c('ul',{staticClass:"bx--tabs__nav",class:{ 'bx--tabs__nav--hidden': !_vm.open },attrs:{"role":"tablist"}},_vm._l((_vm.tabs),function(tab){return _c('li',{key:tab.uid,staticClass:"cv-tabs-button bx--tabs__nav-item",class:{
           'bx--tabs__nav-item--selected': _vm.selectedId == tab.uid,
           'bx--tabs__nav-item--disabled': _vm.disabledTabs.indexOf(tab.uid) !== -1,
-        },attrs:{"role":"tab","aria-selected":_vm.selectedId == tab.uid,"aria-disabled":_vm.disabledTabs.indexOf(tab.uid) !== -1}},[_c('a',{ref:"link",refInFor:true,staticClass:"bx--tabs__nav-link",attrs:{"href":"javascript:void(0)","role":"tab","aria-controls":tab.uid,"id":((tab.uid) + "-link")},on:{"click":function($event){return _vm.onTabClick(tab.uid)}}},[_vm._v(_vm._s(tab.label))])])}),0)],1),_c('div',{staticClass:"cv-tabs__panels"},[_vm._t("default")],2)])}
+        },attrs:{"role":"tab","aria-selected":_vm.selectedId == tab.uid,"aria-disabled":_vm.disabledTabs.indexOf(tab.uid) !== -1}},[_c('a',{ref:"link",refInFor:true,staticClass:"bx--tabs__nav-link",attrs:{"href":"javascript:void(0)","role":"tab","aria-controls":tab.uid,"id":((tab.uid) + "-link")},on:{"click":function($event){return _vm.onTabClick(tab.uid)},"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.onTabEnter(tab.uid)}}},[_vm._v(_vm._s(tab.label))])])}),0)]),_c('div',{staticClass:"cv-tabs__panels"},[_vm._t("default")],2)])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-tabs/cv-tabs.vue?vue&type=template&id=9b386630&
-
-// EXTERNAL MODULE: ./src/components/cv-dropdown/cv-dropdown.vue + 4 modules
-var cv_dropdown = __webpack_require__("71cc");
+// CONCATENATED MODULE: ./src/components/cv-tabs/cv-tabs.vue?vue&type=template&id=8ead6792&
 
-// EXTERNAL MODULE: ./src/components/cv-dropdown/cv-dropdown-item.vue + 4 modules
-var cv_dropdown_item = __webpack_require__("140e");
+// EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/chevron--down/index.js
+var chevron_down = __webpack_require__("fa89");
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-tabs/cv-tabs.vue?vue&type=script&lang=js&
 //
@@ -11733,21 +11932,27 @@ var cv_dropdown_item = __webpack_require__("140e");
 //
 //
 //
-
+//
+//
+//
+//
 
 
 
 /* harmony default export */ var cv_tabsvue_type_script_lang_js_ = ({
   name: 'CvTabs',
-  components: { CvDropdown: cv_dropdown["default"], CvDropdownItem: cv_dropdown_item["default"] },
   props: {
     noDefaultToFirst: Boolean,
   },
+  components: { ChevronDownGlyph: chevron_down["a" /* default */] },
   data() {
     return {
       tabs: [],
       selectedId: undefined,
       disabledTabs: [],
+      open: false,
+      lastDisplayProp: undefined,
+      // data is open
     };
   },
   created() {
@@ -11758,13 +11963,59 @@ var cv_dropdown_item = __webpack_require__("140e");
     this.$on('cv:disabled', srcComponent => this.onCvDisabled(srcComponent));
     this.$on('cv:enabled', srcComponent => this.onCvEnabled(srcComponent));
   },
+  mounted() {},
   computed: {
     triggerStyleOverride() {
       // <style carbon tweaks - DO NOT USE STYLE TAG as it causes SSR issues
       return { padding: 0 };
     },
+    currentTabLabel() {
+      const index = this.tabs.findIndex(tab => tab.uid === this.selectedId);
+
+      return index > -1 ? this.tabs[index].label : '';
+    },
   },
   methods: {
+    onFocusin(ev) {
+      if (ev.target.classList.contains('bx--tabs__nav-link') || ev.target.classList.contains('bx--tabs-trigger')) {
+        // record display prop state
+        this.lastDisplayProp = window.getComputedStyle(this.$refs.trigger).getPropertyValue('display');
+      } else {
+        this.lastDisplayProp = undefined;
+      }
+    },
+    onFocusout(ev) {
+      // works with onFocusin to determine whether focus needs to be set to a tab or trigger
+      const displayProp = window.getComputedStyle(this.$refs.trigger).getPropertyValue('display');
+      if (ev.relatedTarget) {
+        if (
+          ev.relatedTarget.classList.contains('bx--tabs__nav-link') ||
+          ev.relatedTarget.classList.contains('bx--tabs-trigger')
+        ) {
+          return; // no need to do anything - focus is going somewhere
+        } else {
+          this.open = false;
+        }
+      } else {
+        if (this.lastDisplayProp && this.lastDisplayProp !== displayProp) {
+          if (displayProp === 'none') {
+            // focus on selected tab
+            const currentTabLink = this.$refs.link.find(link => link.getAttribute('aria-controls') === this.selectedId);
+            if (currentTabLink) {
+              currentTabLink.focus();
+            }
+          } else {
+            this.$refs.trigger.focus();
+          }
+        } else {
+          this.open = false;
+        }
+      }
+    },
+    onWindowResize() {
+      // check whether trigger is displayed
+      this.dataDropdownShown = window.getComputedStyle(this.$refs.trigger).getPropertyValue('display') !== 'none';
+    },
     onDropChange(val) {
       this.onTabClick(val);
     },
@@ -11807,6 +12058,12 @@ var cv_dropdown_item = __webpack_require__("140e");
             }
           }
 
+          this.open = false;
+          if (this.$refs.trigger) {
+            // following code build sometimes trigger is not yet available
+            this.$refs.trigger.focus();
+          }
+
           this.$emit('tab-selected', newIndex);
         }
       }
@@ -11847,64 +12104,115 @@ var cv_dropdown_item = __webpack_require__("140e");
     isAllTabsDisabled() {
       return this.disabledTabs.length === this.tabs.length;
     },
-    moveLeft() {
+    onTabEnter(id) {
+      // const newIndex = this.tabs.findIndex(tab => tab.uid === id);
+
+      this.onTabClick(id);
+      this.$refs.trigger.focus();
+    },
+    onClick() {
+      this.open = !this.open;
+    },
+    onEsc() {
+      this.open = false;
+    },
+    onUp() {
       if (this.isAllTabsDisabled()) {
         return;
       }
-      let newId;
-      let newIndex;
 
-      if (this.selectedId) {
-        newIndex = this.tabs.indexOf(this.selectedId);
-      }
+      const displayProp = window.getComputedStyle(this.$refs.trigger).getPropertyValue('display');
 
-      if (newIndex > 0) {
-        newIndex--;
-      } else {
-        newIndex = this.tabs.length - 1;
+      if (displayProp !== 'none') {
+        const el = document.activeElement;
+        let id;
+        if (el.classList.contains('bx--tabs__nav-link')) {
+          id = el.getAttribute('aria-controls');
+        } else {
+          id = this.selectedId;
+        }
+
+        const newIndex = this.move(id, false);
+        this.$refs.link[newIndex].focus();
       }
-      newId = this.tabs[newIndex].uid;
+    },
+    onDown() {
+      if (this.isAllTabsDisabled()) {
+        return;
+      }
+
+      const displayProp = window.getComputedStyle(this.$refs.trigger).getPropertyValue('display');
 
-      while (this.disabledTabs.indexOf(newId) !== -1) {
-        if (newIndex > 0) {
-          newIndex--;
+      if (displayProp !== 'none') {
+        if (!this.open) {
+          this.open = true;
         } else {
-          newIndex = this.tabs.length - 1;
+          const el = document.activeElement;
+          let id;
+          if (el.classList.contains('bx--tabs__nav-link')) {
+            id = el.getAttribute('aria-controls');
+          } else {
+            id = this.selectedId;
+          }
+
+          const newIndex = this.move(id, true);
+          this.$refs.link[newIndex].focus();
         }
-        newId = this.tabs[newIndex].uid;
       }
-      this.onTabClick(newId);
-      this.$refs.link[newIndex].focus();
     },
-    moveRight() {
+    onLeft() {
       if (this.isAllTabsDisabled()) {
         return;
       }
-      let newId;
-      let newIndex;
 
-      if (this.selectedId) {
-        newIndex = this.tabs.indexOf(this.selectedId);
+      const displayProp = window.getComputedStyle(this.$refs.trigger).getPropertyValue('display');
+      if (displayProp === 'none') {
+        const newIndex = this.move(this.selectedId, false);
+        const newId = this.tabs[newIndex].uid;
+
+        this.onTabClick(newId);
+        this.$refs.link[newIndex].focus();
       }
+    },
+    move(id, next) {
+      let newIndex;
+      let newId;
 
-      if (newIndex < this.tabs.length - 1) {
-        newIndex++;
-      } else {
-        newIndex = 0;
+      newIndex = this.tabs.findIndex(tab => tab.uid === id);
+
+      if (newIndex > -1) {
+        newIndex = next ? newIndex + 1 : newIndex - 1;
+      }
+      if (newIndex < 0 || newIndex >= this.tabs.length) {
+        newIndex = next ? 0 : this.tabs.length - 1;
       }
-      newId = this.tabs[newIndex].uid;
 
-      while (this.disabledTabs.indexOf(newIndex) !== -1) {
-        if (newIndex < this.tabs.length - 1) {
-          newIndex++;
-        } else {
-          newIndex = 0;
+      newId = this.tabs[newIndex].uid;
+      while (newId === this.selectedId || this.disabledTabs.indexOf(newId) !== -1) {
+        if (newIndex > -1) {
+          newIndex = next ? newIndex + 1 : newIndex - 1;
+        }
+        if (newIndex < 0 || newIndex >= this.tabs.length) {
+          newIndex = next ? 0 : this.tabs.length - 1;
         }
         newId = this.tabs[newIndex].uid;
       }
 
-      this.onTabClick(newId);
-      this.$refs.link[newIndex].focus();
+      return newIndex;
+    },
+    onRight() {
+      if (this.isAllTabsDisabled()) {
+        return;
+      }
+
+      const displayProp = window.getComputedStyle(this.$refs.trigger).getPropertyValue('display');
+      if (displayProp === 'none') {
+        const newIndex = this.move(this.selectedId, true);
+        const newId = this.tabs[newIndex].uid;
+
+        this.onTabClick(newId);
+        this.$refs.link[newIndex].focus();
+      }
     },
     selected(index) {
       let selItem = this.tabs[index ? index : -1];
@@ -18595,15 +18903,15 @@ const options = ['light'];
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-modal/cv-modal.vue?vue&type=template&id=3b14aed5&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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-modal/cv-modal.vue?vue&type=template&id=0dbb9336&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-modal bx--modal",class:{
     'is-visible': _vm.dataVisible,
     'bx--modal--danger': _vm.kind === 'danger',
-  },attrs:{"data-modal":"","id":_vm.uid,"tabindex":"-1"},on:{"keydown":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":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.onExternalClick($event)}}},[_c('div',{ref:"modalDialog",staticClass:"bx--modal-container"},[_c('div',{ref:"beforeContent",staticClass:"cv-modal__before-content",staticStyle:{"position":"absolute","height":"1px","width":"1px","left":"-9999px"},attrs:{"tabindex":"0"},on:{"focus":_vm.focusBeforeContent}}),_c('div',{staticClass:"bx--modal-header"},[(_vm.$slots.label)?_c('h4',{staticClass:"bx--modal-header__label"},[_vm._t("label",[_vm._v("label (Optional)")])],2):_vm._e(),_c('h2',{staticClass:"bx--modal-header__heading"},[_vm._t("title",[_vm._v("Modal Title")])],2),_c('button',{ref:"close",staticClass:"bx--modal-close",attrs:{"type":"button"},on:{"click":_vm.onClose}},[_c('Close16',{staticClass:"bx--modal-close__icon"})],1)]),_c('div',{ref:"content",staticClass:"bx--modal-content",attrs:{"tabindex":_vm.scrollable ? 0 : undefined}},[_vm._t("content",[_c('p',[_vm._v("\n          Passive modal notifications should only appear if there is an action the user needs to address immediately.\n          Passive modal notifications are persistent on the screen.\n        ")])])],2),(_vm.hasFooter)?_c('div',{staticClass:"bx--modal-footer"},[(this.$slots['secondary-button'])?_c('cv-button',{ref:"secondary",attrs:{"type":"button","kind":_vm.secondaryKind},on:{"click":_vm.onSecondaryClick}},[_vm._t("secondary-button",[_vm._v("Secondary button")])],2):_vm._e(),(this.$slots['primary-button'])?_c('cv-button',{ref:"primary",attrs:{"disabled":_vm.primaryButtonDisabled,"type":"button","kind":_vm.primaryKind},on:{"click":_vm.onPrimaryClick}},[_vm._t("primary-button",[_vm._v("Primary button")])],2):_vm._e()],1):_vm._e(),_c('div',{ref:"afterContent",staticClass:"cv-modal__after-content",staticStyle:{"position":"absolute","height":"1px","width":"1px","left":"-9999px"},attrs:{"tabindex":"0"},on:{"focus":_vm.focusAfterContent}})])])}
+  },attrs:{"data-modal":"","id":_vm.uid,"tabindex":"-1"},on:{"keydown":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":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.onExternalClick($event)}}},[_c('div',{ref:"modalDialog",staticClass:"bx--modal-container"},[_c('div',{ref:"beforeContent",staticClass:"cv-modal__before-content",staticStyle:{"position":"absolute","height":"1px","width":"1px","left":"-9999px"},attrs:{"tabindex":"0"},on:{"focus":_vm.focusBeforeContent}}),_c('div',{staticClass:"bx--modal-header"},[(_vm.hasHeaderLabel)?_c('h4',{staticClass:"bx--modal-header__label"},[_vm._t("label",[_vm._v("label (Optional)")])],2):_vm._e(),_c('h2',{staticClass:"bx--modal-header__heading"},[_vm._t("title",[_vm._v("Modal Title")])],2),_c('button',{ref:"close",staticClass:"bx--modal-close",attrs:{"type":"button"},on:{"click":_vm.onClose}},[_c('Close16',{staticClass:"bx--modal-close__icon"})],1)]),_c('div',{ref:"content",staticClass:"bx--modal-content",attrs:{"tabindex":_vm.scrollable ? 0 : undefined}},[_vm._t("content",[_c('p',[_vm._v("\n          Passive modal notifications should only appear if there is an action the user needs to address immediately.\n          Passive modal notifications are persistent on the screen.\n        ")])])],2),(_vm.hasFooter)?_c('div',{staticClass:"bx--modal-footer"},[(_vm.hasSecondary)?_c('cv-button',{ref:"secondary",attrs:{"type":"button","kind":_vm.secondaryKind},on:{"click":_vm.onSecondaryClick}},[_vm._t("secondary-button",[_vm._v("Secondary button")])],2):_vm._e(),(_vm.hasPrimary)?_c('cv-button',{ref:"primary",attrs:{"disabled":_vm.primaryButtonDisabled,"type":"button","kind":_vm.primaryKind},on:{"click":_vm.onPrimaryClick}},[_vm._t("primary-button",[_vm._v("Primary button")])],2):_vm._e()],1):_vm._e(),_c('div',{ref:"afterContent",staticClass:"cv-modal__after-content",staticStyle:{"position":"absolute","height":"1px","width":"1px","left":"-9999px"},attrs:{"tabindex":"0"},on:{"focus":_vm.focusAfterContent}})])])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-modal/cv-modal.vue?vue&type=template&id=3b14aed5&
+// CONCATENATED MODULE: ./src/components/cv-modal/cv-modal.vue?vue&type=template&id=0dbb9336&
 
 // EXTERNAL MODULE: ./src/components/cv-button/cv-button.vue + 4 modules
 var cv_button = __webpack_require__("cea0");
@@ -18683,12 +18991,6 @@ var _16 = __webpack_require__("5416");
 //
 //
 //
-//
-//
-//
-//
-//
-//
 
 
 
@@ -18715,12 +19017,20 @@ var _16 = __webpack_require__("5416");
     return {
       dataVisible: false,
       scrollable: false,
+      hasFooter: false,
+      hasHeaderLabel: false,
+      hasPrimary: false,
+      hasSecondary: false,
     };
   },
   mounted() {
     if (this.visible) {
       this.show();
     }
+    this.checkSlots();
+  },
+  beforeUpdate() {
+    this.checkSlots();
   },
   watch: {
     visible(val) {
@@ -18742,15 +19052,19 @@ var _16 = __webpack_require__("5416");
     secondaryKind() {
       return 'secondary';
     },
-    hasFooter() {
-      return this.$slots['primary-button'] || this.$slots['secondary-button'];
-    },
   },
   model: {
     event: 'modelEvent',
     prop: 'visible',
   },
   methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.hasFooter = !!(this.$slots['primary-button'] || this.$slots['secondary-button']);
+      this.hasHeaderLabel = !!this.$slots.label;
+      this.hasSecondary = !!this.$slots['secondary-button'];
+      this.hasPrimary = !!this.$slots['primary-button'];
+    },
     focusBeforeContent() {
       if (this.$slots['primary-button']) {
         this.$refs.primary.$el.focus();
@@ -19325,8 +19639,8 @@ var cv_code_snippet_component = Object(componentNormalizer["a" /* default */])(
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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=82e1fb12&
-var cv_data_tablevue_type_template_id_82e1fb12_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:{"small":""},on:{"click":_vm.deselect}},[_vm._v(_vm._s(_vm.batchCancelLabel))])],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.$slots.actions || _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":"a7c01c74-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=8bf15364&
+var cv_data_tablevue_type_template_id_8bf15364_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:{"small":""},on:{"click":_vm.deselect}},[_vm._v(_vm._s(_vm.batchCancelLabel))])],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:{
             '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,
@@ -19338,7 +19652,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=82e1fb12&
+// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table.vue?vue&type=template&id=8bf15364&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"a7c01c74-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=74d5fb50&
 var _cv_data_table_headingvue_type_template_id_74d5fb50_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('th',{attrs:{"aria-sort":_vm.sortOrder}},[(_vm.sortable)?_c('button',{class:['bx--table-sort', _vm.orderClass],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",attrs:{"tag-type":_vm.headingLabelTag}},[_vm._v(_vm._s(_vm.heading))])],1)}
@@ -19811,6 +20125,10 @@ var chevron_right_16 = __webpack_require__("7c7c");
             order: 'none',
           }))
         : this.columns,
+      hasBatchActions: false,
+      hasActions: false,
+      hasToolbar: false,
+      isHelper: false,
       batchActive: false,
       headingChecked: false,
       dataRowsSelected: this.rowsSelected,
@@ -19839,17 +20157,16 @@ var chevron_right_16 = __webpack_require__("7c7c");
   },
   mounted() {
     this.updateRowsSelected();
+    this.checkSlots();
+  },
+  beforeUpdate() {
+    this.checkSlots();
   },
   computed: {
-    hasBatchActions() {
-      return this.$slots['batch-actions'];
-    },
     hasTableHeader() {
       return this.title || this.isHelper;
     },
-    hasToolbar() {
-      return this.$slots.actions || this.$listeners.search || this.$slots['batch-actions'];
-    },
+
     hasExpandables() {
       return this.registeredRows.some(item => item.expandable);
     },
@@ -19893,11 +20210,15 @@ var chevron_right_16 = __webpack_require__("7c7c");
     selectedRows() {
       return this.dataRowsSelected;
     },
-    isHelper() {
-      return this.$slots['helper-text'] !== undefined || (this.helperText && this.helperText.length);
-    },
   },
   methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on beforeUpdate
+      this.hasBatchActions = !!this.$slots['batch-actions'];
+      this.hasActions = !!this.$slots.actions;
+      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);
       row.$on('cv:expanded-change', this.onCvExpandedChange);
@@ -20048,7 +20369,7 @@ var chevron_right_16 = __webpack_require__("7c7c");
 
 var cv_data_table_component = Object(componentNormalizer["a" /* default */])(
   cv_data_table_cv_data_tablevue_type_script_lang_js_,
-  cv_data_tablevue_type_template_id_82e1fb12_render,
+  cv_data_tablevue_type_template_id_8bf15364_render,
   staticRenderFns,
   false,
   null,
@@ -22387,10 +22708,14 @@ var cv_toast_notification = __webpack_require__("95a6");
 // EXTERNAL MODULE: ./src/components/cv-toggle/cv-toggle.vue + 4 modules
 var cv_toggle = __webpack_require__("f154");
 
+// EXTERNAL MODULE: ./src/components/cv-toggle/cv-toggle-skeleton.vue + 4 modules
+var cv_toggle_skeleton = __webpack_require__("68c3");
+
 // CONCATENATED MODULE: ./src/components/cv-toggle/index.js
 
 
 
+
 // EXTERNAL MODULE: ./src/components/cv-toolbar/cv-toolbar.vue + 4 modules
 var cv_toolbar = __webpack_require__("15ec");
 
@@ -22693,6 +23018,7 @@ const components = ctx.keys().map(ctx);
 /* concated harmony reexport CvTimePicker */__webpack_require__.d(__webpack_exports__, "CvTimePicker", function() { return cv_time_picker["default"]; });
 /* concated harmony reexport CvToastNotification */__webpack_require__.d(__webpack_exports__, "CvToastNotification", function() { return cv_toast_notification["default"]; });
 /* concated harmony reexport CvToggle */__webpack_require__.d(__webpack_exports__, "CvToggle", function() { return cv_toggle["default"]; });
+/* concated harmony reexport CvToggleSkeleton */__webpack_require__.d(__webpack_exports__, "CvToggleSkeleton", function() { return cv_toggle_skeleton["default"]; });
 /* concated harmony reexport CvToolbar */__webpack_require__.d(__webpack_exports__, "CvToolbar", function() { return cv_toolbar["default"]; });
 /* concated harmony reexport CvToolbarTitle */__webpack_require__.d(__webpack_exports__, "CvToolbarTitle", function() { return cv_toolbar_title["default"]; });
 /* concated harmony reexport CvToolbarSearch */__webpack_require__.d(__webpack_exports__, "CvToolbarSearch", function() { return cv_toolbar_search["default"]; });