@dialpad/dialtone 9.133.0-next.2 → 9.133.0

package/dist/vue3/lib/input-group/input-group.js

@@ -1,6 +1,6 @@
 import { InputGroupMixin as i } from "../../common/mixins/input-group.js";
 import { hasSlotContent as p } from "../../common/utils/index.js";
-import { resolveComponent as u, openBlock as t, createElementBlock as o, mergeProps as n, renderSlot as r, createTextVNode as g, toDisplayString as m, createCommentVNode as f, createVNode as h } from "vue";
+import { resolveComponent as u, createElementBlock as t, openBlock as o, createCommentVNode as g, renderSlot as n, createVNode as m, mergeProps as r, createTextVNode as f, toDisplayString as h } from "vue";
 import { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 import v from "../validation-messages/validation-messages.js";
 const C = {
@@ -61,20 +61,20 @@ const C = {
 }, G = ["data-qa"], M = ["data-qa"];
 function _(e, s, a, S, d, V) {
   const l = u("dt-validation-messages");
-  return t(), o("fieldset", {
+  return o(), t("fieldset", {
     class: "d-input-group__fieldset",
     "data-qa": a.dataQaGroup
   }, [
-    d.hasSlotContent(e.$slots.legend) || e.legend ? (t(), o("legend", n({
+    d.hasSlotContent(e.$slots.legend) || e.legend ? (o(), t("legend", r({
       key: 0,
       class: ["d-label", e.legendClass]
     }, e.legendChildProps, { "data-qa": a.dataQaGroupLegend }), [
-      r(e.$slots, "legend", {}, () => [
-        g(m(e.legend), 1)
+      n(e.$slots, "legend", {}, () => [
+        f(h(e.legend), 1)
       ])
-    ], 16, M)) : f("", !0),
-    r(e.$slots, "default"),
-    h(l, n({
+    ], 16, M)) : g("", !0),
+    n(e.$slots, "default"),
+    m(l, r({
       "validation-messages": e.formattedMessages,
       "show-messages": e.showMessages,
       class: e.messagesClass,

package/dist/vue3/lib/input-group/input-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"input-group.js","sources":["../../../components/input_group/input_group.vue"],"sourcesContent":["<template>\n  <fieldset\n    class=\"d-input-group__fieldset\"\n    :data-qa=\"dataQaGroup\"\n  >\n    <legend\n      v-if=\"hasSlotContent($slots.legend) || legend\"\n      :class=\"['d-label', legendClass]\"\n      v-bind=\"legendChildProps\"\n      :data-qa=\"dataQaGroupLegend\"\n    >\n      <!-- @slot slot for Input Group Legend -->\n      <slot name=\"legend\">\n        {{ legend }}\n      </slot>\n    </legend>\n    <!-- @slot slot for Input Group Components -->\n    <slot />\n    <dt-validation-messages\n      :validation-messages=\"formattedMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      :data-qa=\"dataQaGroupMessages\"\n      v-bind=\"messagesChildProps\"\n    />\n  </fieldset>\n</template>\n\n<script>\nimport { InputGroupMixin } from '@/common/mixins/input_group';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * Input Groups are convenience components for a grouping of related inputs.\n * While each input within the group could be independent, the `v-model` on the group\n * provides a convenient interface for determining the current state of the group.\n * @see https://dialtone.dialpad.com/components/input_group.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtInputGroup',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputGroupMixin],\n\n  props: {\n    /**\n     * A data qa tag for the input group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'input-group',\n    },\n\n    /**\n     * A data qa tag for the input group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'input-group-legend',\n    },\n\n    /**\n     * A data qa tag for the input group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'input-group-messages',\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n      hasSlotContent,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n     * watching value to support 2 way binding for slotted inputs.\n     * need this to pass value to slotted inputs if modified outside\n     * input group.\n     */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.value = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `input-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtValidationMessages","InputGroupMixin","hasSlotContent","newValue","newInternalValue","type","index","_hoisted_1","_hoisted_2","_createElementBlock","$props","$data","_ctx","_openBlock","_mergeProps","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode","_component_dt_validation_messages"],"mappings":";;;;;AAuCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM,EAAG;AAAA,EACzB,MAAM;AAAA,EAEN,YAAY,EAAE,sBAAAC,EAAsB;AAAA,EAEpC,QAAQ,CAACC,CAAe;AAAA,EAExB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA;AAAA;AAAA;AAAA,IAKD,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA,IACV;AAAA,EACF;AAAA,EAED,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA,MACpB,gBAAAC;AAAA;EAEH;AAAA,EAED,OAAO;AAAA,IACL,MAAOC,GAAU;AACf,WAAK,gBAAgBA;AAAA,IACtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOD,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAASC,GAAkB;AACzB,aAAK,WAAW,QAAQA;AAAA,MACzB;AAAA,IACF;AAAA,EACF;AAAA,EAED,SAAS;AAAA,IACP,cAAeC,GAAMC,GAAO;AAC1B,aAAO,uBAAuBD,CAAI,IAAIC,CAAK,IAAI,KAAK,EAAE;AAAA,IACvD;AAAA,EACF;AACH,GAvGAC,IAAA,CAAA,SAAA,GAAAC,IAAA,CAAA,SAAA;;;cACEC,EAwBW,YAAA;AAAA,IAvBT,OAAM;AAAA,IACL,WAASC,EAAW;AAAA;IAGbC,EAAA,eAAeC,EAAA,OAAO,MAAM,KAAKA,EAAM,UAD/CC,KAAAJ,EAUS,UAVTK,EAUS;AAAA,MAfb,KAAA;AAAA,MAOO,mBAAmBF,EAAW,WAAA;AAAA,OACvBA,EAAgB,kBAAA,EACvB,WAASF,EAAiB,kBAAA,CAAA,GAAA;AAAA,MAG3BK,EAEOH,wBAFP,MAEO;AAAA,QAdbI,EAAAC,EAaWL,EAAM,MAAA,GAAA,CAAA;AAAA;IAbjB,GAAA,IAAAJ,CAAA,KAAAU,EAAA,IAAA,EAAA;AAAA,IAiBIH,EAAQH,EAAA,QAAA,SAAA;AAAA,IACRO,EAMEC,GANFN,EAME;AAAA,MALC,uBAAqBF,EAAiB;AAAA,MACtC,iBAAeA,EAAY;AAAA,MAC3B,OAAOA,EAAa;AAAA,MACpB,WAASF,EAAmB;AAAA,OACrBE,EAAkB,kBAAA,GAAA,MAAA,IAAA,CAAA,uBAAA,iBAAA,SAAA,SAAA,CAAA;AAAA,EAvBhC,GAAA,GAAAL,CAAA;;;"}
+{"version":3,"file":"input-group.js","sources":["../../../components/input_group/input_group.vue"],"sourcesContent":["<template>\n  <fieldset\n    class=\"d-input-group__fieldset\"\n    :data-qa=\"dataQaGroup\"\n  >\n    <legend\n      v-if=\"hasSlotContent($slots.legend) || legend\"\n      :class=\"['d-label', legendClass]\"\n      v-bind=\"legendChildProps\"\n      :data-qa=\"dataQaGroupLegend\"\n    >\n      <!-- @slot slot for Input Group Legend -->\n      <slot name=\"legend\">\n        {{ legend }}\n      </slot>\n    </legend>\n    <!-- @slot slot for Input Group Components -->\n    <slot />\n    <dt-validation-messages\n      :validation-messages=\"formattedMessages\"\n      :show-messages=\"showMessages\"\n      :class=\"messagesClass\"\n      :data-qa=\"dataQaGroupMessages\"\n      v-bind=\"messagesChildProps\"\n    />\n  </fieldset>\n</template>\n\n<script>\nimport { InputGroupMixin } from '@/common/mixins/input_group';\nimport { DtValidationMessages } from '../validation_messages';\nimport { hasSlotContent } from '@/common/utils';\n\n/**\n * Input Groups are convenience components for a grouping of related inputs.\n * While each input within the group could be independent, the `v-model` on the group\n * provides a convenient interface for determining the current state of the group.\n * @see https://dialtone.dialpad.com/components/input_group.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtInputGroup',\n\n  components: { DtValidationMessages },\n\n  mixins: [InputGroupMixin],\n\n  props: {\n    /**\n     * A data qa tag for the input group\n     */\n    dataQaGroup: {\n      type: String,\n      default: 'input-group',\n    },\n\n    /**\n     * A data qa tag for the input group legend\n     */\n    dataQaGroupLegend: {\n      type: String,\n      default: 'input-group-legend',\n    },\n\n    /**\n     * A data qa tag for the input group messages\n     */\n    dataQaGroupMessages: {\n      type: String,\n      default: 'input-group-messages',\n    },\n  },\n\n  data () {\n    return {\n      internalValue: this.value,\n      hasSlotContent,\n    };\n  },\n\n  watch: {\n    value (newValue) {\n      this.internalValue = newValue;\n    },\n\n    /*\n     * watching value to support 2 way binding for slotted inputs.\n     * need this to pass value to slotted inputs if modified outside\n     * input group.\n     */\n    internalValue: {\n      immediate: true,\n      handler (newInternalValue) {\n        this.provideObj.value = newInternalValue;\n      },\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `input-group-message-${type}-${index}-${this.id}`;\n    },\n  },\n};\n</script>\n"],"names":["_sfc_main","DtValidationMessages","InputGroupMixin","hasSlotContent","newValue","newInternalValue","type","index","_hoisted_1","_hoisted_2","_createElementBlock","$props","$data","_ctx","_openBlock","_mergeProps","_renderSlot","_createTextVNode","_toDisplayString","_createCommentVNode","_createVNode","_component_dt_validation_messages"],"mappings":";;;;;AAuCA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY,EAAE,sBAAAC;EAEd,QAAQ,CAACC,CAAe;AAAA,EAExB,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,mBAAmB;AAAA,MACjB,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,qBAAqB;AAAA,MACnB,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAQ;AACN,WAAO;AAAA,MACL,eAAe,KAAK;AAAA,MACpB,gBAAAC;AAAA;EAEJ;AAAA,EAEA,OAAO;AAAA,IACL,MAAOC,GAAU;AACf,WAAK,gBAAgBA;AAAA,IACvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,eAAe;AAAA,MACb,WAAW;AAAA,MACX,QAASC,GAAkB;AACzB,aAAK,WAAW,QAAQA;AAAA,MAC1B;AAAA;;EAIJ,SAAS;AAAA,IACP,cAAeC,GAAMC,GAAO;AAC1B,aAAO,uBAAuBD,CAAI,IAAIC,CAAK,IAAI,KAAK,EAAE;AAAA,IACxD;AAAA;AAEJ,GAvGAC,IAAA,CAAA,SAAA,GAAAC,IAAA,CAAA,SAAA;;;cACEC,EAwBW,YAAA;AAAA,IAvBT,OAAM;AAAA,IACL,WAASC,EAAA;AAAA;IAGFC,EAAA,eAAeC,EAAA,OAAO,MAAM,KAAKA,EAAA,UADzCC,KAAAJ,EAUS,UAVTK,EAUS;AAAA,MAfb,KAAA;AAAA,MAOO,mBAAmBF,EAAA,WAAW;AAAA,OACvBA,EAAA,kBAAgB,EACvB,WAASF,EAAA,kBAAiB,CAAA,GAAA;AAAA,MAG3BK,EAEOH,wBAFP,MAEO;AAAA,QAdbI,EAAAC,EAaWL,EAAA,MAAM,GAAA,CAAA;AAAA;IAbjB,GAAA,IAAAJ,CAAA,KAAAU,EAAA,IAAA,EAAA;AAAA,IAiBIH,EAAQH,EAAA,QAAA,SAAA;AAAA,IACRO,EAMEC,GANFN,EAME;AAAA,MALC,uBAAqBF,EAAA;AAAA,MACrB,iBAAeA,EAAA;AAAA,MACf,OAAOA,EAAA;AAAA,MACP,WAASF,EAAA;AAAA,OACFE,EAAA,kBAAkB,GAAA,MAAA,IAAA,CAAA,uBAAA,iBAAA,SAAA,SAAA,CAAA;AAAA,EAvBhC,GAAA,GAAAL,CAAA;;;"}

package/dist/vue3/lib/item-layout/item-layout.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"item-layout.cjs","sources":["../../../components/item_layout/item_layout.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    :class=\"unstyled ? 'd-item-layout--custom' : 'd-item-layout'\"\n    :style=\"unstyled && dynamicGridTemplateColumns()\"\n  >\n    <section\n      v-if=\"hasSlotContent($slots.left)\"\n      data-qa=\"dt-item-layout-left-wrapper\"\n      :class=\"[leftClass, 'd-item-layout__left']\"\n    >\n      <!-- @slot Slot for left content -->\n      <slot name=\"left\" />\n    </section>\n    <section\n      data-qa=\"dt-item-layout-content-wrapper\"\n      :class=\"[contentClass, 'd-item-layout__content']\"\n    >\n      <div\n        v-if=\"hasSlotContent($slots.default)\"\n        data-qa=\"dt-item-layout-title-wrapper\"\n        :class=\"[titleClass, 'd-item-layout__title']\"\n      >\n        <!-- @slot Slot for main content -->\n        <slot />\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.subtitle)\"\n        data-qa=\"dt-item-layout-subtitle-wrapper\"\n        :class=\"[\n          subtitleClass,\n          'd-item-layout--subtitle',\n          { 'd-item-layout--subtitle--with-title': hasSlotContent($slots.default) },\n        ]\"\n      >\n        <!-- @slot Slot for content below main content -->\n        <slot name=\"subtitle\" />\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.bottom)\"\n        data-qa=\"dt-item-layout-bottom-wrapper\"\n        :class=\"[bottomClass, 'd-item-layout__bottom']\"\n      >\n        <!-- @slot Slot for content below subtitle -->\n        <slot name=\"bottom\" />\n      </div>\n    </section>\n    <section\n      v-if=\"hasSlotContent($slots.right)\"\n      data-qa=\"dt-item-layout-right-wrapper\"\n      :class=\"[rightClass, 'd-item-layout__right']\"\n    >\n      <!-- @slot Slot for right content -->\n      <slot name=\"right\" />\n    </section>\n    <section\n      v-if=\"hasSlotContent($slots.selected)\"\n      data-qa=\"dt-item-layout-selected-wrapper\"\n      :class=\"[selectedClass, 'd-item-layout__selected']\"\n    >\n      <!-- @slot Slot for selected icon -->\n      <slot name=\"selected\" />\n    </section>\n  </component>\n</template>\n\n/**\n * Custom layout to enable developer to use list-item like stack.\n * It is used as base for `dt-list-item` component\n * @see https://dialtone.dialpad.com/components/item_layout.html\n */\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtItemLayout',\n  props: {\n    /**\n     * Set this prop to render layout as a specific HTML element.\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * Set this prop to remove the default styling.\n     * @values true, false\n     */\n    unstyled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Set the class for the left section.\n     */\n    leftClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the content section.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the title section.\n     */\n    titleClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the subtitle section.\n     */\n    subtitleClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the bottom section.\n     */\n    bottomClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the right section.\n     */\n    rightClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the selected section.\n     */\n    selectedClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  methods: {\n    /**\n     * Generate dynamic grid template columns\n     */\n    dynamicGridTemplateColumns () {\n      const leftContentColumn = this.$slots.left ? 'auto' : '';\n      const rightContentColumn = this.$slots.right ? 'auto' : '';\n      const selectedContentColumn = this.$slots.selected ? 'auto' : '';\n\n      return `\n        grid-template-columns: ${leftContentColumn} 1fr ${rightContentColumn} ${selectedContentColumn};\n      `;\n    },\n\n    hasSlotContent,\n  },\n};\n</script>\n"],"names":["_sfc_main","leftContentColumn","rightContentColumn","selectedContentColumn","hasSlotContent","_createBlock","_resolveDynamicComponent","$props","_normalizeClass","_normalizeStyle","$options","_withCtx","_ctx","_createElementBlock","_renderSlot","_createCommentVNode","_createElementVNode"],"mappings":"uOA0EKA,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,eACN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,QAAS,KACV,EAMD,SAAU,CACR,KAAM,QACN,QAAS,EACV,EAKD,UAAW,CACT,KAAM,OACN,QAAS,EACV,EAKD,aAAc,CACZ,KAAM,OACN,QAAS,EACV,EAKD,WAAY,CACV,KAAM,OACN,QAAS,EACV,EAKD,cAAe,CACb,KAAM,OACN,QAAS,EACV,EAKD,YAAa,CACX,KAAM,OACN,QAAS,EACV,EAKD,WAAY,CACV,KAAM,OACN,QAAS,EACV,EAKD,cAAe,CACb,KAAM,OACN,QAAS,EACV,CACF,EAED,QAAS,CAIP,4BAA8B,CAC5B,MAAMC,EAAoB,KAAK,OAAO,KAAO,OAAS,GAChDC,EAAqB,KAAK,OAAO,MAAQ,OAAS,GAClDC,EAAwB,KAAK,OAAO,SAAW,OAAS,GAE9D,MAAO;AAAA,iCACoBF,CAAiB,QAAQC,CAAkB,IAAIC,CAAqB;AAAA,OAEhG,EAED,eAAAC,EAAc,cACf,CACH,+CAvKEC,EA8DY,YA/DdC,0BAESC,EAAE,EAAA,EAAA,CACN,MAHLC,EAAAA,eAGYD,EAAQ,SAAA,wBAAA,eAAA,EACf,MAJLE,EAAA,eAIYF,EAAQ,UAAIG,EAA0B,2BAAA,CAAA,IAJlD,QAAAC,EAAA,QAMI,IAOU,CANFD,EAAc,eAACE,EAAM,OAAC,IAAI,iBADlCC,EAOU,mBAAA,UAAA,CAbd,IAAA,EAQM,UAAQ,8BACP,MATPL,EAAAA,gBASeD,EAAS,UAAA,qBAAA,CAAA,IAGlBO,aAAoBF,EAAA,OAAA,MAAA,OAZ1BG,EAAA,mBAAA,GAAA,EAAA,EAcIC,EAAAA,mBAgCU,UAAA,CA/BR,UAAQ,iCACP,MAhBPR,EAAAA,gBAgBeD,EAAY,aAAA,wBAAA,CAAA,IAGbG,EAAc,eAACE,EAAM,OAAC,OAAO,iBADrCC,EAOM,mBAAA,MAAA,CAzBZ,IAAA,EAoBQ,UAAQ,+BACP,MArBTL,EAAAA,gBAqBiBD,EAAU,WAAA,sBAAA,CAAA,IAGnBO,aAAQF,EAAA,OAAA,SAAA,OAxBhBG,EAAA,mBAAA,GAAA,EAAA,EA2BcL,EAAc,eAACE,EAAM,OAAC,QAAQ,iBADtCC,EAWM,mBAAA,MAAA,CArCZ,IAAA,EA4BQ,UAAQ,kCACP,MA7BTL,EAAAA,eAAA,CA6B4BD,EAAa,+EAA0FG,EAAc,eAACE,EAAM,OAAC,OAAO,CAAA,MAOxJE,aAAwBF,EAAA,OAAA,UAAA,OApChCG,EAAA,mBAAA,GAAA,EAAA,EAuCcL,EAAc,eAACE,EAAM,OAAC,MAAM,iBADpCC,EAOM,mBAAA,MAAA,CA7CZ,IAAA,EAwCQ,UAAQ,gCACP,MAzCTL,EAAAA,gBAyCiBD,EAAW,YAAA,uBAAA,CAAA,IAGpBO,aAAsBF,EAAA,OAAA,QAAA,OA5C9BG,EAAA,mBAAA,GAAA,EAAA,MAgDYL,EAAc,eAACE,EAAM,OAAC,KAAK,iBADnCC,EAOU,mBAAA,UAAA,CAtDd,IAAA,EAiDM,UAAQ,+BACP,MAlDPL,EAAAA,gBAkDeD,EAAU,WAAA,sBAAA,CAAA,IAGnBO,aAAqBF,EAAA,OAAA,OAAA,OArD3BG,EAAA,mBAAA,GAAA,EAAA,EAwDYL,EAAc,eAACE,EAAM,OAAC,QAAQ,iBADtCC,EAOU,mBAAA,UAAA,CA9Dd,IAAA,EAyDM,UAAQ,kCACP,MA1DPL,EAAAA,gBA0DeD,EAAa,cAAA,yBAAA,CAAA,IAGtBO,aAAwBF,EAAA,OAAA,UAAA,OA7D9BG,EAAA,mBAAA,GAAA,EAAA,IAAA,EAAA"}
+{"version":3,"file":"item-layout.cjs","sources":["../../../components/item_layout/item_layout.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    :class=\"unstyled ? 'd-item-layout--custom' : 'd-item-layout'\"\n    :style=\"unstyled && dynamicGridTemplateColumns()\"\n  >\n    <section\n      v-if=\"hasSlotContent($slots.left)\"\n      data-qa=\"dt-item-layout-left-wrapper\"\n      :class=\"[leftClass, 'd-item-layout__left']\"\n    >\n      <!-- @slot Slot for left content -->\n      <slot name=\"left\" />\n    </section>\n    <section\n      data-qa=\"dt-item-layout-content-wrapper\"\n      :class=\"[contentClass, 'd-item-layout__content']\"\n    >\n      <div\n        v-if=\"hasSlotContent($slots.default)\"\n        data-qa=\"dt-item-layout-title-wrapper\"\n        :class=\"[titleClass, 'd-item-layout__title']\"\n      >\n        <!-- @slot Slot for main content -->\n        <slot />\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.subtitle)\"\n        data-qa=\"dt-item-layout-subtitle-wrapper\"\n        :class=\"[\n          subtitleClass,\n          'd-item-layout--subtitle',\n          { 'd-item-layout--subtitle--with-title': hasSlotContent($slots.default) },\n        ]\"\n      >\n        <!-- @slot Slot for content below main content -->\n        <slot name=\"subtitle\" />\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.bottom)\"\n        data-qa=\"dt-item-layout-bottom-wrapper\"\n        :class=\"[bottomClass, 'd-item-layout__bottom']\"\n      >\n        <!-- @slot Slot for content below subtitle -->\n        <slot name=\"bottom\" />\n      </div>\n    </section>\n    <section\n      v-if=\"hasSlotContent($slots.right)\"\n      data-qa=\"dt-item-layout-right-wrapper\"\n      :class=\"[rightClass, 'd-item-layout__right']\"\n    >\n      <!-- @slot Slot for right content -->\n      <slot name=\"right\" />\n    </section>\n    <section\n      v-if=\"hasSlotContent($slots.selected)\"\n      data-qa=\"dt-item-layout-selected-wrapper\"\n      :class=\"[selectedClass, 'd-item-layout__selected']\"\n    >\n      <!-- @slot Slot for selected icon -->\n      <slot name=\"selected\" />\n    </section>\n  </component>\n</template>\n\n/**\n * Custom layout to enable developer to use list-item like stack.\n * It is used as base for `dt-list-item` component\n * @see https://dialtone.dialpad.com/components/item_layout.html\n */\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtItemLayout',\n  props: {\n    /**\n     * Set this prop to render layout as a specific HTML element.\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * Set this prop to remove the default styling.\n     * @values true, false\n     */\n    unstyled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Set the class for the left section.\n     */\n    leftClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the content section.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the title section.\n     */\n    titleClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the subtitle section.\n     */\n    subtitleClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the bottom section.\n     */\n    bottomClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the right section.\n     */\n    rightClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the selected section.\n     */\n    selectedClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  methods: {\n    /**\n     * Generate dynamic grid template columns\n     */\n    dynamicGridTemplateColumns () {\n      const leftContentColumn = this.$slots.left ? 'auto' : '';\n      const rightContentColumn = this.$slots.right ? 'auto' : '';\n      const selectedContentColumn = this.$slots.selected ? 'auto' : '';\n\n      return `\n        grid-template-columns: ${leftContentColumn} 1fr ${rightContentColumn} ${selectedContentColumn};\n      `;\n    },\n\n    hasSlotContent,\n  },\n};\n</script>\n"],"names":["_sfc_main","leftContentColumn","rightContentColumn","selectedContentColumn","hasSlotContent","_createBlock","_resolveDynamicComponent","$props","_normalizeClass","_normalizeStyle","$options","_withCtx","_ctx","_createElementBlock","_renderSlot","_createCommentVNode","_createElementVNode"],"mappings":"uOA0EKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,eACN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,QAAS,OAOX,SAAU,CACR,KAAM,QACN,QAAS,IAMX,UAAW,CACT,KAAM,OACN,QAAS,IAMX,aAAc,CACZ,KAAM,OACN,QAAS,IAMX,WAAY,CACV,KAAM,OACN,QAAS,IAMX,cAAe,CACb,KAAM,OACN,QAAS,IAMX,YAAa,CACX,KAAM,OACN,QAAS,IAMX,WAAY,CACV,KAAM,OACN,QAAS,IAMX,cAAe,CACb,KAAM,OACN,QAAS,KAIb,QAAS,CAIP,4BAA8B,CAC5B,MAAMC,EAAoB,KAAK,OAAO,KAAO,OAAS,GAChDC,EAAqB,KAAK,OAAO,MAAQ,OAAS,GAClDC,EAAwB,KAAK,OAAO,SAAW,OAAS,GAE9D,MAAO;AAAA,iCACoBF,CAAiB,QAAQC,CAAkB,IAAIC,CAAqB;AAAA,OAEjG,EAEA,eAAAC,EAAAA,eAEJ,+CAvKEC,EAAAA,YADFC,EAAAA,wBAESC,EAAA,EAAE,EAAA,CACN,MAHLC,EAAAA,eAGYD,EAAA,SAAQ,wBAAA,eAAA,EACf,MAJLE,EAAAA,eAIYF,EAAA,UAAYG,EAAA,2BAA0B,CAAA,IAJlD,QAAAC,EAAAA,QAMI,IAOU,CANFD,EAAA,eAAeE,EAAA,OAAO,IAAI,iBADlCC,EAAAA,mBAOU,UAAA,CAbd,IAAA,EAQM,UAAQ,8BACP,MATPL,EAAAA,gBASeD,EAAA,UAAS,qBAAA,CAAA,IAGlBO,aAAoBF,EAAA,OAAA,MAAA,OAZ1BG,EAAAA,mBAAA,GAAA,EAAA,EAcIC,EAAAA,mBAgCU,UAAA,CA/BR,UAAQ,iCACP,MAhBPR,EAAAA,gBAgBeD,EAAA,aAAY,wBAAA,CAAA,IAGbG,EAAA,eAAeE,EAAA,OAAO,OAAO,iBADrCC,EAAAA,mBAOM,MAAA,CAzBZ,IAAA,EAoBQ,UAAQ,+BACP,MArBTL,EAAAA,gBAqBiBD,EAAA,WAAU,sBAAA,CAAA,IAGnBO,aAAQF,EAAA,OAAA,SAAA,OAxBhBG,EAAAA,mBAAA,GAAA,EAAA,EA2BcL,EAAA,eAAeE,EAAA,OAAO,QAAQ,iBADtCC,EAAAA,mBAWM,MAAA,CArCZ,IAAA,EA4BQ,UAAQ,kCACP,MA7BTL,EAAAA,eAAA,CA6B4BD,EAAA,+EAAuGG,EAAA,eAAeE,EAAA,OAAO,OAAO,CAAA,MAOxJE,aAAwBF,EAAA,OAAA,UAAA,OApChCG,EAAAA,mBAAA,GAAA,EAAA,EAuCcL,EAAA,eAAeE,EAAA,OAAO,MAAM,iBADpCC,EAAAA,mBAOM,MAAA,CA7CZ,IAAA,EAwCQ,UAAQ,gCACP,MAzCTL,EAAAA,gBAyCiBD,EAAA,YAAW,uBAAA,CAAA,IAGpBO,aAAsBF,EAAA,OAAA,QAAA,OA5C9BG,EAAAA,mBAAA,GAAA,EAAA,MAgDYL,EAAA,eAAeE,EAAA,OAAO,KAAK,iBADnCC,EAAAA,mBAOU,UAAA,CAtDd,IAAA,EAiDM,UAAQ,+BACP,MAlDPL,EAAAA,gBAkDeD,EAAA,WAAU,sBAAA,CAAA,IAGnBO,aAAqBF,EAAA,OAAA,OAAA,OArD3BG,EAAAA,mBAAA,GAAA,EAAA,EAwDYL,EAAA,eAAeE,EAAA,OAAO,QAAQ,iBADtCC,EAAAA,mBAOU,UAAA,CA9Dd,IAAA,EAyDM,UAAQ,kCACP,MA1DPL,EAAAA,gBA0DeD,EAAA,cAAa,yBAAA,CAAA,IAGtBO,aAAwBF,EAAA,OAAA,UAAA,OA7D9BG,EAAAA,mBAAA,GAAA,EAAA,IAAA,EAAA"}

package/dist/vue3/lib/item-layout/item-layout.js

@@ -1,5 +1,5 @@
 import { hasSlotContent as u } from "../../common/utils/index.js";
-import { openBlock as s, createBlock as r, resolveDynamicComponent as m, normalizeClass as a, normalizeStyle as y, withCtx as c, createElementBlock as o, renderSlot as n, createCommentVNode as d, createElementVNode as C } from "vue";
+import { createBlock as r, openBlock as s, resolveDynamicComponent as m, normalizeStyle as y, normalizeClass as a, withCtx as c, createElementBlock as o, createCommentVNode as n, createElementVNode as C, renderSlot as d } from "vue";
 import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const h = {
   compatConfig: { MODE: 3 },
@@ -94,8 +94,8 @@ function g(t, i, e, S, b, l) {
         "data-qa": "dt-item-layout-left-wrapper",
         class: a([e.leftClass, "d-item-layout__left"])
       }, [
-        n(t.$slots, "left")
-      ], 2)) : d("", !0),
+        d(t.$slots, "left")
+      ], 2)) : n("", !0),
       C("section", {
         "data-qa": "dt-item-layout-content-wrapper",
         class: a([e.contentClass, "d-item-layout__content"])
@@ -105,8 +105,8 @@ function g(t, i, e, S, b, l) {
           "data-qa": "dt-item-layout-title-wrapper",
           class: a([e.titleClass, "d-item-layout__title"])
         }, [
-          n(t.$slots, "default")
-        ], 2)) : d("", !0),
+          d(t.$slots, "default")
+        ], 2)) : n("", !0),
         l.hasSlotContent(t.$slots.subtitle) ? (s(), o("div", {
           key: 1,
           "data-qa": "dt-item-layout-subtitle-wrapper",
@@ -116,30 +116,30 @@ function g(t, i, e, S, b, l) {
             { "d-item-layout--subtitle--with-title": l.hasSlotContent(t.$slots.default) }
           ])
         }, [
-          n(t.$slots, "subtitle")
-        ], 2)) : d("", !0),
+          d(t.$slots, "subtitle")
+        ], 2)) : n("", !0),
         l.hasSlotContent(t.$slots.bottom) ? (s(), o("div", {
           key: 2,
           "data-qa": "dt-item-layout-bottom-wrapper",
           class: a([e.bottomClass, "d-item-layout__bottom"])
         }, [
-          n(t.$slots, "bottom")
-        ], 2)) : d("", !0)
+          d(t.$slots, "bottom")
+        ], 2)) : n("", !0)
       ], 2),
       l.hasSlotContent(t.$slots.right) ? (s(), o("section", {
         key: 1,
         "data-qa": "dt-item-layout-right-wrapper",
         class: a([e.rightClass, "d-item-layout__right"])
       }, [
-        n(t.$slots, "right")
-      ], 2)) : d("", !0),
+        d(t.$slots, "right")
+      ], 2)) : n("", !0),
       l.hasSlotContent(t.$slots.selected) ? (s(), o("section", {
         key: 2,
         "data-qa": "dt-item-layout-selected-wrapper",
         class: a([e.selectedClass, "d-item-layout__selected"])
       }, [
-        n(t.$slots, "selected")
-      ], 2)) : d("", !0)
+        d(t.$slots, "selected")
+      ], 2)) : n("", !0)
     ]),
     _: 3
   }, 8, ["class", "style"]);

package/dist/vue3/lib/item-layout/item-layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"item-layout.js","sources":["../../../components/item_layout/item_layout.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    :class=\"unstyled ? 'd-item-layout--custom' : 'd-item-layout'\"\n    :style=\"unstyled && dynamicGridTemplateColumns()\"\n  >\n    <section\n      v-if=\"hasSlotContent($slots.left)\"\n      data-qa=\"dt-item-layout-left-wrapper\"\n      :class=\"[leftClass, 'd-item-layout__left']\"\n    >\n      <!-- @slot Slot for left content -->\n      <slot name=\"left\" />\n    </section>\n    <section\n      data-qa=\"dt-item-layout-content-wrapper\"\n      :class=\"[contentClass, 'd-item-layout__content']\"\n    >\n      <div\n        v-if=\"hasSlotContent($slots.default)\"\n        data-qa=\"dt-item-layout-title-wrapper\"\n        :class=\"[titleClass, 'd-item-layout__title']\"\n      >\n        <!-- @slot Slot for main content -->\n        <slot />\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.subtitle)\"\n        data-qa=\"dt-item-layout-subtitle-wrapper\"\n        :class=\"[\n          subtitleClass,\n          'd-item-layout--subtitle',\n          { 'd-item-layout--subtitle--with-title': hasSlotContent($slots.default) },\n        ]\"\n      >\n        <!-- @slot Slot for content below main content -->\n        <slot name=\"subtitle\" />\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.bottom)\"\n        data-qa=\"dt-item-layout-bottom-wrapper\"\n        :class=\"[bottomClass, 'd-item-layout__bottom']\"\n      >\n        <!-- @slot Slot for content below subtitle -->\n        <slot name=\"bottom\" />\n      </div>\n    </section>\n    <section\n      v-if=\"hasSlotContent($slots.right)\"\n      data-qa=\"dt-item-layout-right-wrapper\"\n      :class=\"[rightClass, 'd-item-layout__right']\"\n    >\n      <!-- @slot Slot for right content -->\n      <slot name=\"right\" />\n    </section>\n    <section\n      v-if=\"hasSlotContent($slots.selected)\"\n      data-qa=\"dt-item-layout-selected-wrapper\"\n      :class=\"[selectedClass, 'd-item-layout__selected']\"\n    >\n      <!-- @slot Slot for selected icon -->\n      <slot name=\"selected\" />\n    </section>\n  </component>\n</template>\n\n/**\n * Custom layout to enable developer to use list-item like stack.\n * It is used as base for `dt-list-item` component\n * @see https://dialtone.dialpad.com/components/item_layout.html\n */\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtItemLayout',\n  props: {\n    /**\n     * Set this prop to render layout as a specific HTML element.\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * Set this prop to remove the default styling.\n     * @values true, false\n     */\n    unstyled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Set the class for the left section.\n     */\n    leftClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the content section.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the title section.\n     */\n    titleClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the subtitle section.\n     */\n    subtitleClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the bottom section.\n     */\n    bottomClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the right section.\n     */\n    rightClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the selected section.\n     */\n    selectedClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  methods: {\n    /**\n     * Generate dynamic grid template columns\n     */\n    dynamicGridTemplateColumns () {\n      const leftContentColumn = this.$slots.left ? 'auto' : '';\n      const rightContentColumn = this.$slots.right ? 'auto' : '';\n      const selectedContentColumn = this.$slots.selected ? 'auto' : '';\n\n      return `\n        grid-template-columns: ${leftContentColumn} 1fr ${rightContentColumn} ${selectedContentColumn};\n      `;\n    },\n\n    hasSlotContent,\n  },\n};\n</script>\n"],"names":["_sfc_main","leftContentColumn","rightContentColumn","selectedContentColumn","hasSlotContent","_createBlock","_resolveDynamicComponent","$props","_normalizeClass","_normalizeStyle","$options","_withCtx","_ctx","_createElementBlock","_renderSlot","_createCommentVNode","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"item-layout.js","sources":["../../../components/item_layout/item_layout.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"as\"\n    :class=\"unstyled ? 'd-item-layout--custom' : 'd-item-layout'\"\n    :style=\"unstyled && dynamicGridTemplateColumns()\"\n  >\n    <section\n      v-if=\"hasSlotContent($slots.left)\"\n      data-qa=\"dt-item-layout-left-wrapper\"\n      :class=\"[leftClass, 'd-item-layout__left']\"\n    >\n      <!-- @slot Slot for left content -->\n      <slot name=\"left\" />\n    </section>\n    <section\n      data-qa=\"dt-item-layout-content-wrapper\"\n      :class=\"[contentClass, 'd-item-layout__content']\"\n    >\n      <div\n        v-if=\"hasSlotContent($slots.default)\"\n        data-qa=\"dt-item-layout-title-wrapper\"\n        :class=\"[titleClass, 'd-item-layout__title']\"\n      >\n        <!-- @slot Slot for main content -->\n        <slot />\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.subtitle)\"\n        data-qa=\"dt-item-layout-subtitle-wrapper\"\n        :class=\"[\n          subtitleClass,\n          'd-item-layout--subtitle',\n          { 'd-item-layout--subtitle--with-title': hasSlotContent($slots.default) },\n        ]\"\n      >\n        <!-- @slot Slot for content below main content -->\n        <slot name=\"subtitle\" />\n      </div>\n      <div\n        v-if=\"hasSlotContent($slots.bottom)\"\n        data-qa=\"dt-item-layout-bottom-wrapper\"\n        :class=\"[bottomClass, 'd-item-layout__bottom']\"\n      >\n        <!-- @slot Slot for content below subtitle -->\n        <slot name=\"bottom\" />\n      </div>\n    </section>\n    <section\n      v-if=\"hasSlotContent($slots.right)\"\n      data-qa=\"dt-item-layout-right-wrapper\"\n      :class=\"[rightClass, 'd-item-layout__right']\"\n    >\n      <!-- @slot Slot for right content -->\n      <slot name=\"right\" />\n    </section>\n    <section\n      v-if=\"hasSlotContent($slots.selected)\"\n      data-qa=\"dt-item-layout-selected-wrapper\"\n      :class=\"[selectedClass, 'd-item-layout__selected']\"\n    >\n      <!-- @slot Slot for selected icon -->\n      <slot name=\"selected\" />\n    </section>\n  </component>\n</template>\n\n/**\n * Custom layout to enable developer to use list-item like stack.\n * It is used as base for `dt-list-item` component\n * @see https://dialtone.dialpad.com/components/item_layout.html\n */\n<script>\nimport { hasSlotContent } from '@/common/utils';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtItemLayout',\n  props: {\n    /**\n     * Set this prop to render layout as a specific HTML element.\n     */\n    as: {\n      type: String,\n      default: 'div',\n    },\n\n    /**\n     * Set this prop to remove the default styling.\n     * @values true, false\n     */\n    unstyled: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Set the class for the left section.\n     */\n    leftClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the content section.\n     */\n    contentClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the title section.\n     */\n    titleClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the subtitle section.\n     */\n    subtitleClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the bottom section.\n     */\n    bottomClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the right section.\n     */\n    rightClass: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Set the class for the selected section.\n     */\n    selectedClass: {\n      type: String,\n      default: '',\n    },\n  },\n\n  methods: {\n    /**\n     * Generate dynamic grid template columns\n     */\n    dynamicGridTemplateColumns () {\n      const leftContentColumn = this.$slots.left ? 'auto' : '';\n      const rightContentColumn = this.$slots.right ? 'auto' : '';\n      const selectedContentColumn = this.$slots.selected ? 'auto' : '';\n\n      return `\n        grid-template-columns: ${leftContentColumn} 1fr ${rightContentColumn} ${selectedContentColumn};\n      `;\n    },\n\n    hasSlotContent,\n  },\n};\n</script>\n"],"names":["_sfc_main","leftContentColumn","rightContentColumn","selectedContentColumn","hasSlotContent","_createBlock","_resolveDynamicComponent","$props","_normalizeClass","_normalizeStyle","$options","_withCtx","_ctx","_createElementBlock","_renderSlot","_createCommentVNode","_createElementVNode"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ivr-node-constants.cjs","sources":["../../../recipes/cards/ivr_node/ivr_node_constants.js"],"sourcesContent":["export const IVR_NODE_PROMPT_MENU = 'promptmenu';\nexport const IVR_NODE_PROMPT_COLLECT = 'promptcollect';\nexport const IVR_NODE_PROMPT_PLAY = 'promptplay';\nexport const IVR_NODE_EXPERT = 'gotoexpert';\nexport const IVR_NODE_BRANCH = 'branch';\nexport const IVR_NODE_GO_TO = 'goto';\nexport const IVR_NODE_ASSIGN = 'assign';\nexport const IVR_NODE_CUSTOMER_DATA = 'customerdata';\nexport const IVR_NODE_TRANSFER = 'transfer';\nexport const IVR_NODE_HANGUP = 'hangup';\n\nexport const IVR_NODE_ICON_TYPES = {\n  [IVR_NODE_PROMPT_MENU]: 'keypad',\n  [IVR_NODE_PROMPT_COLLECT]: 'dialer',\n  [IVR_NODE_PROMPT_PLAY]: 'volume-2',\n  [IVR_NODE_EXPERT]: 'expert-node',\n  [IVR_NODE_BRANCH]: 'branch',\n  [IVR_NODE_GO_TO]: 'call-merge',\n  [IVR_NODE_ASSIGN]: 'chevrons-right',\n  [IVR_NODE_CUSTOMER_DATA]: 'list-bullet',\n  [IVR_NODE_TRANSFER]: 'transfer',\n  [IVR_NODE_HANGUP]: 'phone-hang-up',\n};\n\nexport const IVR_NODE_LABELS = {\n  [IVR_NODE_PROMPT_MENU]: 'Menu',\n  [IVR_NODE_PROMPT_COLLECT]: 'Collect',\n  [IVR_NODE_PROMPT_PLAY]: 'Play',\n  [IVR_NODE_EXPERT]: 'Expert',\n  [IVR_NODE_BRANCH]: 'Branch',\n  [IVR_NODE_GO_TO]: 'Go-to',\n  [IVR_NODE_ASSIGN]: 'Assign',\n  [IVR_NODE_CUSTOMER_DATA]: 'Customer Data',\n  [IVR_NODE_TRANSFER]: 'Transfer',\n  [IVR_NODE_HANGUP]: 'Hangup',\n};\n\nconst IVR_NODE_CLASSES = {\n  PROMPT: {\n    normal: 'd-recipe-ivr-node-prompt',\n    selected: 'd-recipe-ivr-node-prompt--selected',\n  },\n  LOGIC: {\n    normal: 'd-recipe-ivr-node-logic',\n    selected: 'd-recipe-ivr-node-logic--selected',\n  },\n  TERMINAL: {\n    normal: 'd-recipe-ivr-node-terminal',\n    selected: 'd-recipe-ivr-node-terminal--selected',\n  },\n};\n\nexport const IVR_NODE_CLASS_MAPPING = {\n  [IVR_NODE_PROMPT_MENU]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_PROMPT_COLLECT]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_PROMPT_PLAY]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_EXPERT]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_BRANCH]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_GO_TO]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_ASSIGN]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_CUSTOMER_DATA]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_TRANSFER]: IVR_NODE_CLASSES.TERMINAL,\n  [IVR_NODE_HANGUP]: IVR_NODE_CLASSES.TERMINAL,\n};\n"],"names":["IVR_NODE_PROMPT_MENU","IVR_NODE_PROMPT_COLLECT","IVR_NODE_PROMPT_PLAY","IVR_NODE_EXPERT","IVR_NODE_BRANCH","IVR_NODE_GO_TO","IVR_NODE_ASSIGN","IVR_NODE_CUSTOMER_DATA","IVR_NODE_TRANSFER","IVR_NODE_HANGUP","IVR_NODE_ICON_TYPES","IVR_NODE_LABELS","IVR_NODE_CLASSES","IVR_NODE_CLASS_MAPPING"],"mappings":"gFAAY,MAACA,EAAuB,aACvBC,EAA0B,gBAC1BC,EAAuB,aACvBC,EAAkB,aAClBC,EAAkB,SAClBC,EAAiB,OACjBC,EAAkB,SAClBC,EAAyB,eACzBC,EAAoB,WACpBC,EAAkB,SAElBC,EAAsB,CACjC,CAACV,CAAoB,EAAG,SACxB,CAACC,CAAuB,EAAG,SAC3B,CAACC,CAAoB,EAAG,WACxB,CAACC,CAAe,EAAG,cACnB,CAACC,CAAe,EAAG,SACnB,CAACC,CAAc,EAAG,aAClB,CAACC,CAAe,EAAG,iBACnB,CAACC,CAAsB,EAAG,cAC1B,CAACC,CAAiB,EAAG,WACrB,CAACC,CAAe,EAAG,eACrB,EAEaE,EAAkB,CAC7B,CAACX,CAAoB,EAAG,OACxB,CAACC,CAAuB,EAAG,UAC3B,CAACC,CAAoB,EAAG,OACxB,CAACC,CAAe,EAAG,SACnB,CAACC,CAAe,EAAG,SACnB,CAACC,CAAc,EAAG,QAClB,CAACC,CAAe,EAAG,SACnB,CAACC,CAAsB,EAAG,gBAC1B,CAACC,CAAiB,EAAG,WACrB,CAACC,CAAe,EAAG,QACrB,EAEMG,EAAmB,CACvB,OAAQ,CACN,OAAQ,2BACR,SAAU,oCACX,EACD,MAAO,CACL,OAAQ,0BACR,SAAU,mCACX,EACD,SAAU,CACR,OAAQ,6BACR,SAAU,sCACX,CACH,EAEaC,EAAyB,CACpC,CAACb,CAAoB,EAAGY,EAAiB,OACzC,CAACX,CAAuB,EAAGW,EAAiB,OAC5C,CAACV,CAAoB,EAAGU,EAAiB,OACzC,CAACT,CAAe,EAAGS,EAAiB,MACpC,CAACR,CAAe,EAAGQ,EAAiB,MACpC,CAACP,CAAc,EAAGO,EAAiB,MACnC,CAACN,CAAe,EAAGM,EAAiB,MACpC,CAACL,CAAsB,EAAGK,EAAiB,MAC3C,CAACJ,CAAiB,EAAGI,EAAiB,SACtC,CAACH,CAAe,EAAGG,EAAiB,QACtC"}
+{"version":3,"file":"ivr-node-constants.cjs","sources":["../../../recipes/cards/ivr_node/ivr_node_constants.js"],"sourcesContent":["export const IVR_NODE_PROMPT_MENU = 'promptmenu';\nexport const IVR_NODE_PROMPT_COLLECT = 'promptcollect';\nexport const IVR_NODE_PROMPT_PLAY = 'promptplay';\nexport const IVR_NODE_EXPERT = 'gotoexpert';\nexport const IVR_NODE_BRANCH = 'branch';\nexport const IVR_NODE_GO_TO = 'goto';\nexport const IVR_NODE_ASSIGN = 'assign';\nexport const IVR_NODE_CUSTOMER_DATA = 'customerdata';\nexport const IVR_NODE_TRANSFER = 'transfer';\nexport const IVR_NODE_HANGUP = 'hangup';\n\nexport const IVR_NODE_ICON_TYPES = {\n  [IVR_NODE_PROMPT_MENU]: 'keypad',\n  [IVR_NODE_PROMPT_COLLECT]: 'dialer',\n  [IVR_NODE_PROMPT_PLAY]: 'volume-2',\n  [IVR_NODE_EXPERT]: 'expert-node',\n  [IVR_NODE_BRANCH]: 'branch',\n  [IVR_NODE_GO_TO]: 'call-merge',\n  [IVR_NODE_ASSIGN]: 'chevrons-right',\n  [IVR_NODE_CUSTOMER_DATA]: 'list-bullet',\n  [IVR_NODE_TRANSFER]: 'transfer',\n  [IVR_NODE_HANGUP]: 'phone-hang-up',\n};\n\nexport const IVR_NODE_LABELS = {\n  [IVR_NODE_PROMPT_MENU]: 'Menu',\n  [IVR_NODE_PROMPT_COLLECT]: 'Collect',\n  [IVR_NODE_PROMPT_PLAY]: 'Play',\n  [IVR_NODE_EXPERT]: 'Expert',\n  [IVR_NODE_BRANCH]: 'Branch',\n  [IVR_NODE_GO_TO]: 'Go-to',\n  [IVR_NODE_ASSIGN]: 'Assign',\n  [IVR_NODE_CUSTOMER_DATA]: 'Customer Data',\n  [IVR_NODE_TRANSFER]: 'Transfer',\n  [IVR_NODE_HANGUP]: 'Hangup',\n};\n\nconst IVR_NODE_CLASSES = {\n  PROMPT: {\n    normal: 'd-recipe-ivr-node-prompt',\n    selected: 'd-recipe-ivr-node-prompt--selected',\n  },\n  LOGIC: {\n    normal: 'd-recipe-ivr-node-logic',\n    selected: 'd-recipe-ivr-node-logic--selected',\n  },\n  TERMINAL: {\n    normal: 'd-recipe-ivr-node-terminal',\n    selected: 'd-recipe-ivr-node-terminal--selected',\n  },\n};\n\nexport const IVR_NODE_CLASS_MAPPING = {\n  [IVR_NODE_PROMPT_MENU]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_PROMPT_COLLECT]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_PROMPT_PLAY]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_EXPERT]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_BRANCH]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_GO_TO]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_ASSIGN]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_CUSTOMER_DATA]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_TRANSFER]: IVR_NODE_CLASSES.TERMINAL,\n  [IVR_NODE_HANGUP]: IVR_NODE_CLASSES.TERMINAL,\n};\n"],"names":["IVR_NODE_PROMPT_MENU","IVR_NODE_PROMPT_COLLECT","IVR_NODE_PROMPT_PLAY","IVR_NODE_EXPERT","IVR_NODE_BRANCH","IVR_NODE_GO_TO","IVR_NODE_ASSIGN","IVR_NODE_CUSTOMER_DATA","IVR_NODE_TRANSFER","IVR_NODE_HANGUP","IVR_NODE_ICON_TYPES","IVR_NODE_LABELS","IVR_NODE_CLASSES","IVR_NODE_CLASS_MAPPING"],"mappings":"gFAAY,MAACA,EAAuB,aACvBC,EAA0B,gBAC1BC,EAAuB,aACvBC,EAAkB,aAClBC,EAAkB,SAClBC,EAAiB,OACjBC,EAAkB,SAClBC,EAAyB,eACzBC,EAAoB,WACpBC,EAAkB,SAElBC,EAAsB,CACjC,CAACV,CAAoB,EAAG,SACxB,CAACC,CAAuB,EAAG,SAC3B,CAACC,CAAoB,EAAG,WACxB,CAACC,CAAe,EAAG,cACnB,CAACC,CAAe,EAAG,SACnB,CAACC,CAAc,EAAG,aAClB,CAACC,CAAe,EAAG,iBACnB,CAACC,CAAsB,EAAG,cAC1B,CAACC,CAAiB,EAAG,WACrB,CAACC,CAAe,EAAG,eACrB,EAEaE,EAAkB,CAC7B,CAACX,CAAoB,EAAG,OACxB,CAACC,CAAuB,EAAG,UAC3B,CAACC,CAAoB,EAAG,OACxB,CAACC,CAAe,EAAG,SACnB,CAACC,CAAe,EAAG,SACnB,CAACC,CAAc,EAAG,QAClB,CAACC,CAAe,EAAG,SACnB,CAACC,CAAsB,EAAG,gBAC1B,CAACC,CAAiB,EAAG,WACrB,CAACC,CAAe,EAAG,QACrB,EAEMG,EAAmB,CACvB,OAAQ,CACN,OAAQ,2BACR,SAAU,oCACd,EACE,MAAO,CACL,OAAQ,0BACR,SAAU,mCACd,EACE,SAAU,CACR,OAAQ,6BACR,SAAU,sCACd,CACA,EAEaC,EAAyB,CACpC,CAACb,CAAoB,EAAGY,EAAiB,OACzC,CAACX,CAAuB,EAAGW,EAAiB,OAC5C,CAACV,CAAoB,EAAGU,EAAiB,OACzC,CAACT,CAAe,EAAGS,EAAiB,MACpC,CAACR,CAAe,EAAGQ,EAAiB,MACpC,CAACP,CAAc,EAAGO,EAAiB,MACnC,CAACN,CAAe,EAAGM,EAAiB,MACpC,CAACL,CAAsB,EAAGK,EAAiB,MAC3C,CAACJ,CAAiB,EAAGI,EAAiB,SACtC,CAACH,CAAe,EAAGG,EAAiB,QACtC"}

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

@@ -1 +1 @@
-{"version":3,"file":"ivr-node-constants.js","sources":["../../../recipes/cards/ivr_node/ivr_node_constants.js"],"sourcesContent":["export const IVR_NODE_PROMPT_MENU = 'promptmenu';\nexport const IVR_NODE_PROMPT_COLLECT = 'promptcollect';\nexport const IVR_NODE_PROMPT_PLAY = 'promptplay';\nexport const IVR_NODE_EXPERT = 'gotoexpert';\nexport const IVR_NODE_BRANCH = 'branch';\nexport const IVR_NODE_GO_TO = 'goto';\nexport const IVR_NODE_ASSIGN = 'assign';\nexport const IVR_NODE_CUSTOMER_DATA = 'customerdata';\nexport const IVR_NODE_TRANSFER = 'transfer';\nexport const IVR_NODE_HANGUP = 'hangup';\n\nexport const IVR_NODE_ICON_TYPES = {\n  [IVR_NODE_PROMPT_MENU]: 'keypad',\n  [IVR_NODE_PROMPT_COLLECT]: 'dialer',\n  [IVR_NODE_PROMPT_PLAY]: 'volume-2',\n  [IVR_NODE_EXPERT]: 'expert-node',\n  [IVR_NODE_BRANCH]: 'branch',\n  [IVR_NODE_GO_TO]: 'call-merge',\n  [IVR_NODE_ASSIGN]: 'chevrons-right',\n  [IVR_NODE_CUSTOMER_DATA]: 'list-bullet',\n  [IVR_NODE_TRANSFER]: 'transfer',\n  [IVR_NODE_HANGUP]: 'phone-hang-up',\n};\n\nexport const IVR_NODE_LABELS = {\n  [IVR_NODE_PROMPT_MENU]: 'Menu',\n  [IVR_NODE_PROMPT_COLLECT]: 'Collect',\n  [IVR_NODE_PROMPT_PLAY]: 'Play',\n  [IVR_NODE_EXPERT]: 'Expert',\n  [IVR_NODE_BRANCH]: 'Branch',\n  [IVR_NODE_GO_TO]: 'Go-to',\n  [IVR_NODE_ASSIGN]: 'Assign',\n  [IVR_NODE_CUSTOMER_DATA]: 'Customer Data',\n  [IVR_NODE_TRANSFER]: 'Transfer',\n  [IVR_NODE_HANGUP]: 'Hangup',\n};\n\nconst IVR_NODE_CLASSES = {\n  PROMPT: {\n    normal: 'd-recipe-ivr-node-prompt',\n    selected: 'd-recipe-ivr-node-prompt--selected',\n  },\n  LOGIC: {\n    normal: 'd-recipe-ivr-node-logic',\n    selected: 'd-recipe-ivr-node-logic--selected',\n  },\n  TERMINAL: {\n    normal: 'd-recipe-ivr-node-terminal',\n    selected: 'd-recipe-ivr-node-terminal--selected',\n  },\n};\n\nexport const IVR_NODE_CLASS_MAPPING = {\n  [IVR_NODE_PROMPT_MENU]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_PROMPT_COLLECT]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_PROMPT_PLAY]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_EXPERT]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_BRANCH]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_GO_TO]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_ASSIGN]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_CUSTOMER_DATA]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_TRANSFER]: IVR_NODE_CLASSES.TERMINAL,\n  [IVR_NODE_HANGUP]: IVR_NODE_CLASSES.TERMINAL,\n};\n"],"names":["IVR_NODE_PROMPT_MENU","IVR_NODE_PROMPT_COLLECT","IVR_NODE_PROMPT_PLAY","IVR_NODE_EXPERT","IVR_NODE_BRANCH","IVR_NODE_GO_TO","IVR_NODE_ASSIGN","IVR_NODE_CUSTOMER_DATA","IVR_NODE_TRANSFER","IVR_NODE_HANGUP","IVR_NODE_ICON_TYPES","IVR_NODE_LABELS","IVR_NODE_CLASSES","IVR_NODE_CLASS_MAPPING"],"mappings":"AAAY,MAACA,IAAuB,cACvBC,IAA0B,iBAC1BC,IAAuB,cACvBC,IAAkB,cAClBC,IAAkB,UAClBC,IAAiB,QACjBC,IAAkB,UAClBC,IAAyB,gBACzBC,IAAoB,YACpBC,IAAkB,UAElBC,IAAsB;AAAA,EACjC,CAACV,CAAoB,GAAG;AAAA,EACxB,CAACC,CAAuB,GAAG;AAAA,EAC3B,CAACC,CAAoB,GAAG;AAAA,EACxB,CAACC,CAAe,GAAG;AAAA,EACnB,CAACC,CAAe,GAAG;AAAA,EACnB,CAACC,CAAc,GAAG;AAAA,EAClB,CAACC,CAAe,GAAG;AAAA,EACnB,CAACC,CAAsB,GAAG;AAAA,EAC1B,CAACC,CAAiB,GAAG;AAAA,EACrB,CAACC,CAAe,GAAG;AACrB,GAEaE,IAAkB;AAAA,EAC7B,CAACX,CAAoB,GAAG;AAAA,EACxB,CAACC,CAAuB,GAAG;AAAA,EAC3B,CAACC,CAAoB,GAAG;AAAA,EACxB,CAACC,CAAe,GAAG;AAAA,EACnB,CAACC,CAAe,GAAG;AAAA,EACnB,CAACC,CAAc,GAAG;AAAA,EAClB,CAACC,CAAe,GAAG;AAAA,EACnB,CAACC,CAAsB,GAAG;AAAA,EAC1B,CAACC,CAAiB,GAAG;AAAA,EACrB,CAACC,CAAe,GAAG;AACrB,GAEMG,IAAmB;AAAA,EACvB,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACX;AAAA,EACD,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,EACX;AAAA,EACD,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,EACX;AACH,GAEaC,IAAyB;AAAA,EACpC,CAACb,CAAoB,GAAGY,EAAiB;AAAA,EACzC,CAACX,CAAuB,GAAGW,EAAiB;AAAA,EAC5C,CAACV,CAAoB,GAAGU,EAAiB;AAAA,EACzC,CAACT,CAAe,GAAGS,EAAiB;AAAA,EACpC,CAACR,CAAe,GAAGQ,EAAiB;AAAA,EACpC,CAACP,CAAc,GAAGO,EAAiB;AAAA,EACnC,CAACN,CAAe,GAAGM,EAAiB;AAAA,EACpC,CAACL,CAAsB,GAAGK,EAAiB;AAAA,EAC3C,CAACJ,CAAiB,GAAGI,EAAiB;AAAA,EACtC,CAACH,CAAe,GAAGG,EAAiB;AACtC;"}
+{"version":3,"file":"ivr-node-constants.js","sources":["../../../recipes/cards/ivr_node/ivr_node_constants.js"],"sourcesContent":["export const IVR_NODE_PROMPT_MENU = 'promptmenu';\nexport const IVR_NODE_PROMPT_COLLECT = 'promptcollect';\nexport const IVR_NODE_PROMPT_PLAY = 'promptplay';\nexport const IVR_NODE_EXPERT = 'gotoexpert';\nexport const IVR_NODE_BRANCH = 'branch';\nexport const IVR_NODE_GO_TO = 'goto';\nexport const IVR_NODE_ASSIGN = 'assign';\nexport const IVR_NODE_CUSTOMER_DATA = 'customerdata';\nexport const IVR_NODE_TRANSFER = 'transfer';\nexport const IVR_NODE_HANGUP = 'hangup';\n\nexport const IVR_NODE_ICON_TYPES = {\n  [IVR_NODE_PROMPT_MENU]: 'keypad',\n  [IVR_NODE_PROMPT_COLLECT]: 'dialer',\n  [IVR_NODE_PROMPT_PLAY]: 'volume-2',\n  [IVR_NODE_EXPERT]: 'expert-node',\n  [IVR_NODE_BRANCH]: 'branch',\n  [IVR_NODE_GO_TO]: 'call-merge',\n  [IVR_NODE_ASSIGN]: 'chevrons-right',\n  [IVR_NODE_CUSTOMER_DATA]: 'list-bullet',\n  [IVR_NODE_TRANSFER]: 'transfer',\n  [IVR_NODE_HANGUP]: 'phone-hang-up',\n};\n\nexport const IVR_NODE_LABELS = {\n  [IVR_NODE_PROMPT_MENU]: 'Menu',\n  [IVR_NODE_PROMPT_COLLECT]: 'Collect',\n  [IVR_NODE_PROMPT_PLAY]: 'Play',\n  [IVR_NODE_EXPERT]: 'Expert',\n  [IVR_NODE_BRANCH]: 'Branch',\n  [IVR_NODE_GO_TO]: 'Go-to',\n  [IVR_NODE_ASSIGN]: 'Assign',\n  [IVR_NODE_CUSTOMER_DATA]: 'Customer Data',\n  [IVR_NODE_TRANSFER]: 'Transfer',\n  [IVR_NODE_HANGUP]: 'Hangup',\n};\n\nconst IVR_NODE_CLASSES = {\n  PROMPT: {\n    normal: 'd-recipe-ivr-node-prompt',\n    selected: 'd-recipe-ivr-node-prompt--selected',\n  },\n  LOGIC: {\n    normal: 'd-recipe-ivr-node-logic',\n    selected: 'd-recipe-ivr-node-logic--selected',\n  },\n  TERMINAL: {\n    normal: 'd-recipe-ivr-node-terminal',\n    selected: 'd-recipe-ivr-node-terminal--selected',\n  },\n};\n\nexport const IVR_NODE_CLASS_MAPPING = {\n  [IVR_NODE_PROMPT_MENU]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_PROMPT_COLLECT]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_PROMPT_PLAY]: IVR_NODE_CLASSES.PROMPT,\n  [IVR_NODE_EXPERT]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_BRANCH]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_GO_TO]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_ASSIGN]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_CUSTOMER_DATA]: IVR_NODE_CLASSES.LOGIC,\n  [IVR_NODE_TRANSFER]: IVR_NODE_CLASSES.TERMINAL,\n  [IVR_NODE_HANGUP]: IVR_NODE_CLASSES.TERMINAL,\n};\n"],"names":["IVR_NODE_PROMPT_MENU","IVR_NODE_PROMPT_COLLECT","IVR_NODE_PROMPT_PLAY","IVR_NODE_EXPERT","IVR_NODE_BRANCH","IVR_NODE_GO_TO","IVR_NODE_ASSIGN","IVR_NODE_CUSTOMER_DATA","IVR_NODE_TRANSFER","IVR_NODE_HANGUP","IVR_NODE_ICON_TYPES","IVR_NODE_LABELS","IVR_NODE_CLASSES","IVR_NODE_CLASS_MAPPING"],"mappings":"AAAY,MAACA,IAAuB,cACvBC,IAA0B,iBAC1BC,IAAuB,cACvBC,IAAkB,cAClBC,IAAkB,UAClBC,IAAiB,QACjBC,IAAkB,UAClBC,IAAyB,gBACzBC,IAAoB,YACpBC,IAAkB,UAElBC,IAAsB;AAAA,EACjC,CAACV,CAAoB,GAAG;AAAA,EACxB,CAACC,CAAuB,GAAG;AAAA,EAC3B,CAACC,CAAoB,GAAG;AAAA,EACxB,CAACC,CAAe,GAAG;AAAA,EACnB,CAACC,CAAe,GAAG;AAAA,EACnB,CAACC,CAAc,GAAG;AAAA,EAClB,CAACC,CAAe,GAAG;AAAA,EACnB,CAACC,CAAsB,GAAG;AAAA,EAC1B,CAACC,CAAiB,GAAG;AAAA,EACrB,CAACC,CAAe,GAAG;AACrB,GAEaE,IAAkB;AAAA,EAC7B,CAACX,CAAoB,GAAG;AAAA,EACxB,CAACC,CAAuB,GAAG;AAAA,EAC3B,CAACC,CAAoB,GAAG;AAAA,EACxB,CAACC,CAAe,GAAG;AAAA,EACnB,CAACC,CAAe,GAAG;AAAA,EACnB,CAACC,CAAc,GAAG;AAAA,EAClB,CAACC,CAAe,GAAG;AAAA,EACnB,CAACC,CAAsB,GAAG;AAAA,EAC1B,CAACC,CAAiB,GAAG;AAAA,EACrB,CAACC,CAAe,GAAG;AACrB,GAEMG,IAAmB;AAAA,EACvB,QAAQ;AAAA,IACN,QAAQ;AAAA,IACR,UAAU;AAAA,EACd;AAAA,EACE,OAAO;AAAA,IACL,QAAQ;AAAA,IACR,UAAU;AAAA,EACd;AAAA,EACE,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA,EACd;AACA,GAEaC,IAAyB;AAAA,EACpC,CAACb,CAAoB,GAAGY,EAAiB;AAAA,EACzC,CAACX,CAAuB,GAAGW,EAAiB;AAAA,EAC5C,CAACV,CAAoB,GAAGU,EAAiB;AAAA,EACzC,CAACT,CAAe,GAAGS,EAAiB;AAAA,EACpC,CAACR,CAAe,GAAGQ,EAAiB;AAAA,EACpC,CAACP,CAAc,GAAGO,EAAiB;AAAA,EACnC,CAACN,CAAe,GAAGM,EAAiB;AAAA,EACpC,CAACL,CAAsB,GAAGK,EAAiB;AAAA,EAC3C,CAACJ,CAAiB,GAAGI,EAAiB;AAAA,EACtC,CAACH,CAAe,GAAGG,EAAiB;AACtC;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@dialpad/dialtone-icons/vue3"),o=require("./ivr-node-constants.cjs"),p=require("../../localization/index.cjs"),e=require("vue"),D=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),m=require("../card/card.cjs"),I=require("../button/button.cjs"),N=require("../dropdown/dropdown.cjs"),v=new Map([[o.IVR_NODE_PROMPT_MENU,t.DtIconKeypad],[o.IVR_NODE_PROMPT_COLLECT,t.DtIconDialer],[o.IVR_NODE_PROMPT_PLAY,t.DtIconVolume2],[o.IVR_NODE_EXPERT,t.DtIconExpertNode],[o.IVR_NODE_BRANCH,t.DtIconBranch],[o.IVR_NODE_GO_TO,t.DtIconCallMerge],[o.IVR_NODE_ASSIGN,t.DtIconChevronsRight],[o.IVR_NODE_CUSTOMER_DATA,t.DtIconListBullet],[o.IVR_NODE_TRANSFER,t.DtIconTransfer],[o.IVR_NODE_HANGUP,t.DtIconPhoneHangUp]]),C={compatConfig:{MODE:3},name:"DtRecipeIvrNode",components:{DtCard:m.default,DtButton:I.default,DtDropdown:N.default,DtIconKeypad:t.DtIconKeypad,DtIconDialer:t.DtIconDialer,DtIconVolume2:t.DtIconVolume2,DtIconExpertNode:t.DtIconExpertNode,DtIconBranch:t.DtIconBranch,DtIconCallMerge:t.DtIconCallMerge,DtIconChevronsRight:t.DtIconChevronsRight,DtIconTransfer:t.DtIconTransfer,DtIconPhoneHangUp:t.DtIconPhoneHangUp,DtIconMoreVertical:t.DtIconMoreVertical,DtIconListBullet:t.DtIconListBullet},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 p.DialtoneLocalization}},computed:{nodeListeners(){return{click:n=>this.$emit("click",n)}},nodeIcon(){return v.get(this.nodeType)},nodeClass(){const{normal:n,selected:i}=o.IVR_NODE_CLASS_MAPPING[this.nodeType];return this.isSelected?i:n},isGotoNode(){return this.nodeType===o.IVR_NODE_GO_TO},nodeAriaLabel(){const n=this.nodeType.toUpperCase();return this.i18n.$t(`DIALTONE_IVR_NODE_${n}_ARIA_LABEL`)},menuButtonAriaLabel(){return this.i18n.$t("DIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL")}},methods:{openMenu(){this.isOpen=!0}}},E={class:"d-recipe-ivr-node__header-left"},h={class:"d-recipe-ivr-node__label","data-qa":"ivr-node-label"},O={class:"d-recipe-ivr-node__dropdown-list"};function V(n,i,c,b,d,r){const a=e.resolveComponent("dt-button"),s=e.resolveComponent("dt-icon-more-vertical"),_=e.resolveComponent("dt-dropdown"),u=e.resolveComponent("dt-card");return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["d-recipe-ivr-node",r.nodeClass]},e.toHandlers(r.nodeListeners,!0)),[c.dtmfKey?(e.openBlock(),e.createElementBlock("div",{key:0,"data-qa":"dt-top-connector-dtmf",class:e.normalizeClass(["d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf",{"d-recipe-ivr-node__connector-dtmf--selected":c.isSelected}])},e.toDisplayString(c.dtmfKey),3)):e.createCommentVNode("",!0),n.$slots.connector?e.renderSlot(n.$slots,"connector",{key:1}):e.createCommentVNode("",!0),!c.dtmfKey&&!n.$slots.connector?(e.openBlock(),e.createElementBlock("div",{key:2,"data-qa":"dt-top-connector",class:e.normalizeClass(["d-recipe-ivr-node__connector",{"d-recipe-ivr-node__connector--selected":c.isSelected}])},null,2)):e.createCommentVNode("",!0),e.createVNode(u,null,{header:e.withCtx(()=>[e.createElementVNode("div",E,[e.createVNode(a,{importance:"clear",kind:"muted","data-qa":"dt-ivr-node-icon","aria-label":r.nodeAriaLabel,title:r.nodeAriaLabel},{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.nodeIcon),{size:"200",class:e.normalizeClass(["",{"d-recipe-ivr-node__goto-icon":r.isGotoNode}])},null,8,["class"]))]),_:1},8,["aria-label","title"]),e.createElementVNode("p",h,e.toDisplayString(c.nodeLabel),1)]),e.createVNode(_,{open:d.isOpen,"onUpdate:open":i[0]||(i[0]=l=>d.isOpen=l),placement:"bottom"},{anchor:e.withCtx(()=>[e.createVNode(a,{importance:"clear",kind:"muted","aria-label":r.menuButtonAriaLabel,title:r.menuButtonAriaLabel,onClick:e.withModifiers(r.openMenu,["stop","prevent"])},{icon:e.withCtx(()=>[e.createVNode(s,{size:"200"})]),_:1},8,["aria-label","title","onClick"])]),list:e.withCtx(({close:l})=>[e.createElementVNode("div",O,[e.renderSlot(n.$slots,"menuItems",{close:l})])]),_:3},8,["open"])]),content:e.withCtx(()=>[e.renderSlot(n.$slots,"content")]),_:3})],16)}const R=D._(C,[["render",V]]);exports.default=R;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@dialpad/dialtone-icons/vue3"),o=require("./ivr-node-constants.cjs"),p=require("../../localization/index.cjs"),e=require("vue"),D=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),m=require("../dropdown/dropdown.cjs"),I=require("../button/button.cjs"),N=require("../card/card.cjs"),v=new Map([[o.IVR_NODE_PROMPT_MENU,t.DtIconKeypad],[o.IVR_NODE_PROMPT_COLLECT,t.DtIconDialer],[o.IVR_NODE_PROMPT_PLAY,t.DtIconVolume2],[o.IVR_NODE_EXPERT,t.DtIconExpertNode],[o.IVR_NODE_BRANCH,t.DtIconBranch],[o.IVR_NODE_GO_TO,t.DtIconCallMerge],[o.IVR_NODE_ASSIGN,t.DtIconChevronsRight],[o.IVR_NODE_CUSTOMER_DATA,t.DtIconListBullet],[o.IVR_NODE_TRANSFER,t.DtIconTransfer],[o.IVR_NODE_HANGUP,t.DtIconPhoneHangUp]]),C={compatConfig:{MODE:3},name:"DtRecipeIvrNode",components:{DtCard:N.default,DtButton:I.default,DtDropdown:m.default,DtIconKeypad:t.DtIconKeypad,DtIconDialer:t.DtIconDialer,DtIconVolume2:t.DtIconVolume2,DtIconExpertNode:t.DtIconExpertNode,DtIconBranch:t.DtIconBranch,DtIconCallMerge:t.DtIconCallMerge,DtIconChevronsRight:t.DtIconChevronsRight,DtIconTransfer:t.DtIconTransfer,DtIconPhoneHangUp:t.DtIconPhoneHangUp,DtIconMoreVertical:t.DtIconMoreVertical,DtIconListBullet:t.DtIconListBullet},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 p.DialtoneLocalization}},computed:{nodeListeners(){return{click:n=>this.$emit("click",n)}},nodeIcon(){return v.get(this.nodeType)},nodeClass(){const{normal:n,selected:i}=o.IVR_NODE_CLASS_MAPPING[this.nodeType];return this.isSelected?i:n},isGotoNode(){return this.nodeType===o.IVR_NODE_GO_TO},nodeAriaLabel(){const n=this.nodeType.toUpperCase();return this.i18n.$t(`DIALTONE_IVR_NODE_${n}_ARIA_LABEL`)},menuButtonAriaLabel(){return this.i18n.$t("DIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL")}},methods:{openMenu(){this.isOpen=!0}}},E={class:"d-recipe-ivr-node__header-left"},h={class:"d-recipe-ivr-node__label","data-qa":"ivr-node-label"},O={class:"d-recipe-ivr-node__dropdown-list"};function V(n,i,c,b,d,r){const a=e.resolveComponent("dt-button"),s=e.resolveComponent("dt-icon-more-vertical"),_=e.resolveComponent("dt-dropdown"),u=e.resolveComponent("dt-card");return e.openBlock(),e.createElementBlock("div",e.mergeProps({class:["d-recipe-ivr-node",r.nodeClass]},e.toHandlers(r.nodeListeners,!0)),[c.dtmfKey?(e.openBlock(),e.createElementBlock("div",{key:0,"data-qa":"dt-top-connector-dtmf",class:e.normalizeClass(["d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf",{"d-recipe-ivr-node__connector-dtmf--selected":c.isSelected}])},e.toDisplayString(c.dtmfKey),3)):e.createCommentVNode("",!0),n.$slots.connector?e.renderSlot(n.$slots,"connector",{key:1}):e.createCommentVNode("",!0),!c.dtmfKey&&!n.$slots.connector?(e.openBlock(),e.createElementBlock("div",{key:2,"data-qa":"dt-top-connector",class:e.normalizeClass(["d-recipe-ivr-node__connector",{"d-recipe-ivr-node__connector--selected":c.isSelected}])},null,2)):e.createCommentVNode("",!0),e.createVNode(u,null,{header:e.withCtx(()=>[e.createElementVNode("div",E,[e.createVNode(a,{importance:"clear",kind:"muted","data-qa":"dt-ivr-node-icon","aria-label":r.nodeAriaLabel,title:r.nodeAriaLabel},{icon:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.nodeIcon),{size:"200",class:e.normalizeClass(["",{"d-recipe-ivr-node__goto-icon":r.isGotoNode}])},null,8,["class"]))]),_:1},8,["aria-label","title"]),e.createElementVNode("p",h,e.toDisplayString(c.nodeLabel),1)]),e.createVNode(_,{open:d.isOpen,"onUpdate:open":i[0]||(i[0]=l=>d.isOpen=l),placement:"bottom"},{anchor:e.withCtx(()=>[e.createVNode(a,{importance:"clear",kind:"muted","aria-label":r.menuButtonAriaLabel,title:r.menuButtonAriaLabel,onClick:e.withModifiers(r.openMenu,["stop","prevent"])},{icon:e.withCtx(()=>[e.createVNode(s,{size:"200"})]),_:1},8,["aria-label","title","onClick"])]),list:e.withCtx(({close:l})=>[e.createElementVNode("div",O,[e.renderSlot(n.$slots,"menuItems",{close:l})])]),_:3},8,["open"])]),content:e.withCtx(()=>[e.renderSlot(n.$slots,"content")]),_:3})],16)}const R=D._(C,[["render",V]]);exports.default=R;
 //# sourceMappingURL=ivr-node.cjs.map

package/dist/vue3/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/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"],"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","_createCommentVNode","_ctx","_renderSlot","_createVNode","_component_dt_card","_createElementVNode","_component_dt_button","_createBlock","_resolveDynamicComponent","_hoisted_2","_toDisplayString","_component_dt_dropdown","$data","_cache","$event","_withModifiers","_component_dt_icon_more_vertical","_withCtx","close"],"mappings":"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"}
+{"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/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"],"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","_createCommentVNode","_ctx","_renderSlot","_createVNode","_component_dt_card","_createElementVNode","_component_dt_button","_createBlock","_resolveDynamicComponent","_hoisted_2","_toDisplayString","_component_dt_dropdown","$data","_cache","$event","_withModifiers","_component_dt_icon_more_vertical","_withCtx","close"],"mappings":"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"}

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

@@ -1,40 +1,40 @@
-import { DtIconKeypad as N, DtIconDialer as f, DtIconVolume2 as E, DtIconExpertNode as O, DtIconBranch as v, DtIconCallMerge as R, DtIconChevronsRight as A, DtIconTransfer as L, DtIconPhoneHangUp as h, DtIconMoreVertical as S, DtIconListBullet as y } from "@dialpad/dialtone-icons/vue3";
-import { IVR_NODE_GO_TO as T, IVR_NODE_PROMPT_MENU as B, IVR_NODE_PROMPT_COLLECT as M, IVR_NODE_PROMPT_PLAY as k, IVR_NODE_EXPERT as P, IVR_NODE_BRANCH as g, IVR_NODE_ASSIGN as w, IVR_NODE_CUSTOMER_DATA as U, IVR_NODE_TRANSFER as q, IVR_NODE_HANGUP as G, IVR_NODE_CLASS_MAPPING as K } from "./ivr-node-constants.js";
+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/vue3";
+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 { resolveComponent as i, createElementBlock as l, openBlock as d, mergeProps as H, toHandlers as F, createCommentVNode as s, renderSlot as _, createVNode as r, normalizeClass as m, toDisplayString as I, 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 "../card/card.js";
+import J from "../dropdown/dropdown.js";
 import Q from "../button/button.js";
-import W from "../dropdown/dropdown.js";
+import W from "../card/card.js";
 const Z = /* @__PURE__ */ new Map([
-  [B, N],
-  [M, f],
-  [k, E],
-  [P, O],
-  [g, v],
-  [T, R],
-  [w, A],
-  [U, y],
-  [q, L],
-  [G, h]
+  [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: J,
+    DtCard: W,
     DtButton: Q,
-    DtDropdown: W,
-    DtIconKeypad: N,
-    DtIconDialer: f,
-    DtIconVolume2: E,
-    DtIconExpertNode: O,
-    DtIconBranch: v,
-    DtIconCallMerge: R,
-    DtIconChevronsRight: A,
-    DtIconTransfer: L,
-    DtIconPhoneHangUp: h,
+    DtDropdown: J,
+    DtIconKeypad: y,
+    DtIconDialer: h,
+    DtIconVolume2: L,
+    DtIconExpertNode: A,
+    DtIconBranch: R,
+    DtIconCallMerge: v,
+    DtIconChevronsRight: O,
+    DtIconTransfer: E,
+    DtIconPhoneHangUp: f,
     DtIconMoreVertical: S,
-    DtIconListBullet: y
+    DtIconListBullet: N
   },
   props: {
     /**
@@ -91,7 +91,7 @@ const Z = /* @__PURE__ */ new Map([
       return Z.get(this.nodeType);
     },
     nodeClass() {
-      const { normal: e, selected: c } = K[this.nodeType];
+      const { normal: e, selected: c } = B[this.nodeType];
       return this.isSelected ? c : e;
     },
     isGotoNode() {
@@ -125,14 +125,14 @@ function ne(e, c, o, re, u, t) {
     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),
+      class: m(["d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf", { "d-recipe-ivr-node__connector-dtmf--selected": o.isSelected }])
+    }, I(o.dtmfKey), 3)) : s("", !0),
+    e.$slots.connector ? _(e.$slots, "connector", { key: 1 }) : s("", !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),
+      class: m(["d-recipe-ivr-node__connector", { "d-recipe-ivr-node__connector--selected": o.isSelected }])
+    }, null, 2)) : s("", !0),
     r(b, null, {
       header: n(() => [
         p("div", ee, [
@@ -146,7 +146,7 @@ function ne(e, c, o, re, u, t) {
             icon: n(() => [
               (d(), X(Y(t.nodeIcon), {
                 size: "200",
-                class: s(["", { "d-recipe-ivr-node__goto-icon": t.isGotoNode }])
+                class: m(["", { "d-recipe-ivr-node__goto-icon": t.isGotoNode }])
               }, null, 8, ["class"]))
             ]),
             _: 1
@@ -174,14 +174,14 @@ function ne(e, c, o, re, u, t) {
           ]),
           list: n(({ close: a }) => [
             p("div", oe, [
-              m(e.$slots, "menuItems", { close: a })
+              _(e.$slots, "menuItems", { close: a })
             ])
           ]),
           _: 3
         }, 8, ["open"])
       ]),
       content: n(() => [
-        m(e.$slots, "content")
+        _(e.$slots, "content")
       ]),
       _: 3
     })

package/dist/vue3/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/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"],"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","_createCommentVNode","_ctx","_renderSlot","_createVNode","_component_dt_card","_createElementVNode","_component_dt_button","_createBlock","_resolveDynamicComponent","_hoisted_2","_toDisplayString","_component_dt_dropdown","$data","_cache","$event","_withModifiers","_component_dt_icon_more_vertical","_withCtx","close"],"mappings":"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"}
+{"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/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"],"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","_createCommentVNode","_ctx","_renderSlot","_createVNode","_component_dt_card","_createElementVNode","_component_dt_button","_createBlock","_resolveDynamicComponent","_hoisted_2","_toDisplayString","_component_dt_dropdown","$data","_cache","$event","_withModifiers","_component_dt_icon_more_vertical","_withCtx","close"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"keyboard-shortcut.cjs","sources":["../../../components/keyboard_shortcut/keyboard_shortcut.vue"],"sourcesContent":["<!-- eslint-disable vue/no-v-html -->\n<template>\n  <kbd\n    :class=\"[\n      'd-keyboard-shortcut',\n      { 'd-keyboard-shortcut--inverted': inverted },\n    ]\"\n  >\n    <span\n      v-if=\"screenReaderText\"\n      class=\"d-keyboard-shortcut--sr-only\"\n    >\n      {{ screenReaderText }}\n    </span>\n    <template\n      v-for=\"(item, i) in formattedShortcutSplit\"\n    >\n      <component\n        :is=\"icons[item]\"\n        v-if=\"icons[item]\"\n        :key=\"`${i}-${item}`\"\n        size=\"100\"\n        aria-hidden=\"true\"\n        :class=\"[\n          'd-keyboard-shortcut__icon',\n          { 'd-keyboard-shortcut__icon--inverted': inverted },\n        ]\"\n      />\n      <span\n        v-else\n        :key=\"`${i}-${item}`\"\n        aria-hidden=\"true\"\n        :class=\"[\n          'd-keyboard-shortcut__item',\n          { 'd-keyboard-shortcut__item--inverted': inverted },\n        ]\"\n        v-html=\"item\"\n      />\n    </template>\n  </kbd>\n</template>\n\n<script>\nimport {\n  DtIconLayoutGrid,\n  DtIconArrowRight,\n  DtIconArrowLeft,\n  DtIconArrowUp,\n  DtIconArrowDown,\n  DtIconCommand,\n  DtIconPlus,\n} from '@dialpad/dialtone-icons/vue3';\n\nconst SHORTCUTS_ICON_ALIASES = {\n  '{win}': DtIconLayoutGrid,\n  '{arrow-right}': DtIconArrowRight,\n  '{arrow-left}': DtIconArrowLeft,\n  '{arrow-up}': DtIconArrowUp,\n  '{arrow-down}': DtIconArrowDown,\n  '{cmd}': DtIconCommand,\n};\n\n/**\n * This component displays a visual representation of a keyboard shortcut to the user.\n * @see https://dialtone.dialpad.com/components/keyboard_shortcut.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtKeyboardShortcut',\n\n  components: {\n    DtIconLayoutGrid,\n    DtIconArrowRight,\n    DtIconArrowLeft,\n    DtIconArrowUp,\n    DtIconArrowDown,\n    DtIconCommand,\n    DtIconPlus,\n  },\n\n  props: {\n    /**\n     * If true, applies inverted styles.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Include any of these tokens in your string to render the corresponding symbol:\n     * {cmd} {win} {arrow-right} {arrow-left} {arrow-up} {arrow-down}\n     */\n    shortcut: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n     */\n    screenReaderText: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      separator: /\\+/gi,\n    };\n  },\n\n  computed: {\n    icons () {\n      return {\n        ...SHORTCUTS_ICON_ALIASES,\n        '{plus}': DtIconPlus,\n      };\n    },\n\n    shortcutWithSeparator () {\n      return this.shortcut.replace(this.separator, '{plus}');\n    },\n\n    formattedShortcut () {\n      return Object.keys(SHORTCUTS_ICON_ALIASES).reduce((result, key) => {\n        return result.replace(new RegExp('{' + key + '}', 'gi'), SHORTCUTS_ICON_ALIASES[key]);\n      }, this.shortcutWithSeparator);\n    },\n\n    // Splits any icon based aliases into their own array items.\n    formattedShortcutSplit () {\n      const iconAliasString = Object.keys(this.icons).join('|');\n\n      /*\n         The regexp splits a given string with icon alias and is filtered by empty strings after:\n         if {win} is our delimiter AKA shortcut icon alias\n         '{win} + D K + {win}' returned value will be [{win}, ' ', '{plus}', ' D K ', '{plus}', ' ', {win}]\n      */\n      const regex = new RegExp(`(${iconAliasString})`, 'gi');\n      return this.formattedShortcut.split(regex).filter(Boolean);\n    },\n  },\n};\n</script>\n"],"names":["SHORTCUTS_ICON_ALIASES","DtIconLayoutGrid","DtIconArrowRight","DtIconArrowLeft","DtIconArrowUp","DtIconArrowDown","DtIconCommand","_sfc_main","DtIconPlus","result","key","iconAliasString","regex","_hoisted_2","_createElementBlock","_normalizeClass","$props","_hoisted_1","_toDisplayString","_createCommentVNode","_openBlock","_Fragment","_renderList","$options","item","i","_createBlock","_resolveDynamicComponent"],"mappings":"uOAqDMA,EAAyB,CAC7B,QAASC,EAAgB,iBACzB,gBAAiBC,EAAgB,iBACjC,eAAgBC,EAAe,gBAC/B,aAAcC,EAAa,cAC3B,eAAgBC,EAAe,gBAC/B,QAASC,EAAa,aACxB,EAMKC,EAAU,CACb,aAAc,CAAE,KAAM,CAAG,EACzB,KAAM,qBAEN,WAAY,CACV,iBAAAN,EAAgB,iBAChB,iBAAAC,EAAgB,iBAChB,gBAAAC,EAAe,8BACfC,EAAa,cACb,gBAAAC,EAAe,8BACfC,EAAa,yBACbE,EAAU,UACX,EAED,MAAO,CAKL,SAAU,CACR,KAAM,QACN,QAAS,EACV,EAMD,SAAU,CACR,KAAM,OACN,SAAU,EACX,EAKD,iBAAkB,CAChB,KAAM,OACN,QAAS,IACV,CACF,EAED,MAAQ,CACN,MAAO,CACL,UAAW,OAEd,EAED,SAAU,CACR,OAAS,CACP,MAAO,CACL,GAAGR,EACH,SAAUQ,EAAU,WAEvB,EAED,uBAAyB,CACvB,OAAO,KAAK,SAAS,QAAQ,KAAK,UAAW,QAAQ,CACtD,EAED,mBAAqB,CACnB,OAAO,OAAO,KAAKR,CAAsB,EAAE,OAAO,CAACS,EAAQC,IAClDD,EAAO,QAAQ,IAAI,OAAO,IAAMC,EAAM,IAAK,IAAI,EAAGV,EAAuBU,CAAG,CAAC,EACnF,KAAK,qBAAqB,CAC9B,EAGD,wBAA0B,CACxB,MAAMC,EAAkB,OAAO,KAAK,KAAK,KAAK,EAAE,KAAK,GAAG,EAOlDC,EAAQ,IAAI,OAAO,IAAID,CAAe,IAAK,IAAI,EACrD,OAAO,KAAK,kBAAkB,MAAMC,CAAK,EAAE,OAAO,OAAO,CAC1D,CACF,CACH,KAjJA,IAAA,EAUM,MAAM,gCAVZC,EAAA,CAAA,WAAA,+CAEEC,EAqCM,mBAAA,MAAA,CApCH,MAHLC,EAAAA,eAAA,wDAGoFC,EAAQ,QAAA,MAMhFA,EAAgB,gCADxBF,EAKO,mBAAA,OALPG,EAKOC,EAAAA,gBADFF,EAAgB,gBAAA,EAAA,CAAA,GAZzBG,EAAA,mBAAA,GAAA,EAAA,GAcIC,EAAAA,UAAA,EAAA,EAAAN,EAAA,mBAwBWO,gBAtCfC,EAe0B,WAAAC,EAAA,uBAf1B,CAecC,EAAMC,KAfpBL,YAAA,EAAAN,qBAAAO,EAAAA,SAAA,KAAA,CAmBcE,EAAA,MAAMC,CAAI,GAFlBJ,EAAA,UAAA,EAAAM,EAAAA,YAUEC,EA3BR,wBAkBaJ,EAAK,MAACC,CAAI,CAAA,EAAA,CAEd,IAAG,GAAKC,CAAC,IAAID,CAAI,GAClB,KAAK,MACL,cAAY,OACX,MAvBTT,EAAAA,eAAA,oEAuB4GC,EAAQ,QAAA,uCAK9GF,EASE,mBAAA,OAAA,CAPC,IAAG,GAAKW,CAAC,IAAID,CAAI,GAClB,cAAY,OACX,MAhCTT,EAAAA,eAAA,oEAgC4GC,EAAQ,QAAA,IAI5G,UAAQQ,CApChB,EAAA,KAAA,GAAAX,CAAA"}
+{"version":3,"file":"keyboard-shortcut.cjs","sources":["../../../components/keyboard_shortcut/keyboard_shortcut.vue"],"sourcesContent":["<!-- eslint-disable vue/no-v-html -->\n<template>\n  <kbd\n    :class=\"[\n      'd-keyboard-shortcut',\n      { 'd-keyboard-shortcut--inverted': inverted },\n    ]\"\n  >\n    <span\n      v-if=\"screenReaderText\"\n      class=\"d-keyboard-shortcut--sr-only\"\n    >\n      {{ screenReaderText }}\n    </span>\n    <template\n      v-for=\"(item, i) in formattedShortcutSplit\"\n    >\n      <component\n        :is=\"icons[item]\"\n        v-if=\"icons[item]\"\n        :key=\"`${i}-${item}`\"\n        size=\"100\"\n        aria-hidden=\"true\"\n        :class=\"[\n          'd-keyboard-shortcut__icon',\n          { 'd-keyboard-shortcut__icon--inverted': inverted },\n        ]\"\n      />\n      <span\n        v-else\n        :key=\"`${i}-${item}`\"\n        aria-hidden=\"true\"\n        :class=\"[\n          'd-keyboard-shortcut__item',\n          { 'd-keyboard-shortcut__item--inverted': inverted },\n        ]\"\n        v-html=\"item\"\n      />\n    </template>\n  </kbd>\n</template>\n\n<script>\nimport {\n  DtIconLayoutGrid,\n  DtIconArrowRight,\n  DtIconArrowLeft,\n  DtIconArrowUp,\n  DtIconArrowDown,\n  DtIconCommand,\n  DtIconPlus,\n} from '@dialpad/dialtone-icons/vue3';\n\nconst SHORTCUTS_ICON_ALIASES = {\n  '{win}': DtIconLayoutGrid,\n  '{arrow-right}': DtIconArrowRight,\n  '{arrow-left}': DtIconArrowLeft,\n  '{arrow-up}': DtIconArrowUp,\n  '{arrow-down}': DtIconArrowDown,\n  '{cmd}': DtIconCommand,\n};\n\n/**\n * This component displays a visual representation of a keyboard shortcut to the user.\n * @see https://dialtone.dialpad.com/components/keyboard_shortcut.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtKeyboardShortcut',\n\n  components: {\n    DtIconLayoutGrid,\n    DtIconArrowRight,\n    DtIconArrowLeft,\n    DtIconArrowUp,\n    DtIconArrowDown,\n    DtIconCommand,\n    DtIconPlus,\n  },\n\n  props: {\n    /**\n     * If true, applies inverted styles.\n     * @values true, false\n     */\n    inverted: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Include any of these tokens in your string to render the corresponding symbol:\n     * {cmd} {win} {arrow-right} {arrow-left} {arrow-up} {arrow-down}\n     */\n    shortcut: {\n      type: String,\n      required: true,\n    },\n\n    /**\n     * Text entered here will be read by assistive technology. If null this component will be ignored by AT.\n     */\n    screenReaderText: {\n      type: String,\n      default: null,\n    },\n  },\n\n  data () {\n    return {\n      separator: /\\+/gi,\n    };\n  },\n\n  computed: {\n    icons () {\n      return {\n        ...SHORTCUTS_ICON_ALIASES,\n        '{plus}': DtIconPlus,\n      };\n    },\n\n    shortcutWithSeparator () {\n      return this.shortcut.replace(this.separator, '{plus}');\n    },\n\n    formattedShortcut () {\n      return Object.keys(SHORTCUTS_ICON_ALIASES).reduce((result, key) => {\n        return result.replace(new RegExp('{' + key + '}', 'gi'), SHORTCUTS_ICON_ALIASES[key]);\n      }, this.shortcutWithSeparator);\n    },\n\n    // Splits any icon based aliases into their own array items.\n    formattedShortcutSplit () {\n      const iconAliasString = Object.keys(this.icons).join('|');\n\n      /*\n         The regexp splits a given string with icon alias and is filtered by empty strings after:\n         if {win} is our delimiter AKA shortcut icon alias\n         '{win} + D K + {win}' returned value will be [{win}, ' ', '{plus}', ' D K ', '{plus}', ' ', {win}]\n      */\n      const regex = new RegExp(`(${iconAliasString})`, 'gi');\n      return this.formattedShortcut.split(regex).filter(Boolean);\n    },\n  },\n};\n</script>\n"],"names":["SHORTCUTS_ICON_ALIASES","DtIconLayoutGrid","DtIconArrowRight","DtIconArrowLeft","DtIconArrowUp","DtIconArrowDown","DtIconCommand","_sfc_main","DtIconPlus","result","key","iconAliasString","regex","_hoisted_2","_createElementBlock","_normalizeClass","$props","_hoisted_1","_toDisplayString","_createCommentVNode","_openBlock","_Fragment","_renderList","$options","item","i","_createBlock","_resolveDynamicComponent"],"mappings":"uOAqDMA,EAAyB,CAC7B,QAASC,EAAAA,iBACT,gBAAiBC,EAAAA,iBACjB,eAAgBC,EAAAA,gBAChB,aAAcC,EAAAA,cACd,eAAgBC,EAAAA,gBAChB,QAASC,EAAAA,aACX,EAMKC,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,qBAEN,WAAY,CACV,iBAAAN,EAAAA,iBACA,iBAAAC,EAAAA,iBACA,gBAAAC,EAAAA,8BACAC,EAAAA,cACA,gBAAAC,EAAAA,8BACAC,EAAAA,yBACAE,EAAAA,YAGF,MAAO,CAKL,SAAU,CACR,KAAM,QACN,QAAS,IAOX,SAAU,CACR,KAAM,OACN,SAAU,IAMZ,iBAAkB,CAChB,KAAM,OACN,QAAS,OAIb,MAAQ,CACN,MAAO,CACL,UAAW,OAEf,EAEA,SAAU,CACR,OAAS,CACP,MAAO,CACL,GAAGR,EACH,SAAUQ,EAAAA,WAEd,EAEA,uBAAyB,CACvB,OAAO,KAAK,SAAS,QAAQ,KAAK,UAAW,QAAQ,CACvD,EAEA,mBAAqB,CACnB,OAAO,OAAO,KAAKR,CAAsB,EAAE,OAAO,CAACS,EAAQC,IAClDD,EAAO,QAAQ,IAAI,OAAO,IAAMC,EAAM,IAAK,IAAI,EAAGV,EAAuBU,CAAG,CAAC,EACnF,KAAK,qBAAqB,CAC/B,EAGA,wBAA0B,CACxB,MAAMC,EAAkB,OAAO,KAAK,KAAK,KAAK,EAAE,KAAK,GAAG,EAOlDC,EAAQ,IAAI,OAAO,IAAID,CAAe,IAAK,IAAI,EACrD,OAAO,KAAK,kBAAkB,MAAMC,CAAK,EAAE,OAAO,OAAO,CAC3D,EAEJ,KAjJA,IAAA,EAUM,MAAM,gCAVZC,EAAA,CAAA,WAAA,+CAEEC,EAAAA,mBAqCM,MAAA,CApCH,MAHLC,EAAAA,eAAA,wDAGoFC,EAAA,QAAQ,MAMhFA,EAAA,gCADRF,EAAAA,mBAKO,OALPG,EAKOC,EAAAA,gBADFF,EAAA,gBAAgB,EAAA,CAAA,GAZzBG,EAAAA,mBAAA,GAAA,EAAA,GAcIC,EAAAA,UAAA,EAAA,EAAAN,EAAAA,mBAwBWO,gBAtCfC,EAAAA,WAe0BC,EAAA,uBAf1B,CAecC,EAAMC,KAfpBL,YAAA,EAAAN,qBAAAO,EAAAA,SAAA,KAAA,CAmBcE,EAAA,MAAMC,CAAI,GAFlBJ,EAAAA,UAAA,EAAAM,EAAAA,YAUEC,EAAAA,wBATKJ,EAAA,MAAMC,CAAI,CAAA,EAAA,CAEd,IAAG,GAAKC,CAAC,IAAID,CAAI,GAClB,KAAK,MACL,cAAY,OACX,MAvBTT,EAAAA,eAAA,oEAuB4GC,EAAA,QAAQ,uCAK9GF,EAAAA,mBASE,OAAA,CAPC,IAAG,GAAKW,CAAC,IAAID,CAAI,GAClB,cAAY,OACX,MAhCTT,EAAAA,eAAA,oEAgC4GC,EAAA,QAAQ,IAI5G,UAAQQ,CApChB,EAAA,KAAA,GAAAX,CAAA"}