@dialpad/dialtone-vue 3.224.0-next.3 → 3.224.0

package/dist/lib/tooltip-directive/tooltip.js

@@ -1,17 +1,16 @@
 import { getUniqueString as e } from "../../common/utils/index.js";
-import { n as t } from "../../mode_constants-tb7TL85q.js";
-import { TOOLTIP_DIRECTIONS as n } from "../tooltip/tooltip-constants.js";
-import r from "../tooltip/tooltip.js";
-import { createApp as i, h as a } from "vue";
-import o from "deep-equal";
+import { TOOLTIP_DIRECTIONS as t } from "../tooltip/tooltip-constants.js";
+import n from "../tooltip/tooltip.js";
+import { createApp as r, h as i } from "vue";
+import a from "deep-equal";
 //#region directives/tooltip_directive/tooltip.js
-var s = {
+var o = {
 	name: "dt-tooltip-directive",
-	install(s) {
+	install(o) {
 		if (!globalThis.__DtTooltipDirectiveApp) {
-			let e = i({
+			let e = r({
 				name: "DtTooltipDirectiveApp",
-				components: { DtTooltip: r },
+				components: { DtTooltip: n },
 				data() {
 					return { tooltips: [] };
 				},
@@ -34,68 +33,68 @@ var s = {
 					}
 				},
 				render() {
-					return a("div", this.tooltips.map(({ id: e, anchorElement: t, ...n }) => a(r, {
+					return i("div", this.tooltips.map(({ id: e, anchorElement: t, ...r }) => i(n, {
 						key: e,
-						...n,
-						sticky: n.sticky === void 0 ? !0 : n.sticky,
-						delay: n.delay === void 0 ? process.env.NODE_ENV !== "test" : n.delay,
+						...r,
+						sticky: r.sticky === void 0 ? !0 : r.sticky,
+						delay: r.delay === void 0 ? process.env.NODE_ENV !== "test" : r.delay,
 						externalAnchorElement: t
 					})));
 				}
 			}), t = document.createElement("div");
 			document.body.appendChild(t), e.mount(t);
 		}
-		let c = globalThis.__DtTooltipDirectiveApp;
-		s.directive("dt-tooltip", {
+		let s = globalThis.__DtTooltipDirectiveApp;
+		o.directive("dt-tooltip", {
 			beforeMount(e, t) {
-				l(e, t);
+				c(e, t);
 			},
 			updated(e, t) {
-				o(t.value, t.oldValue) || l(e, t);
+				a(t.value, t.oldValue) || c(e, t);
 			},
 			unmounted(e) {
-				c.removeTooltip(e.getAttribute("data-dt-tooltip-id"));
+				s.removeTooltip(e.getAttribute("data-dt-tooltip-id"));
 			}
 		});
-		function l(r, i) {
-			if (i.value === null || i.value === void 0) {
-				let e = r.getAttribute("data-dt-tooltip-id");
-				e && c.removeTooltip(e);
+		function c(n, r) {
+			if (r.value === null || r.value === void 0) {
+				let e = n.getAttribute("data-dt-tooltip-id");
+				e && s.removeTooltip(e);
 				return;
 			}
-			let a = r.getAttribute("data-dt-tooltip-id") || e(), o;
-			if (typeof i.value == "string") o = {
-				message: i.value,
-				placement: i.arg || "top"
+			let i = n.getAttribute("data-dt-tooltip-id") || e(), a;
+			if (typeof r.value == "string") a = {
+				message: r.value,
+				placement: r.arg || "top"
 			};
-			else if (typeof i.value == "object" && i.value !== null) o = {
-				placement: i.arg || i.value.placement || "top",
-				...i.value
+			else if (typeof r.value == "object" && r.value !== null) a = {
+				placement: r.arg || r.value.placement || "top",
+				...r.value
 			};
 			else {
 				console.error("DtTooltipDirective: binding value must be string, object, null or undefined");
 				return;
 			}
-			Object.keys(i.modifiers).forEach((e) => {
+			Object.keys(r.modifiers).forEach((e) => {
 				switch (e) {
 					case "inverted":
-						o.inverted = !0;
+						a.inverted = !0;
 						break;
 					case "no-delay":
-						o.delay = !1;
+						a.delay = !1;
 						break;
 					case "no-transition":
-						o.transition = !1;
+						a.transition = !1;
 						break;
 					default:
-						t.includes(e) ? o.contentMode = e : n.includes(e) && (o.placement = e);
+						t.includes(e) && (a.placement = e);
 						break;
 				}
-			}), o.anchorElement = r, r.setAttribute("data-dt-tooltip-id", a), c.addOrUpdateTooltip(a, o);
+			}), a.anchorElement = n, n.setAttribute("data-dt-tooltip-id", i), s.addOrUpdateTooltip(i, a);
 		}
 	}
 };
 //#endregion
-export { s as DtTooltipDirective, s as default };
+export { o as DtTooltipDirective, o as default };
 
 //# sourceMappingURL=tooltip.js.map

package/dist/lib/tooltip-directive/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","names":["DtTooltip"],"sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/Tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, h } from 'vue';\nimport deepEqual from 'deep-equal';\nimport { CONTENT_MODE_VALUES } from '@/common/mode_constants';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (app) {\n    const DEFAULT_PLACEMENT = 'top';\n    if (!globalThis.__DtTooltipDirectiveApp) {\n      const DtTooltipDirectiveApp = createApp({\n        name: 'DtTooltipDirectiveApp',\n        components: { DtTooltip },\n        data () {\n          return {\n            tooltips: [],\n          };\n        },\n\n        mounted () {\n          globalThis.__DtTooltipDirectiveApp = this;\n        },\n\n        methods: {\n          addOrUpdateTooltip (id, tooltipConfig) {\n            const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n            if (index !== -1) {\n              // Update existing tooltip\n              this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n            } else {\n              // Add new tooltip\n              this.tooltips.push({ id, ...tooltipConfig });\n            }\n          },\n\n          removeTooltip (id) {\n            this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n          },\n        },\n\n        render () {\n          return h('div',\n            this.tooltips.map(({ id, anchorElement, ...tooltipProps }) => {\n              return h(DtTooltip, {\n                key: id,\n                ...tooltipProps,\n                sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n                /**\n                 * Set the delay to false when running tests only.\n                 */\n                delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n                externalAnchorElement: anchorElement,\n              });\n            }),\n          );\n        },\n      });\n\n      const mountPoint = document.createElement('div');\n      document.body.appendChild(mountPoint);\n      DtTooltipDirectiveApp.mount(mountPoint);\n    }\n\n    const tooltipApp = globalThis.__DtTooltipDirectiveApp;\n\n    app.directive('dt-tooltip', {\n      beforeMount (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      updated (anchor, binding) {\n        // Update tooltip on binding value change\n        // Use deep equality check to prevent infinite loops when objects are passed\n        if (!deepEqual(binding.value, binding.oldValue)) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unmounted (anchor) {\n        tooltipApp.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      if (binding.value === null || binding.value === undefined) {\n        const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n        if (tooltipId) {\n          tooltipApp.removeTooltip(tooltipId);\n        }\n        return;\n      }\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n      let tooltipConfig;\n      if (typeof binding.value === 'string') {\n        tooltipConfig = {\n          message: binding.value,\n          placement: binding.arg || DEFAULT_PLACEMENT,\n        };\n      } else if (typeof binding.value === 'object' && binding.value !== null) {\n        tooltipConfig = {\n          placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n          ...binding.value,\n        };\n      } else {\n        console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n        return;\n      }\n\n      Object.keys(binding.modifiers).forEach(modifier => {\n        switch (modifier) {\n          case 'inverted':\n            tooltipConfig.inverted = true;\n            break;\n          case 'no-delay':\n            tooltipConfig.delay = false;\n            break;\n          case 'no-transition':\n            tooltipConfig.transition = false;\n            break;\n          default:\n            if (CONTENT_MODE_VALUES.includes(modifier)) {\n              tooltipConfig.contentMode = modifier;\n            } else if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n              tooltipConfig.placement = modifier;\n            }\n            break;\n        }\n      });\n\n      tooltipConfig.anchorElement = anchor;\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n      tooltipApp.addOrUpdateTooltip(tooltipId, tooltipConfig);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"mappings":";;;;;;;AAMA,IAAa,IAAqB;CAChC,MAAM;CACN,QAAS,GAAK;AAEZ,MAAI,CAAC,WAAW,yBAAyB;GACvC,IAAM,IAAwB,EAAU;IACtC,MAAM;IACN,YAAY,EAAE,WAAA,GAAW;IACzB,OAAQ;AACN,YAAO,EACL,UAAU,EAAE,EACb;;IAGH,UAAW;AACT,gBAAW,0BAA0B;;IAGvC,SAAS;KACP,mBAAoB,GAAI,GAAe;MACrC,IAAM,IAAQ,KAAK,SAAS,WAAU,MAAW,EAAQ,OAAO,EAAG;AACnE,MAAI,MAAU,KAKZ,KAAK,SAAS,KAAK;OAAE;OAAI,GAAG;OAAe,CAAC,GAH5C,KAAK,SAAS,OAAO,GAAO,GAAG;OAAE;OAAI,GAAG;OAAe,CAAC;;KAO5D,cAAe,GAAI;AACjB,WAAK,WAAW,KAAK,SAAS,QAAO,MAAW,EAAQ,OAAO,EAAG;;KAErE;IAED,SAAU;AACR,YAAO,EAAE,OACP,KAAK,SAAS,KAAK,EAAE,OAAI,kBAAe,GAAG,QAClC,EAAEA,GAAW;MAClB,KAAK;MACL,GAAG;MACH,QAAQ,EAAa,WAAW,KAAA,IAAkC,KAAtB,EAAa;MAIzD,OAAO,EAAa,UAAU,KAAA,IAAyB,QAAA,IAAA,aAAkC,SAA/C,EAAa;MACvD,uBAAuB;MACxB,CAAC,CACF,CACH;;IAEJ,CAAC,EAEI,IAAa,SAAS,cAAc,MAAM;AAEhD,GADA,SAAS,KAAK,YAAY,EAAW,EACrC,EAAsB,MAAM,EAAW;;EAGzC,IAAM,IAAa,WAAW;AAE9B,IAAI,UAAU,cAAc;GAC1B,YAAa,GAAQ,GAAS;AAE5B,MAAa,GAAQ,EAAQ;;GAE/B,QAAS,GAAQ,GAAS;AAGxB,IAAK,EAAU,EAAQ,OAAO,EAAQ,SAAS,IAC7C,EAAa,GAAQ,EAAQ;;GAGjC,UAAW,GAAQ;AACjB,MAAW,cAAc,EAAO,aAAa,qBAAqB,CAAC;;GAEtE,CAAC;EAEF,SAAS,EAAc,GAAQ,GAAS;AACtC,OAAI,EAAQ,UAAU,QAAQ,EAAQ,UAAU,KAAA,GAAW;IACzD,IAAM,IAAY,EAAO,aAAa,qBAAqB;AAC3D,IAAI,KACF,EAAW,cAAc,EAAU;AAErC;;GAEF,IAAM,IAAY,EAAO,aAAa,qBAAqB,IAAI,GAAiB,EAE5E;AACJ,OAAI,OAAO,EAAQ,SAAU,SAC3B,KAAgB;IACd,SAAS,EAAQ;IACjB,WAAW,EAAQ,OAAO;IAC3B;YACQ,OAAO,EAAQ,SAAU,YAAY,EAAQ,UAAU,KAChE,KAAgB;IACd,WAAW,EAAQ,OAAO,EAAQ,MAAM,aAAa;IACrD,GAAG,EAAQ;IACZ;QACI;AACL,YAAQ,MAAM,8EAA8E;AAC5F;;AA0BF,GAvBA,OAAO,KAAK,EAAQ,UAAU,CAAC,SAAQ,MAAY;AACjD,YAAQ,GAAR;KACE,KAAK;AACH,QAAc,WAAW;AACzB;KACF,KAAK;AACH,QAAc,QAAQ;AACtB;KACF,KAAK;AACH,QAAc,aAAa;AAC3B;KACF;AACE,MAAI,EAAoB,SAAS,EAAS,GACxC,EAAc,cAAc,IACnB,EAAmB,SAAS,EAAS,KAC9C,EAAc,YAAY;AAE5B;;KAEJ,EAEF,EAAc,gBAAgB,GAC9B,EAAO,aAAa,sBAAsB,EAAU,EACpD,EAAW,mBAAmB,GAAW,EAAc;;;CAG5D"}
+{"version":3,"file":"tooltip.js","names":["DtTooltip"],"sources":["../../../directives/tooltip_directive/tooltip.js"],"sourcesContent":["import { DtTooltip, TOOLTIP_DIRECTIONS } from '@/components/tooltip';\nimport { getUniqueString } from '@/common/utils';\nimport { createApp, h } from 'vue';\nimport deepEqual from 'deep-equal';\n\nexport const DtTooltipDirective = {\n  name: 'dt-tooltip-directive',\n  install (app) {\n    const DEFAULT_PLACEMENT = 'top';\n    if (!globalThis.__DtTooltipDirectiveApp) {\n      const DtTooltipDirectiveApp = createApp({\n        name: 'DtTooltipDirectiveApp',\n        components: { DtTooltip },\n        data () {\n          return {\n            tooltips: [],\n          };\n        },\n\n        mounted () {\n          globalThis.__DtTooltipDirectiveApp = this;\n        },\n\n        methods: {\n          addOrUpdateTooltip (id, tooltipConfig) {\n            const index = this.tooltips.findIndex(tooltip => tooltip.id === id);\n            if (index !== -1) {\n              // Update existing tooltip\n              this.tooltips.splice(index, 1, { id, ...tooltipConfig });\n            } else {\n              // Add new tooltip\n              this.tooltips.push({ id, ...tooltipConfig });\n            }\n          },\n\n          removeTooltip (id) {\n            this.tooltips = this.tooltips.filter(tooltip => tooltip.id !== id);\n          },\n        },\n\n        render () {\n          return h('div',\n            this.tooltips.map(({ id, anchorElement, ...tooltipProps }) => {\n              return h(DtTooltip, {\n                key: id,\n                ...tooltipProps,\n                sticky: tooltipProps.sticky !== undefined ? tooltipProps.sticky : true,\n                /**\n                 * Set the delay to false when running tests only.\n                 */\n                delay: tooltipProps.delay !== undefined ? tooltipProps.delay : (process.env.NODE_ENV !== 'test'),\n                externalAnchorElement: anchorElement,\n              });\n            }),\n          );\n        },\n      });\n\n      const mountPoint = document.createElement('div');\n      document.body.appendChild(mountPoint);\n      DtTooltipDirectiveApp.mount(mountPoint);\n    }\n\n    const tooltipApp = globalThis.__DtTooltipDirectiveApp;\n\n    app.directive('dt-tooltip', {\n      beforeMount (anchor, binding) {\n        // Initial tooltip setup\n        setupTooltip(anchor, binding);\n      },\n      updated (anchor, binding) {\n        // Update tooltip on binding value change\n        // Use deep equality check to prevent infinite loops when objects are passed\n        if (!deepEqual(binding.value, binding.oldValue)) {\n          setupTooltip(anchor, binding);\n        }\n      },\n      unmounted (anchor) {\n        tooltipApp.removeTooltip(anchor.getAttribute('data-dt-tooltip-id'));\n      },\n    });\n\n    function setupTooltip (anchor, binding) {\n      if (binding.value === null || binding.value === undefined) {\n        const tooltipId = anchor.getAttribute('data-dt-tooltip-id');\n        if (tooltipId) {\n          tooltipApp.removeTooltip(tooltipId);\n        }\n        return;\n      }\n      const tooltipId = anchor.getAttribute('data-dt-tooltip-id') || getUniqueString();\n\n      let tooltipConfig;\n      if (typeof binding.value === 'string') {\n        tooltipConfig = {\n          message: binding.value,\n          placement: binding.arg || DEFAULT_PLACEMENT,\n        };\n      } else if (typeof binding.value === 'object' && binding.value !== null) {\n        tooltipConfig = {\n          placement: binding.arg || binding.value.placement || DEFAULT_PLACEMENT,\n          ...binding.value,\n        };\n      } else {\n        console.error('DtTooltipDirective: binding value must be string, object, null or undefined');\n        return;\n      }\n\n      Object.keys(binding.modifiers).forEach(modifier => {\n        switch (modifier) {\n          case 'inverted':\n            tooltipConfig.inverted = true;\n            break;\n          case 'no-delay':\n            tooltipConfig.delay = false;\n            break;\n          case 'no-transition':\n            tooltipConfig.transition = false;\n            break;\n          default:\n            if (TOOLTIP_DIRECTIONS.includes(modifier)) {\n              tooltipConfig.placement = modifier;\n            }\n            break;\n        }\n      });\n\n      tooltipConfig.anchorElement = anchor;\n      anchor.setAttribute('data-dt-tooltip-id', tooltipId);\n      tooltipApp.addOrUpdateTooltip(tooltipId, tooltipConfig);\n    }\n  },\n};\n\nexport default DtTooltipDirective;\n"],"mappings":";;;;;;AAKA,IAAa,IAAqB;CAChC,MAAM;CACN,QAAS,GAAK;AAEZ,MAAI,CAAC,WAAW,yBAAyB;GACvC,IAAM,IAAwB,EAAU;IACtC,MAAM;IACN,YAAY,EAAE,WAAA,GAAW;IACzB,OAAQ;AACN,YAAO,EACL,UAAU,EAAE,EACb;;IAGH,UAAW;AACT,gBAAW,0BAA0B;;IAGvC,SAAS;KACP,mBAAoB,GAAI,GAAe;MACrC,IAAM,IAAQ,KAAK,SAAS,WAAU,MAAW,EAAQ,OAAO,EAAG;AACnE,MAAI,MAAU,KAKZ,KAAK,SAAS,KAAK;OAAE;OAAI,GAAG;OAAe,CAAC,GAH5C,KAAK,SAAS,OAAO,GAAO,GAAG;OAAE;OAAI,GAAG;OAAe,CAAC;;KAO5D,cAAe,GAAI;AACjB,WAAK,WAAW,KAAK,SAAS,QAAO,MAAW,EAAQ,OAAO,EAAG;;KAErE;IAED,SAAU;AACR,YAAO,EAAE,OACP,KAAK,SAAS,KAAK,EAAE,OAAI,kBAAe,GAAG,QAClC,EAAEA,GAAW;MAClB,KAAK;MACL,GAAG;MACH,QAAQ,EAAa,WAAW,KAAA,IAAkC,KAAtB,EAAa;MAIzD,OAAO,EAAa,UAAU,KAAA,IAAyB,QAAA,IAAA,aAAkC,SAA/C,EAAa;MACvD,uBAAuB;MACxB,CAAC,CACF,CACH;;IAEJ,CAAC,EAEI,IAAa,SAAS,cAAc,MAAM;AAEhD,GADA,SAAS,KAAK,YAAY,EAAW,EACrC,EAAsB,MAAM,EAAW;;EAGzC,IAAM,IAAa,WAAW;AAE9B,IAAI,UAAU,cAAc;GAC1B,YAAa,GAAQ,GAAS;AAE5B,MAAa,GAAQ,EAAQ;;GAE/B,QAAS,GAAQ,GAAS;AAGxB,IAAK,EAAU,EAAQ,OAAO,EAAQ,SAAS,IAC7C,EAAa,GAAQ,EAAQ;;GAGjC,UAAW,GAAQ;AACjB,MAAW,cAAc,EAAO,aAAa,qBAAqB,CAAC;;GAEtE,CAAC;EAEF,SAAS,EAAc,GAAQ,GAAS;AACtC,OAAI,EAAQ,UAAU,QAAQ,EAAQ,UAAU,KAAA,GAAW;IACzD,IAAM,IAAY,EAAO,aAAa,qBAAqB;AAC3D,IAAI,KACF,EAAW,cAAc,EAAU;AAErC;;GAEF,IAAM,IAAY,EAAO,aAAa,qBAAqB,IAAI,GAAiB,EAE5E;AACJ,OAAI,OAAO,EAAQ,SAAU,SAC3B,KAAgB;IACd,SAAS,EAAQ;IACjB,WAAW,EAAQ,OAAO;IAC3B;YACQ,OAAO,EAAQ,SAAU,YAAY,EAAQ,UAAU,KAChE,KAAgB;IACd,WAAW,EAAQ,OAAO,EAAQ,MAAM,aAAa;IACrD,GAAG,EAAQ;IACZ;QACI;AACL,YAAQ,MAAM,8EAA8E;AAC5F;;AAwBF,GArBA,OAAO,KAAK,EAAQ,UAAU,CAAC,SAAQ,MAAY;AACjD,YAAQ,GAAR;KACE,KAAK;AACH,QAAc,WAAW;AACzB;KACF,KAAK;AACH,QAAc,QAAQ;AACtB;KACF,KAAK;AACH,QAAc,aAAa;AAC3B;KACF;AACE,MAAI,EAAmB,SAAS,EAAS,KACvC,EAAc,YAAY;AAE5B;;KAEJ,EAEF,EAAc,gBAAgB,GAC9B,EAAO,aAAa,sBAAsB,EAAU,EACpD,EAAW,mBAAmB,GAAW,EAAc;;;CAG5D"}

package/dist/lib/top-banner-info/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./top-banner-info-constants.cjs`),t=require(`./top-banner-info.cjs`);exports.COLOR_CODES=e.COLOR_CODES,exports.DtRecipeTopBannerInfo=t.default;

package/dist/lib/top-banner-info/index.js

@@ -0,0 +1,3 @@
+import { COLOR_CODES as e } from "./top-banner-info-constants.js";
+import t from "./top-banner-info.js";
+export { e as COLOR_CODES, t as DtRecipeTopBannerInfo };

package/dist/lib/top-banner-info/top-banner-info-constants.cjs

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=[`green300`,`green100`,`red200`,`red100`,`gold100`,`gold200`,`black100`,`white`],t={COLOR_CODES:e};exports.COLOR_CODES=e,exports.default=t;
+//# sourceMappingURL=top-banner-info-constants.cjs.map

package/dist/lib/top-banner-info/top-banner-info-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-banner-info-constants.cjs","names":[],"sources":["../../../recipes/notices/top_banner_info/top_banner_info_constants.js"],"sourcesContent":["export const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100',\n  'gold200', 'black100', 'white'];\n\nexport default {\n  COLOR_CODES,\n};\n"],"mappings":"+FAAA,IAAa,EAAc,CAAC,WAAY,WAAY,SAAU,SAAU,UACtE,UAAW,WAAY,QAAQ,CAEjC,EAAe,CACb,cACD"}

package/dist/lib/top-banner-info/top-banner-info-constants.js

@@ -0,0 +1,15 @@
+//#region recipes/notices/top_banner_info/top_banner_info_constants.js
+var e = [
+	"green300",
+	"green100",
+	"red200",
+	"red100",
+	"gold100",
+	"gold200",
+	"black100",
+	"white"
+], t = { COLOR_CODES: e };
+//#endregion
+export { e as COLOR_CODES, t as default };
+
+//# sourceMappingURL=top-banner-info-constants.js.map

package/dist/lib/top-banner-info/top-banner-info-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-banner-info-constants.js","names":[],"sources":["../../../recipes/notices/top_banner_info/top_banner_info_constants.js"],"sourcesContent":["export const COLOR_CODES = ['green300', 'green100', 'red200', 'red100', 'gold100',\n  'gold200', 'black100', 'white'];\n\nexport default {\n  COLOR_CODES,\n};\n"],"mappings":";AAAA,IAAa,IAAc;CAAC;CAAY;CAAY;CAAU;CAAU;CACtE;CAAW;CAAY;CAAQ,EAEjC,IAAe,EACb,gBACD"}

package/dist/lib/top-banner-info/top-banner-info.cjs

@@ -0,0 +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(`./top-banner-info-constants.cjs`);let n=require(`vue`);var r={compatConfig:{MODE:3},name:`DtRecipeTopBannerInfo`,props:{colorCode:{type:String,default:`green300`,validator:function(e){return t.COLOR_CODES.includes(e)}}},computed:{bannerInfoClass(){return[{green100:`d-recipe-top-banner-info--success`,green300:`d-recipe-top-banner-info--success`,red100:`d-recipe-top-banner-info--critical`,red200:`d-recipe-top-banner-info--critical`,gold100:`d-recipe-top-banner-info--warning`,gold200:`d-recipe-top-banner-info--warning`,black100:`d-recipe-top-banner-info--info`,white:`d-recipe-top-banner-info--primary`}[this.colorCode]]}}},i={class:`d-recipe-top-banner-info__left`},a={class:`d-recipe-top-banner-info__middle`,"data-qa":`banner-info--middle`},o={class:`d-recipe-top-banner-info__right`};function s(e,t,r,s,c,l){return(0,n.openBlock)(),(0,n.createElementBlock)(`div`,{class:(0,n.normalizeClass)([`d-recipe-top-banner-info`,l.bannerInfoClass]),"data-qa":`banner-info`},[(0,n.createElementVNode)(`div`,i,[(0,n.renderSlot)(e.$slots,`left`)]),(0,n.createElementVNode)(`div`,a,[(0,n.renderSlot)(e.$slots,`default`)]),(0,n.createElementVNode)(`div`,o,[(0,n.renderSlot)(e.$slots,`right`)])],2)}var c=e.t(r,[[`render`,s]]);exports.default=c;
+//# sourceMappingURL=top-banner-info.cjs.map

package/dist/lib/top-banner-info/top-banner-info.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-banner-info.cjs","names":[],"sources":["../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-recipe-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"d-recipe-top-banner-info__left\">\n      <slot name=\"left\" />\n    </div>\n\n    <div\n      class=\"d-recipe-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"d-recipe-top-banner-info__right\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green100: 'd-recipe-top-banner-info--success',\n        green300: 'd-recipe-top-banner-info--success',\n        red100: 'd-recipe-top-banner-info--critical',\n        red200: 'd-recipe-top-banner-info--critical',\n        gold100: 'd-recipe-top-banner-info--warning',\n        gold200: 'd-recipe-top-banner-info--warning',\n        black100: 'd-recipe-top-banner-info--info',\n        white: 'd-recipe-top-banner-info--primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n"],"mappings":"qQA0BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,wBAEN,MAAO,CAIL,UAAW,CACT,KAAM,OACN,QAAS,WACT,UAAW,SAAU,EAAM,CACzB,OAAO,EAAA,YAAY,SAAS,EAAK,EAEpC,CACF,CAED,SAAU,CACR,iBAAmB,CAajB,MAAO,CAZU,CAGf,SAAU,oCACV,SAAU,oCACV,OAAQ,qCACR,OAAQ,qCACR,QAAS,oCACT,QAAS,oCACT,SAAU,iCACV,MAAO,oCACR,CACgB,KAAK,WAAW,EAEpC,CACF,IAtDQ,MAAM,iCAAgC,IAKzC,MAAM,mCACN,UAAQ,0BAKL,MAAM,kCAAiC,0EAGxC,MAAA,CAlBJ,OAAA,EAAA,EAAA,gBAAK,CAAC,2BACE,EAAA,gBAAe,CAAA,CACvB,UAAQ,yCAIF,MAFN,EAEM,EAAA,EAAA,EAAA,YADgB,EAAA,OAAA,OAAA,CAAA,CAAA,0BAQhB,MALN,EAKM,EAAA,EAAA,EAAA,YADI,EAAA,OAAA,UAAA,CAAA,CAAA,0BAKJ,MAFN,EAEM,EAAA,EAAA,EAAA,YADiB,EAAA,OAAA,QAAA,CAAA,CAAA"}

package/dist/lib/top-banner-info/top-banner-info.js

@@ -0,0 +1,45 @@
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { COLOR_CODES as t } from "./top-banner-info-constants.js";
+import { createElementBlock as n, createElementVNode as r, normalizeClass as i, openBlock as a, renderSlot as o } from "vue";
+//#region recipes/notices/top_banner_info/top_banner_info.vue
+var s = {
+	compatConfig: { MODE: 3 },
+	name: "DtRecipeTopBannerInfo",
+	props: { colorCode: {
+		type: String,
+		default: "green300",
+		validator: function(e) {
+			return t.includes(e);
+		}
+	} },
+	computed: { bannerInfoClass() {
+		return [{
+			green100: "d-recipe-top-banner-info--success",
+			green300: "d-recipe-top-banner-info--success",
+			red100: "d-recipe-top-banner-info--critical",
+			red200: "d-recipe-top-banner-info--critical",
+			gold100: "d-recipe-top-banner-info--warning",
+			gold200: "d-recipe-top-banner-info--warning",
+			black100: "d-recipe-top-banner-info--info",
+			white: "d-recipe-top-banner-info--primary"
+		}[this.colorCode]];
+	} }
+}, c = { class: "d-recipe-top-banner-info__left" }, l = {
+	class: "d-recipe-top-banner-info__middle",
+	"data-qa": "banner-info--middle"
+}, u = { class: "d-recipe-top-banner-info__right" };
+function d(e, t, s, d, f, p) {
+	return a(), n("div", {
+		class: i(["d-recipe-top-banner-info", p.bannerInfoClass]),
+		"data-qa": "banner-info"
+	}, [
+		r("div", c, [o(e.$slots, "left")]),
+		r("div", l, [o(e.$slots, "default")]),
+		r("div", u, [o(e.$slots, "right")])
+	], 2);
+}
+var f = /* @__PURE__ */ e(s, [["render", d]]);
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=top-banner-info.js.map

package/dist/lib/top-banner-info/top-banner-info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-banner-info.js","names":[],"sources":["../../../recipes/notices/top_banner_info/top_banner_info.vue"],"sourcesContent":["<template>\n  <div\n    class=\"d-recipe-top-banner-info\"\n    :class=\"bannerInfoClass\"\n    data-qa=\"banner-info\"\n  >\n    <div class=\"d-recipe-top-banner-info__left\">\n      <slot name=\"left\" />\n    </div>\n\n    <div\n      class=\"d-recipe-top-banner-info__middle\"\n      data-qa=\"banner-info--middle\"\n    >\n      <slot />\n    </div>\n\n    <div class=\"d-recipe-top-banner-info__right\">\n      <slot name=\"right\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { COLOR_CODES } from './top_banner_info_constants';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeTopBannerInfo',\n\n  props: {\n    /**\n     * color of the banner background\n     */\n    colorCode: {\n      type: String,\n      default: 'green300',\n      validator: function (kind) {\n        return COLOR_CODES.includes(kind);\n      },\n    },\n  },\n\n  computed: {\n    bannerInfoClass () {\n      const bgColors = {\n        // these are too specific, so for now I'm at least updating the resultant semantic value\n        // TODO: breaking change: update to be more abstract\n        green100: 'd-recipe-top-banner-info--success',\n        green300: 'd-recipe-top-banner-info--success',\n        red100: 'd-recipe-top-banner-info--critical',\n        red200: 'd-recipe-top-banner-info--critical',\n        gold100: 'd-recipe-top-banner-info--warning',\n        gold200: 'd-recipe-top-banner-info--warning',\n        black100: 'd-recipe-top-banner-info--info',\n        white: 'd-recipe-top-banner-info--primary',\n      };\n      return [bgColors[this.colorCode]];\n    },\n  },\n};\n</script>\n"],"mappings":";;;;AA0BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO,EAIL,WAAW;EACT,MAAM;EACN,SAAS;EACT,WAAW,SAAU,GAAM;AACzB,UAAO,EAAY,SAAS,EAAK;;EAEpC,EACF;CAED,UAAU,EACR,kBAAmB;AAajB,SAAO,CAZU;GAGf,UAAU;GACV,UAAU;GACV,QAAQ;GACR,QAAQ;GACR,SAAS;GACT,SAAS;GACT,UAAU;GACV,OAAO;GACR,CACgB,KAAK,WAAW;IAEpC;CACF,QAtDQ,OAAM,kCAAgC;CAKzC,OAAM;CACN,WAAQ;SAKL,OAAM,mCAAiC;;aAhB9C,EAmBM,OAAA;EAlBJ,OAAK,EAAA,CAAC,4BACE,EAAA,gBAAe,CAAA;EACvB,WAAQ;;EAER,EAEM,OAFN,GAEM,CADJ,EAAoB,EAAA,QAAA,OAAA,CAAA,CAAA;EAGtB,EAKM,OALN,GAKM,CADJ,EAAQ,EAAA,QAAA,UAAA,CAAA,CAAA;EAGV,EAEM,OAFN,GAEM,CADJ,EAAqB,EAAA,QAAA,QAAA,CAAA,CAAA"}

package/dist/lib/unread-pill/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./unread-pill-constants.cjs`),t=require(`./unread-pill.cjs`);exports.DtRecipeUnreadPill=t.default,exports.UNREAD_PILL_DIRECTIONS=e.UNREAD_PILL_DIRECTIONS,exports.UNREAD_PILL_KINDS=e.UNREAD_PILL_KINDS;

package/dist/lib/unread-pill/index.js

@@ -0,0 +1,3 @@
+import { UNREAD_PILL_DIRECTIONS as e, UNREAD_PILL_KINDS as t } from "./unread-pill-constants.js";
+import n from "./unread-pill.js";
+export { n as DtRecipeUnreadPill, e as UNREAD_PILL_DIRECTIONS, t as UNREAD_PILL_KINDS };

package/dist/lib/unread-pill/unread-pill-constants.cjs

@@ -0,0 +1,2 @@
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});var e=[`up`,`down`],t=[`mentions`,`messages`],n={UNREAD_PILL_DIRECTIONS:e,UNREAD_PILL_KINDS:t};exports.UNREAD_PILL_DIRECTIONS=e,exports.UNREAD_PILL_KINDS=t,exports.default=n;
+//# sourceMappingURL=unread-pill-constants.cjs.map

package/dist/lib/unread-pill/unread-pill-constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread-pill-constants.cjs","names":[],"sources":["../../../recipes/leftbar/unread_pill/unread_pill_constants.js"],"sourcesContent":["export const UNREAD_PILL_DIRECTIONS = ['up', 'down'];\nexport const UNREAD_PILL_KINDS = ['mentions', 'messages'];\n\nexport default {\n  UNREAD_PILL_DIRECTIONS,\n  UNREAD_PILL_KINDS,\n};\n"],"mappings":"+FAAA,IAAa,EAAyB,CAAC,KAAM,OAAO,CACvC,EAAoB,CAAC,WAAY,WAAW,CAEzD,EAAe,CACb,yBACA,oBACD"}

package/dist/lib/unread-pill/unread-pill-constants.js

@@ -0,0 +1,9 @@
+//#region recipes/leftbar/unread_pill/unread_pill_constants.js
+var e = ["up", "down"], t = ["mentions", "messages"], n = {
+	UNREAD_PILL_DIRECTIONS: e,
+	UNREAD_PILL_KINDS: t
+};
+//#endregion
+export { e as UNREAD_PILL_DIRECTIONS, t as UNREAD_PILL_KINDS, n as default };
+
+//# sourceMappingURL=unread-pill-constants.js.map

package/dist/lib/unread-pill/unread-pill-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread-pill-constants.js","names":[],"sources":["../../../recipes/leftbar/unread_pill/unread_pill_constants.js"],"sourcesContent":["export const UNREAD_PILL_DIRECTIONS = ['up', 'down'];\nexport const UNREAD_PILL_KINDS = ['mentions', 'messages'];\n\nexport default {\n  UNREAD_PILL_DIRECTIONS,\n  UNREAD_PILL_KINDS,\n};\n"],"mappings":";AAAA,IAAa,IAAyB,CAAC,MAAM,OAAO,EACvC,IAAoB,CAAC,YAAY,WAAW,EAEzD,IAAe;CACb;CACA;CACD"}

package/dist/lib/unread-pill/unread-pill.cjs

@@ -0,0 +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(`./unread-pill-constants.cjs`);let r=require(`vue`),i=require(`@dialpad/dialtone-icons/vue3`);var a={compatConfig:{MODE:3},name:`DtRecipeUnreadPill`,components:{DtIconArrowUp:i.DtIconArrowUp,DtIconArrowDown:i.DtIconArrowDown},props:{kind:{type:String,required:!0,validator:e=>n.UNREAD_PILL_KINDS.includes(e)},direction:{type:String,required:!0,validator:e=>n.UNREAD_PILL_DIRECTIONS.includes(e)}},emits:[`click`],data(){return{i18n:new t.DialtoneLocalization}},computed:{text(){return this.kind===`mentions`?this.i18n.$t(`DIALTONE_UNREAD_PILL_MENTIONS_TEXT`):this.i18n.$t(`DIALTONE_UNREAD_PILL_MESSAGES_TEXT`)},unreadChipListeners(){return{click:e=>this.$emit(`click`,e)}}}},o={"data-qa":`dt-recipe-leftbar-unread-pill__label`};function s(e,t,n,i,a,s){let c=(0,r.resolveComponent)(`dt-icon-arrow-up`),l=(0,r.resolveComponent)(`dt-icon-arrow-down`);return(0,r.openBlock)(),(0,r.createElementBlock)(`button`,(0,r.mergeProps)({class:[`d-recipe-leftbar-unread-pill`,`d-recipe-leftbar-unread-pill-${n.kind}`],type:`button`,"data-qa":`dt-recipe-leftbar-unread-pill`},(0,r.toHandlers)(s.unreadChipListeners,!0)),[n.direction===`up`?((0,r.openBlock)(),(0,r.createBlock)(c,{key:0,size:`300`})):((0,r.openBlock)(),(0,r.createBlock)(l,{key:1,size:`300`})),(0,r.createElementVNode)(`span`,o,[(0,r.renderSlot)(e.$slots,`default`,{},()=>[(0,r.createTextVNode)((0,r.toDisplayString)(s.text),1)])])],16)}var c=e.t(a,[[`render`,s]]);exports.default=c;
+//# sourceMappingURL=unread-pill.cjs.map

package/dist/lib/unread-pill/unread-pill.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread-pill.cjs","names":[],"sources":["../../../recipes/leftbar/unread_pill/unread_pill.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"['d-recipe-leftbar-unread-pill', `d-recipe-leftbar-unread-pill-${kind}`]\"\n    type=\"button\"\n    data-qa=\"dt-recipe-leftbar-unread-pill\"\n    v-on=\"unreadChipListeners\"\n  >\n    <dt-icon-arrow-up\n      v-if=\"direction === 'up'\"\n      size=\"300\"\n    />\n    <dt-icon-arrow-down\n      v-else\n      size=\"300\"\n    />\n    <span data-qa=\"dt-recipe-leftbar-unread-pill__label\">\n      <slot>\n        {{ text }}\n      </slot>\n    </span>\n  </button>\n</template>\n\n<script>\nimport { DtIconArrowUp, DtIconArrowDown } from '@dialpad/dialtone-icons/vue3';\nimport { UNREAD_PILL_DIRECTIONS, UNREAD_PILL_KINDS } from './unread_pill_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeUnreadPill',\n\n  components: {\n    DtIconArrowUp,\n    DtIconArrowDown,\n  },\n\n  props: {\n    /**\n     * The kind of unread pill which determines the styling\n     * @values 'mentions', 'messages'\n     **/\n    kind: {\n      type: String,\n      required: true,\n      validator: (kind) => UNREAD_PILL_KINDS.includes(kind),\n    },\n\n    /**\n     * The direction of the arrow icon\n     * @values 'up', 'down'\n     **/\n    direction: {\n      type: String,\n      required: true,\n      validator: (dir) => UNREAD_PILL_DIRECTIONS.includes(dir),\n    },\n  },\n\n  emits: [\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    text () {\n      return this.kind === 'mentions'\n        ? this.i18n.$t('DIALTONE_UNREAD_PILL_MENTIONS_TEXT')\n        : this.i18n.$t('DIALTONE_UNREAD_PILL_MESSAGES_TEXT');\n    },\n\n    unreadChipListeners () {\n      return {\n        click: event => this.$emit('click', event),\n      };\n    },\n  },\n};\n</script>\n"],"mappings":"qVA4BA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,qBAEN,WAAY,CACV,cAAA,EAAA,cACA,gBAAA,EAAA,gBACD,CAED,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,SAAU,GACV,UAAY,GAAS,EAAA,kBAAkB,SAAS,EAAK,CACtD,CAMD,UAAW,CACT,KAAM,OACN,SAAU,GACV,UAAY,GAAQ,EAAA,uBAAuB,SAAS,EAAI,CACzD,CACF,CAED,MAAO,CAOL,QACD,CAED,MAAQ,CACN,MAAO,CACL,KAAM,IAAI,EAAA,qBACX,EAGH,SAAU,CACR,MAAQ,CACN,OAAO,KAAK,OAAS,WACjB,KAAK,KAAK,GAAG,qCAAoC,CACjD,KAAK,KAAK,GAAG,qCAAqC,EAGxD,qBAAuB,CACrB,MAAO,CACL,MAAO,GAAS,KAAK,MAAM,QAAS,EAAM,CAC3C,EAEJ,CACF,IAzES,UAAQ,uCAAsC,0KAK7C,UAAA,EAAA,EAAA,YAAA,CAlBN,MAAK,CAAA,+BAAA,gCAAmE,EAAA,OAAI,CAC7E,KAAK,SACL,UAAQ,kDACkB,EAApB,oBAAmB,GAAA,CAAA,CAAA,CAGjB,EAAA,YAAS,OAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,aAEf,EAAA,OADA,KAAK,8CAKL,EAAA,OADA,KAAK,kCAMA,OAJP,EAIO,EAAA,EAAA,EAAA,YADE,EAAA,OAAA,UAAA,EAAA,KAAA,EAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,iBADF,EAAA,KAAI,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA"}

package/dist/lib/unread-pill/unread-pill.js

@@ -0,0 +1,57 @@
+import { t as e } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
+import { DialtoneLocalization as t } from "../../localization/index.js";
+import { UNREAD_PILL_DIRECTIONS as n, UNREAD_PILL_KINDS as r } from "./unread-pill-constants.js";
+import { createBlock as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, mergeProps as c, openBlock as l, renderSlot as u, resolveComponent as d, toDisplayString as f, toHandlers as p } from "vue";
+import { DtIconArrowDown as m, DtIconArrowUp as h } from "@dialpad/dialtone-icons/vue3";
+//#region recipes/leftbar/unread_pill/unread_pill.vue
+var g = {
+	compatConfig: { MODE: 3 },
+	name: "DtRecipeUnreadPill",
+	components: {
+		DtIconArrowUp: h,
+		DtIconArrowDown: m
+	},
+	props: {
+		kind: {
+			type: String,
+			required: !0,
+			validator: (e) => r.includes(e)
+		},
+		direction: {
+			type: String,
+			required: !0,
+			validator: (e) => n.includes(e)
+		}
+	},
+	emits: ["click"],
+	data() {
+		return { i18n: new t() };
+	},
+	computed: {
+		text() {
+			return this.kind === "mentions" ? this.i18n.$t("DIALTONE_UNREAD_PILL_MENTIONS_TEXT") : this.i18n.$t("DIALTONE_UNREAD_PILL_MESSAGES_TEXT");
+		},
+		unreadChipListeners() {
+			return { click: (e) => this.$emit("click", e) };
+		}
+	}
+}, _ = { "data-qa": "dt-recipe-leftbar-unread-pill__label" };
+function v(e, t, n, r, m, h) {
+	let g = d("dt-icon-arrow-up"), v = d("dt-icon-arrow-down");
+	return l(), a("button", c({
+		class: ["d-recipe-leftbar-unread-pill", `d-recipe-leftbar-unread-pill-${n.kind}`],
+		type: "button",
+		"data-qa": "dt-recipe-leftbar-unread-pill"
+	}, p(h.unreadChipListeners, !0)), [n.direction === "up" ? (l(), i(g, {
+		key: 0,
+		size: "300"
+	})) : (l(), i(v, {
+		key: 1,
+		size: "300"
+	})), o("span", _, [u(e.$slots, "default", {}, () => [s(f(h.text), 1)])])], 16);
+}
+var y = /* @__PURE__ */ e(g, [["render", v]]);
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=unread-pill.js.map

package/dist/lib/unread-pill/unread-pill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unread-pill.js","names":[],"sources":["../../../recipes/leftbar/unread_pill/unread_pill.vue"],"sourcesContent":["<template>\n  <button\n    :class=\"['d-recipe-leftbar-unread-pill', `d-recipe-leftbar-unread-pill-${kind}`]\"\n    type=\"button\"\n    data-qa=\"dt-recipe-leftbar-unread-pill\"\n    v-on=\"unreadChipListeners\"\n  >\n    <dt-icon-arrow-up\n      v-if=\"direction === 'up'\"\n      size=\"300\"\n    />\n    <dt-icon-arrow-down\n      v-else\n      size=\"300\"\n    />\n    <span data-qa=\"dt-recipe-leftbar-unread-pill__label\">\n      <slot>\n        {{ text }}\n      </slot>\n    </span>\n  </button>\n</template>\n\n<script>\nimport { DtIconArrowUp, DtIconArrowDown } from '@dialpad/dialtone-icons/vue3';\nimport { UNREAD_PILL_DIRECTIONS, UNREAD_PILL_KINDS } from './unread_pill_constants';\nimport { DialtoneLocalization } from '@/localization';\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtRecipeUnreadPill',\n\n  components: {\n    DtIconArrowUp,\n    DtIconArrowDown,\n  },\n\n  props: {\n    /**\n     * The kind of unread pill which determines the styling\n     * @values 'mentions', 'messages'\n     **/\n    kind: {\n      type: String,\n      required: true,\n      validator: (kind) => UNREAD_PILL_KINDS.includes(kind),\n    },\n\n    /**\n     * The direction of the arrow icon\n     * @values 'up', 'down'\n     **/\n    direction: {\n      type: String,\n      required: true,\n      validator: (dir) => UNREAD_PILL_DIRECTIONS.includes(dir),\n    },\n  },\n\n  emits: [\n    /**\n     * Native click event\n     *\n     * @event click\n     * @type {PointerEvent | KeyboardEvent}\n     */\n    'click',\n  ],\n\n  data () {\n    return {\n      i18n: new DialtoneLocalization(),\n    };\n  },\n\n  computed: {\n    text () {\n      return this.kind === 'mentions'\n        ? this.i18n.$t('DIALTONE_UNREAD_PILL_MENTIONS_TEXT')\n        : this.i18n.$t('DIALTONE_UNREAD_PILL_MESSAGES_TEXT');\n    },\n\n    unreadChipListeners () {\n      return {\n        click: event => this.$emit('click', event),\n      };\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;AA4BA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,YAAY;EACV;EACA;EACD;CAED,OAAO;EAKL,MAAM;GACJ,MAAM;GACN,UAAU;GACV,YAAY,MAAS,EAAkB,SAAS,EAAK;GACtD;EAMD,WAAW;GACT,MAAM;GACN,UAAU;GACV,YAAY,MAAQ,EAAuB,SAAS,EAAI;GACzD;EACF;CAED,OAAO,CAOL,QACD;CAED,OAAQ;AACN,SAAO,EACL,MAAM,IAAI,GAAsB,EACjC;;CAGH,UAAU;EACR,OAAQ;AACN,UAAO,KAAK,SAAS,aACjB,KAAK,KAAK,GAAG,qCAAoC,GACjD,KAAK,KAAK,GAAG,qCAAqC;;EAGxD,sBAAuB;AACrB,UAAO,EACL,QAAO,MAAS,KAAK,MAAM,SAAS,EAAM,EAC3C;;EAEJ;CACF,QAzES,WAAQ,wCAAsC;;;aAdtD,EAmBS,UAnBT,EAmBS;EAlBN,OAAK,CAAA,gCAAA,gCAAmE,EAAA,OAAI;EAC7E,MAAK;EACL,WAAQ;IACR,EAA0B,EAApB,qBAAmB,GAAA,CAAA,EAAA,CAGjB,EAAA,cAAS,QAAA,GAAA,EADjB,EAGE,GAAA;;EADA,MAAK;aAEP,EAGE,GAAA;;EADA,MAAK;MAEP,EAIO,QAJP,GAIO,CAHL,EAEO,EAAA,QAAA,WAAA,EAAA,QAAA,CAAA,EAAA,EADF,EAAA,KAAI,EAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,EAAA,GAAA"}

package/dist/lib/validation-messages/validation-messages.cjs

@@ -1,2 +1,2 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/validators/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let r=require(`vue`),i=require(`@dialpad/dialtone-icons/vue`);var a=Object.freeze({warning:i.DtIconAlertTriangle,critical:i.DtIconAlertCircle,positive:i.DtIconCheckCircle,info:i.DtIconInfo}),o={name:`DtValidationMessages`,components:{DtIconAlertTriangle:i.DtIconAlertTriangle,DtIconAlertCircle:i.DtIconAlertCircle,DtIconCheckCircle:i.DtIconCheckCircle,DtIconInfo:i.DtIconInfo},props:{id:{type:String,default(){return t.getUniqueString()}},validationMessages:{type:Array,default:()=>[],validator:t=>e.validationMessageValidator(t)},showMessages:{type:Boolean,default:!0},iconClass:{type:[String,Array,Object],default:``}},computed:{filteredValidationMessages(){return t.filterFormattedMessages(this.validationMessages)},validationState(){return t.getValidationState(this.validationMessages)}},methods:{getMessageKey(e,t){return`validation-message-${e}-${t}-${this.id}`},iconForType(e){return a[e]??null},messageTypeClass(e){return{critical:`base-input__message--critical d-validation-message--critical`,warning:`base-input__message--warning d-validation-message--warning`,positive:`base-input__message--positive d-validation-message--positive`,info:`base-input__message--info d-validation-message--info`}[e]}}},s=[`id`],c=[`innerHTML`];function l(e,t,n,i,a,o){return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,{id:n.id,"aria-live":`assertive`,class:`base-input__messages d-validation-message__container`,"data-qa":`validation-messages-container`},[n.showMessages?((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,{key:0},(0,r.renderList)(o.filteredValidationMessages,({message:t,type:i},a)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:o.getMessageKey(i,a),"data-qa":`validation-message`,class:(0,r.normalizeClass)([`base-input__message`,`d-validation-message`,o.messageTypeClass(i)])},[(0,r.renderSlot)(e.$slots,`icon`,{type:i},()=>[((0,r.openBlock)(),(0,r.createBlock)((0,r.resolveDynamicComponent)(o.iconForType(i)),{class:(0,r.normalizeClass)([`d-validation-message__icon`,n.iconClass]),"data-qa":`validation-message-icon`,size:`300`},null,8,[`class`]))]),(0,r.createElementVNode)(`p`,{innerHTML:t},null,8,c)],2))),128)):(0,r.createCommentVNode)(``,!0)],8,s)}var u=n.t(o,[[`render`,l]]);exports.default=u;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}}),require(`../../chunk-Bmb41Sf3.cjs`);const e=require(`../../common/validators/index.cjs`),t=require(`../../common/utils/index.cjs`),n=require(`../../_plugin-vue_export-helper-D8jCH6HB.cjs`);let r=require(`vue`);var i={compatConfig:{MODE:3},name:`DtValidationMessages`,props:{id:{type:String,default(){return t.getUniqueString()}},validationMessages:{type:Array,default:()=>[],validator:t=>e.validationMessageValidator(t)},showMessages:{type:Boolean,default:!0}},computed:{isFilteredValidationMessagesEmpty(){return this.filteredValidationMessages.length===0},filteredValidationMessages(){return t.filterFormattedMessages(this.validationMessages)},validationState(){return t.getValidationState(this.validationMessages)}},methods:{getMessageKey(e,t){return`validation-message-${e}-${t}-${this.id}`},messageTypeClass(e){return{error:`base-input__message--error d-validation-message--error`,warning:`base-input__message--warning d-validation-message--warning`,success:`base-input__message--success d-validation-message--success`}[e]}}},a={key:0,class:`base-input__messages d-validation-message__container`,"data-qa":`validation-messages-container`},o=[`innerHTML`];function s(e,t,n,i,s,c){return n.showMessages&&!c.isFilteredValidationMessagesEmpty?((0,r.openBlock)(),(0,r.createElementBlock)(`div`,a,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(c.filteredValidationMessages,({message:e,type:t},n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,{key:c.getMessageKey(t,n),role:`status`,"aria-live":`polite`,"data-qa":`validation-message`,class:(0,r.normalizeClass)([`base-input__message`,`d-validation-message`,c.messageTypeClass(t)])},[(0,r.createElementVNode)(`p`,{innerHTML:e},null,8,o)],2))),128))])):(0,r.createCommentVNode)(``,!0)}var c=n.t(i,[[`render`,s]]);exports.default=c;
 //# sourceMappingURL=validation-messages.cjs.map

package/dist/lib/validation-messages/validation-messages.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"validation-messages.cjs","names":[],"sources":["../../../components/ValidationMessages/ValidationMessages.vue"],"sourcesContent":["<template>\n  <!-- Live region is always present so VoiceOver can detect mutations on a stable node (DLT-3430). -->\n  <div\n    :id=\"id\"\n    aria-live=\"assertive\"\n    class=\"base-input__messages d-validation-message__container\"\n    data-qa=\"validation-messages-container\"\n  >\n    <template v-if=\"showMessages\">\n      <div\n        v-for=\"({ message, type }, index) in filteredValidationMessages\"\n        :key=\"getMessageKey(type, index)\"\n        data-qa=\"validation-message\"\n        :class=\"[\n          'base-input__message',\n          'd-validation-message',\n          messageTypeClass(type),\n        ]\"\n      >\n        <!-- @slot icon — replaces the default per-type DtIcon. Slot content must be a Dialtone icon (carries\n        the `d-icon` class) so the CSS pseudo-element fallback suppresses correctly. Receives { type } scope. -->\n        <slot\n          name=\"icon\"\n          :type=\"type\"\n        >\n          <component\n            :is=\"iconForType(type)\"\n            :class=\"['d-validation-message__icon', iconClass]\"\n            data-qa=\"validation-message-icon\"\n            size=\"300\"\n          />\n        </slot>\n        <p v-html=\"message\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script>\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  filterFormattedMessages,\n  getValidationState,\n} from '@/common/utils';\nimport {\n  DtIconAlertTriangle,\n  DtIconAlertCircle,\n  DtIconCheckCircle,\n  DtIconInfo,\n} from '@dialpad/dialtone-icons/vue';\n\nconst kindToIcon = Object.freeze({\n  warning: DtIconAlertTriangle,\n  critical: DtIconAlertCircle,\n  positive: DtIconCheckCircle,\n  info: DtIconInfo,\n});\n\n/**\n * Validation messages are used to convey information to the user about the current state of the input element.\n * These messages can have a critical, warning, positive, or info type.\n * @see https://dialtone.dialpad.com/components/validation_messages.html\n */\nexport default {\n  name: 'DtValidationMessages',\n\n  components: { DtIconAlertTriangle, DtIconAlertCircle, DtIconCheckCircle, DtIconInfo },\n\n  props: {\n    /**\n     * The id of the validation message\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * Array of validation messages. Each message has the following structure:\n     * `{ message: \"Some informative message\", type: \"critical|warning|positive|info\"}`\n     */\n    validationMessages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show Validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the icon wrapper element.\n     */\n    iconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  computed: {\n    filteredValidationMessages () {\n      return filterFormattedMessages(this.validationMessages);\n    },\n\n    validationState () {\n      return getValidationState(this.validationMessages);\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `validation-message-${type}-${index}-${this.id}`;\n    },\n\n    iconForType (type) {\n      return kindToIcon[type] ?? null;\n    },\n\n    messageTypeClass (type) {\n      const messageTypesClasses = {\n        critical: 'base-input__message--critical d-validation-message--critical',\n        warning: 'base-input__message--warning d-validation-message--warning',\n        positive: 'base-input__message--positive d-validation-message--positive',\n        info: 'base-input__message--info d-validation-message--info',\n      };\n\n      return messageTypesClasses[type];\n    },\n  },\n};\n</script>\n"],"mappings":"0VAoDA,IAAM,EAAa,OAAO,OAAO,CAC/B,QAAS,EAAA,oBACT,SAAU,EAAA,kBACV,SAAU,EAAA,kBACV,KAAM,EAAA,WACP,CAAC,CAOG,EAAU,CACb,KAAM,uBAEN,WAAY,CAAE,oBAAA,EAAA,oBAAqB,kBAAA,EAAA,kBAAmB,kBAAA,EAAA,kBAAmB,WAAA,EAAA,WAAY,CAErF,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CACT,OAAO,EAAA,iBAAiB,EAE3B,CAMD,mBAAoB,CAClB,KAAM,MACN,YAAe,EAAE,CACjB,UAAW,GAAY,EAAA,2BAA2B,EAAS,CAC5D,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CAKD,UAAW,CACT,KAAM,CAAC,OAAQ,MAAO,OAAO,CAC7B,QAAS,GACV,CACF,CAED,SAAU,CACR,4BAA8B,CAC5B,OAAO,EAAA,wBAAwB,KAAK,mBAAmB,EAGzD,iBAAmB,CACjB,OAAO,EAAA,mBAAmB,KAAK,mBAAmB,EAErD,CAED,QAAS,CACP,cAAe,EAAM,EAAO,CAC1B,MAAO,sBAAsB,EAAK,GAAG,EAAM,GAAG,KAAK,MAGrD,YAAa,EAAM,CACjB,OAAO,EAAW,IAAS,MAG7B,iBAAkB,EAAM,CAQtB,MAP4B,CAC1B,SAAU,+DACV,QAAS,6DACT,SAAU,+DACV,KAAM,uDACP,CAE0B,IAE9B,CACF,mGAvGO,MAAA,CAhCH,GAAI,EAAA,GACL,YAAU,YACV,MAAM,uDACN,UAAQ,kCAEQ,EAAA,eAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBAyBR,EAAA,SAAA,CAAA,IAAA,EAAA,EAAA,EAAA,EAAA,YAvBiC,EAAA,4BAA0B,CAArD,UAAS,QAAQ,gDAuBvB,MAAA,CAtBH,IAAK,EAAA,cAAc,EAAM,EAAK,CAC/B,UAAQ,qBACP,OAAA,EAAA,EAAA,gBAAK,8CAAiF,EAAA,iBAAiB,EAAI,sBAkBrG,EAAA,OAAA,OAAA,CARE,OAAI,KAQN,GAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,cAAA,EAAA,EAAA,yBALE,EAAA,YAAY,EAAI,CAAA,CAAA,CACpB,OAAA,EAAA,EAAA,gBAAK,CAAA,6BAAiC,EAAA,UAAS,CAAA,CAChD,UAAQ,0BACR,KAAK,qDAGa,IAAA,CAAnB,UAAQ,EAAO,CAAA,KAAA,EAAA,EAAA,CAAA,CAAA,EAAA"}
+{"version":3,"file":"validation-messages.cjs","names":[],"sources":["../../../components/validation_messages/validation_messages.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"showMessages && !isFilteredValidationMessagesEmpty\"\n    class=\"base-input__messages d-validation-message__container\"\n    data-qa=\"validation-messages-container\"\n  >\n    <div\n      v-for=\"({ message, type }, index) in filteredValidationMessages\"\n      :key=\"getMessageKey(type, index)\"\n      role=\"status\"\n      aria-live=\"polite\"\n      data-qa=\"validation-message\"\n      :class=\"[\n        'base-input__message',\n        'd-validation-message',\n        messageTypeClass(type),\n      ]\"\n    >\n      <p v-html=\"message\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  filterFormattedMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * Validation messages are used to convey information to the user about the current state of the input element.\n * These messages can have an error, warning or success type.\n * @see https://dialtone.dialpad.com/components/validation_messages.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtValidationMessages',\n\n  props: {\n    /**\n     * The id of the validation message\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * Array of validation messages. Each message has the following structure:\n     * `{ message: \"Some informative message\", type: \"error|warning|success\"}`\n     */\n    validationMessages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show Validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    isFilteredValidationMessagesEmpty () {\n      return this.filteredValidationMessages.length === 0;\n    },\n\n    filteredValidationMessages () {\n      return filterFormattedMessages(this.validationMessages);\n    },\n\n    validationState () {\n      return getValidationState(this.validationMessages);\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `validation-message-${type}-${index}-${this.id}`;\n    },\n\n    messageTypeClass (type) {\n      const messageTypesClasses = {\n        error: 'base-input__message--error d-validation-message--error',\n        warning: 'base-input__message--warning d-validation-message--warning',\n        success: 'base-input__message--success d-validation-message--success',\n      };\n\n      return messageTypesClasses[type];\n    },\n  },\n};\n</script>\n"],"mappings":"iTAoCA,IAAK,EAAU,CACb,aAAc,CAAE,KAAM,EAAG,CACzB,KAAM,uBAEN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CACT,OAAO,EAAA,iBAAiB,EAE3B,CAMD,mBAAoB,CAClB,KAAM,MACN,YAAe,EAAE,CACjB,UAAW,GAAY,EAAA,2BAA2B,EAAS,CAC5D,CAMD,aAAc,CACZ,KAAM,QACN,QAAS,GACV,CACF,CAED,SAAU,CACR,mCAAqC,CACnC,OAAO,KAAK,2BAA2B,SAAW,GAGpD,4BAA8B,CAC5B,OAAO,EAAA,wBAAwB,KAAK,mBAAmB,EAGzD,iBAAmB,CACjB,OAAO,EAAA,mBAAmB,KAAK,mBAAmB,EAErD,CAED,QAAS,CACP,cAAe,EAAM,EAAO,CAC1B,MAAO,sBAAsB,EAAK,GAAG,EAAM,GAAG,KAAK,MAGrD,iBAAkB,EAAM,CAOtB,MAN4B,CAC1B,MAAO,yDACP,QAAS,6DACT,QAAS,6DACV,CAE0B,IAE9B,CACF,UAjGG,MAAM,uDACN,UAAQ,gFAFF,EAAA,cAAY,CAAK,EAAA,oCAAA,EAAA,EAAA,YAAA,EAAA,EAAA,EAAA,oBAkBnB,MAnBN,EAmBM,GAAA,EAAA,EAAA,WAAA,GAAA,EAAA,EAAA,EAAA,oBADE,EAAA,SAAA,MAAA,EAAA,EAAA,YAZiC,EAAA,4BAA0B,CAArD,UAAS,QAAQ,gDAYvB,MAAA,CAXH,IAAK,EAAA,cAAc,EAAM,EAAK,CAC/B,KAAK,SACL,YAAU,SACV,UAAQ,qBACP,OAAA,EAAA,EAAA,gBAAK,8CAA2E,EAAA,iBAAiB,EAAI,8BAMhF,IAAA,CAAnB,UAAQ,EAAO,CAAA,KAAA,EAAA,EAAA,CAAA,CAAA,EAAA"}

package/dist/lib/validation-messages/validation-messages.js

@@ -1,22 +1,11 @@
 import { validationMessageValidator as e } from "../../common/validators/index.js";
 import { filterFormattedMessages as t, getUniqueString as n, getValidationState as r } from "../../common/utils/index.js";
 import { t as i } from "../../_plugin-vue_export-helper-BTgDAbhb.js";
-import { Fragment as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, normalizeClass as u, openBlock as d, renderList as f, renderSlot as p, resolveDynamicComponent as m } from "vue";
-import { DtIconAlertCircle as h, DtIconAlertTriangle as g, DtIconCheckCircle as _, DtIconInfo as v } from "@dialpad/dialtone-icons/vue";
-//#region components/ValidationMessages/ValidationMessages.vue
-var y = Object.freeze({
-	warning: g,
-	critical: h,
-	positive: _,
-	info: v
-}), b = {
+import { Fragment as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, normalizeClass as l, openBlock as u, renderList as d } from "vue";
+//#region components/validation_messages/validation_messages.vue
+var f = {
+	compatConfig: { MODE: 3 },
 	name: "DtValidationMessages",
-	components: {
-		DtIconAlertTriangle: g,
-		DtIconAlertCircle: h,
-		DtIconCheckCircle: _,
-		DtIconInfo: v
-	},
 	props: {
 		id: {
 			type: String,
@@ -32,17 +21,12 @@ var y = Object.freeze({
 		showMessages: {
 			type: Boolean,
 			default: !0
-		},
-		iconClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
 		}
 	},
 	computed: {
+		isFilteredValidationMessagesEmpty() {
+			return this.filteredValidationMessages.length === 0;
+		},
 		filteredValidationMessages() {
 			return t(this.validationMessages);
 		},
@@ -54,41 +38,34 @@ var y = Object.freeze({
 		getMessageKey(e, t) {
 			return `validation-message-${e}-${t}-${this.id}`;
 		},
-		iconForType(e) {
-			return y[e] ?? null;
-		},
 		messageTypeClass(e) {
 			return {
-				critical: "base-input__message--critical d-validation-message--critical",
+				error: "base-input__message--error d-validation-message--error",
 				warning: "base-input__message--warning d-validation-message--warning",
-				positive: "base-input__message--positive d-validation-message--positive",
-				info: "base-input__message--info d-validation-message--info"
+				success: "base-input__message--success d-validation-message--success"
 			}[e];
 		}
 	}
-}, x = ["id"], S = ["innerHTML"];
-function C(e, t, n, r, i, h) {
-	return d(), c("div", {
-		id: n.id,
-		"aria-live": "assertive",
-		class: "base-input__messages d-validation-message__container",
-		"data-qa": "validation-messages-container"
-	}, [n.showMessages ? (d(!0), c(a, { key: 0 }, f(h.filteredValidationMessages, ({ message: t, type: r }, i) => (d(), c("div", {
-		key: h.getMessageKey(r, i),
+}, p = {
+	key: 0,
+	class: "base-input__messages d-validation-message__container",
+	"data-qa": "validation-messages-container"
+}, m = ["innerHTML"];
+function h(e, t, n, r, i, f) {
+	return n.showMessages && !f.isFilteredValidationMessagesEmpty ? (u(), s("div", p, [(u(!0), s(a, null, d(f.filteredValidationMessages, ({ message: e, type: t }, n) => (u(), s("div", {
+		key: f.getMessageKey(t, n),
+		role: "status",
+		"aria-live": "polite",
 		"data-qa": "validation-message",
-		class: u([
+		class: l([
 			"base-input__message",
 			"d-validation-message",
-			h.messageTypeClass(r)
+			f.messageTypeClass(t)
 		])
-	}, [p(e.$slots, "icon", { type: r }, () => [(d(), o(m(h.iconForType(r)), {
-		class: u(["d-validation-message__icon", n.iconClass]),
-		"data-qa": "validation-message-icon",
-		size: "300"
-	}, null, 8, ["class"]))]), l("p", { innerHTML: t }, null, 8, S)], 2))), 128)) : s("", !0)], 8, x);
+	}, [c("p", { innerHTML: e }, null, 8, m)], 2))), 128))])) : o("", !0);
 }
-var w = /* @__PURE__ */ i(b, [["render", C]]);
+var g = /* @__PURE__ */ i(f, [["render", h]]);
 //#endregion
-export { w as default };
+export { g as default };
 
 //# sourceMappingURL=validation-messages.js.map

package/dist/lib/validation-messages/validation-messages.js.map

@@ -1 +1 @@
-{"version":3,"file":"validation-messages.js","names":[],"sources":["../../../components/ValidationMessages/ValidationMessages.vue"],"sourcesContent":["<template>\n  <!-- Live region is always present so VoiceOver can detect mutations on a stable node (DLT-3430). -->\n  <div\n    :id=\"id\"\n    aria-live=\"assertive\"\n    class=\"base-input__messages d-validation-message__container\"\n    data-qa=\"validation-messages-container\"\n  >\n    <template v-if=\"showMessages\">\n      <div\n        v-for=\"({ message, type }, index) in filteredValidationMessages\"\n        :key=\"getMessageKey(type, index)\"\n        data-qa=\"validation-message\"\n        :class=\"[\n          'base-input__message',\n          'd-validation-message',\n          messageTypeClass(type),\n        ]\"\n      >\n        <!-- @slot icon — replaces the default per-type DtIcon. Slot content must be a Dialtone icon (carries\n        the `d-icon` class) so the CSS pseudo-element fallback suppresses correctly. Receives { type } scope. -->\n        <slot\n          name=\"icon\"\n          :type=\"type\"\n        >\n          <component\n            :is=\"iconForType(type)\"\n            :class=\"['d-validation-message__icon', iconClass]\"\n            data-qa=\"validation-message-icon\"\n            size=\"300\"\n          />\n        </slot>\n        <p v-html=\"message\" />\n      </div>\n    </template>\n  </div>\n</template>\n\n<script>\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  filterFormattedMessages,\n  getValidationState,\n} from '@/common/utils';\nimport {\n  DtIconAlertTriangle,\n  DtIconAlertCircle,\n  DtIconCheckCircle,\n  DtIconInfo,\n} from '@dialpad/dialtone-icons/vue';\n\nconst kindToIcon = Object.freeze({\n  warning: DtIconAlertTriangle,\n  critical: DtIconAlertCircle,\n  positive: DtIconCheckCircle,\n  info: DtIconInfo,\n});\n\n/**\n * Validation messages are used to convey information to the user about the current state of the input element.\n * These messages can have a critical, warning, positive, or info type.\n * @see https://dialtone.dialpad.com/components/validation_messages.html\n */\nexport default {\n  name: 'DtValidationMessages',\n\n  components: { DtIconAlertTriangle, DtIconAlertCircle, DtIconCheckCircle, DtIconInfo },\n\n  props: {\n    /**\n     * The id of the validation message\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * Array of validation messages. Each message has the following structure:\n     * `{ message: \"Some informative message\", type: \"critical|warning|positive|info\"}`\n     */\n    validationMessages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show Validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n\n    /**\n     * Additional class name for the icon wrapper element.\n     */\n    iconClass: {\n      type: [String, Array, Object],\n      default: '',\n    },\n  },\n\n  computed: {\n    filteredValidationMessages () {\n      return filterFormattedMessages(this.validationMessages);\n    },\n\n    validationState () {\n      return getValidationState(this.validationMessages);\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `validation-message-${type}-${index}-${this.id}`;\n    },\n\n    iconForType (type) {\n      return kindToIcon[type] ?? null;\n    },\n\n    messageTypeClass (type) {\n      const messageTypesClasses = {\n        critical: 'base-input__message--critical d-validation-message--critical',\n        warning: 'base-input__message--warning d-validation-message--warning',\n        positive: 'base-input__message--positive d-validation-message--positive',\n        info: 'base-input__message--info d-validation-message--info',\n      };\n\n      return messageTypesClasses[type];\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;;AAoDA,IAAM,IAAa,OAAO,OAAO;CAC/B,SAAS;CACT,UAAU;CACV,UAAU;CACV,MAAM;CACP,CAAC,EAOG,IAAU;CACb,MAAM;CAEN,YAAY;EAAE;EAAqB;EAAmB;EAAmB;EAAY;CAErF,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AACT,WAAO,GAAiB;;GAE3B;EAMD,oBAAoB;GAClB,MAAM;GACN,eAAe,EAAE;GACjB,YAAW,MAAY,EAA2B,EAAS;GAC5D;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EAKD,WAAW;GACT,MAAM;IAAC;IAAQ;IAAO;IAAO;GAC7B,SAAS;GACV;EACF;CAED,UAAU;EACR,6BAA8B;AAC5B,UAAO,EAAwB,KAAK,mBAAmB;;EAGzD,kBAAmB;AACjB,UAAO,EAAmB,KAAK,mBAAmB;;EAErD;CAED,SAAS;EACP,cAAe,GAAM,GAAO;AAC1B,UAAO,sBAAsB,EAAK,GAAG,EAAM,GAAG,KAAK;;EAGrD,YAAa,GAAM;AACjB,UAAO,EAAW,MAAS;;EAG7B,iBAAkB,GAAM;AAQtB,UAP4B;IAC1B,UAAU;IACV,SAAS;IACT,UAAU;IACV,MAAM;IACP,CAE0B;;EAE9B;CACF;;aAxIC,EAiCM,OAAA;EAhCH,IAAI,EAAA;EACL,aAAU;EACV,OAAM;EACN,WAAQ;KAEQ,EAAA,gBAAA,EAAA,GAAA,EACd,EAwBM,GAAA,EAAA,KAAA,GAAA,EAAA,EAvBiC,EAAA,6BAA0B,EAArD,YAAS,WAAQ,YAD7B,EAwBM,OAAA;EAtBH,KAAK,EAAA,cAAc,GAAM,EAAK;EAC/B,WAAQ;EACP,OAAK,EAAA;;;GAAiF,EAAA,iBAAiB,EAAI;;KAQ5G,EAUO,EAAA,QAAA,QAAA,EARE,SAAI,QAQN,EAAA,GAAA,EANL,EAKE,EAJK,EAAA,YAAY,EAAI,CAAA,EAAA;EACpB,OAAK,EAAA,CAAA,8BAAiC,EAAA,UAAS,CAAA;EAChD,WAAQ;EACR,MAAK;4BAGT,EAAsB,KAAA,EAAnB,WAAQ,GAAO,EAAA,MAAA,GAAA,EAAA,CAAA,EAAA,EAAA"}
+{"version":3,"file":"validation-messages.js","names":[],"sources":["../../../components/validation_messages/validation_messages.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"showMessages && !isFilteredValidationMessagesEmpty\"\n    class=\"base-input__messages d-validation-message__container\"\n    data-qa=\"validation-messages-container\"\n  >\n    <div\n      v-for=\"({ message, type }, index) in filteredValidationMessages\"\n      :key=\"getMessageKey(type, index)\"\n      role=\"status\"\n      aria-live=\"polite\"\n      data-qa=\"validation-message\"\n      :class=\"[\n        'base-input__message',\n        'd-validation-message',\n        messageTypeClass(type),\n      ]\"\n    >\n      <p v-html=\"message\" />\n    </div>\n  </div>\n</template>\n\n<script>\nimport { validationMessageValidator } from '@/common/validators';\nimport {\n  getUniqueString,\n  filterFormattedMessages,\n  getValidationState,\n} from '@/common/utils';\n\n/**\n * Validation messages are used to convey information to the user about the current state of the input element.\n * These messages can have an error, warning or success type.\n * @see https://dialtone.dialpad.com/components/validation_messages.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtValidationMessages',\n\n  props: {\n    /**\n     * The id of the validation message\n     */\n    id: {\n      type: String,\n      default () {\n        return getUniqueString();\n      },\n    },\n\n    /**\n     * Array of validation messages. Each message has the following structure:\n     * `{ message: \"Some informative message\", type: \"error|warning|success\"}`\n     */\n    validationMessages: {\n      type: Array,\n      default: () => [],\n      validator: messages => validationMessageValidator(messages),\n    },\n\n    /**\n     * Show Validation messages\n     * @values true, false\n     */\n    showMessages: {\n      type: Boolean,\n      default: true,\n    },\n  },\n\n  computed: {\n    isFilteredValidationMessagesEmpty () {\n      return this.filteredValidationMessages.length === 0;\n    },\n\n    filteredValidationMessages () {\n      return filterFormattedMessages(this.validationMessages);\n    },\n\n    validationState () {\n      return getValidationState(this.validationMessages);\n    },\n  },\n\n  methods: {\n    getMessageKey (type, index) {\n      return `validation-message-${type}-${index}-${this.id}`;\n    },\n\n    messageTypeClass (type) {\n      const messageTypesClasses = {\n        error: 'base-input__message--error d-validation-message--error',\n        warning: 'base-input__message--warning d-validation-message--warning',\n        success: 'base-input__message--success d-validation-message--success',\n      };\n\n      return messageTypesClasses[type];\n    },\n  },\n};\n</script>\n"],"mappings":";;;;;AAoCA,IAAK,IAAU;CACb,cAAc,EAAE,MAAM,GAAG;CACzB,MAAM;CAEN,OAAO;EAIL,IAAI;GACF,MAAM;GACN,UAAW;AACT,WAAO,GAAiB;;GAE3B;EAMD,oBAAoB;GAClB,MAAM;GACN,eAAe,EAAE;GACjB,YAAW,MAAY,EAA2B,EAAS;GAC5D;EAMD,cAAc;GACZ,MAAM;GACN,SAAS;GACV;EACF;CAED,UAAU;EACR,oCAAqC;AACnC,UAAO,KAAK,2BAA2B,WAAW;;EAGpD,6BAA8B;AAC5B,UAAO,EAAwB,KAAK,mBAAmB;;EAGzD,kBAAmB;AACjB,UAAO,EAAmB,KAAK,mBAAmB;;EAErD;CAED,SAAS;EACP,cAAe,GAAM,GAAO;AAC1B,UAAO,sBAAsB,EAAK,GAAG,EAAM,GAAG,KAAK;;EAGrD,iBAAkB,GAAM;AAOtB,UAN4B;IAC1B,OAAO;IACP,SAAS;IACT,SAAS;IACV,CAE0B;;EAE9B;CACF;;CAjGG,OAAM;CACN,WAAQ;;;QAFF,EAAA,gBAAY,CAAK,EAAA,qCAAA,GAAA,EADzB,EAmBM,OAnBN,GAmBM,EAAA,EAAA,GAAA,EAdJ,EAaM,GAAA,MAAA,EAZiC,EAAA,6BAA0B,EAArD,YAAS,WAAQ,YAD7B,EAaM,OAAA;EAXH,KAAK,EAAA,cAAc,GAAM,EAAK;EAC/B,MAAK;EACL,aAAU;EACV,WAAQ;EACP,OAAK,EAAA;;;GAA2E,EAAA,iBAAiB,EAAI;;KAMtG,EAAsB,KAAA,EAAnB,WAAQ,GAAO,EAAA,MAAA,GAAA,EAAA,CAAA,EAAA,EAAA"}

package/dist/localization/en-US.cjs

@@ -91,11 +91,6 @@ DIALTONE_EMOJI_PICKER_TABSET_CUSTOM_LABEL = Custom
 
 DIALTONE_FEED_ITEM_PILL_ARIA_LABEL = Click to expand
 
-DIALTONE_FILTER_PILL_CLEAR_BUTTON_LABEL = Clear filter
-DIALTONE_FILTER_PILL_CANCEL_BUTTON_LABEL = Cancel
-DIALTONE_FILTER_PILL_APPLY_BUTTON_LABEL = Apply
-DIALTONE_FILTER_PILL_READ_ONLY_TOOLTIP = Read-only filter
-
 DIALTONE_GENERAL_ROW_ACTIVE_VOICE_CHAT_TEXT = Active voice chat
 DIALTONE_GENERAL_ROW_CALL_BUTTON_TOOLTIP = Call
 DIALTONE_GENERAL_ROW_DND_TEXT_TOOLTIP = Do not disturb