@quidgest/ui 0.27.0 → 0.28.0

package/esm/components/QToast/QToast.vue.js

@@ -1,18 +1,32 @@
 import { useId as e } from "../../composables/useId/index.js";
 import { rgbToHex as t } from "../../utils/color/conversion.js";
 import { lighten as n } from "../../utils/color/manipulate.js";
-import { parseColor as r } from "../../utils/color/parse.js";
-import { ensureContrast as i } from "../../utils/color/contrast.js";
-import { useColor as a } from "../../composables/useColor/index.js";
+import { parseColor as ee } from "../../utils/color/parse.js";
+import { ensureContrast as r } from "../../utils/color/contrast.js";
+import { useColor as i } from "../../composables/useColor/index.js";
+import { QIcon as a } from "../QIcon/index.js";
 import { QButton as o } from "../QButton/index.js";
-import { QCard as s } from "../QCard/index.js";
-import { QIcon as c } from "../QIcon/index.js";
-import { QCol as l, QContainer as u, QRow as d } from "../QGrid/index.js";
-import { ToastSymbol as f } from "../../composables/useToast/_internal.js";
-import { DEFAULT_ICONS as p, DEFAULT_TEXTS as m } from "./constants.js";
-import { computed as h, createBlock as g, createCommentVNode as _, createElementVNode as v, createSlots as y, createVNode as b, defineComponent as x, guardReactiveProps as S, inject as C, normalizeClass as w, normalizeProps as T, normalizeStyle as E, onMounted as D, onUnmounted as O, openBlock as k, renderSlot as A, toDisplayString as j, toRef as M, unref as N, watch as P, withCtx as F } from "vue";
+import { QCard as te } from "../QCard/index.js";
+import { getDefaultLive as ne, isSeverity as s } from "../../utils/severity.js";
+import { QCol as c, QContainer as l, QRow as u } from "../QGrid/index.js";
+import { ToastSymbol as re } from "../../composables/useToast/_internal.js";
+import { DEFAULT_ICONS as d, DEFAULT_TEXTS as f } from "./constants.js";
+import { ToasterSymbol as p } from "./context.js";
+import { computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createSlots as ie, createTextVNode as ae, createVNode as y, defineComponent as b, guardReactiveProps as x, inject as S, mergeProps as C, normalizeClass as w, normalizeProps as T, normalizeStyle as E, onMounted as D, onUnmounted as O, openBlock as k, renderSlot as A, toDisplayString as j, toRef as M, unref as N, watch as oe, withCtx as P } from "vue";
 //#region src/components/QToast/QToast.vue?vue&type=script&setup=true&lang.ts
-var I = { class: "q-toast__title" }, L = /*@__PURE__*/ x({
+var se = {
+	class: "q-toast__icon",
+	"aria-hidden": "true"
+}, ce = { class: "q-toast__title" }, le = {
+	key: 0,
+	class: "q-sr-only"
+}, F = {
+	class: "q-toast__icon",
+	"aria-hidden": "true"
+}, I = {
+	key: 0,
+	class: "q-sr-only"
+}, L = /*@__PURE__*/ b({
 	__name: "QToast",
 	props: {
 		id: {},
@@ -24,135 +38,170 @@ var I = { class: "q-toast__title" }, L = /*@__PURE__*/ x({
 		elevation: { default: "medium" },
 		variant: { default: "tonal" },
 		timeout: { default: 5e3 },
-		icons: { default: () => p },
-		texts: { default: () => m },
+		live: {},
+		icons: { default: () => d },
+		texts: { default: () => f },
 		entryKey: { default: void 0 }
 	},
 	emits: ["dismiss"],
-	setup(p, { emit: m }) {
-		let x = p, L = m, R = e(M(x, "id")), z = x.entryKey ? C(f, null) : null;
-		x.entryKey && (z?.registerToastEntry(x.entryKey, R.value), P(R, (e, t) => {
-			e === t || !x.entryKey || z?.updateToastEntryId(x.entryKey, e);
+	setup(d, { emit: f }) {
+		let b = d, L = f, R = e(M(b, "id")), z = b.entryKey ? S(re, null) : null;
+		b.entryKey && (z?.registerToastEntry(b.entryKey, R.value), oe(R, (e, t) => {
+			e === t || !b.entryKey || z?.updateToastEntryId(b.entryKey, e);
 		}));
-		let { style: B } = a(M(x, "color")), V = h(() => {
-			let e = x.block ? "q-toast--block" : void 0, t = x.title ? "q-toast--vertical" : void 0;
+		let B = S(p, null), { style: V } = i(M(b, "color")), H = m(() => s(b.color) ? b.color : void 0), U = m(() => H.value ? b.icons[H.value] : void 0), W = m(() => b.live ?? ne(b.color)), ue = m(() => {
+			if (!(B || W.value === "off")) return W.value === "assertive" ? "alert" : "status";
+		}), G = m(() => [
+			H.value ? b.texts[H.value] : void 0,
+			b.title,
+			b.text
+		].filter(Boolean).join(" "));
+		function de() {
+			let e = W.value;
+			!B || e === "off" || !G.value || b.entryKey && z && !z.markAnnounced(b.entryKey) || B.announce(G.value, e);
+		}
+		let fe = m(() => {
+			let e = b.block ? "q-toast--block" : void 0, t = b.title ? "q-toast--vertical" : void 0;
 			return [
 				"q-toast",
-				`q-toast--${x.variant}`,
+				`q-toast--${b.variant}`,
 				e,
 				t,
-				x.class
+				b.class
 			];
-		}), H = h(() => {
-			let e = B.value?.mainColor;
-			if (e) return t(n(r(e), 88));
-		}), U = h(() => {
-			let e = B.value?.mainColor;
-			if (!(!e || !H.value)) return i(e, H.value);
-		}), W = h(() => B.value ? {
-			"--q-toast-main-color": B.value.mainColor,
-			"--q-toast-on-main-color": B.value.onMainColor,
-			"--q-toast-hover-color": B.value.hoverColor,
-			"--q-toast-text-color": B.value.textColor,
-			"--q-toast-tonal-text-color": U.value,
-			"--q-toast-tonal-color": H.value
-		} : { "--q-toast-tonal-color": H.value }), G = h(() => x.variant === "bold" ? "bold" : "ghost"), K = h(() => x.variant === "tonal" && B.value?.hoverColor ? B.value.hoverColor : x.color), q, J, Y;
-		function X() {
-			q !== void 0 && (window.clearTimeout(q), q = void 0), J = void 0, Y = void 0, L("dismiss");
+		}), K = m(() => {
+			let e = V.value?.mainColor;
+			if (e) return t(n(ee(e), 88));
+		}), pe = m(() => {
+			let e = V.value?.mainColor;
+			if (!(!e || !K.value)) return r(e, K.value);
+		}), me = m(() => V.value ? {
+			"--q-toast-main-color": V.value.mainColor,
+			"--q-toast-on-main-color": V.value.onMainColor,
+			"--q-toast-hover-color": V.value.hoverColor,
+			"--q-toast-text-color": V.value.textColor,
+			"--q-toast-tonal-text-color": pe.value,
+			"--q-toast-tonal-color": K.value
+		} : { "--q-toast-tonal-color": K.value }), q = m(() => b.variant === "bold" ? "bold" : "ghost"), J = m(() => b.variant === "tonal" && V.value?.hoverColor ? V.value.hoverColor : b.color), Y, X, Z;
+		function Q() {
+			Y !== void 0 && (window.clearTimeout(Y), Y = void 0), X = void 0, Z = void 0, L("dismiss");
 		}
-		function Z(e) {
-			Y = e, J = Date.now(), q = window.setTimeout(X, e);
+		function $(e) {
+			Z = e, X = Date.now(), Y = window.setTimeout(Q, e);
 		}
 		return D(() => {
-			if (!x.entryKey) {
-				x.timeout > 0 && Z(x.timeout);
+			if (de(), !b.entryKey) {
+				b.timeout > 0 && $(b.timeout);
 				return;
 			}
-			let e = z?.consumeRemainingTimeout(x.entryKey);
+			let e = z?.consumeRemainingTimeout(b.entryKey);
 			if (e !== void 0) {
-				e > 0 ? Z(e) : X();
+				e > 0 ? $(e) : Q();
 				return;
 			}
-			x.timeout > 0 && Z(x.timeout);
+			b.timeout > 0 && $(b.timeout);
 		}), O(() => {
-			if (q !== void 0 && (window.clearTimeout(q), x.entryKey && z && J !== void 0 && Y !== void 0)) {
-				let e = Date.now() - J, t = Math.max(0, Y - e);
-				z.setRemainingTimeout(x.entryKey, t);
+			if (Y !== void 0 && (window.clearTimeout(Y), b.entryKey && z && X !== void 0 && Z !== void 0)) {
+				let e = Date.now() - X, t = Math.max(0, Z - e);
+				z.setRemainingTimeout(b.entryKey, t);
 			}
-		}), (e, t) => (k(), g(N(s), {
+		}), (e, t) => (k(), h(N(te), {
 			id: N(R),
-			elevation: x.elevation,
-			width: x.block ? "block" : void 0,
-			class: w(V.value),
-			style: E(W.value)
-		}, y({
-			default: F(() => [b(N(u), {
+			elevation: b.elevation,
+			width: b.block ? "block" : void 0,
+			class: w(fe.value),
+			style: E(me.value),
+			role: ue.value
+		}, ie({
+			default: P(() => [y(N(l), {
 				fluid: "",
 				class: "q-toast__body"
 			}, {
-				default: F(() => [b(N(d), {
+				default: P(() => [y(N(u), {
 					align: "center",
 					justify: "between"
 				}, {
-					default: F(() => [b(N(l), null, {
-						default: F(() => [A(e.$slots, "default", {}, () => [v("span", null, j(x.text), 1)])]),
-						_: 3
-					}), x.title ? _("v-if", !0) : (k(), g(N(l), {
-						key: 0,
-						cols: "auto"
-					}, {
-						default: F(() => [A(e.$slots, "dismiss", {}, () => [b(N(o), {
-							class: "q-toast__dismiss",
-							variant: G.value,
-							color: K.value,
-							"aria-label": x.texts.dismiss,
-							onClick: X
+					default: P(() => [
+						!b.title && (e.$slots.icon || U.value) ? (k(), h(N(c), {
+							key: 0,
+							cols: "auto"
+						}, {
+							default: P(() => [v("span", F, [A(e.$slots, "icon", {}, () => [U.value ? (k(), h(N(a), T(C({ key: 0 }, U.value)), null, 16)) : g("v-if", !0)])])]),
+							_: 3
+						})) : g("v-if", !0),
+						y(N(c), null, {
+							default: P(() => [H.value && !b.title ? (k(), _("span", I, j(b.texts[H.value]), 1)) : g("v-if", !0), A(e.$slots, "default", {}, () => [v("span", null, j(b.text), 1)])]),
+							_: 3
+						}),
+						b.title ? g("v-if", !0) : (k(), h(N(c), {
+							key: 1,
+							cols: "auto"
 						}, {
-							default: F(() => [b(N(c), T(S(x.icons.close)), null, 16)]),
-							_: 1
-						}, 8, [
-							"variant",
-							"color",
-							"aria-label"
-						])])]),
-						_: 3
-					}))]),
+							default: P(() => [A(e.$slots, "dismiss", {}, () => [y(N(o), {
+								class: "q-toast__dismiss",
+								variant: q.value,
+								color: J.value,
+								"aria-label": b.texts.dismiss,
+								onClick: Q
+							}, {
+								default: P(() => [y(N(a), T(x(b.icons.close)), null, 16)]),
+								_: 1
+							}, 8, [
+								"variant",
+								"color",
+								"aria-label"
+							])])]),
+							_: 3
+						}))
+					]),
 					_: 3
 				})]),
 				_: 3
 			})]),
 			_: 2
-		}, [x.title ? {
+		}, [b.title ? {
 			name: "header",
-			fn: F(() => [b(N(u), { fluid: "" }, {
-				default: F(() => [b(N(d), {
+			fn: P(() => [y(N(l), { fluid: "" }, {
+				default: P(() => [y(N(u), {
 					align: "center",
 					justify: "between"
 				}, {
-					default: F(() => [b(N(l), null, {
-						default: F(() => [v("div", I, [
-							e.$slots["title.prepend"] ? A(e.$slots, "title.prepend", { key: 0 }) : _("v-if", !0),
-							v("h4", null, j(x.title), 1),
-							e.$slots["title.append"] ? A(e.$slots, "title.append", { key: 1 }) : _("v-if", !0)
-						])]),
-						_: 3
-					}), b(N(l), { cols: "auto" }, {
-						default: F(() => [A(e.$slots, "dismiss", {}, () => [b(N(o), {
-							class: "q-toast__dismiss",
-							variant: G.value,
-							color: K.value,
-							"aria-label": x.texts.dismiss,
-							onClick: X
+					default: P(() => [
+						g(" With a title, the icon sits next to it. Otherwise it sits next to the text. "),
+						e.$slots.icon || U.value ? (k(), h(N(c), {
+							key: 0,
+							cols: "auto"
 						}, {
-							default: F(() => [b(N(c), T(S(x.icons.close)), null, 16)]),
-							_: 1
-						}, 8, [
-							"variant",
-							"color",
-							"aria-label"
-						])])]),
-						_: 3
-					})]),
+							default: P(() => [v("span", se, [A(e.$slots, "icon", {}, () => [U.value ? (k(), h(N(a), T(C({ key: 0 }, U.value)), null, 16)) : g("v-if", !0)])])]),
+							_: 3
+						})) : g("v-if", !0),
+						y(N(c), null, {
+							default: P(() => [v("div", ce, [
+								e.$slots["title.prepend"] ? A(e.$slots, "title.prepend", { key: 0 }) : g("v-if", !0),
+								g(" With a title, the severity text goes inside the heading, so it is also read when navigating by headings "),
+								v("h4", null, [H.value ? (k(), _("span", le, j(b.texts[H.value]), 1)) : g("v-if", !0), ae(" " + j(b.title), 1)]),
+								e.$slots["title.append"] ? A(e.$slots, "title.append", { key: 1 }) : g("v-if", !0)
+							])]),
+							_: 3
+						}),
+						y(N(c), { cols: "auto" }, {
+							default: P(() => [A(e.$slots, "dismiss", {}, () => [y(N(o), {
+								class: "q-toast__dismiss",
+								variant: q.value,
+								color: J.value,
+								"aria-label": b.texts.dismiss,
+								onClick: Q
+							}, {
+								default: P(() => [y(N(a), T(x(b.icons.close)), null, 16)]),
+								_: 1
+							}, 8, [
+								"variant",
+								"color",
+								"aria-label"
+							])])]),
+							_: 3
+						})
+					]),
 					_: 3
 				})]),
 				_: 3
@@ -163,7 +212,8 @@ var I = { class: "q-toast__title" }, L = /*@__PURE__*/ x({
 			"elevation",
 			"width",
 			"class",
-			"style"
+			"style",
+			"role"
 		]));
 	}
 });

package/esm/components/QToast/QToaster.d.ts

@@ -1,6 +1,6 @@
 import { QToasterProps } from '.';
 declare const _default: import('vue').DefineComponent<QToasterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<QToasterProps> & Readonly<{}>, {
     placement: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=QToaster.vue.d.ts.map

package/esm/components/QToast/QToaster.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QToaster.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/QToaster.vue"],"names":[],"mappings":"AAmBA;AAoFC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;AA+HvC,wBAQG"}
+{"version":3,"file":"QToaster.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/QToaster.vue"],"names":[],"mappings":"AA6CA;AAiLC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;AAgNvC,wBAQG"}

package/esm/components/QToast/QToaster.vue.js

@@ -1,9 +1,19 @@
 import { useId as e } from "../../composables/useId/index.js";
 import { injectToastInstance as t, removeToastByEntryKey as n } from "../../composables/useToast/_internal.js";
-import { QToast as r } from "./index.js";
-import { Fragment as i, TransitionGroup as a, computed as o, createBlock as s, createElementBlock as c, createVNode as l, defineComponent as u, mergeProps as d, normalizeClass as f, onUnmounted as p, openBlock as m, renderList as h, toRef as g, unref as _, watch as v, withCtx as y } from "vue";
+import { ANNOUNCEMENT_LIFETIME as r } from "./constants.js";
+import { ToasterSymbol as i } from "./context.js";
+import { QToast as a } from "./index.js";
+import { Fragment as o, TransitionGroup as s, computed as c, createCommentVNode as l, createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, mergeProps as m, normalizeClass as h, onUnmounted as g, openBlock as _, provide as v, ref as y, renderList as b, toDisplayString as x, toRef as S, unref as C, watch as w, withCtx as T } from "vue";
 //#region src/components/QToast/QToaster.vue?vue&type=script&setup=true&lang.ts
-var b = /*@__PURE__*/ u({
+var E = ["id", "data-placement"], D = {
+	class: "q-sr-only",
+	role: "status",
+	"aria-atomic": "false"
+}, O = {
+	class: "q-sr-only",
+	role: "alert",
+	"aria-atomic": "false"
+}, k = /*@__PURE__*/ p({
 	__name: "QToaster",
 	props: {
 		id: {},
@@ -12,34 +22,54 @@ var b = /*@__PURE__*/ u({
 		maxToasts: {},
 		reverseOrder: { type: Boolean }
 	},
-	setup(u) {
-		let b = u, x = e(g(b, "id")), S = t(), { toasts: C } = S;
-		S.registerToaster(), p(() => S.unregisterToaster()), v(() => b.maxToasts, (e) => S.setMaxToasts(e), { immediate: !0 });
-		let w = o(() => {
-			let e = [...C.value];
-			return b.reverseOrder ? e.reverse() : e;
+	setup(p) {
+		let k = p, A = e(S(k, "id")), j = t(), { toasts: M } = j;
+		j.registerToaster(), g(() => j.unregisterToaster()), w(() => k.maxToasts, (e) => j.setMaxToasts(e), { immediate: !0 });
+		let N = c(() => {
+			let e = [...M.value];
+			return k.reverseOrder ? e.reverse() : e;
 		});
-		function T(e) {
-			n(S, e.entryKey);
+		function P(e) {
+			n(j, e.entryKey);
 		}
-		return (e, t) => (m(), s(a, {
-			id: _(x),
-			name: "q-toast-stack",
-			tag: "div",
-			class: f(["q-toaster", b.class]),
-			"data-placement": b.placement
-		}, {
-			default: y(() => [(m(!0), c(i, null, h(w.value, (e) => (m(), c("div", {
-				key: e.entryKey,
-				class: "q-toast__container"
-			}, [l(_(r), d({ "entry-key": e.entryKey }, { ref_for: !0 }, e.props, { onDismiss: () => T(e) }), null, 16, ["entry-key", "onDismiss"])]))), 128))]),
-			_: 1
-		}, 8, [
-			"id",
-			"class",
-			"data-placement"
-		]));
+		let F = y([]), I = y([]), L = /* @__PURE__ */ new Set(), R = 0;
+		function z(e, t) {
+			let n = window.setTimeout(() => {
+				L.delete(n), e();
+			}, t);
+			L.add(n);
+		}
+		function B(e, t) {
+			let n = t === "assertive" ? I : F, i = ++R;
+			z(() => {
+				n.value.push({
+					key: i,
+					text: e
+				}), z(() => {
+					n.value = n.value.filter((e) => e.key !== i);
+				}, r);
+			}, 100);
+		}
+		return v(i, { announce: B }), g(() => {
+			for (let e of L) window.clearTimeout(e);
+			L.clear();
+		}), (e, t) => (_(), u("div", {
+			id: C(A),
+			class: h(["q-toaster", k.class]),
+			"data-placement": k.placement
+		}, [
+			f(s, { name: "q-toast-stack" }, {
+				default: T(() => [(_(!0), u(o, null, b(N.value, (e) => (_(), u("div", {
+					key: e.entryKey,
+					class: "q-toast__container"
+				}, [f(C(a), m({ "entry-key": e.entryKey }, { ref_for: !0 }, e.props, { onDismiss: () => P(e) }), null, 16, ["entry-key", "onDismiss"])]))), 128))]),
+				_: 1
+			}),
+			l("\n			The toasts announce themselves here. These regions are on the page before any toast\n			appears, so screen readers pick up each message added to them. `aria-atomic=\"false\"`\n			reads only the new message, not the ones still in the region.\n		"),
+			d("div", D, [(_(!0), u(o, null, b(F.value, (e) => (_(), u("div", { key: e.key }, x(e.text), 1))), 128))]),
+			d("div", O, [(_(!0), u(o, null, b(I.value, (e) => (_(), u("div", { key: e.key }, x(e.text), 1))), 128))])
+		], 10, E));
 	}
 });
 //#endregion
-export { b as default };
+export { k as default };

package/esm/components/QToast/constants.d.ts

@@ -1,9 +1,27 @@
 export declare const DEFAULT_TEXTS: {
     dismiss: string;
+    info: string;
+    success: string;
+    warning: string;
+    danger: string;
 };
 export declare const DEFAULT_ICONS: {
     close: {
         icon: string;
     };
+    info: {
+        icon: string;
+    };
+    success: {
+        icon: string;
+    };
+    warning: {
+        icon: string;
+    };
+    danger: {
+        icon: string;
+    };
 };
+export declare const ANNOUNCEMENT_DELAY = 100;
+export declare const ANNOUNCEMENT_LIFETIME = 7000;
 //# sourceMappingURL=constants.d.ts.map

package/esm/components/QToast/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/constants.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,aAAa;;CAEQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;CAIY,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/constants.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,aAAa;;;;;;CAGQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;CAKY,CAAA;AAItC,eAAO,MAAM,kBAAkB,MAAM,CAAA;AAIrC,eAAO,MAAM,qBAAqB,OAAO,CAAA"}

package/esm/components/QToast/constants.js

@@ -1,4 +1,11 @@
+import { SEVERITY_ICONS as e, SEVERITY_TEXTS as t } from "../../utils/severity.js";
 //#region src/components/QToast/constants.ts
-var e = { dismiss: "Dismiss" }, t = { close: { icon: "close" } };
+var n = {
+	...t,
+	dismiss: "Dismiss"
+}, r = {
+	...e,
+	close: { icon: "close" }
+}, i = 7e3;
 //#endregion
-export { t as DEFAULT_ICONS, e as DEFAULT_TEXTS };
+export { i as ANNOUNCEMENT_LIFETIME, r as DEFAULT_ICONS, n as DEFAULT_TEXTS };

package/esm/components/QToast/context.d.ts

@@ -0,0 +1,24 @@
+import { InjectionKey } from 'vue';
+import { QLive } from '../../types/component';
+/**
+ * Provide/inject context that {@link QToaster} gives the toasts it renders.
+ *
+ * The toaster owns live regions that are on the page before any toast appears.
+ * Screen readers often skip a live region inserted together with its message, so the
+ * toasts announce themselves through these regions instead of their own role.
+ */
+export type QToasterContext = {
+    /**
+     * Announces a message to screen readers.
+     *
+     * @param message - The text to announce.
+     * @param live - `assertive` interrupts the user (`role="alert"`), `polite` waits until
+     * they are idle (`role="status"`).
+     */
+    announce: (message: string, live: Exclude<QLive, 'off'>) => void;
+};
+/**
+ * Injection key for the {@link QToasterContext} provided by `QToaster`.
+ */
+export declare const ToasterSymbol: InjectionKey<QToasterContext>;
+//# sourceMappingURL=context.d.ts.map

package/esm/components/QToast/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/context.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,uBAAuB,CAAA;AAElD;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG;IAC7B;;;;;;OAMG;IACH,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,CAAC,KAAK,EAAE,KAAK,CAAC,KAAK,IAAI,CAAA;CAChE,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,YAAY,CAAC,eAAe,CAAuB,CAAA"}

package/esm/components/QToast/context.js

@@ -0,0 +1,4 @@
+//#region src/components/QToast/context.ts
+var e = Symbol("q-toaster");
+//#endregion
+export { e as ToasterSymbol };

package/esm/components/QToast/index.d.ts

@@ -7,6 +7,7 @@ declare const QToast: {
         elevation?: import('..').QCardElevation;
         variant?: import('./types').QToastVariant;
         timeout?: number;
+        live?: import('../..').QLive;
         icons?: typeof import('./constants').DEFAULT_ICONS;
         texts?: typeof import('./constants').DEFAULT_TEXTS;
     } & {
@@ -16,11 +17,11 @@ declare const QToast: {
     }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
         dismiss: () => any;
     }, import('vue').PublicProps, {
-        variant: import('./types').QToastVariant;
         color: string;
-        elevation: import('..').QCardElevation;
+        variant: import('./types').QToastVariant;
         icons: typeof import('./constants').DEFAULT_ICONS;
         texts: typeof import('./constants').DEFAULT_TEXTS;
+        elevation: import('..').QCardElevation;
         entryKey: string;
         timeout: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -38,6 +39,7 @@ declare const QToast: {
         elevation?: import('..').QCardElevation;
         variant?: import('./types').QToastVariant;
         timeout?: number;
+        live?: import('../..').QLive;
         icons?: typeof import('./constants').DEFAULT_ICONS;
         texts?: typeof import('./constants').DEFAULT_TEXTS;
     } & {
@@ -45,11 +47,11 @@ declare const QToast: {
     }> & Readonly<{
         onDismiss?: (() => any) | undefined;
     }>, {}, {}, {}, {}, {
-        variant: import('./types').QToastVariant;
         color: string;
-        elevation: import('..').QCardElevation;
+        variant: import('./types').QToastVariant;
         icons: typeof import('./constants').DEFAULT_ICONS;
         texts: typeof import('./constants').DEFAULT_TEXTS;
+        elevation: import('..').QCardElevation;
         entryKey: string;
         timeout: number;
     }>;
@@ -64,6 +66,7 @@ declare const QToast: {
     elevation?: import('..').QCardElevation;
     variant?: import('./types').QToastVariant;
     timeout?: number;
+    live?: import('../..').QLive;
     icons?: typeof import('./constants').DEFAULT_ICONS;
     texts?: typeof import('./constants').DEFAULT_TEXTS;
 } & {
@@ -73,15 +76,17 @@ declare const QToast: {
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     dismiss: () => any;
 }, string, {
-    variant: import('./types').QToastVariant;
     color: string;
-    elevation: import('..').QCardElevation;
+    variant: import('./types').QToastVariant;
     icons: typeof import('./constants').DEFAULT_ICONS;
     texts: typeof import('./constants').DEFAULT_TEXTS;
+    elevation: import('..').QCardElevation;
     entryKey: string;
     timeout: number;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
+        icon?(_: {}): any;
+        icon?(_: {}): any;
         'title.prepend'?(_: {}): any;
         'title.append'?(_: {}): any;
         dismiss?(_: {}): any;
@@ -91,7 +96,7 @@ declare const QToast: {
 });
 declare const QToaster: import('vue').DefineComponent<import('./types').QToasterProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('./types').QToasterProps> & Readonly<{}>, {
     placement: "top-left" | "top-right" | "bottom-left" | "bottom-right" | "top-center" | "bottom-center";
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export { QToast, QToaster };
 export * from './types';
 //# sourceMappingURL=index.d.ts.map

package/esm/components/QToast/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AACvC,QAAA,MAAM,QAAQ;;6EAA6B,CAAA;AAG3C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA;AAG3B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/index.ts"],"names":[],"mappings":"AAOA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA2B,CAAA;AACvC,QAAA,MAAM,QAAQ;;wFAA6B,CAAA;AAG3C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA;AAG3B,cAAc,SAAS,CAAA"}