npm - @dialpad/dialtone-vue - Versions diffs - 3.220.0 → 3.221.0-next.1 - Mend

@dialpad/dialtone-vue 3.220.0 → 3.221.0-next.1

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 (2047) hide show

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

@@ -2,12 +2,15 @@ import { hasSlotContent as e } from "../../common/utils/index.js";
 import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import n from "../validation-messages/validation-messages.js";
 import { InputGroupMixin as r } from "../../common/mixins/input-group.js";
-import { createCommentVNode as i, createElementBlock as a, createTextVNode as o, createVNode as s, mergeProps as c, openBlock as l, renderSlot as u, resolveComponent as d, toDisplayString as f } from "vue";
-//#region components/input_group/input_group.vue
-var p = {
-	compatConfig: { MODE: 3 },
+import i from "../text/text.js";
+import { createBlock as a, createCommentVNode as o, createElementBlock as s, createTextVNode as c, createVNode as l, mergeProps as u, openBlock as d, renderSlot as f, resolveComponent as p, toDisplayString as m, withCtx as h } from "vue";
+//#region components/InputGroup/InputGroup.vue
+var g = {
 	name: "DtInputGroup",
-	components: { DtValidationMessages: n },
+	components: {
+		DtValidationMessages: n,
+		DtText: i
+	},
 	mixins: [r],
 	props: {
 		dataQaGroup: {
@@ -43,19 +46,25 @@ var p = {
 	methods: { getMessageKey(e, t) {
 		return `input-group-message-${e}-${t}-${this.id}`;
 	} }
-}, m = ["data-qa"], h = ["data-qa"];
-function g(e, t, n, r, p, g) {
-	let _ = d("dt-validation-messages");
-	return l(), a("fieldset", {
+}, _ = ["data-qa"];
+function v(e, t, n, r, i, g) {
+	let v = p("dt-text"), y = p("dt-validation-messages");
+	return d(), s("fieldset", {
 		class: "d-input-group__fieldset",
 		"data-qa": n.dataQaGroup
 	}, [
-		p.hasSlotContent(e.$slots.legend) || e.legend ? (l(), a("legend", c({
+		i.hasSlotContent(e.$slots.legend) || e.legend ? (d(), a(v, u({
 			key: 0,
-			class: ["d-label", e.legendClass]
-		}, e.legendChildProps, { "data-qa": n.dataQaGroupLegend }), [u(e.$slots, "legend", {}, () => [o(f(e.legend), 1)])], 16, h)) : i("", !0),
-		u(e.$slots, "default"),
-		s(_, c({
+			kind: "label",
+			as: "legend",
+			tone: "secondary",
+			class: ["d-input-group__legend-text", e.legendClass]
+		}, e.legendChildProps, { "data-qa": n.dataQaGroupLegend }), {
+			default: h(() => [f(e.$slots, "legend", {}, () => [c(m(e.legend), 1)])]),
+			_: 3
+		}, 16, ["class", "data-qa"])) : o("", !0),
+		f(e.$slots, "default"),
+		l(y, u({
 			"validation-messages": e.formattedMessages,
 			"show-messages": e.showMessages,
 			class: e.messagesClass,
@@ -66,10 +75,10 @@ function g(e, t, n, r, p, g) {
 			"class",
 			"data-qa"
 		])
-	], 8, m);
+	], 8, _);
 }
-var _ = /* @__PURE__ */ t(p, [["render", g]]);
+var y = /* @__PURE__ */ t(g, [["render", v]]);
 //#endregion
-export { _ as default };
+export { y 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","names":[],"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"],"mappings":"~~;;;;;;AAuCA~~,IAAK,IAAU;CACb,~~cAAc,EAAE,~~MAAM~~,GAAG~~;~~CACzB,MAAM;~~CAEN,YAAY,EAAE,sBAAA,~~GAAsB~~;~~CAEpC~~,QAAQ,CAAC,EAAgB;CAEzB,OAAO;EAIL,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAKD,qBAAqB;GACnB,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO;GACL,eAAe,KAAK;GACpB;GACD;;CAGH,OAAO;EACL,MAAO,GAAU;AACf,QAAK,gBAAgB;;EAQvB,eAAe;GACb,WAAW;GACX,QAAS,GAAkB;AACzB,SAAK,WAAW,QAAQ;;GAE3B;EACF;CAED,SAAS,EACP,cAAe,GAAM,GAAO;AAC1B,SAAO,uBAAuB,EAAK,GAAG,EAAM,GAAG,KAAK;IAEvD;CACF;;;~~aAtGC~~,~~EAwBW~~,YAAA;~~EAvBT~~,OAAM;EACL,WAAS,EAAA;;EAGF,EAAA,eAAe,EAAA,OAAO,OAAM,IAAK,EAAA,UAAA,GAAA,EADzC,~~EAUS~~,~~UAVT~~,~~EAUS~~;;~~GARN~~,OAAK,CAAA,~~WAAc~~,EAAA,YAAW;~~KACvB~~,EAAA,kBAAgB,EACvB,WAAS,EAAA,mBAAiB,CAAA,EAAA,~~CAG3B~~,EAEO,EAAA,QAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAA,OAAM,EAAA,EAAA,CAAA,CAAA,CAAA,~~EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,GAAA;~~EAIb,EAAQ,EAAA,QAAA,UAAA;EACR,EAME,GANF,EAME;GALC,uBAAqB,EAAA;GACrB,iBAAe,EAAA;GACf,OAAO,EAAA;GACP,WAAS,EAAA;KACF,EAAA,mBAAkB,EAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;GAAA,CAAA"}
1	+ {"version":3,"file":"input-group.js","names":[],"sources":["../../../components/InputGroup/InputGroup.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 '../ValidationMessages';\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 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"],"mappings":";;;;;;;AA2CA,IAAK,IAAU;CACb,MAAM;CAEN,YAAY;EAAE,sBAAA;EAAsB,QAAA;EAAQ;CAE5C,QAAQ,CAAC,EAAgB;CAEzB,OAAO;EAIL,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,mBAAmB;GACjB,MAAM;GACN,SAAS;GACV;EAKD,qBAAqB;GACnB,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO;GACL,eAAe,KAAK;GACpB;GACD;;CAGH,OAAO;EACL,MAAO,GAAU;AACf,QAAK,gBAAgB;;EAQvB,eAAe;GACb,WAAW;GACX,QAAS,GAAkB;AACzB,SAAK,WAAW,QAAQ;;GAE3B;EACF;CAED,SAAS,EACP,cAAe,GAAM,GAAO;AAC1B,SAAO,uBAAuB,EAAK,GAAG,EAAM,GAAG,KAAK;IAEvD;CACF;;;aAzGC,EA2BW,YAAA;EA1BT,OAAM;EACL,WAAS,EAAA;;EAGF,EAAA,eAAe,EAAA,OAAO,OAAM,IAAK,EAAA,UAAA,GAAA,EADzC,EAaU,GAbV,EAaU;;GAXR,MAAK;GACL,IAAG;GACH,MAAK;GACJ,OAAK,CAAA,8BAAiC,EAAA,YAAW;KAC1C,EAAA,kBAAgB,EACvB,WAAS,EAAA,mBAAiB,CAAA,EAAA;oBAKpB,CAFP,EAEO,EAAA,QAAA,UAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAA,OAAM,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;EAIb,EAAQ,EAAA,QAAA,UAAA;EACR,EAME,GANF,EAME;GALC,uBAAqB,EAAA;GACrB,iBAAe,EAAA;GACf,OAAO,EAAA;GACP,WAAS,EAAA;KACF,EAAA,mBAAkB,EAAA,MAAA,IAAA;GAAA;GAAA;GAAA;GAAA;GAAA,CAAA"}

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

@@ -1,4 +1,4 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let n=require(`vue`);var 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(){return`
-        grid-template-columns: ${this.$slots.left?`auto`:``} 1fr ${this.$slots.right?`auto`:``} ${this.$slots.selected?`auto`:``};
-      `},hasSlotContent:e.hasSlotContent}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(r.as),{class:(0,n.normalizeClass)(r.unstyled?`d-item-layout--custom`:`d-item-layout`),style:(0,n.normalizeStyle)(r.unstyled&&o.dynamicGridTemplateColumns())},{default:(0,n.withCtx)(()=>[o.hasSlotContent(e.$slots.left)?((0,n.openBlock)(),(0,n.createElementBlock)(`section`,{key:0,"data-qa":`dt-item-layout-left-wrapper`,class:(0,n.normalizeClass)([r.leftClass,`d-item-layout__left`])},[(0,n.renderSlot)(e.$slots,`left`)],2)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`section`,{"data-qa":`dt-item-layout-content-wrapper`,class:(0,n.normalizeClass)([r.contentClass,`d-item-layout__content`])},[o.hasSlotContent(e.$slots.default)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,"data-qa":`dt-item-layout-title-wrapper`,class:(0,n.normalizeClass)([r.titleClass,`d-item-layout__title`])},[(0,n.renderSlot)(e.$slots,`default`)],2)):(0,n.createCommentVNode)(``,!0),o.hasSlotContent(e.$slots.subtitle)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,"data-qa":`dt-item-layout-subtitle-wrapper`,class:(0,n.normalizeClass)([r.subtitleClass,`d-item-layout--subtitle`,{"d-item-layout--subtitle--with-title":o.hasSlotContent(e.$slots.default)}])},[(0,n.renderSlot)(e.$slots,`subtitle`)],2)):(0,n.createCommentVNode)(``,!0),o.hasSlotContent(e.$slots.bottom)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:2,"data-qa":`dt-item-layout-bottom-wrapper`,class:(0,n.normalizeClass)([r.bottomClass,`d-item-layout__bottom`])},[(0,n.renderSlot)(e.$slots,`bottom`)],2)):(0,n.createCommentVNode)(``,!0)],2),o.hasSlotContent(e.$slots.right)?((0,n.openBlock)(),(0,n.createElementBlock)(`section`,{key:1,"data-qa":`dt-item-layout-right-wrapper`,class:(0,n.normalizeClass)([r.rightClass,`d-item-layout__right`])},[(0,n.renderSlot)(e.$slots,`right`)],2)):(0,n.createCommentVNode)(``,!0),o.hasSlotContent(e.$slots.selected)?((0,n.openBlock)(),(0,n.createElementBlock)(`section`,{key:2,"data-qa":`dt-item-layout-selected-wrapper`,class:(0,n.normalizeClass)([r.selectedClass,`d-item-layout__selected`])},[(0,n.renderSlot)(e.$slots,`selected`)],2)):(0,n.createCommentVNode)(``,!0)]),_:3},8,[`class`,`style`])}var a=t.t(r,[[`render`,i]]);exports.default=a;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/utils/index.cjs`),t=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let n=require(`vue`);var r={name:`DtItemLayout`,props:{as:{type:String,default:`div`},unstyled:{type:Boolean,default:!1},startClass:{type:[String,Array,Object],default:``},leftClass:{type:[String,Array,Object],default:void 0},contentClass:{type:[String,Array,Object],default:``},titleClass:{type:[String,Array,Object],default:``},subtitleClass:{type:[String,Array,Object],default:``},blockEndClass:{type:[String,Array,Object],default:``},bottomClass:{type:[String,Array,Object],default:void 0},endClass:{type:[String,Array,Object],default:``},rightClass:{type:[String,Array,Object],default:void 0},selectedClass:{type:[String,Array,Object],default:``}},computed:{resolvedStartClass(){return this.leftClass??this.startClass},resolvedEndClass(){return this.rightClass??this.endClass},resolvedBlockEndClass(){return this.bottomClass??this.blockEndClass}},methods:{dynamicGridTemplateColumns(){return`
+        grid-template-columns: ${this.$slots.start||this.$slots.left?`auto`:``} 1fr ${this.$slots.end||this.$slots.right?`auto`:``} ${this.$slots.selected?`auto`:``};
+      `},hasSlotContent:e.hasSlotContent}};function i(e,t,r,i,a,o){return(0,n.openBlock)(),(0,n.createBlock)((0,n.resolveDynamicComponent)(r.as),{class:(0,n.normalizeClass)(r.unstyled?`d-item-layout--custom`:`d-item-layout`),style:(0,n.normalizeStyle)(r.unstyled&&o.dynamicGridTemplateColumns())},{default:(0,n.withCtx)(()=>[o.hasSlotContent(e.$slots.start)||o.hasSlotContent(e.$slots.left)?((0,n.openBlock)(),(0,n.createElementBlock)(`section`,{key:0,"data-qa":`dt-item-layout-left-wrapper`,class:(0,n.normalizeClass)([o.resolvedStartClass,`d-item-layout__left`])},[e.$slots.start?(0,n.renderSlot)(e.$slots,`start`,{key:0}):(0,n.renderSlot)(e.$slots,`left`,{key:1})],2)):(0,n.createCommentVNode)(``,!0),(0,n.createElementVNode)(`section`,{"data-qa":`dt-item-layout-content-wrapper`,class:(0,n.normalizeClass)([r.contentClass,`d-item-layout__content`])},[o.hasSlotContent(e.$slots.default)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,"data-qa":`dt-item-layout-title-wrapper`,class:(0,n.normalizeClass)([r.titleClass,`d-item-layout__title`])},[(0,n.renderSlot)(e.$slots,`default`)],2)):(0,n.createCommentVNode)(``,!0),o.hasSlotContent(e.$slots.subtitle)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:1,"data-qa":`dt-item-layout-subtitle-wrapper`,class:(0,n.normalizeClass)([r.subtitleClass,`d-item-layout--subtitle`,{"d-item-layout--subtitle--with-title":o.hasSlotContent(e.$slots.default)}])},[(0,n.renderSlot)(e.$slots,`subtitle`)],2)):(0,n.createCommentVNode)(``,!0),o.hasSlotContent(e.$slots.blockEnd)||o.hasSlotContent(e.$slots.bottom)?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:2,"data-qa":`dt-item-layout-bottom-wrapper`,class:(0,n.normalizeClass)([o.resolvedBlockEndClass,`d-item-layout__bottom`])},[e.$slots.blockEnd?(0,n.renderSlot)(e.$slots,`blockEnd`,{key:0}):(0,n.renderSlot)(e.$slots,`bottom`,{key:1})],2)):(0,n.createCommentVNode)(``,!0)],2),o.hasSlotContent(e.$slots.end)||o.hasSlotContent(e.$slots.right)?((0,n.openBlock)(),(0,n.createElementBlock)(`section`,{key:1,"data-qa":`dt-item-layout-right-wrapper`,class:(0,n.normalizeClass)([o.resolvedEndClass,`d-item-layout__right`])},[e.$slots.end?(0,n.renderSlot)(e.$slots,`end`,{key:0}):(0,n.renderSlot)(e.$slots,`right`,{key:1})],2)):(0,n.createCommentVNode)(``,!0),o.hasSlotContent(e.$slots.selected)?((0,n.openBlock)(),(0,n.createElementBlock)(`section`,{key:2,"data-qa":`dt-item-layout-selected-wrapper`,class:(0,n.normalizeClass)([r.selectedClass,`d-item-layout__selected`])},[(0,n.renderSlot)(e.$slots,`selected`)],2)):(0,n.createCommentVNode)(``,!0)]),_:3},8,[`class`,`style`])}var a=t.t(r,[[`render`,i]]);exports.default=a;
 //# 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","names":[],"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"],"mappings":"~~kQA0EA~~,IAAK,EAAU,CACb,~~aAAc,CAAE,~~KAAM,~~EAAG,CACzB,KAAM,~~eACN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,QAAS,MACV,CAMD,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,~~OACN~~,QAAS,GACV,CAKD,aAAc,CACZ,KAAM,~~OACN~~,QAAS,GACV,CAKD,WAAY,CACV,KAAM,~~OACN~~,QAAS,GACV,CAKD,cAAe,CACb,KAAM,~~OACN~~,QAAS,GACV,CAKD,YAAa,CACX,KAAM,~~OACN~~,QAAS,GACV,CAKD,WAAY,CACV,KAAM,~~OACN~~,QAAS,GACV,CAKD,cAAe,CACb,KAAM,~~OACN~~,QAAS,GACV,CACF,CAED,QAAS,CAIP,4BAA8B,CAK5B,MAAO;~~iCAJmB~~,KAAK,OAAO,~~KAAO~~,OAAS,~~GAKV~~,~~OAJjB~~,KAAK,OAAO,~~MAAQ~~,OAAS,~~GAIc~~,GAHxC,KAAK,OAAO,SAAW,OAAS,GAGkC;SAIlG,eAAA,EAAA,eACD,CACF,~~iGAtKQ~~,EAAA,GAAE,CAAA,CACN,OAAA,EAAA,EAAA,gBAAO,EAAA,SAAQ,wBAAA,gBAAA,CACf,OAAA,EAAA,EAAA,gBAAO,EAAA,UAAY,EAAA,4BAA0B,CAAA,~~6BASpC~~,~~CANF~~,EAAA,eAAe,EAAA,OAAO,KAAI,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,~~oBAMxB~~,UAAA,~~OALR~~,UAAQ,8BACP,OAAA,EAAA,EAAA,gBAAK,CAAG,EAAA,~~UAAS~~,sBAAA,CAAA,~~oBAGE~~,EAAA,OAAA,OAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,~~0BAkCZ~~,UAAA,~~CA/BR~~,UAAQ,iCACP,OAAA,EAAA,EAAA,gBAAK,CAAG,EAAA,aAAY,yBAAA,CAAA,GAGb,EAAA,eAAe,EAAA,OAAO,QAAO,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAM/B,MAAA,OALJ,UAAQ,+BACP,OAAA,EAAA,EAAA,gBAAK,CAAG,EAAA,WAAU,uBAAA,CAAA,oBAGX,EAAA,OAAA,UAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAGF,EAAA,eAAe,EAAA,OAAO,SAAQ,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAUhC,MAAA,OATJ,UAAQ,kCACP,OAAA,EAAA,EAAA,gBAAK,CAAc,EAAA,+EAAuG,EAAA,eAAe,EAAA,OAAO,QAAO,CAAA,sBAOhI,EAAA,OAAA,WAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAGlB,EAAA,eAAe,EAAA,OAAO,OAAM,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,~~oBAM9B~~,MAAA,~~OALJ~~,UAAQ,gCACP,OAAA,EAAA,EAAA,gBAAK,CAAG,EAAA,~~YAAW~~,wBAAA,CAAA,~~oBAGE~~,EAAA,OAAA,SAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,~~KAIlB~~,EAAA,eAAe,EAAA,OAAO,MAAK,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,~~oBAMzB~~,UAAA,~~OALR~~,UAAQ,+BACP,OAAA,EAAA,EAAA,gBAAK,CAAG,EAAA,~~WAAU~~,uBAAA,CAAA,~~oBAGE~~,EAAA,OAAA,QAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,~~CAGf~~,EAAA,eAAe,EAAA,OAAO,SAAQ,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAM5B,UAAA,OALR,UAAQ,kCACP,OAAA,EAAA,EAAA,gBAAK,CAAG,EAAA,cAAa,0BAAA,CAAA,oBAGE,EAAA,OAAA,WAAA,CAAA,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA"}
1	+ {"version":3,"file":"item-layout.cjs","names":[],"sources":["../../../components/ItemLayout/ItemLayout.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 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, Array, Object],\n default: '',\n },\n\n /\n Set the class for the start section.\n * @deprecated Use startClass\n /\n leftClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n\n /\n Set the class for the content section.\n /\n contentClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Set the class for the title section.\n /\n titleClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Set the class for the subtitle section.\n /\n subtitleClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Set the class for the block-end section (aka bottom).\n /\n blockEndClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Set the class for the block-end section (aka bottom).\n * @deprecated Use blockEndClass\n /\n bottomClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n\n /\n Set the class for the end section.\n /\n endClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Set the class for the end section.\n * @deprecated Use endClass\n /\n rightClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n\n /\n Set the class for the selected section.\n /\n selectedClass: {\n type: [String, Array, Object],\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"],"mappings":"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"}

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

@@ -1,9 +1,8 @@
 import { hasSlotContent as e } from "../../common/utils/index.js";
 import { t } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import { createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, normalizeClass as o, normalizeStyle as s, openBlock as c, renderSlot as l, resolveDynamicComponent as u, withCtx as d } from "vue";
-//#region components/item_layout/item_layout.vue
+//#region components/ItemLayout/ItemLayout.vue
 var f = {
-	compatConfig: { MODE: 3 },
 	name: "DtItemLayout",
 	props: {
 		as: {
@@ -14,39 +13,102 @@ var f = {
 			type: Boolean,
 			default: !1
 		},
-		leftClass: {
-			type: String,
+		startClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
 			default: ""
 		},
+		leftClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: void 0
+		},
 		contentClass: {
-			type: String,
+			type: [
+				String,
+				Array,
+				Object
+			],
 			default: ""
 		},
 		titleClass: {
-			type: String,
+			type: [
+				String,
+				Array,
+				Object
+			],
 			default: ""
 		},
 		subtitleClass: {
-			type: String,
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
+		blockEndClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
 			default: ""
 		},
 		bottomClass: {
-			type: String,
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: void 0
+		},
+		endClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
 			default: ""
 		},
 		rightClass: {
-			type: String,
-			default: ""
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: void 0
 		},
 		selectedClass: {
-			type: String,
+			type: [
+				String,
+				Array,
+				Object
+			],
 			default: ""
 		}
 	},
+	computed: {
+		resolvedStartClass() {
+			return this.leftClass ?? this.startClass;
+		},
+		resolvedEndClass() {
+			return this.rightClass ?? this.endClass;
+		},
+		resolvedBlockEndClass() {
+			return this.bottomClass ?? this.blockEndClass;
+		}
+	},
 	methods: {
 		dynamicGridTemplateColumns() {
 			return `
-        grid-template-columns: ${this.$slots.left ? "auto" : ""} 1fr ${this.$slots.right ? "auto" : ""} ${this.$slots.selected ? "auto" : ""};
+        grid-template-columns: ${this.$slots.start || this.$slots.left ? "auto" : ""} 1fr ${this.$slots.end || this.$slots.right ? "auto" : ""} ${this.$slots.selected ? "auto" : ""};
       `;
 		},
 		hasSlotContent: e
@@ -58,11 +120,11 @@ function p(e, t, f, p, m, h) {
 		style: s(f.unstyled && h.dynamicGridTemplateColumns())
 	}, {
 		default: d(() => [
-			h.hasSlotContent(e.$slots.left) ? (c(), i("section", {
+			h.hasSlotContent(e.$slots.start) || h.hasSlotContent(e.$slots.left) ? (c(), i("section", {
 				key: 0,
 				"data-qa": "dt-item-layout-left-wrapper",
-				class: o([f.leftClass, "d-item-layout__left"])
-			}, [l(e.$slots, "left")], 2)) : r("", !0),
+				class: o([h.resolvedStartClass, "d-item-layout__left"])
+			}, [e.$slots.start ? l(e.$slots, "start", { key: 0 }) : l(e.$slots, "left", { key: 1 })], 2)) : r("", !0),
 			a("section", {
 				"data-qa": "dt-item-layout-content-wrapper",
 				class: o([f.contentClass, "d-item-layout__content"])
@@ -81,17 +143,17 @@ function p(e, t, f, p, m, h) {
 						{ "d-item-layout--subtitle--with-title": h.hasSlotContent(e.$slots.default) }
 					])
 				}, [l(e.$slots, "subtitle")], 2)) : r("", !0),
-				h.hasSlotContent(e.$slots.bottom) ? (c(), i("div", {
+				h.hasSlotContent(e.$slots.blockEnd) || h.hasSlotContent(e.$slots.bottom) ? (c(), i("div", {
 					key: 2,
 					"data-qa": "dt-item-layout-bottom-wrapper",
-					class: o([f.bottomClass, "d-item-layout__bottom"])
-				}, [l(e.$slots, "bottom")], 2)) : r("", !0)
+					class: o([h.resolvedBlockEndClass, "d-item-layout__bottom"])
+				}, [e.$slots.blockEnd ? l(e.$slots, "blockEnd", { key: 0 }) : l(e.$slots, "bottom", { key: 1 })], 2)) : r("", !0)
 			], 2),
-			h.hasSlotContent(e.$slots.right) ? (c(), i("section", {
+			h.hasSlotContent(e.$slots.end) || h.hasSlotContent(e.$slots.right) ? (c(), i("section", {
 				key: 1,
 				"data-qa": "dt-item-layout-right-wrapper",
-				class: o([f.rightClass, "d-item-layout__right"])
-			}, [l(e.$slots, "right")], 2)) : r("", !0),
+				class: o([h.resolvedEndClass, "d-item-layout__right"])
+			}, [e.$slots.end ? l(e.$slots, "end", { key: 0 }) : l(e.$slots, "right", { key: 1 })], 2)) : r("", !0),
 			h.hasSlotContent(e.$slots.selected) ? (c(), i("section", {
 				key: 2,
 				"data-qa": "dt-item-layout-selected-wrapper",

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

	@@ -1 +1 @@
1	- {"version":3,"file":"item-layout.js","names":[],"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"],"mappings":";;;;~~AA0EA~~,IAAK,IAAU;CACb,~~cAAc,EAAE,~~MAAM~~,GAAG~~;~~CACzB,MAAM;~~CACN,OAAO;EAIL,IAAI;GACF,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;~~GACN~~,SAAS;GACV;EAKD,cAAc;GACZ,MAAM;~~GACN~~,SAAS;GACV;EAKD,YAAY;GACV,MAAM;~~GACN~~,SAAS;GACV;EAKD,eAAe;GACb,MAAM;~~GACN~~,SAAS;GACV;EAKD,aAAa;GACX,MAAM;~~GACN~~,SAAS;GACV;EAKD,YAAY;GACV,MAAM;~~GACN~~,SAAS;GACV;EAKD,eAAe;GACb,MAAM;~~GACN~~,SAAS;GACV;EACF;CAED,SAAS;EAIP,6BAA8B;AAK5B,UAAO;~~iCAJmB~~,KAAK,OAAO,OAAO,SAAS,~~GAKV~~,~~OAJjB~~,KAAK,OAAO,~~QAAQ~~,SAAS,~~GAIc~~,GAHxC,KAAK,OAAO,WAAW,SAAS,GAGkC;;;EAIlG;EACD;CACF;;~~aAvKC~~,~~EA8DY~~,~~EA7DL~~,EAAA,GAAE,EAAA;EACN,OAAK,EAAE,EAAA,WAAQ,0BAAA,gBAAA;EACf,OAAK,EAAE,EAAA,YAAY,EAAA,4BAA0B,CAAA;;~~mBASpC~~;~~GANF~~,EAAA,eAAe,EAAA,OAAO,KAAI,IAAA,GAAA,~~EADlC~~,~~EAOU~~,WAAA;;~~IALR~~,WAAQ;IACP,OAAK,EAAA,CAAG,EAAA,~~WAAS~~,sBAAA,CAAA;~~OAGlB~~,~~EAAoB~~,EAAA,QAAA,~~OAAA~~,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;~~GAEtB~~,~~EAgCU~~,WAAA;~~IA/BR~~,WAAQ;IACP,OAAK,EAAA,CAAG,EAAA,cAAY,yBAAA,CAAA;;IAGb,EAAA,eAAe,EAAA,OAAO,QAAO,IAAA,GAAA,EADrC,EAOM,OAAA;;KALJ,WAAQ;KACP,OAAK,EAAA,CAAG,EAAA,YAAU,uBAAA,CAAA;QAGnB,EAAQ,EAAA,QAAA,UAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;IAGF,EAAA,eAAe,EAAA,OAAO,SAAQ,IAAA,GAAA,EADtC,EAWM,OAAA;;KATJ,WAAQ;KACP,OAAK,EAAA;MAAc,EAAA;;+CAAuG,EAAA,eAAe,EAAA,OAAO,QAAO,EAAA;;QAOxJ,EAAwB,EAAA,QAAA,WAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;IAGlB,EAAA,eAAe,EAAA,OAAO,OAAM,IAAA,GAAA,~~EADpC~~,~~EAOM~~,OAAA;;~~KALJ~~,WAAQ;KACP,OAAK,EAAA,CAAG,EAAA,~~aAAW~~,wBAAA,CAAA;~~QAGpB~~,~~EAAsB~~,EAAA,QAAA,~~SAAA~~,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;;~~GAIlB~~,EAAA,eAAe,EAAA,OAAO,MAAK,IAAA,GAAA,~~EADnC~~,~~EAOU~~,WAAA;;~~IALR~~,WAAQ;IACP,OAAK,EAAA,CAAG,EAAA,~~YAAU~~,uBAAA,CAAA;~~OAGnB~~,~~EAAqB~~,EAAA,QAAA,QAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA;~~GAGf~~,EAAA,eAAe,EAAA,OAAO,SAAQ,IAAA,GAAA,EADtC,EAOU,WAAA;;IALR,WAAQ;IACP,OAAK,EAAA,CAAG,EAAA,eAAa,0BAAA,CAAA;OAGtB,EAAwB,EAAA,QAAA,WAAA,CAAA,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA"}
1	+ {"version":3,"file":"item-layout.js","names":[],"sources":["../../../components/ItemLayout/ItemLayout.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 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, Array, Object],\n default: '',\n },\n\n /\n Set the class for the start section.\n * @deprecated Use startClass\n /\n leftClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n\n /\n Set the class for the content section.\n /\n contentClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Set the class for the title section.\n /\n titleClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Set the class for the subtitle section.\n /\n subtitleClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Set the class for the block-end section (aka bottom).\n /\n blockEndClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Set the class for the block-end section (aka bottom).\n * @deprecated Use blockEndClass\n /\n bottomClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n\n /\n Set the class for the end section.\n /\n endClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Set the class for the end section.\n * @deprecated Use endClass\n /\n rightClass: {\n type: [String, Array, Object],\n default: undefined,\n },\n\n /\n Set the class for the selected section.\n /\n selectedClass: {\n type: [String, Array, Object],\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"],"mappings":"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"}

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

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

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

@@ -5,7 +5,7 @@ import r from "../card/card.js";
 import i from "../dropdown/dropdown.js";
 import { IVR_NODE_ASSIGN as a, IVR_NODE_BRANCH as o, IVR_NODE_CLASS_MAPPING as s, IVR_NODE_CUSTOMER_DATA as c, IVR_NODE_EXPERT as l, IVR_NODE_GO_TO as u, IVR_NODE_HANGUP as d, IVR_NODE_PROMPT_COLLECT as f, IVR_NODE_PROMPT_MENU as p, IVR_NODE_PROMPT_PLAY as m, IVR_NODE_TRANSFER as h } from "./ivr-node-constants.js";
 import { createBlock as g, createCommentVNode as _, createElementBlock as v, createElementVNode as y, createVNode as b, mergeProps as x, normalizeClass as S, openBlock as C, renderSlot as w, resolveComponent as T, resolveDynamicComponent as E, toDisplayString as D, toHandlers as O, withCtx as k, withModifiers as A } from "vue";
-import { DtIconBranch as j, DtIconCallMerge as M, DtIconChevronsRight as N, DtIconDialer as P, DtIconExpertNode as F, DtIconKeypad as I, DtIconListBullet as L, DtIconMoreVertical as R, DtIconPhoneHangUp as z, DtIconTransfer as B, DtIconVolume2 as V } from "@dialpad/dialtone-icons/vue3";
+import { DtIconBranch as j, DtIconCallMerge as M, DtIconChevronsRight as N, DtIconDialer as P, DtIconExpertNode as F, DtIconKeypad as I, DtIconListBullet as L, DtIconMoreVertical as R, DtIconPhoneHangUp as z, DtIconTransfer as B, DtIconVolume2 as V } from "@dialpad/dialtone-icons/vue";
 //#region recipes/cards/ivr_node/ivr_node.vue
 var H = new Map([
 	[p, I],

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

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

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

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

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

@@ -1,4 +1,4 @@
-//#region components/keyboard_shortcut/keyboard_shortcut_constants.js
+//#region components/KeyboardShortcut/KeyboardShortcutConstants.js
 var e = [
 	"{win}",
 	"{arrow-right}",

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

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

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"keyboard-shortcut.cjs","names":[],"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 class=\"d-keyboard-shortcut--sr-only\">\n {{ screenReaderText \|\| generatedScreenReaderText }}\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=\"`icon-${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-if=\"item.trim()\"\n :key=\"`text-${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 DtIconOption,\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 '{opt}': DtIconOption,\n};\n\n// Mapping of icon aliases to readable text for accessibility\nconst ICON_ALIAS_TO_TEXT = {\n '{cmd}': 'Command',\n '{opt}': 'Option',\n '{win}': 'Windows',\n '{arrow-right}': 'Right Arrow',\n '{arrow-left}': 'Left Arrow',\n '{arrow-up}': 'Up Arrow',\n '{arrow-down}': 'Down Arrow',\n '{plus}': 'plus',\n};\n\n// Mapping of common key abbreviations to full names for accessibility\nconst KEY_ABBREVIATIONS = {\n 'ctrl': 'Control',\n 'alt': 'Alt',\n 'esc': 'Escape',\n 'del': 'Delete',\n 'ins': 'Insert',\n 'pgup': 'Page Up',\n 'pgdn': 'Page Down',\n 'num': 'Number',\n 'caps': 'Caps Lock',\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 DtIconOption,\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} {opt} {win} {arrow-right} {arrow-left} {arrow-up} {arrow-down}\n /\n shortcut: {\n type: String,\n required: true,\n },\n\n /\n Optional text to override the auto-generated accessible text for assistive technology.\n * If not provided, accessible text will be automatically generated from the shortcut.\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 // Generates accessible text for the keyboard shortcut\n generatedScreenReaderText () {\n return this.formattedShortcutSplit\n .map(item => {\n const trimmedItem = item.trim();\n\n // Convert icon aliases to readable text\n if (ICON_ALIAS_TO_TEXT[trimmedItem]) {\n return ICON_ALIAS_TO_TEXT[trimmedItem];\n }\n\n // Convert key abbreviations to full names (case-insensitive)\n const lowerItem = trimmedItem.toLowerCase();\n if (KEY_ABBREVIATIONS[lowerItem]) {\n return KEY_ABBREVIATIONS[lowerItem];\n }\n\n // Return the key as-is if it's not an alias or abbreviation\n return trimmedItem;\n })\n .filter(item => item) // Remove empty strings\n .join(' ');\n },\n },\n};\n</script>\n"],"mappings":"~~kQAmDA~~,IAAM,EAAyB,CAC7B,QAAS,EAAA,iBACT,gBAAiB,EAAA,iBACjB,eAAgB,EAAA,gBAChB,aAAc,EAAA,cACd,eAAgB,EAAA,gBAChB,QAAS,EAAA,cACT,QAAS,EAAA,aACV,CAGK,EAAqB,CACzB,QAAS,UACT,QAAS,SACT,QAAS,UACT,gBAAiB,cACjB,eAAgB,aAChB,aAAc,WACd,eAAgB,aAChB,SAAU,OACX,CAGK,EAAoB,CACxB,KAAQ,UACR,IAAO,MACP,IAAO,SACP,IAAO,SACP,IAAO,SACP,KAAQ,UACR,KAAQ,YACR,IAAO,SACP,KAAQ,YACT,CAMI,EAAU,CACb,~~aAAc,CAAE,~~KAAM,~~EAAG,CACzB,KAAM,~~qBAEN,WAAY,CACV,iBAAA,EAAA,iBACA,iBAAA,EAAA,iBACA,gBAAA,EAAA,gBACA,cAAA,EAAA,cACA,gBAAA,EAAA,gBACA,cAAA,EAAA,cACA,aAAA,EAAA,aACA,WAAA,EAAA,~~WACD~~,CAED,MAAO,~~CAKL~~,SAAU,CACR,KAAM,QACN,QAAS,GACV,CAMD,SAAU,CACR,KAAM,OACN,SAAU,GACX,CAMD,iBAAkB,CAChB,KAAM,OACN,QAAS,KACV,CACF,CAED,MAAQ,CACN,MAAO,CACL,UAAW,OACZ,EAGH,SAAU,CACR,OAAS,CACP,MAAO,CACL,GAAG,EACH,SAAU,EAAA,WACX,EAGH,uBAAyB,CACvB,OAAO,KAAK,SAAS,QAAQ,KAAK,UAAW,SAAS,EAGxD,mBAAqB,CACnB,OAAO,OAAO,KAAK,EAAuB,CAAC,QAAQ,EAAQ,IAClD,EAAO,QAAY,OAAO,IAAM,EAAM,IAAK,KAAK,CAAE,EAAuB,GAAK,CACpF,KAAK,sBAAsB,EAIhC,wBAA0B,CACxB,IAAM,EAAkB,OAAO,KAAK,KAAK,MAAM,CAAC,KAAK,IAAI,CAOnD,EAAY,OAAO,IAAI,EAAgB,GAAI,KAAK,CACtD,OAAO,KAAK,kBAAkB,MAAM,EAAM,CAAC,OAAO,QAAQ,EAI5D,2BAA6B,CAC3B,OAAO,KAAK,uBACT,IAAI,GAAQ,CACX,IAAM,EAAc,EAAK,MAAM,CAG/B,GAAI,EAAmB,GACrB,OAAO,EAAmB,GAI5B,IAAM,EAAY,EAAY,aAAa,CAM3C,OALI,EAAkB,GACb,EAAkB,GAIpB,GACR,CACA,OAAO,GAAQ,EAAI,CACnB,KAAK,IAAI,EAEf,CACF,~~IA3LS~~,MAAM,+BAA8B,~~0FA4BtC~~,MAAA,~~CAjCH~~,OAAA,EAAA,EAAA,gBAAK,CAAA,sBAAA,CAAA,gCAA0E,EAAA,SAAQ,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,EAAA,oBAOjF,OAFP,GAAA,EAAA,EAAA,iBACK,EAAA,kBAAoB,EAAA,0BAAyB,CAAA,EAAA,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,~~oBA0BvC~~,EAAA,SAAA,MAAA,EAAA,EAAA,~~YAvBW~~,EAAA,wBAAZ,EAAM,iEAIN,EAAA,MAAM,KAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBADP,EAAA,MAAM,GAAI,CAAA,CAEd,IAAG,QAAU,EAAC,GAAI,IACnB,KAAK,MACL,cAAY,OACX,OAAA,EAAA,EAAA,gBAAK,CAAA,4BAAA,CAAA,sCAA8F,EAAA,SAAQ,CAAA,CAAA,qBAMjG,EAAK,MAAI,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,~~oBAQpB~~,~~OAAA~~,~~CAPC~~,IAAG,QAAU,EAAC,GAAI,IACnB,cAAY,OACX,OAAA,EAAA,EAAA,gBAAK,CAAA,4BAAA,CAAA,sCAA8F,EAAA,SAAQ,CAAA,CAAA,~~CAI5G~~,UAAQ"}
1	+ {"version":3,"file":"keyboard-shortcut.cjs","names":[],"sources":["../../../components/KeyboardShortcut/KeyboardShortcut.vue"],"sourcesContent":["<template>\n <kbd\n :class=\"[\n 'd-keyboard-shortcut',\n { 'd-keyboard-shortcut--inverted': inverted },\n ]\"\n >\n <span class=\"d-keyboard-shortcut--sr-only\">\n {{ screenReaderText \|\| generatedScreenReaderText }}\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=\"`icon-${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 <dt-text\n v-else-if=\"item.trim()\"\n :key=\"`text-${i}-${item}`\"\n kind=\"body\"\n :size=\"200\"\n numeric\n :density=\"400\"\n tone=\"tertiary\"\n aria-hidden=\"true\"\n :class=\"[\n 'd-keyboard-shortcut__item',\n { 'd-keyboard-shortcut__item--inverted': inverted },\n ]\"\n >\n <!-- eslint-disable-next-line vue/no-v-html -->\n <span v-html=\"item\" />\n </dt-text>\n </template>\n </kbd>\n</template>\n\n<script>\nimport {\n DtIconLayoutGrid,\n DtIconArrowRight,\n DtIconArrowLeft,\n DtIconArrowUp,\n DtIconArrowDown,\n DtIconCommand,\n DtIconOption,\n DtIconPlus,\n} from '@dialpad/dialtone-icons/vue';\nimport { DtText } from '@/components/Text';\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 '{opt}': DtIconOption,\n};\n\n// Mapping of icon aliases to readable text for accessibility\nconst ICON_ALIAS_TO_TEXT = {\n '{cmd}': 'Command',\n '{opt}': 'Option',\n '{win}': 'Windows',\n '{arrow-right}': 'Right Arrow',\n '{arrow-left}': 'Left Arrow',\n '{arrow-up}': 'Up Arrow',\n '{arrow-down}': 'Down Arrow',\n '{plus}': 'plus',\n};\n\n// Mapping of common key abbreviations to full names for accessibility\nconst KEY_ABBREVIATIONS = {\n 'ctrl': 'Control',\n 'alt': 'Alt',\n 'esc': 'Escape',\n 'del': 'Delete',\n 'ins': 'Insert',\n 'pgup': 'Page Up',\n 'pgdn': 'Page Down',\n 'num': 'Number',\n 'caps': 'Caps Lock',\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 name: 'DtKeyboardShortcut',\n\n components: {\n DtIconLayoutGrid,\n DtIconArrowRight,\n DtIconArrowLeft,\n DtIconArrowUp,\n DtIconArrowDown,\n DtIconCommand,\n DtIconOption,\n DtIconPlus,\n DtText,\n },\n\n props: {\n /\n @deprecated Use v-dt-mode instead.\n * If true, applies inverted styles.\n * @values true, false\n * @deprecated Use v-dt-mode directive instead.\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} {opt} {win} {arrow-right} {arrow-left} {arrow-up} {arrow-down}\n /\n shortcut: {\n type: String,\n required: true,\n },\n\n /\n Optional text to override the auto-generated accessible text for assistive technology.\n * If not provided, accessible text will be automatically generated from the shortcut.\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 // Generates accessible text for the keyboard shortcut\n generatedScreenReaderText () {\n return this.formattedShortcutSplit\n .map(item => {\n const trimmedItem = item.trim();\n\n // Convert icon aliases to readable text\n if (ICON_ALIAS_TO_TEXT[trimmedItem]) {\n return ICON_ALIAS_TO_TEXT[trimmedItem];\n }\n\n // Convert key abbreviations to full names (case-insensitive)\n const lowerItem = trimmedItem.toLowerCase();\n if (KEY_ABBREVIATIONS[lowerItem]) {\n return KEY_ABBREVIATIONS[lowerItem];\n }\n\n // Return the key as-is if it's not an alias or abbreviation\n return trimmedItem;\n })\n .filter(item => item) // Remove empty strings\n .join(' ');\n },\n },\n};\n</script>\n"],"mappings":"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"}