@dialpad/dialtone-vue 3.219.0-next.2 → 3.219.0

package/dist/lib/ivr-node/ivr-node.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ivr-node.cjs","sources":["../../../recipes/cards/ivr_node/ivr_node.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-recipe-ivr-node',\n      nodeClass,\n    ]\"\n    v-on=\"nodeListeners\"\n  >\n    <div\n      v-if=\"dtmfKey\"\n      data-qa=\"dt-top-connector-dtmf\"\n      class=\"d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf\"\n      :class=\"{ 'd-recipe-ivr-node__connector-dtmf--selected': isSelected }\"\n    >\n      {{ dtmfKey }}\n    </div>\n    <slot\n      v-if=\"$slots.connector\"\n      name=\"connector\"\n    />\n    <div\n      v-if=\"!dtmfKey && !$slots.connector\"\n      data-qa=\"dt-top-connector\"\n      class=\"d-recipe-ivr-node__connector\"\n      :class=\"{ 'd-recipe-ivr-node__connector--selected': isSelected }\"\n    />\n    <dt-card>\n      <template #header>\n        <!-- node label and icon section on left of the header -->\n        <div class=\"d-recipe-ivr-node__header-left\">\n          <dt-button\n            importance=\"clear\"\n            kind=\"muted\"\n            data-qa=\"dt-ivr-node-icon\"\n            :aria-label=\"nodeAriaLabel\"\n            :title=\"nodeAriaLabel\"\n          >\n            <template #icon>\n              <component\n                :is=\"nodeIcon\"\n                size=\"200\"\n                :class=\"['', { 'd-recipe-ivr-node__goto-icon': isGotoNode }]\"\n              />\n            </template>\n          </dt-button>\n          <p\n            class=\"d-recipe-ivr-node__label\"\n            data-qa=\"ivr-node-label\"\n          >\n            {{ nodeLabel }}\n          </p>\n        </div>\n        <!-- node menu for actions like edit, copy, delete -->\n        <dt-dropdown\n          v-model:open=\"isOpen\"\n          placement=\"bottom\"\n        >\n          <template #anchor>\n            <dt-button\n              importance=\"clear\"\n              kind=\"muted\"\n              :aria-label=\"menuButtonAriaLabel\"\n              :title=\"menuButtonAriaLabel\"\n              @click.stop.prevent=\"openMenu\"\n            >\n              <template #icon>\n                <dt-icon-more-vertical size=\"200\" />\n              </template>\n            </dt-button>\n          </template>\n          <template #list=\"{ close }\">\n            <div class=\"d-recipe-ivr-node__dropdown-list\">\n              <slot\n                name=\"menuItems\"\n                :close=\"close\"\n              />\n            </div>\n          </template>\n        </dt-dropdown>\n      </template>\n      <template #content>\n        <slot name=\"content\" />\n      </template>\n    </dt-card>\n  </div>\n</template>\n\n<script>\nimport { DtCard } from '@/components/card';\nimport { DtButton } from '@/components/button';\nimport { DtDropdown } from '@/components/dropdown';\nimport {\n  DtIconKeypad,\n  DtIconDialer,\n  DtIconVolume2,\n  DtIconExpertNode,\n  DtIconBranch,\n  DtIconCallMerge,\n  DtIconChevronsRight,\n  DtIconTransfer,\n  DtIconPhoneHangUp,\n  DtIconMoreVertical,\n  DtIconListBullet,\n} from '@dialpad/dialtone-icons/vue';\nimport {\n  IVR_NODE_CLASS_MAPPING,\n  IVR_NODE_PROMPT_MENU,\n  IVR_NODE_PROMPT_COLLECT,\n  IVR_NODE_PROMPT_PLAY,\n  IVR_NODE_EXPERT,\n  IVR_NODE_BRANCH,\n  IVR_NODE_GO_TO,\n  IVR_NODE_ASSIGN,\n  IVR_NODE_TRANSFER,\n  IVR_NODE_HANGUP,\n  IVR_NODE_CUSTOMER_DATA,\n} from './ivr_node_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nconst typeToIcon = new Map([\n  [IVR_NODE_PROMPT_MENU, DtIconKeypad],\n  [IVR_NODE_PROMPT_COLLECT, DtIconDialer],\n  [IVR_NODE_PROMPT_PLAY, DtIconVolume2],\n  [IVR_NODE_EXPERT, DtIconExpertNode],\n  [IVR_NODE_BRANCH, DtIconBranch],\n  [IVR_NODE_GO_TO, DtIconCallMerge],\n  [IVR_NODE_ASSIGN, DtIconChevronsRight],\n  [IVR_NODE_CUSTOMER_DATA, DtIconListBullet],\n  [IVR_NODE_TRANSFER, DtIconTransfer],\n  [IVR_NODE_HANGUP, DtIconPhoneHangUp],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeIvrNode',\n\n  components: {\n    DtCard,\n    DtButton,\n    DtDropdown,\n    DtIconKeypad,\n    DtIconDialer,\n    DtIconVolume2,\n    DtIconExpertNode,\n    DtIconBranch,\n    DtIconCallMerge,\n    DtIconChevronsRight,\n    DtIconTransfer,\n    DtIconPhoneHangUp,\n    DtIconMoreVertical,\n    DtIconListBullet,\n  },\n\n  props: {\n\n    /**\n     * type of IVR Node.\n     */\n    nodeType: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the node name.\n     */\n\n    nodeLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Selected state of the node\n     */\n    isSelected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * DTMF input\n     */\n    dtmfKey: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Add node click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    nodeListeners () {\n      return {\n        click: (e) => this.$emit('click', e),\n      };\n    },\n\n    nodeIcon () {\n      return typeToIcon.get(this.nodeType);\n    },\n\n    nodeClass () {\n      const { normal, selected } = IVR_NODE_CLASS_MAPPING[this.nodeType];\n      return this.isSelected ? selected : normal;\n    },\n\n    isGotoNode () {\n      return this.nodeType === IVR_NODE_GO_TO;\n    },\n\n    nodeAriaLabel () {\n      const nodeType = this.nodeType.toUpperCase();\n      return this.i18n.$t(`DIALTONE_IVR_NODE_${nodeType}_ARIA_LABEL`);\n    },\n\n    menuButtonAriaLabel () {\n      return this.i18n.$t('DIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL');\n    },\n  },\n\n  methods: {\n    openMenu () {\n      this.isOpen = true;\n    },\n  },\n};\n</script>\n"],"names":["typeToIcon","IVR_NODE_PROMPT_MENU","DtIconKeypad","IVR_NODE_PROMPT_COLLECT","DtIconDialer","IVR_NODE_PROMPT_PLAY","DtIconVolume2","IVR_NODE_EXPERT","DtIconExpertNode","IVR_NODE_BRANCH","DtIconBranch","IVR_NODE_GO_TO","DtIconCallMerge","IVR_NODE_ASSIGN","DtIconChevronsRight","IVR_NODE_CUSTOMER_DATA","DtIconListBullet","IVR_NODE_TRANSFER","DtIconTransfer","IVR_NODE_HANGUP","DtIconPhoneHangUp","_sfc_main","DtCard","DtButton","DtDropdown","DtIconMoreVertical","DialtoneLocalization","e","normal","selected","IVR_NODE_CLASS_MAPPING","nodeType","_hoisted_1","_hoisted_3","_openBlock","_createElementBlock","_mergeProps","$options","_toHandlers","$props","_normalizeClass","_ctx","_renderSlot","_createVNode","_component_dt_card","_createElementVNode","_component_dt_button","_createBlock","_resolveDynamicComponent","_hoisted_2","_toDisplayString","_component_dt_dropdown","$data","$event","_component_dt_icon_more_vertical","_withCtx","close"],"mappings":"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"}
+{"version":3,"file":"ivr-node.cjs","names":[],"sources":["../../../recipes/cards/ivr_node/ivr_node.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-recipe-ivr-node',\n      nodeClass,\n    ]\"\n    v-on=\"nodeListeners\"\n  >\n    <div\n      v-if=\"dtmfKey\"\n      data-qa=\"dt-top-connector-dtmf\"\n      class=\"d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf\"\n      :class=\"{ 'd-recipe-ivr-node__connector-dtmf--selected': isSelected }\"\n    >\n      {{ dtmfKey }}\n    </div>\n    <slot\n      v-if=\"$slots.connector\"\n      name=\"connector\"\n    />\n    <div\n      v-if=\"!dtmfKey && !$slots.connector\"\n      data-qa=\"dt-top-connector\"\n      class=\"d-recipe-ivr-node__connector\"\n      :class=\"{ 'd-recipe-ivr-node__connector--selected': isSelected }\"\n    />\n    <dt-card>\n      <template #header>\n        <!-- node label and icon section on left of the header -->\n        <div class=\"d-recipe-ivr-node__header-left\">\n          <dt-button\n            importance=\"clear\"\n            kind=\"muted\"\n            data-qa=\"dt-ivr-node-icon\"\n            :aria-label=\"nodeAriaLabel\"\n            :title=\"nodeAriaLabel\"\n          >\n            <template #icon>\n              <component\n                :is=\"nodeIcon\"\n                size=\"200\"\n                :class=\"['', { 'd-recipe-ivr-node__goto-icon': isGotoNode }]\"\n              />\n            </template>\n          </dt-button>\n          <p\n            class=\"d-recipe-ivr-node__label\"\n            data-qa=\"ivr-node-label\"\n          >\n            {{ nodeLabel }}\n          </p>\n        </div>\n        <!-- node menu for actions like edit, copy, delete -->\n        <dt-dropdown\n          v-model:open=\"isOpen\"\n          placement=\"bottom\"\n        >\n          <template #anchor>\n            <dt-button\n              importance=\"clear\"\n              kind=\"muted\"\n              :aria-label=\"menuButtonAriaLabel\"\n              :title=\"menuButtonAriaLabel\"\n              @click.stop.prevent=\"openMenu\"\n            >\n              <template #icon>\n                <dt-icon-more-vertical size=\"200\" />\n              </template>\n            </dt-button>\n          </template>\n          <template #list=\"{ close }\">\n            <div class=\"d-recipe-ivr-node__dropdown-list\">\n              <slot\n                name=\"menuItems\"\n                :close=\"close\"\n              />\n            </div>\n          </template>\n        </dt-dropdown>\n      </template>\n      <template #content>\n        <slot name=\"content\" />\n      </template>\n    </dt-card>\n  </div>\n</template>\n\n<script>\nimport { DtCard } from '@/components/card';\nimport { DtButton } from '@/components/button';\nimport { DtDropdown } from '@/components/dropdown';\nimport {\n  DtIconKeypad,\n  DtIconDialer,\n  DtIconVolume2,\n  DtIconExpertNode,\n  DtIconBranch,\n  DtIconCallMerge,\n  DtIconChevronsRight,\n  DtIconTransfer,\n  DtIconPhoneHangUp,\n  DtIconMoreVertical,\n  DtIconListBullet,\n} from '@dialpad/dialtone-icons/vue3';\nimport {\n  IVR_NODE_CLASS_MAPPING,\n  IVR_NODE_PROMPT_MENU,\n  IVR_NODE_PROMPT_COLLECT,\n  IVR_NODE_PROMPT_PLAY,\n  IVR_NODE_EXPERT,\n  IVR_NODE_BRANCH,\n  IVR_NODE_GO_TO,\n  IVR_NODE_ASSIGN,\n  IVR_NODE_TRANSFER,\n  IVR_NODE_HANGUP,\n  IVR_NODE_CUSTOMER_DATA,\n} from './ivr_node_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nconst typeToIcon = new Map([\n  [IVR_NODE_PROMPT_MENU, DtIconKeypad],\n  [IVR_NODE_PROMPT_COLLECT, DtIconDialer],\n  [IVR_NODE_PROMPT_PLAY, DtIconVolume2],\n  [IVR_NODE_EXPERT, DtIconExpertNode],\n  [IVR_NODE_BRANCH, DtIconBranch],\n  [IVR_NODE_GO_TO, DtIconCallMerge],\n  [IVR_NODE_ASSIGN, DtIconChevronsRight],\n  [IVR_NODE_CUSTOMER_DATA, DtIconListBullet],\n  [IVR_NODE_TRANSFER, DtIconTransfer],\n  [IVR_NODE_HANGUP, DtIconPhoneHangUp],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeIvrNode',\n\n  components: {\n    DtCard,\n    DtButton,\n    DtDropdown,\n    DtIconKeypad,\n    DtIconDialer,\n    DtIconVolume2,\n    DtIconExpertNode,\n    DtIconBranch,\n    DtIconCallMerge,\n    DtIconChevronsRight,\n    DtIconTransfer,\n    DtIconPhoneHangUp,\n    DtIconMoreVertical,\n    DtIconListBullet,\n  },\n\n  props: {\n\n    /**\n     * type of IVR Node.\n     */\n    nodeType: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the node name.\n     */\n\n    nodeLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Selected state of the node\n     */\n    isSelected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * DTMF input\n     */\n    dtmfKey: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Add node click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    nodeListeners () {\n      return {\n        click: (e) => this.$emit('click', e),\n      };\n    },\n\n    nodeIcon () {\n      return typeToIcon.get(this.nodeType);\n    },\n\n    nodeClass () {\n      const { normal, selected } = IVR_NODE_CLASS_MAPPING[this.nodeType];\n      return this.isSelected ? selected : normal;\n    },\n\n    isGotoNode () {\n      return this.nodeType === IVR_NODE_GO_TO;\n    },\n\n    nodeAriaLabel () {\n      const nodeType = this.nodeType.toUpperCase();\n      return this.i18n.$t(`DIALTONE_IVR_NODE_${nodeType}_ARIA_LABEL`);\n    },\n\n    menuButtonAriaLabel () {\n      return this.i18n.$t('DIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL');\n    },\n  },\n\n  methods: {\n    openMenu () {\n      this.isOpen = true;\n    },\n  },\n};\n</script>\n"],"mappings":"wbAuHA,IAAM,EAAa,IAAI,IAAI,CACzB,CAAC,EAAA,qBAAsB,EAAA,aAAa,CACpC,CAAC,EAAA,wBAAyB,EAAA,aAAa,CACvC,CAAC,EAAA,qBAAsB,EAAA,cAAc,CACrC,CAAC,EAAA,gBAAiB,EAAA,iBAAiB,CACnC,CAAC,EAAA,gBAAiB,EAAA,aAAa,CAC/B,CAAC,EAAA,eAAgB,EAAA,gBAAgB,CACjC,CAAC,EAAA,gBAAiB,EAAA,oBAAoB,CACtC,CAAC,EAAA,uBAAwB,EAAA,iBAAiB,CAC1C,CAAC,EAAA,kBAAmB,EAAA,eAAe,CACnC,CAAC,EAAA,gBAAiB,EAAA,kBAAkB,CACrC,CAAC,CAEG,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,kBAEN,WAAY,CACV,OAAA,EAAA,QACA,SAAA,EAAA,QACA,WAAA,EAAA,QACA,aAAA,EAAA,aACA,aAAA,EAAA,aACA,cAAA,EAAA,cACA,iBAAA,EAAA,iBACA,aAAA,EAAA,aACA,gBAAA,EAAA,gBACA,oBAAA,EAAA,oBACA,eAAA,EAAA,eACA,kBAAA,EAAA,kBACA,mBAAA,EAAA,mBACA,iBAAA,EAAA,iBACD,CAED,MAAO,CAKL,SAAU,CACR,KAAM,OACN,SAAU,GACX,CAMD,UAAW,CACT,KAAM,OACN,SAAU,GACX,CAKD,WAAY,CACV,KAAM,QACN,QAAS,GACV,CAKD,QAAS,CACP,KAAM,OACN,QAAS,KACV,CACF,CAED,MAAO,CAOL,QACD,CAED,MAAQ,CACN,MAAO,CACL,OAAQ,GACR,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,eAAiB,CACf,MAAO,CACL,MAAQ,GAAM,KAAK,MAAM,QAAS,EAAE,CACrC,EAGH,UAAY,CACV,OAAO,EAAW,IAAI,KAAK,SAAS,EAGtC,WAAa,CACX,GAAM,CAAE,SAAQ,YAAa,EAAA,uBAAuB,KAAK,UACzD,OAAO,KAAK,WAAa,EAAW,GAGtC,YAAc,CACZ,OAAO,KAAK,WAAa,EAAA,gBAG3B,eAAiB,CACf,IAAM,EAAW,KAAK,SAAS,aAAa,CAC5C,OAAO,KAAK,KAAK,GAAG,qBAAqB,EAAS,aAAa,EAGjE,qBAAuB,CACrB,OAAO,KAAK,KAAK,GAAG,2CAA2C,EAElE,CAED,QAAS,CACP,UAAY,CACV,KAAK,OAAS,IAEjB,CACF,IApNY,MAAM,iCAAgC,IAiBvC,MAAM,2BACN,UAAQ,qBAwBH,MAAM,mCAAkC,kPAajD,OAAA,EAAA,EAAA,YAAA,CAlFH,MAAK,CAAA,oBAAqC,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,YAIvB,EAAd,cAAa,GAAA,CAAA,CAAA,CAGX,EAAA,UAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAMF,MAAA,OALJ,UAAQ,wBACR,OAAA,EAAA,EAAA,gBAAK,CAAC,iEAAgE,CAAA,8CACb,EAAA,WAAU,CAAA,CAAA,wBAEhE,EAAA,QAAO,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAGJ,EAAA,OAAO,WAAA,EAAA,EAAA,YAEb,EAAA,OAAA,YAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,EAEO,EAAA,SAAO,CAAK,EAAA,OAAO,YAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAI1B,MAAA,OAHA,UAAQ,mBACR,OAAA,EAAA,EAAA,gBAAK,CAAC,+BAA8B,CAAA,yCACgB,EAAA,WAAU,CAAA,CAAA,6DA2DtD,EAAA,KAAA,CAxDG,QAAA,EAAA,EAAA,aAwBH,EAAA,EAAA,EAAA,oBAAA,MAtBN,EAsBM,EAAA,EAAA,EAAA,aAPQ,EAAA,CAbV,WAAW,QACX,KAAK,QACL,UAAQ,mBACP,aAAY,EAAA,cACZ,MAAO,EAAA,gBAEG,MAAA,EAAA,EAAA,aAKP,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBAHK,EAAA,SAAQ,CAAA,CACb,KAAK,MACJ,OAAA,EAAA,EAAA,gBAAK,CAAA,GAAA,CAAA,+BAAyC,EAAA,WAAU,CAAA,CAAA,+EAS3D,IALJ,GAAA,EAAA,EAAA,iBAIK,EAAA,UAAS,CAAA,EAAA,CAAA,CAAA,EAAA,EAAA,EAAA,aA6BF,EAAA,CAxBJ,KAAM,EAAA,sCAAA,EAAA,OAAM,GACpB,UAAU,WAEC,QAAA,EAAA,EAAA,aAWG,EAAA,EAAA,EAAA,aAAA,EAAA,CATV,WAAW,QACX,KAAK,QACJ,aAAY,EAAA,oBACZ,MAAO,EAAA,oBACP,SAAA,EAAA,EAAA,eAAoB,EAAA,SAAQ,CAAA,OAAA,UAAA,CAAA,GAElB,MAAA,EAAA,EAAA,aAC2B,EAAA,EAAA,EAAA,aAAA,EAAA,CAAb,KAAK,MAAK,CAAA,CAAA,CAAA,4CAI5B,MAAA,EAAA,EAAA,UAMH,CANW,WAAK,EAAA,EAAA,EAAA,oBAMhB,MALN,EAKM,EAAA,EAAA,EAAA,YADF,EAAA,OAAA,YAAA,CADQ,QAAK,CAAA,CAAA,CAAA,CAAA,CAAA,oBAMZ,SAAA,EAAA,EAAA,aACc,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,UAAA,CAAA,CAAA"}

package/dist/lib/ivr-node/ivr-node.js

@@ -1,194 +1,152 @@
-import { DtIconListBullet as N, DtIconMoreVertical as S, DtIconPhoneHangUp as f, DtIconTransfer as E, DtIconChevronsRight as O, DtIconCallMerge as v, DtIconBranch as R, DtIconExpertNode as A, DtIconVolume2 as L, DtIconDialer as h, DtIconKeypad as y } from "@dialpad/dialtone-icons/vue";
-import { IVR_NODE_GO_TO as T, IVR_NODE_CLASS_MAPPING as B, IVR_NODE_PROMPT_MENU as M, IVR_NODE_PROMPT_COLLECT as k, IVR_NODE_PROMPT_PLAY as P, IVR_NODE_EXPERT as g, IVR_NODE_BRANCH as w, IVR_NODE_ASSIGN as U, IVR_NODE_CUSTOMER_DATA as q, IVR_NODE_TRANSFER as G, IVR_NODE_HANGUP as K } from "./ivr-node-constants.js";
-import { DialtoneLocalization as z } from "../../localization/index.js";
-import { resolveComponent as i, openBlock as d, createElementBlock as l, mergeProps as H, toHandlers as F, normalizeClass as s, toDisplayString as I, createCommentVNode as _, renderSlot as m, createVNode as r, withCtx as n, createElementVNode as p, createBlock as X, resolveDynamicComponent as Y, withModifiers as j } from "vue";
-import { _ as x } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import J from "../dropdown/dropdown.js";
-import Q from "../button/button.js";
-import W from "../card/card.js";
-const Z = /* @__PURE__ */ new Map([
-  [M, y],
-  [k, h],
-  [P, L],
-  [g, A],
-  [w, R],
-  [T, v],
-  [U, O],
-  [q, N],
-  [G, E],
-  [K, f]
-]), $ = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeIvrNode",
-  components: {
-    DtCard: W,
-    DtButton: Q,
-    DtDropdown: J,
-    DtIconKeypad: y,
-    DtIconDialer: h,
-    DtIconVolume2: L,
-    DtIconExpertNode: A,
-    DtIconBranch: R,
-    DtIconCallMerge: v,
-    DtIconChevronsRight: O,
-    DtIconTransfer: E,
-    DtIconPhoneHangUp: f,
-    DtIconMoreVertical: S,
-    DtIconListBullet: N
-  },
-  props: {
-    /**
-     * type of IVR Node.
-     */
-    nodeType: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Descriptive label for the node name.
-     */
-    nodeLabel: {
-      type: String,
-      required: !0
-    },
-    /**
-     * Selected state of the node
-     */
-    isSelected: {
-      type: Boolean,
-      default: !1
-    },
-    /**
-     * DTMF input
-     */
-    dtmfKey: {
-      type: String,
-      default: null
-    }
-  },
-  emits: [
-    /**
-     * Add node click event
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click"
-  ],
-  data() {
-    return {
-      isOpen: !1,
-      i18n: new z()
-    };
-  },
-  computed: {
-    nodeListeners() {
-      return {
-        click: (e) => this.$emit("click", e)
-      };
-    },
-    nodeIcon() {
-      return Z.get(this.nodeType);
-    },
-    nodeClass() {
-      const { normal: e, selected: c } = B[this.nodeType];
-      return this.isSelected ? c : e;
-    },
-    isGotoNode() {
-      return this.nodeType === T;
-    },
-    nodeAriaLabel() {
-      const e = this.nodeType.toUpperCase();
-      return this.i18n.$t(`DIALTONE_IVR_NODE_${e}_ARIA_LABEL`);
-    },
-    menuButtonAriaLabel() {
-      return this.i18n.$t("DIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL");
-    }
-  },
-  methods: {
-    openMenu() {
-      this.isOpen = !0;
-    }
-  }
-}, ee = { class: "d-recipe-ivr-node__header-left" }, te = {
-  class: "d-recipe-ivr-node__label",
-  "data-qa": "ivr-node-label"
-}, oe = { class: "d-recipe-ivr-node__dropdown-list" };
-function ne(e, c, o, re, u, t) {
-  const D = i("dt-button"), C = i("dt-icon-more-vertical"), V = i("dt-dropdown"), b = i("dt-card");
-  return d(), l("div", H({
-    class: [
-      "d-recipe-ivr-node",
-      t.nodeClass
-    ]
-  }, F(t.nodeListeners, !0)), [
-    o.dtmfKey ? (d(), l("div", {
-      key: 0,
-      "data-qa": "dt-top-connector-dtmf",
-      class: s(["d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf", { "d-recipe-ivr-node__connector-dtmf--selected": o.isSelected }])
-    }, I(o.dtmfKey), 3)) : _("", !0),
-    e.$slots.connector ? m(e.$slots, "connector", { key: 1 }) : _("", !0),
-    !o.dtmfKey && !e.$slots.connector ? (d(), l("div", {
-      key: 2,
-      "data-qa": "dt-top-connector",
-      class: s(["d-recipe-ivr-node__connector", { "d-recipe-ivr-node__connector--selected": o.isSelected }])
-    }, null, 2)) : _("", !0),
-    r(b, null, {
-      header: n(() => [
-        p("div", ee, [
-          r(D, {
-            importance: "clear",
-            kind: "muted",
-            "data-qa": "dt-ivr-node-icon",
-            "aria-label": t.nodeAriaLabel,
-            title: t.nodeAriaLabel
-          }, {
-            icon: n(() => [
-              (d(), X(Y(t.nodeIcon), {
-                size: "200",
-                class: s(["", { "d-recipe-ivr-node__goto-icon": t.isGotoNode }])
-              }, null, 8, ["class"]))
-            ]),
-            _: 1
-          }, 8, ["aria-label", "title"]),
-          p("p", te, I(o.nodeLabel), 1)
-        ]),
-        r(V, {
-          open: u.isOpen,
-          "onUpdate:open": c[0] || (c[0] = (a) => u.isOpen = a),
-          placement: "bottom"
-        }, {
-          anchor: n(() => [
-            r(D, {
-              importance: "clear",
-              kind: "muted",
-              "aria-label": t.menuButtonAriaLabel,
-              title: t.menuButtonAriaLabel,
-              onClick: j(t.openMenu, ["stop", "prevent"])
-            }, {
-              icon: n(() => [
-                r(C, { size: "200" })
-              ]),
-              _: 1
-            }, 8, ["aria-label", "title", "onClick"])
-          ]),
-          list: n(({ close: a }) => [
-            p("div", oe, [
-              m(e.$slots, "menuItems", { close: a })
-            ])
-          ]),
-          _: 3
-        }, 8, ["open"])
-      ]),
-      content: n(() => [
-        m(e.$slots, "content")
-      ]),
-      _: 3
-    })
-  ], 16);
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { DialtoneLocalization as t } from "../../localization/index.js";
+import n from "../button/button.js";
+import r from "../card/card.js";
+import i from "../dropdown/dropdown.js";
+import { IVR_NODE_ASSIGN as a, IVR_NODE_BRANCH as o, IVR_NODE_CLASS_MAPPING as s, IVR_NODE_CUSTOMER_DATA as c, IVR_NODE_EXPERT as l, IVR_NODE_GO_TO as u, IVR_NODE_HANGUP as d, IVR_NODE_PROMPT_COLLECT as f, IVR_NODE_PROMPT_MENU as p, IVR_NODE_PROMPT_PLAY as m, IVR_NODE_TRANSFER as h } from "./ivr-node-constants.js";
+import { createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createVNode as b, mergeProps as x, normalizeClass as S, openBlock as C, renderSlot as w, resolveComponent as T, resolveDynamicComponent as E, toDisplayString as D, toHandlers as O, withCtx as k, withModifiers as A } from "vue";
+import { DtIconBranch as j, DtIconCallMerge as M, DtIconChevronsRight as N, DtIconDialer as P, DtIconExpertNode as F, DtIconKeypad as I, DtIconListBullet as L, DtIconMoreVertical as R, DtIconPhoneHangUp as z, DtIconTransfer as B, DtIconVolume2 as V } from "@dialpad/dialtone-icons/vue3";
+//#region recipes/cards/ivr_node/ivr_node.vue
+var H = new Map([
+	[p, I],
+	[f, P],
+	[m, V],
+	[l, F],
+	[o, j],
+	[u, M],
+	[a, N],
+	[c, L],
+	[h, B],
+	[d, z]
+]), U = {
+	compatConfig: { MODE: 3 },
+	name: "DtRecipeIvrNode",
+	components: {
+		DtCard: r,
+		DtButton: n,
+		DtDropdown: i,
+		DtIconKeypad: I,
+		DtIconDialer: P,
+		DtIconVolume2: V,
+		DtIconExpertNode: F,
+		DtIconBranch: j,
+		DtIconCallMerge: M,
+		DtIconChevronsRight: N,
+		DtIconTransfer: B,
+		DtIconPhoneHangUp: z,
+		DtIconMoreVertical: R,
+		DtIconListBullet: L
+	},
+	props: {
+		nodeType: {
+			type: String,
+			required: !0
+		},
+		nodeLabel: {
+			type: String,
+			required: !0
+		},
+		isSelected: {
+			type: Boolean,
+			default: !1
+		},
+		dtmfKey: {
+			type: String,
+			default: null
+		}
+	},
+	emits: ["click"],
+	data() {
+		return {
+			isOpen: !1,
+			i18n: new t()
+		};
+	},
+	computed: {
+		nodeListeners() {
+			return { click: (e) => this.$emit("click", e) };
+		},
+		nodeIcon() {
+			return H.get(this.nodeType);
+		},
+		nodeClass() {
+			let { normal: e, selected: t } = s[this.nodeType];
+			return this.isSelected ? t : e;
+		},
+		isGotoNode() {
+			return this.nodeType === u;
+		},
+		nodeAriaLabel() {
+			let e = this.nodeType.toUpperCase();
+			return this.i18n.$t(`DIALTONE_IVR_NODE_${e}_ARIA_LABEL`);
+		},
+		menuButtonAriaLabel() {
+			return this.i18n.$t("DIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL");
+		}
+	},
+	methods: { openMenu() {
+		this.isOpen = !0;
+	} }
+}, W = { class: "d-recipe-ivr-node__header-left" }, G = {
+	class: "d-recipe-ivr-node__label",
+	"data-qa": "ivr-node-label"
+}, K = { class: "d-recipe-ivr-node__dropdown-list" };
+function q(e, t, n, r, i, a) {
+	let o = T("dt-button"), s = T("dt-icon-more-vertical"), c = T("dt-dropdown"), l = T("dt-card");
+	return C(), v("div", x({ class: ["d-recipe-ivr-node", a.nodeClass] }, O(a.nodeListeners, !0)), [
+		n.dtmfKey ? (C(), v("div", {
+			key: 0,
+			"data-qa": "dt-top-connector-dtmf",
+			class: S(["d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf", { "d-recipe-ivr-node__connector-dtmf--selected": n.isSelected }])
+		}, D(n.dtmfKey), 3)) : _("", !0),
+		e.$slots.connector ? w(e.$slots, "connector", { key: 1 }) : _("", !0),
+		!n.dtmfKey && !e.$slots.connector ? (C(), v("div", {
+			key: 2,
+			"data-qa": "dt-top-connector",
+			class: S(["d-recipe-ivr-node__connector", { "d-recipe-ivr-node__connector--selected": n.isSelected }])
+		}, null, 2)) : _("", !0),
+		b(l, null, {
+			header: k(() => [y("div", W, [b(o, {
+				importance: "clear",
+				kind: "muted",
+				"data-qa": "dt-ivr-node-icon",
+				"aria-label": a.nodeAriaLabel,
+				title: a.nodeAriaLabel
+			}, {
+				icon: k(() => [(C(), g(E(a.nodeIcon), {
+					size: "200",
+					class: S(["", { "d-recipe-ivr-node__goto-icon": a.isGotoNode }])
+				}, null, 8, ["class"]))]),
+				_: 1
+			}, 8, ["aria-label", "title"]), y("p", G, D(n.nodeLabel), 1)]), b(c, {
+				open: i.isOpen,
+				"onUpdate:open": t[0] || (t[0] = (e) => i.isOpen = e),
+				placement: "bottom"
+			}, {
+				anchor: k(() => [b(o, {
+					importance: "clear",
+					kind: "muted",
+					"aria-label": a.menuButtonAriaLabel,
+					title: a.menuButtonAriaLabel,
+					onClick: A(a.openMenu, ["stop", "prevent"])
+				}, {
+					icon: k(() => [b(s, { size: "200" })]),
+					_: 1
+				}, 8, [
+					"aria-label",
+					"title",
+					"onClick"
+				])]),
+				list: k(({ close: t }) => [y("div", K, [w(e.$slots, "menuItems", { close: t })])]),
+				_: 3
+			}, 8, ["open"])]),
+			content: k(() => [w(e.$slots, "content")]),
+			_: 3
+		})
+	], 16);
 }
-const pe = /* @__PURE__ */ x($, [["render", ne]]);
-export {
-  pe as default
-};
-//# sourceMappingURL=ivr-node.js.map
+var J = /* @__PURE__ */ e(U, [["render", q]]);
+//#endregion
+export { J as default };
+
+//# sourceMappingURL=ivr-node.js.map

package/dist/lib/ivr-node/ivr-node.js.map

@@ -1 +1 @@
-{"version":3,"file":"ivr-node.js","sources":["../../../recipes/cards/ivr_node/ivr_node.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-recipe-ivr-node',\n      nodeClass,\n    ]\"\n    v-on=\"nodeListeners\"\n  >\n    <div\n      v-if=\"dtmfKey\"\n      data-qa=\"dt-top-connector-dtmf\"\n      class=\"d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf\"\n      :class=\"{ 'd-recipe-ivr-node__connector-dtmf--selected': isSelected }\"\n    >\n      {{ dtmfKey }}\n    </div>\n    <slot\n      v-if=\"$slots.connector\"\n      name=\"connector\"\n    />\n    <div\n      v-if=\"!dtmfKey && !$slots.connector\"\n      data-qa=\"dt-top-connector\"\n      class=\"d-recipe-ivr-node__connector\"\n      :class=\"{ 'd-recipe-ivr-node__connector--selected': isSelected }\"\n    />\n    <dt-card>\n      <template #header>\n        <!-- node label and icon section on left of the header -->\n        <div class=\"d-recipe-ivr-node__header-left\">\n          <dt-button\n            importance=\"clear\"\n            kind=\"muted\"\n            data-qa=\"dt-ivr-node-icon\"\n            :aria-label=\"nodeAriaLabel\"\n            :title=\"nodeAriaLabel\"\n          >\n            <template #icon>\n              <component\n                :is=\"nodeIcon\"\n                size=\"200\"\n                :class=\"['', { 'd-recipe-ivr-node__goto-icon': isGotoNode }]\"\n              />\n            </template>\n          </dt-button>\n          <p\n            class=\"d-recipe-ivr-node__label\"\n            data-qa=\"ivr-node-label\"\n          >\n            {{ nodeLabel }}\n          </p>\n        </div>\n        <!-- node menu for actions like edit, copy, delete -->\n        <dt-dropdown\n          v-model:open=\"isOpen\"\n          placement=\"bottom\"\n        >\n          <template #anchor>\n            <dt-button\n              importance=\"clear\"\n              kind=\"muted\"\n              :aria-label=\"menuButtonAriaLabel\"\n              :title=\"menuButtonAriaLabel\"\n              @click.stop.prevent=\"openMenu\"\n            >\n              <template #icon>\n                <dt-icon-more-vertical size=\"200\" />\n              </template>\n            </dt-button>\n          </template>\n          <template #list=\"{ close }\">\n            <div class=\"d-recipe-ivr-node__dropdown-list\">\n              <slot\n                name=\"menuItems\"\n                :close=\"close\"\n              />\n            </div>\n          </template>\n        </dt-dropdown>\n      </template>\n      <template #content>\n        <slot name=\"content\" />\n      </template>\n    </dt-card>\n  </div>\n</template>\n\n<script>\nimport { DtCard } from '@/components/card';\nimport { DtButton } from '@/components/button';\nimport { DtDropdown } from '@/components/dropdown';\nimport {\n  DtIconKeypad,\n  DtIconDialer,\n  DtIconVolume2,\n  DtIconExpertNode,\n  DtIconBranch,\n  DtIconCallMerge,\n  DtIconChevronsRight,\n  DtIconTransfer,\n  DtIconPhoneHangUp,\n  DtIconMoreVertical,\n  DtIconListBullet,\n} from '@dialpad/dialtone-icons/vue';\nimport {\n  IVR_NODE_CLASS_MAPPING,\n  IVR_NODE_PROMPT_MENU,\n  IVR_NODE_PROMPT_COLLECT,\n  IVR_NODE_PROMPT_PLAY,\n  IVR_NODE_EXPERT,\n  IVR_NODE_BRANCH,\n  IVR_NODE_GO_TO,\n  IVR_NODE_ASSIGN,\n  IVR_NODE_TRANSFER,\n  IVR_NODE_HANGUP,\n  IVR_NODE_CUSTOMER_DATA,\n} from './ivr_node_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nconst typeToIcon = new Map([\n  [IVR_NODE_PROMPT_MENU, DtIconKeypad],\n  [IVR_NODE_PROMPT_COLLECT, DtIconDialer],\n  [IVR_NODE_PROMPT_PLAY, DtIconVolume2],\n  [IVR_NODE_EXPERT, DtIconExpertNode],\n  [IVR_NODE_BRANCH, DtIconBranch],\n  [IVR_NODE_GO_TO, DtIconCallMerge],\n  [IVR_NODE_ASSIGN, DtIconChevronsRight],\n  [IVR_NODE_CUSTOMER_DATA, DtIconListBullet],\n  [IVR_NODE_TRANSFER, DtIconTransfer],\n  [IVR_NODE_HANGUP, DtIconPhoneHangUp],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeIvrNode',\n\n  components: {\n    DtCard,\n    DtButton,\n    DtDropdown,\n    DtIconKeypad,\n    DtIconDialer,\n    DtIconVolume2,\n    DtIconExpertNode,\n    DtIconBranch,\n    DtIconCallMerge,\n    DtIconChevronsRight,\n    DtIconTransfer,\n    DtIconPhoneHangUp,\n    DtIconMoreVertical,\n    DtIconListBullet,\n  },\n\n  props: {\n\n    /**\n     * type of IVR Node.\n     */\n    nodeType: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the node name.\n     */\n\n    nodeLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Selected state of the node\n     */\n    isSelected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * DTMF input\n     */\n    dtmfKey: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Add node click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    nodeListeners () {\n      return {\n        click: (e) => this.$emit('click', e),\n      };\n    },\n\n    nodeIcon () {\n      return typeToIcon.get(this.nodeType);\n    },\n\n    nodeClass () {\n      const { normal, selected } = IVR_NODE_CLASS_MAPPING[this.nodeType];\n      return this.isSelected ? selected : normal;\n    },\n\n    isGotoNode () {\n      return this.nodeType === IVR_NODE_GO_TO;\n    },\n\n    nodeAriaLabel () {\n      const nodeType = this.nodeType.toUpperCase();\n      return this.i18n.$t(`DIALTONE_IVR_NODE_${nodeType}_ARIA_LABEL`);\n    },\n\n    menuButtonAriaLabel () {\n      return this.i18n.$t('DIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL');\n    },\n  },\n\n  methods: {\n    openMenu () {\n      this.isOpen = true;\n    },\n  },\n};\n</script>\n"],"names":["typeToIcon","IVR_NODE_PROMPT_MENU","DtIconKeypad","IVR_NODE_PROMPT_COLLECT","DtIconDialer","IVR_NODE_PROMPT_PLAY","DtIconVolume2","IVR_NODE_EXPERT","DtIconExpertNode","IVR_NODE_BRANCH","DtIconBranch","IVR_NODE_GO_TO","DtIconCallMerge","IVR_NODE_ASSIGN","DtIconChevronsRight","IVR_NODE_CUSTOMER_DATA","DtIconListBullet","IVR_NODE_TRANSFER","DtIconTransfer","IVR_NODE_HANGUP","DtIconPhoneHangUp","_sfc_main","DtCard","DtButton","DtDropdown","DtIconMoreVertical","DialtoneLocalization","normal","selected","IVR_NODE_CLASS_MAPPING","nodeType","_hoisted_1","_hoisted_3","_openBlock","_createElementBlock","_mergeProps","$options","_toHandlers","$props","_normalizeClass","_ctx","_renderSlot","_createVNode","_component_dt_card","_createElementVNode","_component_dt_button","_createBlock","_resolveDynamicComponent","_hoisted_2","_toDisplayString","_component_dt_dropdown","$data","$event","_component_dt_icon_more_vertical","_withCtx","close"],"mappings":"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"}
+{"version":3,"file":"ivr-node.js","names":[],"sources":["../../../recipes/cards/ivr_node/ivr_node.vue"],"sourcesContent":["<template>\n  <div\n    :class=\"[\n      'd-recipe-ivr-node',\n      nodeClass,\n    ]\"\n    v-on=\"nodeListeners\"\n  >\n    <div\n      v-if=\"dtmfKey\"\n      data-qa=\"dt-top-connector-dtmf\"\n      class=\"d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf\"\n      :class=\"{ 'd-recipe-ivr-node__connector-dtmf--selected': isSelected }\"\n    >\n      {{ dtmfKey }}\n    </div>\n    <slot\n      v-if=\"$slots.connector\"\n      name=\"connector\"\n    />\n    <div\n      v-if=\"!dtmfKey && !$slots.connector\"\n      data-qa=\"dt-top-connector\"\n      class=\"d-recipe-ivr-node__connector\"\n      :class=\"{ 'd-recipe-ivr-node__connector--selected': isSelected }\"\n    />\n    <dt-card>\n      <template #header>\n        <!-- node label and icon section on left of the header -->\n        <div class=\"d-recipe-ivr-node__header-left\">\n          <dt-button\n            importance=\"clear\"\n            kind=\"muted\"\n            data-qa=\"dt-ivr-node-icon\"\n            :aria-label=\"nodeAriaLabel\"\n            :title=\"nodeAriaLabel\"\n          >\n            <template #icon>\n              <component\n                :is=\"nodeIcon\"\n                size=\"200\"\n                :class=\"['', { 'd-recipe-ivr-node__goto-icon': isGotoNode }]\"\n              />\n            </template>\n          </dt-button>\n          <p\n            class=\"d-recipe-ivr-node__label\"\n            data-qa=\"ivr-node-label\"\n          >\n            {{ nodeLabel }}\n          </p>\n        </div>\n        <!-- node menu for actions like edit, copy, delete -->\n        <dt-dropdown\n          v-model:open=\"isOpen\"\n          placement=\"bottom\"\n        >\n          <template #anchor>\n            <dt-button\n              importance=\"clear\"\n              kind=\"muted\"\n              :aria-label=\"menuButtonAriaLabel\"\n              :title=\"menuButtonAriaLabel\"\n              @click.stop.prevent=\"openMenu\"\n            >\n              <template #icon>\n                <dt-icon-more-vertical size=\"200\" />\n              </template>\n            </dt-button>\n          </template>\n          <template #list=\"{ close }\">\n            <div class=\"d-recipe-ivr-node__dropdown-list\">\n              <slot\n                name=\"menuItems\"\n                :close=\"close\"\n              />\n            </div>\n          </template>\n        </dt-dropdown>\n      </template>\n      <template #content>\n        <slot name=\"content\" />\n      </template>\n    </dt-card>\n  </div>\n</template>\n\n<script>\nimport { DtCard } from '@/components/card';\nimport { DtButton } from '@/components/button';\nimport { DtDropdown } from '@/components/dropdown';\nimport {\n  DtIconKeypad,\n  DtIconDialer,\n  DtIconVolume2,\n  DtIconExpertNode,\n  DtIconBranch,\n  DtIconCallMerge,\n  DtIconChevronsRight,\n  DtIconTransfer,\n  DtIconPhoneHangUp,\n  DtIconMoreVertical,\n  DtIconListBullet,\n} from '@dialpad/dialtone-icons/vue3';\nimport {\n  IVR_NODE_CLASS_MAPPING,\n  IVR_NODE_PROMPT_MENU,\n  IVR_NODE_PROMPT_COLLECT,\n  IVR_NODE_PROMPT_PLAY,\n  IVR_NODE_EXPERT,\n  IVR_NODE_BRANCH,\n  IVR_NODE_GO_TO,\n  IVR_NODE_ASSIGN,\n  IVR_NODE_TRANSFER,\n  IVR_NODE_HANGUP,\n  IVR_NODE_CUSTOMER_DATA,\n} from './ivr_node_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nconst typeToIcon = new Map([\n  [IVR_NODE_PROMPT_MENU, DtIconKeypad],\n  [IVR_NODE_PROMPT_COLLECT, DtIconDialer],\n  [IVR_NODE_PROMPT_PLAY, DtIconVolume2],\n  [IVR_NODE_EXPERT, DtIconExpertNode],\n  [IVR_NODE_BRANCH, DtIconBranch],\n  [IVR_NODE_GO_TO, DtIconCallMerge],\n  [IVR_NODE_ASSIGN, DtIconChevronsRight],\n  [IVR_NODE_CUSTOMER_DATA, DtIconListBullet],\n  [IVR_NODE_TRANSFER, DtIconTransfer],\n  [IVR_NODE_HANGUP, DtIconPhoneHangUp],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeIvrNode',\n\n  components: {\n    DtCard,\n    DtButton,\n    DtDropdown,\n    DtIconKeypad,\n    DtIconDialer,\n    DtIconVolume2,\n    DtIconExpertNode,\n    DtIconBranch,\n    DtIconCallMerge,\n    DtIconChevronsRight,\n    DtIconTransfer,\n    DtIconPhoneHangUp,\n    DtIconMoreVertical,\n    DtIconListBullet,\n  },\n\n  props: {\n\n    /**\n     * type of IVR Node.\n     */\n    nodeType: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Descriptive label for the node name.\n     */\n\n    nodeLabel: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Selected state of the node\n     */\n    isSelected: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * DTMF input\n     */\n    dtmfKey: {\n      type: String,\n      default: null,\n    },\n  },\n\n  emits: [\n    /**\n     * Add node click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      isOpen: false,\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    nodeListeners () {\n      return {\n        click: (e) => this.$emit('click', e),\n      };\n    },\n\n    nodeIcon () {\n      return typeToIcon.get(this.nodeType);\n    },\n\n    nodeClass () {\n      const { normal, selected } = IVR_NODE_CLASS_MAPPING[this.nodeType];\n      return this.isSelected ? selected : normal;\n    },\n\n    isGotoNode () {\n      return this.nodeType === IVR_NODE_GO_TO;\n    },\n\n    nodeAriaLabel () {\n      const nodeType = this.nodeType.toUpperCase();\n      return this.i18n.$t(`DIALTONE_IVR_NODE_${nodeType}_ARIA_LABEL`);\n    },\n\n    menuButtonAriaLabel () {\n      return this.i18n.$t('DIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL');\n    },\n  },\n\n  methods: {\n    openMenu () {\n      this.isOpen = true;\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/keyboard-shortcut/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./keyboard-shortcut.cjs"),r=require("./keyboard-shortcut-constants.cjs");exports.DtKeyboardShortcut=t.default;exports.SHORTCUTS_ALIASES_LIST=r.SHORTCUTS_ALIASES_LIST;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./keyboard-shortcut.cjs`),t=require(`./keyboard-shortcut-constants.cjs`);exports.DtKeyboardShortcut=e.default,exports.SHORTCUTS_ALIASES_LIST=t.SHORTCUTS_ALIASES_LIST;

package/dist/lib/keyboard-shortcut/index.js

@@ -1,7 +1,3 @@
-import { default as t } from "./keyboard-shortcut.js";
-import { SHORTCUTS_ALIASES_LIST as e } from "./keyboard-shortcut-constants.js";
-export {
-  t as DtKeyboardShortcut,
-  e as SHORTCUTS_ALIASES_LIST
-};
-//# sourceMappingURL=index.js.map
+import e from "./keyboard-shortcut.js";
+import { SHORTCUTS_ALIASES_LIST as t } from "./keyboard-shortcut-constants.js";
+export { e as DtKeyboardShortcut, t as SHORTCUTS_ALIASES_LIST };

package/dist/lib/keyboard-shortcut/keyboard-shortcut-constants.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=["{win}","{arrow-right}","{arrow-left}","{arrow-up}","{arrow-down}","{cmd}","{opt}"];exports.SHORTCUTS_ALIASES_LIST=r;
-//# sourceMappingURL=keyboard-shortcut-constants.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=[`{win}`,`{arrow-right}`,`{arrow-left}`,`{arrow-up}`,`{arrow-down}`,`{cmd}`,`{opt}`];exports.SHORTCUTS_ALIASES_LIST=e;
+//# sourceMappingURL=keyboard-shortcut-constants.cjs.map

package/dist/lib/keyboard-shortcut/keyboard-shortcut-constants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut-constants.cjs","sources":["../../../components/keyboard_shortcut/keyboard_shortcut_constants.js"],"sourcesContent":["export const SHORTCUTS_ALIASES_LIST = [\n  '{win}',\n  '{arrow-right}',\n  '{arrow-left}',\n  '{arrow-up}',\n  '{arrow-down}',\n  '{cmd}',\n  '{opt}',\n];\n"],"names":["SHORTCUTS_ALIASES_LIST"],"mappings":"gFAAY,MAACA,EAAyB,CACpC,QACA,gBACA,eACA,aACA,eACA,QACA,OACF"}
+{"version":3,"file":"keyboard-shortcut-constants.cjs","names":[],"sources":["../../../components/keyboard_shortcut/keyboard_shortcut_constants.js"],"sourcesContent":["export const SHORTCUTS_ALIASES_LIST = [\n  '{win}',\n  '{arrow-right}',\n  '{arrow-left}',\n  '{arrow-up}',\n  '{arrow-down}',\n  '{cmd}',\n  '{opt}',\n];\n"],"mappings":"mEAAA,IAAa,EAAyB,CACpC,QACA,gBACA,eACA,aACA,eACA,QACA,QACD"}

package/dist/lib/keyboard-shortcut/keyboard-shortcut-constants.js

@@ -1,13 +1,14 @@
-const r = [
-  "{win}",
-  "{arrow-right}",
-  "{arrow-left}",
-  "{arrow-up}",
-  "{arrow-down}",
-  "{cmd}",
-  "{opt}"
+//#region components/keyboard_shortcut/keyboard_shortcut_constants.js
+var e = [
+	"{win}",
+	"{arrow-right}",
+	"{arrow-left}",
+	"{arrow-up}",
+	"{arrow-down}",
+	"{cmd}",
+	"{opt}"
 ];
-export {
-  r as SHORTCUTS_ALIASES_LIST
-};
-//# sourceMappingURL=keyboard-shortcut-constants.js.map
+//#endregion
+export { e as SHORTCUTS_ALIASES_LIST };
+
+//# sourceMappingURL=keyboard-shortcut-constants.js.map

package/dist/lib/keyboard-shortcut/keyboard-shortcut-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut-constants.js","sources":["../../../components/keyboard_shortcut/keyboard_shortcut_constants.js"],"sourcesContent":["export const SHORTCUTS_ALIASES_LIST = [\n  '{win}',\n  '{arrow-right}',\n  '{arrow-left}',\n  '{arrow-up}',\n  '{arrow-down}',\n  '{cmd}',\n  '{opt}',\n];\n"],"names":["SHORTCUTS_ALIASES_LIST"],"mappings":"AAAY,MAACA,IAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;"}
+{"version":3,"file":"keyboard-shortcut-constants.js","names":[],"sources":["../../../components/keyboard_shortcut/keyboard_shortcut_constants.js"],"sourcesContent":["export const SHORTCUTS_ALIASES_LIST = [\n  '{win}',\n  '{arrow-right}',\n  '{arrow-left}',\n  '{arrow-up}',\n  '{arrow-down}',\n  '{cmd}',\n  '{opt}',\n];\n"],"mappings":";AAAA,IAAa,IAAyB;CACpC;CACA;CACA;CACA;CACA;CACA;CACA;CACD"}

package/dist/lib/keyboard-shortcut/keyboard-shortcut.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("@dialpad/dialtone-icons/vue"),t=require("vue"),p=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),m=require("../text/text.cjs"),s={"{win}":e.DtIconLayoutGrid,"{arrow-right}":e.DtIconArrowRight,"{arrow-left}":e.DtIconArrowLeft,"{arrow-up}":e.DtIconArrowUp,"{arrow-down}":e.DtIconArrowDown,"{cmd}":e.DtIconCommand,"{opt}":e.DtIconOption},d={"{cmd}":"Command","{opt}":"Option","{win}":"Windows","{arrow-right}":"Right Arrow","{arrow-left}":"Left Arrow","{arrow-up}":"Up Arrow","{arrow-down}":"Down Arrow","{plus}":"plus"},l={ctrl:"Control",alt:"Alt",esc:"Escape",del:"Delete",ins:"Insert",pgup:"Page Up",pgdn:"Page Down",num:"Number",caps:"Caps Lock"},w={compatConfig:{MODE:3},name:"DtKeyboardShortcut",components:{DtIconLayoutGrid:e.DtIconLayoutGrid,DtIconArrowRight:e.DtIconArrowRight,DtIconArrowLeft:e.DtIconArrowLeft,DtIconArrowUp:e.DtIconArrowUp,DtIconArrowDown:e.DtIconArrowDown,DtIconCommand:e.DtIconCommand,DtIconOption:e.DtIconOption,DtIconPlus:e.DtIconPlus,DtText:m.default},props:{inverted:{type:Boolean,default:!1},shortcut:{type:String,required:!0},screenReaderText:{type:String,default:null}},data(){return{separator:/\+/gi}},computed:{icons(){return{...s,"{plus}":e.DtIconPlus}},shortcutWithSeparator(){return this.shortcut.replace(this.separator,"{plus}")},formattedShortcut(){return Object.keys(s).reduce((o,r)=>o.replace(new RegExp("{"+r+"}","gi"),s[r]),this.shortcutWithSeparator)},formattedShortcutSplit(){const o=Object.keys(this.icons).join("|"),r=new RegExp(`(${o})`,"gi");return this.formattedShortcut.split(r).filter(Boolean)},generatedScreenReaderText(){return this.formattedShortcutSplit.map(o=>{const r=o.trim();if(d[r])return d[r];const n=r.toLowerCase();return l[n]?l[n]:r}).filter(o=>o).join(" ")}}},h={class:"d-keyboard-shortcut--sr-only"},D=["innerHTML"];function _(o,r,n,g,f,a){const u=t.resolveComponent("dt-text");return t.openBlock(),t.createElementBlock("kbd",{class:t.normalizeClass(["d-keyboard-shortcut",{"d-keyboard-shortcut--inverted":n.inverted}])},[t.createElementVNode("span",h,t.toDisplayString(n.screenReaderText||a.generatedScreenReaderText),1),(t.openBlock(!0),t.createElementBlock(t.Fragment,null,t.renderList(a.formattedShortcutSplit,(c,i)=>(t.openBlock(),t.createElementBlock(t.Fragment,null,[a.icons[c]?(t.openBlock(),t.createBlock(t.resolveDynamicComponent(a.icons[c]),{key:`icon-${i}-${c}`,size:"100","aria-hidden":"true",class:t.normalizeClass(["d-keyboard-shortcut__icon",{"d-keyboard-shortcut__icon--inverted":n.inverted}])},null,8,["class"])):c.trim()?(t.openBlock(),t.createBlock(u,{key:`text-${i}-${c}`,kind:"body",size:200,numeric:"",density:400,tone:n.inverted?"secondary-inverted":"tertiary","aria-hidden":"true",class:t.normalizeClass(["d-keyboard-shortcut__item",{"d-keyboard-shortcut__item--inverted":n.inverted}])},{default:t.withCtx(()=>[t.createElementVNode("span",{innerHTML:c},null,8,D)]),_:2},1032,["tone","class"])):t.createCommentVNode("",!0)],64))),256))],2)}const I=p._(w,[["render",_]]);exports.default=I;
-//# sourceMappingURL=keyboard-shortcut.cjs.map
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let t=require(`vue`),n=require(`@dialpad/dialtone-icons/vue3`);var r={"{win}":n.DtIconLayoutGrid,"{arrow-right}":n.DtIconArrowRight,"{arrow-left}":n.DtIconArrowLeft,"{arrow-up}":n.DtIconArrowUp,"{arrow-down}":n.DtIconArrowDown,"{cmd}":n.DtIconCommand,"{opt}":n.DtIconOption},i={"{cmd}":`Command`,"{opt}":`Option`,"{win}":`Windows`,"{arrow-right}":`Right Arrow`,"{arrow-left}":`Left Arrow`,"{arrow-up}":`Up Arrow`,"{arrow-down}":`Down Arrow`,"{plus}":`plus`},a={ctrl:`Control`,alt:`Alt`,esc:`Escape`,del:`Delete`,ins:`Insert`,pgup:`Page Up`,pgdn:`Page Down`,num:`Number`,caps:`Caps Lock`},o={compatConfig:{MODE:3},name:`DtKeyboardShortcut`,components:{DtIconLayoutGrid:n.DtIconLayoutGrid,DtIconArrowRight:n.DtIconArrowRight,DtIconArrowLeft:n.DtIconArrowLeft,DtIconArrowUp:n.DtIconArrowUp,DtIconArrowDown:n.DtIconArrowDown,DtIconCommand:n.DtIconCommand,DtIconOption:n.DtIconOption,DtIconPlus:n.DtIconPlus},props:{inverted:{type:Boolean,default:!1},shortcut:{type:String,required:!0},screenReaderText:{type:String,default:null}},data(){return{separator:/\+/gi}},computed:{icons(){return{...r,"{plus}":n.DtIconPlus}},shortcutWithSeparator(){return this.shortcut.replace(this.separator,`{plus}`)},formattedShortcut(){return Object.keys(r).reduce((e,t)=>e.replace(RegExp(`{`+t+`}`,`gi`),r[t]),this.shortcutWithSeparator)},formattedShortcutSplit(){let e=Object.keys(this.icons).join(`|`),t=RegExp(`(${e})`,`gi`);return this.formattedShortcut.split(t).filter(Boolean)},generatedScreenReaderText(){return this.formattedShortcutSplit.map(e=>{let t=e.trim();if(i[t])return i[t];let n=t.toLowerCase();return a[n]?a[n]:t}).filter(e=>e).join(` `)}}},s={class:`d-keyboard-shortcut--sr-only`},c=[`innerHTML`];function l(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createElementBlock)(`kbd`,{class:(0,t.normalizeClass)([`d-keyboard-shortcut`,{"d-keyboard-shortcut--inverted":r.inverted}])},[(0,t.createElementVNode)(`span`,s,(0,t.toDisplayString)(r.screenReaderText||o.generatedScreenReaderText),1),((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(o.formattedShortcutSplit,(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,null,[o.icons[e]?((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(o.icons[e]),{key:`icon-${n}-${e}`,size:`100`,"aria-hidden":`true`,class:(0,t.normalizeClass)([`d-keyboard-shortcut__icon`,{"d-keyboard-shortcut__icon--inverted":r.inverted}])},null,8,[`class`])):e.trim()?((0,t.openBlock)(),(0,t.createElementBlock)(`span`,{key:`text-${n}-${e}`,"aria-hidden":`true`,class:(0,t.normalizeClass)([`d-keyboard-shortcut__item`,{"d-keyboard-shortcut__item--inverted":r.inverted}]),innerHTML:e},null,10,c)):(0,t.createCommentVNode)(``,!0)],64))),256))],2)}var u=e.t(o,[[`render`,l]]);exports.default=u;
+//# sourceMappingURL=keyboard-shortcut.cjs.map