@quidgest/ui 0.27.1 → 0.28.0

package/esm/components/QSelect/QSelect.vue.js

@@ -1,50 +1,56 @@
 import { useGroup as e } from "../../composables/useGroup/index.js";
 import { useId as t } from "../../composables/useId/index.js";
-import { QSpinnerLoader as n } from "../QSpinnerLoader/index.js";
-import { QButton as r } from "../QButton/index.js";
-import { QIcon as i } from "../QIcon/index.js";
-import { QChevron as a } from "../__internal__/QChevron/index.js";
+import { QIcon as n } from "../QIcon/index.js";
+import { QOverlay as r } from "../QOverlay/index.js";
+import { QPopover as i } from "../QPopover/index.js";
+import { QSpinnerLoader as a } from "../QSpinnerLoader/index.js";
+import { mergeDescribedBy as ee } from "../__internal__/QHelpPopover/resolveHelp.js";
+import { QButton as te } from "../QButton/index.js";
+import { QChevron as ne } from "../__internal__/QChevron/index.js";
 import { QBadge as o } from "../QBadge/index.js";
-import { QList as ee } from "../QList/index.js";
-import { QOverlay as te } from "../QOverlay/index.js";
-import { QField as ne } from "../QField/index.js";
-import { QClearButton as re } from "../__internal__/QClearButton/index.js";
-import { DEFAULT_ICONS as s, DEFAULT_TEXTS as c } from "./constants.js";
-import { QPopover as ie } from "../QPopover/index.js";
-import { Fragment as l, computed as u, createBlock as d, createCommentVNode as f, createElementBlock as p, createElementVNode as ae, createSlots as oe, createTextVNode as m, createVNode as h, defineComponent as se, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeProps as b, onBeforeUnmount as ce, onMounted as le, openBlock as x, ref as ue, renderList as de, renderSlot as S, toDisplayString as C, toRef as w, unref as T, useModel as fe, useTemplateRef as E, vModelText as pe, watch as D, withCtx as O, withDirectives as me, withModifiers as he } from "vue";
+import { QList as re } from "../QList/index.js";
+import { QField as ie } from "../QField/index.js";
+import { QClearButton as ae } from "../__internal__/QClearButton/index.js";
+import { DEFAULT_ICONS as s, DEFAULT_TEXTS as oe } from "./constants.js";
+import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as se, createSlots as ce, createTextVNode as p, createVNode as m, defineComponent as le, mergeModels as h, mergeProps as g, nextTick as _, normalizeClass as v, normalizeProps as y, onBeforeUnmount as ue, onMounted as de, openBlock as b, ref as fe, renderList as pe, renderSlot as x, toDisplayString as S, toRef as C, unref as w, useAttrs as me, useModel as he, useTemplateRef as T, vModelText as ge, watch as E, withCtx as D, withDirectives as _e, withModifiers as ve } from "vue";
 //#region src/components/QSelect/QSelect.vue?vue&type=script&setup=true&lang.ts
-var ge = {
+var ye = {
 	key: 0,
 	ref: "valueContainer",
 	class: "q-select__value-container"
-}, _e = {
+}, be = {
 	key: 1,
 	class: "q-select__multi-value"
-}, ve = {
+}, xe = {
 	key: 1,
 	class: "q-select__value"
-}, ye = {
+}, Se = {
 	key: 1,
 	class: "q-select__placeholder"
-}, be = [
+}, Ce = [
 	"id",
+	"aria-describedby",
 	"tabindex",
 	"aria-expanded",
 	"aria-controls",
 	"aria-keyshortcuts"
-], xe = ["data-key"], Se = {
+], we = ["data-key"], Te = {
 	key: 0,
 	class: "q-select__loader"
-}, k = /*@__PURE__*/ se({
+}, O = /*@__PURE__*/ le({
 	inheritAttrs: !1,
 	__name: "QSelect",
-	props: /*@__PURE__*/ g({
+	props: /*@__PURE__*/ h({
 		id: {},
 		class: {},
 		label: {},
 		required: { type: Boolean },
 		for: {},
 		labelPosition: {},
+		help: {},
+		helpDisplay: {},
+		icons: { default: () => s },
+		texts: { default: () => oe },
 		size: {},
 		readonly: { type: Boolean },
 		disabled: { type: Boolean },
@@ -63,9 +69,7 @@ var ge = {
 		loading: { type: Boolean },
 		emptyValue: {},
 		itemValue: { default: "key" },
-		itemLabel: { default: "label" },
-		icons: { default: () => s },
-		texts: { default: () => c }
+		itemLabel: { default: "label" }
 	}, {
 		modelValue: {},
 		modelModifiers: {},
@@ -75,74 +79,75 @@ var ge = {
 		},
 		openModifiers: {}
 	}),
-	emits: /*@__PURE__*/ g([
+	emits: /*@__PURE__*/ h([
 		"before-show",
 		"before-hide",
 		"show",
 		"hide"
 	], ["update:modelValue", "update:open"]),
-	setup(s, { expose: c, emit: se }) {
-		let g = s, k = se, A = fe(s, "modelValue"), j = t(w(g, "id")), M = u(() => `${j.value}_input`), N = u(() => `${j.value}_listbox`), { active: P } = e({
-			active: A,
-			required: w(g, "required"),
-			multiple: w(g, "multiple")
-		}), F = fe(s, "open"), I = ue(0), L = !0, R = E("trigger"), Ce = E("input"), we = E("list"), Te = E("content"), Ee = E("valueContainer"), De = E("allBadges"), Oe = E("allPlainTexts"), ke = E("hiddenItemsCountBadge"), z = null, B = null;
-		function Ae() {
+	setup(s, { expose: oe, emit: le }) {
+		let h = s, O = le, k = he(s, "modelValue"), A = t(C(h, "id")), j = me(), M = l(() => `${A.value}_input`), N = l(() => `${A.value}_listbox`), { active: P } = e({
+			active: k,
+			required: C(h, "required"),
+			multiple: C(h, "multiple")
+		}), F = he(s, "open"), I = fe(0), L = !0, R = T("trigger"), Ee = l(() => typeof j["aria-describedby"] == "string" ? j["aria-describedby"] : void 0), De = T("input"), Oe = T("list"), ke = T("content"), Ae = T("valueContainer"), je = T("allBadges"), Me = T("allPlainTexts"), Ne = T("hiddenItemsCountBadge"), z = null, B = null;
+		function Pe() {
 			B && clearTimeout(B), B = setTimeout(() => {
 				$();
 			}, 120);
 		}
-		le(() => {
+		de(() => {
 			$();
 			let e = R.value?.fieldRef;
 			e && (z = new ResizeObserver(() => {
-				Ae();
+				Pe();
 			}), z.observe(e));
-		}), ce(() => {
+		}), ue(() => {
 			z?.disconnect(), B && clearTimeout(B);
 		});
-		let V = u(() => H.value.length === 0), H = u(() => {
-			if (g.multiple) return (A.value ?? []).map((e) => Me(e)).filter((e) => !!e);
-			let e = A.value === void 0 ? void 0 : Me(A.value);
+		let V = l(() => H.value.length === 0), H = l(() => {
+			if (h.multiple) return (k.value ?? []).map((e) => Ie(e)).filter((e) => !!e);
+			let e = k.value === void 0 ? void 0 : Ie(k.value);
 			return e ? [e] : [];
-		}), je = u(() => {
+		}), Fe = l(() => {
 			let e = /* @__PURE__ */ new Map();
-			return g.items?.forEach((t, n) => {
+			return h.items?.forEach((t, n) => {
 				e.set(t.key, n);
 			}), e;
-		}), U = u(() => H.value?.map(G).filter(Boolean).join(", ")), W = u(() => g.clearable && !g.readonly && !g.disabled && !g.loading && !V.value);
-		function Me(e) {
-			return g.items?.find((t) => t[g.itemValue] === e);
+		}), U = l(() => H.value?.map(G).filter(Boolean).join(", ")), W = l(() => h.clearable && !h.readonly && !h.disabled && !h.loading && !V.value);
+		function Ie(e) {
+			return h.items?.find((t) => t[h.itemValue] === e);
 		}
-		function Ne(e) {
-			g.multiple && e < A.value.length && (!g.required || A.value.length > 1) ? P.value = A.value.toSpliced(e, 1) : q();
+		function Le(e) {
+			h.multiple && e < k.value.length && (!h.required || k.value.length > 1) ? P.value = k.value.toSpliced(e, 1) : q();
 		}
 		function G(e) {
-			return e?.[g.itemLabel] ?? "";
+			return e?.[h.itemLabel] ?? "";
 		}
-		function Pe(e) {
+		function Re(e) {
 			return e + 1 < H.value.length - I.value ? ", " : "";
 		}
 		function K(e) {
-			Array.isArray(e) ? A.value = e.sort((e, t) => je.value.get(e) - je.value.get(t)) : (A.value = e, Y());
+			Array.isArray(e) ? k.value = e.sort((e, t) => Fe.value.get(e) - Fe.value.get(t)) : (k.value = e, Y());
 		}
 		function q() {
-			K(g.emptyValue), Z();
+			K(h.emptyValue), Z();
 		}
-		function Fe(e) {
-			!Te.value?.contains(e.relatedTarget) && !R.value?.fieldRef?.contains(e.relatedTarget) && Y(!1);
+		function ze(e) {
+			let t = e.relatedTarget;
+			!ke.value?.contains(t) && !R.value?.fieldRef?.contains(t) && Y(!1);
 		}
 		function J() {
-			F.value || g.readonly || g.disabled || (L = !0, k("before-show"), F.value = !0);
+			F.value || h.readonly || h.disabled || (L = !0, O("before-show"), F.value = !0);
 		}
 		function Y(e = !0) {
-			F.value &&= (L = e, k("before-hide"), !1);
+			F.value &&= (L = e, O("before-hide"), !1);
 		}
-		function Ie() {
-			g.readonly || g.disabled || (F.value ? Y() : J());
+		function Be() {
+			h.readonly || h.disabled || (F.value ? Y() : J());
 		}
 		function X(e) {
-			!e.key || g.readonly || g.disabled || ([
+			!e.key || h.readonly || h.disabled || ([
 				"Enter",
 				" ",
 				"ArrowDown",
@@ -156,209 +161,231 @@ var ge = {
 				"ArrowDown"
 			].includes(e.key) && J(), ["Escape", "Tab"].includes(e.key) && (F.value ? Y(e.key !== "Tab") : W.value && e.key === "Escape" && q()), W.value && e.key === "Delete" && q());
 		}
-		function Le(e) {
+		function Ve(e) {
 			e.key.length === 1 && e.preventDefault(), X(e);
 		}
-		async function Re() {
-			await v(), g.loading ? Te.value?.focus() : Q(), k("show");
+		async function He() {
+			await _(), h.loading ? ke.value?.focus() : Q(), O("show");
 		}
-		function ze() {
-			L && Z(), L = !0, k("hide");
+		function Ue() {
+			L && Z(), L = !0, O("hide");
 		}
 		function Z() {
-			Ce.value?.focus();
+			De.value?.focus();
 		}
 		function Q() {
-			we.value?.$el.focus();
+			Oe.value?.$el.focus();
 		}
 		async function $() {
-			if (await v(), await v(), !g.multiple || !Ee.value || V.value) {
+			if (await _(), await _(), !h.multiple || !Ae.value || V.value) {
 				I.value = 0;
 				return;
 			}
-			let e = Ee.value.offsetWidth, t = ke.value?.$el.scrollWidth ?? 30, n = t, r = 0;
-			if (g.badges) for (let i of De.value ?? []) {
+			let e = Ae.value.offsetWidth, t = Ne.value?.$el.scrollWidth ?? 30, n = t, r = 0;
+			if (h.badges) for (let i of je.value ?? []) {
 				let a = i.$el.scrollWidth + 4;
 				if (n + t + a <= e) n += a, r++;
 				else break;
 			}
-			else for (let i of Oe.value ?? []) {
+			else for (let i of Me.value ?? []) {
 				let a = i.scrollWidth + 4;
 				if (n + t + a <= e) n += a, r++;
 				else break;
 			}
-			I.value = (g.badges ? De.value?.length ?? 0 : Oe.value?.length ?? 0) - r;
+			I.value = (h.badges ? je.value?.length ?? 0 : Me.value?.length ?? 0) - r;
 		}
-		return D(() => g.loading, (e) => {
-			!e && F.value && v(Q);
-		}), D(() => g.badges, $), D(H, $, { deep: !0 }), D(() => g.clearable, $), D([
+		return E(() => h.loading, (e) => {
+			!e && F.value && _(Q);
+		}), E(() => h.badges, $), E(H, $, { deep: !0 }), E(() => h.clearable, $), E([
 			F,
-			() => g.readonly,
-			() => g.disabled
+			() => h.readonly,
+			() => h.disabled
 		], ([e, t, n]) => {
 			e && (t || n) && Y(!1);
 		}, {
 			flush: "sync",
 			immediate: !0
-		}), D(P, K), c({ focusList: Q }), (e, t) => (x(), p(l, null, [h(T(ne), {
-			id: T(j),
+		}), E(P, K), oe({ focusList: Q }), (e, t) => (b(), f(c, null, [m(w(ie), {
+			id: w(A),
 			ref: "trigger",
-			label: g.label,
+			label: h.label,
 			for: M.value,
-			"label-position": g.labelPosition,
-			required: g.required,
-			class: y([
+			"label-position": h.labelPosition,
+			required: h.required,
+			class: v([
 				"q-select",
 				{
-					"q-select--readonly": g.readonly,
-					"q-select--disabled": g.disabled
+					"q-select--readonly": h.readonly,
+					"q-select--disabled": h.disabled
 				},
-				g.class
+				h.class
 			]),
-			readonly: g.readonly,
-			disabled: g.disabled,
-			"data-loading": g.loading,
-			size: g.size,
-			invalid: g.invalid,
-			onClick: Ie,
+			readonly: h.readonly,
+			disabled: h.disabled,
+			"data-loading": h.loading,
+			size: h.size,
+			invalid: h.invalid,
+			help: h.help,
+			"help-display": h.helpDisplay,
+			icons: h.icons,
+			texts: h.texts,
+			onClick: Be,
 			onKeydown: X
-		}, oe({
-			append: O(() => [
-				S(e.$slots, "append"),
-				W.value ? (x(), d(T(re), {
-					key: 0,
-					icons: g.icons,
-					texts: g.texts,
-					onClick: q
-				}, null, 8, ["icons", "texts"])) : f("v-if", !0),
-				g.readonly ? f("v-if", !0) : (x(), d(T(r), {
-					key: 1,
-					class: "q-select__chevron",
-					"aria-label": g.texts.showOptions,
-					variant: "ghost",
-					color: "neutral",
-					borderless: "",
-					tabindex: -1,
-					disabled: g.disabled,
-					onClick: Ie
-				}, {
-					default: O(() => [h(T(a), {
-						"model-value": F.value,
-						icons: g.icons
-					}, null, 8, ["model-value", "icons"])]),
-					_: 1
-				}, 8, ["aria-label", "disabled"]))
-			]),
-			default: O(() => [S(e.$slots, "value", {
+		}, ce({
+			default: D(({ describedBy: r }) => [x(e.$slots, "value", {
 				empty: V.value,
 				items: H.value,
-				value: A.value
-			}, () => [V.value ? (x(), p("span", ye, [!g.readonly && !g.disabled ? (x(), p(l, { key: 0 }, [m(C(g.texts.placeholder), 1)], 64)) : f("v-if", !0)])) : (x(), p(l, { key: 0 }, [g.badges || g.multiple ? (x(), p("span", ge, [g.multiple ? (x(), p(l, { key: 0 }, [
-				(x(!0), p(l, null, de(H.value, (e, t) => (x(), p(l, { key: `visible-${t}` }, [t < H.value.length - I.value ? (x(), p(l, { key: 0 }, [g.badges ? (x(), d(T(o), {
+				value: k.value
+			}, () => [V.value ? (b(), f("span", Se, [!h.readonly && !h.disabled ? (b(), f(c, { key: 0 }, [p(S(h.texts.placeholder), 1)], 64)) : d("v-if", !0)])) : (b(), f(c, { key: 0 }, [h.badges || h.multiple ? (b(), f("span", ye, [h.multiple ? (b(), f(c, { key: 0 }, [
+				(b(!0), f(c, null, pe(H.value, (e, t) => (b(), f(c, { key: `visible-${t}` }, [t < H.value.length - I.value ? (b(), f(c, { key: 0 }, [h.badges ? (b(), u(w(o), {
 					key: 0,
 					pill: "",
 					size: "small",
 					focusable: !1,
-					color: g.readonly || g.disabled ? "neutral" : void 0,
-					disabled: g.readonly || g.disabled,
-					removable: !g.readonly && !g.disabled && (!g.required || H.value.length > 1),
-					texts: g.texts,
-					"onClick:remove": () => Ne(t)
+					color: h.readonly || h.disabled ? "neutral" : void 0,
+					disabled: h.readonly || h.disabled,
+					removable: !h.readonly && !h.disabled && (!h.required || H.value.length > 1),
+					icons: h.icons,
+					texts: h.texts,
+					"onClick:remove": () => Le(t)
 				}, {
-					default: O(() => [e?.icon ? (x(), d(T(i), _({
+					default: D(() => [e?.icon ? (b(), u(w(n), g({
 						key: 0,
 						ref_for: !0
-					}, e.icon), null, 16)) : f("v-if", !0), m(" " + C(G(e)), 1)]),
+					}, e.icon), null, 16)) : d("v-if", !0), p(" " + S(G(e)), 1)]),
 					_: 2
 				}, 1032, [
 					"color",
 					"disabled",
 					"removable",
+					"icons",
 					"texts",
 					"onClick:remove"
-				])) : g.multiple ? (x(), p("span", _e, C(G(e) + Pe(t)), 1)) : f("v-if", !0)], 64)) : f("v-if", !0)], 64))), 128)),
-				I.value > 0 ? (x(), p(l, { key: 0 }, [h(T(o), {
+				])) : h.multiple ? (b(), f("span", be, S(G(e) + Re(t)), 1)) : d("v-if", !0)], 64)) : d("v-if", !0)], 64))), 128)),
+				I.value > 0 ? (b(), f(c, { key: 0 }, [m(w(o), {
 					ref: "hiddenItemsCountBadge",
 					pill: "",
 					size: "small",
 					focusable: !1,
-					class: y(["q-select__badge-count", { "q-select__badge-count--clickable": g.readonly || g.disabled }])
+					icons: h.icons,
+					texts: h.texts,
+					class: v(["q-select__badge-count", { "q-select__badge-count--clickable": h.readonly || h.disabled }])
 				}, {
-					default: O(() => [m(" +" + C(I.value), 1)]),
+					default: D(() => [p(" +" + S(I.value), 1)]),
 					_: 1
-				}, 8, ["class"]), g.readonly || g.disabled ? (x(), d(T(ie), {
+				}, 8, [
+					"icons",
+					"texts",
+					"class"
+				]), h.readonly || h.disabled ? (b(), u(w(i), {
 					key: 0,
-					anchor: ke.value?.$el,
+					anchor: Ne.value?.$el,
 					text: U.value,
 					placement: "bottom-start"
 				}, {
-					default: O(() => [m(C(U.value), 1)]),
+					default: D(() => [p(S(U.value), 1)]),
 					_: 1
-				}, 8, ["anchor", "text"])) : f("v-if", !0)], 64)) : f("v-if", !0),
-				(x(!0), p(l, null, de(H.value, (e, t) => (x(), p(l, { key: `measure-${t}` }, [g.badges ? (x(), d(T(o), {
+				}, 8, ["anchor", "text"])) : d("v-if", !0)], 64)) : d("v-if", !0),
+				(b(!0), f(c, null, pe(H.value, (e, t) => (b(), f(c, { key: `measure-${t}` }, [h.badges ? (b(), u(w(o), {
 					key: 0,
 					ref_for: !0,
 					ref: "allBadges",
 					pill: "",
 					size: "small",
 					focusable: !1,
-					color: g.readonly || g.disabled ? "neutral" : void 0,
+					color: h.readonly || h.disabled ? "neutral" : void 0,
 					disabled: "",
 					class: "q-select__badge-hidden",
-					removable: !g.readonly && !g.disabled && (!g.required || H.value.length > 1)
+					icons: h.icons,
+					texts: h.texts,
+					removable: !h.readonly && !h.disabled && (!h.required || H.value.length > 1)
 				}, {
-					default: O(() => [e?.icon ? (x(), d(T(i), _({
+					default: D(() => [e?.icon ? (b(), u(w(n), g({
 						key: 0,
 						ref_for: !0
-					}, e.icon), null, 16)) : f("v-if", !0), m(" " + C(G(e)), 1)]),
+					}, e.icon), null, 16)) : d("v-if", !0), p(" " + S(G(e)), 1)]),
 					_: 2
-				}, 1032, ["color", "removable"])) : g.multiple ? (x(), p("span", {
+				}, 1032, [
+					"color",
+					"icons",
+					"texts",
+					"removable"
+				])) : h.multiple ? (b(), f("span", {
 					key: 1,
 					ref_for: !0,
 					ref: "allPlainTexts",
 					class: "q-select__multi-value--hidden"
-				}, C(G(e) + Pe(t)), 513)) : f("v-if", !0)], 64))), 128))
-			], 64)) : (x(), d(T(o), {
+				}, S(G(e) + Re(t)), 513)) : d("v-if", !0)], 64))), 128))
+			], 64)) : (b(), u(w(o), {
 				key: 1,
 				pill: "",
 				size: "small",
 				focusable: !1,
-				disabled: g.readonly || g.disabled,
-				removable: !g.readonly && !g.disabled && !g.required,
-				texts: g.texts,
+				disabled: h.readonly || h.disabled,
+				removable: !h.readonly && !h.disabled && !h.required,
+				icons: h.icons,
+				texts: h.texts,
 				"onClick:remove": q
 			}, {
-				default: O(() => [H.value[0]?.icon ? (x(), d(T(i), b(_({ key: 0 }, H.value[0].icon)), null, 16)) : f("v-if", !0), m(" " + C(G(H.value[0])), 1)]),
+				default: D(() => [H.value[0]?.icon ? (b(), u(w(n), y(g({ key: 0 }, H.value[0].icon)), null, 16)) : d("v-if", !0), p(" " + S(G(H.value[0])), 1)]),
 				_: 1
 			}, 8, [
 				"disabled",
 				"removable",
+				"icons",
 				"texts"
-			]))], 512)) : (x(), p("span", ve, C(U.value), 1))], 64))]), me(ae("input", _({
+			]))], 512)) : (b(), f("span", xe, S(U.value), 1))], 64))]), _e(se("input", g({
 				id: M.value,
-				ref: "input"
+				ref: "input",
+				"onUpdate:modelValue": t[0] ||= (e) => U.value = e
 			}, e.$attrs, {
-				"onUpdate:modelValue": t[0] ||= (e) => U.value = e,
+				"aria-describedby": w(ee)(r, Ee.value),
 				class: "q-select__input",
 				inputmode: "none",
 				type: "text",
 				autocomplete: "off",
-				tabindex: g.disabled ? -1 : 0,
+				tabindex: h.disabled ? -1 : 0,
 				role: "combobox",
 				"aria-expanded": F.value,
 				"aria-controls": F.value ? N.value : void 0,
 				"aria-haspopup": "listbox",
 				"aria-keyshortcuts": W.value ? "Delete" : void 0,
-				onKeydown: Le
-			}), null, 16, be), [[pe, U.value]])]),
+				onKeydown: Ve
+			}), null, 16, Ce), [[ge, U.value]])]),
+			append: D(() => [
+				x(e.$slots, "append"),
+				W.value ? (b(), u(w(ae), {
+					key: 0,
+					icons: h.icons,
+					texts: h.texts,
+					onClick: q
+				}, null, 8, ["icons", "texts"])) : d("v-if", !0),
+				h.readonly ? d("v-if", !0) : (b(), u(w(te), {
+					key: 1,
+					class: "q-select__chevron",
+					"aria-label": h.texts.showOptions,
+					variant: "ghost",
+					color: "neutral",
+					borderless: "",
+					tabindex: -1,
+					disabled: h.disabled,
+					onClick: Be
+				}, {
+					default: D(() => [m(w(ne), {
+						"model-value": F.value,
+						icons: h.icons
+					}, null, 8, ["model-value", "icons"])]),
+					_: 1
+				}, 8, ["aria-label", "disabled"]))
+			]),
 			_: 2
-		}, [H.value.length === 1 && H.value[0].icon && !g.badges || e.$slots.prepend ? {
+		}, [H.value.length === 1 && H.value[0].icon && !h.badges || e.$slots.prepend ? {
 			name: "prepend",
-			fn: O(() => [S(e.$slots, "prepend"), H.value.length === 1 && H.value[0].icon && !g.badges ? (x(), d(T(i), b(_({ key: 0 }, H.value[0].icon)), null, 16)) : f("v-if", !0)]),
+			fn: D(() => [x(e.$slots, "prepend"), H.value.length === 1 && H.value[0].icon && !h.badges ? (b(), u(w(n), y(g({ key: 0 }, H.value[0].icon)), null, 16)) : d("v-if", !0)]),
 			key: "0"
 		} : void 0, e.$slots.extras ? {
 			name: "extras",
-			fn: O(() => [S(e.$slots, "extras")]),
+			fn: D(() => [x(e.$slots, "extras")]),
 			key: "1"
 		} : void 0]), 1032, [
 			"id",
@@ -371,8 +398,12 @@ var ge = {
 			"disabled",
 			"data-loading",
 			"size",
-			"invalid"
-		]), h(T(te), {
+			"invalid",
+			"help",
+			"help-display",
+			"icons",
+			"texts"
+		]), m(w(r), {
 			modelValue: F.value,
 			"onUpdate:modelValue": t[1] ||= (e) => F.value = e,
 			spy: "",
@@ -381,44 +412,46 @@ var ge = {
 			placement: "bottom-start",
 			width: "anchor",
 			"scroll-lock": "",
-			inline: g.inline,
-			anchor: g.overlayAnchor ?? R.value?.fieldRef,
+			inline: h.inline,
+			anchor: h.overlayAnchor ?? R.value?.fieldRef,
 			offset: 2,
-			onEnter: Re,
-			onLeave: ze
+			onEnter: He,
+			onLeave: Ue
 		}, {
-			default: O(() => [ae("div", {
+			default: D(() => [se("div", {
 				ref: "content",
 				"data-testid": "combobox-dropdown",
-				"data-key": T(j),
+				"data-key": w(A),
 				class: "q-select__body",
 				tabindex: "-1",
-				onFocusout: Fe,
-				onKeydown: he(X, ["stop"])
+				onFocusout: ze,
+				onKeydown: ve(X, ["stop"])
 			}, [
-				S(e.$slots, "body.prepend"),
-				g.loading ? (x(), p("div", Se, [h(T(n), { size: 24 })])) : (x(), d(T(ee), {
+				x(e.$slots, "body.prepend"),
+				h.loading ? (b(), f("div", Te, [m(w(a), { size: 24 })])) : (b(), u(w(re), {
 					key: 1,
 					id: N.value,
 					ref: "list",
 					class: "q-select__items",
-					label: g.label,
+					label: h.label,
 					selectable: "",
-					required: g.required,
-					multiple: g.multiple,
-					"model-value": A.value,
-					items: g.items,
+					icons: h.icons,
+					required: h.required,
+					multiple: h.multiple,
+					"model-value": k.value,
+					items: h.items,
 					groups: s.groups,
-					"item-label": g.itemLabel,
-					"item-value": g.itemValue,
-					"select-on-tab": g.selectOnTab,
+					"item-label": h.itemLabel,
+					"item-value": h.itemValue,
+					"select-on-tab": h.selectOnTab,
 					"onUpdate:modelValue": K
 				}, {
-					item: O(({ item: t }) => [S(e.$slots, "item", { item: t })]),
+					item: D(({ item: t }) => [x(e.$slots, "item", { item: t })]),
 					_: 3
 				}, 8, [
 					"id",
 					"label",
+					"icons",
 					"required",
 					"multiple",
 					"model-value",
@@ -428,8 +461,8 @@ var ge = {
 					"item-value",
 					"select-on-tab"
 				])),
-				S(e.$slots, "body.append")
-			], 40, xe)]),
+				x(e.$slots, "body.append")
+			], 40, we)]),
 			_: 3
 		}, 8, [
 			"modelValue",
@@ -439,4 +472,4 @@ var ge = {
 	}
 });
 //#endregion
-export { k as default };
+export { O as default };

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

@@ -1,15 +1,28 @@
 export declare const DEFAULT_TEXTS: {
     placeholder: string;
     showOptions: string;
-    removeText: string;
+    remove: string;
     clearValue: string;
+    showHelp: string;
 };
 export declare const DEFAULT_ICONS: {
+    check: {
+        icon: string;
+    };
+    description: {
+        icon: string;
+    };
+    remove: {
+        icon: string;
+    };
     clear: {
         icon: string;
     };
     chevron: {
         icon: string;
     };
+    help: {
+        icon: string;
+    };
 };
 //# sourceMappingURL=constants.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/constants.ts"],"names":[],"mappings":"AAYA,eAAO,MAAM,aAAa;;;;;CAKQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;CAGY,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/constants.ts"],"names":[],"mappings":"AAoBA,eAAO,MAAM,aAAa;;;;;;CAMQ,CAAA;AAGlC,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;CAMY,CAAA"}