@dialpad/dialtone-vue 2.43.0 → 2.43.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/component-documentation.json +1 -1
  2. package/dist/dialtone-vue.common.js +63 -62
  3. package/dist/dialtone-vue.umd.js +63 -62
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +1 -1
package/dist/dialtone-vue.common.js CHANGED
@@ -6222,12 +6222,12 @@ var combobox_component = normalizeComponent(
6222
6222
  /* harmony default export */ const combobox = (combobox_component.exports);
6223
6223
  ;// CONCATENATED MODULE: ./components/combobox/index.js
6224
6224
 
6225
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible.vue?vue&type=template&id=85d2157c&
6226
- var collapsiblevue_type_template_id_85d2157c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
6225
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible.vue?vue&type=template&id=7f94e9c4&
6226
+ var collapsiblevue_type_template_id_7f94e9c4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
6227
6227
  'd-dt-collapsibe__anchor',
6228
6228
  _vm.anchorClass ],attrs:{"id":!_vm.ariaLabelledBy && _vm.labelledBy}},[_vm._t("anchor",function(){return [_c('dt-button',{style:({
6229
6229
  'width': _vm.maxWidth,
6230
- }),attrs:{"importance":"clear","kind":"muted","aria-controls":_vm.id,"aria-expanded":("" + _vm.isOpen),"aria-label":_vm.ariaLabel},on:{"click":_vm.defaultToggleOpen}},[_c('dt-icon',{staticClass:"d-icon d-icon--size-300 d-mr8 d-fl-shrink0",attrs:{"name":_vm.isOpen ? 'chevron-down' : 'chevron-right'}}),_c('span',{staticClass:"d-mr-auto d-truncate",attrs:{"title":_vm.anchorText}},[_vm._v(" "+_vm._s(_vm.anchorText)+" ")])],1)]},{"attrs":{
6230
+ }),attrs:{"importance":"clear","kind":"muted","aria-controls":_vm.id,"aria-expanded":("" + _vm.isOpen)},on:{"click":_vm.defaultToggleOpen}},[_c('dt-icon',{staticClass:"d-icon d-icon--size-300 d-mr8 d-fl-shrink0",attrs:{"name":_vm.isOpen ? 'chevron-down' : 'chevron-right'}}),_c('span',{staticClass:"d-mr-auto d-truncate",attrs:{"title":_vm.anchorText}},[_vm._v(" "+_vm._s(_vm.anchorText)+" ")])],1)]},{"attrs":{
6231
6231
  'aria-controls': _vm.id,
6232
6232
  'aria-expanded': _vm.isOpen.toString(),
6233
6233
  'role': 'button',
@@ -6236,13 +6236,13 @@ var collapsiblevue_type_template_id_85d2157c_render = function () {var _vm=this;
6236
6236
  _vm.contentClass ],style:({
6237
6237
  'max-height': _vm.maxHeight,
6238
6238
  'max-width': _vm.maxWidth,
6239
- }),attrs:{"id":_vm.id,"aria-hidden":("" + (!_vm.isOpen && !_vm.hasContentOnCollapse)),"aria-labelledby":_vm.labelledBy,"is-expanded":_vm.isOpen,"element-type":_vm.contentElementType,"tabindex":"-1","appear":""},scopedSlots:_vm._u([{key:"contentOnExpanded",fn:function(){return [_vm._t("contentOnExpanded")]},proxy:true},{key:"contentOnCollapsed",fn:function(){return [_vm._t("contentOnCollapsed")]},proxy:true}],null,true)},_vm.$listeners))],1)}
6240
- var collapsiblevue_type_template_id_85d2157c_staticRenderFns = []
6239
+ }),attrs:{"id":_vm.id,"aria-hidden":("" + (!_vm.isOpen)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"show":_vm.isOpen,"element-type":_vm.contentElementType,"tabindex":"-1","appear":""},on:{"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},_vm.$listeners),[_vm._t("content")],2)],1)}
6240
+ var collapsiblevue_type_template_id_7f94e9c4_staticRenderFns = []
6241
6241
 
6242
6242
 
6243
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible_lazy_show.vue?vue&type=template&id=cc3472b8&
6244
- var collapsible_lazy_showvue_type_template_id_cc3472b8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',_vm._g({attrs:{"appear":_vm.appear,"mode":"out-in","enter-active-class":"enter-active","leave-active-class":"leave-active"},on:{"before-enter":_vm.beforeEnter,"enter":_vm.enter,"after-enter":_vm.afterEnter,"before-leave":_vm.beforeLeave,"leave":_vm.leave,"after-leave":_vm.afterLeave}},_vm.$listeners),[((_vm.isExpanded && _vm.$slots.contentOnExpanded))?_c(_vm.elementType,_vm._g({key:"onOpen",tag:"component"},_vm.$listeners),[_vm._t("contentOnExpanded")],2):((!_vm.isExpanded && _vm.$slots.contentOnCollapsed))?_c(_vm.elementType,_vm._g({key:"onClose",tag:"component"},_vm.$listeners),[_vm._t("contentOnCollapsed")],2):_vm._e()],1)}
6245
- var collapsible_lazy_showvue_type_template_id_cc3472b8_staticRenderFns = []
6243
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible_lazy_show.vue?vue&type=template&id=2bfe7a0c&
6244
+ var collapsible_lazy_showvue_type_template_id_2bfe7a0c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',_vm._g({attrs:{"appear":_vm.appear,"enter-active-class":"enter-active","leave-active-class":"leave-active"},on:{"before-enter":_vm.beforeEnter,"enter":_vm.enter,"after-enter":_vm.afterEnter,"before-leave":_vm.beforeLeave,"leave":_vm.leave,"after-leave":_vm.afterLeave}},_vm.$listeners),[_c(_vm.elementType,_vm._g({directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],tag:"component"},_vm.$listeners),[(_vm.initialized)?_vm._t("default"):_vm._e()],2)],1)}
6245
+ var collapsible_lazy_showvue_type_template_id_2bfe7a0c_staticRenderFns = []
6246
6246
 
6247
6247
 
6248
6248
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible_lazy_show.vue?vue&type=script&lang=js&
@@ -6271,32 +6271,6 @@ var collapsible_lazy_showvue_type_template_id_cc3472b8_staticRenderFns = []
6271
6271
  //
6272
6272
  //
6273
6273
  //
6274
- //
6275
- //
6276
- //
6277
- //
6278
- //
6279
- //
6280
- //
6281
- //
6282
- //
6283
- //
6284
- //
6285
- //
6286
- //
6287
- //
6288
- //
6289
- //
6290
- //
6291
- //
6292
- //
6293
- //
6294
- //
6295
- //
6296
- //
6297
- //
6298
- //
6299
- //
6300
6274
  /* harmony default export */ const collapsible_lazy_showvue_type_script_lang_js_ = ({
6301
6275
  name: 'DtCollapsibleLazyShow',
6302
6276
 
@@ -6307,7 +6281,7 @@ var collapsible_lazy_showvue_type_template_id_cc3472b8_staticRenderFns = []
6307
6281
  /**
6308
6282
  * Whether the child slot is shown.
6309
6283
  */
6310
- isExpanded: {
6284
+ show: {
6311
6285
  type: Boolean,
6312
6286
  default: null
6313
6287
  },
@@ -6328,7 +6302,29 @@ var collapsible_lazy_showvue_type_template_id_cc3472b8_staticRenderFns = []
6328
6302
  default: 'div'
6329
6303
  }
6330
6304
  },
6305
+
6306
+ /******************
6307
+ * DATA *
6308
+ ******************/
6309
+ data() {
6310
+ return {
6311
+ initialized: !!this.show
6312
+ };
6313
+ },
6314
+
6315
+ /******************
6316
+ * WATCH *
6317
+ ******************/
6318
+ watch: {
6319
+ show: function (newValue) {
6320
+ if (!newValue || this.initialized) return;
6321
+ this.initialized = true;
6322
+ }
6323
+ },
6331
6324
  methods: {
6325
+ /**
6326
+ * @param {HTMLElement} element
6327
+ */
6332
6328
  beforeEnter(element) {
6333
6329
  requestAnimationFrame(() => {
6334
6330
  if (!element.style.height) {
@@ -6405,8 +6401,8 @@ var collapsible_lazy_showvue_type_style_index_0_lang_css_ = __webpack_require__(
6405
6401
 
6406
6402
  var collapsible_lazy_show_component = normalizeComponent(
6407
6403
  collapsible_collapsible_lazy_showvue_type_script_lang_js_,
6408
- collapsible_lazy_showvue_type_template_id_cc3472b8_render,
6409
- collapsible_lazy_showvue_type_template_id_cc3472b8_staticRenderFns,
6404
+ collapsible_lazy_showvue_type_template_id_2bfe7a0c_render,
6405
+ collapsible_lazy_showvue_type_template_id_2bfe7a0c_staticRenderFns,
6410
6406
  false,
6411
6407
  null,
6412
6408
  null,
@@ -6598,12 +6594,6 @@ var lazy_show_component = normalizeComponent(
6598
6594
  //
6599
6595
  //
6600
6596
  //
6601
- //
6602
- //
6603
- //
6604
- //
6605
- //
6606
- //
6607
6597
 
6608
6598
 
6609
6599
 
@@ -6707,7 +6697,7 @@ var lazy_show_component = normalizeComponent(
6707
6697
  },
6708
6698
 
6709
6699
  /**
6710
- * Label on the anchor. Should provide this or ariaLabelledBy but not both.
6700
+ * Label on the collapsible content. Should provide this or ariaLabelledBy but not both.
6711
6701
  */
6712
6702
  ariaLabel: {
6713
6703
  type: String,
@@ -6748,10 +6738,6 @@ var lazy_show_component = normalizeComponent(
6748
6738
  // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
6749
6739
  // there is no aria-label and the labelledby should point to the anchor
6750
6740
  return this.ariaLabelledBy || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6751
- },
6752
-
6753
- hasContentOnCollapse() {
6754
- return !!this.$slots.contentOnCollapsed;
6755
6741
  }
6756
6742
 
6757
6743
  },
@@ -6771,16 +6757,32 @@ var lazy_show_component = normalizeComponent(
6771
6757
  },
6772
6758
 
6773
6759
  methods: {
6774
- defaultToggleOpen() {
6775
- this.$emit('opened', !this.isOpen);
6760
+ onLeaveTransitionComplete() {
6761
+ this.$emit('opened', false);
6762
+
6763
+ if (this.open !== null) {
6764
+ this.$emit('update:open', false);
6765
+ }
6766
+ },
6767
+
6768
+ onEnterTransitionComplete() {
6769
+ this.$emit('opened', true, this.$refs.content);
6770
+
6771
+ if (this.open !== null) {
6772
+ this.$emit('update:open', true);
6773
+ }
6774
+ },
6776
6775
 
6776
+ defaultToggleOpen() {
6777
6777
  if (this.open === null) {
6778
- this.isOpen = !this.isOpen;
6779
- } else {
6780
- this.$emit('update:open', !this.isOpen);
6778
+ this.toggleOpen();
6781
6779
  }
6782
6780
  },
6783
6781
 
6782
+ toggleOpen() {
6783
+ this.isOpen = !this.isOpen;
6784
+ },
6785
+
6784
6786
  validateProperAnchor() {
6785
6787
  if (!this.anchorText && !this.$scopedSlots.anchor) {
6786
6788
  console.error('anchor text and anchor slot content cannot both be falsy');
@@ -6801,8 +6803,8 @@ var lazy_show_component = normalizeComponent(
6801
6803
  ;
6802
6804
  var collapsible_component = normalizeComponent(
6803
6805
  collapsible_collapsiblevue_type_script_lang_js_,
6804
- collapsiblevue_type_template_id_85d2157c_render,
6805
- collapsiblevue_type_template_id_85d2157c_staticRenderFns,
6806
+ collapsiblevue_type_template_id_7f94e9c4_render,
6807
+ collapsiblevue_type_template_id_7f94e9c4_staticRenderFns,
6806
6808
  false,
6807
6809
  null,
6808
6810
  null,
@@ -13101,8 +13103,8 @@ var dropdown_separator_component = normalizeComponent(
13101
13103
 
13102
13104
 
13103
13105
 
13104
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/input/input.vue?vue&type=template&id=356ee040&
13105
- var inputvue_type_template_id_356ee040_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",function(){return [(_vm.labelVisible && _vm.label)?_c('div',{ref:"label",class:[
13106
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/input/input.vue?vue&type=template&id=5be97b31&
13107
+ var inputvue_type_template_id_5be97b31_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",function(){return [(_vm.labelVisible && _vm.label)?_c('div',{ref:"label",class:[
13106
13108
  'base-input__label-text',
13107
13109
  'd-label',
13108
13110
  _vm.labelSizeClasses[_vm.size] ],attrs:{"data-qa":"dt-input-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")]):_vm._e()]}),(_vm.$slots.description || _vm.description || _vm.shouldValidateLength)?_c('div',{ref:"description",class:[
@@ -13111,7 +13113,7 @@ var inputvue_type_template_id_356ee040_render = function () {var _vm=this;var _h
13111
13113
  'd-fd-column',
13112
13114
  _vm.descriptionSizeClasses[_vm.size] ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-input-description"}},[(_vm.$slots.description || _vm.description)?_c('div',[_vm._t("description",function(){return [_vm._v(_vm._s(_vm.description))]})],2):_vm._e(),(_vm.shouldValidateLength)?_c('div',{class:[
13113
13115
  'd-mb2' ],attrs:{"data-qa":"dt-input-length-description"}},[_vm._v(" "+_vm._s(_vm.validationProps.length.description)+" ")]):_vm._e()]):_vm._e(),_c('div',{class:_vm.inputWrapperClasses(),attrs:{"read-only":_vm.disabled}},[(_vm.$slots.leftIcon)?_c('span',{class:_vm.inputIconClasses('left'),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("leftIcon")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"maxlength":_vm.shouldLimitMaxLength ? _vm.validationProps.length.max : null,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"maxlength":_vm.shouldLimitMaxLength ? _vm.validationProps.length.max : null,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners)),(_vm.$slots.rightIcon)?_c('span',{class:_vm.inputIconClasses('right'),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("rightIcon")],2):_vm._e()])],2),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.validationMessages,"show-messages":_vm.showMessages,"data-qa":"dt-input-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
13114
- var inputvue_type_template_id_356ee040_staticRenderFns = []
13116
+ var inputvue_type_template_id_5be97b31_staticRenderFns = []
13115
13117
 
13116
13118
 
13117
13119
  ;// CONCATENATED MODULE: ./components/input/input_constants.js
@@ -13835,8 +13837,7 @@ const MessagesMixin = {
13835
13837
  */
13836
13838
  label: {
13837
13839
  type: String,
13838
- default: '',
13839
- required: true
13840
+ default: ''
13840
13841
  },
13841
13842
 
13842
13843
  /**
@@ -14265,8 +14266,8 @@ const MessagesMixin = {
14265
14266
  ;
14266
14267
  var input_component = normalizeComponent(
14267
14268
  input_inputvue_type_script_lang_js_,
14268
- inputvue_type_template_id_356ee040_render,
14269
- inputvue_type_template_id_356ee040_staticRenderFns,
14269
+ inputvue_type_template_id_5be97b31_render,
14270
+ inputvue_type_template_id_5be97b31_staticRenderFns,
14270
14271
  false,
14271
14272
  null,
14272
14273
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -6232,12 +6232,12 @@ var combobox_component = normalizeComponent(
6232
6232
  /* harmony default export */ const combobox = (combobox_component.exports);
6233
6233
  ;// CONCATENATED MODULE: ./components/combobox/index.js
6234
6234
 
6235
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible.vue?vue&type=template&id=85d2157c&
6236
- var collapsiblevue_type_template_id_85d2157c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
6235
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible.vue?vue&type=template&id=7f94e9c4&
6236
+ var collapsiblevue_type_template_id_7f94e9c4_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c(_vm.elementType,_vm._g({ref:"collapsible",tag:"component"},_vm.$listeners),[_c('div',{ref:"anchor",class:[
6237
6237
  'd-dt-collapsibe__anchor',
6238
6238
  _vm.anchorClass ],attrs:{"id":!_vm.ariaLabelledBy && _vm.labelledBy}},[_vm._t("anchor",function(){return [_c('dt-button',{style:({
6239
6239
  'width': _vm.maxWidth,
6240
- }),attrs:{"importance":"clear","kind":"muted","aria-controls":_vm.id,"aria-expanded":("" + _vm.isOpen),"aria-label":_vm.ariaLabel},on:{"click":_vm.defaultToggleOpen}},[_c('dt-icon',{staticClass:"d-icon d-icon--size-300 d-mr8 d-fl-shrink0",attrs:{"name":_vm.isOpen ? 'chevron-down' : 'chevron-right'}}),_c('span',{staticClass:"d-mr-auto d-truncate",attrs:{"title":_vm.anchorText}},[_vm._v(" "+_vm._s(_vm.anchorText)+" ")])],1)]},{"attrs":{
6240
+ }),attrs:{"importance":"clear","kind":"muted","aria-controls":_vm.id,"aria-expanded":("" + _vm.isOpen)},on:{"click":_vm.defaultToggleOpen}},[_c('dt-icon',{staticClass:"d-icon d-icon--size-300 d-mr8 d-fl-shrink0",attrs:{"name":_vm.isOpen ? 'chevron-down' : 'chevron-right'}}),_c('span',{staticClass:"d-mr-auto d-truncate",attrs:{"title":_vm.anchorText}},[_vm._v(" "+_vm._s(_vm.anchorText)+" ")])],1)]},{"attrs":{
6241
6241
  'aria-controls': _vm.id,
6242
6242
  'aria-expanded': _vm.isOpen.toString(),
6243
6243
  'role': 'button',
@@ -6246,13 +6246,13 @@ var collapsiblevue_type_template_id_85d2157c_render = function () {var _vm=this;
6246
6246
  _vm.contentClass ],style:({
6247
6247
  'max-height': _vm.maxHeight,
6248
6248
  'max-width': _vm.maxWidth,
6249
- }),attrs:{"id":_vm.id,"aria-hidden":("" + (!_vm.isOpen && !_vm.hasContentOnCollapse)),"aria-labelledby":_vm.labelledBy,"is-expanded":_vm.isOpen,"element-type":_vm.contentElementType,"tabindex":"-1","appear":""},scopedSlots:_vm._u([{key:"contentOnExpanded",fn:function(){return [_vm._t("contentOnExpanded")]},proxy:true},{key:"contentOnCollapsed",fn:function(){return [_vm._t("contentOnCollapsed")]},proxy:true}],null,true)},_vm.$listeners))],1)}
6250
- var collapsiblevue_type_template_id_85d2157c_staticRenderFns = []
6249
+ }),attrs:{"id":_vm.id,"aria-hidden":("" + (!_vm.isOpen)),"aria-labelledby":_vm.labelledBy,"aria-label":_vm.ariaLabel,"show":_vm.isOpen,"element-type":_vm.contentElementType,"tabindex":"-1","appear":""},on:{"after-leave":_vm.onLeaveTransitionComplete,"after-enter":_vm.onEnterTransitionComplete}},_vm.$listeners),[_vm._t("content")],2)],1)}
6250
+ var collapsiblevue_type_template_id_7f94e9c4_staticRenderFns = []
6251
6251
 
6252
6252
 
6253
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible_lazy_show.vue?vue&type=template&id=cc3472b8&
6254
- var collapsible_lazy_showvue_type_template_id_cc3472b8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',_vm._g({attrs:{"appear":_vm.appear,"mode":"out-in","enter-active-class":"enter-active","leave-active-class":"leave-active"},on:{"before-enter":_vm.beforeEnter,"enter":_vm.enter,"after-enter":_vm.afterEnter,"before-leave":_vm.beforeLeave,"leave":_vm.leave,"after-leave":_vm.afterLeave}},_vm.$listeners),[((_vm.isExpanded && _vm.$slots.contentOnExpanded))?_c(_vm.elementType,_vm._g({key:"onOpen",tag:"component"},_vm.$listeners),[_vm._t("contentOnExpanded")],2):((!_vm.isExpanded && _vm.$slots.contentOnCollapsed))?_c(_vm.elementType,_vm._g({key:"onClose",tag:"component"},_vm.$listeners),[_vm._t("contentOnCollapsed")],2):_vm._e()],1)}
6255
- var collapsible_lazy_showvue_type_template_id_cc3472b8_staticRenderFns = []
6253
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible_lazy_show.vue?vue&type=template&id=2bfe7a0c&
6254
+ var collapsible_lazy_showvue_type_template_id_2bfe7a0c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('transition',_vm._g({attrs:{"appear":_vm.appear,"enter-active-class":"enter-active","leave-active-class":"leave-active"},on:{"before-enter":_vm.beforeEnter,"enter":_vm.enter,"after-enter":_vm.afterEnter,"before-leave":_vm.beforeLeave,"leave":_vm.leave,"after-leave":_vm.afterLeave}},_vm.$listeners),[_c(_vm.elementType,_vm._g({directives:[{name:"show",rawName:"v-show",value:(_vm.show),expression:"show"}],tag:"component"},_vm.$listeners),[(_vm.initialized)?_vm._t("default"):_vm._e()],2)],1)}
6255
+ var collapsible_lazy_showvue_type_template_id_2bfe7a0c_staticRenderFns = []
6256
6256
 
6257
6257
 
6258
6258
  ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-80[0].rules[0].use[1]!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/collapsible/collapsible_lazy_show.vue?vue&type=script&lang=js&
@@ -6281,32 +6281,6 @@ var collapsible_lazy_showvue_type_template_id_cc3472b8_staticRenderFns = []
6281
6281
  //
6282
6282
  //
6283
6283
  //
6284
- //
6285
- //
6286
- //
6287
- //
6288
- //
6289
- //
6290
- //
6291
- //
6292
- //
6293
- //
6294
- //
6295
- //
6296
- //
6297
- //
6298
- //
6299
- //
6300
- //
6301
- //
6302
- //
6303
- //
6304
- //
6305
- //
6306
- //
6307
- //
6308
- //
6309
- //
6310
6284
  /* harmony default export */ const collapsible_lazy_showvue_type_script_lang_js_ = ({
6311
6285
  name: 'DtCollapsibleLazyShow',
6312
6286
 
@@ -6317,7 +6291,7 @@ var collapsible_lazy_showvue_type_template_id_cc3472b8_staticRenderFns = []
6317
6291
  /**
6318
6292
  * Whether the child slot is shown.
6319
6293
  */
6320
- isExpanded: {
6294
+ show: {
6321
6295
  type: Boolean,
6322
6296
  default: null
6323
6297
  },
@@ -6338,7 +6312,29 @@ var collapsible_lazy_showvue_type_template_id_cc3472b8_staticRenderFns = []
6338
6312
  default: 'div'
6339
6313
  }
6340
6314
  },
6315
+
6316
+ /******************
6317
+ * DATA *
6318
+ ******************/
6319
+ data() {
6320
+ return {
6321
+ initialized: !!this.show
6322
+ };
6323
+ },
6324
+
6325
+ /******************
6326
+ * WATCH *
6327
+ ******************/
6328
+ watch: {
6329
+ show: function (newValue) {
6330
+ if (!newValue || this.initialized) return;
6331
+ this.initialized = true;
6332
+ }
6333
+ },
6341
6334
  methods: {
6335
+ /**
6336
+ * @param {HTMLElement} element
6337
+ */
6342
6338
  beforeEnter(element) {
6343
6339
  requestAnimationFrame(() => {
6344
6340
  if (!element.style.height) {
@@ -6415,8 +6411,8 @@ var collapsible_lazy_showvue_type_style_index_0_lang_css_ = __webpack_require__(
6415
6411
 
6416
6412
  var collapsible_lazy_show_component = normalizeComponent(
6417
6413
  collapsible_collapsible_lazy_showvue_type_script_lang_js_,
6418
- collapsible_lazy_showvue_type_template_id_cc3472b8_render,
6419
- collapsible_lazy_showvue_type_template_id_cc3472b8_staticRenderFns,
6414
+ collapsible_lazy_showvue_type_template_id_2bfe7a0c_render,
6415
+ collapsible_lazy_showvue_type_template_id_2bfe7a0c_staticRenderFns,
6420
6416
  false,
6421
6417
  null,
6422
6418
  null,
@@ -6608,12 +6604,6 @@ var lazy_show_component = normalizeComponent(
6608
6604
  //
6609
6605
  //
6610
6606
  //
6611
- //
6612
- //
6613
- //
6614
- //
6615
- //
6616
- //
6617
6607
 
6618
6608
 
6619
6609
 
@@ -6717,7 +6707,7 @@ var lazy_show_component = normalizeComponent(
6717
6707
  },
6718
6708
 
6719
6709
  /**
6720
- * Label on the anchor. Should provide this or ariaLabelledBy but not both.
6710
+ * Label on the collapsible content. Should provide this or ariaLabelledBy but not both.
6721
6711
  */
6722
6712
  ariaLabel: {
6723
6713
  type: String,
@@ -6758,10 +6748,6 @@ var lazy_show_component = normalizeComponent(
6758
6748
  // aria-labelledby should be set only if aria-labelledby is passed as a prop, or if
6759
6749
  // there is no aria-label and the labelledby should point to the anchor
6760
6750
  return this.ariaLabelledBy || !this.ariaLabel && getUniqueString('DtCollapsible__anchor');
6761
- },
6762
-
6763
- hasContentOnCollapse() {
6764
- return !!this.$slots.contentOnCollapsed;
6765
6751
  }
6766
6752
 
6767
6753
  },
@@ -6781,16 +6767,32 @@ var lazy_show_component = normalizeComponent(
6781
6767
  },
6782
6768
 
6783
6769
  methods: {
6784
- defaultToggleOpen() {
6785
- this.$emit('opened', !this.isOpen);
6770
+ onLeaveTransitionComplete() {
6771
+ this.$emit('opened', false);
6772
+
6773
+ if (this.open !== null) {
6774
+ this.$emit('update:open', false);
6775
+ }
6776
+ },
6777
+
6778
+ onEnterTransitionComplete() {
6779
+ this.$emit('opened', true, this.$refs.content);
6780
+
6781
+ if (this.open !== null) {
6782
+ this.$emit('update:open', true);
6783
+ }
6784
+ },
6786
6785
 
6786
+ defaultToggleOpen() {
6787
6787
  if (this.open === null) {
6788
- this.isOpen = !this.isOpen;
6789
- } else {
6790
- this.$emit('update:open', !this.isOpen);
6788
+ this.toggleOpen();
6791
6789
  }
6792
6790
  },
6793
6791
 
6792
+ toggleOpen() {
6793
+ this.isOpen = !this.isOpen;
6794
+ },
6795
+
6794
6796
  validateProperAnchor() {
6795
6797
  if (!this.anchorText && !this.$scopedSlots.anchor) {
6796
6798
  console.error('anchor text and anchor slot content cannot both be falsy');
@@ -6811,8 +6813,8 @@ var lazy_show_component = normalizeComponent(
6811
6813
  ;
6812
6814
  var collapsible_component = normalizeComponent(
6813
6815
  collapsible_collapsiblevue_type_script_lang_js_,
6814
- collapsiblevue_type_template_id_85d2157c_render,
6815
- collapsiblevue_type_template_id_85d2157c_staticRenderFns,
6816
+ collapsiblevue_type_template_id_7f94e9c4_render,
6817
+ collapsiblevue_type_template_id_7f94e9c4_staticRenderFns,
6816
6818
  false,
6817
6819
  null,
6818
6820
  null,
@@ -13111,8 +13113,8 @@ var dropdown_separator_component = normalizeComponent(
13111
13113
 
13112
13114
 
13113
13115
 
13114
- ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/input/input.vue?vue&type=template&id=356ee040&
13115
- var inputvue_type_template_id_356ee040_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",function(){return [(_vm.labelVisible && _vm.label)?_c('div',{ref:"label",class:[
13116
+ ;// CONCATENATED MODULE: ./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/@vue/cli-service/node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./components/input/input.vue?vue&type=template&id=5be97b31&
13117
+ var inputvue_type_template_id_5be97b31_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{ref:"container",staticClass:"base-input",attrs:{"data-qa":"dt-input"}},[_c('label',{staticClass:"base-input__label",attrs:{"aria-details":_vm.$slots.description || _vm.description ? _vm.descriptionKey : undefined,"data-qa":"dt-input-label-wrapper"}},[_vm._t("labelSlot",function(){return [(_vm.labelVisible && _vm.label)?_c('div',{ref:"label",class:[
13116
13118
  'base-input__label-text',
13117
13119
  'd-label',
13118
13120
  _vm.labelSizeClasses[_vm.size] ],attrs:{"data-qa":"dt-input-label"}},[_vm._v(" "+_vm._s(_vm.label)+" ")]):_vm._e()]}),(_vm.$slots.description || _vm.description || _vm.shouldValidateLength)?_c('div',{ref:"description",class:[
@@ -13121,7 +13123,7 @@ var inputvue_type_template_id_356ee040_render = function () {var _vm=this;var _h
13121
13123
  'd-fd-column',
13122
13124
  _vm.descriptionSizeClasses[_vm.size] ],attrs:{"id":_vm.descriptionKey,"data-qa":"dt-input-description"}},[(_vm.$slots.description || _vm.description)?_c('div',[_vm._t("description",function(){return [_vm._v(_vm._s(_vm.description))]})],2):_vm._e(),(_vm.shouldValidateLength)?_c('div',{class:[
13123
13125
  'd-mb2' ],attrs:{"data-qa":"dt-input-length-description"}},[_vm._v(" "+_vm._s(_vm.validationProps.length.description)+" ")]):_vm._e()]):_vm._e(),_c('div',{class:_vm.inputWrapperClasses(),attrs:{"read-only":_vm.disabled}},[(_vm.$slots.leftIcon)?_c('span',{class:_vm.inputIconClasses('left'),attrs:{"data-qa":"dt-input-left-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("leftIcon")],2):_vm._e(),(_vm.isTextarea)?_c('textarea',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"disabled":_vm.disabled,"maxlength":_vm.shouldLimitMaxLength ? _vm.validationProps.length.max : null,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'textarea',_vm.$attrs,false),_vm.inputListeners)):_c('input',_vm._g(_vm._b({ref:"input",class:_vm.inputClasses(),attrs:{"name":_vm.name,"type":_vm.type,"disabled":_vm.disabled,"maxlength":_vm.shouldLimitMaxLength ? _vm.validationProps.length.max : null,"data-qa":"dt-input-input"},domProps:{"value":_vm.value}},'input',_vm.$attrs,false),_vm.inputListeners)),(_vm.$slots.rightIcon)?_c('span',{class:_vm.inputIconClasses('right'),attrs:{"data-qa":"dt-input-right-icon-wrapper"},on:{"focusout":_vm.onBlur}},[_vm._t("rightIcon")],2):_vm._e()])],2),_c('dt-validation-messages',_vm._b({class:_vm.messagesClass,attrs:{"validation-messages":_vm.validationMessages,"show-messages":_vm.showMessages,"data-qa":"dt-input-messages"}},'dt-validation-messages',_vm.messagesChildProps,false))],1)}
13124
- var inputvue_type_template_id_356ee040_staticRenderFns = []
13126
+ var inputvue_type_template_id_5be97b31_staticRenderFns = []
13125
13127
 
13126
13128
 
13127
13129
  ;// CONCATENATED MODULE: ./components/input/input_constants.js
@@ -13845,8 +13847,7 @@ const MessagesMixin = {
13845
13847
  */
13846
13848
  label: {
13847
13849
  type: String,
13848
- default: '',
13849
- required: true
13850
+ default: ''
13850
13851
  },
13851
13852
 
13852
13853
  /**
@@ -14275,8 +14276,8 @@ const MessagesMixin = {
14275
14276
  ;
14276
14277
  var input_component = normalizeComponent(
14277
14278
  input_inputvue_type_script_lang_js_,
14278
- inputvue_type_template_id_356ee040_render,
14279
- inputvue_type_template_id_356ee040_staticRenderFns,
14279
+ inputvue_type_template_id_5be97b31_render,
14280
+ inputvue_type_template_id_5be97b31_staticRenderFns,
14280
14281
  false,
14281
14282
  null,
14282
14283
  null,