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

package/dist/{toast-DqbTiHVx.js → toast-DvPN-bCi.js}

@@ -7,7 +7,7 @@ import o from "./lib/notice/notice-content.js";
 import s from "./lib/notice/notice-action.js";
 import { TOAST_ALTERNATE_KINDS as c, TOAST_LAYOUTS as l, TOAST_MIN_DURATION as u, TOAST_ROLES as d } from "./lib/toast/toast-constants.js";
 import { createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, mergeProps as v, normalizeClass as y, openBlock as b, renderSlot as x, resolveComponent as S, resolveDynamicComponent as C, toDisplayString as w, withCtx as T } from "vue";
-import { DtIconAlertTriangle as E, DtIconBell as D, DtIconInfo as O, DtIconSparkle as k } from "@dialpad/dialtone-icons/vue";
+import { DtIconAlertTriangle as E, DtIconBell as D, DtIconInfo as O, DtIconSparkle as k } from "@dialpad/dialtone-icons/vue3";
 //#region components/toast/layouts/toast_layout_default.vue
 var A = {
 	name: "ToastLayoutDefault",
@@ -22,7 +22,7 @@ var A = {
 			type: Boolean,
 			default: !1
 		},
-		headerId: {
+		titleId: {
 			type: String,
 			default() {
 				return e.getUniqueString();
@@ -34,9 +34,9 @@ var A = {
 				return e.getUniqueString();
 			}
 		},
-		headerText: {
+		title: {
 			type: String,
-			default: void 0
+			default: ""
 		},
 		message: {
 			type: String,
@@ -56,58 +56,26 @@ var A = {
 			type: Boolean,
 			default: !1
 		},
-		showClose: {
+		hideClose: {
 			type: Boolean,
-			default: !0
+			default: !1
 		},
-		showIcon: {
+		hideIcon: {
 			type: Boolean,
-			default: !0
+			default: !1
 		},
-		showAction: {
+		hideAction: {
 			type: Boolean,
-			default: !0
-		},
-		iconClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		headerClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		contentClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		actionClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
+			default: !1
 		}
 	},
 	emits: ["close"],
 	computed: {
 		kindClass() {
 			return {
-				critical: "d-toast--critical",
+				error: "d-toast--error",
 				info: "d-toast--info",
-				positive: "d-toast--positive",
+				success: "d-toast--success",
 				warning: "d-toast--warning",
 				base: "d-toast--base"
 			}[this.kind];
@@ -130,57 +98,42 @@ function N(e, t, n, r, i, a) {
 		"data-qa": "dt-toast",
 		"aria-hidden": (!n.isShown).toString()
 	}, [h("div", M, [
-		n.showIcon ? (b(), f(o, v({
+		n.hideIcon ? p("", !0) : (b(), f(o, v({
 			key: 0,
-			kind: n.kind,
-			"icon-class": n.iconClass,
-			class: { "d-notice__icon--has-title": n.headerText || e.$slots.header }
+			kind: n.kind
 		}, a.toastListeners), {
 			default: T(() => [x(e.$slots, "icon")]),
 			_: 3
-		}, 16, [
-			"kind",
-			"icon-class",
-			"class"
-		])) : p("", !0),
+		}, 16, ["kind"])),
 		_(s, v({
-			"header-id": n.headerId,
+			"title-id": n.titleId,
 			"content-id": n.contentId,
-			"header-text": n.headerText,
-			"header-class": n.headerClass,
-			"content-class": n.contentClass,
+			title: n.title,
 			role: n.role
 		}, a.toastListeners), {
-			header: T(() => [x(e.$slots, "header")]),
+			titleOverride: T(() => [x(e.$slots, "titleOverride")]),
 			default: T(() => [x(e.$slots, "default", {}, () => [g(w(n.message), 1)])]),
 			_: 3
 		}, 16, [
-			"header-id",
+			"title-id",
 			"content-id",
-			"header-text",
-			"header-class",
-			"content-class",
+			"title",
 			"role"
 		]),
 		_(c, v({
-			"show-action": n.showAction,
-			"show-close": n.showClose,
-			"action-class": n.actionClass
+			"hide-action": n.hideAction,
+			"hide-close": n.hideClose
 		}, a.toastListeners, { onClose: t[0] || (t[0] = (t) => e.$emit("close")) }), {
 			default: T(() => [x(e.$slots, "action")]),
 			_: 3
-		}, 16, [
-			"show-action",
-			"show-close",
-			"action-class"
-		])
+		}, 16, ["hide-action", "hide-close"])
 	])], 10, j)) : p("", !0);
 }
 var P = /* @__PURE__ */ n(A, [["render", N]]), F = new Map([
 	["info", O],
-	["positive", O],
+	["success", O],
 	["warning", E],
-	["critical", O],
+	["error", O],
 	["base", D],
 	["gradient", k]
 ]), I = {
@@ -196,7 +149,7 @@ var P = /* @__PURE__ */ n(A, [["render", N]]), F = new Map([
 		kind: {
 			type: String,
 			default: "base",
-			validator(e) {
+			validate(e) {
 				return c.includes(e);
 			}
 		},
@@ -204,37 +157,29 @@ var P = /* @__PURE__ */ n(A, [["render", N]]), F = new Map([
 			type: String,
 			default: "400",
 			validator: (e) => Object.keys(r).includes(e)
-		},
-		iconClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
 		}
 	},
 	computed: { defaultIcon() {
 		return F.get(this.kind);
 	} }
+}, L = {
+	"aria-hidden": "true",
+	class: "d-toast-layout-alternate__icon"
 };
-function L(e, t, n, r, i, a) {
-	return b(), m("div", {
-		"aria-hidden": "true",
-		class: y(["d-toast-layout-alternate__icon", n.iconClass])
-	}, [x(e.$slots, "default", {}, () => [a.defaultIcon ? (b(), f(C(a.defaultIcon), {
+function R(e, t, n, r, i, a) {
+	return b(), m("div", L, [x(e.$slots, "default", {}, () => [a.defaultIcon ? (b(), f(C(a.defaultIcon), {
 		key: 0,
 		size: n.size
-	}, null, 8, ["size"])) : p("", !0)])], 2);
+	}, null, 8, ["size"])) : p("", !0)])]);
 }
 //#endregion
 //#region components/toast/layouts/toast_layout_alternate.vue
-var R = {
+var z = {
 	name: "ToastLayoutAlternate",
 	components: {
 		DtNoticeAction: s,
 		DtNoticeContent: o,
-		DtToastLayoutAlternateIcon: /* @__PURE__ */ n(I, [["render", L]])
+		DtToastLayoutAlternateIcon: /* @__PURE__ */ n(I, [["render", R]])
 	},
 	inheritAttrs: !1,
 	props: {
@@ -242,7 +187,7 @@ var R = {
 			type: Boolean,
 			default: !1
 		},
-		headerId: {
+		titleId: {
 			type: String,
 			default() {
 				return e.getUniqueString();
@@ -254,9 +199,9 @@ var R = {
 				return e.getUniqueString();
 			}
 		},
-		headerText: {
+		title: {
 			type: String,
-			default: void 0
+			default: ""
 		},
 		message: {
 			type: String,
@@ -272,53 +217,21 @@ var R = {
 			default: "base",
 			validator: (e) => c.includes(e)
 		},
-		showClose: {
+		hideClose: {
 			type: Boolean,
-			default: !0
+			default: !1
 		},
-		showIcon: {
+		hideIcon: {
 			type: Boolean,
-			default: !0
-		},
-		iconClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		headerClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		contentClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		actionClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
+			default: !1
 		}
 	},
 	computed: {
 		kindClass() {
 			return {
-				critical: "d-toast-alternate--critical",
+				error: "d-toast-alternate--error",
 				info: "d-toast-alternate--info",
-				positive: "d-toast-alternate--positive",
+				success: "d-toast-alternate--success",
 				warning: "d-toast-alternate--warning",
 				gradient: "d-toast-alternate--gradient"
 			}[this.kind];
@@ -327,8 +240,8 @@ var R = {
 			return t(this.$attrs);
 		}
 	}
-}, z = ["aria-hidden"], B = { class: "d-toast-alternate__dialog" }, V = { class: "d-toast-alternate__header" }, H = { class: "d-toast-alternate__content" };
-function U(e, t, n, r, i, a) {
+}, B = ["aria-hidden"], V = { class: "d-toast-alternate__dialog" }, H = { class: "d-toast-alternate__header" }, U = { class: "d-toast-alternate__content" };
+function W(e, t, n, r, i, a) {
 	let o = S("dt-toast-layout-alternate-icon"), s = S("dt-notice-content"), c = S("dt-notice-action");
 	return n.isShown ? (b(), m("div", {
 		key: 0,
@@ -339,52 +252,46 @@ function U(e, t, n, r, i, a) {
 		]),
 		"data-qa": "dt-toast",
 		"aria-hidden": (!n.isShown).toString()
-	}, [h("div", B, [h("div", V, [
-		n.showIcon ? (b(), f(o, v({
+	}, [h("div", V, [h("div", H, [
+		n.hideIcon ? p("", !0) : (b(), f(o, v({
 			key: 0,
 			kind: n.kind,
-			"icon-class": n.iconClass,
 			size: "200"
 		}, a.toastListeners), {
 			default: T(() => [x(e.$slots, "icon")]),
 			_: 3
-		}, 16, ["kind", "icon-class"])) : p("", !0),
+		}, 16, ["kind"])),
 		_(s, v({
-			"header-id": n.headerId,
+			"title-id": n.titleId,
 			"content-id": n.contentId,
-			"header-text": n.headerText,
-			"header-class": n.headerClass,
-			"content-class": n.contentClass,
+			title: n.title,
 			role: n.role
 		}, a.toastListeners), {
-			header: T(() => [x(e.$slots, "header")]),
+			titleOverride: T(() => [x(e.$slots, "titleOverride")]),
 			_: 3
 		}, 16, [
-			"header-id",
+			"title-id",
 			"content-id",
-			"header-text",
-			"header-class",
-			"content-class",
+			"title",
 			"role"
 		]),
 		_(c, v({
-			"show-action": !1,
-			"show-close": n.showClose,
-			"action-class": n.actionClass,
-			"button-size": 100
-		}, a.toastListeners, { onClose: t[0] || (t[0] = (t) => e.$emit("close")) }), null, 16, ["show-close", "action-class"])
-	]), h("div", H, [x(e.$slots, "default", {}, () => [g(w(n.message), 1)])])])], 10, z)) : p("", !0);
+			"hide-action": !0,
+			"hide-close": n.hideClose,
+			"button-size": "xs"
+		}, a.toastListeners, { onClose: t[0] || (t[0] = (t) => e.$emit("close")) }), null, 16, ["hide-close"])
+	]), h("div", U, [x(e.$slots, "default", {}, () => [g(w(n.message), 1)])])])], 10, B)) : p("", !0);
 }
-var W = /* @__PURE__ */ n(R, [["render", U]]), G = {
+var G = /* @__PURE__ */ n(z, [["render", W]]), K = {
 	compatConfig: { MODE: 3 },
 	name: "DtToast",
 	components: {
 		ToastLayoutDefault: P,
-		ToastLayoutAlternate: W
+		ToastLayoutAlternate: G
 	},
 	inheritAttrs: !1,
 	props: {
-		headerId: {
+		titleId: {
 			type: String,
 			default: void 0
 		},
@@ -392,7 +299,7 @@ var W = /* @__PURE__ */ n(R, [["render", U]]), G = {
 			type: String,
 			default: void 0
 		},
-		headerText: {
+		title: {
 			type: String,
 			default: void 0
 		},
@@ -412,21 +319,21 @@ var W = /* @__PURE__ */ n(R, [["render", U]]), G = {
 			type: Boolean,
 			default: !1
 		},
-		open: {
+		show: {
 			type: Boolean,
 			default: !1
 		},
-		showClose: {
+		hideClose: {
 			type: Boolean,
-			default: !0
+			default: void 0
 		},
-		showIcon: {
+		hideIcon: {
 			type: Boolean,
-			default: !0
+			default: void 0
 		},
-		showAction: {
+		hideAction: {
 			type: Boolean,
-			default: !0
+			default: void 0
 		},
 		duration: {
 			type: Number,
@@ -437,41 +344,9 @@ var W = /* @__PURE__ */ n(R, [["render", U]]), G = {
 			type: String,
 			default: "default",
 			validator: (e) => l.includes(e)
-		},
-		iconClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		headerClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		contentClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
-		},
-		actionClass: {
-			type: [
-				String,
-				Array,
-				Object
-			],
-			default: ""
 		}
 	},
-	emits: ["close", "update:open"],
+	emits: ["close", "update:show"],
 	data() {
 		return {
 			isShown: !1,
@@ -483,10 +358,10 @@ var W = /* @__PURE__ */ n(R, [["render", U]]), G = {
 			return !!this.duration && this.duration >= this.minDuration;
 		},
 		selectedLayout() {
-			return this.layout === "alternate" ? W : P;
+			return this.layout === "alternate" ? G : P;
 		}
 	},
-	watch: { open: {
+	watch: { show: {
 		handler: function(e) {
 			this.isShown = e, e ? this.setTimeout() : clearTimeout(this.displayTimer);
 		},
@@ -498,58 +373,50 @@ var W = /* @__PURE__ */ n(R, [["render", U]]), G = {
 	methods: {
 		setTimeout() {
 			this.shouldSetTimeout && (this.displayTimer = setTimeout(() => {
-				this.isShown = !1, this.$emit("update:open", !1);
+				this.isShown = !1, this.$emit("update:show", !1);
 			}, this.duration));
 		},
 		handleClose() {
-			this.isShown = !1, this.$emit("close"), this.$emit("update:open", !1);
+			this.isShown = !1, this.$emit("close"), this.$emit("update:show", !1);
 		}
 	}
 };
-function K(e, t, n, r, i, a) {
+function q(e, t, n, r, i, a) {
 	return b(), f(C(a.selectedLayout), v({
 		"is-shown": i.isShown,
-		"header-id": n.headerId,
+		"title-id": n.titleId,
 		"content-id": n.contentId,
-		"header-text": n.headerText,
+		title: n.title,
 		message: n.message,
 		role: n.role,
 		kind: n.kind,
 		important: n.important,
-		"show-close": n.showClose,
-		"show-icon": n.showIcon,
-		"show-action": n.showAction,
-		"icon-class": n.iconClass,
-		"header-class": n.headerClass,
-		"content-class": n.contentClass,
-		"action-class": n.actionClass
+		"hide-close": n.hideClose,
+		"hide-icon": n.hideIcon,
+		"hide-action": n.hideAction
 	}, e.$attrs, { onClose: a.handleClose }), {
 		icon: T(() => [x(e.$slots, "icon")]),
-		header: T(() => [x(e.$slots, "header")]),
+		titleOverride: T(() => [x(e.$slots, "titleOverride")]),
 		action: T(() => [x(e.$slots, "action")]),
 		default: T(() => [x(e.$slots, "default", {}, () => [g(w(n.message), 1)])]),
 		_: 3
 	}, 16, [
 		"is-shown",
-		"header-id",
+		"title-id",
 		"content-id",
-		"header-text",
+		"title",
 		"message",
 		"role",
 		"kind",
 		"important",
-		"show-close",
-		"show-icon",
-		"show-action",
-		"icon-class",
-		"header-class",
-		"content-class",
-		"action-class",
+		"hide-close",
+		"hide-icon",
+		"hide-action",
 		"onClose"
 	]);
 }
-var q = /* @__PURE__ */ n(G, [["render", K]]);
+var J = /* @__PURE__ */ n(K, [["render", q]]);
 //#endregion
-export { q as t };
+export { J as t };
 
-//# sourceMappingURL=toast-DqbTiHVx.js.map
+//# sourceMappingURL=toast-DvPN-bCi.js.map

package/dist/toast-DvPN-bCi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-DvPN-bCi.js","names":[],"sources":["../components/toast/layouts/toast_layout_default.vue","../components/toast/layouts/toast_layout_alternate_icon.vue","../components/toast/layouts/toast_layout_alternate.vue","../components/toast/toast.vue"],"sourcesContent":["<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast',\n      kindClass,\n      $attrs.class,\n      { 'd-toast--important': important },\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast__dialog\">\n      <dt-notice-icon\n        v-if=\"!hideIcon\"\n        :kind=\"kind\"\n        v-bind=\"toastListeners\"\n      >\n        <!-- @slot Slot for custom icon -->\n        <slot name=\"icon\" />\n      </dt-notice-icon>\n      <dt-notice-content\n        :title-id=\"titleId\"\n        :content-id=\"contentId\"\n        :title=\"title\"\n        :role=\"role\"\n        v-bind=\"toastListeners\"\n      >\n        <template #titleOverride>\n          <!-- @slot Allows you to override the title, only use this if you need to override\n          with something other than text. Otherwise use the \"title\" prop. -->\n          <slot name=\"titleOverride\" />\n        </template>\n        <!-- @slot the main textual content of the toast -->\n        <slot>\n          {{ message }}\n        </slot>\n      </dt-notice-content>\n      <dt-notice-action\n        :hide-action=\"hideAction\"\n        :hide-close=\"hideClose\"\n        v-bind=\"toastListeners\"\n        @close=\"$emit('close')\"\n      >\n        <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n        <slot name=\"action\" />\n      </dt-notice-action>\n    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport { DtNoticeIcon, DtNoticeContent, DtNoticeAction, NOTICE_KINDS } from '@/components/notice';\nimport { TOAST_ROLES } from '../toast_constants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutDefault',\n\n  components: {\n    DtNoticeIcon,\n    DtNoticeContent,\n    DtNoticeAction,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets an ID on the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Title header of the toast. This can be left blank to remove the title from the toast entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validator: (role) => {\n        return TOAST_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Severity level of the toast, sets the icon and background\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return NOTICE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the close button from the toast\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  emits: ['close'],\n\n  computed: {\n    kindClass () {\n      const kindClasses = {\n        error: 'd-toast--error',\n        info: 'd-toast--info',\n        success: 'd-toast--success',\n        warning: 'd-toast--warning',\n        base: 'd-toast--base',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    aria-hidden=\"true\"\n    class=\"d-toast-layout-alternate__icon\"\n  >\n    <slot>\n      <component\n        :is=\"defaultIcon\"\n        v-if=\"defaultIcon\"\n        :size=\"size\"\n      />\n    </slot>\n  </div>\n</template>\n\n<script>\nimport {\n  DtIconInfo,\n  DtIconAlertTriangle,\n  DtIconBell,\n  DtIconSparkle,\n} from '@dialpad/dialtone-icons/vue3';\nimport { TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { ICON_SIZE_MODIFIERS } from '@/components/icon/icon_constants.js';\n\nconst kindToIcon = new Map([\n  ['info', DtIconInfo],\n  ['success', DtIconInfo],\n  ['warning', DtIconAlertTriangle],\n  ['error', DtIconInfo],\n  ['base', DtIconBell],\n  ['gradient', DtIconSparkle],\n]);\n\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtToastLayoutAlternateIcon',\n\n  components: {\n    DtIconInfo,\n    DtIconAlertTriangle,\n    DtIconBell,\n    DtIconSparkle,\n  },\n\n  props: {\n    /**\n     * Kind of icon\n     * @values base, error, info, success, warning\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validate (kind) {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    size: {\n      type: String,\n      default: '400',\n      validator: (s) => Object.keys(ICON_SIZE_MODIFIERS).includes(s),\n    },\n  },\n\n  computed: {\n    defaultIcon () {\n      return kindToIcon.get(this.kind);\n    },\n  },\n};\n</script>\n","<template>\n  <div\n    v-if=\"isShown\"\n    :class=\"[\n      'd-toast-alternate',\n      $attrs.class,\n      kindClass,\n    ]\"\n    data-qa=\"dt-toast\"\n    :aria-hidden=\"(!isShown).toString()\"\n  >\n    <div class=\"d-toast-alternate__dialog\">\n      <div class=\"d-toast-alternate__header\">\n        <dt-toast-layout-alternate-icon\n          v-if=\"!hideIcon\"\n          :kind=\"kind\"\n          size=\"200\"\n          v-bind=\"toastListeners\"\n        >\n          <slot name=\"icon\" />\n        </dt-toast-layout-alternate-icon>\n        <dt-notice-content\n          :title-id=\"titleId\"\n          :content-id=\"contentId\"\n          :title=\"title\"\n          :role=\"role\"\n          v-bind=\"toastListeners\"\n        >\n          <template #titleOverride>\n            <slot name=\"titleOverride\" />\n          </template>\n        </dt-notice-content>\n\n        <!-- Close Button -->\n        <dt-notice-action\n          :hide-action=\"true\"\n          :hide-close=\"hideClose\"\n          button-size=\"xs\"\n          v-bind=\"toastListeners\"\n          @close=\"$emit('close')\"\n        />\n      </div>\n      <!-- Content Section -->\n      <div class=\"d-toast-alternate__content\">\n        <slot>\n          {{ message }}\n        </slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport utils from '@/common/utils';\nimport DtToastLayoutAlternateIcon from './toast_layout_alternate_icon.vue';\nimport { DtNoticeAction, DtNoticeContent } from '@/components/notice';\nimport { TOAST_ROLES, TOAST_ALTERNATE_KINDS } from '../toast_constants.js';\nimport { extractVueListeners } from '@/common/utils/index.js';\n\nexport default {\n  name: 'ToastLayoutAlternate',\n\n  components: {\n    DtNoticeAction,\n    DtNoticeContent,\n    DtToastLayoutAlternateIcon,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    isShown: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Sets an ID on the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default () { return utils.getUniqueString(); },\n    },\n\n    /**\n     * Title header of the toast. This can be left blank to remove the title from the toast entirely.\n     */\n    title: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: '',\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n      validator: (role) => {\n        return TOAST_ROLES.includes(role);\n      },\n    },\n\n    /**\n     * Severity level of the toast, sets the icon and background\n     * @values base, error, info, success, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: 'base',\n      validator: (kind) => {\n        return TOAST_ALTERNATE_KINDS.includes(kind);\n      },\n    },\n\n    /**\n     * Hides the close button from the toast\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: false,\n    },\n  },\n\n  computed: {\n    kindClass () {\n      const kindClasses = {\n        error: 'd-toast-alternate--error',\n        info: 'd-toast-alternate--info',\n        success: 'd-toast-alternate--success',\n        warning: 'd-toast-alternate--warning',\n        gradient: 'd-toast-alternate--gradient',\n      };\n\n      return kindClasses[this.kind];\n    },\n\n    toastListeners () {\n      return extractVueListeners(this.$attrs);\n    },\n  },\n};\n</script>\n","<template>\n  <component\n    :is=\"selectedLayout\"\n    :is-shown=\"isShown\"\n    :title-id=\"titleId\"\n    :content-id=\"contentId\"\n    :title=\"title\"\n    :message=\"message\"\n    :role=\"role\"\n    :kind=\"kind\"\n    :important=\"important\"\n    :hide-close=\"hideClose\"\n    :hide-icon=\"hideIcon\"\n    :hide-action=\"hideAction\"\n    v-bind=\"$attrs\"\n    @close=\"handleClose\"\n  >\n    <!-- @slot Slot for custom icon -->\n    <template #icon>\n      <slot name=\"icon\" />\n    </template>\n    <template #titleOverride>\n      <!-- @slot Allows you to override the title, only use this if you need to override\n          with something other than text. Otherwise use the \"title\" prop. -->\n      <slot name=\"titleOverride\" />\n    </template>\n    <!-- @slot the main textual content of the toast -->\n    <slot>\n      {{ message }}\n    </slot>\n    <!-- @slot Enter a possible action for the user to take, such as a link to another page -->\n    <template #action>\n      <slot name=\"action\" />\n    </template>\n  </component>\n</template>\n\n<script>\nimport { TOAST_MIN_DURATION, TOAST_LAYOUTS } from './toast_constants.js';\nimport ToastLayoutDefault from './layouts/toast_layout_default.vue';\nimport ToastLayoutAlternate from './layouts/toast_layout_alternate.vue';\n\n/**\n * A toast notice, sometimes called a snackbar, is a time-based message that appears based on users' actions.\n * It contains at-a-glance information about outcomes and can be paired with actions.\n * @see https://dialtone.dialpad.com/components/toast.html\n */\nexport default {\n  compatConfig: { MODE: 3 },\n  name: 'DtToast',\n\n  components: {\n    ToastLayoutDefault,\n    ToastLayoutAlternate,\n  },\n\n  inheritAttrs: false,\n\n  props: {\n    /**\n     * Sets an ID on the title element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the title.\n     */\n    titleId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Sets an ID on the content element of the component. Useful for aria-describedby\n     * or aria-labelledby or any other reason you may need an id to refer to the content.\n     */\n    contentId: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Title header of the toast. This can be left blank to remove the title from the toast entirely.\n     */\n    title: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Message of the toast. Overridden by default slot.\n     */\n    message: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Provides a role for the toast. 'status' is used by default to communicate a message. 'alert' is used to\n     * communicate an important message like an error that does not contain any interactive elements.\n     * @values status, alert\n     */\n    role: {\n      type: String,\n      default: 'status',\n    },\n\n    /**\n     * Severity level of the toast, could be different depending on which toast layout is used.\n     * @values base, error, info, success, warning, gradient\n     */\n    kind: {\n      type: String,\n      default: undefined,\n    },\n\n    /**\n     * Used in scenarios where the message needs to visually dominate the screen.\n     * @values true, false\n     */\n    important: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Controls whether the toast is shown. If a valid duration is provided, the toast will disappear\n     * after reaching the duration time, so it's convenient to use `v-model` with this prop to update\n     * the data in your component.\n     * Supports v-model\n     * @values true, false\n     */\n    show: {\n      type: Boolean,\n      default: false,\n    },\n\n    /**\n     * Hides the close button from the toast\n     * @values true, false\n     */\n    hideClose: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the icon from the notice\n     * @values true, false\n     */\n    hideIcon: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * Hides the action from the notice\n     * @values true, false\n     */\n    hideAction: {\n      type: Boolean,\n      default: undefined,\n    },\n\n    /**\n     * The duration in ms the toast will display before disappearing.\n     * The toast won't disappear if the duration is not provided.\n     * If it's provided, it should be equal to or greater than 6000.\n     */\n    duration: {\n      type: Number,\n      default: null,\n      validator: (duration) => {\n        return duration >= TOAST_MIN_DURATION;\n      },\n    },\n\n    /**\n     * The layout / styling you wish to use for the toast.\n     * @values default, alternate\n     */\n    layout: {\n      type: String,\n      default: 'default',\n      validator: (layout) => {\n        return TOAST_LAYOUTS.includes(layout);\n      },\n    },\n  },\n\n  emits: [\n    /**\n     * Close button click event\n     *\n     * @event close\n     */\n    'close',\n\n    /**\n     * Sync show value\n     *\n     * @event update:show\n     */\n    'update:show',\n  ],\n\n  data () {\n    return {\n      isShown: false,\n      minDuration: TOAST_MIN_DURATION,\n    };\n  },\n\n  computed: {\n    shouldSetTimeout () {\n      return !!this.duration && this.duration >= this.minDuration;\n    },\n\n    selectedLayout () {\n      return this.layout === 'alternate' ? ToastLayoutAlternate : ToastLayoutDefault;\n    },\n  },\n\n  watch: {\n    show: {\n      handler: function (show) {\n        this.isShown = show;\n        if (show) {\n          this.setTimeout();\n        } else {\n          clearTimeout(this.displayTimer);\n        }\n      },\n\n      immediate: true,\n    },\n  },\n\n  unmounted () {\n    clearTimeout(this.displayTimer);\n  },\n\n  methods: {\n    setTimeout () {\n      if (this.shouldSetTimeout) {\n        this.displayTimer = setTimeout(() => {\n          this.isShown = false;\n          this.$emit('update:show', false);\n        }, this.duration);\n      }\n    },\n\n    handleClose () {\n      this.isShown = false;\n      this.$emit('close');\n      this.$emit('update:show', false);\n    },\n  },\n};\n</script>\n"],"mappings":"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"}

package/dist/toast-d8_zmgkL.cjs

@@ -0,0 +1,2 @@
+require(`./chunk-Bmb41Sf3.cjs`);const e=require(`./common/utils/index.cjs`),t=require(`./_plugin-vue_export-helper-D8jCH6HB.cjs`),n=require(`./lib/icon/icon-constants.cjs`),r=require(`./lib/notice/notice-constants.cjs`),i=require(`./lib/notice/notice-icon.cjs`),a=require(`./lib/notice/notice-content.cjs`),o=require(`./lib/notice/notice-action.cjs`),s=require(`./lib/toast/toast-constants.cjs`);let c=require(`vue`),l=require(`@dialpad/dialtone-icons/vue3`);var u={name:`ToastLayoutDefault`,components:{DtNoticeIcon:i.default,DtNoticeContent:a.default,DtNoticeAction:o.default},inheritAttrs:!1,props:{isShown:{type:Boolean,default:!1},titleId:{type:String,default(){return e.default.getUniqueString()}},contentId:{type:String,default(){return e.default.getUniqueString()}},title:{type:String,default:``},message:{type:String,default:``},role:{type:String,default:`status`,validator:e=>s.TOAST_ROLES.includes(e)},kind:{type:String,default:`base`,validator:e=>r.NOTICE_KINDS.includes(e)},important:{type:Boolean,default:!1},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1},hideAction:{type:Boolean,default:!1}},emits:[`close`],computed:{kindClass(){return{error:`d-toast--error`,info:`d-toast--info`,success:`d-toast--success`,warning:`d-toast--warning`,base:`d-toast--base`}[this.kind]},toastListeners(){return e.extractVueListeners(this.$attrs)}}},d=[`aria-hidden`],f={class:`d-toast__dialog`};function p(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-notice-icon`),s=(0,c.resolveComponent)(`dt-notice-content`),l=(0,c.resolveComponent)(`dt-notice-action`);return n.isShown?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,class:(0,c.normalizeClass)([`d-toast`,a.kindClass,e.$attrs.class,{"d-toast--important":n.important}]),"data-qa":`dt-toast`,"aria-hidden":(!n.isShown).toString()},[(0,c.createElementVNode)(`div`,f,[n.hideIcon?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createBlock)(o,(0,c.mergeProps)({key:0,kind:n.kind},a.toastListeners),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`icon`)]),_:3},16,[`kind`])),(0,c.createVNode)(s,(0,c.mergeProps)({"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},a.toastListeners),{titleOverride:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`titleOverride`)]),default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`default`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(n.message),1)])]),_:3},16,[`title-id`,`content-id`,`title`,`role`]),(0,c.createVNode)(l,(0,c.mergeProps)({"hide-action":n.hideAction,"hide-close":n.hideClose},a.toastListeners,{onClose:t[0]||(t[0]=t=>e.$emit(`close`))}),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`action`)]),_:3},16,[`hide-action`,`hide-close`])])],10,d)):(0,c.createCommentVNode)(``,!0)}var m=t.t(u,[[`render`,p]]),h=new Map([[`info`,l.DtIconInfo],[`success`,l.DtIconInfo],[`warning`,l.DtIconAlertTriangle],[`error`,l.DtIconInfo],[`base`,l.DtIconBell],[`gradient`,l.DtIconSparkle]]),g={compatConfig:{MODE:3},name:`DtToastLayoutAlternateIcon`,components:{DtIconInfo:l.DtIconInfo,DtIconAlertTriangle:l.DtIconAlertTriangle,DtIconBell:l.DtIconBell,DtIconSparkle:l.DtIconSparkle},props:{kind:{type:String,default:`base`,validate(e){return s.TOAST_ALTERNATE_KINDS.includes(e)}},size:{type:String,default:`400`,validator:e=>Object.keys(n.ICON_SIZE_MODIFIERS).includes(e)}},computed:{defaultIcon(){return h.get(this.kind)}}},_={"aria-hidden":`true`,class:`d-toast-layout-alternate__icon`};function v(e,t,n,r,i,a){return(0,c.openBlock)(),(0,c.createElementBlock)(`div`,_,[(0,c.renderSlot)(e.$slots,`default`,{},()=>[a.defaultIcon?((0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(a.defaultIcon),{key:0,size:n.size},null,8,[`size`])):(0,c.createCommentVNode)(``,!0)])])}var y=t.t(g,[[`render`,v]]),b={name:`ToastLayoutAlternate`,components:{DtNoticeAction:o.default,DtNoticeContent:a.default,DtToastLayoutAlternateIcon:y},inheritAttrs:!1,props:{isShown:{type:Boolean,default:!1},titleId:{type:String,default(){return e.default.getUniqueString()}},contentId:{type:String,default(){return e.default.getUniqueString()}},title:{type:String,default:``},message:{type:String,default:``},role:{type:String,default:`status`,validator:e=>s.TOAST_ROLES.includes(e)},kind:{type:String,default:`base`,validator:e=>s.TOAST_ALTERNATE_KINDS.includes(e)},hideClose:{type:Boolean,default:!1},hideIcon:{type:Boolean,default:!1}},computed:{kindClass(){return{error:`d-toast-alternate--error`,info:`d-toast-alternate--info`,success:`d-toast-alternate--success`,warning:`d-toast-alternate--warning`,gradient:`d-toast-alternate--gradient`}[this.kind]},toastListeners(){return e.extractVueListeners(this.$attrs)}}},x=[`aria-hidden`],S={class:`d-toast-alternate__dialog`},C={class:`d-toast-alternate__header`},w={class:`d-toast-alternate__content`};function T(e,t,n,r,i,a){let o=(0,c.resolveComponent)(`dt-toast-layout-alternate-icon`),s=(0,c.resolveComponent)(`dt-notice-content`),l=(0,c.resolveComponent)(`dt-notice-action`);return n.isShown?((0,c.openBlock)(),(0,c.createElementBlock)(`div`,{key:0,class:(0,c.normalizeClass)([`d-toast-alternate`,e.$attrs.class,a.kindClass]),"data-qa":`dt-toast`,"aria-hidden":(!n.isShown).toString()},[(0,c.createElementVNode)(`div`,S,[(0,c.createElementVNode)(`div`,C,[n.hideIcon?(0,c.createCommentVNode)(``,!0):((0,c.openBlock)(),(0,c.createBlock)(o,(0,c.mergeProps)({key:0,kind:n.kind,size:`200`},a.toastListeners),{default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`icon`)]),_:3},16,[`kind`])),(0,c.createVNode)(s,(0,c.mergeProps)({"title-id":n.titleId,"content-id":n.contentId,title:n.title,role:n.role},a.toastListeners),{titleOverride:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`titleOverride`)]),_:3},16,[`title-id`,`content-id`,`title`,`role`]),(0,c.createVNode)(l,(0,c.mergeProps)({"hide-action":!0,"hide-close":n.hideClose,"button-size":`xs`},a.toastListeners,{onClose:t[0]||(t[0]=t=>e.$emit(`close`))}),null,16,[`hide-close`])]),(0,c.createElementVNode)(`div`,w,[(0,c.renderSlot)(e.$slots,`default`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(n.message),1)])])])],10,x)):(0,c.createCommentVNode)(``,!0)}var E=t.t(b,[[`render`,T]]),D={compatConfig:{MODE:3},name:`DtToast`,components:{ToastLayoutDefault:m,ToastLayoutAlternate:E},inheritAttrs:!1,props:{titleId:{type:String,default:void 0},contentId:{type:String,default:void 0},title:{type:String,default:void 0},message:{type:String,default:void 0},role:{type:String,default:`status`},kind:{type:String,default:void 0},important:{type:Boolean,default:!1},show:{type:Boolean,default:!1},hideClose:{type:Boolean,default:void 0},hideIcon:{type:Boolean,default:void 0},hideAction:{type:Boolean,default:void 0},duration:{type:Number,default:null,validator:e=>e>=s.TOAST_MIN_DURATION},layout:{type:String,default:`default`,validator:e=>s.TOAST_LAYOUTS.includes(e)}},emits:[`close`,`update:show`],data(){return{isShown:!1,minDuration:s.TOAST_MIN_DURATION}},computed:{shouldSetTimeout(){return!!this.duration&&this.duration>=this.minDuration},selectedLayout(){return this.layout===`alternate`?E:m}},watch:{show:{handler:function(e){this.isShown=e,e?this.setTimeout():clearTimeout(this.displayTimer)},immediate:!0}},unmounted(){clearTimeout(this.displayTimer)},methods:{setTimeout(){this.shouldSetTimeout&&(this.displayTimer=setTimeout(()=>{this.isShown=!1,this.$emit(`update:show`,!1)},this.duration))},handleClose(){this.isShown=!1,this.$emit(`close`),this.$emit(`update:show`,!1)}}};function O(e,t,n,r,i,a){return(0,c.openBlock)(),(0,c.createBlock)((0,c.resolveDynamicComponent)(a.selectedLayout),(0,c.mergeProps)({"is-shown":i.isShown,"title-id":n.titleId,"content-id":n.contentId,title:n.title,message:n.message,role:n.role,kind:n.kind,important:n.important,"hide-close":n.hideClose,"hide-icon":n.hideIcon,"hide-action":n.hideAction},e.$attrs,{onClose:a.handleClose}),{icon:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`icon`)]),titleOverride:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`titleOverride`)]),action:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`action`)]),default:(0,c.withCtx)(()=>[(0,c.renderSlot)(e.$slots,`default`,{},()=>[(0,c.createTextVNode)((0,c.toDisplayString)(n.message),1)])]),_:3},16,[`is-shown`,`title-id`,`content-id`,`title`,`message`,`role`,`kind`,`important`,`hide-close`,`hide-icon`,`hide-action`,`onClose`])}var k=t.t(D,[[`render`,O]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return k}});
+//# sourceMappingURL=toast-d8_zmgkL.cjs.map