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

@dialpad/dialtone-vue 3.220.0-next.5 → 3.220.0

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

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

@@ -0,0 +1,75 @@
+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 },
+	name: "DtInputGroup",
+	components: { DtValidationMessages: n },
+	mixins: [r],
+	props: {
+		dataQaGroup: {
+			type: String,
+			default: "input-group"
+		},
+		dataQaGroupLegend: {
+			type: String,
+			default: "input-group-legend"
+		},
+		dataQaGroupMessages: {
+			type: String,
+			default: "input-group-messages"
+		}
+	},
+	data() {
+		return {
+			internalValue: this.value,
+			hasSlotContent: e
+		};
+	},
+	watch: {
+		value(e) {
+			this.internalValue = e;
+		},
+		internalValue: {
+			immediate: !0,
+			handler(e) {
+				this.provideObj.value = e;
+			}
+		}
+	},
+	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", {
+		class: "d-input-group__fieldset",
+		"data-qa": n.dataQaGroup
+	}, [
+		p.hasSlotContent(e.$slots.legend) || e.legend ? (l(), a("legend", c({
+			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({
+			"validation-messages": e.formattedMessages,
+			"show-messages": e.showMessages,
+			class: e.messagesClass,
+			"data-qa": n.dataQaGroupMessages
+		}, e.messagesChildProps), null, 16, [
+			"validation-messages",
+			"show-messages",
+			"class",
+			"data-qa"
+		])
+	], 8, m);
+}
+var _ = /* @__PURE__ */ t(p, [["render", g]]);
+//#endregion
+export { _ as default };
+//# sourceMappingURL=input-group.js.map

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

@@ -0,0 +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 \n <slot name=\"legend\">\n {{ legend }}\n </slot>\n </legend>\n \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"}

package/dist/lib/item-layout/index.cjs ADDED Viewed

	@@ -0,0 +1 @@
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./item-layout.cjs`);exports.DtItemLayout=e.default;

package/dist/lib/item-layout/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from "./item-layout.js";
2	+ export { e as DtItemLayout };

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

@@ -0,0 +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;
+//# sourceMappingURL=item-layout.cjs.map

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

@@ -0,0 +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 \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 \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 \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 \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 \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 \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":"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"}

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

@@ -0,0 +1,108 @@
+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
+var f = {
+	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
+	}
+};
+function p(e, t, f, p, m, h) {
+	return c(), n(u(f.as), {
+		class: o(f.unstyled ? "d-item-layout--custom" : "d-item-layout"),
+		style: s(f.unstyled && h.dynamicGridTemplateColumns())
+	}, {
+		default: d(() => [
+			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),
+			a("section", {
+				"data-qa": "dt-item-layout-content-wrapper",
+				class: o([f.contentClass, "d-item-layout__content"])
+			}, [
+				h.hasSlotContent(e.$slots.default) ? (c(), i("div", {
+					key: 0,
+					"data-qa": "dt-item-layout-title-wrapper",
+					class: o([f.titleClass, "d-item-layout__title"])
+				}, [l(e.$slots, "default")], 2)) : r("", !0),
+				h.hasSlotContent(e.$slots.subtitle) ? (c(), i("div", {
+					key: 1,
+					"data-qa": "dt-item-layout-subtitle-wrapper",
+					class: o([
+						f.subtitleClass,
+						"d-item-layout--subtitle",
+						{ "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", {
+					key: 2,
+					"data-qa": "dt-item-layout-bottom-wrapper",
+					class: o([f.bottomClass, "d-item-layout__bottom"])
+				}, [l(e.$slots, "bottom")], 2)) : r("", !0)
+			], 2),
+			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),
+			h.hasSlotContent(e.$slots.selected) ? (c(), i("section", {
+				key: 2,
+				"data-qa": "dt-item-layout-selected-wrapper",
+				class: o([f.selectedClass, "d-item-layout__selected"])
+			}, [l(e.$slots, "selected")], 2)) : r("", !0)
+		]),
+		_: 3
+	}, 8, ["class", "style"]);
+}
+var m = /* @__PURE__ */ t(f, [["render", p]]);
+//#endregion
+export { m as default };
+//# sourceMappingURL=item-layout.js.map

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

@@ -0,0 +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 \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 \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 \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 \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 \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 \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"}

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/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;
+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;
 //# 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/~~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~~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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/vue3';\nimport {\n IVR_NODE_CLASS_MAPPING,\n IVR_NODE_PROMPT_MENU,\n IVR_NODE_PROMPT_COLLECT,\n IVR_NODE_PROMPT_PLAY,\n IVR_NODE_EXPERT,\n IVR_NODE_BRANCH,\n IVR_NODE_GO_TO,\n IVR_NODE_ASSIGN,\n IVR_NODE_TRANSFER,\n IVR_NODE_HANGUP,\n IVR_NODE_CUSTOMER_DATA,\n} from './ivr_node_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nconst typeToIcon = new Map([\n [IVR_NODE_PROMPT_MENU, DtIconKeypad],\n [IVR_NODE_PROMPT_COLLECT, DtIconDialer],\n [IVR_NODE_PROMPT_PLAY, DtIconVolume2],\n [IVR_NODE_EXPERT, DtIconExpertNode],\n [IVR_NODE_BRANCH, DtIconBranch],\n [IVR_NODE_GO_TO, DtIconCallMerge],\n [IVR_NODE_ASSIGN, DtIconChevronsRight],\n [IVR_NODE_CUSTOMER_DATA, DtIconListBullet],\n [IVR_NODE_TRANSFER, DtIconTransfer],\n [IVR_NODE_HANGUP, DtIconPhoneHangUp],\n]);\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeIvrNode',\n\n components: {\n DtCard,\n DtButton,\n DtDropdown,\n DtIconKeypad,\n DtIconDialer,\n DtIconVolume2,\n DtIconExpertNode,\n DtIconBranch,\n DtIconCallMerge,\n DtIconChevronsRight,\n DtIconTransfer,\n DtIconPhoneHangUp,\n DtIconMoreVertical,\n DtIconListBullet,\n },\n\n props: {\n\n /*\n type of IVR Node.\n /\n nodeType: {\n type: String,\n required: true,\n },\n\n /\n Descriptive label for the node name.\n /\n\n nodeLabel: {\n type: String,\n required: true,\n },\n\n /\n Selected state of the node\n /\n isSelected: {\n type: Boolean,\n default: false,\n },\n\n /\n DTMF input\n /\n dtmfKey: {\n type: String,\n default: null,\n },\n },\n\n emits: [\n /\n Add node click event\n \n @event click\n * @type {PointerEvent \| KeyboardEvent}\n */\n 'click',\n ],\n\n data () {\n return {\n isOpen: false,\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n nodeListeners () {\n return {\n click: (e) => this.$emit('click', e),\n };\n },\n\n nodeIcon () {\n return typeToIcon.get(this.nodeType);\n },\n\n nodeClass () {\n const { normal, selected } = IVR_NODE_CLASS_MAPPING[this.nodeType];\n return this.isSelected ? selected : normal;\n },\n\n isGotoNode () {\n return this.nodeType === IVR_NODE_GO_TO;\n },\n\n nodeAriaLabel () {\n const nodeType = this.nodeType.toUpperCase();\n return this.i18n.$t(`DIALTONE_IVR_NODE_${nodeType}_ARIA_LABEL`);\n },\n\n menuButtonAriaLabel () {\n return this.i18n.$t('DIALTONE_IVR_NODE_MENU_BUTTON_ARIA_LABEL');\n },\n },\n\n methods: {\n openMenu () {\n this.isOpen = true;\n },\n },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/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/vue";
+import { DtIconBranch as j, DtIconCallMerge as M, DtIconChevronsRight as N, DtIconDialer as P, DtIconExpertNode as F, DtIconKeypad as I, DtIconListBullet as L, DtIconMoreVertical as R, DtIconPhoneHangUp as z, DtIconTransfer as B, DtIconVolume2 as V } from "@dialpad/dialtone-icons/vue3";
 //#region recipes/cards/ivr_node/ivr_node.vue
 var H = new Map([
 	[p, I],

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/~~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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"}
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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"}

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

	@@ -0,0 +1 @@
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./keyboard-shortcut.cjs`),t=require(`./keyboard-shortcut-constants.cjs`);exports.DtKeyboardShortcut=e.default,exports.SHORTCUTS_ALIASES_LIST=t.SHORTCUTS_ALIASES_LIST;

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

@@ -0,0 +1,3 @@
+import e from "./keyboard-shortcut.js";
+import { SHORTCUTS_ALIASES_LIST as t } from "./keyboard-shortcut-constants.js";
+export { e as DtKeyboardShortcut, t as SHORTCUTS_ALIASES_LIST };

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

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

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

	@@ -0,0 +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"}

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

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

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

	@@ -0,0 +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"}

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

	@@ -0,0 +1,2 @@
1	+ 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;
2	+ //# sourceMappingURL=keyboard-shortcut.cjs.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"keyboard-shortcut.cjs","names":[],"sources":["../../../components/keyboard_shortcut/keyboard_shortcut.vue"],"sourcesContent":["\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"}

package/dist/lib/keyboard-shortcut/keyboard-shortcut.js ADDED Viewed

@@ -0,0 +1,106 @@
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { Fragment as t, createBlock as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, normalizeClass as o, openBlock as s, renderList as c, resolveDynamicComponent as l, toDisplayString as u } from "vue";
+import { DtIconArrowDown as d, DtIconArrowLeft as f, DtIconArrowRight as p, DtIconArrowUp as m, DtIconCommand as h, DtIconLayoutGrid as g, DtIconOption as _, DtIconPlus as v } from "@dialpad/dialtone-icons/vue3";
+//#region components/keyboard_shortcut/keyboard_shortcut.vue
+var y = {
+	"{win}": g,
+	"{arrow-right}": p,
+	"{arrow-left}": f,
+	"{arrow-up}": m,
+	"{arrow-down}": d,
+	"{cmd}": h,
+	"{opt}": _
+}, b = {
+	"{cmd}": "Command",
+	"{opt}": "Option",
+	"{win}": "Windows",
+	"{arrow-right}": "Right Arrow",
+	"{arrow-left}": "Left Arrow",
+	"{arrow-up}": "Up Arrow",
+	"{arrow-down}": "Down Arrow",
+	"{plus}": "plus"
+}, x = {
+	ctrl: "Control",
+	alt: "Alt",
+	esc: "Escape",
+	del: "Delete",
+	ins: "Insert",
+	pgup: "Page Up",
+	pgdn: "Page Down",
+	num: "Number",
+	caps: "Caps Lock"
+}, S = {
+	compatConfig: { MODE: 3 },
+	name: "DtKeyboardShortcut",
+	components: {
+		DtIconLayoutGrid: g,
+		DtIconArrowRight: p,
+		DtIconArrowLeft: f,
+		DtIconArrowUp: m,
+		DtIconArrowDown: d,
+		DtIconCommand: h,
+		DtIconOption: _,
+		DtIconPlus: v
+	},
+	props: {
+		inverted: {
+			type: Boolean,
+			default: !1
+		},
+		shortcut: {
+			type: String,
+			required: !0
+		},
+		screenReaderText: {
+			type: String,
+			default: null
+		}
+	},
+	data() {
+		return { separator: /\+/gi };
+	},
+	computed: {
+		icons() {
+			return {
+				...y,
+				"{plus}": v
+			};
+		},
+		shortcutWithSeparator() {
+			return this.shortcut.replace(this.separator, "{plus}");
+		},
+		formattedShortcut() {
+			return Object.keys(y).reduce((e, t) => e.replace(RegExp("{" + t + "}", "gi"), y[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 (b[t]) return b[t];
+				let n = t.toLowerCase();
+				return x[n] ? x[n] : t;
+			}).filter((e) => e).join(" ");
+		}
+	}
+}, C = { class: "d-keyboard-shortcut--sr-only" }, w = ["innerHTML"];
+function T(e, d, f, p, m, h) {
+	return s(), i("kbd", { class: o(["d-keyboard-shortcut", { "d-keyboard-shortcut--inverted": f.inverted }]) }, [a("span", C, u(f.screenReaderText || h.generatedScreenReaderText), 1), (s(!0), i(t, null, c(h.formattedShortcutSplit, (e, a) => (s(), i(t, null, [h.icons[e] ? (s(), n(l(h.icons[e]), {
+		key: `icon-${a}-${e}`,
+		size: "100",
+		"aria-hidden": "true",
+		class: o(["d-keyboard-shortcut__icon", { "d-keyboard-shortcut__icon--inverted": f.inverted }])
+	}, null, 8, ["class"])) : e.trim() ? (s(), i("span", {
+		key: `text-${a}-${e}`,
+		"aria-hidden": "true",
+		class: o(["d-keyboard-shortcut__item", { "d-keyboard-shortcut__item--inverted": f.inverted }]),
+		innerHTML: e
+	}, null, 10, w)) : r("", !0)], 64))), 256))], 2);
+}
+var E = /* @__PURE__ */ e(S, [["render", T]]);
+//#endregion
+export { E as default };
+//# sourceMappingURL=keyboard-shortcut.js.map

package/dist/lib/keyboard-shortcut/keyboard-shortcut.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"keyboard-shortcut.js","names":[],"sources":["../../../components/keyboard_shortcut/keyboard_shortcut.vue"],"sourcesContent":["\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":";;;;AAmDA,IAAM,IAAyB;CAC7B,SAAS;CACT,iBAAiB;CACjB,gBAAgB;CAChB,cAAc;CACd,gBAAgB;CAChB,SAAS;CACT,SAAS;CACV,EAGK,IAAqB;CACzB,SAAS;CACT,SAAS;CACT,SAAS;CACT,iBAAiB;CACjB,gBAAgB;CAChB,cAAc;CACd,gBAAgB;CAChB,UAAU;CACX,EAGK,IAAoB;CACxB,MAAQ;CACR,KAAO;CACP,KAAO;CACP,KAAO;CACP,KAAO;CACP,MAAQ;CACR,MAAQ;CACR,KAAO;CACP,MAAQ;CACT,EAMI,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD;CAED,OAAO;EAKL,UAAU;GACR,MAAM;GACN,SAAS;GACV;EAMD,UAAU;GACR,MAAM;GACN,UAAU;GACX;EAMD,kBAAkB;GAChB,MAAM;GACN,SAAS;GACV;EACF;CAED,OAAQ;AACN,SAAO,EACL,WAAW,QACZ;;CAGH,UAAU;EACR,QAAS;AACP,UAAO;IACL,GAAG;IACH,UAAU;IACX;;EAGH,wBAAyB;AACvB,UAAO,KAAK,SAAS,QAAQ,KAAK,WAAW,SAAS;;EAGxD,oBAAqB;AACnB,UAAO,OAAO,KAAK,EAAuB,CAAC,QAAQ,GAAQ,MAClD,EAAO,QAAY,OAAO,MAAM,IAAM,KAAK,KAAK,EAAE,EAAuB,GAAK,EACpF,KAAK,sBAAsB;;EAIhC,yBAA0B;GACxB,IAAM,IAAkB,OAAO,KAAK,KAAK,MAAM,CAAC,KAAK,IAAI,EAOnD,IAAY,OAAO,IAAI,EAAgB,IAAI,KAAK;AACtD,UAAO,KAAK,kBAAkB,MAAM,EAAM,CAAC,OAAO,QAAQ;;EAI5D,4BAA6B;AAC3B,UAAO,KAAK,uBACT,KAAI,MAAQ;IACX,IAAM,IAAc,EAAK,MAAM;AAG/B,QAAI,EAAmB,GACrB,QAAO,EAAmB;IAI5B,IAAM,IAAY,EAAY,aAAa;AAM3C,WALI,EAAkB,KACb,EAAkB,KAIpB;KACR,CACA,QAAO,MAAQ,EAAI,CACnB,KAAK,IAAI;;EAEf;CACF,QA3LS,OAAM,gCAA8B;;aAN5C,EAkCM,OAAA,EAjCH,OAAK,EAAA,CAAA,uBAAA,EAAA,iCAA0E,EAAA,UAAQ,CAAA,CAAA,EAAA,EAAA,CAKxF,EAEO,QAFP,GAEO,EADF,EAAA,oBAAoB,EAAA,0BAAyB,EAAA,EAAA,GAAA,EAAA,GAAA,EAElD,EAwBW,GAAA,MAAA,EAvBW,EAAA,yBAAZ,GAAM,wBAIN,EAAA,MAAM,MAAA,GAAA,EAFd,EAUE,EATK,EAAA,MAAM,GAAI,EAAA;EAEd,KAAG,QAAU,EAAC,GAAI;EACnB,MAAK;EACL,eAAY;EACX,OAAK,EAAA,CAAA,6BAAA,EAAA,uCAA8F,EAAA,UAAQ,CAAA,CAAA;2BAMjG,EAAK,MAAI,IAAA,GAAA,EADtB,EASE,QAAA;EAPC,KAAG,QAAU,EAAC,GAAI;EACnB,eAAY;EACX,OAAK,EAAA,CAAA,6BAAA,EAAA,uCAA8F,EAAA,UAAQ,CAAA,CAAA;EAI5G,WAAQ"}

package/dist/lib/lazy-show/index.cjs ADDED Viewed

	@@ -0,0 +1 @@
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./lazy-show.cjs`);exports.DtLazyShow=e.default;

package/dist/lib/lazy-show/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from "./lazy-show.js";
2	+ export { e as DtLazyShow };

package/dist/lib/lazy-show/lazy-show.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ 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`);var n={compatConfig:{MODE:3},name:`DtLazyShow`,inheritAttrs:!1,props:{show:{type:Boolean,default:!1},transition:{type:String,default:null},appear:{type:Boolean,default:!1}},data(){return{initialized:!!this.show}},computed:{isCSSEnabled(){return process.env.NODE_ENV!==`test`}},watch:{show:function(e){!e\|\|this.initialized\|\|(this.initialized=!0)}}};function r(e,n,r,i,a,o){return(0,t.openBlock)(),(0,t.createBlock)(t.Transition,(0,t.mergeProps)({name:r.transition,appear:r.appear},e.$attrs,{css:o.isCSSEnabled}),{default:(0,t.withCtx)(()=>[(0,t.withDirectives)((0,t.createElementVNode)(`div`,(0,t.normalizeProps)((0,t.guardReactiveProps)(e.$attrs)),[a.initialized?(0,t.renderSlot)(e.$slots,`default`,{key:0}):(0,t.createCommentVNode)(``,!0)],16),[[t.vShow,r.show]])]),_:3},16,[`name`,`appear`,`css`])}var i=e.t(n,[[`render`,r]]);exports.default=i;
2	+ //# sourceMappingURL=lazy-show.cjs.map

package/dist/lib/lazy-show/lazy-show.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"lazy-show.cjs","names":[],"sources":["../../../components/lazy_show/lazy_show.vue"],"sourcesContent":["<template>\n <Transition\n :name=\"transition\"\n :appear=\"appear\"\n v-bind=\"$attrs\"\n :css=\"isCSSEnabled\"\n >\n <div\n v-show=\"show\"\n v-bind=\"$attrs\"\n >\n \n <slot v-if=\"initialized\" />\n </div>\n </Transition>\n</template>\n\n<script>\n/**\n * Lazy Show is a utility component that prevents its children from being rendered until the first time it is shown.\n * @see https://dialtone.dialpad.com/components/lazy_show.html\n */\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtLazyShow',\n\n inheritAttrs: false,\n\n /******************\n * PROPS *\n ******************/\n props: {\n /**\n * Whether the child slot is shown.\n * @values true, false\n */\n show: {\n type: Boolean,\n default: false,\n },\n\n /**\n * A valid Vue enter/leave CSS transition name.\n */\n transition: {\n type: String,\n default: null,\n },\n\n /**\n * Enable/Disable transition animation\n * @values true, false\n */\n appear: {\n type: Boolean,\n default: false,\n },\n },\n\n /******************\n * DATA *\n ******************/\n data () {\n return {\n initialized: !!this.show,\n };\n },\n\n computed: {\n /**\n * Set the css property to false when running tests only.\n * Refer to: https://vuejs.org/guide/built-ins/transition.html#javascript-hooks for details about\n * transition `css` property\n * @returns {boolean}\n */\n isCSSEnabled () {\n return process.env.NODE_ENV !== 'test';\n },\n },\n\n /******************\n * WATCH *\n ******************/\n watch: {\n show: function (newValue) {\n if (!newValue || this.initialized) return;\n\n this.initialized = true;\n },\n },\n};\n</script>\n"],"mappings":"wNAsBA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,aAEN,aAAc,GAKd,MAAO,CAKL,KAAM,CACJ,KAAM,QACN,QAAS,GACV,CAKD,WAAY,CACV,KAAM,OACN,QAAS,KACV,CAMD,OAAQ,CACN,KAAM,QACN,QAAS,GACV,CACF,CAKD,MAAQ,CACN,MAAO,CACL,YAAa,CAAC,CAAC,KAAK,KACrB,EAGH,SAAU,CAOR,cAAgB,CACd,OAAA,QAAA,IAAA,WAAgC,QAEnC,CAKD,MAAO,CACL,KAAM,SAAU,EAAU,CACpB,CAAC,GAAY,KAAK,cAEtB,KAAK,YAAc,KAEtB,CACF,mEA5Ec,EAAA,YAAA,EAAA,EAAA,YAAA,CAZV,KAAM,EAAA,WACN,OAAQ,EAAA,QACD,EAAA,OAAM,CACb,IAAK,EAAA,aAAY,CAAA,CAAA,2BAQZ,EAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,oBAJI,EAAA,OAAM,CAAA,CAAA,CAGF,EAAA,aAAA,EAAA,EAAA,YAAe,EAAA,OAAA,UAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,GAAA,CAAA,CAAA,CAAA,EAAA,MAJnB,EAAA,KAAI,CAAA,CAAA,CAAA,CAAA"}