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/emoji-text-wrapper/emoji-text-wrapper.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(`../../common/emoji/index.cjs`),t=require(`../icon/icon-constants.cjs`),n=require(`../emoji/emoji.cjs`);let r=require(`vue`);var i=(0,r.h)((0,r.resolveDynamicComponent)(null)).type,a={compatConfig:{MODE:3},name:`DtEmojiTextWrapper`,components:{DtEmoji:n.default},props:{elementType:{type:String,default:`div`},size:{type:String,default:`500`,validator:e=>Object.keys(t.ICON_SIZE_MODIFIERS).includes(e)}},data(){return{loadingEmojiJson:!0}},async created(){this.loadingEmojiJson=!1},methods:{replaceDtEmojis(e,t){if(!e.length)return t;let i=e.map(e=>e.replace(/\/g,`\\`)),a=RegExp(`(${i.join(`\|`)})`,`g`);return t.split(a).filter(e=>e.trim()!==``).map(t=>e.includes(t)?(0,r.h)(n.default,{code:t,size:this.size}):(0,r.h)(`span`,{class:`d-emoji-text-wrapper__text`},t))},searchVNodes(e){if(!e)return;if(typeof e==`string`)return this.searchCodes(e);if(e.type===i)return e;if(typeof e.type==`symbol`)return this.searchCodes(e.children);if(e.props?.innerHTML)return this.searchVNodes(e.props.innerHTML);let t=Array.isArray(e.children)?e.children:[e.children];return(0,r.h)(e.type,e.props,t.map(e=>this.searchVNodes(e)))},replaceVueComponentVNodeContent(){},searchCodes(t){let n=e.findShortCodes(t),r=e.findEmojis(t),i=[...n,...r];return i.length===0?t:this.replaceDtEmojis(i,t)}},render(){let e=this.$slots.default?this.$slots.default():[];return(0,r.h)(this.elementType,{"data-qa":`emoji-text-wrapper`,class:`d-emoji-text-wrapper`},this.loadingEmojiJson?e:e.map(e=>this.searchVNodes(e)))}};exports.default=a;
2	+ //# sourceMappingURL=emoji-text-wrapper.cjs.map

package/dist/lib/emoji-text-wrapper/emoji-text-wrapper.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"emoji-text-wrapper.cjs","names":[],"sources":["../../../components/emoji_text_wrapper/emoji_text_wrapper.vue"],"sourcesContent":["<script>\nimport { DtEmoji } from '../emoji';\nimport { findEmojis, findShortCodes } from '@/common/emoji';\nimport { h, resolveDynamicComponent } from 'vue';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants';\n\nconst COMMENT_TYPE = h(resolveDynamicComponent(null)).type;\n\n/**\n * Wrapper to find and replace shortcodes like :smile: or unicode chars such as 😄 with our custom Emojis implementation.\n * @see https://dialtone.dialpad.com/components/emoji_text_wrapper.html\n */\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtEmojiTextWrapper',\n\n components: {\n DtEmoji,\n },\n\n props: {\n /**\n * Element type (tag name) to use for the wrapper.\n */\n elementType: {\n type: String,\n default: 'div',\n },\n\n /**\n * The icon size to render the emojis at: 100 to 800\n */\n size: {\n type: String,\n default: '500',\n validator: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t),\n },\n },\n\n data () {\n return {\n loadingEmojiJson: true,\n };\n },\n\n async created () {\n this.loadingEmojiJson = false;\n },\n\n methods: {\n /**\n * Replaces the valid codes from the text content with a DtEmoji component.\n * @returns {Array<VNode|string>}\n */\n replaceDtEmojis (replaceList, textContent) {\n if (!replaceList.length) return textContent;\n // Escape the asterisk to avoid breaking the regex for the asterisk emoji\n const escapedReplaceList = replaceList.map(item =>\n item.replace(/\\*/g, '\\\\*'),\n );\n\n const regexp = new RegExp(`(${escapedReplaceList.join('|')})`, 'g');\n const items = textContent.split(regexp);\n\n return items\n .filter(item => item.trim() !== '')\n .map((item) => {\n if (replaceList.includes(item)) {\n return h(DtEmoji, { code: item, size: this.size });\n }\n return h('span', { class: 'd-emoji-text-wrapper__text' }, item);\n });\n },\n\n /**\n * Recursively search the Vue virtual DOM to find text\n * @param VNode\n * @returns {VNode|*}\n */\n searchVNodes (VNode) {\n if (!VNode) return;\n if (typeof VNode === 'string') return this.searchCodes(VNode);\n if (VNode.type === COMMENT_TYPE) return VNode;\n if (typeof VNode.type === 'symbol') return this.searchCodes(VNode.children);\n if (VNode.props?.innerHTML) return this.searchVNodes(VNode.props.innerHTML);\n\n const children = Array.isArray(VNode.children) ? VNode.children : [VNode.children];\n return h(VNode.type, VNode.props, children.map(VNodeChild => this.searchVNodes(VNodeChild)));\n },\n\n // TODO: Find a way to crawl vue components\n replaceVueComponentVNodeContent () {\n //\n },\n\n /**\n * Find codes in text.\n * @param textContent string\n * @returns {Array<VNode|string>|string}\n */\n searchCodes (textContent) {\n const shortcodes = findShortCodes(textContent);\n const emojis = findEmojis(textContent);\n\n const replaceList = [...shortcodes, ...emojis];\n if (replaceList.length === 0) return textContent;\n return this.replaceDtEmojis(replaceList, textContent);\n },\n },\n\n render () {\n const defaultSlotContent = this.$slots.default ? this.$slots.default() : [];\n return h(\n this.elementType,\n {\n 'data-qa': 'emoji-text-wrapper',\n class: 'd-emoji-text-wrapper',\n },\n this.loadingEmojiJson\n ? defaultSlotContent\n : defaultSlotContent.map(VNode => this.searchVNodes(VNode)),\n );\n },\n};\n</script>\n"],"mappings":"gRAMA,IAAM,GAAA,EAAA,EAAA,IAAA,EAAA,EAAA,yBAAyC,KAAK,CAAC,CAAC,KAMjD,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,qBAEN,WAAY,CACV,QAAA,EAAA,QACD,CAED,MAAO,CAIL,YAAa,CACX,KAAM,OACN,QAAS,MACV,CAKD,KAAM,CACJ,KAAM,OACN,QAAS,MACT,UAAY,GAAM,OAAO,KAAK,EAAA,oBAAoB,CAAC,SAAS,EAAE,CAC/D,CACF,CAED,MAAQ,CACN,MAAO,CACL,iBAAkB,GACnB,EAGH,MAAM,SAAW,CACf,KAAK,iBAAmB,IAG1B,QAAS,CAKP,gBAAiB,EAAa,EAAa,CACzC,GAAI,CAAC,EAAY,OAAQ,OAAO,EAEhC,IAAM,EAAqB,EAAY,IAAI,GACzC,EAAK,QAAQ,MAAO,MAAM,CAC3B,CAEK,EAAa,OAAO,IAAI,EAAmB,KAAK,IAAI,CAAC,GAAI,IAAI,CAGnE,OAFc,EAAY,MAAM,EAAO,CAGpC,OAAO,GAAQ,EAAK,MAAK,GAAM,GAAE,CACjC,IAAK,GACA,EAAY,SAAS,EAAK,EAC5B,EAAA,EAAA,GAAS,EAAA,QAAS,CAAE,KAAM,EAAM,KAAM,KAAK,KAAM,CAAC,EAEpD,EAAA,EAAA,GAAS,OAAQ,CAAE,MAAO,6BAA8B,CAAE,EAAK,CAC/D,EAQN,aAAc,EAAO,CACnB,GAAI,CAAC,EAAO,OACZ,GAAI,OAAO,GAAU,SAAU,OAAO,KAAK,YAAY,EAAM,CAC7D,GAAI,EAAM,OAAS,EAAc,OAAO,EACxC,GAAI,OAAO,EAAM,MAAS,SAAU,OAAO,KAAK,YAAY,EAAM,SAAS,CAC3E,GAAI,EAAM,OAAO,UAAW,OAAO,KAAK,aAAa,EAAM,MAAM,UAAU,CAE3E,IAAM,EAAW,MAAM,QAAQ,EAAM,SAAQ,CAAI,EAAM,SAAW,CAAC,EAAM,SAAS,CAClF,OAAA,EAAA,EAAA,GAAS,EAAM,KAAM,EAAM,MAAO,EAAS,IAAI,GAAc,KAAK,aAAa,EAAW,CAAC,CAAC,EAI9F,iCAAmC,GASnC,YAAa,EAAa,CACxB,IAAM,EAAa,EAAA,eAAe,EAAY,CACxC,EAAS,EAAA,WAAW,EAAY,CAEhC,EAAc,CAAC,GAAG,EAAY,GAAG,EAAO,CAE9C,OADI,EAAY,SAAW,EAAU,EAC9B,KAAK,gBAAgB,EAAa,EAAY,EAExD,CAED,QAAU,CACR,IAAM,EAAqB,KAAK,OAAO,QAAU,KAAK,OAAO,SAAQ,CAAI,EAAE,CAC3E,OAAA,EAAA,EAAA,GACE,KAAK,YACL,CACE,UAAW,qBACX,MAAO,uBACR,CACD,KAAK,iBACD,EACA,EAAmB,IAAI,GAAS,KAAK,aAAa,EAAM,CAAC,CAC9D,EAEJ"}

package/dist/lib/emoji-text-wrapper/emoji-text-wrapper.js ADDED Viewed

@@ -0,0 +1,62 @@
+import { findEmojis as e, findShortCodes as t } from "../../common/emoji/index.js";
+import { ICON_SIZE_MODIFIERS as n } from "../icon/icon-constants.js";
+import r from "../emoji/emoji.js";
+import { h as i, resolveDynamicComponent as a } from "vue";
+//#region components/emoji_text_wrapper/emoji_text_wrapper.vue
+var o = i(a(null)).type, s = {
+	compatConfig: { MODE: 3 },
+	name: "DtEmojiTextWrapper",
+	components: { DtEmoji: r },
+	props: {
+		elementType: {
+			type: String,
+			default: "div"
+		},
+		size: {
+			type: String,
+			default: "500",
+			validator: (e) => Object.keys(n).includes(e)
+		}
+	},
+	data() {
+		return { loadingEmojiJson: !0 };
+	},
+	async created() {
+		this.loadingEmojiJson = !1;
+	},
+	methods: {
+		replaceDtEmojis(e, t) {
+			if (!e.length) return t;
+			let n = e.map((e) => e.replace(/\*/g, "\\*")), a = RegExp(`(${n.join("|")})`, "g");
+			return t.split(a).filter((e) => e.trim() !== "").map((t) => e.includes(t) ? i(r, {
+				code: t,
+				size: this.size
+			}) : i("span", { class: "d-emoji-text-wrapper__text" }, t));
+		},
+		searchVNodes(e) {
+			if (!e) return;
+			if (typeof e == "string") return this.searchCodes(e);
+			if (e.type === o) return e;
+			if (typeof e.type == "symbol") return this.searchCodes(e.children);
+			if (e.props?.innerHTML) return this.searchVNodes(e.props.innerHTML);
+			let t = Array.isArray(e.children) ? e.children : [e.children];
+			return i(e.type, e.props, t.map((e) => this.searchVNodes(e)));
+		},
+		replaceVueComponentVNodeContent() {},
+		searchCodes(n) {
+			let r = t(n), i = e(n), a = [...r, ...i];
+			return a.length === 0 ? n : this.replaceDtEmojis(a, n);
+		}
+	},
+	render() {
+		let e = this.$slots.default ? this.$slots.default() : [];
+		return i(this.elementType, {
+			"data-qa": "emoji-text-wrapper",
+			class: "d-emoji-text-wrapper"
+		}, this.loadingEmojiJson ? e : e.map((e) => this.searchVNodes(e)));
+	}
+};
+//#endregion
+export { s as default };
+//# sourceMappingURL=emoji-text-wrapper.js.map

package/dist/lib/emoji-text-wrapper/emoji-text-wrapper.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"emoji-text-wrapper.js","names":[],"sources":["../../../components/emoji_text_wrapper/emoji_text_wrapper.vue"],"sourcesContent":["<script>\nimport { DtEmoji } from '../emoji';\nimport { findEmojis, findShortCodes } from '@/common/emoji';\nimport { h, resolveDynamicComponent } from 'vue';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants';\n\nconst COMMENT_TYPE = h(resolveDynamicComponent(null)).type;\n\n/**\n * Wrapper to find and replace shortcodes like :smile: or unicode chars such as 😄 with our custom Emojis implementation.\n * @see https://dialtone.dialpad.com/components/emoji_text_wrapper.html\n */\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtEmojiTextWrapper',\n\n components: {\n DtEmoji,\n },\n\n props: {\n /**\n * Element type (tag name) to use for the wrapper.\n */\n elementType: {\n type: String,\n default: 'div',\n },\n\n /**\n * The icon size to render the emojis at: 100 to 800\n */\n size: {\n type: String,\n default: '500',\n validator: (t) => Object.keys(ICON_SIZE_MODIFIERS).includes(t),\n },\n },\n\n data () {\n return {\n loadingEmojiJson: true,\n };\n },\n\n async created () {\n this.loadingEmojiJson = false;\n },\n\n methods: {\n /**\n * Replaces the valid codes from the text content with a DtEmoji component.\n * @returns {Array<VNode|string>}\n */\n replaceDtEmojis (replaceList, textContent) {\n if (!replaceList.length) return textContent;\n // Escape the asterisk to avoid breaking the regex for the asterisk emoji\n const escapedReplaceList = replaceList.map(item =>\n item.replace(/\\*/g, '\\\\*'),\n );\n\n const regexp = new RegExp(`(${escapedReplaceList.join('|')})`, 'g');\n const items = textContent.split(regexp);\n\n return items\n .filter(item => item.trim() !== '')\n .map((item) => {\n if (replaceList.includes(item)) {\n return h(DtEmoji, { code: item, size: this.size });\n }\n return h('span', { class: 'd-emoji-text-wrapper__text' }, item);\n });\n },\n\n /**\n * Recursively search the Vue virtual DOM to find text\n * @param VNode\n * @returns {VNode|*}\n */\n searchVNodes (VNode) {\n if (!VNode) return;\n if (typeof VNode === 'string') return this.searchCodes(VNode);\n if (VNode.type === COMMENT_TYPE) return VNode;\n if (typeof VNode.type === 'symbol') return this.searchCodes(VNode.children);\n if (VNode.props?.innerHTML) return this.searchVNodes(VNode.props.innerHTML);\n\n const children = Array.isArray(VNode.children) ? VNode.children : [VNode.children];\n return h(VNode.type, VNode.props, children.map(VNodeChild => this.searchVNodes(VNodeChild)));\n },\n\n // TODO: Find a way to crawl vue components\n replaceVueComponentVNodeContent () {\n //\n },\n\n /**\n * Find codes in text.\n * @param textContent string\n * @returns {Array<VNode|string>|string}\n */\n searchCodes (textContent) {\n const shortcodes = findShortCodes(textContent);\n const emojis = findEmojis(textContent);\n\n const replaceList = [...shortcodes, ...emojis];\n if (replaceList.length === 0) return textContent;\n return this.replaceDtEmojis(replaceList, textContent);\n },\n },\n\n render () {\n const defaultSlotContent = this.$slots.default ? this.$slots.default() : [];\n return h(\n this.elementType,\n {\n 'data-qa': 'emoji-text-wrapper',\n class: 'd-emoji-text-wrapper',\n },\n this.loadingEmojiJson\n ? defaultSlotContent\n : defaultSlotContent.map(VNode => this.searchVNodes(VNode)),\n );\n },\n};\n</script>\n"],"mappings":";;;;;AAMA,IAAM,IAAe,EAAE,EAAwB,KAAK,CAAC,CAAC,MAMjD,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY,EACV,SAAA,GACD;CAED,OAAO;EAIL,aAAa;GACX,MAAM;GACN,SAAS;GACV;EAKD,MAAM;GACJ,MAAM;GACN,SAAS;GACT,YAAY,MAAM,OAAO,KAAK,EAAoB,CAAC,SAAS,EAAE;GAC/D;EACF;CAED,OAAQ;AACN,SAAO,EACL,kBAAkB,IACnB;;CAGH,MAAM,UAAW;AACf,OAAK,mBAAmB;;CAG1B,SAAS;EAKP,gBAAiB,GAAa,GAAa;AACzC,OAAI,CAAC,EAAY,OAAQ,QAAO;GAEhC,IAAM,IAAqB,EAAY,KAAI,MACzC,EAAK,QAAQ,OAAO,MAAM,CAC3B,EAEK,IAAa,OAAO,IAAI,EAAmB,KAAK,IAAI,CAAC,IAAI,IAAI;AAGnE,UAFc,EAAY,MAAM,EAAO,CAGpC,QAAO,MAAQ,EAAK,MAAK,KAAM,GAAE,CACjC,KAAK,MACA,EAAY,SAAS,EAAK,GACrB,EAAE,GAAS;IAAE,MAAM;IAAM,MAAM,KAAK;IAAM,CAAC,GAE7C,EAAE,QAAQ,EAAE,OAAO,8BAA8B,EAAE,EAAK,CAC/D;;EAQN,aAAc,GAAO;AACnB,OAAI,CAAC,EAAO;AACZ,OAAI,OAAO,KAAU,SAAU,QAAO,KAAK,YAAY,EAAM;AAC7D,OAAI,EAAM,SAAS,EAAc,QAAO;AACxC,OAAI,OAAO,EAAM,QAAS,SAAU,QAAO,KAAK,YAAY,EAAM,SAAS;AAC3E,OAAI,EAAM,OAAO,UAAW,QAAO,KAAK,aAAa,EAAM,MAAM,UAAU;GAE3E,IAAM,IAAW,MAAM,QAAQ,EAAM,SAAQ,GAAI,EAAM,WAAW,CAAC,EAAM,SAAS;AAClF,UAAO,EAAE,EAAM,MAAM,EAAM,OAAO,EAAS,KAAI,MAAc,KAAK,aAAa,EAAW,CAAC,CAAC;;EAI9F,kCAAmC;EASnC,YAAa,GAAa;GACxB,IAAM,IAAa,EAAe,EAAY,EACxC,IAAS,EAAW,EAAY,EAEhC,IAAc,CAAC,GAAG,GAAY,GAAG,EAAO;AAE9C,UADI,EAAY,WAAW,IAAU,IAC9B,KAAK,gBAAgB,GAAa,EAAY;;EAExD;CAED,SAAU;EACR,IAAM,IAAqB,KAAK,OAAO,UAAU,KAAK,OAAO,SAAQ,GAAI,EAAE;AAC3E,SAAO,EACL,KAAK,aACL;GACE,WAAW;GACX,OAAO;GACR,EACD,KAAK,mBACD,IACA,EAAmB,KAAI,MAAS,KAAK,aAAa,EAAM,CAAC,CAC9D;;CAEJ"}

package/dist/lib/emoji-text-wrapper/index.cjs ADDED Viewed

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

package/dist/lib/emoji-text-wrapper/index.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import e from "./emoji-text-wrapper.js";
2	+ export { e as DtEmojiTextWrapper };

package/dist/lib/empty-state/empty-state-constants.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e={sm:`d-empty-state--size-sm`,md:`d-empty-state--size-md`,lg:`d-empty-state--size-lg`},t={sm:`d-empty-state__content--sm`,md:`d-empty-state__content--md`,lg:`d-empty-state__content--lg`},n={sm:`d-headline--md`,md:`d-headline--xl`,lg:`d-headline--xxl`},r={sm:`d-body--sm`,md:`d-body--sm`,lg:`d-body--md`},i={EMPTY_STATE_SIZE_MODIFIERS:e,EMPTY_STATE_CONTENT_SIZE_MODIFIERS:t,EMPTY_STATE_HEADLINE_SIZE_MODIFIERS:n,EMPTY_STATE_BODY_SIZE_MODIFIERS:r};exports.EMPTY_STATE_BODY_SIZE_MODIFIERS=r,exports.EMPTY_STATE_CONTENT_SIZE_MODIFIERS=t,exports.EMPTY_STATE_HEADLINE_SIZE_MODIFIERS=n,exports.EMPTY_STATE_SIZE_MODIFIERS=e,exports.default=i;
2	+ //# sourceMappingURL=empty-state-constants.cjs.map

package/dist/lib/empty-state/empty-state-constants.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"empty-state-constants.cjs","names":[],"sources":["../../../components/empty_state/empty_state_constants.js"],"sourcesContent":["export const EMPTY_STATE_SIZE_MODIFIERS = {\n sm: 'd-empty-state--size-sm',\n md: 'd-empty-state--size-md',\n lg: 'd-empty-state--size-lg',\n};\n\nexport const EMPTY_STATE_CONTENT_SIZE_MODIFIERS = {\n sm: 'd-empty-state__content--sm',\n md: 'd-empty-state__content--md',\n lg: 'd-empty-state__content--lg',\n};\n\nexport const EMPTY_STATE_HEADLINE_SIZE_MODIFIERS = {\n sm: 'd-headline--md',\n md: 'd-headline--xl',\n lg: 'd-headline--xxl',\n};\n\nexport const EMPTY_STATE_BODY_SIZE_MODIFIERS = {\n sm: 'd-body--sm',\n md: 'd-body--sm',\n lg: 'd-body--md',\n};\n\nexport default {\n EMPTY_STATE_SIZE_MODIFIERS,\n EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n EMPTY_STATE_BODY_SIZE_MODIFIERS,\n};\n"],"mappings":"+FAAA,IAAa,EAA6B,CACxC,GAAI,yBACJ,GAAI,yBACJ,GAAI,yBACL,CAEY,EAAqC,CAChD,GAAI,6BACJ,GAAI,6BACJ,GAAI,6BACL,CAEY,EAAsC,CACjD,GAAI,iBACJ,GAAI,iBACJ,GAAI,kBACL,CAEY,EAAkC,CAC7C,GAAI,aACJ,GAAI,aACJ,GAAI,aACL,CAED,EAAe,CACb,6BACA,qCACA,sCACA,kCACD"}

package/dist/lib/empty-state/empty-state-constants.js ADDED Viewed

@@ -0,0 +1,27 @@
+//#region components/empty_state/empty_state_constants.js
+var e = {
+	sm: "d-empty-state--size-sm",
+	md: "d-empty-state--size-md",
+	lg: "d-empty-state--size-lg"
+}, t = {
+	sm: "d-empty-state__content--sm",
+	md: "d-empty-state__content--md",
+	lg: "d-empty-state__content--lg"
+}, n = {
+	sm: "d-headline--md",
+	md: "d-headline--xl",
+	lg: "d-headline--xxl"
+}, r = {
+	sm: "d-body--sm",
+	md: "d-body--sm",
+	lg: "d-body--md"
+}, i = {
+	EMPTY_STATE_SIZE_MODIFIERS: e,
+	EMPTY_STATE_CONTENT_SIZE_MODIFIERS: t,
+	EMPTY_STATE_HEADLINE_SIZE_MODIFIERS: n,
+	EMPTY_STATE_BODY_SIZE_MODIFIERS: r
+};
+//#endregion
+export { r as EMPTY_STATE_BODY_SIZE_MODIFIERS, t as EMPTY_STATE_CONTENT_SIZE_MODIFIERS, n as EMPTY_STATE_HEADLINE_SIZE_MODIFIERS, e as EMPTY_STATE_SIZE_MODIFIERS, i as default };
+//# sourceMappingURL=empty-state-constants.js.map

package/dist/lib/empty-state/empty-state-constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"empty-state-constants.js","names":[],"sources":["../../../components/empty_state/empty_state_constants.js"],"sourcesContent":["export const EMPTY_STATE_SIZE_MODIFIERS = {\n sm: 'd-empty-state--size-sm',\n md: 'd-empty-state--size-md',\n lg: 'd-empty-state--size-lg',\n};\n\nexport const EMPTY_STATE_CONTENT_SIZE_MODIFIERS = {\n sm: 'd-empty-state__content--sm',\n md: 'd-empty-state__content--md',\n lg: 'd-empty-state__content--lg',\n};\n\nexport const EMPTY_STATE_HEADLINE_SIZE_MODIFIERS = {\n sm: 'd-headline--md',\n md: 'd-headline--xl',\n lg: 'd-headline--xxl',\n};\n\nexport const EMPTY_STATE_BODY_SIZE_MODIFIERS = {\n sm: 'd-body--sm',\n md: 'd-body--sm',\n lg: 'd-body--md',\n};\n\nexport default {\n EMPTY_STATE_SIZE_MODIFIERS,\n EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n EMPTY_STATE_BODY_SIZE_MODIFIERS,\n};\n"],"mappings":";AAAA,IAAa,IAA6B;CACxC,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAqC;CAChD,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAsC;CACjD,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAEY,IAAkC;CAC7C,IAAI;CACJ,IAAI;CACJ,IAAI;CACL,EAED,IAAe;CACb;CACA;CACA;CACA;CACD"}

package/dist/lib/empty-state/empty-state.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(`../../common/utils/index.cjs`),t=require(`../stack/stack.cjs`),n=require(`./empty-state-constants.cjs`);let r=require(`vue`);var i={key:0,class:`d-empty-state__illustration`},a={key:1,class:`d-empty-state__icon`},o={__name:`empty_state`,props:{size:{type:String,default:`lg`,validator:e=>Object.keys(n.EMPTY_STATE_SIZE_MODIFIERS).includes(e)},headerText:{type:String,required:!0},bodyText:{type:String,default:null}},setup(o){let s=(0,r.useSlots)(),c=o,l=(0,r.computed)(()=>e.hasSlotContent(s.icon)),u=(0,r.computed)(()=>e.hasSlotContent(s.illustration)),d=(0,r.computed)(()=>c.size===`sm`),f=(0,r.computed)(()=>l.value&&(!u.value\|\|d.value)),p=(0,r.computed)(()=>u.value&&!d.value),m=(0,r.computed)(()=>n.EMPTY_STATE_SIZE_MODIFIERS[c.size]),h=(0,r.computed)(()=>[`d-empty-state`,m.value]),g=(0,r.computed)(()=>n.EMPTY_STATE_CONTENT_SIZE_MODIFIERS[c.size]),_=(0,r.computed)(()=>n.EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[c.size]),v=(0,r.computed)(()=>n.EMPTY_STATE_BODY_SIZE_MODIFIERS[c.size]);return(0,r.onMounted)(()=>{!c.bodyText&&!e.hasSlotContent(s.body)&&console.error(`DtEmptyState: You should provide either bodyText or content on body slot.`)}),(e,n)=>((0,r.openBlock)(),(0,r.createBlock)((0,r.unref)(t.default),{class:(0,r.normalizeClass)(h.value)},{default:(0,r.withCtx)(()=>[p.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,i,[(0,r.renderSlot)(e.$slots,`illustration`)])):(0,r.createCommentVNode)(``,!0),f.value?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,a,[(0,r.renderSlot)(e.$slots,`icon`,{iconSize:`800`})])):(0,r.createCommentVNode)(``,!0),(0,r.createVNode)((0,r.unref)(t.default),{gap:`450`,class:(0,r.normalizeClass)([`d-empty-state__content`,g.value])},{default:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,{class:(0,r.normalizeClass)([`d-empty-state__header-text`,_.value])},(0,r.toDisplayString)(o.headerText),3),o.bodyText?((0,r.openBlock)(),(0,r.createElementBlock)(`p`,{key:0,class:(0,r.normalizeClass)([`d-empty-state__body-text`,v.value])},(0,r.toDisplayString)(o.bodyText),3)):(0,r.createCommentVNode)(``,!0)]),_:1},8,[`class`]),(0,r.renderSlot)(e.$slots,`body`)]),_:3},8,[`class`]))}};exports.default=o;
2	+ //# sourceMappingURL=empty-state.cjs.map

package/dist/lib/empty-state/empty-state.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"empty-state.cjs","names":[],"sources":["../../../components/empty_state/empty_state.vue"],"sourcesContent":["<template>\n <dt-stack\n :class=\"emptyStateClasses\"\n >\n <span\n v-if=\"showIllustration\"\n class=\"d-empty-state__illustration\"\n >\n \n <slot name=\"illustration\" />\n </span>\n\n <span\n v-if=\"showIcon\"\n class=\"d-empty-state__icon\"\n >\n \n <slot\n name=\"icon\"\n :icon-size=\"'800'\"\n />\n </span>\n\n <dt-stack\n gap=\"450\"\n :class=\"['d-empty-state__content', contentClass]\"\n >\n <div :class=\"['d-empty-state__header-text', headlineClass]\">\n {{ headerText }}\n </div>\n\n <p\n v-if=\"bodyText\"\n :class=\"['d-empty-state__body-text', bodyClass]\"\n >\n {{ bodyText }}\n </p>\n </dt-stack>\n\n <slot name=\"body\" />\n </dt-stack>\n</template>\n\n<script setup>\nimport { useSlots, computed, onMounted } from 'vue';\nimport { DtStack } from '@/components/stack';\nimport { hasSlotContent } from '@/common/utils';\nimport {\n EMPTY_STATE_BODY_SIZE_MODIFIERS,\n EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n EMPTY_STATE_SIZE_MODIFIERS,\n} from './empty_state_constants.js';\n\nconst slots = useSlots();\n\nconst props = defineProps({\n /**\n * The empty state size.\n * @values 'sm', 'md', 'lg'\n */\n size: {\n type: String,\n default: 'lg',\n validator: (s) => Object.keys(EMPTY_STATE_SIZE_MODIFIERS).includes(s),\n },\n\n /**\n * Header text\n * @type {String}\n */\n headerText: {\n type: String,\n required: true,\n },\n\n /**\n * Body text\n * @type {String}\n */\n bodyText: {\n type: String,\n default: null,\n },\n});\n\nconst hasIcon = computed(() => {\n return hasSlotContent(slots.icon);\n});\nconst hasIllustration = computed(() => hasSlotContent(slots.illustration));\nconst isSmallSize = computed(() => props.size === 'sm');\n\n/**\n * Icon will be shown in lg and md size only if illustration is not provided\n * Icon will always be shown in sm size\n */\nconst showIcon = computed(() => hasIcon.value && (!hasIllustration.value || isSmallSize.value));\n\n/**\n * Illustration will always be shown in lg and md size\n * Illustration will not be shown in sm size\n */\nconst showIllustration = computed(() => hasIllustration.value && !isSmallSize.value);\n\nconst sizeClass = computed(() => EMPTY_STATE_SIZE_MODIFIERS[props.size]);\n\nconst emptyStateClasses = computed(() => ['d-empty-state', sizeClass.value]);\n\nconst contentClass = computed(() => EMPTY_STATE_CONTENT_SIZE_MODIFIERS[props.size]);\n\nconst headlineClass = computed(() => EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[props.size]);\n\nconst bodyClass = computed(() => EMPTY_STATE_BODY_SIZE_MODIFIERS[props.size]);\n\nonMounted(() => {\n if (!props.bodyText && !hasSlotContent(slots.body)) {\n console.error('DtEmptyState: You should provide either bodyText or content on body slot.');\n }\n});\n</script>\n"],"mappings":"8jBAsDA,IAAM,GAAA,EAAA,EAAA,WAAkB,CAElB,EAAQ,EA8BR,GAAA,EAAA,EAAA,cACG,EAAA,eAAe,EAAM,KAAK,CACjC,CACI,GAAA,EAAA,EAAA,cAAiC,EAAA,eAAe,EAAM,aAAa,CAAC,CACpE,GAAA,EAAA,EAAA,cAA6B,EAAM,OAAS,KAAK,CAMjD,GAAA,EAAA,EAAA,cAA0B,EAAQ,QAAU,CAAC,EAAgB,OAAS,EAAY,OAAO,CAMzF,GAAA,EAAA,EAAA,cAAkC,EAAgB,OAAS,CAAC,EAAY,MAAM,CAE9E,GAAA,EAAA,EAAA,cAA2B,EAAA,2BAA2B,EAAM,MAAM,CAElE,GAAA,EAAA,EAAA,cAAmC,CAAC,gBAAiB,EAAU,MAAM,CAAC,CAEtE,GAAA,EAAA,EAAA,cAA8B,EAAA,mCAAmC,EAAM,MAAM,CAE7E,GAAA,EAAA,EAAA,cAA+B,EAAA,oCAAoC,EAAM,MAAM,CAE/E,GAAA,EAAA,EAAA,cAA2B,EAAA,gCAAgC,EAAM,MAAM,QAE7E,EAAA,EAAA,eAAgB,CACV,CAAC,EAAM,UAAY,CAAC,EAAA,eAAe,EAAM,KAAK,EAChD,QAAQ,MAAM,4EAA4E,EAE5F,yDA9EW,EAAA,QAAA,CAAA,CAtCR,OAAA,EAAA,EAAA,gBAAO,EAAA,MAAiB,CAAA,CAAA,2BAQlB,CALC,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAKD,OANP,EAMO,EAAA,EAAA,EAAA,YADuB,EAAA,OAAA,eAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAItB,EAAA,QAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAQD,OATP,EASO,EAAA,EAAA,EAAA,YADH,EAAA,OAAA,OAAA,CADC,SAAW,MAAK,CAAA,CAAA,CAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,+BAkBV,EAAA,QAAA,CAAA,CAbT,IAAI,MACH,OAAA,EAAA,EAAA,gBAAK,CAAA,yBAA6B,EAAA,MAAY,CAAA,6BAIzC,EAAA,EAAA,EAAA,oBAAA,MAAA,CAFA,OAAA,EAAA,EAAA,gBAAK,CAAA,6BAAiC,EAAA,MAAa,CAAA,CAAA,EAAA,EAAA,EAAA,iBACpD,EAAA,WAAU,CAAA,EAAA,CAIP,EAAA,WAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAIJ,IAAA,OAHD,OAAA,EAAA,EAAA,gBAAK,CAAA,2BAA+B,EAAA,MAAS,CAAA,wBAE3C,EAAA,SAAQ,CAAA,EAAA,GAAA,EAAA,EAAA,oBAAA,GAAA,GAAA,CAAA,CAAA,oCAIK,EAAA,OAAA,OAAA"}

package/dist/lib/empty-state/empty-state.js ADDED Viewed

@@ -0,0 +1,56 @@
+import { hasSlotContent as e } from "../../common/utils/index.js";
+import t from "../stack/stack.js";
+import { EMPTY_STATE_BODY_SIZE_MODIFIERS as n, EMPTY_STATE_CONTENT_SIZE_MODIFIERS as r, EMPTY_STATE_HEADLINE_SIZE_MODIFIERS as i, EMPTY_STATE_SIZE_MODIFIERS as a } from "./empty-state-constants.js";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createVNode as d, normalizeClass as f, onMounted as p, openBlock as m, renderSlot as h, toDisplayString as g, unref as _, useSlots as v, withCtx as y } from "vue";
+//#region components/empty_state/empty_state.vue
+var b = {
+	key: 0,
+	class: "d-empty-state__illustration"
+}, x = {
+	key: 1,
+	class: "d-empty-state__icon"
+}, S = {
+	__name: "empty_state",
+	props: {
+		size: {
+			type: String,
+			default: "lg",
+			validator: (e) => Object.keys(a).includes(e)
+		},
+		headerText: {
+			type: String,
+			required: !0
+		},
+		bodyText: {
+			type: String,
+			default: null
+		}
+	},
+	setup(S) {
+		let C = v(), w = S, T = o(() => e(C.icon)), E = o(() => e(C.illustration)), D = o(() => w.size === "sm"), O = o(() => T.value && (!E.value || D.value)), k = o(() => E.value && !D.value), A = o(() => a[w.size]), j = o(() => ["d-empty-state", A.value]), M = o(() => r[w.size]), N = o(() => i[w.size]), P = o(() => n[w.size]);
+		return p(() => {
+			!w.bodyText && !e(C.body) && console.error("DtEmptyState: You should provide either bodyText or content on body slot.");
+		}), (e, n) => (m(), s(_(t), { class: f(j.value) }, {
+			default: y(() => [
+				k.value ? (m(), l("span", b, [h(e.$slots, "illustration")])) : c("", !0),
+				O.value ? (m(), l("span", x, [h(e.$slots, "icon", { iconSize: "800" })])) : c("", !0),
+				d(_(t), {
+					gap: "450",
+					class: f(["d-empty-state__content", M.value])
+				}, {
+					default: y(() => [u("div", { class: f(["d-empty-state__header-text", N.value]) }, g(S.headerText), 3), S.bodyText ? (m(), l("p", {
+						key: 0,
+						class: f(["d-empty-state__body-text", P.value])
+					}, g(S.bodyText), 3)) : c("", !0)]),
+					_: 1
+				}, 8, ["class"]),
+				h(e.$slots, "body")
+			]),
+			_: 3
+		}, 8, ["class"]));
+	}
+};
+//#endregion
+export { S as default };
+//# sourceMappingURL=empty-state.js.map

package/dist/lib/empty-state/empty-state.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"empty-state.js","names":[],"sources":["../../../components/empty_state/empty_state.vue"],"sourcesContent":["<template>\n <dt-stack\n :class=\"emptyStateClasses\"\n >\n <span\n v-if=\"showIllustration\"\n class=\"d-empty-state__illustration\"\n >\n \n <slot name=\"illustration\" />\n </span>\n\n <span\n v-if=\"showIcon\"\n class=\"d-empty-state__icon\"\n >\n \n <slot\n name=\"icon\"\n :icon-size=\"'800'\"\n />\n </span>\n\n <dt-stack\n gap=\"450\"\n :class=\"['d-empty-state__content', contentClass]\"\n >\n <div :class=\"['d-empty-state__header-text', headlineClass]\">\n {{ headerText }}\n </div>\n\n <p\n v-if=\"bodyText\"\n :class=\"['d-empty-state__body-text', bodyClass]\"\n >\n {{ bodyText }}\n </p>\n </dt-stack>\n\n <slot name=\"body\" />\n </dt-stack>\n</template>\n\n<script setup>\nimport { useSlots, computed, onMounted } from 'vue';\nimport { DtStack } from '@/components/stack';\nimport { hasSlotContent } from '@/common/utils';\nimport {\n EMPTY_STATE_BODY_SIZE_MODIFIERS,\n EMPTY_STATE_CONTENT_SIZE_MODIFIERS,\n EMPTY_STATE_HEADLINE_SIZE_MODIFIERS,\n EMPTY_STATE_SIZE_MODIFIERS,\n} from './empty_state_constants.js';\n\nconst slots = useSlots();\n\nconst props = defineProps({\n /**\n * The empty state size.\n * @values 'sm', 'md', 'lg'\n */\n size: {\n type: String,\n default: 'lg',\n validator: (s) => Object.keys(EMPTY_STATE_SIZE_MODIFIERS).includes(s),\n },\n\n /**\n * Header text\n * @type {String}\n */\n headerText: {\n type: String,\n required: true,\n },\n\n /**\n * Body text\n * @type {String}\n */\n bodyText: {\n type: String,\n default: null,\n },\n});\n\nconst hasIcon = computed(() => {\n return hasSlotContent(slots.icon);\n});\nconst hasIllustration = computed(() => hasSlotContent(slots.illustration));\nconst isSmallSize = computed(() => props.size === 'sm');\n\n/**\n * Icon will be shown in lg and md size only if illustration is not provided\n * Icon will always be shown in sm size\n */\nconst showIcon = computed(() => hasIcon.value && (!hasIllustration.value || isSmallSize.value));\n\n/**\n * Illustration will always be shown in lg and md size\n * Illustration will not be shown in sm size\n */\nconst showIllustration = computed(() => hasIllustration.value && !isSmallSize.value);\n\nconst sizeClass = computed(() => EMPTY_STATE_SIZE_MODIFIERS[props.size]);\n\nconst emptyStateClasses = computed(() => ['d-empty-state', sizeClass.value]);\n\nconst contentClass = computed(() => EMPTY_STATE_CONTENT_SIZE_MODIFIERS[props.size]);\n\nconst headlineClass = computed(() => EMPTY_STATE_HEADLINE_SIZE_MODIFIERS[props.size]);\n\nconst bodyClass = computed(() => EMPTY_STATE_BODY_SIZE_MODIFIERS[props.size]);\n\nonMounted(() => {\n if (!props.bodyText && !hasSlotContent(slots.body)) {\n console.error('DtEmptyState: You should provide either bodyText or content on body slot.');\n }\n});\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDA,IAAM,IAAQ,GAAU,EAElB,IAAQ,GA8BR,IAAU,QACP,EAAe,EAAM,KAAK,CACjC,EACI,IAAkB,QAAe,EAAe,EAAM,aAAa,CAAC,EACpE,IAAc,QAAe,EAAM,SAAS,KAAK,EAMjD,IAAW,QAAe,EAAQ,UAAU,CAAC,EAAgB,SAAS,EAAY,OAAO,EAMzF,IAAmB,QAAe,EAAgB,SAAS,CAAC,EAAY,MAAM,EAE9E,IAAY,QAAe,EAA2B,EAAM,MAAM,EAElE,IAAoB,QAAe,CAAC,iBAAiB,EAAU,MAAM,CAAC,EAEtE,IAAe,QAAe,EAAmC,EAAM,MAAM,EAE7E,IAAgB,QAAe,EAAoC,EAAM,MAAM,EAE/E,IAAY,QAAe,EAAgC,EAAM,MAAM;SAE7E,QAAgB;AACd,GAAI,CAAC,EAAM,YAAY,CAAC,EAAe,EAAM,KAAK,IAChD,QAAQ,MAAM,4EAA4E;IAE5F,kBArHA,EAuCW,EAAA,EAAA,EAAA,EAtCR,OAAK,EAAE,EAAA,MAAiB,EAAA,EAAA;oBAQlB;IALC,EAAA,SAAA,GAAA,EADR,EAMO,QANP,GAMO,CADL,EAA4B,EAAA,QAAA,eAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAItB,EAAA,SAAA,GAAA,EADR,EASO,QATP,GASO,CAJL,EAGE,EAAA,QAAA,QAAA,EADC,UAAW,OAAK,CAAA,CAAA,CAAA,IAAA,EAAA,IAAA,GAAA;IAIrB,EAcW,EAAA,EAAA,EAAA;KAbT,KAAI;KACH,OAAK,EAAA,CAAA,0BAA6B,EAAA,MAAY,CAAA;;sBAIzC,CAFN,EAEM,OAAA,EAFA,OAAK,EAAA,CAAA,8BAAiC,EAAA,MAAa,CAAA,EAAA,EAAA,EACpD,EAAA,WAAU,EAAA,EAAA,EAIP,EAAA,YAAA,GAAA,EADR,EAKI,KAAA;;MAHD,OAAK,EAAA,CAAA,4BAA+B,EAAA,MAAS,CAAA;UAE3C,EAAA,SAAQ,EAAA,EAAA,IAAA,EAAA,IAAA,GAAA,CAAA,CAAA;;;IAIf,EAAoB,EAAA,QAAA,OAAA"}

package/dist/lib/empty-state/index.cjs ADDED Viewed

	@@ -0,0 +1 @@
1	+ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./empty-state-constants.cjs`),t=require(`./empty-state.cjs`);exports.DtEmptyState=t.default,exports.EMPTY_STATE_SIZE_MODIFIERS=e.EMPTY_STATE_SIZE_MODIFIERS;

package/dist/lib/empty-state/index.js ADDED Viewed

@@ -0,0 +1,3 @@
+import { EMPTY_STATE_SIZE_MODIFIERS as e } from "./empty-state-constants.js";
+import t from "./empty-state.js";
+export { t as DtEmptyState, e as EMPTY_STATE_SIZE_MODIFIERS };

package/dist/lib/feed-item-pill/feed-item-pill.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(`../collapsible/collapsible.cjs`),r=require(`../itemlayout/itemlayout.cjs`),i=require(`./feed-item-pill-constants.cjs`);let a=require(`vue`),o=require(`@dialpad/dialtone-icons/vue`);var s={compatConfig:{MODE:3},name:`DtRecipeFeedItemPill`,components:{DtItemLayout:r.default,DtCollapsible:n.default},props:{title:{type:String,default:()=>``},buttonClass:{type:[String,Array,Object],default:``},toggleable:{type:Boolean,default:()=>!0},defaultToggled:{type:Boolean,default:()=>!1},borderColor:{type:String,default:`default`,validator:e=>Object.keys(i.FEED_ITEM_PILL_BORDER_COLORS).includes(e)}},data(){return{hover:!1,expanded:this.defaultToggled,i18n:new t.DialtoneLocalization}},computed:{toggleIcon(){return this.expanded?o.DtIconChevronDown:o.DtIconChevronRight},showChevronIcon(){return this.toggleable&&this.hover},toggleableClass(){return this.toggleable?`d-recipe-feed-item-pill--toggleable`:``},borderClass(){return i.FEED_ITEM_PILL_BORDER_COLORS[this.borderColor]},anchorTitle(){return this.i18n.$t(`DIALTONE_FEED_ITEM_PILL_ARIA_LABEL`)}},methods:{onClick(){this.toggleable&&(this.expanded=!this.expanded)}}},c={class:`d-recipe-feed-item-pill__wrapper`},l=[`aria-label`,`title`],u={class:`d-recipe-feed-item-pill__title`},d={class:`d-recipe-feed-item-pill__icon`,"data-qa":`dt-recipe-feed-item-pill__icon`},f={class:`d-recipe-feed-item-pill__subtitle`},p={class:`d-recipe-feed-item-pill__bottom`},m={class:`d-recipe-feed-item-pill__right`},h={class:`d-recipe-feed-item-pill__content`};function g(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-item-layout`),g=(0,a.resolveComponent)(`dt-collapsible`);return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)([`d-recipe-feed-item-pill__border`,o.borderClass,e.$attrs.class]),style:(0,a.normalizeStyle)(e.$attrs.style)},[(0,a.createElementVNode)(`div`,c,[(0,a.createVNode)(g,{open:i.expanded},(0,a.createSlots)({anchor:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`button`,{"data-qa":`dt-recipe-feed-item-pill`,class:(0,a.normalizeClass)([`d-recipe-feed-item-pill__button`,o.toggleableClass,n.buttonClass]),"aria-label":o.anchorTitle,title:o.anchorTitle,onFocusin:t[0]||(t[0]=e=>i.hover=!0),onFocusout:t[1]||(t[1]=e=>i.hover=!1),onMouseenter:t[2]||(t[2]=e=>i.hover=!0),onMouseleave:t[3]||(t[3]=e=>i.hover=!1),onClick:t[4]||(t[4]=(...e)=>o.onClick&&o.onClick(...e))},[(0,a.createVNode)(s,{class:`d-recipe-feed-item-pill__layout`,unstyled:``},(0,a.createSlots)({start:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,d,[o.showChevronIcon?((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(o.toggleIcon),{key:0,size:`300`})):e.$slots.startIcon?(0,a.renderSlot)(e.$slots,`startIcon`,{key:1,iconSize:`300`}):(0,a.renderSlot)(e.$slots,`leftIcon`,{key:2,iconSize:`300`})])]),default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`title`,{},()=>[(0,a.createElementVNode)(`span`,u,(0,a.toDisplayString)(n.title),1)])]),_:2},[e.$slots.subtitle?{name:`subtitle`,fn:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,f,[(0,a.renderSlot)(e.$slots,`subtitle`)])]),key:`0`}:void 0,e.$slots.blockEnd||e.$slots.bottom?{name:`blockEnd`,fn:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,p,[e.$slots.blockEnd?(0,a.renderSlot)(e.$slots,`blockEnd`,{key:0}):(0,a.renderSlot)(e.$slots,`bottom`,{key:1})])]),key:`1`}:void 0,e.$slots.end||e.$slots.right?{name:`end`,fn:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,m,[e.$slots.end?(0,a.renderSlot)(e.$slots,`end`,{key:0}):(0,a.renderSlot)(e.$slots,`right`,{key:1})])]),key:`2`}:void 0]),1024)],42,l)]),_:2},[e.$slots.content?{name:`content`,fn:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,h,[(0,a.renderSlot)(e.$slots,`content`)])]),key:`0`}:void 0]),1032,[`open`])])],6)}var _=e.t(s,[[`render`,g]]);exports.default=_;
+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(`../collapsible/collapsible.cjs`),r=require(`../item-layout/item-layout.cjs`),i=require(`./feed-item-pill-constants.cjs`);let a=require(`vue`),o=require(`@dialpad/dialtone-icons/vue3`);var s={compatConfig:{MODE:3},name:`DtRecipeFeedItemPill`,components:{DtItemLayout:r.default,DtCollapsible:n.default},props:{title:{type:String,default:()=>``},wrapperClass:{type:[String,Array,Object],default:``},buttonClass:{type:[String,Array,Object],default:``},toggleable:{type:Boolean,default:()=>!0},defaultToggled:{type:Boolean,default:()=>!1},borderColor:{type:String,default:`default`,validator:e=>Object.keys(i.FEED_ITEM_PILL_BORDER_COLORS).includes(e)}},data(){return{hover:!1,expanded:this.defaultToggled,i18n:new t.DialtoneLocalization}},computed:{toggleIcon(){return this.expanded?o.DtIconChevronDown:o.DtIconChevronRight},showChevronIcon(){return this.toggleable&&this.hover},toggleableClass(){return this.toggleable?`d-recipe-feed-item-pill--toggleable`:``},borderClass(){return i.FEED_ITEM_PILL_BORDER_COLORS[this.borderColor]},anchorTitle(){return this.i18n.$t(`DIALTONE_FEED_ITEM_PILL_ARIA_LABEL`)}},methods:{onClick(){this.toggleable&&(this.expanded=!this.expanded)}}},c={class:`d-recipe-feed-item-pill__wrapper`},l=[`aria-label`,`title`],u={class:`d-recipe-feed-item-pill__title`},d={class:`d-recipe-feed-item-pill__icon`,"data-qa":`dt-recipe-feed-item-pill__icon`},f={class:`d-recipe-feed-item-pill__subtitle`},p={class:`d-recipe-feed-item-pill__bottom`},m={class:`d-recipe-feed-item-pill__right`},h={class:`d-recipe-feed-item-pill__content`};function g(e,t,n,r,i,o){let s=(0,a.resolveComponent)(`dt-item-layout`),g=(0,a.resolveComponent)(`dt-collapsible`);return(0,a.openBlock)(),(0,a.createElementBlock)(`div`,{class:(0,a.normalizeClass)([`d-recipe-feed-item-pill__border`,o.borderClass,n.wrapperClass])},[(0,a.createElementVNode)(`div`,c,[(0,a.createVNode)(g,{open:i.expanded},(0,a.createSlots)({anchor:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`button`,{"data-qa":`dt-recipe-feed-item-pill`,class:(0,a.normalizeClass)([`d-recipe-feed-item-pill__button`,o.toggleableClass,n.buttonClass]),"aria-label":o.anchorTitle,title:o.anchorTitle,onFocusin:t[0]||(t[0]=e=>i.hover=!0),onFocusout:t[1]||(t[1]=e=>i.hover=!1),onMouseenter:t[2]||(t[2]=e=>i.hover=!0),onMouseleave:t[3]||(t[3]=e=>i.hover=!1),onClick:t[4]||(t[4]=(...e)=>o.onClick&&o.onClick(...e))},[(0,a.createVNode)(s,{class:`d-recipe-feed-item-pill__layout`,unstyled:``},(0,a.createSlots)({left:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,d,[o.showChevronIcon?((0,a.openBlock)(),(0,a.createBlock)((0,a.resolveDynamicComponent)(o.toggleIcon),{key:0,size:`300`})):(0,a.renderSlot)(e.$slots,`leftIcon`,{key:1,iconSize:`300`})])]),default:(0,a.withCtx)(()=>[(0,a.renderSlot)(e.$slots,`title`,{},()=>[(0,a.createElementVNode)(`span`,u,(0,a.toDisplayString)(n.title),1)])]),_:2},[e.$slots.subtitle?{name:`subtitle`,fn:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,f,[(0,a.renderSlot)(e.$slots,`subtitle`)])]),key:`0`}:void 0,e.$slots.bottom?{name:`bottom`,fn:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,p,[(0,a.renderSlot)(e.$slots,`bottom`)])]),key:`1`}:void 0,e.$slots.right?{name:`right`,fn:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,m,[(0,a.renderSlot)(e.$slots,`right`)])]),key:`2`}:void 0]),1024)],42,l)]),_:2},[e.$slots.content?{name:`content`,fn:(0,a.withCtx)(()=>[(0,a.createElementVNode)(`div`,h,[(0,a.renderSlot)(e.$slots,`content`)])]),key:`0`}:void 0]),1032,[`open`])])],2)}var _=e.t(s,[[`render`,g]]);exports.default=_;
 //# sourceMappingURL=feed-item-pill.cjs.map

package/dist/lib/feed-item-pill/feed-item-pill.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"feed-item-pill.cjs","names":[],"sources":["../../../recipes/conversation_view/feed_item_pill/feed_item_pill.vue"],"sourcesContent":["<template>\n <div\n :class=\"['d-recipe-feed-item-pill__border', borderClass, ~~$attrs.class~~]\"~~\n :style=\"$attrs.style\"\n~~ >\n <div class=\"d-recipe-feed-item-pill__wrapper\">\n <dt-collapsible :open=\"expanded\">\n <template #anchor>\n <button\n data-qa=\"dt-recipe-feed-item-pill\"\n :class=\"['d-recipe-feed-item-pill__button', toggleableClass, buttonClass]\"\n :aria-label=\"anchorTitle\"\n :title=\"anchorTitle\"\n @focusin=\"hover = true\"\n @focusout=\"hover = false\"\n @mouseenter=\"hover = true\"\n @mouseleave=\"hover = false\"\n @click=\"onClick\"\n >\n <dt-item-layout\n class=\"d-recipe-feed-item-pill__layout\"\n unstyled\n >\n <slot name=\"title\">\n <span class=\"d-recipe-feed-item-pill__title\">{{ title }}</span>\n </slot>\n <template #~~start~~>\n <div\n class=\"d-recipe-feed-item-pill__icon\"\n data-qa=\"dt-recipe-feed-item-pill__icon\"\n >\n <component\n :is=\"toggleIcon\"\n v-if=\"showChevronIcon\"\n size=\"300\"\n />\n <!-- @slot Slot for ~~start~~ icon, icon-size slot prop defaults to '300' -->\n <slot\n v-else~~-if=\"$slots.startIcon~~\"\n name=\"startIcon\"\n :icon-size=\"'300'\"\n />\n <!-- @slot @deprecated Use startIcon -->\n <slot\n v-else\n name=\"leftIcon\"\n :icon-size=\"'300'\"\n />\n </div>\n </template>\n <template\n v-if=\"$slots.subtitle\"\n #subtitle\n >\n <div class=\"d-recipe-feed-item-pill__subtitle\">\n <slot name=\"subtitle\" />\n </div>\n </template>\n <template\n v-if=\"$slots.~~blockEnd \|\| $slots.~~bottom\"\n #~~blockEnd~~\n >\n <div class=\"d-recipe-feed-item-pill__bottom\">\n ~~<!-- @slot Slot for block-end content -->\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 </template>\n <template\n v-if=\"$slots.~~end \|\| $slots.~~right\"\n #~~end~~\n >\n <div class=\"d-recipe-feed-item-pill__right\">\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 </div>\n </template>\n </dt-item-layout>\n </button>\n </template>\n <template\n v-if=\"$slots.content\"\n #content\n >\n <div class=\"d-recipe-feed-item-pill__content\">\n <slot name=\"content\" />\n </div>\n </template>\n </dt-collapsible>\n </div>\n </div>\n</template>\n\n<script>\nimport { FEED_ITEM_PILL_BORDER_COLORS } from './feed_item_pill_constants';\nimport { DtItemLayout } from '@/components/~~ItemLayout~~';\nimport { DtCollapsible } from '@/components/~~Collapsible~~';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/~~vue~~';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeFeedItemPill',\n\n components: { DtItemLayout, DtCollapsible },\n\n props: {\n /*\n Bolded primary text\n /\n title: {\n type: String,\n default: () => '',\n },\n\n /\n Additional styling for the pill\n /\n buttonClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)\n /\n toggleable: {\n type: Boolean,\n default: () => true,\n },\n\n defaultToggled: {\n type: Boolean,\n default: () => false,\n },\n\n /\n Callbox border color\n * @values default, ai, critical\n */\n borderColor: {\n type: String,\n default: 'default',\n validator: (color) => Object.keys(FEED_ITEM_PILL_BORDER_COLORS).includes(color),\n },\n },\n\n data () {\n return {\n hover: false,\n expanded: this.defaultToggled,\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n toggleIcon () {\n return this.expanded ? DtIconChevronDown : DtIconChevronRight;\n },\n\n showChevronIcon () {\n return this.toggleable && this.hover;\n },\n\n toggleableClass () {\n return this.toggleable ? 'd-recipe-feed-item-pill--toggleable' : '';\n },\n\n borderClass () {\n return FEED_ITEM_PILL_BORDER_COLORS[this.borderColor];\n },\n\n anchorTitle () {\n return this.i18n.$t('DIALTONE_FEED_ITEM_PILL_ARIA_LABEL');\n },\n },\n\n methods: {\n onClick () {\n if (!this.toggleable) return;\n\n this.expanded = !this.expanded;\n },\n },\n};\n</script>\n"],"mappings":"~~6aAmHA~~,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,uBAEN,WAAY,CAAE,aAAA,EAAA,QAAc,cAAA,EAAA,QAAe,CAE3C,MAAO,CAIL,MAAO,CACL,KAAM,OACN,YAAe,GAChB,CAKD,YAAa,CACX,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CAKD,WAAY,CACV,KAAM,QACN,YAAe,GAChB,CAED,eAAgB,CACd,KAAM,QACN,YAAe,GAChB,CAMD,YAAa,CACX,KAAM,OACN,QAAS,UACT,UAAY,GAAU,OAAO,KAAK,EAAA,6BAA6B,CAAC,SAAS,EAAM,CAChF,CACF,CAED,MAAQ,CACN,MAAO,CACL,MAAO,GACP,SAAU,KAAK,eACf,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,YAAc,CACZ,OAAO,KAAK,SAAW,EAAA,kBAAoB,EAAA,oBAG7C,iBAAmB,CACjB,OAAO,KAAK,YAAc,KAAK,OAGjC,iBAAmB,CACjB,OAAO,KAAK,WAAa,sCAAwC,IAGnE,aAAe,CACb,OAAO,EAAA,6BAA6B,KAAK,cAG3C,aAAe,CACb,OAAO,KAAK,KAAK,GAAG,qCAAqC,EAE5D,CAED,QAAS,CACP,SAAW,CACJ,KAAK,aAEV,KAAK,SAAW,CAAC,KAAK,WAEzB,CACF,~~IAlMQ~~,MAAM,mCAAkC,6BAmB3B,MAAM,iCAAgC,IAI1C,MAAM,gCACN,UAAQ,~~qCAyBL~~,MAAM,oCAAmC,IAQzC,MAAM,kCAAiC,~~IAiBvC~~,MAAM,iCAAgC,~~IAoB5C~~,MAAM,mCAAkC,oKAM/C,MAAA,~~CAvGH~~,OAAA,EAAA,EAAA,gBAAK,CAAA,kCAAsC,EAAA,YAAa,EAAA,~~OAAO~~,~~MAAK~~,CAAA,~~CACpE~~,~~OAAA,~~EAAA,EAAA,~~gBAAO,~~EAAA,~~OAAO~~,~~MAAK~~,~~4BAqGd~~,~~MAnGN,EAmGM,~~EAAA,EAAA,EAAA,aADa,EAAA,~~CAjGA~~,KAAM,EAAA,SAAQ,EAAA,EAAA,EAAA,aAAA,CAClB,QAAA,EAAA,EAAA,~~aAsFA~~,EAAA,EAAA,EAAA,oBAAA,SAAA,~~CApFP~~,UAAQ,2BACP,OAAA,EAAA,EAAA,gBAAK,CAAA,kCAAsC,EAAA,gBAAiB,EAAA,YAAW,CAAA,CACvE,aAAY,EAAA,YACZ,MAAO,EAAA,YACP,UAAO,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,IACd,WAAQ,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,IACf,aAAU,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,IACjB,aAAU,EAAA,KAAA,EAAA,GAAA,GAAE,EAAA,MAAK,IACjB,QAAK,EAAA,KAAA,EAAA,IAAA,GAAA,IAAE,EAAA,SAAA,EAAA,QAAA,GAAA,EAAO,~~sBA2EE~~,EAAA,~~CAxEf~~,MAAM,kCACN,SAAA,uBAKW,~~OAAA~~,EAAA,EAAA,~~aAsBH~~,EAAA,EAAA,EAAA,oBAAA,~~MArBN~~,~~EAqBM~~,~~CAfI~~,EAAA,kBAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBADD,EAAA,WAAU,CAAA,OAEf,KAAK,~~SAIM~~,EAAA,~~OAAO,WAAA,EAAA,EAAA,YAGlB,EAAA,~~OAAA,~~YAAA,OADC,SAAW,yBAOZ,EAAA,OAAA,~~WAAA,OADC,SAAW,~~sCArBX~~,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,QAAA,EAAA,KAAA,EAAA,EAAA,EAAA,oBAD0D,OAA/D,GAAA,EAAA,EAAA,iBAAgD,EAAA,MAAK,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,~~OA2B~~/C,EAAA,OAAO,SAAA,MACZ,gCAIK,EAAA,EAAA,EAAA,oBAAA,MAFN,EAEM,EAAA,EAAA,EAAA,YADoB,EAAA,OAAA,WAAA,CAAA,CAAA,CAAA,CAAA,iBAIpB,EAAA,OAAO,~~UAAY,EAAA,OAAO,~~OAAA,~~MAC/B~~,~~gCAaK~~,EAAA,EAAA,EAAA,oBAAA,~~MAXN~~,~~EAWM~~,~~CARI,~~EAAA,~~OAAO,UAAA,~~EAAA,EAAA,~~YAEb~~,EAAA,OAAA,~~WAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,YAKA,EAAA,OAAA,~~SAAA,CAAA,~~IAAA,EAAA,~~CAAA,CAAA,CAAA,~~CAAA~~,~~CAAA,iBAIE,~~EAAA,OAAO,~~KAAO,EAAA,OAAO,~~MAAA,~~MAC1B~~,~~2BAaK~~,EAAA,EAAA,EAAA,oBAAA,~~MAXN~~,~~EAWM~~,~~CARI,~~EAAA,~~OAAO,KAAA,~~EAAA,EAAA,~~YAEb~~,EAAA,OAAA,~~MAAA,CAAA,IAAA,EAAA,CAAA,EAAA,EAAA,EAAA,YAKA,EAAA,OAAA,~~QAAA,CAAA,~~IAAA,EAAA,~~CAAA,CAAA,CAAA,~~CAAA~~,~~CAAA,wCAOJ,~~EAAA,OAAO,QAAA,MACZ,+BAIK,EAAA,EAAA,EAAA,oBAAA,MAFN,EAEM,EAAA,EAAA,EAAA,YADmB,EAAA,OAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"feed-item-pill.cjs","names":[],"sources":["../../../recipes/conversation_view/feed_item_pill/feed_item_pill.vue"],"sourcesContent":["<template>\n <div :class=\"['d-recipe-feed-item-pill__border', borderClass, wrapperClass]\">\n <div class=\"d-recipe-feed-item-pill__wrapper\">\n <dt-collapsible :open=\"expanded\">\n <template #anchor>\n <button\n data-qa=\"dt-recipe-feed-item-pill\"\n :class=\"['d-recipe-feed-item-pill__button', toggleableClass, buttonClass]\"\n :aria-label=\"anchorTitle\"\n :title=\"anchorTitle\"\n @focusin=\"hover = true\"\n @focusout=\"hover = false\"\n @mouseenter=\"hover = true\"\n @mouseleave=\"hover = false\"\n @click=\"onClick\"\n >\n <dt-item-layout\n class=\"d-recipe-feed-item-pill__layout\"\n unstyled\n >\n <slot name=\"title\">\n <span class=\"d-recipe-feed-item-pill__title\">{{ title }}</span>\n </slot>\n <template #left>\n <div\n class=\"d-recipe-feed-item-pill__icon\"\n data-qa=\"dt-recipe-feed-item-pill__icon\"\n >\n <component\n :is=\"toggleIcon\"\n v-if=\"showChevronIcon\"\n size=\"300\"\n />\n <!-- @slot Slot for left icon, icon-size slot prop defaults to '300' -->\n <slot\n v-else\n name=\"leftIcon\"\n :icon-size=\"'300'\"\n />\n </div>\n </template>\n <template\n v-if=\"$slots.subtitle\"\n #subtitle\n >\n <div class=\"d-recipe-feed-item-pill__subtitle\">\n <slot name=\"subtitle\" />\n </div>\n </template>\n <template\n v-if=\"$slots.bottom\"\n #bottom\n >\n <div class=\"d-recipe-feed-item-pill__bottom\">\n <slot name=\"bottom\" />\n </div>\n </template>\n <template\n v-if=\"$slots.right\"\n #right\n >\n <div class=\"d-recipe-feed-item-pill__right\">\n <slot name=\"right\" />\n </div>\n </template>\n </dt-item-layout>\n </button>\n </template>\n <template\n v-if=\"$slots.content\"\n #content\n >\n <div class=\"d-recipe-feed-item-pill__content\">\n <slot name=\"content\" />\n </div>\n </template>\n </dt-collapsible>\n </div>\n </div>\n</template>\n\n<script>\nimport { FEED_ITEM_PILL_BORDER_COLORS } from './feed_item_pill_constants';\nimport { DtItemLayout } from '@/components/item_layout';\nimport { DtCollapsible } from '@/components/collapsible';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeFeedItemPill',\n\n components: { DtItemLayout, DtCollapsible },\n\n props: {\n /*\n Bolded primary text\n /\n title: {\n type: String,\n default: () => '',\n },\n\n /\n Additional styling around the pill\n /\n wrapperClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional styling for the pill\n /\n buttonClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)\n /\n toggleable: {\n type: Boolean,\n default: () => true,\n },\n\n defaultToggled: {\n type: Boolean,\n default: () => false,\n },\n\n /\n Callbox border color\n * @values default, ai, critical\n */\n borderColor: {\n type: String,\n default: 'default',\n validator: (color) => Object.keys(FEED_ITEM_PILL_BORDER_COLORS).includes(color),\n },\n },\n\n data () {\n return {\n hover: false,\n expanded: this.defaultToggled,\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n toggleIcon () {\n return this.expanded ? DtIconChevronDown : DtIconChevronRight;\n },\n\n showChevronIcon () {\n return this.toggleable && this.hover;\n },\n\n toggleableClass () {\n return this.toggleable ? 'd-recipe-feed-item-pill--toggleable' : '';\n },\n\n borderClass () {\n return FEED_ITEM_PILL_BORDER_COLORS[this.borderColor];\n },\n\n anchorTitle () {\n return this.i18n.$t('DIALTONE_FEED_ITEM_PILL_ARIA_LABEL');\n },\n },\n\n methods: {\n onClick () {\n if (!this.toggleable) return;\n\n this.expanded = !this.expanded;\n },\n },\n};\n</script>\n"],"mappings":"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"}

package/dist/lib/feed-item-pill/feed-item-pill.js CHANGED Viewed

@@ -1,12 +1,12 @@
 import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
 import { DialtoneLocalization as t } from "../../localization/index.js";
 import n from "../collapsible/collapsible.js";
-import r from "../itemlayout/itemlayout.js";
+import r from "../item-layout/item-layout.js";
 import { FEED_ITEM_PILL_BORDER_COLORS as i } from "./feed-item-pill-constants.js";
-import { createBlock as a, createElementBlock as o, createElementVNode as s, createSlots as c, createVNode as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderSlot as p, resolveComponent as m, resolveDynamicComponent as h, toDisplayString as g, withCtx as _ } from "vue";
-import { DtIconChevronDown as v, DtIconChevronRight as y } from "@dialpad/dialtone-icons/vue";
+import { createBlock as a, createElementBlock as o, createElementVNode as s, createSlots as c, createVNode as l, normalizeClass as u, openBlock as d, renderSlot as f, resolveComponent as p, resolveDynamicComponent as m, toDisplayString as h, withCtx as g } from "vue";
+import { DtIconChevronDown as _, DtIconChevronRight as v } from "@dialpad/dialtone-icons/vue3";
 //#region recipes/conversation_view/feed_item_pill/feed_item_pill.vue
-var b = {
+var y = {
 	compatConfig: { MODE: 3 },
 	name: "DtRecipeFeedItemPill",
 	components: {
@@ -18,6 +18,14 @@ var b = {
 			type: String,
 			default: () => ""
 		},
+		wrapperClass: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: ""
+		},
 		buttonClass: {
 			type: [
 				String,
@@ -49,7 +57,7 @@ var b = {
 	},
 	computed: {
 		toggleIcon() {
-			return this.expanded ? v : y;
+			return this.expanded ? _ : v;
 		},
 		showChevronIcon() {
 			return this.toggleable && this.hover;
@@ -67,76 +75,70 @@ var b = {
 	methods: { onClick() {
 		this.toggleable && (this.expanded = !this.expanded);
 	} }
-}, x = { class: "d-recipe-feed-item-pill__wrapper" }, S = ["aria-label", "title"], C = { class: "d-recipe-feed-item-pill__title" }, w = {
+}, b = { class: "d-recipe-feed-item-pill__wrapper" }, x = ["aria-label", "title"], S = { class: "d-recipe-feed-item-pill__title" }, C = {
 	class: "d-recipe-feed-item-pill__icon",
 	"data-qa": "dt-recipe-feed-item-pill__icon"
-}, T = { class: "d-recipe-feed-item-pill__subtitle" }, E = { class: "d-recipe-feed-item-pill__bottom" }, D = { class: "d-recipe-feed-item-pill__right" }, O = { class: "d-recipe-feed-item-pill__content" };
-function k(e, t, n, r, i, v) {
-	let y = m("dt-item-layout"), b = m("dt-collapsible");
-	return f(), o("div", {
-		class: u([
-			"d-recipe-feed-item-pill__border",
-			v.borderClass,
-			e.$attrs.class
-		]),
-		style: d(e.$attrs.style)
-	}, [s("div", x, [l(b, { open: i.expanded }, c({
-		anchor: _(() => [s("button", {
+}, w = { class: "d-recipe-feed-item-pill__subtitle" }, T = { class: "d-recipe-feed-item-pill__bottom" }, E = { class: "d-recipe-feed-item-pill__right" }, D = { class: "d-recipe-feed-item-pill__content" };
+function O(e, t, n, r, i, _) {
+	let v = p("dt-item-layout"), y = p("dt-collapsible");
+	return d(), o("div", { class: u([
+		"d-recipe-feed-item-pill__border",
+		_.borderClass,
+		n.wrapperClass
+	]) }, [s("div", b, [l(y, { open: i.expanded }, c({
+		anchor: g(() => [s("button", {
 			"data-qa": "dt-recipe-feed-item-pill",
 			class: u([
 				"d-recipe-feed-item-pill__button",
-				v.toggleableClass,
+				_.toggleableClass,
 				n.buttonClass
 			]),
-			"aria-label": v.anchorTitle,
-			title: v.anchorTitle,
+			"aria-label": _.anchorTitle,
+			title: _.anchorTitle,
 			onFocusin: t[0] || (t[0] = (e) => i.hover = !0),
 			onFocusout: t[1] || (t[1] = (e) => i.hover = !1),
 			onMouseenter: t[2] || (t[2] = (e) => i.hover = !0),
 			onMouseleave: t[3] || (t[3] = (e) => i.hover = !1),
-			onClick: t[4] || (t[4] = (...e) => v.onClick && v.onClick(...e))
-		}, [l(y, {
+			onClick: t[4] || (t[4] = (...e) => _.onClick && _.onClick(...e))
+		}, [l(v, {
 			class: "d-recipe-feed-item-pill__layout",
 			unstyled: ""
 		}, c({
-			start: _(() => [s("div", w, [v.showChevronIcon ? (f(), a(h(v.toggleIcon), {
+			left: g(() => [s("div", C, [_.showChevronIcon ? (d(), a(m(_.toggleIcon), {
 				key: 0,
 				size: "300"
-			})) : e.$slots.startIcon ? p(e.$slots, "startIcon", {
+			})) : f(e.$slots, "leftIcon", {
 				key: 1,
 				iconSize: "300"
-			}) : p(e.$slots, "leftIcon", {
-				key: 2,
-				iconSize: "300"
 			})])]),
-			default: _(() => [p(e.$slots, "title", {}, () => [s("span", C, g(n.title), 1)])]),
+			default: g(() => [f(e.$slots, "title", {}, () => [s("span", S, h(n.title), 1)])]),
 			_: 2
 		}, [
 			e.$slots.subtitle ? {
 				name: "subtitle",
-				fn: _(() => [s("div", T, [p(e.$slots, "subtitle")])]),
+				fn: g(() => [s("div", w, [f(e.$slots, "subtitle")])]),
 				key: "0"
 			} : void 0,
-			e.$slots.blockEnd || e.$slots.bottom ? {
-				name: "blockEnd",
-				fn: _(() => [s("div", E, [e.$slots.blockEnd ? p(e.$slots, "blockEnd", { key: 0 }) : p(e.$slots, "bottom", { key: 1 })])]),
+			e.$slots.bottom ? {
+				name: "bottom",
+				fn: g(() => [s("div", T, [f(e.$slots, "bottom")])]),
 				key: "1"
 			} : void 0,
-			e.$slots.end || e.$slots.right ? {
-				name: "end",
-				fn: _(() => [s("div", D, [e.$slots.end ? p(e.$slots, "end", { key: 0 }) : p(e.$slots, "right", { key: 1 })])]),
+			e.$slots.right ? {
+				name: "right",
+				fn: g(() => [s("div", E, [f(e.$slots, "right")])]),
 				key: "2"
 			} : void 0
-		]), 1024)], 42, S)]),
+		]), 1024)], 42, x)]),
 		_: 2
 	}, [e.$slots.content ? {
 		name: "content",
-		fn: _(() => [s("div", O, [p(e.$slots, "content")])]),
+		fn: g(() => [s("div", D, [f(e.$slots, "content")])]),
 		key: "0"
-	} : void 0]), 1032, ["open"])])], 6);
+	} : void 0]), 1032, ["open"])])], 2);
 }
-var A = /* @__PURE__ */ e(b, [["render", k]]);
+var k = /* @__PURE__ */ e(y, [["render", O]]);
 //#endregion
-export { A as default };
+export { k as default };
 //# sourceMappingURL=feed-item-pill.js.map

package/dist/lib/feed-item-pill/feed-item-pill.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"feed-item-pill.js","names":[],"sources":["../../../recipes/conversation_view/feed_item_pill/feed_item_pill.vue"],"sourcesContent":["<template>\n <div\n :class=\"['d-recipe-feed-item-pill__border', borderClass, ~~$attrs.class~~]\"~~\n :style=\"$attrs.style\"\n~~ >\n <div class=\"d-recipe-feed-item-pill__wrapper\">\n <dt-collapsible :open=\"expanded\">\n <template #anchor>\n <button\n data-qa=\"dt-recipe-feed-item-pill\"\n :class=\"['d-recipe-feed-item-pill__button', toggleableClass, buttonClass]\"\n :aria-label=\"anchorTitle\"\n :title=\"anchorTitle\"\n @focusin=\"hover = true\"\n @focusout=\"hover = false\"\n @mouseenter=\"hover = true\"\n @mouseleave=\"hover = false\"\n @click=\"onClick\"\n >\n <dt-item-layout\n class=\"d-recipe-feed-item-pill__layout\"\n unstyled\n >\n <slot name=\"title\">\n <span class=\"d-recipe-feed-item-pill__title\">{{ title }}</span>\n </slot>\n <template #~~start~~>\n <div\n class=\"d-recipe-feed-item-pill__icon\"\n data-qa=\"dt-recipe-feed-item-pill__icon\"\n >\n <component\n :is=\"toggleIcon\"\n v-if=\"showChevronIcon\"\n size=\"300\"\n />\n <!-- @slot Slot for ~~start~~ icon, icon-size slot prop defaults to '300' -->\n <slot\n v-else~~-if=\"$slots.startIcon~~\"\n name=\"startIcon\"\n :icon-size=\"'300'\"\n />\n <!-- @slot @deprecated Use startIcon -->\n <slot\n v-else\n name=\"leftIcon\"\n :icon-size=\"'300'\"\n />\n </div>\n </template>\n <template\n v-if=\"$slots.subtitle\"\n #subtitle\n >\n <div class=\"d-recipe-feed-item-pill__subtitle\">\n <slot name=\"subtitle\" />\n </div>\n </template>\n <template\n v-if=\"$slots.~~blockEnd \|\| $slots.~~bottom\"\n #~~blockEnd~~\n >\n <div class=\"d-recipe-feed-item-pill__bottom\">\n ~~<!-- @slot Slot for block-end content -->\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 </template>\n <template\n v-if=\"$slots.~~end \|\| $slots.~~right\"\n #~~end~~\n >\n <div class=\"d-recipe-feed-item-pill__right\">\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 </div>\n </template>\n </dt-item-layout>\n </button>\n </template>\n <template\n v-if=\"$slots.content\"\n #content\n >\n <div class=\"d-recipe-feed-item-pill__content\">\n <slot name=\"content\" />\n </div>\n </template>\n </dt-collapsible>\n </div>\n </div>\n</template>\n\n<script>\nimport { FEED_ITEM_PILL_BORDER_COLORS } from './feed_item_pill_constants';\nimport { DtItemLayout } from '@/components/~~ItemLayout~~';\nimport { DtCollapsible } from '@/components/~~Collapsible~~';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/~~vue~~';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeFeedItemPill',\n\n components: { DtItemLayout, DtCollapsible },\n\n props: {\n /*\n Bolded primary text\n /\n title: {\n type: String,\n default: () => '',\n },\n\n /\n Additional styling for the pill\n /\n buttonClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)\n /\n toggleable: {\n type: Boolean,\n default: () => true,\n },\n\n defaultToggled: {\n type: Boolean,\n default: () => false,\n },\n\n /\n Callbox border color\n * @values default, ai, critical\n */\n borderColor: {\n type: String,\n default: 'default',\n validator: (color) => Object.keys(FEED_ITEM_PILL_BORDER_COLORS).includes(color),\n },\n },\n\n data () {\n return {\n hover: false,\n expanded: this.defaultToggled,\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n toggleIcon () {\n return this.expanded ? DtIconChevronDown : DtIconChevronRight;\n },\n\n showChevronIcon () {\n return this.toggleable && this.hover;\n },\n\n toggleableClass () {\n return this.toggleable ? 'd-recipe-feed-item-pill--toggleable' : '';\n },\n\n borderClass () {\n return FEED_ITEM_PILL_BORDER_COLORS[this.borderColor];\n },\n\n anchorTitle () {\n return this.i18n.$t('DIALTONE_FEED_ITEM_PILL_ARIA_LABEL');\n },\n },\n\n methods: {\n onClick () {\n if (!this.toggleable) return;\n\n this.expanded = !this.expanded;\n },\n },\n};\n</script>\n"],"mappings":";;;;;;;;~~AAmHA~~,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EAAE,cAAA;EAAc,eAAA;EAAe;CAE3C,OAAO;EAIL,OAAO;GACL,MAAM;GACN,eAAe;GAChB;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,eAAe;GAChB;EAED,gBAAgB;GACd,MAAM;GACN,eAAe;GAChB;EAMD,aAAa;GACX,MAAM;GACN,SAAS;GACT,YAAY,MAAU,OAAO,KAAK,EAA6B,CAAC,SAAS,EAAM;GAChF;EACF;CAED,OAAQ;AACN,SAAO;GACL,OAAO;GACP,UAAU,KAAK;GACf,MAAM,IAAI,GAAsB;GACjC;;CAGH,UAAU;EACR,aAAc;AACZ,UAAO,KAAK,WAAW,IAAoB;;EAG7C,kBAAmB;AACjB,UAAO,KAAK,cAAc,KAAK;;EAGjC,kBAAmB;AACjB,UAAO,KAAK,aAAa,wCAAwC;;EAGnE,cAAe;AACb,UAAO,EAA6B,KAAK;;EAG3C,cAAe;AACb,UAAO,KAAK,KAAK,GAAG,qCAAqC;;EAE5D;CAED,SAAS,EACP,UAAW;AACJ,OAAK,eAEV,KAAK,WAAW,CAAC,KAAK;IAEzB;CACF,~~QAlMQ~~,OAAM,oCAAkC,qCAmB3B,OAAM,kCAAgC;CAI1C,OAAM;CACN,WAAQ;~~SAyBL~~,OAAM,qCAAmC,QAQzC,OAAM,mCAAiC,~~QAiBvC~~,OAAM,kCAAgC,~~QAoB5C~~,OAAM,oCAAkC;;;~~aAlGrD~~,~~EAwGM~~,OAAA~~;EAvGH~~,OAAK,EAAA;~~GAAA~~;~~GAAsC~~,EAAA;~~GAAa~~,EAAA~~,OAAO~~;~~GAAK~~,CAAA~~;EACpE~~,~~OAAK~~,~~EAAE,~~EAAA,~~OAAO~~,~~MAAK;KAEpB~~,~~EAmGM~~,~~OAnGN~~,~~GAmGM~~,~~CAlGJ~~,~~EAiGiB,~~GAAA,~~EAjGA~~,MAAM,EAAA,UAAQ,EAAA,EAAA;EAClB,QAAM,~~QAsFN~~,~~CArFT~~,~~EAqFS~~,UAAA;~~GApFP~~,WAAQ;GACP,OAAK,EAAA;IAAA;IAAsC,EAAA;IAAiB,EAAA;IAAW,CAAA;GACvE,cAAY,EAAA;GACZ,OAAO,EAAA;GACP,WAAO,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,QAAK;GACd,YAAQ,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,QAAK;GACf,cAAU,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,QAAK;GACjB,cAAU,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,QAAK;GACjB,SAAK,EAAA,OAAA,EAAA,MAAA,GAAA,MAAE,EAAA,WAAA,EAAA,QAAA,GAAA,EAAO;MAEf,~~EAyEiB~~,GAAA;~~GAxEf~~,OAAM;GACN,UAAA;;GAKW,~~OAAK~~,~~QAsBR~~,~~CArBN~~,~~EAqBM~~,~~OArBN~~,~~GAqBM~~,~~CAfI~~,EAAA,mBAAA,GAAA,EAFR,EAIE,EAHK,EAAA,WAAU,EAAA;;IAEf,MAAK;~~SAIM~~,~~EAAA,OAAO,YADpB,~~EAIE,EAAA,QAAA,~~aAAA;;IADC,UAAW;QAGd,EAIE,EAAA,QAAA,~~YAAA;;IADC,UAAW;;~~oBArBX~~,CAFP,EAEO,EAAA,QAAA,SAAA,EAAA,QAAA,CADL,EAA+D,QAA/D,GAA+D,EAAf,EAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;~~GA2B~~/C,EAAA,OAAO,WAAA;UACZ;gBAIK,CAFN,EAEM,OAFN,GAEM,CADJ,EAAwB,EAAA,QAAA,WAAA,CAAA,CAAA,CAAA,CAAA;;;GAIpB,EAAA,OAAO,~~YAAY,EAAA,OAAO,~~SAAA;~~UAC/B~~;~~gBAaK~~,~~CAXN~~,~~EAWM~~,~~OAXN~~,~~GAWM~~,~~CARI~~,~~EAAA~~,~~OAAO,WADf,EAGE,~~EAAA,QAAA,~~YAAA~~,~~EAAA,KAAA,GAAA,~~CAAA,~~GAEF,EAGE,EAAA,QAAA,UAAA,EAAA,KAAA,GAAA,~~CAAA,CAAA,CAAA~~,CAAA,CAAA~~;;;~~GAIE~~,EAAA,OAAO,~~OAAO,EAAA,OAAO,~~QAAA;~~UAC1B~~;~~gBAaK~~,~~CAXN~~,~~EAWM~~,~~OAXN~~,~~GAWM~~,~~CARI~~,~~EAAA~~,~~OAAO,MADf,EAGE,~~EAAA,QAAA,~~OAAA,EAAA,KAAA,GAAA,CAAA,GAEF,EAGE,EAAA,~~QAAA,~~SAAA,EAAA,KAAA,GAAA,~~CAAA,CAAA,CAAA,CAAA~~,CAAA~~;;;;;~~KAOJ~~,EAAA,OAAO,UAAA;QACZ;cAIK,CAFN,EAEM,OAFN,GAEM,CADJ,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}
1	+ {"version":3,"file":"feed-item-pill.js","names":[],"sources":["../../../recipes/conversation_view/feed_item_pill/feed_item_pill.vue"],"sourcesContent":["<template>\n <div :class=\"['d-recipe-feed-item-pill__border', borderClass, wrapperClass]\">\n <div class=\"d-recipe-feed-item-pill__wrapper\">\n <dt-collapsible :open=\"expanded\">\n <template #anchor>\n <button\n data-qa=\"dt-recipe-feed-item-pill\"\n :class=\"['d-recipe-feed-item-pill__button', toggleableClass, buttonClass]\"\n :aria-label=\"anchorTitle\"\n :title=\"anchorTitle\"\n @focusin=\"hover = true\"\n @focusout=\"hover = false\"\n @mouseenter=\"hover = true\"\n @mouseleave=\"hover = false\"\n @click=\"onClick\"\n >\n <dt-item-layout\n class=\"d-recipe-feed-item-pill__layout\"\n unstyled\n >\n <slot name=\"title\">\n <span class=\"d-recipe-feed-item-pill__title\">{{ title }}</span>\n </slot>\n <template #left>\n <div\n class=\"d-recipe-feed-item-pill__icon\"\n data-qa=\"dt-recipe-feed-item-pill__icon\"\n >\n <component\n :is=\"toggleIcon\"\n v-if=\"showChevronIcon\"\n size=\"300\"\n />\n <!-- @slot Slot for left icon, icon-size slot prop defaults to '300' -->\n <slot\n v-else\n name=\"leftIcon\"\n :icon-size=\"'300'\"\n />\n </div>\n </template>\n <template\n v-if=\"$slots.subtitle\"\n #subtitle\n >\n <div class=\"d-recipe-feed-item-pill__subtitle\">\n <slot name=\"subtitle\" />\n </div>\n </template>\n <template\n v-if=\"$slots.bottom\"\n #bottom\n >\n <div class=\"d-recipe-feed-item-pill__bottom\">\n <slot name=\"bottom\" />\n </div>\n </template>\n <template\n v-if=\"$slots.right\"\n #right\n >\n <div class=\"d-recipe-feed-item-pill__right\">\n <slot name=\"right\" />\n </div>\n </template>\n </dt-item-layout>\n </button>\n </template>\n <template\n v-if=\"$slots.content\"\n #content\n >\n <div class=\"d-recipe-feed-item-pill__content\">\n <slot name=\"content\" />\n </div>\n </template>\n </dt-collapsible>\n </div>\n </div>\n</template>\n\n<script>\nimport { FEED_ITEM_PILL_BORDER_COLORS } from './feed_item_pill_constants';\nimport { DtItemLayout } from '@/components/item_layout';\nimport { DtCollapsible } from '@/components/collapsible';\nimport { DtIconChevronDown, DtIconChevronRight } from '@dialpad/dialtone-icons/vue3';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n compatConfig: { MODE: 3 },\n name: 'DtRecipeFeedItemPill',\n\n components: { DtItemLayout, DtCollapsible },\n\n props: {\n /*\n Bolded primary text\n /\n title: {\n type: String,\n default: () => '',\n },\n\n /\n Additional styling around the pill\n /\n wrapperClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Additional styling for the pill\n /\n buttonClass: {\n type: [String, Array, Object],\n default: '',\n },\n\n /\n Sets whether the pill can be toggled (Icon changing on hover, expanding and collapsing, pointer)\n /\n toggleable: {\n type: Boolean,\n default: () => true,\n },\n\n defaultToggled: {\n type: Boolean,\n default: () => false,\n },\n\n /\n Callbox border color\n * @values default, ai, critical\n */\n borderColor: {\n type: String,\n default: 'default',\n validator: (color) => Object.keys(FEED_ITEM_PILL_BORDER_COLORS).includes(color),\n },\n },\n\n data () {\n return {\n hover: false,\n expanded: this.defaultToggled,\n i18n: new DialtoneLocalization(),\n };\n },\n\n computed: {\n toggleIcon () {\n return this.expanded ? DtIconChevronDown : DtIconChevronRight;\n },\n\n showChevronIcon () {\n return this.toggleable && this.hover;\n },\n\n toggleableClass () {\n return this.toggleable ? 'd-recipe-feed-item-pill--toggleable' : '';\n },\n\n borderClass () {\n return FEED_ITEM_PILL_BORDER_COLORS[this.borderColor];\n },\n\n anchorTitle () {\n return this.i18n.$t('DIALTONE_FEED_ITEM_PILL_ARIA_LABEL');\n },\n },\n\n methods: {\n onClick () {\n if (!this.toggleable) return;\n\n this.expanded = !this.expanded;\n },\n },\n};\n</script>\n"],"mappings":";;;;;;;;AAwFA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EAAE,cAAA;EAAc,eAAA;EAAe;CAE3C,OAAO;EAIL,OAAO;GACL,MAAM;GACN,eAAe;GAChB;EAKD,cAAc;GACZ,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,aAAa;GACX,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EAKD,YAAY;GACV,MAAM;GACN,eAAe;GAChB;EAED,gBAAgB;GACd,MAAM;GACN,eAAe;GAChB;EAMD,aAAa;GACX,MAAM;GACN,SAAS;GACT,YAAY,MAAU,OAAO,KAAK,EAA6B,CAAC,SAAS,EAAM;GAChF;EACF;CAED,OAAQ;AACN,SAAO;GACL,OAAO;GACP,UAAU,KAAK;GACf,MAAM,IAAI,GAAsB;GACjC;;CAGH,UAAU;EACR,aAAc;AACZ,UAAO,KAAK,WAAW,IAAoB;;EAG7C,kBAAmB;AACjB,UAAO,KAAK,cAAc,KAAK;;EAGjC,kBAAmB;AACjB,UAAO,KAAK,aAAa,wCAAwC;;EAGnE,cAAe;AACb,UAAO,EAA6B,KAAK;;EAG3C,cAAe;AACb,UAAO,KAAK,KAAK,GAAG,qCAAqC;;EAE5D;CAED,SAAS,EACP,UAAW;AACJ,OAAK,eAEV,KAAK,WAAW,CAAC,KAAK;IAEzB;CACF,QAlLQ,OAAM,oCAAkC,qCAmB3B,OAAM,kCAAgC;CAI1C,OAAM;CACN,WAAQ;SAmBL,OAAM,qCAAmC,QAQzC,OAAM,mCAAiC,QAQvC,OAAM,kCAAgC,QAW5C,OAAM,oCAAkC;;;aAvErD,EA6EM,OAAA,EA7EA,OAAK,EAAA;EAAA;EAAsC,EAAA;EAAa,EAAA;EAAY,CAAA,EAAA,EAAA,CACxE,EA2EM,OA3EN,GA2EM,CA1EJ,EAyEiB,GAAA,EAzEA,MAAM,EAAA,UAAQ,EAAA,EAAA;EAClB,QAAM,QA8DN,CA7DT,EA6DS,UAAA;GA5DP,WAAQ;GACP,OAAK,EAAA;IAAA;IAAsC,EAAA;IAAiB,EAAA;IAAW,CAAA;GACvE,cAAY,EAAA;GACZ,OAAO,EAAA;GACP,WAAO,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,QAAK;GACd,YAAQ,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,QAAK;GACf,cAAU,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,QAAK;GACjB,cAAU,EAAA,OAAA,EAAA,MAAA,MAAE,EAAA,QAAK;GACjB,SAAK,EAAA,OAAA,EAAA,MAAA,GAAA,MAAE,EAAA,WAAA,EAAA,QAAA,GAAA,EAAO;MAEf,EAiDiB,GAAA;GAhDf,OAAM;GACN,UAAA;;GAKW,MAAI,QAgBP,CAfN,EAeM,OAfN,GAeM,CATI,EAAA,mBAAA,GAAA,EAFR,EAIE,EAHK,EAAA,WAAU,EAAA;;IAEf,MAAK;SAGP,EAIE,EAAA,QAAA,YAAA;;IADC,UAAW;;oBAfX,CAFP,EAEO,EAAA,QAAA,SAAA,EAAA,QAAA,CADL,EAA+D,QAA/D,GAA+D,EAAf,EAAA,MAAK,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA;;;GAqB/C,EAAA,OAAO,WAAA;UACZ;gBAIK,CAFN,EAEM,OAFN,GAEM,CADJ,EAAwB,EAAA,QAAA,WAAA,CAAA,CAAA,CAAA,CAAA;;;GAIpB,EAAA,OAAO,SAAA;UACZ;gBAIK,CAFN,EAEM,OAFN,GAEM,CADJ,EAAsB,EAAA,QAAA,SAAA,CAAA,CAAA,CAAA,CAAA;;;GAIlB,EAAA,OAAO,QAAA;UACZ;gBAIK,CAFN,EAEM,OAFN,GAEM,CADJ,EAAqB,EAAA,QAAA,QAAA,CAAA,CAAA,CAAA,CAAA;;;;;KAOvB,EAAA,OAAO,UAAA;QACZ;cAIK,CAFN,EAEM,OAFN,GAEM,CADJ,EAAuB,EAAA,QAAA,UAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/lib/feed-item-row/feed-item-row.cjs CHANGED Viewed

@@ -1,2 +1,2 @@
-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`),n=require(`../../common/mixins/modal.cjs`),r=require(`../avatar/avatar.cjs`),i=require(`../badge/badge.cjs`),a=require(`../lazyshow/lazyshow.cjs`),o=require(`../listitem/listitem.cjs`),s=require(`./feed-item-row-constants.cjs`);let c=require(`vue`),l=require(`@dialpad/dialtone-icons/vue`);var u={compatConfig:{MODE:3},name:`DtRecipeFeedItemRow`,components:{DtAvatar:r.default,DtLazyShow:a.default,DtListItem:o.default,DtBadge:i.default,DtIconUser:l.DtIconUser},mixins:[n.default],inheritAttrs:!1,props:{avatarSeed:{type:String,default:null},showHeader:{type:Boolean,default:!1},avatarImageUrl:{type:String,default:``},displayName:{type:String,default:``},noInitials:{type:Boolean,default:!1},time:{type:String,default:``},shortTime:{type:String,default:``},labelText:{type:String,default:``},isActive:{type:Boolean,default:!1},state:{type:String,default:s.DEFAULT_FEED_ROW_STATE,validator:e=>Object.keys(s.FEED_ROW_STATE_BACKGROUND_COLOR).includes(e)}},emits:[`hover`,`focus`,`keydown`],data(){return{transitionActive:!1}},computed:{feedListeners(){return{mouseenter:()=>this.setHover(!0),mouseleave:()=>this.setHover(!1),focusin:()=>this.setFocus(!0),focusout:()=>this.setFocus(!1),transitionend:()=>this.transitionComplete(),keydown:e=>{switch(e.code){case`Tab`:this.trapFocus(e);break}this.$emit(`keydown`,e)}}},listItemClasses(){return[`d-recipe-feed-item-row`,{"d-recipe-feed-item-row--active":this.isActive&&this.state===`NORMAL`},{"d-recipe-feed-item-row__state-transition":this.transitionActive},s.FEED_ROW_STATE_BACKGROUND_COLOR[this.state]]},hasAttachmentContent(){return e.hasSlotContent(this.$slots.attachment)}},watch:{state:{immediate:!0,handler:function(e){e!==`NORMAL`&&(this.transitionActive=!0)}}},methods:{transitionComplete(){this.state===`NORMAL`&&(this.transitionActive=!1)},trapFocus(e){this.focusTrappedTabPress(e)},setFocus(e){this.$emit(`focus`,e)},setHover(e){this.$emit(`hover`,e)}}},d={key:0,class:`d-recipe-feed-item-row__avatar-container`},f={class:`d-recipe-feed-item-row__content`},p={key:0,"data-qa":`dt-recipe-feed-item-row--header`,class:`d-recipe-feed-item-row__header`},m={class:`d-recipe-feed-item-row__header-name`},h={class:`d-recipe-feed-item-row__header-time`},g={"data-qa":`dt-recipe-feed-item-row--content`},_={key:1,"data-qa":`dt-recipe-feed-item-row--attachment`,class:`d-recipe-feed-item-row__attachment`},v={key:0,class:`d-recipe-feed-item-row__reactions`,"data-qa":`dt-recipe-feed-item-row--reactions`},y={key:1,class:`d-recipe-feed-item-row__threading`},b={"data-qa":`dt-recipe-feed-item-row--menu`,class:`d-recipe-feed-item-row__menu`};function x(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-icon-user`),s=(0,c.resolveComponent)(`dt-avatar`),l=(0,c.resolveComponent)(`dt-badge`),u=(0,c.resolveComponent)(`dt-lazy-show`),x=(0,c.resolveComponent)(`dt-list-item`);return(0,c.openBlock)(),(0,c.createBlock)(x,(0,c.mergeProps)({ref:`FeedItemRef`,"navigation-type":`none`},e.$attrs,{class:a.listItemClasses,"data-qa":`dt-recipe-feed-item-row`},(0,c.toHandlers)(a.feedListeners)),{start:(0,c.withCtx)(()=>[n.showHeader?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,d,[(0,c.renderSlot)(e.$slots,`avatar`,{},()=>[(0,c.createVNode)(s,{"full-name":n.displayName,"image-src":n.avatarImageUrl,"image-alt":``,seed:n.avatarSeed},(0,c.createSlots)({_:2},[n.noInitials?{name:`icon`,fn:(0,c.withCtx)(({iconSize:e})=>[(0,c.createVNode)(o,{size:e},null,8,[`size`])]),key:`0`}:void 0]),1032,[`full-name`,`image-src`,`seed`])])])):(0,c.createCommentVNode)(``,!0),n.showHeader?(0,c.createCommentVNode)(``,!0):(0,c.withDirectives)(((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:1,class:`d-recipe-feed-item-row__left-time`,"data-qa":`dt-recipe-feed-item-row--left-time`},(0,c.toDisplayString)(n.shortTime),513)),[[c.vShow,n.isActive]])]),blockEnd:(0,c.withCtx)(()=>[e.$slots.reactions?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,v,[(0,c.renderSlot)(e.$slots,`reactions`)])):(0,c.createCommentVNode)(``,!0),e.$slots.threading?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,y,[(0,c.renderSlot)(e.$slots,`threading`)])):(0,c.createCommentVNode)(``,!0),(0,c.withDirectives)((0,c.createElementVNode)(`div`,b,[(0,c.createVNode)(u,{appear:!0,transition:`fade`,show:n.isActive},{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`menu`)]),_:3},8,[`show`])],512),[[c.vShow,n.isActive]])]),default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`article`,f,[n.showHeader?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,p,[(0,c.renderSlot)(e.$slots,`displayName`,{},()=>[(0,c.createElementVNode)(`p`,m,(0,c.toDisplayString)(n.displayName),1)]),(0,c.createElementVNode)(`time`,h,(0,c.toDisplayString)(n.time),1),n.labelText?((0,c.openBlock)(),(0,c.createBlock)(l,{key:0,text:n.labelText},null,8,[`text`])):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`span`,g,[(0,c.renderSlot)(e.$slots,`default`)]),a.hasAttachmentContent?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,_,[(0,c.renderSlot)(e.$slots,`attachment`)])):(0,c.createCommentVNode)(``,!0)])]),_:3},16,[`class`])}var S=t.t(u,[[`render`,x]]);exports.default=S;
+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`),n=require(`../../common/mixins/modal.cjs`),r=require(`../avatar/avatar.cjs`),i=require(`../badge/badge.cjs`),a=require(`../lazy-show/lazy-show.cjs`),o=require(`../list-item/list-item.cjs`),s=require(`./feed-item-row-constants.cjs`);let c=require(`vue`),l=require(`@dialpad/dialtone-icons/vue3`);var u={compatConfig:{MODE:3},name:`DtRecipeFeedItemRow`,components:{DtAvatar:r.default,DtLazyShow:a.default,DtListItem:o.default,DtBadge:i.default,DtIconUser:l.DtIconUser},mixins:[n.default],inheritAttrs:!1,props:{avatarSeed:{type:String,default:null},showHeader:{type:Boolean,default:!1},avatarImageUrl:{type:String,default:``},displayName:{type:String,default:``},noInitials:{type:Boolean,default:!1},time:{type:String,default:``},shortTime:{type:String,default:``},labelText:{type:String,default:``},isActive:{type:Boolean,default:!1},state:{type:String,default:s.DEFAULT_FEED_ROW_STATE,validator:e=>Object.keys(s.FEED_ROW_STATE_BACKGROUND_COLOR).includes(e)}},emits:[`hover`,`focus`,`keydown`],data(){return{transitionActive:!1}},computed:{feedListeners(){return{mouseenter:()=>this.setHover(!0),mouseleave:()=>this.setHover(!1),focusin:()=>this.setFocus(!0),focusout:()=>this.setFocus(!1),transitionend:()=>this.transitionComplete(),keydown:e=>{switch(e.code){case`Tab`:this.trapFocus(e);break}this.$emit(`keydown`,e)}}},listItemClasses(){return[`d-recipe-feed-item-row`,{"d-recipe-feed-item-row--active":this.isActive&&this.state===`NORMAL`},{"d-recipe-feed-item-row__state-transition":this.transitionActive},s.FEED_ROW_STATE_BACKGROUND_COLOR[this.state]]},hasAttachmentContent(){return e.hasSlotContent(this.$slots.attachment)}},watch:{state:{immediate:!0,handler:function(e){e!==`NORMAL`&&(this.transitionActive=!0)}}},methods:{transitionComplete(){this.state===`NORMAL`&&(this.transitionActive=!1)},trapFocus(e){this.focusTrappedTabPress(e)},setFocus(e){this.$emit(`focus`,e)},setHover(e){this.$emit(`hover`,e)}}},d={key:0,class:`d-recipe-feed-item-row__avatar-container`},f={class:`d-recipe-feed-item-row__content`},p={key:0,"data-qa":`dt-recipe-feed-item-row--header`,class:`d-recipe-feed-item-row__header`},m={class:`d-recipe-feed-item-row__header-name`},h={class:`d-recipe-feed-item-row__header-time`},g={"data-qa":`dt-recipe-feed-item-row--content`},_={key:1,"data-qa":`dt-recipe-feed-item-row--attachment`,class:`d-recipe-feed-item-row__attachment`},v={key:0,class:`d-recipe-feed-item-row__reactions`,"data-qa":`dt-recipe-feed-item-row--reactions`},y={key:1,class:`d-recipe-feed-item-row__threading`},b={"data-qa":`dt-recipe-feed-item-row--menu`,class:`d-recipe-feed-item-row__menu`};function x(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-icon-user`),s=(0,c.resolveComponent)(`dt-avatar`),l=(0,c.resolveComponent)(`dt-badge`),u=(0,c.resolveComponent)(`dt-lazy-show`),x=(0,c.resolveComponent)(`dt-list-item`);return(0,c.openBlock)(),(0,c.createBlock)(x,(0,c.mergeProps)({ref:`FeedItemRef`,"navigation-type":`none`},e.$attrs,{class:a.listItemClasses,"data-qa":`dt-recipe-feed-item-row`},(0,c.toHandlers)(a.feedListeners)),{left:(0,c.withCtx)(()=>[n.showHeader?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,d,[(0,c.renderSlot)(e.$slots,`avatar`,{},()=>[(0,c.createVNode)(s,{"full-name":n.displayName,"image-src":n.avatarImageUrl,"image-alt":``,seed:n.avatarSeed},(0,c.createSlots)({_:2},[n.noInitials?{name:`icon`,fn:(0,c.withCtx)(({iconSize:e})=>[(0,c.createVNode)(o,{size:e},null,8,[`size`])]),key:`0`}:void 0]),1032,[`full-name`,`image-src`,`seed`])])])):(0,c.createCommentVNode)(``,!0),n.showHeader?(0,c.createCommentVNode)(``,!0):(0,c.withDirectives)(((0,c.openBlock)(),(0,c.createElementBlock)(`span`,{key:1,class:`d-recipe-feed-item-row__left-time`,"data-qa":`dt-recipe-feed-item-row--left-time`},(0,c.toDisplayString)(n.shortTime),513)),[[c.vShow,n.isActive]])]),bottom:(0,c.withCtx)(()=>[e.$slots.reactions?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,v,[(0,c.renderSlot)(e.$slots,`reactions`)])):(0,c.createCommentVNode)(``,!0),e.$slots.threading?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,y,[(0,c.renderSlot)(e.$slots,`threading`)])):(0,c.createCommentVNode)(``,!0),(0,c.withDirectives)((0,c.createElementVNode)(`div`,b,[(0,c.createVNode)(u,{appear:!0,transition:`fade`,show:n.isActive},{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`menu`)]),_:3},8,[`show`])],512),[[c.vShow,n.isActive]])]),default:(0,c.withCtx)(()=>[(0,c.createElementVNode)(`article`,f,[n.showHeader?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,p,[(0,c.renderSlot)(e.$slots,`displayName`,{},()=>[(0,c.createElementVNode)(`p`,m,(0,c.toDisplayString)(n.displayName),1)]),(0,c.createElementVNode)(`time`,h,(0,c.toDisplayString)(n.time),1),n.labelText?((0,c.openBlock)(),(0,c.createBlock)(l,{key:0,text:n.labelText},null,8,[`text`])):(0,c.createCommentVNode)(``,!0)])):(0,c.createCommentVNode)(``,!0),(0,c.createElementVNode)(`span`,g,[(0,c.renderSlot)(e.$slots,`default`)]),a.hasAttachmentContent?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,_,[(0,c.renderSlot)(e.$slots,`attachment`)])):(0,c.createCommentVNode)(``,!0)])]),_:3},16,[`class`])}var S=t.t(u,[[`render`,x]]);exports.default=S;
 //# sourceMappingURL=feed-item-row.cjs.map