@quidgest/ui 0.26.0 → 0.27.0

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

@@ -1,17 +1,18 @@
-import { rgbToHex as e } from "../../utils/color/conversion.js";
-import { parseColor as t } from "../../utils/color/parse.js";
+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 { useColor as r } from "../../composables/useColor/index.js";
-import { QButton as i } from "../QButton/index.js";
-import { QCard as a } from "../QCard/index.js";
-import { QIcon as o } from "../QIcon/index.js";
-import { useId as s } from "../../composables/useId/index.js";
-import { QCol as c, QContainer as l, QRow as u } from "../QGrid/index.js";
-import { ToastSymbol as d } from "../../composables/useToast/_internal.js";
-import { DEFAULT_ICONS as f } from "./constants.js";
-import { computed as p, createBlock as m, createCommentVNode as h, createElementVNode as g, createSlots as _, createVNode as v, defineComponent as y, guardReactiveProps as b, inject as x, normalizeClass as S, normalizeProps as C, normalizeStyle as w, onMounted as T, onUnmounted as E, openBlock as D, renderSlot as O, toDisplayString as k, toRef as A, unref as j, watch as M, withCtx as N } from "vue";
+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 { 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";
 //#region src/components/QToast/QToast.vue?vue&type=script&setup=true&lang.ts
-var P = { class: "q-toast__title" }, F = /*@__PURE__*/ y({
+var I = { class: "q-toast__title" }, L = /*@__PURE__*/ x({
 	__name: "QToast",
 	props: {
 		id: {},
@@ -23,86 +24,97 @@ var P = { class: "q-toast__title" }, F = /*@__PURE__*/ y({
 		elevation: { default: "medium" },
 		variant: { default: "tonal" },
 		timeout: { default: 5e3 },
-		icons: { default: () => f },
+		icons: { default: () => p },
+		texts: { default: () => m },
 		entryKey: { default: void 0 }
 	},
 	emits: ["dismiss"],
-	setup(f, { emit: y }) {
-		let F = f, I = y, L = s(A(F, "id")), R = F.entryKey ? x(d, null) : null;
-		F.entryKey && (R?.registerToastEntry(F.entryKey, L.value), M(L, (e, t) => {
-			e === t || !F.entryKey || R?.updateToastEntryId(F.entryKey, e);
+	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);
 		}));
-		let { style: z } = r(A(F, "color")), B = p(() => {
-			let e = F.block ? "q-toast--block" : void 0, t = F.title ? "q-toast--vertical" : void 0;
+		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;
 			return [
 				"q-toast",
-				`q-toast--${F.variant}`,
+				`q-toast--${x.variant}`,
 				e,
 				t,
-				F.class
+				x.class
 			];
-		}), V = p(() => {
-			let r = z.value?.mainColor;
-			if (r) return e(n(t(r), 88));
-		}), H = p(() => z.value ? {
-			"--q-toast-main-color": z.value.mainColor,
-			"--q-toast-on-main-color": z.value.onMainColor,
-			"--q-toast-hover-color": z.value.hoverColor,
-			"--q-toast-tonal-color": V.value
-		} : { "--q-toast-tonal-color": V.value }), U = p(() => F.variant === "bold" ? "bold" : "ghost"), W = p(() => F.variant === "tonal" && z.value?.hoverColor ? z.value.hoverColor : F.color), G, K, q;
-		function J() {
-			G !== void 0 && (window.clearTimeout(G), G = void 0), K = void 0, q = void 0, I("dismiss");
+		}), 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");
 		}
-		function Y(e) {
-			q = e, K = Date.now(), G = window.setTimeout(J, e);
+		function Z(e) {
+			Y = e, J = Date.now(), q = window.setTimeout(X, e);
 		}
-		return T(() => {
-			if (!F.entryKey) {
-				F.timeout > 0 && Y(F.timeout);
+		return D(() => {
+			if (!x.entryKey) {
+				x.timeout > 0 && Z(x.timeout);
 				return;
 			}
-			let e = R?.consumeRemainingTimeout(F.entryKey);
+			let e = z?.consumeRemainingTimeout(x.entryKey);
 			if (e !== void 0) {
-				e > 0 ? Y(e) : J();
+				e > 0 ? Z(e) : X();
 				return;
 			}
-			F.timeout > 0 && Y(F.timeout);
-		}), E(() => {
-			if (G !== void 0 && (window.clearTimeout(G), F.entryKey && R && K !== void 0 && q !== void 0)) {
-				let e = Date.now() - K, t = Math.max(0, q - e);
-				R.setRemainingTimeout(F.entryKey, t);
+			x.timeout > 0 && Z(x.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);
 			}
-		}), (e, t) => (D(), m(j(a), {
-			id: j(L),
-			elevation: F.elevation,
-			width: F.block ? "block" : void 0,
-			class: S(B.value),
-			style: w(H.value)
-		}, _({
-			default: N(() => [v(j(l), {
+		}), (e, t) => (k(), g(N(s), {
+			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), {
 				fluid: "",
 				class: "q-toast__body"
 			}, {
-				default: N(() => [v(j(u), {
+				default: F(() => [b(N(d), {
 					align: "center",
 					justify: "between"
 				}, {
-					default: N(() => [v(j(c), null, {
-						default: N(() => [O(e.$slots, "default", {}, () => [g("span", null, k(F.text), 1)])]),
+					default: F(() => [b(N(l), null, {
+						default: F(() => [A(e.$slots, "default", {}, () => [v("span", null, j(x.text), 1)])]),
 						_: 3
-					}), F.title ? h("v-if", !0) : (D(), m(j(c), {
+					}), x.title ? _("v-if", !0) : (k(), g(N(l), {
 						key: 0,
 						cols: "auto"
 					}, {
-						default: N(() => [O(e.$slots, "dismiss", {}, () => [v(j(i), {
+						default: F(() => [A(e.$slots, "dismiss", {}, () => [b(N(o), {
 							class: "q-toast__dismiss",
-							variant: U.value,
-							color: W.value,
-							onClick: J
+							variant: G.value,
+							color: K.value,
+							"aria-label": x.texts.dismiss,
+							onClick: X
 						}, {
-							default: N(() => [v(j(o), C(b(F.icons.close)), null, 16)]),
+							default: F(() => [b(N(c), T(S(x.icons.close)), null, 16)]),
 							_: 1
-						}, 8, ["variant", "color"])])]),
+						}, 8, [
+							"variant",
+							"color",
+							"aria-label"
+						])])]),
 						_: 3
 					}))]),
 					_: 3
@@ -110,30 +122,35 @@ var P = { class: "q-toast__title" }, F = /*@__PURE__*/ y({
 				_: 3
 			})]),
 			_: 2
-		}, [F.title ? {
+		}, [x.title ? {
 			name: "header",
-			fn: N(() => [v(j(l), { fluid: "" }, {
-				default: N(() => [v(j(u), {
+			fn: F(() => [b(N(u), { fluid: "" }, {
+				default: F(() => [b(N(d), {
 					align: "center",
 					justify: "between"
 				}, {
-					default: N(() => [v(j(c), null, {
-						default: N(() => [g("div", P, [
-							e.$slots["title.prepend"] ? O(e.$slots, "title.prepend", { key: 0 }) : h("v-if", !0),
-							g("h4", null, k(F.title), 1),
-							e.$slots["title.append"] ? O(e.$slots, "title.append", { key: 1 }) : h("v-if", !0)
+					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
-					}), v(j(c), { cols: "auto" }, {
-						default: N(() => [O(e.$slots, "dismiss", {}, () => [v(j(i), {
+					}), b(N(l), { cols: "auto" }, {
+						default: F(() => [A(e.$slots, "dismiss", {}, () => [b(N(o), {
 							class: "q-toast__dismiss",
-							variant: U.value,
-							color: W.value,
-							onClick: J
+							variant: G.value,
+							color: K.value,
+							"aria-label": x.texts.dismiss,
+							onClick: X
 						}, {
-							default: N(() => [v(j(o), C(b(F.icons.close)), null, 16)]),
+							default: F(() => [b(N(c), T(S(x.icons.close)), null, 16)]),
 							_: 1
-						}, 8, ["variant", "color"])])]),
+						}, 8, [
+							"variant",
+							"color",
+							"aria-label"
+						])])]),
 						_: 3
 					})]),
 					_: 3
@@ -151,4 +168,4 @@ var P = { class: "q-toast__title" }, F = /*@__PURE__*/ y({
 	}
 });
 //#endregion
-export { F as default };
+export { L as default };

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;AAgFC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;;;;AA4HvC,wBAQG"}
+{"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"}

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

@@ -1,8 +1,9 @@
-import { injectToastInstance as e, removeToastByEntryKey as t } from "../../composables/useToast/_internal.js";
-import { QToast as n } from "./index.js";
-import { Fragment as r, TransitionGroup as i, computed as a, createBlock as o, createElementBlock as s, createVNode as c, defineComponent as l, mergeProps as u, normalizeClass as d, onUnmounted as f, openBlock as p, renderList as m, unref as h, watch as g, withCtx as _ } from "vue";
+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";
 //#region src/components/QToast/QToaster.vue?vue&type=script&setup=true&lang.ts
-var v = /*@__PURE__*/ l({
+var b = /*@__PURE__*/ u({
 	__name: "QToaster",
 	props: {
 		id: {},
@@ -11,27 +12,27 @@ var v = /*@__PURE__*/ l({
 		maxToasts: {},
 		reverseOrder: { type: Boolean }
 	},
-	setup(l) {
-		let v = l, y = e(), { toasts: b } = y;
-		y.registerToaster(), f(() => y.unregisterToaster()), g(() => v.maxToasts, (e) => y.setMaxToasts(e), { immediate: !0 });
-		let x = a(() => {
-			let e = [...b.value];
-			return v.reverseOrder ? e.reverse() : e;
+	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;
 		});
-		function S(e) {
-			t(y, e.entryKey);
+		function T(e) {
+			n(S, e.entryKey);
 		}
-		return (e, t) => (p(), o(i, {
-			id: v.id,
+		return (e, t) => (m(), s(a, {
+			id: _(x),
 			name: "q-toast-stack",
 			tag: "div",
-			class: d(["q-toaster", v.class]),
-			"data-placement": v.placement
+			class: f(["q-toaster", b.class]),
+			"data-placement": b.placement
 		}, {
-			default: _(() => [(p(!0), s(r, null, m(x.value, (e) => (p(), s("div", {
+			default: y(() => [(m(!0), c(i, null, h(w.value, (e) => (m(), c("div", {
 				key: e.entryKey,
 				class: "q-toast__container"
-			}, [c(h(n), u({ "entry-key": e.entryKey }, { ref_for: !0 }, e.props, { onDismiss: () => S(e) }), null, 16, ["entry-key", "onDismiss"])]))), 128))]),
+			}, [l(_(r), d({ "entry-key": e.entryKey }, { ref_for: !0 }, e.props, { onDismiss: () => T(e) }), null, 16, ["entry-key", "onDismiss"])]))), 128))]),
 			_: 1
 		}, 8, [
 			"id",
@@ -41,4 +42,4 @@ var v = /*@__PURE__*/ l({
 	}
 });
 //#endregion
-export { v as default };
+export { b as default };

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

@@ -1,3 +1,6 @@
+export declare const DEFAULT_TEXTS: {
+    dismiss: string;
+};
 export declare const DEFAULT_ICONS: {
     close: {
         icon: string;

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;;;;CAIY,CAAA"}
+{"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"}

package/esm/components/QToast/constants.js

@@ -1,4 +1,4 @@
 //#region src/components/QToast/constants.ts
-var e = { close: { icon: "close" } };
+var e = { dismiss: "Dismiss" }, t = { close: { icon: "close" } };
 //#endregion
-export { e as DEFAULT_ICONS };
+export { t as DEFAULT_ICONS, e as DEFAULT_TEXTS };

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

@@ -8,6 +8,7 @@ declare const QToast: {
         variant?: import('./types').QToastVariant;
         timeout?: number;
         icons?: typeof import('./constants').DEFAULT_ICONS;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
     } & {
         entryKey?: string;
     }> & Readonly<{
@@ -19,6 +20,7 @@ declare const QToast: {
         color: string;
         elevation: import('..').QCardElevation;
         icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
         entryKey: string;
         timeout: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
@@ -37,6 +39,7 @@ declare const QToast: {
         variant?: import('./types').QToastVariant;
         timeout?: number;
         icons?: typeof import('./constants').DEFAULT_ICONS;
+        texts?: typeof import('./constants').DEFAULT_TEXTS;
     } & {
         entryKey?: string;
     }> & Readonly<{
@@ -46,6 +49,7 @@ declare const QToast: {
         color: string;
         elevation: import('..').QCardElevation;
         icons: typeof import('./constants').DEFAULT_ICONS;
+        texts: typeof import('./constants').DEFAULT_TEXTS;
         entryKey: string;
         timeout: number;
     }>;
@@ -61,6 +65,7 @@ declare const QToast: {
     variant?: import('./types').QToastVariant;
     timeout?: number;
     icons?: typeof import('./constants').DEFAULT_ICONS;
+    texts?: typeof import('./constants').DEFAULT_TEXTS;
 } & {
     entryKey?: string;
 }> & Readonly<{
@@ -72,6 +77,7 @@ declare const QToast: {
     color: string;
     elevation: import('..').QCardElevation;
     icons: typeof import('./constants').DEFAULT_ICONS;
+    texts: typeof import('./constants').DEFAULT_TEXTS;
     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 () => {

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;;6EAA6B,CAAA;AAG3C,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAA;AAG3B,cAAc,SAAS,CAAA"}

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

@@ -1,6 +1,6 @@
 import { QBaseComponentProps } from '../../types/component';
 import { QCardElevation } from '../QCard/types';
-import { DEFAULT_ICONS } from './constants';
+import { DEFAULT_ICONS, DEFAULT_TEXTS } from './constants';
 export type QToastVariant = 'bold' | 'tonal' | 'outlined';
 /**
  * Hosts programmatic toasts created with `useToast`.
@@ -87,5 +87,11 @@ export type QToastProps = QBaseComponentProps & {
      * @category Configuration
      */
     icons?: typeof DEFAULT_ICONS;
+    /**
+     * Custom text configurations.
+     *
+     * @category Configuration
+     */
+    texts?: typeof DEFAULT_TEXTS;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAEhD,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;AAEzD;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,SAAS,CAAC,EACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,YAAY,GACZ,eAAe,CAAA;IAElB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/QToast/types.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE/D,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CAAA;AAEzD;;;;;;GAMG;AACH,MAAM,MAAM,aAAa,GAAG,mBAAmB,GAAG;IACjD;;;;OAIG;IACH,SAAS,CAAC,EACP,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,YAAY,GACZ,eAAe,CAAA;IAElB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;;;OAKG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,mBAAmB,GAAG;IAC/C;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IAEf;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,SAAS,CAAC,EAAE,cAAc,CAAA;IAE1B;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAA;IAEvB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAEhB;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;IAE5B;;;;OAIG;IACH,KAAK,CAAC,EAAE,OAAO,aAAa,CAAA;CAC5B,CAAA"}

package/esm/components/QToggle/QToggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToggle/QToggle.vue"],"names":[],"mappings":"AASA;AA0CC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAKrC,KAAK,WAAW,GAAG,YAAY,CAAC;AAoBjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WA2CT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAaD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;gGAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToggle/QToggle.vue"],"names":[],"mappings":"AAsBA;AA6DC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,GAAG,CAAA;AAKrC,KAAK,WAAW,GAAG,YAAY,CAAC;AAoBjC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAqET,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAcD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;gGAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QToggle/QToggle.vue.js

@@ -1,9 +1,10 @@
-import { QButton as e } from "../QButton/index.js";
-import { computed as t, createBlock as n, defineComponent as r, mergeModels as i, mergeProps as a, openBlock as o, renderSlot as s, unref as c, useModel as l, withCtx as u } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { QButton as t } from "../QButton/index.js";
+import { computed as n, createBlock as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderSlot as c, toRef as l, unref as u, useModel as d, withCtx as f } from "vue";
 //#region src/components/QToggle/QToggle.vue?vue&type=script&setup=true&lang.ts
-var d = /*@__PURE__*/ r({
+var p = /*@__PURE__*/ i({
 	__name: "QToggle",
-	props: /*@__PURE__*/ i({
+	props: /*@__PURE__*/ a({
 		id: {},
 		class: {},
 		label: {},
@@ -24,19 +25,55 @@ var d = /*@__PURE__*/ r({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(r) {
-		let i = r, d = l(r, "modelValue"), f = t(() => ["q-toggle", { "q-toggle--active": d.value }]);
-		function p() {
-			d.value = !d.value;
+	setup(i) {
+		let a = i, p = d(i, "modelValue"), m = e(l(a, "id")), h = n(() => [
+			"q-toggle",
+			{ "q-toggle--active": p.value },
+			a.class
+		]);
+		function g() {
+			p.value = !p.value;
 		}
-		return (t, r) => (o(), n(c(e), a({ class: f.value }, i, {
-			"aria-pressed": d.value,
-			onClick: p
-		}), {
-			default: u(() => [s(t.$slots, "default")]),
+		return (e, n) => (s(), r(u(t), {
+			id: u(m),
+			class: o(h.value),
+			label: a.label,
+			variant: a.variant,
+			color: a.color,
+			borderless: a.borderless,
+			elevated: a.elevated,
+			block: a.block,
+			size: a.size,
+			"icon-pos": a.iconPos,
+			pill: a.pill,
+			effect: a.effect,
+			disabled: a.disabled,
+			loading: a.loading,
+			tabindex: a.tabindex,
+			"aria-pressed": p.value,
+			onClick: g
+		}, {
+			default: f(() => [c(e.$slots, "default")]),
 			_: 3
-		}, 16, ["class", "aria-pressed"]));
+		}, 8, [
+			"id",
+			"class",
+			"label",
+			"variant",
+			"color",
+			"borderless",
+			"elevated",
+			"block",
+			"size",
+			"icon-pos",
+			"pill",
+			"effect",
+			"disabled",
+			"loading",
+			"tabindex",
+			"aria-pressed"
+		]));
 	}
 });
 //#endregion
-export { d as default };
+export { p as default };

package/esm/components/QToggleGroup/QToggleGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QToggleGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToggleGroup/QToggleGroup.vue"],"names":[],"mappings":"AASA;AAwDC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAK1C,KAAK,WAAW,GAAG,iBAAiB,CAAC;AAyBtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACpC,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"QToggleGroup.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QToggleGroup/QToggleGroup.vue"],"names":[],"mappings":"AASA;AA4DC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAA;AACtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,GAAG,CAAA;AAK1C,KAAK,WAAW,GAAG,iBAAiB,CAAC;AA2BtC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,SAAS,GAAG,SAAS,EAAE,CAAC;CACpC,GAAG,WAAW,CAAC;AAKhB,iBAAS,cAAc;WAsCT,OAAO,IAA6B;;yBAVrB,GAAG;;;;EAe/B;AAWD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;6FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAQpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/esm/components/QToggleGroup/QToggleGroup.vue.js

@@ -1,11 +1,12 @@
 import { provideDefaults as e } from "../../composables/defaults.js";
 import { useGroup as t } from "../../composables/useGroup/index.js";
-import { QButtonGroup as n } from "../QButtonGroup/index.js";
-import { createBlock as r, defineComponent as i, mergeModels as a, normalizeClass as o, openBlock as s, renderSlot as c, toRef as l, unref as u, useModel as d, watch as f, withCtx as p } from "vue";
+import { useId as n } from "../../composables/useId/index.js";
+import { QButtonGroup as r } from "../QButtonGroup/index.js";
+import { createBlock as i, defineComponent as a, mergeModels as o, normalizeClass as s, openBlock as c, renderSlot as l, toRef as u, unref as d, useModel as f, watch as p, withCtx as m } from "vue";
 //#region src/components/QToggleGroup/QToggleGroup.vue?vue&type=script&setup=true&lang.ts
-var m = /*@__PURE__*/ i({
+var h = /*@__PURE__*/ a({
 	__name: "QToggleGroup",
-	props: /*@__PURE__*/ a({
+	props: /*@__PURE__*/ o({
 		id: {},
 		class: {},
 		block: { type: Boolean },
@@ -26,24 +27,24 @@ var m = /*@__PURE__*/ i({
 		modelModifiers: {}
 	}),
 	emits: ["update:modelValue"],
-	setup(i) {
-		let a = i, m = d(i, "modelValue"), { active: h } = t({
-			active: m,
-			required: l(a, "required"),
-			multiple: l(a, "multiple")
+	setup(a) {
+		let o = a, h = f(a, "modelValue"), g = n(u(o, "id")), { active: _ } = t({
+			active: h,
+			required: u(o, "required"),
+			multiple: u(o, "multiple")
 		});
-		return f(h, (e) => {
-			m.value = e;
+		return p(_, (e) => {
+			h.value = e;
 		}), e({ QToggleGroupItem: {
-			disabled: l(a, "disabled"),
-			borderless: l(a, "borderless")
-		} }), (e, t) => (s(), r(u(n), {
-			id: a.id,
-			class: o(a.class),
-			block: a.block,
-			elevated: a.elevated
+			disabled: u(o, "disabled"),
+			borderless: u(o, "borderless")
+		} }), (e, t) => (c(), i(d(r), {
+			id: d(g),
+			class: s(o.class),
+			block: o.block,
+			elevated: o.elevated
 		}, {
-			default: p(() => [c(e.$slots, "default")]),
+			default: m(() => [l(e.$slots, "default")]),
 			_: 3
 		}, 8, [
 			"id",
@@ -54,4 +55,4 @@ var m = /*@__PURE__*/ i({
 	}
 });
 //#endregion
-export { m as default };
+export { h as default };

package/esm/components/QTooltip/QTooltip.vue.js

@@ -1,5 +1,5 @@
-import { QIcon as e } from "../QIcon/index.js";
-import { useId as t } from "../../composables/useId/index.js";
+import { useId as e } from "../../composables/useId/index.js";
+import { QIcon as t } from "../QIcon/index.js";
 import { getElement as n } from "../../utils/getElement.js";
 import { QOverlay as r } from "../QOverlay/index.js";
 import { Fragment as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createTextVNode as l, createVNode as u, defineComponent as d, mergeModels as f, mergeProps as p, normalizeClass as m, normalizeProps as h, onUnmounted as g, openBlock as _, renderSlot as v, toDisplayString as y, toRef as b, unref as x, useModel as S, watch as C, withCtx as w } from "vue";
@@ -33,7 +33,7 @@ var T = { class: "q-tooltip__content" }, E = ["innerHTML"], D = /*@__PURE__*/ d(
 	}),
 	emits: ["update:modelValue"],
 	setup(d) {
-		let f = d, D = S(d, "modelValue"), O = t(b(f, "id"));
+		let f = d, D = S(d, "modelValue"), O = e(b(f, "id"));
 		function k() {
 			return f.anchor ? n(f.anchor) : void 0;
 		}
@@ -50,7 +50,7 @@ var T = { class: "q-tooltip__content" }, E = ["innerHTML"], D = /*@__PURE__*/ d(
 		function N(e, t) {
 			t && j(), e && D && A();
 		}
-		return C(() => f.anchor, N), (t, n) => (_(), s(i, null, [v(t.$slots, "anchor", { props: { "aria-describedby": x(O) } }), u(x(r), {
+		return C(() => f.anchor, N), (e, n) => (_(), s(i, null, [v(e.$slots, "anchor", { props: { "aria-describedby": x(O) } }), u(x(r), {
 			id: x(O),
 			modelValue: D.value,
 			"onUpdate:modelValue": n[0] ||= (e) => D.value = e,
@@ -69,7 +69,7 @@ var T = { class: "q-tooltip__content" }, E = ["innerHTML"], D = /*@__PURE__*/ d(
 			onEnter: A,
 			onLeave: j
 		}, {
-			default: w(() => [c("div", T, [v(t.$slots, "default", {}, () => [f.icon ? (_(), a(x(e), h(p({ key: 0 }, f.icon)), null, 16)) : o("v-if", !0), f.html ? (_(), s("span", {
+			default: w(() => [c("div", T, [v(e.$slots, "default", {}, () => [f.icon ? (_(), a(x(t), h(p({ key: 0 }, f.icon)), null, 16)) : o("v-if", !0), f.html ? (_(), s("span", {
 				key: 1,
 				innerHTML: f.text
 			}, null, 8, E)) : (_(), s(i, { key: 2 }, [l(y(f.text), 1)], 64))])])]),

package/esm/components/__internal__/QChevron/QChevron.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"QChevron.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QChevron/QChevron.vue"],"names":[],"mappings":"AAMA;AAqCC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAM3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAKtC,KAAK,WAAW,GAAG,aAAa,CAAC;AAqBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;AAuDhB,wBASG"}
+{"version":3,"file":"QChevron.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/__internal__/QChevron/QChevron.vue"],"names":[],"mappings":"AAMA;AA0CC,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAS3C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,GAAG,CAAA;AAKtC,KAAK,WAAW,GAAG,aAAa,CAAC;AAuBlC,KAAK,iBAAiB,GAAG;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;CACpB,GAAG,WAAW,CAAC;;;;;;;;AAwDhB,wBASG"}