@dialpad/dialtone-vue 3.218.2 → 3.218.4

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

@@ -1,59 +1,45 @@
-import { COLOR_CODES as i } from "./top-banner-info-constants.js";
-import { openBlock as t, createElementBlock as a, normalizeClass as s, createElementVNode as n, renderSlot as o } from "vue";
-import { _ as c } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const d = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeTopBannerInfo",
-  props: {
-    /**
-     * color of the banner background
-     */
-    colorCode: {
-      type: String,
-      default: "green300",
-      validator: function(e) {
-        return i.includes(e);
-      }
-    }
-  },
-  computed: {
-    bannerInfoClass() {
-      return [{
-        // these are too specific, so for now I'm at least updating the resultant semantic value
-        // TODO: breaking change: update to be more abstract
-        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]];
-    }
-  }
-}, p = { class: "d-recipe-top-banner-info__left" }, l = {
-  class: "d-recipe-top-banner-info__middle",
-  "data-qa": "banner-info--middle"
-}, f = { class: "d-recipe-top-banner-info__right" };
-function _(e, b, m, g, u, r) {
-  return t(), a("div", {
-    class: s(["d-recipe-top-banner-info", r.bannerInfoClass]),
-    "data-qa": "banner-info"
-  }, [
-    n("div", p, [
-      o(e.$slots, "left")
-    ]),
-    n("div", l, [
-      o(e.$slots, "default")
-    ]),
-    n("div", f, [
-      o(e.$slots, "right")
-    ])
-  ], 2);
+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);
 }
-const v = /* @__PURE__ */ c(d, [["render", _]]);
-export {
-  v as default
-};
-//# sourceMappingURL=top-banner-info.js.map
+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

@@ -1 +1 @@
-{"version":3,"file":"top-banner-info.js","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"],"names":["_sfc_main","kind","COLOR_CODES","_hoisted_1","_hoisted_3","_createElementBlock","_normalizeClass","$options","_createElementVNode","_renderSlot","_ctx","_hoisted_2"],"mappings":";;;AA0BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,OAAO;AAAA;AAAA;AAAA;AAAA,IAIL,WAAW;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA,MACT,WAAW,SAAUC,GAAM;AACzB,eAAOC,EAAY,SAASD,CAAI;AAAA,MAClC;AAAA;;EAIJ,UAAU;AAAA,IACR,kBAAmB;AAajB,aAAO,CAZU;AAAA;AAAA;AAAA,QAGf,UAAU;AAAA,QACV,UAAU;AAAA,QACV,QAAQ;AAAA,QACR,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,SAAS;AAAA,QACT,UAAU;AAAA,QACV,OAAO;AAAA,QAEQ,KAAK,SAAS,CAAC;AAAA,IAClC;AAAA;AAEJ,GAtDSE,IAAA,EAAA,OAAM,iCAAgC;EAKzC,OAAM;AAAA,EACN,WAAQ;GAKLC,IAAA,EAAA,OAAM,kCAAiC;;cAhB9CC,EAmBM,OAAA;AAAA,IAlBJ,OAAKC,EAAA,CAAC,4BACEC,EAAA,eAAe,CAAA;AAAA,IACvB,WAAQ;AAAA;IAERC,EAEM,OAFNL,GAEM;AAAA,MADJM,EAAoBC,EAAA,QAAA,MAAA;AAAA;IAGtBF,EAKM,OALNG,GAKM;AAAA,MADJF,EAAQC,EAAA,QAAA,SAAA;AAAA;IAGVF,EAEM,OAFNJ,GAEM;AAAA,MADJK,EAAqBC,EAAA,QAAA,OAAA;AAAA;;;;"}
+{"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

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./unread-pill.cjs"),e=require("./unread-pill-constants.cjs");exports.DtRecipeUnreadPill=l.default;exports.UNREAD_PILL_DIRECTIONS=e.UNREAD_PILL_DIRECTIONS;exports.UNREAD_PILL_KINDS=e.UNREAD_PILL_KINDS;
-//# sourceMappingURL=index.cjs.map
+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

@@ -1,8 +1,3 @@
-import { default as D } from "./unread-pill.js";
-import { UNREAD_PILL_DIRECTIONS as o, UNREAD_PILL_KINDS as t } from "./unread-pill-constants.js";
-export {
-  D as DtRecipeUnreadPill,
-  o as UNREAD_PILL_DIRECTIONS,
-  t as UNREAD_PILL_KINDS
-};
-//# sourceMappingURL=index.js.map
+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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=["up","down"],t=["mentions","messages"],s={UNREAD_PILL_DIRECTIONS:e,UNREAD_PILL_KINDS:t};exports.UNREAD_PILL_DIRECTIONS=e;exports.UNREAD_PILL_KINDS=t;exports.default=s;
-//# sourceMappingURL=unread-pill-constants.cjs.map
+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

@@ -1 +1 @@
-{"version":3,"file":"unread-pill-constants.cjs","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"],"names":["UNREAD_PILL_DIRECTIONS","UNREAD_PILL_KINDS","unread_pill_constants"],"mappings":"4GAAY,MAACA,EAAyB,CAAC,KAAM,MAAM,EACtCC,EAAoB,CAAC,WAAY,UAAU,EAExDC,EAAe,CACb,uBAAAF,EACA,kBAAAC,CACF"}
+{"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

@@ -1,10 +1,9 @@
-const s = ["up", "down"], n = ["mentions", "messages"], t = {
-  UNREAD_PILL_DIRECTIONS: s,
-  UNREAD_PILL_KINDS: n
+//#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
 };
-export {
-  s as UNREAD_PILL_DIRECTIONS,
-  n as UNREAD_PILL_KINDS,
-  t as default
-};
-//# sourceMappingURL=unread-pill-constants.js.map
+//#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

@@ -1 +1 @@
-{"version":3,"file":"unread-pill-constants.js","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"],"names":["UNREAD_PILL_DIRECTIONS","UNREAD_PILL_KINDS","unread_pill_constants"],"mappings":"AAAY,MAACA,IAAyB,CAAC,MAAM,MAAM,GACtCC,IAAoB,CAAC,YAAY,UAAU,GAExDC,IAAe;AAAA,EACb,wBAAAF;AAAA,EACA,mBAAAC;AACF;"}
+{"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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("@dialpad/dialtone-icons/vue3"),i=require("./unread-pill-constants.cjs"),a=require("../../localization/index.cjs"),e=require("vue"),d=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u={compatConfig:{MODE:3},name:"DtRecipeUnreadPill",components:{DtIconArrowUp:o.DtIconArrowUp,DtIconArrowDown:o.DtIconArrowDown},props:{kind:{type:String,required:!0,validator:t=>i.UNREAD_PILL_KINDS.includes(t)},direction:{type:String,required:!0,validator:t=>i.UNREAD_PILL_DIRECTIONS.includes(t)}},emits:["click"],data(){return{i18n:new a.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:t=>this.$emit("click",t)}}}},s={"data-qa":"dt-recipe-leftbar-unread-pill__label"};function _(t,D,r,m,E,n){const c=e.resolveComponent("dt-icon-arrow-up"),l=e.resolveComponent("dt-icon-arrow-down");return e.openBlock(),e.createElementBlock("button",e.mergeProps({class:["d-recipe-leftbar-unread-pill",`d-recipe-leftbar-unread-pill-${r.kind}`],type:"button","data-qa":"dt-recipe-leftbar-unread-pill"},e.toHandlers(n.unreadChipListeners,!0)),[r.direction==="up"?(e.openBlock(),e.createBlock(c,{key:0,size:"300"})):(e.openBlock(),e.createBlock(l,{key:1,size:"300"})),e.createElementVNode("span",s,[e.renderSlot(t.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])])],16)}const p=d._(u,[["render",_]]);exports.default=p;
-//# sourceMappingURL=unread-pill.cjs.map
+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

@@ -1 +1 @@
-{"version":3,"file":"unread-pill.cjs","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"],"names":["_sfc_main","DtIconArrowUp","DtIconArrowDown","kind","UNREAD_PILL_KINDS","dir","UNREAD_PILL_DIRECTIONS","DialtoneLocalization","event","_hoisted_1","_openBlock","_createElementBlock","_mergeProps","$props","_toHandlers","$options","_createBlock","_component_dt_icon_arrow_up","_component_dt_icon_arrow_down","_createElementVNode","_renderSlot","_ctx"],"mappings":"0TA4BKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,qBAEN,WAAY,eACVC,EAAAA,cACA,gBAAAC,EAAAA,iBAGF,MAAO,CAKL,KAAM,CACJ,KAAM,OACN,SAAU,GACV,UAAYC,GAASC,oBAAkB,SAASD,CAAI,GAOtD,UAAW,CACT,KAAM,OACN,SAAU,GACV,UAAYE,GAAQC,yBAAuB,SAASD,CAAG,IAI3D,MAAO,CAOL,SAGF,MAAQ,CACN,MAAO,CACL,KAAM,IAAIE,EAAAA,qBAEd,EAEA,SAAU,CACR,MAAQ,CACN,OAAO,KAAK,OAAS,WACjB,KAAK,KAAK,GAAG,oCAAoC,EACjD,KAAK,KAAK,GAAG,oCAAoC,CACvD,EAEA,qBAAuB,CACrB,MAAO,CACL,MAAOC,GAAS,KAAK,MAAM,QAASA,CAAK,EAE7C,EAEJ,EAzEUC,EAAA,CAAA,UAAQ,sCAAsC,oHAdtD,OAAAC,YAAA,EAAAC,qBAmBS,SAnBTC,EAAAA,WAmBS,CAlBN,sEAAwEC,EAAA,IAAI,EAAA,EAC7E,KAAK,SACL,UAAQ,+BACR,EAAAC,EAAAA,WAA0BC,EAApB,oBAAmB,EAAA,CAAA,EAAA,CAGjBF,EAAA,YAAS,oBADjBG,EAAAA,YAGEC,EAAA,OADA,KAAK,wBAEPD,EAAAA,YAGEE,EAAA,OADA,KAAK,SAEPC,EAAAA,mBAIO,OAJPV,EAIO,CAHLW,EAAAA,WAEOC,sBAFP,IAEO,qCADFN,EAAA,IAAI,EAAA,CAAA"}
+{"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

@@ -1,83 +1,57 @@
-import { DtIconArrowDown as d, DtIconArrowUp as l } from "@dialpad/dialtone-icons/vue3";
-import { UNREAD_PILL_DIRECTIONS as p, UNREAD_PILL_KINDS as s } from "./unread-pill-constants.js";
-import { DialtoneLocalization as _ } from "../../localization/index.js";
-import { resolveComponent as o, openBlock as t, createElementBlock as u, mergeProps as m, toHandlers as f, createBlock as i, createElementVNode as D, renderSlot as E, createTextVNode as L, toDisplayString as I } from "vue";
-import { _ as N } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const k = {
-  compatConfig: { MODE: 3 },
-  name: "DtRecipeUnreadPill",
-  components: {
-    DtIconArrowUp: l,
-    DtIconArrowDown: d
-  },
-  props: {
-    /**
-     * The kind of unread pill which determines the styling
-     * @values 'mentions', 'messages'
-     **/
-    kind: {
-      type: String,
-      required: !0,
-      validator: (e) => s.includes(e)
-    },
-    /**
-     * The direction of the arrow icon
-     * @values 'up', 'down'
-     **/
-    direction: {
-      type: String,
-      required: !0,
-      validator: (e) => p.includes(e)
-    }
-  },
-  emits: [
-    /**
-     * Native click event
-     *
-     * @event click
-     * @type {PointerEvent | KeyboardEvent}
-     */
-    "click"
-  ],
-  data() {
-    return {
-      i18n: new _()
-    };
-  },
-  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)
-      };
-    }
-  }
-}, w = { "data-qa": "dt-recipe-leftbar-unread-pill__label" };
-function S(e, A, r, T, h, n) {
-  const a = o("dt-icon-arrow-up"), c = o("dt-icon-arrow-down");
-  return t(), u("button", m({
-    class: ["d-recipe-leftbar-unread-pill", `d-recipe-leftbar-unread-pill-${r.kind}`],
-    type: "button",
-    "data-qa": "dt-recipe-leftbar-unread-pill"
-  }, f(n.unreadChipListeners, !0)), [
-    r.direction === "up" ? (t(), i(a, {
-      key: 0,
-      size: "300"
-    })) : (t(), i(c, {
-      key: 1,
-      size: "300"
-    })),
-    D("span", w, [
-      E(e.$slots, "default", {}, () => [
-        L(I(n.text), 1)
-      ])
-    ])
-  ], 16);
+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);
 }
-const g = /* @__PURE__ */ N(k, [["render", S]]);
-export {
-  g as default
-};
-//# sourceMappingURL=unread-pill.js.map
+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

@@ -1 +1 @@
-{"version":3,"file":"unread-pill.js","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"],"names":["_sfc_main","DtIconArrowUp","DtIconArrowDown","kind","UNREAD_PILL_KINDS","dir","UNREAD_PILL_DIRECTIONS","DialtoneLocalization","event","_hoisted_1","_openBlock","_createElementBlock","_mergeProps","$props","_toHandlers","$options","_createBlock","_component_dt_icon_arrow_up","_component_dt_icon_arrow_down","_createElementVNode","_renderSlot","_ctx"],"mappings":";;;;;AA4BA,MAAKA,IAAU;AAAA,EACb,cAAc,EAAE,MAAM;EACtB,MAAM;AAAA,EAEN,YAAY;AAAA,IACV,eAAAC;AAAA,IACA,iBAAAC;AAAA;EAGF,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKL,MAAM;AAAA,MACJ,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW,CAACC,MAASC,EAAkB,SAASD,CAAI;AAAA;;;;;IAOtD,WAAW;AAAA,MACT,MAAM;AAAA,MACN,UAAU;AAAA,MACV,WAAW,CAACE,MAAQC,EAAuB,SAASD,CAAG;AAAA;;EAI3D,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOL;AAAA;EAGF,OAAQ;AACN,WAAO;AAAA,MACL,MAAM,IAAIE,EAAoB;AAAA;EAElC;AAAA,EAEA,UAAU;AAAA,IACR,OAAQ;AACN,aAAO,KAAK,SAAS,aACjB,KAAK,KAAK,GAAG,oCAAoC,IACjD,KAAK,KAAK,GAAG,oCAAoC;AAAA,IACvD;AAAA,IAEA,sBAAuB;AACrB,aAAO;AAAA,QACL,OAAO,CAAAC,MAAS,KAAK,MAAM,SAASA,CAAK;AAAA;IAE7C;AAAA;AAEJ,GAzEUC,IAAA,EAAA,WAAQ,uCAAsC;;;AAdtD,SAAAC,EAAA,GAAAC,EAmBS,UAnBTC,EAmBS;AAAA,IAlBN,wEAAwEC,EAAA,IAAI,EAAA;AAAA,IAC7E,MAAK;AAAA,IACL,WAAQ;AAAA,EACR,GAAAC,EAA0BC,EAApB,qBAAmB,EAAA,CAAA,GAAA;AAAA,IAGjBF,EAAA,cAAS,aADjBG,EAGEC,GAAA;AAAA;MADA,MAAK;AAAA,gBAEPD,EAGEE,GAAA;AAAA;MADA,MAAK;AAAA;IAEPC,EAIO,QAJPV,GAIO;AAAA,MAHLW,EAEOC,yBAFP,MAEO;AAAA,YADFN,EAAA,IAAI,GAAA,CAAA;AAAA;;;;;"}
+{"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/index.cjs

@@ -1,2 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./validation-messages.cjs");exports.DtValidationMessages=e.default;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./validation-messages.cjs`);exports.DtValidationMessages=e.default;

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

@@ -1,5 +1,2 @@
-import { default as s } from "./validation-messages.js";
-export {
-  s as DtValidationMessages
-};
-//# sourceMappingURL=index.js.map
+import e from "./validation-messages.js";
+export { e as DtValidationMessages };

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../common/validators/index.cjs"),i=require("../../common/utils/index.cjs"),e=require("vue"),g=require("../../_plugin-vue_export-helper-BRilXfQE.cjs"),u={compatConfig:{MODE:3},name:"DtValidationMessages",props:{id:{type:String,default(){return i.getUniqueString()}},validationMessages:{type:Array,default:()=>[],validator:s=>d.validationMessageValidator(s)},showMessages:{type:Boolean,default:!0}},computed:{isFilteredValidationMessagesEmpty(){return this.filteredValidationMessages.length===0},filteredValidationMessages(){return i.filterFormattedMessages(this.validationMessages)},validationState(){return i.getValidationState(this.validationMessages)}},methods:{getMessageKey(s,t){return`validation-message-${s}-${t}-${this.id}`},messageTypeClass(s){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"}[s]}}},c={key:0,class:"base-input__messages d-validation-message__container","data-qa":"validation-messages-container"},m=["innerHTML"];function _(s,t,r,v,M,a){return r.showMessages&&!a.isFilteredValidationMessagesEmpty?(e.openBlock(),e.createElementBlock("div",c,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.filteredValidationMessages,({message:o,type:n},l)=>(e.openBlock(),e.createElementBlock("div",{key:a.getMessageKey(n,l),role:"status","aria-live":"polite","data-qa":"validation-message",class:e.normalizeClass(["base-input__message","d-validation-message",a.messageTypeClass(n)])},[e.createElementVNode("p",{innerHTML:o},null,8,m)],2))),128))])):e.createCommentVNode("",!0)}const p=g._(u,[["render",_]]);exports.default=p;
-//# sourceMappingURL=validation-messages.cjs.map
+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","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"],"names":["_sfc_main","getUniqueString","messages","validationMessageValidator","filterFormattedMessages","getValidationState","type","index","$props","$options","_openBlock","_createElementBlock","_hoisted_1","_Fragment","message","_normalizeClass","_createElementVNode","_hoisted_2"],"mappings":"sRAoCKA,EAAU,CACb,aAAc,CAAE,KAAM,GACtB,KAAM,uBAEN,MAAO,CAIL,GAAI,CACF,KAAM,OACN,SAAW,CACT,OAAOC,kBAAe,CACxB,GAOF,mBAAoB,CAClB,KAAM,MACN,QAAS,IAAM,CAAA,EACf,UAAWC,GAAYC,EAAAA,2BAA2BD,CAAQ,GAO5D,aAAc,CACZ,KAAM,QACN,QAAS,KAIb,SAAU,CACR,mCAAqC,CACnC,OAAO,KAAK,2BAA2B,SAAW,CACpD,EAEA,4BAA8B,CAC5B,OAAOE,EAAAA,wBAAwB,KAAK,kBAAkB,CACxD,EAEA,iBAAmB,CACjB,OAAOC,EAAAA,mBAAmB,KAAK,kBAAkB,CACnD,GAGF,QAAS,CACP,cAAeC,EAAMC,EAAO,CAC1B,MAAO,sBAAsBD,CAAI,IAAIC,CAAK,IAAI,KAAK,EAAE,EACvD,EAEA,iBAAkBD,EAAM,CAOtB,MAN4B,CAC1B,MAAO,yDACP,QAAS,6DACT,QAAS,8DAGgBA,CAAI,CACjC,EAEJ,WAjGI,MAAM,uDACN,UAAQ,yEAFF,OAAAE,EAAA,eAAiBC,EAAA,mCADzBC,EAAAA,YAAAC,EAAAA,mBAmBM,MAnBNC,EAmBM,EAdJF,EAAAA,UAAA,EAAA,EAAAC,qBAaME,EAAAA,2BAZiCJ,EAAA,2BAA0B,CAAA,CAArD,QAAAK,EAAS,KAAAR,CAAI,EAAIC,mBAD7BI,EAAAA,mBAaM,MAAA,CAXH,IAAKF,EAAA,cAAcH,EAAMC,CAAK,EAC/B,KAAK,SACL,YAAU,SACV,UAAQ,qBACP,MAAKQ,EAAAA,eAAA,8CAA2EN,EAAA,iBAAiBH,CAAI,MAMtGU,EAAAA,mBAAsB,IAAA,CAAnB,UAAQF,CAAO,EAAA,KAAA,EAAAG,CAAA"}
+{"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,85 +1,71 @@
-import { validationMessageValidator as l } from "../../common/validators/index.js";
-import { getValidationState as g, filterFormattedMessages as m, getUniqueString as u } from "../../common/utils/index.js";
-import { openBlock as t, createElementBlock as i, Fragment as c, renderList as _, normalizeClass as p, createElementVNode as M, createCommentVNode as f } from "vue";
-import { _ as v } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-const y = {
-  compatConfig: { MODE: 3 },
-  name: "DtValidationMessages",
-  props: {
-    /**
-     * The id of the validation message
-     */
-    id: {
-      type: String,
-      default() {
-        return u();
-      }
-    },
-    /**
-     * Array of validation messages. Each message has the following structure:
-     * `{ message: "Some informative message", type: "error|warning|success"}`
-     */
-    validationMessages: {
-      type: Array,
-      default: () => [],
-      validator: (e) => l(e)
-    },
-    /**
-     * Show Validation messages
-     * @values true, false
-     */
-    showMessages: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  computed: {
-    isFilteredValidationMessagesEmpty() {
-      return this.filteredValidationMessages.length === 0;
-    },
-    filteredValidationMessages() {
-      return m(this.validationMessages);
-    },
-    validationState() {
-      return g(this.validationMessages);
-    }
-  },
-  methods: {
-    getMessageKey(e, a) {
-      return `validation-message-${e}-${a}-${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];
-    }
-  }
-}, h = {
-  key: 0,
-  class: "base-input__messages d-validation-message__container",
-  "data-qa": "validation-messages-container"
-}, V = ["innerHTML"];
-function C(e, a, n, T, b, s) {
-  return n.showMessages && !s.isFilteredValidationMessagesEmpty ? (t(), i("div", h, [
-    (t(!0), i(c, null, _(s.filteredValidationMessages, ({ message: o, type: r }, d) => (t(), i("div", {
-      key: s.getMessageKey(r, d),
-      role: "status",
-      "aria-live": "polite",
-      "data-qa": "validation-message",
-      class: p([
-        "base-input__message",
-        "d-validation-message",
-        s.messageTypeClass(r)
-      ])
-    }, [
-      M("p", { innerHTML: o }, null, 8, V)
-    ], 2))), 128))
-  ])) : f("", !0);
+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, 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",
+	props: {
+		id: {
+			type: String,
+			default() {
+				return n();
+			}
+		},
+		validationMessages: {
+			type: Array,
+			default: () => [],
+			validator: (t) => e(t)
+		},
+		showMessages: {
+			type: Boolean,
+			default: !0
+		}
+	},
+	computed: {
+		isFilteredValidationMessagesEmpty() {
+			return this.filteredValidationMessages.length === 0;
+		},
+		filteredValidationMessages() {
+			return t(this.validationMessages);
+		},
+		validationState() {
+			return r(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];
+		}
+	}
+}, 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: l([
+			"base-input__message",
+			"d-validation-message",
+			f.messageTypeClass(t)
+		])
+	}, [c("p", { innerHTML: e }, null, 8, m)], 2))), 128))])) : o("", !0);
 }
-const S = /* @__PURE__ */ v(y, [["render", C]]);
-export {
-  S as default
-};
-//# sourceMappingURL=validation-messages.js.map
+var g = /* @__PURE__ */ i(f, [["render", h]]);
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=validation-messages.js.map