@carbon/vue 2.26.0-canary.0 → 2.26.0

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## 2.26.0
+
+- Fix animation issues in data table and accordion
+- Fix combo box expansion.
+- Release slotted header updates
+
 ## 2.26.0-canary.0
 
 - Feat: Add slotted headings to data table## 2.25.0

package/dist/carbon-vue.common.js

@@ -3879,16 +3879,17 @@ var component = Object(componentNormalizer["a" /* default */])(
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-combo-box/cv-combo-box.vue?vue&type=template&id=04287c5e&
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-combo-box/cv-combo-box.vue?vue&type=template&id=2ebd0474&
 var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-combo-box bx--list-box__wrapper",on:{"focusout":_vm.onFocusOut}},[(_vm.title)?_c('label',{staticClass:"bx--label",class:{ 'bx--label--disabled': _vm.$attrs.disabled },attrs:{"for":_vm.uid}},[_vm._v("\n    "+_vm._s(_vm.title)+"\n  ")]):_vm._e(),(_vm.isHelper)?_c('div',{staticClass:"bx--form__helper-text",class:{ 'bx--form__helper-text--disabled': _vm.$attrs.disabled }},[_vm._t("helper-text",[_vm._v(_vm._s(_vm.helperText))])],2):_vm._e(),_c('div',_vm._b({staticClass:"bx--combo-box bx--list-box",class:{
       'bx--list-box--light': _vm.theme === 'light',
       'bx--combo-box--expanded': _vm.open,
+      'bx--list-box--expanded': _vm.open,
       'bx--combo-box--disabled bx--list-box--disabled': _vm.$attrs.disabled,
     },attrs:{"role":"listbox","tabindex":"-1","data-invalid":_vm.isInvalid},on:{"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"down",40,$event.key,["Down","ArrowDown"])){ return null; }$event.preventDefault();return _vm.onDown($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"up",38,$event.key,["Up","ArrowUp"])){ return null; }$event.preventDefault();return _vm.onUp($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.onEnter($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.preventDefault();return _vm.onEsc($event)}],"click":_vm.onClick}},'div',_vm.$attrs,false),[(_vm.isInvalid)?_c('WarningFilled16',{staticClass:"bx--list-box__invalid-icon"}):_vm._e(),_c('div',{ref:"button",staticClass:"bx--list-box__field",attrs:{"role":"button","aria-haspopup":"true","aria-expanded":_vm.open,"aria-owns":_vm.uid,"aria-controls":_vm.uid,"tabindex":"-1","type":"button","aria-label":_vm.open ? 'close menu' : 'open menu',"data-toggle":"true"}},[_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.filter),expression:"filter"}],ref:"input",staticClass:"bx--text-input",attrs:{"aria-controls":_vm.uid,"aria-autocomplete":"list","role":"combobox","aria-expanded":_vm.open,"autocomplete":"off","placeholder":_vm.label},domProps:{"value":(_vm.filter)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.filter=$event.target.value},_vm.onInput],"focus":_vm.inputFocus,"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.inputClick($event)}}}),(_vm.filter)?_c('div',{staticClass:"bx--list-box__selection",attrs:{"role":"button","tabindex":"0","title":"Clear filter"},on:{"click":function($event){$event.stopPropagation();return _vm.clearFilter($event)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.clearFilter($event)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.stopPropagation();$event.preventDefault();}],"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.stopPropagation();$event.preventDefault();return _vm.clearFilter($event)}}},[_c('Close16')],1):_vm._e(),_c('div',{staticClass:"bx--list-box__menu-icon",class:{ 'bx--list-box__menu-icon--open': _vm.open },attrs:{"role":"button"}},[_c('chevron-down-16',{attrs:{"aria-label":_vm.open ? 'Close menu' : 'Open menu'}})],1)]),_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.open),expression:"open"}],ref:"list",staticClass:"bx--list-box__menu",attrs:{"id":_vm.uid,"role":"listbox"}},_vm._l((_vm.dataOptions),function(item,index){return _c('div',{key:("combo-box-" + index),ref:"option",refInFor:true,staticClass:"bx--list-box__menu-item",class:{ 'bx--list-box__menu-item--highlighted': _vm.highlighted === item.value },on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.onItemClick(item.value)},"mousemove":function($event){return _vm.onMousemove(item.value)},"mousedown":function($event){$event.preventDefault();}}},[_c('div',{staticClass:"bx--list-box__menu-item__option"},[_vm._v(_vm._s(item.label))])])}),0)],1),(_vm.isInvalid)?_c('div',{staticClass:"bx--form-requirement"},[_vm._t("invalid-message",[_vm._v(_vm._s(_vm.invalidMessage))])],2):_vm._e()])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-combo-box/cv-combo-box.vue?vue&type=template&id=04287c5e&
+// CONCATENATED MODULE: ./src/components/cv-combo-box/cv-combo-box.vue?vue&type=template&id=2ebd0474&
 
 // EXTERNAL MODULE: ./src/mixins/theme-mixin.js
 var theme_mixin = __webpack_require__("d43c");
@@ -4001,6 +4002,7 @@ var uid_mixin = __webpack_require__("fceb");
 //
 //
 //
+//
 
 
 
@@ -35925,12 +35927,12 @@ var cv_code_snippet_component = Object(componentNormalizer["a" /* default */])(
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-data-table/cv-data-table.vue?vue&type=template&id=4ed48a8a&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-data-table",style:(_vm.tableStyle)},[_c('div',{staticClass:"bx--data-table-container"},[(_vm.hasTableHeader)?_c('div',{staticClass:"bx--data-table-header"},[(_vm.title)?_c('h4',{staticClass:"bx--data-table-header__title"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),(_vm.isHelper)?_c('p',{staticClass:"bx--data-table-header__description"},[_vm._t("helper-text",[_vm._v(_vm._s(_vm.helperText))])],2):_vm._e()]):_vm._e(),(_vm.hasToolbar)?_c('section',{staticClass:"bx--table-toolbar"},[(_vm.batchActive)?_c('div',{style:({ minHeight: '48px', maxWidth: '0' })}):_vm._e(),(_vm.hasBatchActions)?_c('div',{staticClass:"bx--batch-actions",class:{ 'bx--batch-actions--active': _vm.batchActive },attrs:{"aria-label":_vm.actionBarAriaLabel}},[_c('div',{staticClass:"bx--action-list"},[_vm._t("batch-actions"),_c('cv-button',{staticClass:"bx--batch-summary__cancel",attrs:{"size":"small"},on:{"click":_vm.deselect}},[_vm._v("\n            "+_vm._s(_vm.batchCancelLabel)+"\n          ")])],2),_c('div',{staticClass:"bx--batch-summary"},[_c('p',{staticClass:"bx--batch-summary__para"},[_c('span',{attrs:{"data-items-selected":""}},[_vm._t("items-selected",[_vm._v(_vm._s(_vm.dataRowsSelected.length)+" items selected")],{"scope":{ count: _vm.dataRowsSelected.length }})],2)])])]):_vm._e(),((_vm.hasActions || _vm.$listeners.search) && !_vm.batchActive)?_c('div',{staticClass:"bx--toolbar-content"},[(_vm.$listeners.search)?_c('div',{ref:"searchContainer",class:{
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-data-table/cv-data-table.vue?vue&type=template&id=fb88d6e0&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"cv-data-table",style:(_vm.tableStyle)},[_c('div',{staticClass:"bx--data-table-container"},[(_vm.hasTableHeader)?_c('div',{staticClass:"bx--data-table-header"},[(_vm.title)?_c('h4',{staticClass:"bx--data-table-header__title"},[_vm._v(_vm._s(_vm.title))]):_vm._e(),(_vm.isHelper)?_c('p',{staticClass:"bx--data-table-header__description"},[_vm._t("helper-text",[_vm._v(_vm._s(_vm.helperText))])],2):_vm._e()]):_vm._e(),(_vm.hasToolbar)?_c('section',{staticClass:"bx--table-toolbar"},[_c('div',{directives:[{name:"show",rawName:"v-show",value:(_vm.hasBatchActions),expression:"hasBatchActions"}],staticClass:"bx--batch-actions",class:{ 'bx--batch-actions--active': _vm.batchActive },attrs:{"aria-label":_vm.actionBarAriaLabel}},[_c('div',{staticClass:"bx--action-list"},[_vm._t("batch-actions"),_c('cv-button',{staticClass:"bx--batch-summary__cancel",attrs:{"size":"small"},on:{"click":_vm.deselect}},[_vm._v("\n            "+_vm._s(_vm.batchCancelLabel)+"\n          ")])],2),_c('div',{staticClass:"bx--batch-summary"},[_c('p',{staticClass:"bx--batch-summary__para"},[_c('span',{attrs:{"data-items-selected":""}},[_vm._t("items-selected",[_vm._v(_vm._s(_vm.dataRowsSelected.length)+" items selected")],{"scope":{ count: _vm.dataRowsSelected.length }})],2)])])]),_c('div',{staticClass:"bx--toolbar-content"},[(_vm.$listeners.search)?_c('div',{ref:"searchContainer",class:{
             'bx--toolbar-search-container-active': _vm.searchActive || _vm.searchValue.length > 0,
             'bx--toolbar-search-container-persistent': !_vm.expandingSearch,
             'bx--toolbar-search-container-expandable': _vm.expandingSearch,
-          }},[_c('div',{staticClass:"bx--search bx--search--sm",attrs:{"data-search":"","role":"search"}},[_c('div',{ref:"magnifier",staticClass:"bx--search-magnifier",attrs:{"tabindex":"0"},on:{"click":function($event){return _vm.checkSearchExpand(true)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.checkSearchExpand(true)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();}],"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.checkSearchExpand(true)},"blur":_vm.checkSearchFocus}},[_c('Search16',{staticClass:"bx--toolbar-action__icon"})],1),_c('label',{staticClass:"bx--label",attrs:{"for":_vm.uid}},[_vm._v(_vm._s(_vm.searchLabel))]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.searchValue),expression:"searchValue"}],ref:"search",staticClass:"bx--search-input",attrs:{"type":"text","id":_vm.uid,"role":"search","placeholder":_vm.searchPlaceholder,"aria-labelledby":_vm.uid},domProps:{"value":(_vm.searchValue)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.searchValue=$event.target.value},_vm.onSearch],"blur":_vm.checkSearchFocus,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.preventDefault();return _vm.checkSearchExpand(false)}}}),_c('button',{staticClass:"bx--search-close",class:{ 'bx--search-close--hidden': !_vm.clearSearchVisible },attrs:{"title":_vm.searchClearLabel,"aria-label":_vm.searchClearLabel,"type":"button"},on:{"click":_vm.onClearClick}},[_c('Close16')],1)])]):_vm._e(),_vm._t("actions")],2):_vm._e()]):_vm._e(),_c('table',{staticClass:"bx--data-table",class:_vm.modifierClasses},[_c('thead',[_c('tr',[(_vm.hasExpandables)?_c('th',{staticClass:"bx--table-expand",attrs:{"data-previous-value":_vm.dataExpandAll ? 'collapsed' : 'expanded'}},[(_vm.hasExpandAll)?_c('button',{staticClass:"bx--table-expand__button",attrs:{"type":"button","aria-label":_vm.dataExpandAll ? _vm.collapseAllAriaLabel : _vm.expandAllAriaLabel},on:{"click":_vm.toggleExpandAll}},[_c('ChevronRight16',{staticClass:"bx--table-expand__svg"})],1):_vm._e()]):_vm._e(),(_vm.hasBatchActions)?_c('th',{staticClass:"bx--table-column-checkbox"},[_c('cv-checkbox',{attrs:{"form-item":false,"value":"headingCheck"},on:{"change":_vm.onHeadingCheckChange},model:{value:(_vm.headingChecked),callback:function ($$v) {_vm.headingChecked=$$v},expression:"headingChecked"}})],1):_vm._e(),_vm._t("headings",_vm._l((_vm.columns),function(column,index){return _c('cv-data-table-heading',{key:(index + ":" + column),attrs:{"heading":_vm.columnHeading(column),"sortable":_vm.isColSortable(column),"order":column.order,"heading-style":_vm.headingStyle(column),"skeleton":_vm.skeleton}})})),(_vm.hasOverflowMenu)?_c('th'):_vm._e()],2)]),_c('cv-wrapper',{attrs:{"tag-type":_vm.hasExpandables ? '' : 'tbody'}},[_vm._t("data",_vm._l((_vm.data),function(row,rowIndex){return _c('cv-data-table-row',{key:("row:" + rowIndex),ref:"dataRows",refInFor:true,attrs:{"value":("" + rowIndex),"overflow-menu":_vm.overflowMenu}},_vm._l((row),function(cell,colIndex){return _c('cv-data-table-cell',{key:("cell:" + colIndex + ":" + rowIndex),style:(_vm.dataStyle(colIndex))},[_c('cv-wrapper',{attrs:{"tag-type":_vm.skeleton && rowIndex < 1 ? 'span' : ''}},[_vm._v(_vm._s(cell))])],1)}),1)}))],2)],1)]),(_vm.pagination)?_c('cv-pagination',_vm._b({attrs:{"number-of-items":_vm.internalNumberOfItems},on:{"change":function($event){return _vm.$emit('pagination', $event)}},scopedSlots:_vm._u([{key:"range-text",fn:function(ref){
+          }},[_c('div',{staticClass:"bx--search bx--search--sm",attrs:{"data-search":"","role":"search"}},[_c('div',{ref:"magnifier",staticClass:"bx--search-magnifier",attrs:{"tabindex":"0"},on:{"click":function($event){return _vm.checkSearchExpand(true)},"keydown":[function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }$event.preventDefault();return _vm.checkSearchExpand(true)},function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();}],"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"space",32,$event.key,[" ","Spacebar"])){ return null; }$event.preventDefault();return _vm.checkSearchExpand(true)},"blur":_vm.checkSearchFocus}},[_c('Search16',{staticClass:"bx--toolbar-action__icon"})],1),_c('label',{staticClass:"bx--label",attrs:{"for":_vm.uid}},[_vm._v(_vm._s(_vm.searchLabel))]),_c('input',{directives:[{name:"model",rawName:"v-model",value:(_vm.searchValue),expression:"searchValue"}],ref:"search",staticClass:"bx--search-input",attrs:{"type":"text","id":_vm.uid,"role":"search","placeholder":_vm.searchPlaceholder,"aria-labelledby":_vm.uid},domProps:{"value":(_vm.searchValue)},on:{"input":[function($event){if($event.target.composing){ return; }_vm.searchValue=$event.target.value},_vm.onSearch],"blur":_vm.checkSearchFocus,"keydown":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"esc",27,$event.key,["Esc","Escape"])){ return null; }$event.preventDefault();return _vm.checkSearchExpand(false)}}}),_c('button',{staticClass:"bx--search-close",class:{ 'bx--search-close--hidden': !_vm.clearSearchVisible },attrs:{"title":_vm.searchClearLabel,"aria-label":_vm.searchClearLabel,"type":"button"},on:{"click":_vm.onClearClick}},[_c('Close16')],1)])]):_vm._e(),_vm._t("actions")],2)]):_vm._e(),_c('table',{staticClass:"bx--data-table",class:_vm.modifierClasses},[_c('thead',[_c('tr',[(_vm.hasExpandables)?_c('th',{staticClass:"bx--table-expand",attrs:{"data-previous-value":_vm.dataExpandAll ? 'collapsed' : 'expanded'}},[(_vm.hasExpandAll)?_c('button',{staticClass:"bx--table-expand__button",attrs:{"type":"button","aria-label":_vm.dataExpandAll ? _vm.collapseAllAriaLabel : _vm.expandAllAriaLabel},on:{"click":_vm.toggleExpandAll}},[_c('ChevronRight16',{staticClass:"bx--table-expand__svg"})],1):_vm._e()]):_vm._e(),(_vm.hasBatchActions)?_c('th',{staticClass:"bx--table-column-checkbox"},[_c('cv-checkbox',{attrs:{"form-item":false,"value":"headingCheck"},on:{"change":_vm.onHeadingCheckChange},model:{value:(_vm.headingChecked),callback:function ($$v) {_vm.headingChecked=$$v},expression:"headingChecked"}})],1):_vm._e(),_vm._t("headings",_vm._l((_vm.columns),function(column,index){return _c('cv-data-table-heading',{key:(index + ":" + column),attrs:{"heading":_vm.columnHeading(column),"sortable":_vm.isColSortable(column),"order":column.order,"heading-style":_vm.headingStyle(column),"skeleton":_vm.skeleton}})})),(_vm.hasOverflowMenu)?_c('th'):_vm._e()],2)]),_c('cv-wrapper',{attrs:{"tag-type":_vm.hasExpandables ? '' : 'tbody'}},[_vm._t("data",_vm._l((_vm.data),function(row,rowIndex){return _c('cv-data-table-row',{key:("row:" + rowIndex),ref:"dataRows",refInFor:true,attrs:{"value":("" + rowIndex),"overflow-menu":_vm.overflowMenu}},_vm._l((row),function(cell,colIndex){return _c('cv-data-table-cell',{key:("cell:" + colIndex + ":" + rowIndex),style:(_vm.dataStyle(colIndex))},[_c('cv-wrapper',{attrs:{"tag-type":_vm.skeleton && rowIndex < 1 ? 'span' : ''}},[_vm._v(_vm._s(cell))])],1)}),1)}))],2)],1)]),(_vm.pagination)?_c('cv-pagination',_vm._b({attrs:{"number-of-items":_vm.internalNumberOfItems},on:{"change":function($event){return _vm.$emit('pagination', $event)}},scopedSlots:_vm._u([{key:"range-text",fn:function(ref){
           var scope = ref.scope;
 return [(_vm.$scopedSlots['range-text'])?_vm._t("range-text",null,{"scope":scope}):_vm._e()]}},{key:"of-n-pages",fn:function(ref){
           var scope = ref.scope;
@@ -35938,7 +35940,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=4ed48a8a&
+// CONCATENATED MODULE: ./src/components/cv-data-table/cv-data-table.vue?vue&type=template&id=fb88d6e0&
 
 // EXTERNAL MODULE: ./src/components/cv-data-table/cv-data-table-heading.vue + 6 modules
 var cv_data_table_heading = __webpack_require__("96a9");
@@ -36140,8 +36142,6 @@ var chevron_right_16 = __webpack_require__("7c7c");
 //
 //
 //
-//
-//
 
 
 
@@ -38526,12 +38526,12 @@ module.exports = debounce;
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-accordion/cv-accordion-item.vue?vue&type=template&id=1e039414&
-var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"cv-accordion-item bx--accordion__item",class:{ 'bx--accordion__item--active': _vm.dataOpen },attrs:{"data-accordion-item":""}},[_c('button',{staticClass:"bx--accordion__heading",attrs:{"type":"button","aria-expanded":("" + _vm.dataOpen),"aria-controls":_vm.uid},on:{"click":_vm.toggle}},[_c('ChevronRight16',{staticClass:"bx--accordion__arrow"}),_c('p',{staticClass:"bx--accordion__title"},[_vm._t("title")],2)],1),_c('div',{staticClass:"bx--accordion__content",attrs:{"id":_vm.uid}},[_vm._t("content")],2)])}
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"2d6e2ed4-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/cv-accordion/cv-accordion-item.vue?vue&type=template&id=ac19bc40&
+var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('li',{staticClass:"cv-accordion-item bx--accordion__item",class:_vm.itemClasses,attrs:{"data-accordion-item":""},on:{"animationend":_vm.onAnimationEnd}},[_c('button',{staticClass:"bx--accordion__heading",attrs:{"type":"button","aria-expanded":("" + _vm.dataOpen),"aria-controls":_vm.uid},on:{"click":_vm.toggle}},[_c('ChevronRight16',{staticClass:"bx--accordion__arrow"}),_c('p',{staticClass:"bx--accordion__title"},[_vm._t("title")],2)],1),_c('div',{staticClass:"bx--accordion__content",attrs:{"id":_vm.uid}},[_vm._t("content")],2)])}
 var staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/cv-accordion/cv-accordion-item.vue?vue&type=template&id=1e039414&
+// CONCATENATED MODULE: ./src/components/cv-accordion/cv-accordion-item.vue?vue&type=template&id=ac19bc40&
 
 // EXTERNAL MODULE: ./node_modules/@carbon/icons-vue/es/chevron--right/16.js
 var _16 = __webpack_require__("7c7c");
@@ -38571,6 +38571,7 @@ var uid_mixin = __webpack_require__("fceb");
 //
 //
 //
+//
 
 
 
@@ -38592,6 +38593,7 @@ var uid_mixin = __webpack_require__("fceb");
   },
   data() {
     return {
+      animation: '',
       dataOpen: false,
     };
   },
@@ -38600,6 +38602,7 @@ var uid_mixin = __webpack_require__("fceb");
   },
   methods: {
     toggle(force) {
+      this.animation = this.dataOpen ? 'collapsing' : 'expanding';
       const newValue = typeof force === 'boolean' ? !!force : !this.dataOpen;
       const change = this.dataOpen !== undefined && newValue !== this.dataOpen;
 
@@ -38608,6 +38611,21 @@ var uid_mixin = __webpack_require__("fceb");
         this.$parent.$emit('cv:change', this);
       }
     },
+    onAnimationEnd() {
+      this.animation = '';
+    },
+  },
+  computed: {
+    itemClasses() {
+      const classes = [];
+      if (this.dataOpen) {
+        classes.push('bx--accordion__item--active');
+      }
+      if (this.animation) {
+        classes.push(`bx--accordion__item--${this.animation}`);
+      }
+      return classes.join(' ');
+    },
   },
 });