@dialpad/dialtone-vue 2.29.0 → 2.29.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 +54 -31
  3. package/dist/dialtone-vue.umd.js +54 -31
  4. package/dist/dialtone-vue.umd.min.js +1 -1
  5. package/package.json +3 -3
package/dist/dialtone-vue.common.js CHANGED
@@ -354,7 +354,7 @@ __webpack_require__.r(__webpack_exports__);
354
354
 
355
355
  var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
356
356
  // Module
357
- ___CSS_LOADER_EXPORT___.push([module.id, ".ivr_node__width{width:280px}.prompt_node_border_color{--bco:100%;border-color:#84bdff!important}.prompt_node_border_color__selected{--bco:100%;border-color:#51a0fe!important}", ""]);
357
+ ___CSS_LOADER_EXPORT___.push([module.id, ".ivr_node__width{width:280px}", ""]);
358
358
  // Exports
359
359
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
360
360
 
@@ -12620,8 +12620,8 @@ var dropdown_separator_component = normalizeComponent(
12620
12620
 
12621
12621
 
12622
12622
 
12623
- ;// 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=7e861d6a&
12624
- var inputvue_type_template_id_7e861d6a_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.label)?_c('div',{ref:"label",class:[
12623
+ ;// 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=ebdc986a&
12624
+ var inputvue_type_template_id_ebdc986a_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.label)?_c('div',{ref:"label",class:[
12625
12625
  'base-input__label-text',
12626
12626
  'd-label',
12627
12627
  _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:[
@@ -12629,8 +12629,8 @@ var inputvue_type_template_id_7e861d6a_render = function () {var _vm=this;var _h
12629
12629
  'd-description',
12630
12630
  'd-fd-column',
12631
12631
  _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:[
12632
- 'd-mb2' ],attrs:{"data-qa":"dt-input-length-description"}},[_vm._v(" "+_vm._s(_vm.validationProps.length.description)+" ")]):_vm._e()]):_vm._e(),_c('div',{staticClass:"d-input__wrapper"},[(_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)}
12633
- var inputvue_type_template_id_7e861d6a_staticRenderFns = []
12632
+ '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)}
12633
+ var inputvue_type_template_id_ebdc986a_staticRenderFns = []
12634
12634
 
12635
12635
 
12636
12636
  ;// CONCATENATED MODULE: ./components/input/input_constants.js
@@ -13289,6 +13289,9 @@ const MessagesMixin = {
13289
13289
  //
13290
13290
  //
13291
13291
  //
13292
+ //
13293
+ //
13294
+ //
13292
13295
 
13293
13296
 
13294
13297
 
@@ -13393,6 +13396,16 @@ const MessagesMixin = {
13393
13396
  default: ''
13394
13397
  },
13395
13398
 
13399
+ /**
13400
+ * Additional class name for the input wrapper element.
13401
+ * Can accept all of String, Object, and Array, i.e. has the
13402
+ * same api as Vue's built-in handling of the class attribute.
13403
+ */
13404
+ inputWrapperClass: {
13405
+ type: [String, Object, Array],
13406
+ default: ''
13407
+ },
13408
+
13396
13409
  /**
13397
13410
  * The current character length that the user has entered into the input.
13398
13411
  * This will only need to be used if you are using `validate.length` and
@@ -13628,6 +13641,22 @@ const MessagesMixin = {
13628
13641
  }
13629
13642
  };
13630
13643
  return sizeClasses[this.inputComponent][this.size];
13644
+ },
13645
+
13646
+ stateClass() {
13647
+ const inputStateClasses = {
13648
+ input: {
13649
+ error: 'd-input--error base-input__input--error',
13650
+ warning: 'd-input--warning base-input__input--warning',
13651
+ success: 'd-input--success base-input__input--success'
13652
+ },
13653
+ textarea: {
13654
+ error: 'd-textarea--error base-input__input--error',
13655
+ warning: 'd-textarea--warning base-input__input--warning',
13656
+ success: 'd-textarea--success base-input__input--success'
13657
+ }
13658
+ };
13659
+ return [inputStateClasses[this.inputComponent][this.inputState]];
13631
13660
  }
13632
13661
 
13633
13662
  },
@@ -13653,25 +13682,19 @@ const MessagesMixin = {
13653
13682
  },
13654
13683
  methods: {
13655
13684
  inputClasses() {
13656
- const inputStateClasses = {
13657
- input: {
13658
- error: 'd-input--error base-input__input--error',
13659
- warning: 'd-input--warning base-input__input--warning',
13660
- success: 'd-input--success base-input__input--success'
13661
- },
13662
- textarea: {
13663
- error: 'd-textarea--error base-input__input--error',
13664
- warning: 'd-textarea--warning base-input__input--warning',
13665
- success: 'd-textarea--success base-input__input--success'
13666
- }
13667
- };
13668
13685
  return ['base-input__input', this.inputComponent === 'input' ? 'd-input' : 'd-textarea', {
13669
- [inputStateClasses[this.inputComponent][this.inputState]]: this.showInputState,
13686
+ [this.stateClass]: this.showInputState,
13670
13687
  'd-input-icon--left': this.$slots.leftIcon,
13671
13688
  'd-input-icon--right': this.$slots.rightIcon
13672
13689
  }, this.sizeModifierClass, this.inputClass];
13673
13690
  },
13674
13691
 
13692
+ inputWrapperClasses() {
13693
+ return ['d-input__wrapper', {
13694
+ [this.stateClass]: this.showInputState
13695
+ }, this.inputWrapperClass];
13696
+ },
13697
+
13675
13698
  calculateLength(value) {
13676
13699
  if (typeof value !== 'string') {
13677
13700
  return 0;
@@ -13751,8 +13774,8 @@ const MessagesMixin = {
13751
13774
  ;
13752
13775
  var input_component = normalizeComponent(
13753
13776
  input_inputvue_type_script_lang_js_,
13754
- inputvue_type_template_id_7e861d6a_render,
13755
- inputvue_type_template_id_7e861d6a_staticRenderFns,
13777
+ inputvue_type_template_id_ebdc986a_render,
13778
+ inputvue_type_template_id_ebdc986a_staticRenderFns,
13756
13779
  false,
13757
13780
  null,
13758
13781
  null,
@@ -20537,8 +20560,8 @@ var top_banner_info_component = normalizeComponent(
20537
20560
  ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/index.js
20538
20561
 
20539
20562
 
20540
- ;// 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!./recipes/cards/ivr_node/ivr_node.vue?vue&type=template&id=2873a082&
20541
- var ivr_nodevue_type_template_id_2873a082_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g({staticClass:"d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"},_vm.$listeners),[(_vm.dtmfKey)?_c('div',{staticClass:"d-zi-base1 d-ai-center d-jc-center d-d-flex d-w24 d-h24 d-bar-circle d-bc-purple-800 d-bgc-purple-800 d-mbn12 d-fc-white d-fs14",class:{ 'd-mbn16': _vm.isSelected },attrs:{"data-qa":"dt-top-connector-dtmf"}},[_vm._v(" "+_vm._s(_vm.dtmfKey)+" ")]):_c('div',{staticClass:"d-zi-base1 d-d-flex d-w8 d-h8 d-bar-circle d-bc-purple-800 d-bgc-purple-800 d-mbn4",class:{ 'd-mbn8': _vm.isSelected },attrs:{"data-qa":"dt-top-connector"}}),_c('dt-card',{attrs:{"content-class":"d-bt d-bc-black-075 d-px12 d-pt8 d-pb12","container-class":[
20563
+ ;// 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!./recipes/cards/ivr_node/ivr_node.vue?vue&type=template&id=2913254f&
20564
+ var ivr_nodevue_type_template_id_2913254f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g({staticClass:"d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"},_vm.$listeners),[(_vm.dtmfKey)?_c('div',{staticClass:"d-zi-base1 d-ai-center d-jc-center d-d-flex d-w24 d-h24 d-bar-circle d-bc-purple-600 d-bgc-purple-600 d-mbn12 d-fc-white d-fs-200",class:{ 'd-mbn16': _vm.isSelected },attrs:{"data-qa":"dt-top-connector-dtmf"}},[_vm._v(" "+_vm._s(_vm.dtmfKey)+" ")]):_c('div',{staticClass:"d-zi-base1 d-d-flex d-w8 d-h8 d-bar-circle d-bc-purple-600 d-bgc-purple-600 d-mbn4",class:{ 'd-mbn8': _vm.isSelected },attrs:{"data-qa":"dt-top-connector"}}),_c('dt-card',{attrs:{"content-class":"d-bt d-bc-black-300 d-px12 d-pt8 d-pb12","container-class":[
20542
20565
  'd-w100p',
20543
20566
  { 'd-ba d-bar8 d-baw4': _vm.isSelected },
20544
20567
  _vm.headerColor ],"header-class":[
@@ -20547,8 +20570,8 @@ var ivr_nodevue_type_template_id_2873a082_render = function () {var _vm=this;var
20547
20570
  'd-btw4',
20548
20571
  'd-p0',
20549
20572
  _vm.headerColor,
20550
- { 'd-btr4': !_vm.isSelected } ]},scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-button',{attrs:{"aria-label":_vm.nodeType,"importance":"clear","data-qa":"dt-ivr-node-icon"},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c(_vm.nodeIcon,{tag:"component",staticClass:"d-fc-black-900"})]},proxy:true}])}),_c('p',{staticClass:"d-fs14 d-fw-bold",attrs:{"data-qa":"ivr-node-label"}},[_vm._v(" "+_vm._s(_vm.nodeLabel)+" ")])],1),_c('dt-dropdown',{attrs:{"placement":"bottom","open":_vm.isOpen},on:{"update:open":function($event){_vm.isOpen=$event}},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{attrs:{"importance":"clear","aria-label":_vm.menuButtonAriaLabel},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.openMenu.apply(null, arguments)}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-menu-vertical',{staticClass:"d-fc-black-900"})]},proxy:true}])})]},proxy:true},{key:"list",fn:function(){return [_c('div',{staticClass:"d-w164"},[_vm._t("menuItems")],2)]},proxy:true}],null,true)})]},proxy:true},{key:"content",fn:function(){return [_vm._t("content")]},proxy:true}],null,true)})],1)}
20551
- var ivr_nodevue_type_template_id_2873a082_staticRenderFns = []
20573
+ { 'd-btr4': !_vm.isSelected } ]},scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-button',{attrs:{"aria-label":_vm.nodeType,"importance":"clear","data-qa":"dt-ivr-node-icon"},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c(_vm.nodeIcon,{tag:"component",staticClass:"d-fc-black-900"})]},proxy:true}])}),_c('p',{staticClass:"d-fs-200 d-fw-bold",attrs:{"data-qa":"ivr-node-label"}},[_vm._v(" "+_vm._s(_vm.nodeLabel)+" ")])],1),_c('dt-dropdown',{attrs:{"placement":"bottom","open":_vm.isOpen},on:{"update:open":function($event){_vm.isOpen=$event}},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{attrs:{"importance":"clear","aria-label":_vm.menuButtonAriaLabel},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.openMenu.apply(null, arguments)}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-menu-vertical',{staticClass:"d-fc-black-900"})]},proxy:true}])})]},proxy:true},{key:"list",fn:function(){return [_c('div',{staticClass:"d-w164"},[_vm._t("menuItems")],2)]},proxy:true}],null,true)})]},proxy:true},{key:"content",fn:function(){return [_vm._t("content")]},proxy:true}],null,true)})],1)}
20574
+ var ivr_nodevue_type_template_id_2913254f_staticRenderFns = []
20552
20575
 
20553
20576
 
20554
20577
  ;// 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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconMenuVertical.vue?vue&type=template&id=7bb36528&
@@ -20806,16 +20829,16 @@ const IVR_NODE_LABELS = {
20806
20829
  };
20807
20830
  const IVR_NODE_COLORS = {
20808
20831
  PROMPT: {
20809
- normal: 'prompt_node_border_color',
20810
- selected: 'prompt_node_border_color__selected'
20832
+ normal: 'd-bc-blue-200',
20833
+ selected: 'd-bc-blue-300'
20811
20834
  },
20812
20835
  LOGIC: {
20813
20836
  normal: 'd-bc-purple-200',
20814
- selected: 'd-bc-purple-500'
20837
+ selected: 'd-bc-purple-400'
20815
20838
  },
20816
20839
  TERMINAL: {
20817
- normal: 'd-bc-red-200',
20818
- selected: 'd-bc-red-400'
20840
+ normal: 'd-bc-red-100',
20841
+ selected: 'd-bc-red-200'
20819
20842
  }
20820
20843
  };
20821
20844
  const IVR_NODE_COLOR_MAPPING = {
@@ -21025,8 +21048,8 @@ var ivr_nodevue_type_style_index_0_lang_less_ = __webpack_require__(212);
21025
21048
 
21026
21049
  var ivr_node_component = normalizeComponent(
21027
21050
  ivr_node_ivr_nodevue_type_script_lang_js_,
21028
- ivr_nodevue_type_template_id_2873a082_render,
21029
- ivr_nodevue_type_template_id_2873a082_staticRenderFns,
21051
+ ivr_nodevue_type_template_id_2913254f_render,
21052
+ ivr_nodevue_type_template_id_2913254f_staticRenderFns,
21030
21053
  false,
21031
21054
  null,
21032
21055
  null,
package/dist/dialtone-vue.umd.js CHANGED
@@ -364,7 +364,7 @@ __webpack_require__.r(__webpack_exports__);
364
364
 
365
365
  var ___CSS_LOADER_EXPORT___ = _node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_vue_cli_service_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
366
366
  // Module
367
- ___CSS_LOADER_EXPORT___.push([module.id, ".ivr_node__width{width:280px}.prompt_node_border_color{--bco:100%;border-color:#84bdff!important}.prompt_node_border_color__selected{--bco:100%;border-color:#51a0fe!important}", ""]);
367
+ ___CSS_LOADER_EXPORT___.push([module.id, ".ivr_node__width{width:280px}", ""]);
368
368
  // Exports
369
369
  /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
370
370
 
@@ -12638,8 +12638,8 @@ var dropdown_separator_component = normalizeComponent(
12638
12638
 
12639
12639
 
12640
12640
 
12641
- ;// 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=7e861d6a&
12642
- var inputvue_type_template_id_7e861d6a_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.label)?_c('div',{ref:"label",class:[
12641
+ ;// 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=ebdc986a&
12642
+ var inputvue_type_template_id_ebdc986a_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.label)?_c('div',{ref:"label",class:[
12643
12643
  'base-input__label-text',
12644
12644
  'd-label',
12645
12645
  _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:[
@@ -12647,8 +12647,8 @@ var inputvue_type_template_id_7e861d6a_render = function () {var _vm=this;var _h
12647
12647
  'd-description',
12648
12648
  'd-fd-column',
12649
12649
  _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:[
12650
- 'd-mb2' ],attrs:{"data-qa":"dt-input-length-description"}},[_vm._v(" "+_vm._s(_vm.validationProps.length.description)+" ")]):_vm._e()]):_vm._e(),_c('div',{staticClass:"d-input__wrapper"},[(_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)}
12651
- var inputvue_type_template_id_7e861d6a_staticRenderFns = []
12650
+ '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)}
12651
+ var inputvue_type_template_id_ebdc986a_staticRenderFns = []
12652
12652
 
12653
12653
 
12654
12654
  ;// CONCATENATED MODULE: ./components/input/input_constants.js
@@ -13307,6 +13307,9 @@ const MessagesMixin = {
13307
13307
  //
13308
13308
  //
13309
13309
  //
13310
+ //
13311
+ //
13312
+ //
13310
13313
 
13311
13314
 
13312
13315
 
@@ -13411,6 +13414,16 @@ const MessagesMixin = {
13411
13414
  default: ''
13412
13415
  },
13413
13416
 
13417
+ /**
13418
+ * Additional class name for the input wrapper element.
13419
+ * Can accept all of String, Object, and Array, i.e. has the
13420
+ * same api as Vue's built-in handling of the class attribute.
13421
+ */
13422
+ inputWrapperClass: {
13423
+ type: [String, Object, Array],
13424
+ default: ''
13425
+ },
13426
+
13414
13427
  /**
13415
13428
  * The current character length that the user has entered into the input.
13416
13429
  * This will only need to be used if you are using `validate.length` and
@@ -13646,6 +13659,22 @@ const MessagesMixin = {
13646
13659
  }
13647
13660
  };
13648
13661
  return sizeClasses[this.inputComponent][this.size];
13662
+ },
13663
+
13664
+ stateClass() {
13665
+ const inputStateClasses = {
13666
+ input: {
13667
+ error: 'd-input--error base-input__input--error',
13668
+ warning: 'd-input--warning base-input__input--warning',
13669
+ success: 'd-input--success base-input__input--success'
13670
+ },
13671
+ textarea: {
13672
+ error: 'd-textarea--error base-input__input--error',
13673
+ warning: 'd-textarea--warning base-input__input--warning',
13674
+ success: 'd-textarea--success base-input__input--success'
13675
+ }
13676
+ };
13677
+ return [inputStateClasses[this.inputComponent][this.inputState]];
13649
13678
  }
13650
13679
 
13651
13680
  },
@@ -13671,25 +13700,19 @@ const MessagesMixin = {
13671
13700
  },
13672
13701
  methods: {
13673
13702
  inputClasses() {
13674
- const inputStateClasses = {
13675
- input: {
13676
- error: 'd-input--error base-input__input--error',
13677
- warning: 'd-input--warning base-input__input--warning',
13678
- success: 'd-input--success base-input__input--success'
13679
- },
13680
- textarea: {
13681
- error: 'd-textarea--error base-input__input--error',
13682
- warning: 'd-textarea--warning base-input__input--warning',
13683
- success: 'd-textarea--success base-input__input--success'
13684
- }
13685
- };
13686
13703
  return ['base-input__input', this.inputComponent === 'input' ? 'd-input' : 'd-textarea', {
13687
- [inputStateClasses[this.inputComponent][this.inputState]]: this.showInputState,
13704
+ [this.stateClass]: this.showInputState,
13688
13705
  'd-input-icon--left': this.$slots.leftIcon,
13689
13706
  'd-input-icon--right': this.$slots.rightIcon
13690
13707
  }, this.sizeModifierClass, this.inputClass];
13691
13708
  },
13692
13709
 
13710
+ inputWrapperClasses() {
13711
+ return ['d-input__wrapper', {
13712
+ [this.stateClass]: this.showInputState
13713
+ }, this.inputWrapperClass];
13714
+ },
13715
+
13693
13716
  calculateLength(value) {
13694
13717
  if (typeof value !== 'string') {
13695
13718
  return 0;
@@ -13769,8 +13792,8 @@ const MessagesMixin = {
13769
13792
  ;
13770
13793
  var input_component = normalizeComponent(
13771
13794
  input_inputvue_type_script_lang_js_,
13772
- inputvue_type_template_id_7e861d6a_render,
13773
- inputvue_type_template_id_7e861d6a_staticRenderFns,
13795
+ inputvue_type_template_id_ebdc986a_render,
13796
+ inputvue_type_template_id_ebdc986a_staticRenderFns,
13774
13797
  false,
13775
13798
  null,
13776
13799
  null,
@@ -20555,8 +20578,8 @@ var top_banner_info_component = normalizeComponent(
20555
20578
  ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/index.js
20556
20579
 
20557
20580
 
20558
- ;// 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!./recipes/cards/ivr_node/ivr_node.vue?vue&type=template&id=2873a082&
20559
- var ivr_nodevue_type_template_id_2873a082_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g({staticClass:"d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"},_vm.$listeners),[(_vm.dtmfKey)?_c('div',{staticClass:"d-zi-base1 d-ai-center d-jc-center d-d-flex d-w24 d-h24 d-bar-circle d-bc-purple-800 d-bgc-purple-800 d-mbn12 d-fc-white d-fs14",class:{ 'd-mbn16': _vm.isSelected },attrs:{"data-qa":"dt-top-connector-dtmf"}},[_vm._v(" "+_vm._s(_vm.dtmfKey)+" ")]):_c('div',{staticClass:"d-zi-base1 d-d-flex d-w8 d-h8 d-bar-circle d-bc-purple-800 d-bgc-purple-800 d-mbn4",class:{ 'd-mbn8': _vm.isSelected },attrs:{"data-qa":"dt-top-connector"}}),_c('dt-card',{attrs:{"content-class":"d-bt d-bc-black-075 d-px12 d-pt8 d-pb12","container-class":[
20581
+ ;// 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!./recipes/cards/ivr_node/ivr_node.vue?vue&type=template&id=2913254f&
20582
+ var ivr_nodevue_type_template_id_2913254f_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',_vm._g({staticClass:"d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"},_vm.$listeners),[(_vm.dtmfKey)?_c('div',{staticClass:"d-zi-base1 d-ai-center d-jc-center d-d-flex d-w24 d-h24 d-bar-circle d-bc-purple-600 d-bgc-purple-600 d-mbn12 d-fc-white d-fs-200",class:{ 'd-mbn16': _vm.isSelected },attrs:{"data-qa":"dt-top-connector-dtmf"}},[_vm._v(" "+_vm._s(_vm.dtmfKey)+" ")]):_c('div',{staticClass:"d-zi-base1 d-d-flex d-w8 d-h8 d-bar-circle d-bc-purple-600 d-bgc-purple-600 d-mbn4",class:{ 'd-mbn8': _vm.isSelected },attrs:{"data-qa":"dt-top-connector"}}),_c('dt-card',{attrs:{"content-class":"d-bt d-bc-black-300 d-px12 d-pt8 d-pb12","container-class":[
20560
20583
  'd-w100p',
20561
20584
  { 'd-ba d-bar8 d-baw4': _vm.isSelected },
20562
20585
  _vm.headerColor ],"header-class":[
@@ -20565,8 +20588,8 @@ var ivr_nodevue_type_template_id_2873a082_render = function () {var _vm=this;var
20565
20588
  'd-btw4',
20566
20589
  'd-p0',
20567
20590
  _vm.headerColor,
20568
- { 'd-btr4': !_vm.isSelected } ]},scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-button',{attrs:{"aria-label":_vm.nodeType,"importance":"clear","data-qa":"dt-ivr-node-icon"},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c(_vm.nodeIcon,{tag:"component",staticClass:"d-fc-black-900"})]},proxy:true}])}),_c('p',{staticClass:"d-fs14 d-fw-bold",attrs:{"data-qa":"ivr-node-label"}},[_vm._v(" "+_vm._s(_vm.nodeLabel)+" ")])],1),_c('dt-dropdown',{attrs:{"placement":"bottom","open":_vm.isOpen},on:{"update:open":function($event){_vm.isOpen=$event}},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{attrs:{"importance":"clear","aria-label":_vm.menuButtonAriaLabel},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.openMenu.apply(null, arguments)}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-menu-vertical',{staticClass:"d-fc-black-900"})]},proxy:true}])})]},proxy:true},{key:"list",fn:function(){return [_c('div',{staticClass:"d-w164"},[_vm._t("menuItems")],2)]},proxy:true}],null,true)})]},proxy:true},{key:"content",fn:function(){return [_vm._t("content")]},proxy:true}],null,true)})],1)}
20569
- var ivr_nodevue_type_template_id_2873a082_staticRenderFns = []
20591
+ { 'd-btr4': !_vm.isSelected } ]},scopedSlots:_vm._u([{key:"header",fn:function(){return [_c('div',{staticClass:"d-d-flex d-ai-center"},[_c('dt-button',{attrs:{"aria-label":_vm.nodeType,"importance":"clear","data-qa":"dt-ivr-node-icon"},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c(_vm.nodeIcon,{tag:"component",staticClass:"d-fc-black-900"})]},proxy:true}])}),_c('p',{staticClass:"d-fs-200 d-fw-bold",attrs:{"data-qa":"ivr-node-label"}},[_vm._v(" "+_vm._s(_vm.nodeLabel)+" ")])],1),_c('dt-dropdown',{attrs:{"placement":"bottom","open":_vm.isOpen},on:{"update:open":function($event){_vm.isOpen=$event}},scopedSlots:_vm._u([{key:"anchor",fn:function(){return [_c('dt-button',{attrs:{"importance":"clear","aria-label":_vm.menuButtonAriaLabel},on:{"click":function($event){$event.stopPropagation();$event.preventDefault();return _vm.openMenu.apply(null, arguments)}},scopedSlots:_vm._u([{key:"icon",fn:function(){return [_c('icon-menu-vertical',{staticClass:"d-fc-black-900"})]},proxy:true}])})]},proxy:true},{key:"list",fn:function(){return [_c('div',{staticClass:"d-w164"},[_vm._t("menuItems")],2)]},proxy:true}],null,true)})]},proxy:true},{key:"content",fn:function(){return [_vm._t("content")]},proxy:true}],null,true)})],1)}
20592
+ var ivr_nodevue_type_template_id_2913254f_staticRenderFns = []
20570
20593
 
20571
20594
 
20572
20595
  ;// 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!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconMenuVertical.vue?vue&type=template&id=7bb36528&
@@ -20824,16 +20847,16 @@ const IVR_NODE_LABELS = {
20824
20847
  };
20825
20848
  const IVR_NODE_COLORS = {
20826
20849
  PROMPT: {
20827
- normal: 'prompt_node_border_color',
20828
- selected: 'prompt_node_border_color__selected'
20850
+ normal: 'd-bc-blue-200',
20851
+ selected: 'd-bc-blue-300'
20829
20852
  },
20830
20853
  LOGIC: {
20831
20854
  normal: 'd-bc-purple-200',
20832
- selected: 'd-bc-purple-500'
20855
+ selected: 'd-bc-purple-400'
20833
20856
  },
20834
20857
  TERMINAL: {
20835
- normal: 'd-bc-red-200',
20836
- selected: 'd-bc-red-400'
20858
+ normal: 'd-bc-red-100',
20859
+ selected: 'd-bc-red-200'
20837
20860
  }
20838
20861
  };
20839
20862
  const IVR_NODE_COLOR_MAPPING = {
@@ -21043,8 +21066,8 @@ var ivr_nodevue_type_style_index_0_lang_less_ = __webpack_require__(731);
21043
21066
 
21044
21067
  var ivr_node_component = normalizeComponent(
21045
21068
  ivr_node_ivr_nodevue_type_script_lang_js_,
21046
- ivr_nodevue_type_template_id_2873a082_render,
21047
- ivr_nodevue_type_template_id_2873a082_staticRenderFns,
21069
+ ivr_nodevue_type_template_id_2913254f_render,
21070
+ ivr_nodevue_type_template_id_2913254f_staticRenderFns,
21048
21071
  false,
21049
21072
  null,
21050
21073
  null,