npm - @dialpad/dialtone-vue - Versions diffs - 3.218.3 → 3.219.0-next.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (763) hide show

package/dist/lib/input-group/input-group.js CHANGED Viewed

@@ -1,13 +1,14 @@
-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 { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import v from "../validation-messages/validation-messages.js";
-const C = {
+import { InputGroupMixin as p } from "../../common/mixins/input-group.js";
+import { hasSlotContent as u } from "../../common/utils/index.js";
+import { resolveComponent as s, openBlock as o, createElementBlock as g, createBlock as m, mergeProps as n, withCtx as c, renderSlot as r, createTextVNode as f, toDisplayString as h, createCommentVNode as _, createVNode as C } from "vue";
+import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import G from "../text/text.js";
+import M from "../validation-messages/validation-messages.js";
+const y = {
   compatConfig: { MODE: 3 },
   name: "DtInputGroup",
-  components: { DtValidationMessages: v },
-  mixins: [i],
+  components: { DtValidationMessages: M, DtText: G },
+  mixins: [p],
   props: {
     /**
      * A data qa tag for the input group
@@ -34,7 +35,7 @@ const C = {
   data() {
     return {
       internalValue: this.value,
-      hasSlotContent: p
+      hasSlotContent: u
     };
   },
   watch: {
@@ -54,36 +55,42 @@ const C = {
     }
   },
   methods: {
-    getMessageKey(e, s) {
-      return `input-group-message-${e}-${s}-${this.id}`;
+    getMessageKey(e, a) {
+      return `input-group-message-${e}-${a}-${this.id}`;
     }
   }
-}, G = ["data-qa"], M = ["data-qa"];
-function _(e, s, a, S, d, V) {
-  const l = u("dt-validation-messages");
-  return t(), o("fieldset", {
+}, S = ["data-qa"];
+function V(e, a, t, q, d, D) {
+  const l = s("dt-text"), i = s("dt-validation-messages");
+  return o(), g("fieldset", {
     class: "d-input-group__fieldset",
-    "data-qa": a.dataQaGroup
+    "data-qa": t.dataQaGroup
   }, [
-    d.hasSlotContent(e.$slots.legend) || e.legend ? (t(), o("legend", n({
+    d.hasSlotContent(e.$slots.legend) || e.legend ? (o(), m(l, n({
       key: 0,
-      class: ["d-label", e.legendClass]
-    }, e.legendChildProps, { "data-qa": a.dataQaGroupLegend }), [
-      r(e.$slots, "legend", {}, () => [
-        g(m(e.legend), 1)
-      ])
-    ], 16, M)) : f("", !0),
+      kind: "label",
+      as: "legend",
+      tone: "secondary",
+      class: ["d-input-group__legend-text", e.legendClass]
+    }, e.legendChildProps, { "data-qa": t.dataQaGroupLegend }), {
+      default: c(() => [
+        r(e.$slots, "legend", {}, () => [
+          f(h(e.legend), 1)
+        ])
+      ]),
+      _: 3
+    }, 16, ["class", "data-qa"])) : _("", !0),
     r(e.$slots, "default"),
-    h(l, n({
+    C(i, n({
       "validation-messages": e.formattedMessages,
       "show-messages": e.showMessages,
       class: e.messagesClass,
-      "data-qa": a.dataQaGroupMessages
+      "data-qa": t.dataQaGroupMessages
     }, e.messagesChildProps), null, 16, ["validation-messages", "show-messages", "class", "data-qa"])
-  ], 8, G);
+  ], 8, S);
 }
-const w = /* @__PURE__ */ c(C, [["render", _]]);
+const N = /* @__PURE__ */ v(y, [["render", V]]);
 export {
-  w as default
+  N as default
 };
 //# sourceMappingURL=input-group.js.map

package/dist/lib/input-group/input-group.js.map CHANGED Viewed

	@@ -1 +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","_createElementBlock","$props","$data","_ctx","_openBlock","_mergeProps","_renderSlot","_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;;;~~cAtGEC~~,~~EAwBW~~,YAAA;AAAA,~~IAvBT~~,OAAM;AAAA,IACL,WAASC,EAAA;AAAA;IAGFC,EAAA,eAAeC,EAAA,OAAO,MAAM,KAAKA,EAAA,UADzCC,~~KAAAJ~~,~~EAUS~~,~~UAVTK~~,~~EAUS~~;AAAA;~~MARN~~,~~mBAAmBF~~,EAAA,WAAW;AAAA,~~OACvBA~~,EAAA,kBAAgB,EACvB,WAASF,EAAA,kBAAiB,CAAA,GAAA;AAAA,~~MAG3BK~~,~~EAEOH~~,wBAFP,MAEO;AAAA,~~YADFA~~,EAAA,MAAM,GAAA,CAAA;AAAA~~;;IAIbG~~,~~EAAQH~~,EAAA,QAAA,SAAA;AAAA,~~IACRI~~,EAMEC,GANFH,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;;;"}
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 <dt-text\n v-if=\"hasSlotContent($slots.legend) \|\| legend\"\n kind=\"label\"\n as=\"legend\"\n tone=\"secondary\"\n :class=\"['d-input-group__legend-text', 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 </dt-text>\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 { DtText } from '@/components/text';\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, DtText },\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","DtText","InputGroupMixin","hasSlotContent","newValue","newInternalValue","type","index","_createElementBlock","$props","$data","_ctx","_openBlock","_createBlock","_component_dt_text","_mergeProps","_renderSlot","_createVNode","_component_dt_validation_messages"],"mappings":";;;;;;AA2CA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY,EAAE,sBAAAC,GAAsB,QAAAC;EAEpC,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;;;cA1GEC,EA2BW,YAAA;AAAA,IA1BT,OAAM;AAAA,IACL,WAASC,EAAA;AAAA;IAGFC,EAAA,eAAeC,EAAA,OAAO,MAAM,KAAKA,EAAA,UADzCC,KAAAC,EAaUC,GAbVC,EAaU;AAAA;MAXR,MAAK;AAAA,MACL,IAAG;AAAA,MACH,MAAK;AAAA,MACJ,sCAAsCJ,EAAA,WAAW;AAAA,OAC1CA,EAAA,kBAAgB,EACvB,WAASF,EAAA,kBAAiB,CAAA,GAAA;AAAA,iBAG3B,MAEO;AAAA,QAFPO,EAEOL,wBAFP,MAEO;AAAA,cADFA,EAAA,MAAM,GAAA,CAAA;AAAA;;;;IAIbK,EAAQL,EAAA,QAAA,SAAA;AAAA,IACRM,EAMEC,GANFH,EAME;AAAA,MALC,uBAAqBJ,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;;;"}

package/dist/lib/item-layout/item-layout.cjs CHANGED Viewed

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../common/utils/index.cjs"),t=require("vue"),n=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),r={compatConfig:{MODE:3},name:"DtItemLayout",props:{as:{type:String,default:"div"},unstyled:{type:Boolean,default:!1},leftClass:{type:String,default:""},contentClass:{type:String,default:""},titleClass:{type:String,default:""},subtitleClass:{type:String,default:""},bottomClass:{type:String,default:""},rightClass:{type:String,default:""},selectedClass:{type:String,default:""}},methods:{dynamicGridTemplateColumns(){const e=this.$slots.left?"auto":"",s=this.$slots.right?"auto":"",l=this.$slots.selected?"auto":"";return`
-        grid-template-columns: ${e} 1fr ${s} ${l};
-      `},hasSlotContent:o.hasSlotContent}};function d(e,s,l,u,m,a){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(l.as),{class:t.normalizeClass(l.unstyled?"d-item-layout--custom":"d-item-layout"),style:t.normalizeStyle(l.unstyled&&a.dynamicGridTemplateColumns())},{default:t.withCtx(()=>[a.hasSlotContent(e.$slots.left)?(t.openBlock(),t.createElementBlock("section",{key:0,"data-qa":"dt-item-layout-left-wrapper",class:t.normalizeClass([l.leftClass,"d-item-layout__left"])},[t.renderSlot(e.$slots,"left")],2)):t.createCommentVNode("",!0),t.createElementVNode("section",{"data-qa":"dt-item-layout-content-wrapper",class:t.normalizeClass([l.contentClass,"d-item-layout__content"])},[a.hasSlotContent(e.$slots.default)?(t.openBlock(),t.createElementBlock("div",{key:0,"data-qa":"dt-item-layout-title-wrapper",class:t.normalizeClass([l.titleClass,"d-item-layout__title"])},[t.renderSlot(e.$slots,"default")],2)):t.createCommentVNode("",!0),a.hasSlotContent(e.$slots.subtitle)?(t.openBlock(),t.createElementBlock("div",{key:1,"data-qa":"dt-item-layout-subtitle-wrapper",class:t.normalizeClass([l.subtitleClass,"d-item-layout--subtitle",{"d-item-layout--subtitle--with-title":a.hasSlotContent(e.$slots.default)}])},[t.renderSlot(e.$slots,"subtitle")],2)):t.createCommentVNode("",!0),a.hasSlotContent(e.$slots.bottom)?(t.openBlock(),t.createElementBlock("div",{key:2,"data-qa":"dt-item-layout-bottom-wrapper",class:t.normalizeClass([l.bottomClass,"d-item-layout__bottom"])},[t.renderSlot(e.$slots,"bottom")],2)):t.createCommentVNode("",!0)],2),a.hasSlotContent(e.$slots.right)?(t.openBlock(),t.createElementBlock("section",{key:1,"data-qa":"dt-item-layout-right-wrapper",class:t.normalizeClass([l.rightClass,"d-item-layout__right"])},[t.renderSlot(e.$slots,"right")],2)):t.createCommentVNode("",!0),a.hasSlotContent(e.$slots.selected)?(t.openBlock(),t.createElementBlock("section",{key:2,"data-qa":"dt-item-layout-selected-wrapper",class:t.normalizeClass([l.selectedClass,"d-item-layout__selected"])},[t.renderSlot(e.$slots,"selected")],2)):t.createCommentVNode("",!0)]),_:3},8,["class","style"])}const i=n._(r,[["render",d]]);exports.default=i;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../common/utils/index.cjs"),t=require("vue"),n=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),r={compatConfig:{MODE:3},name:"DtItemLayout",props:{as:{type:String,default:"div"},unstyled:{type:Boolean,default:!1},startClass:{type:String,default:""},leftClass:{type:String,default:void 0},contentClass:{type:String,default:""},titleClass:{type:String,default:""},subtitleClass:{type:String,default:""},blockEndClass:{type:String,default:""},bottomClass:{type:String,default:void 0},endClass:{type:String,default:""},rightClass:{type:String,default:void 0},selectedClass:{type:String,default:""}},computed:{resolvedStartClass(){return this.leftClass??this.startClass},resolvedEndClass(){return this.rightClass??this.endClass},resolvedBlockEndClass(){return this.bottomClass??this.blockEndClass}},methods:{dynamicGridTemplateColumns(){const e=this.$slots.start||this.$slots.left?"auto":"",a=this.$slots.end||this.$slots.right?"auto":"",s=this.$slots.selected?"auto":"";return`
+        grid-template-columns: ${e} 1fr ${a} ${s};
+      `},hasSlotContent:o.hasSlotContent}};function d(e,a,s,u,m,l){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(s.as),{class:t.normalizeClass(s.unstyled?"d-item-layout--custom":"d-item-layout"),style:t.normalizeStyle(s.unstyled&&l.dynamicGridTemplateColumns())},{default:t.withCtx(()=>[l.hasSlotContent(e.$slots.start)||l.hasSlotContent(e.$slots.left)?(t.openBlock(),t.createElementBlock("section",{key:0,"data-qa":"dt-item-layout-left-wrapper",class:t.normalizeClass([l.resolvedStartClass,"d-item-layout__left"])},[e.$slots.start?t.renderSlot(e.$slots,"start",{key:0}):t.renderSlot(e.$slots,"left",{key:1})],2)):t.createCommentVNode("",!0),t.createElementVNode("section",{"data-qa":"dt-item-layout-content-wrapper",class:t.normalizeClass([s.contentClass,"d-item-layout__content"])},[l.hasSlotContent(e.$slots.default)?(t.openBlock(),t.createElementBlock("div",{key:0,"data-qa":"dt-item-layout-title-wrapper",class:t.normalizeClass([s.titleClass,"d-item-layout__title"])},[t.renderSlot(e.$slots,"default")],2)):t.createCommentVNode("",!0),l.hasSlotContent(e.$slots.subtitle)?(t.openBlock(),t.createElementBlock("div",{key:1,"data-qa":"dt-item-layout-subtitle-wrapper",class:t.normalizeClass([s.subtitleClass,"d-item-layout--subtitle",{"d-item-layout--subtitle--with-title":l.hasSlotContent(e.$slots.default)}])},[t.renderSlot(e.$slots,"subtitle")],2)):t.createCommentVNode("",!0),l.hasSlotContent(e.$slots.blockEnd)||l.hasSlotContent(e.$slots.bottom)?(t.openBlock(),t.createElementBlock("div",{key:2,"data-qa":"dt-item-layout-bottom-wrapper",class:t.normalizeClass([l.resolvedBlockEndClass,"d-item-layout__bottom"])},[e.$slots.blockEnd?t.renderSlot(e.$slots,"blockEnd",{key:0}):t.renderSlot(e.$slots,"bottom",{key:1})],2)):t.createCommentVNode("",!0)],2),l.hasSlotContent(e.$slots.end)||l.hasSlotContent(e.$slots.right)?(t.openBlock(),t.createElementBlock("section",{key:1,"data-qa":"dt-item-layout-right-wrapper",class:t.normalizeClass([l.resolvedEndClass,"d-item-layout__right"])},[e.$slots.end?t.renderSlot(e.$slots,"end",{key:0}):t.renderSlot(e.$slots,"right",{key:1})],2)):t.createCommentVNode("",!0),l.hasSlotContent(e.$slots.selected)?(t.openBlock(),t.createElementBlock("section",{key:2,"data-qa":"dt-item-layout-selected-wrapper",class:t.normalizeClass([s.selectedClass,"d-item-layout__selected"])},[t.renderSlot(e.$slots,"selected")],2)):t.createCommentVNode("",!0)]),_:3},8,["class","style"])}const i=n._(r,[["render",d]]);exports.default=i;
 //# sourceMappingURL=item-layout.cjs.map

package/dist/lib/item-layout/item-layout.cjs.map CHANGED Viewed

	@@ -1 +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","_openBlock","_createBlock","_resolveDynamicComponent","$props","_normalizeStyle","$options","_ctx","_createElementBlock","_renderSlot","_createElementVNode","_normalizeClass"],"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,~~0BAvKE~~,OAAAC,EAAAA,UAAA,EAAAC,EAAAA,~~YA8DYC~~,EAAAA,~~wBA7DLC~~,EAAA,EAAE,EAAA,CACN,uBAAOA,EAAA,SAAQ,wBAAA,eAAA,EACf,MAAKC,EAAAA,eAAED,EAAA,UAAYE,EAAA,2BAA0B,CAAA,sBAE9C,~~IAOU~~,~~CANFA~~,EAAA,eAAeC,EAAA,OAAO,IAAI,~~iBADlCC~~,EAAAA,~~mBAOU~~,UAAA,~~OALR~~,UAAQ,8BACP,~~wBAAQJ~~,EAAA,~~UAAS~~,qBAAA,CAAA,~~IAGlBK~~,~~aAAoBF~~,EAAA,OAAA,~~MAAA~~,~~mCAEtBG~~,EAAAA,~~mBAgCU~~,UAAA,~~CA/BR~~,UAAQ,iCACP,wBAAQN,EAAA,aAAY,wBAAA,CAAA,IAGbE,EAAA,eAAeC,EAAA,OAAO,OAAO,iBADrCC,EAAAA,mBAOM,MAAA,OALJ,UAAQ,+BACP,wBAAQJ,EAAA,WAAU,sBAAA,CAAA,IAGnBK,aAAQF,EAAA,OAAA,SAAA,mCAGFD,EAAA,eAAeC,EAAA,OAAO,QAAQ,iBADtCC,EAAAA,mBAWM,MAAA,OATJ,UAAQ,kCACP,MAAKG,EAAAA,eAAA,CAAcP,EAAA,+EAAuGE,EAAA,eAAeC,EAAA,OAAO,OAAO,CAAA,MAOxJE,aAAwBF,EAAA,OAAA,UAAA,mCAGlBD,EAAA,eAAeC,EAAA,OAAO,MAAM,~~iBADpCC~~,EAAAA,~~mBAOM~~,MAAA,~~OALJ~~,UAAQ,gCACP,~~wBAAQJ~~,EAAA,~~YAAW~~,uBAAA,CAAA,~~IAGpBK~~,~~aAAsBF~~,EAAA,OAAA,~~QAAA~~,~~uCAIlBD~~,EAAA,eAAeC,EAAA,OAAO,KAAK,~~iBADnCC~~,EAAAA,~~mBAOU~~,UAAA,~~OALR~~,UAAQ,+BACP,~~wBAAQJ~~,EAAA,~~WAAU~~,sBAAA,CAAA,~~IAGnBK~~,~~aAAqBF~~,EAAA,OAAA,OAAA,~~mCAGfD~~,EAAA,eAAeC,EAAA,OAAO,QAAQ,iBADtCC,EAAAA,mBAOU,UAAA,OALR,UAAQ,kCACP,wBAAQJ,EAAA,cAAa,yBAAA,CAAA,IAGtBK,aAAwBF,EAAA,OAAA,UAAA"}
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.start) \|\| hasSlotContent($slots.left)\"\n data-qa=\"dt-item-layout-left-wrapper\"\n :class=\"[resolvedStartClass, 'd-item-layout__left']\"\n >\n <!-- @slot Slot for start content -->\n <slot\n v-if=\"$slots.start\"\n name=\"start\"\n />\n <!-- @slot @deprecated Use start -->\n <slot\n v-else\n name=\"left\"\n />\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.blockEnd) \|\| hasSlotContent($slots.bottom)\"\n data-qa=\"dt-item-layout-bottom-wrapper\"\n :class=\"[resolvedBlockEndClass, 'd-item-layout__bottom']\"\n >\n <!-- @slot Slot for content below subtitle -->\n <slot\n v-if=\"$slots.blockEnd\"\n name=\"blockEnd\"\n />\n <!-- @slot @deprecated Use blockEnd -->\n <slot\n v-else\n name=\"bottom\"\n />\n </div>\n </section>\n <section\n v-if=\"hasSlotContent($slots.end) \|\| hasSlotContent($slots.right)\"\n data-qa=\"dt-item-layout-right-wrapper\"\n :class=\"[resolvedEndClass, 'd-item-layout__right']\"\n >\n <!-- @slot Slot for end content -->\n <slot\n v-if=\"$slots.end\"\n name=\"end\"\n />\n <!-- @slot @deprecated Use end -->\n <slot\n v-else\n name=\"right\"\n />\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 start section.\n /\n startClass: {\n type: String,\n default: '',\n },\n\n /\n Set the class for the start section.\n * @deprecated Use startClass\n /\n leftClass: {\n type: String,\n default: undefined,\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 block-end section.\n /\n blockEndClass: {\n type: String,\n default: '',\n },\n\n /\n Set the class for the block-end section.\n * @deprecated Use blockEndClass\n /\n bottomClass: {\n type: String,\n default: undefined,\n },\n\n /\n Set the class for the end section.\n /\n endClass: {\n type: String,\n default: '',\n },\n\n /\n Set the class for the end section.\n * @deprecated Use endClass\n /\n rightClass: {\n type: String,\n default: undefined,\n },\n\n /\n Set the class for the selected section.\n /\n selectedClass: {\n type: String,\n default: '',\n },\n },\n\n computed: {\n resolvedStartClass () {\n return this.leftClass ?? this.startClass;\n },\n\n resolvedEndClass () {\n return this.rightClass ?? this.endClass;\n },\n\n resolvedBlockEndClass () {\n return this.bottomClass ?? this.blockEndClass;\n },\n },\n\n methods: {\n /\n Generate dynamic grid template columns\n */\n dynamicGridTemplateColumns () {\n const leftContentColumn = (this.$slots.start \|\| this.$slots.left) ? 'auto' : '';\n const rightContentColumn = (this.$slots.end \|\| 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","_openBlock","_createBlock","_resolveDynamicComponent","$props","_normalizeStyle","$options","_ctx","_createElementBlock","_renderSlot","_createElementVNode","_normalizeClass"],"mappings":"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"}

package/dist/lib/item-layout/item-layout.js CHANGED Viewed

@@ -1,6 +1,6 @@
-import { hasSlotContent as u } from "../../common/utils/index.js";
-import { openBlock as s, createBlock as r, resolveDynamicComponent as m, normalizeStyle as y, normalizeClass as a, withCtx as c, createElementBlock as o, renderSlot as n, createCommentVNode as d, createElementVNode as C } from "vue";
-import { _ as f } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+import { hasSlotContent as i } from "../../common/utils/index.js";
+import { openBlock as o, createBlock as u, resolveDynamicComponent as m, normalizeStyle as y, normalizeClass as a, withCtx as C, createElementBlock as n, renderSlot as l, createCommentVNode as d, createElementVNode as f } from "vue";
+import { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
 const h = {
   compatConfig: { MODE: 3 },
   name: "DtItemLayout",
@@ -21,12 +21,20 @@ const h = {
       default: !1
     },
     /**
-     * Set the class for the left section.
+     * Set the class for the start section.
      */
-    leftClass: {
+    startClass: {
       type: String,
       default: ""
     },
+    /**
+     * Set the class for the start section.
+     * @deprecated Use startClass
+     */
+    leftClass: {
+      type: String,
+      default: void 0
+    },
     /**
      * Set the class for the content section.
      */
@@ -49,18 +57,34 @@ const h = {
       default: ""
     },
     /**
-     * Set the class for the bottom section.
+     * Set the class for the block-end section.
+     */
+    blockEndClass: {
+      type: String,
+      default: ""
+    },
+    /**
+     * Set the class for the block-end section.
+     * @deprecated Use blockEndClass
      */
     bottomClass: {
+      type: String,
+      default: void 0
+    },
+    /**
+     * Set the class for the end section.
+     */
+    endClass: {
       type: String,
       default: ""
     },
     /**
-     * Set the class for the right section.
+     * Set the class for the end section.
+     * @deprecated Use endClass
      */
     rightClass: {
       type: String,
-      default: ""
+      default: void 0
     },
     /**
      * Set the class for the selected section.
@@ -70,82 +94,93 @@ const h = {
       default: ""
     }
   },
+  computed: {
+    resolvedStartClass() {
+      return this.leftClass ?? this.startClass;
+    },
+    resolvedEndClass() {
+      return this.rightClass ?? this.endClass;
+    },
+    resolvedBlockEndClass() {
+      return this.bottomClass ?? this.blockEndClass;
+    }
+  },
   methods: {
     /**
      * Generate dynamic grid template columns
      */
     dynamicGridTemplateColumns() {
-      const t = this.$slots.left ? "auto" : "", i = this.$slots.right ? "auto" : "", e = this.$slots.selected ? "auto" : "";
+      const t = this.$slots.start || this.$slots.left ? "auto" : "", r = this.$slots.end || this.$slots.right ? "auto" : "", s = this.$slots.selected ? "auto" : "";
       return `
-        grid-template-columns: ${t} 1fr ${i} ${e};
+        grid-template-columns: ${t} 1fr ${r} ${s};
       `;
     },
-    hasSlotContent: u
+    hasSlotContent: i
   }
 };
-function g(t, i, e, S, b, l) {
-  return s(), r(m(e.as), {
-    class: a(e.unstyled ? "d-item-layout--custom" : "d-item-layout"),
-    style: y(e.unstyled && l.dynamicGridTemplateColumns())
+function S(t, r, s, k, g, e) {
+  return o(), u(m(s.as), {
+    class: a(s.unstyled ? "d-item-layout--custom" : "d-item-layout"),
+    style: y(s.unstyled && e.dynamicGridTemplateColumns())
   }, {
-    default: c(() => [
-      l.hasSlotContent(t.$slots.left) ? (s(), o("section", {
+    default: C(() => [
+      e.hasSlotContent(t.$slots.start) || e.hasSlotContent(t.$slots.left) ? (o(), n("section", {
         key: 0,
         "data-qa": "dt-item-layout-left-wrapper",
-        class: a([e.leftClass, "d-item-layout__left"])
+        class: a([e.resolvedStartClass, "d-item-layout__left"])
       }, [
-        n(t.$slots, "left")
+        t.$slots.start ? l(t.$slots, "start", { key: 0 }) : l(t.$slots, "left", { key: 1 })
       ], 2)) : d("", !0),
-      C("section", {
+      f("section", {
         "data-qa": "dt-item-layout-content-wrapper",
-        class: a([e.contentClass, "d-item-layout__content"])
+        class: a([s.contentClass, "d-item-layout__content"])
       }, [
-        l.hasSlotContent(t.$slots.default) ? (s(), o("div", {
+        e.hasSlotContent(t.$slots.default) ? (o(), n("div", {
           key: 0,
           "data-qa": "dt-item-layout-title-wrapper",
-          class: a([e.titleClass, "d-item-layout__title"])
+          class: a([s.titleClass, "d-item-layout__title"])
         }, [
-          n(t.$slots, "default")
+          l(t.$slots, "default")
         ], 2)) : d("", !0),
-        l.hasSlotContent(t.$slots.subtitle) ? (s(), o("div", {
+        e.hasSlotContent(t.$slots.subtitle) ? (o(), n("div", {
           key: 1,
           "data-qa": "dt-item-layout-subtitle-wrapper",
           class: a([
-            e.subtitleClass,
+            s.subtitleClass,
             "d-item-layout--subtitle",
-            { "d-item-layout--subtitle--with-title": l.hasSlotContent(t.$slots.default) }
+            { "d-item-layout--subtitle--with-title": e.hasSlotContent(t.$slots.default) }
           ])
         }, [
-          n(t.$slots, "subtitle")
+          l(t.$slots, "subtitle")
         ], 2)) : d("", !0),
-        l.hasSlotContent(t.$slots.bottom) ? (s(), o("div", {
+        e.hasSlotContent(t.$slots.blockEnd) || e.hasSlotContent(t.$slots.bottom) ? (o(), n("div", {
           key: 2,
           "data-qa": "dt-item-layout-bottom-wrapper",
-          class: a([e.bottomClass, "d-item-layout__bottom"])
+          class: a([e.resolvedBlockEndClass, "d-item-layout__bottom"])
         }, [
-          n(t.$slots, "bottom")
+          t.$slots.blockEnd ? l(t.$slots, "blockEnd", { key: 0 }) : l(t.$slots, "bottom", { key: 1 })
         ], 2)) : d("", !0)
       ], 2),
-      l.hasSlotContent(t.$slots.right) ? (s(), o("section", {
+      e.hasSlotContent(t.$slots.end) || e.hasSlotContent(t.$slots.right) ? (o(), n("section", {
         key: 1,
         "data-qa": "dt-item-layout-right-wrapper",
-        class: a([e.rightClass, "d-item-layout__right"])
+        class: a([e.resolvedEndClass, "d-item-layout__right"])
       }, [
-        n(t.$slots, "right")
+        t.$slots.end ? l(t.$slots, "end", { key: 0 }) : l(t.$slots, "right", { key: 1 })
       ], 2)) : d("", !0),
-      l.hasSlotContent(t.$slots.selected) ? (s(), o("section", {
+      e.hasSlotContent(t.$slots.selected) ? (o(), n("section", {
         key: 2,
         "data-qa": "dt-item-layout-selected-wrapper",
-        class: a([e.selectedClass, "d-item-layout__selected"])
+        class: a([s.selectedClass, "d-item-layout__selected"])
       }, [
-        n(t.$slots, "selected")
+        l(t.$slots, "selected")
       ], 2)) : d("", !0)
     ]),
     _: 3
   }, 8, ["class", "style"]);
 }
-const _ = /* @__PURE__ */ f(h, [["render", g]]);
+const E = /* @__PURE__ */ c(h, [["render", S]]);
 export {
-  _ as default
+  E as default
 };
 //# sourceMappingURL=item-layout.js.map

package/dist/lib/item-layout/item-layout.js.map CHANGED Viewed

	@@ -1 +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","_openBlock","_createBlock","_resolveDynamicComponent","$props","_normalizeStyle","$options","_ctx","_createElementBlock","_renderSlot","_createElementVNode","_normalizeClass"],"mappings":";;;~~AA0EA~~,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EACN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,IAAI;AAAA,MACF,MAAM;AAAA,MACN,SAAS;AAAA;;;;;IAOX,UAAU;AAAA,MACR,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,aAAa;AAAA,MACX,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,eAAe;AAAA,MACb,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,SAAS;AAAA;AAAA;AAAA;AAAA,IAIP,6BAA8B;AAC5B,YAAMC,~~IAAoB~~,KAAK,OAAO,OAAO,SAAS,~~IAChDC~~,~~IAAqB~~,KAAK,OAAO,~~QAAQ~~,SAAS,~~IAClDC~~,IAAwB,KAAK,OAAO,WAAW,SAAS;AAE9D,aAAO;AAAA,iCACoBF,CAAiB,QAAQC,CAAkB,IAAIC,CAAqB;AAAA;AAAA,IAEjG;AAAA,IAEA,gBAAAC;AAAA;AAEJ;;~~AAvKE~~,SAAAC,EAAA,GAAAC,~~EA8DYC~~,~~EA7DLC~~,EAAA,EAAE,GAAA;AAAA,IACN,SAAOA,EAAA,WAAQ,0BAAA,eAAA;AAAA,IACf,OAAKC,EAAED,EAAA,YAAYE,EAAA,2BAA0B,CAAA;AAAA;eAE9C,~~MAOU~~;AAAA,~~MANFA~~,EAAA,eAAeC,EAAA,OAAO,IAAI,~~UADlCC~~,~~EAOU~~,WAAA;AAAA;~~QALR~~,WAAQ;AAAA,QACP,~~UAAQJ~~,EAAA,~~WAAS~~,qBAAA,CAAA;AAAA;~~QAGlBK~~,~~EAAoBF~~,EAAA,QAAA,~~MAAA~~;AAAA;~~MAEtBG~~,~~EAgCU~~,WAAA;AAAA,~~QA/BR~~,WAAQ;AAAA,QACP,UAAQN,EAAA,cAAY,wBAAA,CAAA;AAAA;QAGbE,EAAA,eAAeC,EAAA,OAAO,OAAO,UADrCC,EAOM,OAAA;AAAA;UALJ,WAAQ;AAAA,UACP,UAAQJ,EAAA,YAAU,sBAAA,CAAA;AAAA;UAGnBK,EAAQF,EAAA,QAAA,SAAA;AAAA;QAGFD,EAAA,eAAeC,EAAA,OAAO,QAAQ,UADtCC,EAWM,OAAA;AAAA;UATJ,WAAQ;AAAA,UACP,OAAKG,EAAA;AAAA,YAAcP,EAAA;AAAA;qDAAuGE,EAAA,eAAeC,EAAA,OAAO,OAAO,EAAA;AAAA;;UAOxJE,EAAwBF,EAAA,QAAA,UAAA;AAAA;QAGlBD,EAAA,eAAeC,EAAA,OAAO,MAAM,~~UADpCC~~,~~EAOM~~,OAAA;AAAA;~~UALJ~~,WAAQ;AAAA,UACP,~~UAAQJ~~,EAAA,~~aAAW~~,uBAAA,CAAA;AAAA;~~UAGpBK~~,~~EAAsBF~~,EAAA,QAAA,QAAA;AAAA;;~~MAIlBD~~,EAAA,eAAeC,EAAA,OAAO,KAAK,~~UADnCC~~,~~EAOU~~,WAAA;AAAA;~~QALR~~,WAAQ;AAAA,QACP,~~UAAQJ~~,EAAA,~~YAAU~~,sBAAA,CAAA;AAAA;~~QAGnBK~~,~~EAAqBF~~,EAAA,QAAA,OAAA;AAAA;~~MAGfD~~,EAAA,eAAeC,EAAA,OAAO,QAAQ,UADtCC,EAOU,WAAA;AAAA;QALR,WAAQ;AAAA,QACP,UAAQJ,EAAA,eAAa,yBAAA,CAAA;AAAA;QAGtBK,EAAwBF,EAAA,QAAA,UAAA;AAAA;;;;;;"}
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.start) \|\| hasSlotContent($slots.left)\"\n data-qa=\"dt-item-layout-left-wrapper\"\n :class=\"[resolvedStartClass, 'd-item-layout__left']\"\n >\n <!-- @slot Slot for start content -->\n <slot\n v-if=\"$slots.start\"\n name=\"start\"\n />\n <!-- @slot @deprecated Use start -->\n <slot\n v-else\n name=\"left\"\n />\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.blockEnd) \|\| hasSlotContent($slots.bottom)\"\n data-qa=\"dt-item-layout-bottom-wrapper\"\n :class=\"[resolvedBlockEndClass, 'd-item-layout__bottom']\"\n >\n <!-- @slot Slot for content below subtitle -->\n <slot\n v-if=\"$slots.blockEnd\"\n name=\"blockEnd\"\n />\n <!-- @slot @deprecated Use blockEnd -->\n <slot\n v-else\n name=\"bottom\"\n />\n </div>\n </section>\n <section\n v-if=\"hasSlotContent($slots.end) \|\| hasSlotContent($slots.right)\"\n data-qa=\"dt-item-layout-right-wrapper\"\n :class=\"[resolvedEndClass, 'd-item-layout__right']\"\n >\n <!-- @slot Slot for end content -->\n <slot\n v-if=\"$slots.end\"\n name=\"end\"\n />\n <!-- @slot @deprecated Use end -->\n <slot\n v-else\n name=\"right\"\n />\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 start section.\n /\n startClass: {\n type: String,\n default: '',\n },\n\n /\n Set the class for the start section.\n * @deprecated Use startClass\n /\n leftClass: {\n type: String,\n default: undefined,\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 block-end section.\n /\n blockEndClass: {\n type: String,\n default: '',\n },\n\n /\n Set the class for the block-end section.\n * @deprecated Use blockEndClass\n /\n bottomClass: {\n type: String,\n default: undefined,\n },\n\n /\n Set the class for the end section.\n /\n endClass: {\n type: String,\n default: '',\n },\n\n /\n Set the class for the end section.\n * @deprecated Use endClass\n /\n rightClass: {\n type: String,\n default: undefined,\n },\n\n /\n Set the class for the selected section.\n /\n selectedClass: {\n type: String,\n default: '',\n },\n },\n\n computed: {\n resolvedStartClass () {\n return this.leftClass ?? this.startClass;\n },\n\n resolvedEndClass () {\n return this.rightClass ?? this.endClass;\n },\n\n resolvedBlockEndClass () {\n return this.bottomClass ?? this.blockEndClass;\n },\n },\n\n methods: {\n /\n Generate dynamic grid template columns\n */\n dynamicGridTemplateColumns () {\n const leftContentColumn = (this.$slots.start \|\| this.$slots.left) ? 'auto' : '';\n const rightContentColumn = (this.$slots.end \|\| 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","_openBlock","_createBlock","_resolveDynamicComponent","$props","_normalizeStyle","$options","_ctx","_createElementBlock","_renderSlot","_createElementVNode","_normalizeClass"],"mappings":"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"}

package/dist/lib/ivr-node/ivr-node.cjs CHANGED Viewed

@@ -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("../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;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("@dialpad/dialtone-icons/vue"),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/lib/ivr-node/ivr-node.cjs.map CHANGED Viewed

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

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

@@ -1,4 +1,4 @@
-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 { DtIconListBullet as N, DtIconMoreVertical as S, DtIconPhoneHangUp as f, DtIconTransfer as E, DtIconChevronsRight as O, DtIconCallMerge as v, DtIconBranch as R, DtIconExpertNode as A, DtIconVolume2 as L, DtIconDialer as h, DtIconKeypad as y } from "@dialpad/dialtone-icons/vue";
 import { IVR_NODE_GO_TO as T, IVR_NODE_CLASS_MAPPING as B, IVR_NODE_PROMPT_MENU as M, IVR_NODE_PROMPT_COLLECT as k, IVR_NODE_PROMPT_PLAY as P, IVR_NODE_EXPERT as g, IVR_NODE_BRANCH as w, IVR_NODE_ASSIGN as U, IVR_NODE_CUSTOMER_DATA as q, IVR_NODE_TRANSFER as G, IVR_NODE_HANGUP as K } from "./ivr-node-constants.js";
 import { DialtoneLocalization as z } from "../../localization/index.js";
 import { resolveComponent as i, openBlock as d, createElementBlock as l, mergeProps as H, toHandlers as F, normalizeClass as s, toDisplayString as I, createCommentVNode as _, renderSlot as m, createVNode as r, withCtx as n, createElementVNode as p, createBlock as X, resolveDynamicComponent as Y, withModifiers as j } from "vue";

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

	@@ -1 +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","_ctx","_renderSlot","_createVNode","_component_dt_card","_createElementVNode","_component_dt_button","_createBlock","_resolveDynamicComponent","_hoisted_2","_toDisplayString","_component_dt_dropdown","$data","$event","_component_dt_icon_more_vertical","_withCtx","close"],"mappings":";;;;;;;;AAuHA,MAAMA,IAAa,oBAAI,IAAI;AAAA,EACzB,CAACC,GAAsBC,CAAY;AAAA,EACnC,CAACC,GAAyBC,CAAY;AAAA,EACtC,CAACC,GAAsBC,CAAa;AAAA,EACpC,CAACC,GAAiBC,CAAgB;AAAA,EAClC,CAACC,GAAiBC,CAAY;AAAA,EAC9B,CAACC,GAAgBC,CAAe;AAAA,EAChC,CAACC,GAAiBC,CAAmB;AAAA,EACrC,CAACC,GAAwBC,CAAgB;AAAA,EACzC,CAACC,GAAmBC,CAAc;AAAA,EAClC,CAACC,GAAiBC,CAAiB;AACrC,CAAC,GAEIC,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,QAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAtB;AAAA,IACA,cAAAE;AAAA,IACA,eAAAE;AAAA,IACA,kBAAAE;AAAA,IACA,cAAAE;AAAA,IACA,iBAAAE;AAAA,IACA,qBAAAE;AAAA,IACA,gBAAAI;AAAA,IACA,mBAAAE;AAAA,IACA,oBAAAK;AAAA,IACA,kBAAAT;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA,IAKL,UAAU;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAOZ,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA;;;;IAMZ,YAAY;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;;;IAMX,SAAS;AAAA,MACP,MAAM;AAAA,MACN,SAAS;AAAA;;EAIb,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,QAAQ;AAAA,MACR,MAAM,IAAIU,EAAoB;AAAA;EAElC;AAAA,EAEA,UAAU;AAAA,IACR,gBAAiB;AACf,aAAO;AAAA,QACL,OAAO,CAAC,MAAM,KAAK,MAAM,SAAS,CAAC;AAAA;IAEvC;AAAA,IAEA,WAAY;AACV,aAAO1B,EAAW,IAAI,KAAK,QAAQ;AAAA,IACrC;AAAA,IAEA,YAAa;AACX,YAAM,EAAE,QAAA2B,GAAQ,UAAAC,EAAO,IAAMC,EAAuB,KAAK,QAAQ;AACjE,aAAO,KAAK,aAAaD,IAAWD;AAAA,IACtC;AAAA,IAEA,aAAc;AACZ,aAAO,KAAK,aAAahB;AAAA,IAC3B;AAAA,IAEA,gBAAiB;AACf,YAAMmB,IAAW,KAAK,SAAS,YAAW;AAC1C,aAAO,KAAK,KAAK,GAAG,qBAAqBA,CAAQ,aAAa;AAAA,IAChE;AAAA,IAEA,sBAAuB;AACrB,aAAO,KAAK,KAAK,GAAG,0CAA0C;AAAA,IAChE;AAAA;EAGF,SAAS;AAAA,IACP,WAAY;AACV,WAAK,SAAS;AAAA,IAChB;AAAA;AAEJ,GApNaC,KAAA,EAAA,OAAM,iCAAgC;EAiBvC,OAAM;AAAA,EACN,WAAQ;GAwBHC,KAAA,EAAA,OAAM,mCAAkC;;;AAtEvD,SAAAC,EAAA,GAAAC,EAmFM,OAnFNC,EAmFM;AAAA,IAlFH,OAAK;AAAA;MAAqCC,EAAA;AAAA;EAI3C,GAAAC,EAAoBD,EAAd,eAAa,EAAA,CAAA,GAAA;AAAA,IAGXE,EAAA,gBADRJ,EAOM,OAAA;AAAA;MALJ,WAAQ;AAAA,MACR,OAAKK,EAAA,CAAC,kEAAgE,EAAA,+CACbD,EAAA,YAAU,CAAA;AAAA,SAEhEA,EAAA,OAAO,GAAA,CAAA;IAGJE,EAAA,OAAO,YADfC,EAGED,EAAA,QAAA,aAAA,EAAA,KAAA,EAAA,CAAA;KAEOF,EAAA,WAAO,CAAKE,EAAA,OAAO,kBAD5BN,EAKE,OAAA;AAAA;MAHA,WAAQ;AAAA,MACR,OAAKK,EAAA,CAAC,gCAA8B,EAAA,0CACgBD,EAAA,YAAU,CAAA;AAAA;IAEhEI,EAyDUC,GAAA,MAAA;AAAA,MAxDG,UAET,MAsBM;AAAA,QAtBNC,EAsBM,OAtBNb,IAsBM;AAAA,UArBJW,EAcYG,GAAA;AAAA,YAbV,YAAW;AAAA,YACX,MAAK;AAAA,YACL,WAAQ;AAAA,YACP,cAAYT,EAAA;AAAA,YACZ,OAAOA,EAAA;AAAA;YAEG,QACT,MAIE;AAAA,eAJFH,EAAA,GAAAa,EAIEC,EAHKX,EAAA,QAAQ,GAAA;AAAA,gBACb,MAAK;AAAA,gBACJ,gDAA8CA,EAAA,YAAU,CAAA;AAAA;;;;UAI/DQ,EAKI,KALJI,IAKIC,EADCX,EAAA,SAAS,GAAA,CAAA;AAAA;QAIhBI,EAyBcQ,GAAA;AAAA,UAxBJ,MAAMC,EAAA;AAAA,kDAAAA,EAAA,SAAMC;AAAA,UACpB,WAAU;AAAA;UAEC,UACT,MAUY;AAAA,YAVZV,EAUYG,GAAA;AAAA,cATV,YAAW;AAAA,cACX,MAAK;AAAA,cACJ,cAAYT,EAAA;AAAA,cACZ,OAAOA,EAAA;AAAA,cACP,WAAoBA,EAAA,UAAQ,CAAA,QAAA,SAAA,CAAA;AAAA;cAElB,QACT,MAAoC;AAAA,gBAApCM,EAAoCW,GAAA,EAAb,MAAK,MAAK,CAAA;AAAA;;;;UAI5B,MAAIC,EACb,CAKM,EANW,OAAAC,QAAK;AAAA,YACtBX,EAKM,OALNZ,IAKM;AAAA,cAJJS,EAGED,EAAA,QAAA,aAAA,EADC,OAAOe,EAAK,CAAA;AAAA;;;;;MAMZ,WACT,MAAuB;AAAA,QAAvBd,EAAuBD,EAAA,QAAA,SAAA;AAAA;;;;;;"}
1	+ {"version":3,"file":"ivr-node.js","sources":["../../../recipes/cards/ivr_node/ivr_node.vue"],"sourcesContent":["<template>\n <div\n :class=\"[\n 'd-recipe-ivr-node',\n nodeClass,\n ]\"\n v-on=\"nodeListeners\"\n >\n <div\n v-if=\"dtmfKey\"\n data-qa=\"dt-top-connector-dtmf\"\n class=\"d-recipe-ivr-node__connector d-recipe-ivr-node__connector-dtmf\"\n :class=\"{ 'd-recipe-ivr-node__connector-dtmf--selected': isSelected }\"\n >\n {{ dtmfKey }}\n </div>\n <slot\n v-if=\"$slots.connector\"\n name=\"connector\"\n />\n <div\n v-if=\"!dtmfKey && !$slots.connector\"\n data-qa=\"dt-top-connector\"\n class=\"d-recipe-ivr-node__connector\"\n :class=\"{ 'd-recipe-ivr-node__connector--selected': isSelected }\"\n />\n <dt-card>\n <template #header>\n <!-- node label and icon section on left of the header -->\n <div class=\"d-recipe-ivr-node__header-left\">\n <dt-button\n importance=\"clear\"\n kind=\"muted\"\n data-qa=\"dt-ivr-node-icon\"\n :aria-label=\"nodeAriaLabel\"\n :title=\"nodeAriaLabel\"\n >\n <template #icon>\n <component\n :is=\"nodeIcon\"\n size=\"200\"\n :class=\"['', { 'd-recipe-ivr-node__goto-icon': isGotoNode }]\"\n />\n </template>\n </dt-button>\n <p\n class=\"d-recipe-ivr-node__label\"\n data-qa=\"ivr-node-label\"\n >\n {{ nodeLabel }}\n </p>\n </div>\n <!-- node menu for actions like edit, copy, delete -->\n <dt-dropdown\n v-model:open=\"isOpen\"\n placement=\"bottom\"\n >\n <template #anchor>\n <dt-button\n importance=\"clear\"\n kind=\"muted\"\n :aria-label=\"menuButtonAriaLabel\"\n :title=\"menuButtonAriaLabel\"\n @click.stop.prevent=\"openMenu\"\n >\n <template #icon>\n <dt-icon-more-vertical size=\"200\" />\n </template>\n </dt-button>\n </template>\n <template #list=\"{ close }\">\n <div class=\"d-recipe-ivr-node__dropdown-list\">\n <slot\n name=\"menuItems\"\n :close=\"close\"\n />\n </div>\n </template>\n </dt-dropdown>\n </template>\n <template #content>\n <slot name=\"content\" />\n </template>\n </dt-card>\n </div>\n</template>\n\n<script>\nimport { DtCard } from '@/components/card';\nimport { DtButton } from '@/components/button';\nimport { DtDropdown } from '@/components/dropdown';\nimport {\n DtIconKeypad,\n DtIconDialer,\n DtIconVolume2,\n DtIconExpertNode,\n DtIconBranch,\n DtIconCallMerge,\n DtIconChevronsRight,\n DtIconTransfer,\n DtIconPhoneHangUp,\n DtIconMoreVertical,\n DtIconListBullet,\n} from '@dialpad/dialtone-icons/vue';\nimport {\n IVR_NODE_CLASS_MAPPING,\n IVR_NODE_PROMPT_MENU,\n IVR_NODE_PROMPT_COLLECT,\n IVR_NODE_PROMPT_PLAY,\n IVR_NODE_EXPERT,\n IVR_NODE_BRANCH,\n IVR_NODE_GO_TO,\n IVR_NODE_ASSIGN,\n IVR_NODE_TRANSFER,\n IVR_NODE_HANGUP,\n IVR_NODE_CUSTOMER_DATA,\n} from './ivr_node_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nconst typeToIcon = new Map([\n [IVR_NODE_PROMPT_MENU, DtIconKeypad],\n [IVR_NODE_PROMPT_COLLECT, DtIconDialer],\n [IVR_NODE_PROMPT_PLAY, DtIconVolume2],\n [IVR_NODE_EXPERT, DtIconExpertNode],\n [IVR_NODE_BRANCH, DtIconBranch],\n [IVR_NODE_GO_TO, DtIconCallMerge],\n [IVR_NODE_ASSIGN, DtIconChevronsRight],\n [IVR_NODE_CUSTOMER_DATA, DtIconListBullet],\n [IVR_NODE_TRANSFER, DtIconTransfer],\n [IVR_NODE_HANGUP, DtIconPhoneHangUp],\n]);\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeIvrNode',\n\n components: {\n DtCard,\n DtButton,\n DtDropdown,\n DtIconKeypad,\n DtIconDialer,\n DtIconVolume2,\n DtIconExpertNode,\n DtIconBranch,\n DtIconCallMerge,\n DtIconChevronsRight,\n DtIconTransfer,\n DtIconPhoneHangUp,\n DtIconMoreVertical,\n DtIconListBullet,\n },\n\n props: {\n\n /*\n type of IVR Node.\n /\n nodeType: {\n type: String,\n required: true,\n },\n\n /\n Descriptive label for the node name.\n /\n\n nodeLabel: {\n type: String,\n required: true,\n },\n\n /\n Selected state of the node\n /\n isSelected: {\n type: Boolean,\n default: false,\n },\n\n /\n DTMF input\n /\n dtmfKey: {\n type: String,\n default: null,\n },\n },\n\n emits: [\n /\n Add node click event\n \n @event click\n * @type {PointerEvent \| KeyboardEvent}\n */\n 'click',\n ],\n\n data () {\n return {\n isOpen: false,\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n nodeListeners () {\n return {\n click: (e) => this.$emit('click', e),\n };\n },\n\n nodeIcon () {\n return typeToIcon.get(this.nodeType);\n },\n\n nodeClass () {\n const { normal, selected } = IVR_NODE_CLASS_MAPPING[this.nodeType];\n return this.isSelected ? selected : normal;\n },\n\n isGotoNode () {\n return this.nodeType === IVR_NODE_GO_TO;\n },\n\n nodeAriaLabel () {\n const nodeType = this.nodeType.toUpperCase();\n return this.i18n.$t(`DIALTONE_IVR_NODE_${nodeType}_ARIA_LABEL`);\n },\n\n menuButtonAriaLabel () {\n return this.i18n.$t('DIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL');\n },\n },\n\n methods: {\n openMenu () {\n this.isOpen = true;\n },\n },\n};\n</script>\n"],"names":["typeToIcon","IVR_NODE_PROMPT_MENU","DtIconKeypad","IVR_NODE_PROMPT_COLLECT","DtIconDialer","IVR_NODE_PROMPT_PLAY","DtIconVolume2","IVR_NODE_EXPERT","DtIconExpertNode","IVR_NODE_BRANCH","DtIconBranch","IVR_NODE_GO_TO","DtIconCallMerge","IVR_NODE_ASSIGN","DtIconChevronsRight","IVR_NODE_CUSTOMER_DATA","DtIconListBullet","IVR_NODE_TRANSFER","DtIconTransfer","IVR_NODE_HANGUP","DtIconPhoneHangUp","_sfc_main","DtCard","DtButton","DtDropdown","DtIconMoreVertical","DialtoneLocalization","normal","selected","IVR_NODE_CLASS_MAPPING","nodeType","_hoisted_1","_hoisted_3","_openBlock","_createElementBlock","_mergeProps","$options","_toHandlers","$props","_normalizeClass","_ctx","_renderSlot","_createVNode","_component_dt_card","_createElementVNode","_component_dt_button","_createBlock","_resolveDynamicComponent","_hoisted_2","_toDisplayString","_component_dt_dropdown","$data","$event","_component_dt_icon_more_vertical","_withCtx","close"],"mappings":"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"}

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

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