@dialpad/dialtone-vue 3.16.0 → 3.18.0

package/dist/dialtone-vue.common.js

@@ -121,7 +121,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".dt-default-list-item,.dt-default-list
 
 /***/ }),
 
-/***/ 83:
+/***/ 338:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -138,7 +138,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item:not(.dt-list-item--static){cursor:pointer}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:hsla(var(--black-400-h),var(--black-400-s),var(--black-400-l),.15)}.dt-list-item:focus-visible{outline-color:var(--primary-color)}", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, ".dt-list-item:not(.dt-list-item--static){cursor:pointer}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:hsla(var(--black-400-h),var(--black-400-s),var(--black-400-l),.15)}.dt-list-item:focus-visible{outline-color:var(--purple-500)}", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -265,7 +265,7 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".skeleton-placeholder{display:flex;str
 
 /***/ }),
 
-/***/ 883:
+/***/ 545:
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
@@ -287,6 +287,78 @@ ___CSS_LOADER_EXPORT___.push([module.id, ".tippy-box[data-popper-escaped] .d-too
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
 
+/***/ }),
+
+/***/ 994:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){width:8rem;height:6.2rem;letter-spacing:-.011rem;line-height:1.6rem}.dt-recipe-callbar-button--circle{border-radius:var(--br-circle)}.dt-recipe-callbar-button.d-btn .d-btn__icon .d-svg{width:2.4rem;height:2.4rem}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--active{--button--fc:var(--muted-color-hover);--button--bgc:hsla(var(--muted-color-hsl)/15%)}.dt-recipe-callbar-button--danger.dt-recipe-callbar-button--active{--button--bgc:hsla(var(--error-color-hsl)/10%);--button--fc:var(--error-color-hover)}.dt-recipe-callbar-button--danger.dt-recipe-callbar-button--active:hover{--button--bgc:hsla(var(--error-color-hsl)/20%);--button--fc:var(--error-color-hover)}.dt-recipe-callbar-button--circle.d-btn--icon-only .d-btn__label{display:none}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 162:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, ".dt-recipe--callbar-button-with-popover--button{position:relative;display:inline-block}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{position:absolute;top:2rem;right:0;width:var(--su16);height:var(--su16);padding:var(--su8);border-radius:var(--su4)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--black-025)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--black-900);color:var(--white)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header button{color:var(--white)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc:var(--black-900)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 987:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(81);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
+// Imports
+
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
+// Module
+___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}", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
 /***/ }),
 
 /***/ 239:
@@ -534,19 +606,19 @@ var update = add("c62e22ae", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 69:
+/***/ 203:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(83);
+var content = __webpack_require__(338);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(402)/* ["default"] */ .Z)
-var update = add("11cd64b8", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("39437a49", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -630,19 +702,67 @@ var update = add("6f5d0b60", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ 361:
+/***/ 121:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(545);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(402)/* ["default"] */ .Z)
+var update = add("2e953ef2", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 580:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(994);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(402)/* ["default"] */ .Z)
+var update = add("760ad33a", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 68:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__(162);
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.id, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = (__webpack_require__(402)/* ["default"] */ .Z)
+var update = add("122349a2", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
+/***/ 866:
 /***/ ((module, __unused_webpack_exports, __webpack_require__) => {
 
 // style-loader: Adds some css to the DOM by adding a <style> tag
 
 // load the styles
-var content = __webpack_require__(883);
+var content = __webpack_require__(987);
 if(content.__esModule) content = content.default;
 if(typeof content === 'string') content = [[module.id, content, '']];
 if(content.locals) module.exports = content.locals;
 // add the styles to the DOM
 var add = (__webpack_require__(402)/* ["default"] */ .Z)
-var update = add("5de7b68a", content, true, {"sourceMap":false,"shadowMode":false});
+var update = add("1ce953ea", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -1055,9 +1175,12 @@ __webpack_require__.d(__webpack_exports__, {
   "DtPopover": () => (/* reexport */ popover),
   "DtRadio": () => (/* reexport */ radio_radio),
   "DtRadioGroup": () => (/* reexport */ radio_group),
+  "DtRecipeCallbarButton": () => (/* reexport */ callbar_button),
+  "DtRecipeCallbarButtonWithPopover": () => (/* reexport */ callbar_button_with_popover),
   "DtRecipeComboboxMultiSelect": () => (/* reexport */ combobox_multi_select),
   "DtRecipeComboboxWithPopover": () => (/* reexport */ combobox_with_popover),
   "DtRecipeContactInfo": () => (/* reexport */ contact_info),
+  "DtRecipeIvrNode": () => (/* reexport */ ivr_node),
   "DtRecipeTopBannerInfo": () => (/* reexport */ top_banner_info),
   "DtRootLayout": () => (/* reexport */ root_layout),
   "DtSelectMenu": () => (/* reexport */ select_menu),
@@ -1075,6 +1198,16 @@ __webpack_require__.d(__webpack_exports__, {
   "DtValidationMessages": () => (/* reexport */ validation_messages),
   "INPUT_SIZES": () => (/* reexport */ INPUT_SIZES),
   "INPUT_TYPES": () => (/* reexport */ INPUT_TYPES),
+  "IVR_NODE_BRANCH": () => (/* reexport */ IVR_NODE_BRANCH),
+  "IVR_NODE_EXPERT": () => (/* reexport */ IVR_NODE_EXPERT),
+  "IVR_NODE_GO_TO": () => (/* reexport */ IVR_NODE_GO_TO),
+  "IVR_NODE_HANGUP": () => (/* reexport */ IVR_NODE_HANGUP),
+  "IVR_NODE_ICON_TYPES": () => (/* reexport */ IVR_NODE_ICON_TYPES),
+  "IVR_NODE_LABELS": () => (/* reexport */ IVR_NODE_LABELS),
+  "IVR_NODE_PROMPT_COLLECT": () => (/* reexport */ IVR_NODE_PROMPT_COLLECT),
+  "IVR_NODE_PROMPT_MENU": () => (/* reexport */ IVR_NODE_PROMPT_MENU),
+  "IVR_NODE_PROMPT_PLAY": () => (/* reexport */ IVR_NODE_PROMPT_PLAY),
+  "IVR_NODE_TRANSFER": () => (/* reexport */ IVR_NODE_TRANSFER),
   "LINK_KIND_MODIFIERS": () => (/* reexport */ LINK_KIND_MODIFIERS),
   "LINK_VARIANTS": () => (/* reexport */ LINK_VARIANTS),
   "MODAL_KIND_MODIFIERS": () => (/* reexport */ MODAL_KIND_MODIFIERS),
@@ -3435,9 +3568,9 @@ function combobox_loading_listvue_type_template_id_07d9971d_render(_ctx, _cache,
 }
 ;// CONCATENATED MODULE: ./components/combobox/combobox_loading-list.vue?vue&type=template&id=07d9971d
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=template&id=3ad806bf
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=template&id=173961c7
 
-function list_itemvue_type_template_id_3ad806bf_render(_ctx, _cache, $props, $setup, $data, $options) {
+function list_itemvue_type_template_id_173961c7_render(_ctx, _cache, $props, $setup, $data, $options) {
   return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($props.elementType), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
     id: $props.id,
     class: ['dt-list-item d-ls-none focus-visible', {
@@ -3464,7 +3597,7 @@ function list_itemvue_type_template_id_3ad806bf_render(_ctx, _cache, $props, $se
     _: 3
   }, 16, ["id", "class", "tabindex", "role", "aria-selected"]);
 }
-;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=3ad806bf
+;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=template&id=173961c7
 
 ;// CONCATENATED MODULE: ./components/list_item/list_item_constants.js
 const LIST_ITEM_TYPES = {
@@ -3717,9 +3850,9 @@ const default_list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(
 });
 ;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=style&index=0&id=3ad806bf&lang=less
-var list_itemvue_type_style_index_0_id_3ad806bf_lang_less = __webpack_require__(69);
-;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=style&index=0&id=3ad806bf&lang=less
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/list_item/list_item.vue?vue&type=style&index=0&id=173961c7&lang=less
+var list_itemvue_type_style_index_0_id_173961c7_lang_less = __webpack_require__(203);
+;// CONCATENATED MODULE: ./components/list_item/list_item.vue?vue&type=style&index=0&id=173961c7&lang=less
 
 ;// CONCATENATED MODULE: ./components/list_item/list_item.vue
 
@@ -3729,7 +3862,7 @@ var list_itemvue_type_style_index_0_id_3ad806bf_lang_less = __webpack_require__(
 ;
 
 
-const list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_itemvue_type_script_lang_js, [['render',list_itemvue_type_template_id_3ad806bf_render]])
+const list_item_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(list_itemvue_type_script_lang_js, [['render',list_itemvue_type_template_id_173961c7_render]])
 
 /* harmony default export */ const list_item = (list_item_exports_);
 ;// CONCATENATED MODULE: ./components/list_item/index.js
@@ -15490,15 +15623,15 @@ const toggle_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(togglevue_t
 /* harmony default export */ const toggle = (toggle_exports_);
 ;// CONCATENATED MODULE: ./components/toggle/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=template&id=30019e74
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=template&id=5bef87da
 
-const tooltipvue_type_template_id_30019e74_hoisted_1 = {
+const tooltipvue_type_template_id_5bef87da_hoisted_1 = {
   "data-qa": "dt-tooltip-container"
 };
-function tooltipvue_type_template_id_30019e74_render(_ctx, _cache, $props, $setup, $data, $options) {
+function tooltipvue_type_template_id_5bef87da_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_lazy_show = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-lazy-show");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", tooltipvue_type_template_id_30019e74_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", tooltipvue_type_template_id_5bef87da_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", {
     ref: "anchor",
     "data-qa": "dt-tooltip-anchor",
     onFocusin: _cache[0] || (_cache[0] = function () {
@@ -15519,7 +15652,7 @@ function tooltipvue_type_template_id_30019e74_render(_ctx, _cache, $props, $setu
   }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "anchor")], 544), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_lazy_show, {
     id: $props.id,
     ref: "content",
-    show: $data.isShown && (!!$props.message.trim() || !!_ctx.$slots.default),
+    show: $data.isShown && (!!$props.message.trim() || !$options.defaultSlotIsEmpty),
     role: "tooltip",
     "aria-hidden": "false",
     "data-qa": "dt-tooltip",
@@ -15535,7 +15668,7 @@ function tooltipvue_type_template_id_30019e74_render(_ctx, _cache, $props, $setu
     _: 3
   }, 8, ["id", "show", "transition", "class", "onAfterLeave", "onAfterEnter"])]);
 }
-;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=30019e74
+;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=template&id=5bef87da
 
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip_constants.js
 /*
@@ -15706,6 +15839,15 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
           onChangePlacement: this.onChangePlacement
         })
       };
+    },
+
+    defaultSlotIsEmpty() {
+      var _this$$slots;
+
+      const defaultSlotContents = (_this$$slots = this.$slots) === null || _this$$slots === void 0 ? void 0 : _this$$slots.default();
+      const slotItemCount = defaultSlotContents === null || defaultSlotContents === void 0 ? void 0 : defaultSlotContents.length;
+      const slotIsEmpty = slotItemCount === 1 && (defaultSlotContents[0].type.toString() === 'Symbol(Comment)' || defaultSlotContents[0].type.toString() === 'Symbol(Fragment)' && defaultSlotContents[0].children.length === 0);
+      return !slotItemCount || slotIsEmpty;
     }
 
   },
@@ -15841,9 +15983,9 @@ const TOOLTIP_HIDE_ON_CLICK_VARIANTS = [true, false, 'toggle'];
 });
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=style&index=0&id=30019e74&lang=less
-var tooltipvue_type_style_index_0_id_30019e74_lang_less = __webpack_require__(361);
-;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&id=30019e74&lang=less
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./components/tooltip/tooltip.vue?vue&type=style&index=0&id=5bef87da&lang=less
+var tooltipvue_type_style_index_0_id_5bef87da_lang_less = __webpack_require__(121);
+;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue?vue&type=style&index=0&id=5bef87da&lang=less
 
 ;// CONCATENATED MODULE: ./components/tooltip/tooltip.vue
 
@@ -15853,7 +15995,7 @@ var tooltipvue_type_style_index_0_id_30019e74_lang_less = __webpack_require__(36
 ;
 
 
-const tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tooltipvue_type_script_lang_js, [['render',tooltipvue_type_template_id_30019e74_render]])
+const tooltip_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(tooltipvue_type_script_lang_js, [['render',tooltipvue_type_template_id_5bef87da_render]])
 
 /* harmony default export */ const tooltip = (tooltip_exports_);
 ;// CONCATENATED MODULE: ./components/tooltip/index.js
@@ -16874,27 +17016,27 @@ const combobox_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */
 /* harmony default export */ const combobox_with_popover = (combobox_with_popover_exports_);
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_with_popover/index.js
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=43f74cb7
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=0291e6d2
 
-const combobox_multi_selectvue_type_template_id_43f74cb7_hoisted_1 = {
+const combobox_multi_selectvue_type_template_id_0291e6d2_hoisted_1 = {
   ref: "inputSlotWrapper",
   class: "d-ps-relative"
 };
-const combobox_multi_selectvue_type_template_id_43f74cb7_hoisted_2 = {
+const combobox_multi_selectvue_type_template_id_0291e6d2_hoisted_2 = {
   ref: "chipsWrapper",
   class: "d-ps-absolute d-mx2"
 };
-const combobox_multi_selectvue_type_template_id_43f74cb7_hoisted_3 = {
+const combobox_multi_selectvue_type_template_id_0291e6d2_hoisted_3 = {
   ref: "header"
 };
-const combobox_multi_selectvue_type_template_id_43f74cb7_hoisted_4 = {
+const combobox_multi_selectvue_type_template_id_0291e6d2_hoisted_4 = {
   key: 1,
   class: "d-ta-center d-py16"
 };
-const combobox_multi_selectvue_type_template_id_43f74cb7_hoisted_5 = {
+const combobox_multi_selectvue_type_template_id_0291e6d2_hoisted_5 = {
   ref: "footer"
 };
-function combobox_multi_selectvue_type_template_id_43f74cb7_render(_ctx, _cache, $props, $setup, $data, $options) {
+function combobox_multi_selectvue_type_template_id_0291e6d2_render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_dt_chip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-chip");
 
   const _component_dt_input = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-input");
@@ -16917,7 +17059,7 @@ function combobox_multi_selectvue_type_template_id_43f74cb7_render(_ctx, _cache,
       let {
         onInput
       } = _ref;
-      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_43f74cb7_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_43f74cb7_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($props.selectedItems, item => {
+      return [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_0291e6d2_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("span", combobox_multi_selectvue_type_template_id_0291e6d2_hoisted_2, [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(true), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)(external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.Fragment, null, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderList)($props.selectedItems, item => {
         return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_chip, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
           ref_for: true,
           ref: "chips",
@@ -16957,19 +17099,19 @@ function combobox_multi_selectvue_type_template_id_43f74cb7_render(_ctx, _cache,
       onMousedown: _cache[1] || (_cache[1] = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)(() => {}, ["prevent"]))
     }, [!$props.loading ? (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "list", {
       key: 0
-    }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", combobox_multi_selectvue_type_template_id_43f74cb7_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.loadingMessage), 1))], 544)]),
+    }) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", combobox_multi_selectvue_type_template_id_0291e6d2_hoisted_4, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.loadingMessage), 1))], 544)]),
     _: 2
   }, [_ctx.$slots.header ? {
     name: "header",
-    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_43f74cb7_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 512)]),
+    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_0291e6d2_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")], 512)]),
     key: "0"
   } : undefined, _ctx.$slots.footer ? {
     name: "footer",
-    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_43f74cb7_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 512)]),
+    fn: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", combobox_multi_selectvue_type_template_id_0291e6d2_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footer")], 512)]),
     key: "1"
   } : undefined]), 1032, ["show-list", "max-height", "popover-offset", "has-suggestion-list", "onSelect"]);
 }
-;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=43f74cb7
+;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=template&id=0291e6d2
 
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/combobox_multi_select_story_constants.js
 // The item list for default story
@@ -17069,7 +17211,9 @@ const MULTI_SELECT_SIZES = {
   DEFAULT: 'md'
 };
 ;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/comboboxes/combobox_multi_select/combobox_multi_select.vue?vue&type=script&lang=js
-/* eslint-disable max-lines */
+
+
+
 
 
 
@@ -17500,100 +17644,53 @@ const MULTI_SELECT_SIZES = {
 
 
 ;
-const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_multi_selectvue_type_script_lang_js, [['render',combobox_multi_selectvue_type_template_id_43f74cb7_render]])
+const combobox_multi_select_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(combobox_multi_selectvue_type_script_lang_js, [['render',combobox_multi_selectvue_type_template_id_0291e6d2_render]])
 
 /* harmony default export */ const combobox_multi_select = (combobox_multi_select_exports_);
 ;// CONCATENATED MODULE: ./recipes/comboboxes/combobox_multi_select/index.js
 
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=38fc10e0
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=217368f3
 
-const contact_infovue_type_template_id_38fc10e0_hoisted_1 = {
-  class: "d-ps-relative",
-  "data-qa": "contact-info-left"
-};
-const contact_infovue_type_template_id_38fc10e0_hoisted_2 = ["src", "alt"];
-const contact_infovue_type_template_id_38fc10e0_hoisted_3 = {
-  "data-qa": "contact-info-header"
-};
-const contact_infovue_type_template_id_38fc10e0_hoisted_4 = {
-  "data-qa": "contact-info-subtitle"
-};
-const contact_infovue_type_template_id_38fc10e0_hoisted_5 = {
-  "data-qa": "contact-info-bottom"
-};
-const contact_infovue_type_template_id_38fc10e0_hoisted_6 = {
-  "data-qa": "contact-info-right"
-};
-function contact_infovue_type_template_id_38fc10e0_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_dt_avatar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-avatar");
+function callbar_buttonvue_type_template_id_217368f3_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
 
-  const _component_dt_list_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-list-item");
+  const _component_dt_tooltip = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-tooltip");
 
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_list_item, {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_tooltip, {
     id: $props.id,
-    role: $props.role,
-    "element-type": "div",
-    "data-qa": "contact-info"
+    offset: [0, -12]
   }, {
-    left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_38fc10e0_hoisted_1, [$props.avatarSrc ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_avatar, {
-      key: 0,
-      size: "lg"
-    }, {
-      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("img", {
-        "data-qa": "dt-contact-avatar",
-        src: $props.avatarSrc,
-        alt: $props.avatarInitials
-      }, null, 8, contact_infovue_type_template_id_38fc10e0_hoisted_2)]),
-      _: 1
-    })) : $props.avatarInitials ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_avatar, {
-      key: 1,
-      kind: "initials",
-      size: "lg",
-      color: $props.avatarColor
+    anchor: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
+      importance: $props.circle ? 'outlined' : 'clear',
+      kind: "muted",
+      "icon-position": "top",
+      disabled: $props.disabled,
+      "aria-label": $props.ariaLabel,
+      "label-class": "d-fs11",
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)($options.callbarButtonClass)
     }, {
-      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.avatarInitials), 1)]),
-      _: 1
-    }, 8, ["color"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.showUserStatus ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
-      key: 2,
-      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-ba', 'd-bc-white', 'd-baw2', 'd-bar2', 'd-ps-absolute', 'd-bn1', 'd-rn1', 'd-w20p', 'd-h20p', $data.USER_STATUS_COLOR_MODIFIERS[$props.userStatusColor]]),
-      "data-qa": "contact-info-user-status"
-    }, "   ", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]),
-    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_38fc10e0_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")])]),
-    subtitle: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_38fc10e0_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "subtitle")])]),
-    bottom: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_38fc10e0_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "bottom")])]),
-    right: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_38fc10e0_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "right")])]),
+      icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon")]),
+      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")]),
+      _: 3
+    }, 8, ["importance", "disabled", "aria-label", "class"])]),
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "tooltip")]),
     _: 3
-  }, 8, ["id", "role"]);
+  }, 8, ["id"]);
 }
-;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=38fc10e0
+;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=template&id=217368f3
 
-;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
-const USER_STATUS_COLOR_MODIFIERS = {
-  none: '',
-  green: 'd-bgc-green-400',
-  yellow: 'd-bgc-yellow-400',
-  red: 'd-bgc-red-400'
-};
-/* harmony default export */ const contact_info_constants = ({
-  USER_STATUS_COLOR_MODIFIERS
-});
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=script&lang=js
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js
 
 
 
-/* harmony default export */ const contact_infovue_type_script_lang_js = ({
-  name: 'DtRecipeContactInfo',
+/* harmony default export */ const callbar_buttonvue_type_script_lang_js = ({
+  name: 'DtRecipeCallbarButton',
   components: {
-    DtAvatar: avatar,
-    DtListItem: list_item
+    DtButton: button_button,
+    DtTooltip: tooltip
   },
-
-  /* inheritAttrs: false is generally an option we want to set on library
-    components. This allows any attributes passed in that are not recognized
-    as props to be passed down to another element or component using v-bind:$attrs
-    more info: https://vuejs.org/v2/api/#inheritAttrs */
-  // inheritAttrs: false,
+  inheritAttrs: true,
   props: {
     /**
      * Id for the item.
@@ -17608,95 +17705,561 @@ const USER_STATUS_COLOR_MODIFIERS = {
     },
 
     /**
-     * String to use for the item's role.
+     * Determines whether the button should have active styling
+     * default is false.
+     * @values true, false
+     * @see https://dialpad.design/components/button/
      */
-    role: {
-      type: String,
-      default: ''
+    active: {
+      type: Boolean,
+      default: false
     },
 
     /**
-     * Optional avatar image url.
+     * Determines whether the button should have danger styling
+     * default is false.
+     * @values true, false
+     * @see https://dialpad.design/components/button/
      */
-    avatarSrc: {
-      type: String,
-      default: ''
+    danger: {
+      type: Boolean,
+      default: false
     },
 
     /**
-     * Initial letters to display in avatar if `avatarSrc` is empty.
+     * Determines whether the button should be disabled
+     * default is false.
+     * @values true, false
      */
-    avatarInitials: {
-      type: String,
-      default: ''
+    disabled: {
+      type: Boolean,
+      default: false
     },
 
     /**
-     * Background color of initials letters in avatar.
+     * Whether the button is a circle or not.
+     * @values true, false
+     * @see https://dialpad.design/components/button/
      */
-    avatarColor: {
-      type: String,
-      default: 'base',
-      validator: color => Object.keys(AVATAR_COLOR_MODIFIERS).includes(color)
+    circle: {
+      type: Boolean,
+      default: false
     },
 
     /**
-     * Status color of user from contact.
+     * Aria label for the button. If empty, it takes its value from the default slot.
      */
-    userStatusColor: {
+    ariaLabel: {
       type: String,
-      default: 'none',
-      validator: color => Object.keys(USER_STATUS_COLOR_MODIFIERS).includes(color)
+      default: null,
+      validator: label => {
+        return label || undefined.$slots.default;
+      }
     }
   },
-
-  data() {
-    return {
-      USER_STATUS_COLOR_MODIFIERS: USER_STATUS_COLOR_MODIFIERS
-    };
-  },
-
   computed: {
-    showUserStatus() {
-      return this.userStatusColor !== 'none';
+    callbarButtonClass() {
+      return ['dt-recipe-callbar-button', 'd-stack4', {
+        'dt-recipe-callbar-button--circle': this.circle,
+        'd-btn--icon-only': this.circle,
+        'dt-recipe-callbar-button--active': this.active,
+        'dt-recipe-callbar-button--danger': this.danger
+      }];
     }
 
   }
 });
-;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=script&lang=js
+;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=script&lang=js
  
-;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=217368f3&lang=less
+var callbar_buttonvue_type_style_index_0_id_217368f3_lang_less = __webpack_require__(580);
+;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue?vue&type=style&index=0&id=217368f3&lang=less
+
+;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/callbar_button.vue
 
 
 
 
 ;
-const contact_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_infovue_type_script_lang_js, [['render',contact_infovue_type_template_id_38fc10e0_render]])
 
-/* harmony default export */ const contact_info = (contact_info_exports_);
-;// CONCATENATED MODULE: ./recipes/list_items/contact_info/index.js
 
+const callbar_button_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(callbar_buttonvue_type_script_lang_js, [['render',callbar_buttonvue_type_template_id_217368f3_render]])
 
-;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=d3832134
+/* harmony default export */ const callbar_button = (callbar_button_exports_);
+;// CONCATENATED MODULE: ./recipes/buttons/callbar_button/index.js
 
-const top_banner_infovue_type_template_id_d3832134_hoisted_1 = {
-  class: "d-top-banner-info__left"
-};
-const top_banner_infovue_type_template_id_d3832134_hoisted_2 = {
-  class: "d-top-banner-info__middle d-my4"
-};
-const top_banner_infovue_type_template_id_d3832134_hoisted_3 = {
-  class: "d-top-banner-info__right d-ta-right"
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=template&id=bd123e44
+
+const callbar_button_with_popovervue_type_template_id_bd123e44_hoisted_1 = {
+  class: "dt-recipe--callbar-button-with-popover--button"
 };
-function top_banner_infovue_type_template_id_d3832134_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
-    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["d-fs11 d-d-flex d-top-banner-info d-jc-space-between d-ai-center", $options.bannerInfoClass]),
-    "data-qa": "banner-info"
-  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", top_banner_infovue_type_template_id_d3832134_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "left")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", top_banner_infovue_type_template_id_d3832134_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", top_banner_infovue_type_template_id_d3832134_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "right")])], 2);
-}
-;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=d3832134
+function callbar_button_with_popovervue_type_template_id_bd123e44_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_recipe_callbar_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-recipe-callbar-button");
 
-;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info_constants.js
+  const _component_icon_arrow_drop_up = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-arrow-drop-up");
+
+  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
+
+  const _component_dt_popover = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-popover");
+
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", callbar_button_with_popovervue_type_template_id_bd123e44_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_recipe_callbar_button, {
+    "aria-label": $props.ariaLabel,
+    disabled: $props.disabled,
+    active: $props.active,
+    danger: $props.danger,
+    class: "dt-recipe--callbar-button-with-popover--main-button",
+    onClick: $options.buttonClick
+  }, {
+    icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "icon")]),
+    tooltip: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "tooltip")]),
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")]),
+    _: 3
+  }, 8, ["aria-label", "disabled", "active", "danger", "onClick"]), !$props.disabled ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_popover, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    key: 0,
+    id: $props.id,
+    disabled: $props.disabled,
+    open: $data.open,
+    placement: $props.placement,
+    "initial-focus-element": $props.initialFocusElement,
+    "show-close-button": $props.showCloseButton,
+    padding: "none",
+    class: "dt-recipe--callbar-button-with-popover--popover-wrapper",
+    "dialog-class": "d-h464 d-w512 dt-recipe--callbar-button-with-popover--popover",
+    "header-class": "d-d-flex d-ai-center d-fw-normal d-px12"
+  }, _ctx.$attrs, {
+    onOpened: $options.onModalIsOpened
+  }), {
+    anchor: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
+      circle: "",
+      importance: "clear",
+      size: "lg",
+      class: "dt-recipe--callbar-button-with-popover--arrow",
+      "aria-label": $props.arrowButtonLabel,
+      active: $data.open,
+      onClick: $options.arrowClick
+    }, {
+      icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_icon_arrow_drop_up, {
+        class: "d-svg--size-16"
+      })]),
+      _: 1
+    }, 8, ["aria-label", "active", "onClick"])]),
+    content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content")]),
+    headerContent: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "headerContent")]),
+    footerContent: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "footerContent")]),
+    _: 3
+  }, 16, ["id", "disabled", "open", "placement", "initial-focus-element", "show-close-button", "onOpened"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)]);
+}
+;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=template&id=bd123e44
+
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDropUp.vue?vue&type=template&id=65ee6042
+
+
+const IconArrowDropUpvue_type_template_id_65ee6042_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Arrow Drop Up",
+  class: "d-svg d-svg--system d-svg__arrowDropUp",
+  viewBox: "0 0 24 24"
+}
+const IconArrowDropUpvue_type_template_id_65ee6042_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "m7 14 5-5 5 5H7Z" }, null, -1)
+const IconArrowDropUpvue_type_template_id_65ee6042_hoisted_3 = [
+  IconArrowDropUpvue_type_template_id_65ee6042_hoisted_2
+]
+
+function IconArrowDropUpvue_type_template_id_65ee6042_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconArrowDropUpvue_type_template_id_65ee6042_hoisted_1, IconArrowDropUpvue_type_template_id_65ee6042_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDropUp.vue?vue&type=template&id=65ee6042
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconArrowDropUp.vue
+
+const IconArrowDropUp_script = {}
+
+;
+const IconArrowDropUp_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconArrowDropUp_script, [['render',IconArrowDropUpvue_type_template_id_65ee6042_render]])
+
+/* harmony default export */ const IconArrowDropUp = (IconArrowDropUp_exports_);
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ const callbar_button_with_popovervue_type_script_lang_js = ({
+  name: 'DtRecipeCallbarButtonWithPopover',
+  components: {
+    DtRecipeCallbarButton: callbar_button,
+    DtPopover: popover,
+    DtButton: button_button,
+    IconArrowDropUp: IconArrowDropUp
+  },
+
+  /* inheritAttrs: false is generally an option we want to set on library
+    components. This allows any attributes passed in that are not recognized
+    as props to be passed down to another element or component using v-bind:$attrs
+    more info: https://vuejs.org/v2/api/#inheritAttrs */
+  inheritAttrs: false,
+  props: {
+    /**
+     * Id for the item.
+     */
+    id: {
+      type: String,
+
+      default() {
+        return utils.getUniqueString();
+      }
+
+    },
+
+    /**
+     * Aria label for the button. If empty, it takes its value from the default slot.
+     */
+    ariaLabel: {
+      type: String,
+      default: null,
+      validator: label => {
+        return label || undefined.$slots.default;
+      }
+    },
+
+    /**
+     * Aria label for the arrow. Cannot be empty.
+     */
+    arrowButtonLabel: {
+      type: String,
+      required: true,
+      validator: label => {
+        return !!label;
+      }
+    },
+
+    /**
+     * The direction the popover displays relative to the anchor.
+     * @values 'bottom', 'bottom-start', 'bottom-end',
+     *         'right', 'right-start', 'right-end',
+     *         'left', 'left-start', 'left-end',
+     *         'top', 'top-start', 'top-end'
+     * @default 'top'
+     */
+    placement: {
+      type: String,
+      default: 'top'
+    },
+
+    /**
+     * The element that is focused when the popover is opened. This can be an
+     * HTMLElement within the popover, a string starting with '#' which will
+     * find the element by ID. 'first' which will automatically focus
+     * the first element, or 'dialog' which will focus the dialog window itself.
+     * If the dialog is modal this prop cannot be 'none'.
+     */
+    initialFocusElement: {
+      type: String,
+      default: 'first'
+    },
+
+    /**
+     * Determines visibility for close button
+     */
+    showCloseButton: {
+      type: Boolean,
+      default: true
+    },
+
+    /**
+     * Determines whether the button should be disabled
+     * default is false.
+     * @values true, false
+     */
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Determines whether the button should have active styling
+     * default is false.
+     * @values true, false
+     * @see https://dialpad.design/components/button/
+     */
+    active: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Determines whether the button should have danger styling
+     * default is false.
+     * @values true, false
+     * @see https://dialpad.design/components/button/
+     */
+    danger: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * We need this declaration because of how Vue3 informs the component about a listener.
+     * Spoiler alert: it doesn't.
+     * Vue3 intends to work as a real pub-sub, meaning the publisher has not a clue of who the subscribers are.
+     * This makes it impossible from the regular declaration (emits: ['click']) to check whether
+     * we actually have a click handler or not.
+     * We're hacking it by adding an onClick prop: https://github.com/vuejs/core/issues/5220
+    */
+
+    /* eslint-disable-next-line vue/no-unused-properties */
+    onClick: {
+      type: Function,
+      default: null
+    }
+  },
+  emits: [
+  /**
+   * Emitted when the arrow is clicked
+   */
+  'arrowClick', 'click'],
+
+  data() {
+    return {
+      open: false
+    };
+  },
+
+  methods: {
+    arrowClick(ev) {
+      this.$emit('arrowClick', ev);
+      return this.open = !this.open;
+    },
+
+    buttonClick(ev) {
+      // If no listener for the click event, the button click opens the popover
+      // the same as if the arrow was clicked.
+      if (!this.$props.onClick) {
+        this.arrowClick(ev);
+      } else {
+        this.$emit('click', ev);
+      }
+    },
+
+    onModalIsOpened(isOpened) {
+      this.open = isOpened;
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=style&index=0&id=bd123e44&lang=less
+var callbar_button_with_popovervue_type_style_index_0_id_bd123e44_lang_less = __webpack_require__(68);
+;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue?vue&type=style&index=0&id=bd123e44&lang=less
+
+;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/callbar_button_with_popover.vue
+
+
+
+
+;
+
+
+const callbar_button_with_popover_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(callbar_button_with_popovervue_type_script_lang_js, [['render',callbar_button_with_popovervue_type_template_id_bd123e44_render]])
+
+/* harmony default export */ const callbar_button_with_popover = (callbar_button_with_popover_exports_);
+;// CONCATENATED MODULE: ./recipes/buttons/callbar_button_with_popover/index.js
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=466e560c
+
+const contact_infovue_type_template_id_466e560c_hoisted_1 = {
+  class: "d-ps-relative",
+  "data-qa": "contact-info-left"
+};
+const contact_infovue_type_template_id_466e560c_hoisted_2 = ["src", "alt"];
+const contact_infovue_type_template_id_466e560c_hoisted_3 = {
+  "data-qa": "contact-info-header"
+};
+const contact_infovue_type_template_id_466e560c_hoisted_4 = {
+  "data-qa": "contact-info-subtitle"
+};
+const contact_infovue_type_template_id_466e560c_hoisted_5 = {
+  "data-qa": "contact-info-bottom"
+};
+const contact_infovue_type_template_id_466e560c_hoisted_6 = {
+  "data-qa": "contact-info-right"
+};
+function contact_infovue_type_template_id_466e560c_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_avatar = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-avatar");
+
+  const _component_dt_list_item = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-list-item");
+
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_list_item, {
+    id: $props.id,
+    role: $props.role,
+    "element-type": "div",
+    "data-qa": "contact-info"
+  }, {
+    left: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_466e560c_hoisted_1, [$props.avatarSrc ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_avatar, {
+      key: 0,
+      size: "lg"
+    }, {
+      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("img", {
+        "data-qa": "dt-contact-avatar",
+        src: $props.avatarSrc,
+        alt: $props.avatarInitials
+      }, null, 8, contact_infovue_type_template_id_466e560c_hoisted_2)]),
+      _: 1
+    })) : $props.avatarInitials ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)(_component_dt_avatar, {
+      key: 1,
+      kind: "initials",
+      size: "lg",
+      color: $props.avatarColor
+    }, {
+      default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createTextVNode)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.avatarInitials), 1)]),
+      _: 1
+    }, 8, ["color"])) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true), $options.showUserStatus ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+      key: 2,
+      class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(['d-ba', 'd-bc-white', 'd-baw2', 'd-bar2', 'd-ps-absolute', 'd-bn1', 'd-rn1', 'd-w20p', 'd-h20p', $data.USER_STATUS_COLOR_MODIFIERS[$props.userStatusColor]]),
+      "data-qa": "contact-info-user-status"
+    }, "   ", 2)) : (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createCommentVNode)("", true)])]),
+    default: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_466e560c_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "header")])]),
+    subtitle: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_466e560c_hoisted_4, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "subtitle")])]),
+    bottom: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_466e560c_hoisted_5, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "bottom")])]),
+    right: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", contact_infovue_type_template_id_466e560c_hoisted_6, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "right")])]),
+    _: 3
+  }, 8, ["id", "role"]);
+}
+;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=template&id=466e560c
+
+;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info_constants.js
+const USER_STATUS_COLOR_MODIFIERS = {
+  none: '',
+  green: 'd-bgc-green-400',
+  yellow: 'd-bgc-yellow-400',
+  red: 'd-bgc-red-400'
+};
+/* harmony default export */ const contact_info_constants = ({
+  USER_STATUS_COLOR_MODIFIERS
+});
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/list_items/contact_info/contact_info.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ const contact_infovue_type_script_lang_js = ({
+  name: 'DtRecipeContactInfo',
+  components: {
+    DtAvatar: avatar,
+    DtListItem: list_item
+  },
+
+  /* inheritAttrs: false is generally an option we want to set on library
+    components. This allows any attributes passed in that are not recognized
+    as props to be passed down to another element or component using v-bind:$attrs
+    more info: https://vuejs.org/v2/api/#inheritAttrs */
+  // inheritAttrs: false,
+  props: {
+    /**
+     * Id for the item.
+     */
+    id: {
+      type: String,
+
+      default() {
+        return utils.getUniqueString();
+      }
+
+    },
+
+    /**
+     * String to use for the item's role.
+     */
+    role: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Optional avatar image url.
+     */
+    avatarSrc: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Initial letters to display in avatar if `avatarSrc` is empty.
+     */
+    avatarInitials: {
+      type: String,
+      default: ''
+    },
+
+    /**
+     * Background color of initials letters in avatar.
+     */
+    avatarColor: {
+      type: String,
+      default: 'base',
+      validator: color => Object.keys(AVATAR_COLOR_MODIFIERS).includes(color)
+    },
+
+    /**
+     * Status color of user from contact.
+     */
+    userStatusColor: {
+      type: String,
+      default: 'none',
+      validator: color => Object.keys(USER_STATUS_COLOR_MODIFIERS).includes(color)
+    }
+  },
+
+  data() {
+    return {
+      USER_STATUS_COLOR_MODIFIERS: USER_STATUS_COLOR_MODIFIERS
+    };
+  },
+
+  computed: {
+    showUserStatus() {
+      return this.userStatusColor !== 'none';
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue?vue&type=script&lang=js
+ 
+;// CONCATENATED MODULE: ./recipes/list_items/contact_info/contact_info.vue
+
+
+
+
+;
+const contact_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(contact_infovue_type_script_lang_js, [['render',contact_infovue_type_template_id_466e560c_render]])
+
+/* harmony default export */ const contact_info = (contact_info_exports_);
+;// CONCATENATED MODULE: ./recipes/list_items/contact_info/index.js
+
+
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=d3832134
+
+const top_banner_infovue_type_template_id_d3832134_hoisted_1 = {
+  class: "d-top-banner-info__left"
+};
+const top_banner_infovue_type_template_id_d3832134_hoisted_2 = {
+  class: "d-top-banner-info__middle d-my4"
+};
+const top_banner_infovue_type_template_id_d3832134_hoisted_3 = {
+  class: "d-top-banner-info__right d-ta-right"
+};
+function top_banner_infovue_type_template_id_d3832134_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["d-fs11 d-d-flex d-top-banner-info d-jc-space-between d-ai-center", $options.bannerInfoClass]),
+    "data-qa": "banner-info"
+  }, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", top_banner_infovue_type_template_id_d3832134_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "left")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", top_banner_infovue_type_template_id_d3832134_hoisted_2, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "default")]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", top_banner_infovue_type_template_id_d3832134_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "right")])], 2);
+}
+;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info.vue?vue&type=template&id=d3832134
+
+;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/top_banner_info_constants.js
 const COLOR_CODES = ['green400', 'green200', 'red200', 'red100', 'yellow200', 'yellow400', 'yellow050', 'black100', 'white'];
 /* harmony default export */ const top_banner_info_constants = ({
   COLOR_CODES
@@ -17754,6 +18317,527 @@ const top_banner_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(to
 ;// CONCATENATED MODULE: ./recipes/notices/top_banner_info/index.js
 
 
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/cards/ivr_node/ivr_node.vue?vue&type=template&id=6ffb5756
+
+const ivr_nodevue_type_template_id_6ffb5756_hoisted_1 = {
+  class: "d-d-flex d-ai-center"
+};
+const ivr_nodevue_type_template_id_6ffb5756_hoisted_2 = {
+  class: "d-fs14 d-fw-bold",
+  "data-qa": "ivr-node-label"
+};
+const ivr_nodevue_type_template_id_6ffb5756_hoisted_3 = {
+  class: "d-w164"
+};
+function ivr_nodevue_type_template_id_6ffb5756_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_dt_button = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-button");
+
+  const _component_icon_menu_vertical = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("icon-menu-vertical");
+
+  const _component_dt_dropdown = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-dropdown");
+
+  const _component_dt_card = (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveComponent)("dt-card");
+
+  return (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.mergeProps)({
+    class: "d-d-flex d-fd-column d-ai-center d-c-pointer ivr_node__width"
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toHandlers)($options.nodeListeners, true)), [$props.dtmfKey ? ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+    key: 0,
+    "data-qa": "dt-top-connector-dtmf",
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["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", {
+      'd-mbn16': $props.isSelected
+    }])
+  }, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.dtmfKey), 3)) : ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("div", {
+    key: 1,
+    "data-qa": "dt-top-connector",
+    class: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.normalizeClass)(["d-zi-base1 d-d-flex d-w8 d-h8 d-bar-circle d-bc-purple-800 d-bgc-purple-800 d-mbn4", {
+      'd-mbn8': $props.isSelected
+    }])
+  }, null, 2)), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_card, {
+    "content-class": "d-bt d-bc-black-075 d-px12 d-pt8 d-pb12",
+    "container-class": ['d-w100p', {
+      'd-ba d-bar8 d-baw4': $props.isSelected
+    }, $options.headerColor],
+    "header-class": ['d-mtn1', 'd-bt', 'd-btw4', 'd-p0', $options.headerColor, {
+      'd-btr4': !$props.isSelected
+    }]
+  }, {
+    header: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ivr_nodevue_type_template_id_6ffb5756_hoisted_1, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
+      "aria-label": $props.nodeType,
+      importance: "clear",
+      "data-qa": "dt-ivr-node-icon"
+    }, {
+      icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createBlock)((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.resolveDynamicComponent)($options.nodeIcon), {
+        class: "d-fc-black-900"
+      }))]),
+      _: 1
+    }, 8, ["aria-label"]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("p", ivr_nodevue_type_template_id_6ffb5756_hoisted_2, (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.toDisplayString)($props.nodeLabel), 1)]), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_dropdown, {
+      open: $data.isOpen,
+      "onUpdate:open": _cache[0] || (_cache[0] = $event => $data.isOpen = $event),
+      placement: "bottom"
+    }, {
+      anchor: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_dt_button, {
+        importance: "clear",
+        "aria-label": $props.menuButtonAriaLabel,
+        onClick: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withModifiers)($options.openMenu, ["stop", "prevent"])
+      }, {
+        icon: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createVNode)(_component_icon_menu_vertical, {
+          class: "d-fc-black-900"
+        })]),
+        _: 1
+      }, 8, ["aria-label", "onClick"])]),
+      list: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("div", ivr_nodevue_type_template_id_6ffb5756_hoisted_3, [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "menuItems")])]),
+      _: 3
+    }, 8, ["open"])]),
+    content: (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.withCtx)(() => [(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.renderSlot)(_ctx.$slots, "content")]),
+    _: 3
+  }, 8, ["container-class", "header-class"])], 16);
+}
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue?vue&type=template&id=6ffb5756
+
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconMenuVertical.vue?vue&type=template&id=7bb36528
+
+
+const IconMenuVerticalvue_type_template_id_7bb36528_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Menu Vertical",
+  class: "d-svg d-svg--system d-svg__menuVertical",
+  viewBox: "0 0 24 24"
+}
+const IconMenuVerticalvue_type_template_id_7bb36528_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z" }, null, -1)
+const IconMenuVerticalvue_type_template_id_7bb36528_hoisted_3 = [
+  IconMenuVerticalvue_type_template_id_7bb36528_hoisted_2
+]
+
+function IconMenuVerticalvue_type_template_id_7bb36528_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconMenuVerticalvue_type_template_id_7bb36528_hoisted_1, IconMenuVerticalvue_type_template_id_7bb36528_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconMenuVertical.vue?vue&type=template&id=7bb36528
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconMenuVertical.vue
+
+const IconMenuVertical_script = {}
+
+;
+const IconMenuVertical_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconMenuVertical_script, [['render',IconMenuVerticalvue_type_template_id_7bb36528_render]])
+
+/* harmony default export */ const IconMenuVertical = (IconMenuVertical_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialpad.vue?vue&type=template&id=523e1cca
+
+
+const IconDialpadvue_type_template_id_523e1cca_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Dialpad",
+  class: "d-svg d-svg--system d-svg__dialpad",
+  viewBox: "0 0 24 24"
+}
+const IconDialpadvue_type_template_id_523e1cca_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M6 4c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm12-8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2Zm-6 8c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Zm0-6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2Z" }, null, -1)
+const IconDialpadvue_type_template_id_523e1cca_hoisted_3 = [
+  IconDialpadvue_type_template_id_523e1cca_hoisted_2
+]
+
+function IconDialpadvue_type_template_id_523e1cca_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconDialpadvue_type_template_id_523e1cca_hoisted_1, IconDialpadvue_type_template_id_523e1cca_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialpad.vue?vue&type=template&id=523e1cca
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconDialpad.vue
+
+const IconDialpad_script = {}
+
+;
+const IconDialpad_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconDialpad_script, [['render',IconDialpadvue_type_template_id_523e1cca_render]])
+
+/* harmony default export */ const IconDialpad = (IconDialpad_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneDialer.vue?vue&type=template&id=be0e06dc
+
+
+const IconPhoneDialervue_type_template_id_be0e06dc_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Phone Dialer",
+  class: "d-svg d-svg--system d-svg__phoneDialer",
+  viewBox: "0 0 24 24"
+}
+const IconPhoneDialervue_type_template_id_be0e06dc_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M16.48 14.82c1.11.36 2.3.56 3.53.56.54 0 .99.45.99.99v3.45c0 .55-.28 1.18-.99 1.18C10.73 21 3 13.28 3 3.99 3 3.24 3.65 3 4.19 3h3.46c.54 0 .99.45.99.99 0 1.23.19 2.42.56 3.53.11.35.03.74-.24 1.02L7.01 10.2c1.41 2.93 4.06 5.48 6.89 6.83l1.57-1.97c.27-.27.66-.36 1.01-.24Z" }, null, -1)
+const IconPhoneDialervue_type_template_id_be0e06dc_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M20 6h-8v1h8V6Zm0-2h-8v1h8V4Zm-8 7h4v-1h-4v1Z" }, null, -1)
+const IconPhoneDialervue_type_template_id_be0e06dc_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M12 8h8v1h-8V8Z" }, null, -1)
+const IconPhoneDialervue_type_template_id_be0e06dc_hoisted_5 = [
+  IconPhoneDialervue_type_template_id_be0e06dc_hoisted_2,
+  IconPhoneDialervue_type_template_id_be0e06dc_hoisted_3,
+  IconPhoneDialervue_type_template_id_be0e06dc_hoisted_4
+]
+
+function IconPhoneDialervue_type_template_id_be0e06dc_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconPhoneDialervue_type_template_id_be0e06dc_hoisted_1, IconPhoneDialervue_type_template_id_be0e06dc_hoisted_5))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneDialer.vue?vue&type=template&id=be0e06dc
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneDialer.vue
+
+const IconPhoneDialer_script = {}
+
+;
+const IconPhoneDialer_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconPhoneDialer_script, [['render',IconPhoneDialervue_type_template_id_be0e06dc_render]])
+
+/* harmony default export */ const IconPhoneDialer = (IconPhoneDialer_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconVolumeUp.vue?vue&type=template&id=6e71f4fc
+
+
+const IconVolumeUpvue_type_template_id_6e71f4fc_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Volume Up",
+  class: "d-svg d-svg--system d-svg__volumeUp",
+  viewBox: "0 0 24 24"
+}
+const IconVolumeUpvue_type_template_id_6e71f4fc_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M3 9v6h4l5 5V4L7 9H3Zm13.5 3A4.5 4.5 0 0 0 14 7.97v8.05c1.48-.73 2.5-2.25 2.5-4.02ZM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77 0-4.28-2.99-7.86-7-8.77Z" }, null, -1)
+const IconVolumeUpvue_type_template_id_6e71f4fc_hoisted_3 = [
+  IconVolumeUpvue_type_template_id_6e71f4fc_hoisted_2
+]
+
+function IconVolumeUpvue_type_template_id_6e71f4fc_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconVolumeUpvue_type_template_id_6e71f4fc_hoisted_1, IconVolumeUpvue_type_template_id_6e71f4fc_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconVolumeUp.vue?vue&type=template&id=6e71f4fc
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconVolumeUp.vue
+
+const IconVolumeUp_script = {}
+
+;
+const IconVolumeUp_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconVolumeUp_script, [['render',IconVolumeUpvue_type_template_id_6e71f4fc_render]])
+
+/* harmony default export */ const IconVolumeUp = (IconVolumeUp_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneTransfer.vue?vue&type=template&id=67939a33
+
+
+const IconPhoneTransfervue_type_template_id_67939a33_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Phone Transfer",
+  class: "d-svg d-svg--system d-svg__phoneTransfer",
+  viewBox: "0 0 24 24"
+}
+const IconPhoneTransfervue_type_template_id_67939a33_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M16.48 14.82c1.11.36 2.3.56 3.53.56.54 0 .99.45.99.99v3.45c0 .55-.28 1.18-.99 1.18C10.73 21 3 13.28 3 3.99 3 3.24 3.65 3 4.19 3h3.46c.54 0 .99.45.99.99 0 1.23.19 2.42.56 3.53.11.35.03.74-.24 1.02L7.01 10.2c1.41 2.93 4.06 5.48 6.89 6.83l1.57-1.97c.27-.27.66-.36 1.01-.24Z" }, null, -1)
+const IconPhoneTransfervue_type_template_id_67939a33_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M15.49 4.75V3L13 5.5 15.49 8V6.25H21v-1.5h-5.51Z" }, null, -1)
+const IconPhoneTransfervue_type_template_id_67939a33_hoisted_4 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M18.51 9H13v1.5h5.51v1.75L21 9.75l-2.49-2.5V9Z" }, null, -1)
+const IconPhoneTransfervue_type_template_id_67939a33_hoisted_5 = [
+  IconPhoneTransfervue_type_template_id_67939a33_hoisted_2,
+  IconPhoneTransfervue_type_template_id_67939a33_hoisted_3,
+  IconPhoneTransfervue_type_template_id_67939a33_hoisted_4
+]
+
+function IconPhoneTransfervue_type_template_id_67939a33_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconPhoneTransfervue_type_template_id_67939a33_hoisted_1, IconPhoneTransfervue_type_template_id_67939a33_hoisted_5))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneTransfer.vue?vue&type=template&id=67939a33
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconPhoneTransfer.vue
+
+const IconPhoneTransfer_script = {}
+
+;
+const IconPhoneTransfer_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconPhoneTransfer_script, [['render',IconPhoneTransfervue_type_template_id_67939a33_render]])
+
+/* harmony default export */ const IconPhoneTransfer = (IconPhoneTransfer_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallEndArrow.vue?vue&type=template&id=9ec0258e
+
+
+const IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Call End Arrow",
+  class: "d-svg d-svg--system d-svg__callEndArrow",
+  viewBox: "0 0 24 24"
+}
+const IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M12 7c-1.6 0-3.15.25-4.6.72v3.1c0 .39-.23.74-.56.9-.98.49-1.87 1.12-2.66 1.85-.18.18-.43.28-.7.28-.28 0-.53-.11-.71-.29L.29 11.08a.956.956 0 0 1-.29-.7c0-.28.11-.53.29-.71C3.34 6.78 7.46 5 12 5c4.54 0 8.66 1.78 11.71 4.67.18.18.29.43.29.71 0 .28-.11.53-.29.71l-2.48 2.48c-.18.18-.43.29-.71.29-.27 0-.52-.11-.7-.28a11.27 11.27 0 0 0-2.67-1.85.996.996 0 0 1-.56-.9v-3.1C15.15 7.25 13.6 7 12 7Z" }, null, -1)
+const IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_3 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M15.59 16.09 13 18.67V11h-2v7.67l-2.59-2.58L7 17.5l5 5 5-5-1.41-1.41Z" }, null, -1)
+const IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_4 = [
+  IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_2,
+  IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_3
+]
+
+function IconCallEndArrowvue_type_template_id_9ec0258e_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_1, IconCallEndArrowvue_type_template_id_9ec0258e_hoisted_4))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallEndArrow.vue?vue&type=template&id=9ec0258e
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallEndArrow.vue
+
+const IconCallEndArrow_script = {}
+
+;
+const IconCallEndArrow_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconCallEndArrow_script, [['render',IconCallEndArrowvue_type_template_id_9ec0258e_render]])
+
+/* harmony default export */ const IconCallEndArrow = (IconCallEndArrow_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallMerge.vue?vue&type=template&id=2c6dac0e
+
+
+const IconCallMergevue_type_template_id_2c6dac0e_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Call Merge",
+  class: "d-svg d-svg--system d-svg__callMerge",
+  viewBox: "0 0 24 24"
+}
+const IconCallMergevue_type_template_id_2c6dac0e_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M17 20.41 18.41 19 15 15.59 13.59 17 17 20.41ZM7.5 8H11v5.59L5.59 19 7 20.41l6-6V8h3.5L12 3.5 7.5 8Z" }, null, -1)
+const IconCallMergevue_type_template_id_2c6dac0e_hoisted_3 = [
+  IconCallMergevue_type_template_id_2c6dac0e_hoisted_2
+]
+
+function IconCallMergevue_type_template_id_2c6dac0e_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconCallMergevue_type_template_id_2c6dac0e_hoisted_1, IconCallMergevue_type_template_id_2c6dac0e_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallMerge.vue?vue&type=template&id=2c6dac0e
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconCallMerge.vue
+
+const IconCallMerge_script = {}
+
+;
+const IconCallMerge_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconCallMerge_script, [['render',IconCallMergevue_type_template_id_2c6dac0e_render]])
+
+/* harmony default export */ const IconCallMerge = (IconCallMerge_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconExpertNode.vue?vue&type=template&id=7bb944b9
+
+
+const IconExpertNodevue_type_template_id_7bb944b9_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Expert Node",
+  class: "d-svg d-svg--system d-svg__expertNode",
+  viewBox: "0 0 24 24"
+}
+const IconExpertNodevue_type_template_id_7bb944b9_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", { d: "M18 5H6a1 1 0 0 0-1 1v4.25c0 .414.336.75.75.75h5.42L9.126 8.946l1.41-1.41L15 12l-4.464 4.465-1.41-1.41L11.17 13H5.25A2.25 2.25 0 0 1 3 10.75V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3v-3h2v3a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V6a1 1 0 0 0-1-1Z" }, null, -1)
+const IconExpertNodevue_type_template_id_7bb944b9_hoisted_3 = [
+  IconExpertNodevue_type_template_id_7bb944b9_hoisted_2
+]
+
+function IconExpertNodevue_type_template_id_7bb944b9_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconExpertNodevue_type_template_id_7bb944b9_hoisted_1, IconExpertNodevue_type_template_id_7bb944b9_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconExpertNode.vue?vue&type=template&id=7bb944b9
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconExpertNode.vue
+
+const IconExpertNode_script = {}
+
+;
+const IconExpertNode_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconExpertNode_script, [['render',IconExpertNodevue_type_template_id_7bb944b9_render]])
+
+/* harmony default export */ const IconExpertNode = (IconExpertNode_exports_);
+;// CONCATENATED MODULE: ./node_modules/vue-loader/dist/templateLoader.js??ruleSet[1].rules[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconBranch.vue?vue&type=template&id=71269722
+
+
+const IconBranchvue_type_template_id_71269722_hoisted_1 = {
+  "aria-hidden": "true",
+  focusable: "false",
+  "aria-label": "Branch",
+  class: "d-svg d-svg--system d-svg__branch",
+  viewBox: "0 0 24 24"
+}
+const IconBranchvue_type_template_id_71269722_hoisted_2 = /*#__PURE__*/(0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementVNode)("path", {
+  "fill-rule": "evenodd",
+  "clip-rule": "evenodd",
+  d: "M13 7.83a3.001 3.001 0 1 0-2 0V10H7a3 3 0 0 0-3 3v.17a3.001 3.001 0 1 0 2 0V13a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v3.17a3.001 3.001 0 1 0 2 0V13a3 3 0 0 0-3-3h-4V7.83ZM13 5a1 1 0 1 1-2 0 1 1 0 0 1 2 0ZM5 17a1 1 0 1 0 0-2 1 1 0 0 0 0 2Zm15 2a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"
+}, null, -1)
+const IconBranchvue_type_template_id_71269722_hoisted_3 = [
+  IconBranchvue_type_template_id_71269722_hoisted_2
+]
+
+function IconBranchvue_type_template_id_71269722_render(_ctx, _cache) {
+  return ((0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.openBlock)(), (0,external_commonjs_vue_commonjs2_vue_root_Vue_namespaceObject.createElementBlock)("svg", IconBranchvue_type_template_id_71269722_hoisted_1, IconBranchvue_type_template_id_71269722_hoisted_3))
+}
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconBranch.vue?vue&type=template&id=71269722
+
+;// CONCATENATED MODULE: ./node_modules/@dialpad/dialtone/lib/dist/vue/icons/IconBranch.vue
+
+const IconBranch_script = {}
+
+;
+const IconBranch_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(IconBranch_script, [['render',IconBranchvue_type_template_id_71269722_render]])
+
+/* harmony default export */ const IconBranch = (IconBranch_exports_);
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node_constants.js
+
+
+
+
+
+
+
+
+const IVR_NODE_PROMPT_MENU = 'promptmenu';
+const IVR_NODE_PROMPT_COLLECT = 'promptcollect';
+const IVR_NODE_PROMPT_PLAY = 'promptplay';
+const IVR_NODE_EXPERT = 'gotoexpert';
+const IVR_NODE_GO_TO = 'goto';
+const IVR_NODE_BRANCH = 'branch';
+const IVR_NODE_TRANSFER = 'transfer';
+const IVR_NODE_HANGUP = 'hangup';
+const IVR_NODE_ICON_TYPES = {
+  [IVR_NODE_PROMPT_MENU]: IconDialpad,
+  [IVR_NODE_PROMPT_COLLECT]: IconPhoneDialer,
+  [IVR_NODE_PROMPT_PLAY]: IconVolumeUp,
+  [IVR_NODE_EXPERT]: IconExpertNode,
+  [IVR_NODE_BRANCH]: IconBranch,
+  [IVR_NODE_GO_TO]: IconCallMerge,
+  [IVR_NODE_TRANSFER]: IconPhoneTransfer,
+  [IVR_NODE_HANGUP]: IconCallEndArrow
+};
+const IVR_NODE_LABELS = {
+  [IVR_NODE_PROMPT_MENU]: 'Menu',
+  [IVR_NODE_PROMPT_COLLECT]: 'Collect',
+  [IVR_NODE_PROMPT_PLAY]: 'Play',
+  [IVR_NODE_EXPERT]: 'Expert',
+  [IVR_NODE_BRANCH]: 'Branch',
+  [IVR_NODE_GO_TO]: 'Go-to',
+  [IVR_NODE_TRANSFER]: 'Transfer',
+  [IVR_NODE_HANGUP]: 'Hangup'
+};
+const IVR_NODE_COLORS = {
+  PROMPT: {
+    normal: 'prompt_node_border_color',
+    selected: 'prompt_node_border_color__selected'
+  },
+  LOGIC: {
+    normal: 'd-bc-purple-200',
+    selected: 'd-bc-purple-500'
+  },
+  TERMINAL: {
+    normal: 'd-bc-red-200',
+    selected: 'd-bc-red-400'
+  }
+};
+const IVR_NODE_COLOR_MAPPING = {
+  [IVR_NODE_PROMPT_MENU]: IVR_NODE_COLORS.PROMPT,
+  [IVR_NODE_PROMPT_COLLECT]: IVR_NODE_COLORS.PROMPT,
+  [IVR_NODE_PROMPT_PLAY]: IVR_NODE_COLORS.PROMPT,
+  [IVR_NODE_EXPERT]: IVR_NODE_COLORS.LOGIC,
+  [IVR_NODE_BRANCH]: IVR_NODE_COLORS.LOGIC,
+  [IVR_NODE_GO_TO]: IVR_NODE_COLORS.LOGIC,
+  [IVR_NODE_TRANSFER]: IVR_NODE_COLORS.TERMINAL,
+  [IVR_NODE_HANGUP]: IVR_NODE_COLORS.TERMINAL
+};
+;// CONCATENATED MODULE: ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-40.use[1]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/cards/ivr_node/ivr_node.vue?vue&type=script&lang=js
+
+
+
+
+
+/* harmony default export */ const ivr_nodevue_type_script_lang_js = ({
+  name: 'DtRecipeIvrNode',
+  components: {
+    DtCard: card,
+    DtButton: button_button,
+    DtDropdown: dropdown,
+    IconMenuVertical: IconMenuVertical
+  },
+  props: {
+    /**
+     * type of IVR Node.
+     */
+    nodeType: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * Descriptive label for the node name.
+     */
+    nodeLabel: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * Selected state of the node
+     */
+    isSelected: {
+      type: Boolean,
+      default: false
+    },
+
+    /**
+     * Translated aria-label for header menu button
+     */
+    menuButtonAriaLabel: {
+      type: String,
+      required: true
+    },
+
+    /**
+     * DTMF input
+     */
+    dtmfKey: {
+      type: String,
+      default: null
+    }
+  },
+  emits: [
+  /**
+   * Add node click event
+   *
+   * @event click
+   * @type {PointerEvent | KeyboardEvent}
+   */
+  'click'],
+
+  data() {
+    return {
+      isOpen: false
+    };
+  },
+
+  computed: {
+    nodeListeners() {
+      return {
+        click: e => this.$emit('click', e)
+      };
+    },
+
+    nodeIcon() {
+      return IVR_NODE_ICON_TYPES[this.nodeType];
+    },
+
+    headerColor() {
+      const {
+        normal,
+        selected
+      } = IVR_NODE_COLOR_MAPPING[this.nodeType];
+      return this.isSelected ? selected : normal;
+    }
+
+  },
+  methods: {
+    openMenu() {
+      this.isOpen = true;
+    }
+
+  }
+});
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./node_modules/vue-style-loader/index.js??clonedRuleSet-32.use[0]!./node_modules/css-loader/dist/cjs.js??clonedRuleSet-32.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[2]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-32.use[3]!./node_modules/less-loader/dist/cjs.js??clonedRuleSet-32.use[4]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./recipes/cards/ivr_node/ivr_node.vue?vue&type=style&index=0&id=6ffb5756&lang=less
+var ivr_nodevue_type_style_index_0_id_6ffb5756_lang_less = __webpack_require__(866);
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue?vue&type=style&index=0&id=6ffb5756&lang=less
+
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/ivr_node.vue
+
+
+
+
+;
+
+
+const ivr_node_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(ivr_nodevue_type_script_lang_js, [['render',ivr_nodevue_type_template_id_6ffb5756_render]])
+
+/* harmony default export */ const ivr_node = (ivr_node_exports_);
+;// CONCATENATED MODULE: ./recipes/cards/ivr_node/index.js
+
+
 ;// CONCATENATED MODULE: ./common/mixins/index.js
 
 
@@ -17798,6 +18882,9 @@ const top_banner_info_exports_ = /*#__PURE__*/(0,exportHelper/* default */.Z)(to
 
 
 
+
+
+
  // Mixins
 
  // Constants