@quidgest/ui 0.26.0 → 0.27.0

package/esm/components/QSection/QSection.vue.js

@@ -1,9 +1,10 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, createTextVNode as i, defineComponent as a, normalizeClass as o, openBlock as s, renderSlot as c, toDisplayString as l } from "vue";
+import { useId as e } from "../../composables/useId/index.js";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, createTextVNode as a, defineComponent as o, normalizeClass as s, openBlock as c, renderSlot as l, toDisplayString as u, toRef as d, unref as f } from "vue";
 //#region src/components/QSection/QSection.vue?vue&type=script&setup=true&lang.ts
-var u = ["id"], d = {
+var p = ["id"], m = {
 	key: 0,
 	class: "q-section__title"
-}, f = { class: "q-section__content" }, p = /*@__PURE__*/ a({
+}, h = { class: "q-section__content" }, g = /*@__PURE__*/ o({
 	__name: "QSection",
 	props: {
 		id: {},
@@ -13,25 +14,25 @@ var u = ["id"], d = {
 		variant: { default: "default" },
 		block: { type: Boolean }
 	},
-	setup(a) {
-		let p = a, m = e(() => [
+	setup(o) {
+		let g = o, _ = e(d(g, "id")), v = t(() => [
 			"q-section",
-			p.variant === "default" ? void 0 : `q-section--${p.variant}`,
+			g.variant === "default" ? void 0 : `q-section--${g.variant}`,
 			{
-				"q-section--block": p.block,
-				"q-section--borderless": p.borderless
+				"q-section--block": g.block,
+				"q-section--borderless": g.borderless
 			},
-			p.class
+			g.class
 		]);
-		return (e, a) => (s(), n("div", {
-			id: p.id,
-			class: o(m.value)
-		}, [p.title ? (s(), n("div", d, [
-			c(e.$slots, "title.prepend"),
-			i(" " + l(p.title) + " ", 1),
-			c(e.$slots, "title.append")
-		])) : t("v-if", !0), r("div", f, [c(e.$slots, "default")])], 10, u));
+		return (e, t) => (c(), r("div", {
+			id: f(_),
+			class: s(v.value)
+		}, [g.title ? (c(), r("div", m, [
+			l(e.$slots, "title.prepend"),
+			a(" " + u(g.title) + " ", 1),
+			l(e.$slots, "title.append")
+		])) : n("v-if", !0), i("div", h, [l(e.$slots, "default")])], 10, p));
 	}
 });
 //#endregion
-export { p as default };
+export { g as default };

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

@@ -255,6 +255,7 @@ declare function __VLS_template(): {
             $props: {
                 readonly id?: string | undefined;
                 readonly class?: string | unknown[] | undefined;
+                readonly label?: string | undefined;
                 readonly modelValue?: any;
                 readonly highlighted?: any;
                 readonly items?: QListItemData[] | undefined;
@@ -274,7 +275,7 @@ declare function __VLS_template(): {
             $refs: {
                 [x: string]: unknown;
             } & {
-                listRef: unknown;
+                listRef: HTMLDivElement;
                 listItemsRef: (({
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
@@ -360,7 +361,7 @@ declare function __VLS_template(): {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: ((event: "update:modelValue", val: any) => void) & ((event: "click", key: any) => void) & ((event: "mouseenter:item", key: any) => void);
-            $el: any;
+            $el: HTMLDivElement;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QListProps> & Readonly<{
                 "onUpdate:modelValue"?: ((val: any) => any) | undefined;
                 onClick?: ((key: any) => any) | undefined;
@@ -683,6 +684,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $props: {
             readonly id?: string | undefined;
             readonly class?: string | unknown[] | undefined;
+            readonly label?: string | undefined;
             readonly modelValue?: any;
             readonly highlighted?: any;
             readonly items?: QListItemData[] | undefined;
@@ -702,7 +704,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $refs: {
             [x: string]: unknown;
         } & {
-            listRef: unknown;
+            listRef: HTMLDivElement;
             listItemsRef: (({
                 $: import('vue').ComponentInternalInstance;
                 $data: {};
@@ -788,7 +790,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_PublicProps,
         $parent: import('vue').ComponentPublicInstance | null;
         $host: Element | null;
         $emit: ((event: "update:modelValue", val: any) => void) & ((event: "click", key: any) => void) & ((event: "mouseenter:item", key: any) => void);
-        $el: any;
+        $el: HTMLDivElement;
         $options: import('vue').ComponentOptionsBase<Readonly<import('..').QListProps> & Readonly<{
             "onUpdate:modelValue"?: ((val: any) => any) | undefined;
             onClick?: ((key: any) => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"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"}
+{"version":3,"file":"QSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/QSelect.vue"],"names":[],"mappings":"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"}

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

@@ -1,17 +1,17 @@
 import { useGroup as e } from "../../composables/useGroup/index.js";
-import { QSpinnerLoader as t } from "../QSpinnerLoader/index.js";
-import { QButton as n } from "../QButton/index.js";
-import { QIcon as r } from "../QIcon/index.js";
-import { QChevron as i } from "../__internal__/QChevron/index.js";
-import { useId as a } from "../../composables/useId/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 { QBadge as o } from "../QBadge/index.js";
-import { QField as ee } from "../QField/index.js";
-import { QClearButton as te } from "../__internal__/QClearButton/index.js";
-import { QList as ne } from "../QList/index.js";
-import { QOverlay as re } from "../QOverlay/index.js";
-import { DEFAULT_ICONS as s, DEFAULT_TEXTS as ie } from "./constants.js";
-import { QPopover as ae } from "../QPopover/index.js";
-import { Fragment as c, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as oe, createSlots as se, createTextVNode as p, createVNode as m, defineComponent as h, 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 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";
 //#region src/components/QSelect/QSelect.vue?vue&type=script&setup=true&lang.ts
 var ge = {
 	key: 0,
@@ -35,7 +35,7 @@ var ge = {
 ], xe = ["data-key"], Se = {
 	key: 0,
 	class: "q-select__loader"
-}, k = /*@__PURE__*/ h({
+}, k = /*@__PURE__*/ se({
 	inheritAttrs: !1,
 	__name: "QSelect",
 	props: /*@__PURE__*/ g({
@@ -65,7 +65,7 @@ var ge = {
 		itemValue: { default: "key" },
 		itemLabel: { default: "label" },
 		icons: { default: () => s },
-		texts: { default: () => ie }
+		texts: { default: () => c }
 	}, {
 		modelValue: {},
 		modelModifiers: {},
@@ -81,67 +81,67 @@ var ge = {
 		"show",
 		"hide"
 	], ["update:modelValue", "update:open"]),
-	setup(s, { expose: ie, emit: h }) {
-		let g = s, k = h, A = fe(s, "modelValue"), j = a(w(g, "id")), M = l(() => `${j.value}_listbox`), { active: N } = e({
+	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")
-		}), P = fe(s, "open"), F = ue(0), I = !0, L = E("trigger"), Ce = E("input"), we = E("list"), R = E("content"), z = E("valueContainer"), B = E("allBadges"), Te = E("allPlainTexts"), Ee = E("hiddenItemsCountBadge"), V = null, H = null;
-		function De() {
-			H && clearTimeout(H), H = setTimeout(() => {
+		}), 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() {
+			B && clearTimeout(B), B = setTimeout(() => {
 				$();
 			}, 120);
 		}
 		le(() => {
 			$();
-			let e = L.value?.fieldRef;
-			e && (V = new ResizeObserver(() => {
-				De();
-			}), V.observe(e));
+			let e = R.value?.fieldRef;
+			e && (z = new ResizeObserver(() => {
+				Ae();
+			}), z.observe(e));
 		}), ce(() => {
-			V?.disconnect(), H && clearTimeout(H);
+			z?.disconnect(), B && clearTimeout(B);
 		});
-		let U = l(() => W.value.length === 0), W = l(() => {
-			if (g.multiple) return (A.value ?? []).map((e) => ke(e)).filter((e) => !!e);
-			let e = A.value === void 0 ? void 0 : ke(A.value);
+		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);
 			return e ? [e] : [];
-		}), Oe = l(() => {
+		}), je = u(() => {
 			let e = /* @__PURE__ */ new Map();
 			return g.items?.forEach((t, n) => {
 				e.set(t.key, n);
 			}), e;
-		}), G = l(() => W.value?.map(q).filter(Boolean).join(", ")), K = l(() => g.clearable && !g.readonly && !g.disabled && !g.loading && !U.value);
-		function ke(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);
 		}
-		function Ae(e) {
-			g.multiple && e < A.value.length && (!g.required || A.value.length > 1) ? N.value = A.value.toSpliced(e, 1) : Y();
+		function Ne(e) {
+			g.multiple && e < A.value.length && (!g.required || A.value.length > 1) ? P.value = A.value.toSpliced(e, 1) : q();
 		}
-		function q(e) {
+		function G(e) {
 			return e?.[g.itemLabel] ?? "";
 		}
-		function je(e) {
-			return e + 1 < W.value.length - F.value ? ", " : "";
+		function Pe(e) {
+			return e + 1 < H.value.length - I.value ? ", " : "";
 		}
-		function J(e) {
-			Array.isArray(e) ? A.value = e.sort((e, t) => Oe.value.get(e) - Oe.value.get(t)) : (A.value = e, X());
+		function K(e) {
+			Array.isArray(e) ? A.value = e.sort((e, t) => je.value.get(e) - je.value.get(t)) : (A.value = e, Y());
 		}
-		function Y() {
-			J(g.emptyValue), Re();
+		function q() {
+			K(g.emptyValue), Z();
 		}
-		function Me(e) {
-			!R.value?.contains(e.relatedTarget) && !L.value?.fieldRef?.contains(e.relatedTarget) && X(!1);
+		function Fe(e) {
+			!Te.value?.contains(e.relatedTarget) && !R.value?.fieldRef?.contains(e.relatedTarget) && Y(!1);
 		}
-		function Ne() {
-			P.value || g.readonly || g.disabled || (I = !0, k("before-show"), P.value = !0);
+		function J() {
+			F.value || g.readonly || g.disabled || (L = !0, k("before-show"), F.value = !0);
 		}
-		function X(e = !0) {
-			P.value &&= (I = e, k("before-hide"), !1);
+		function Y(e = !0) {
+			F.value &&= (L = e, k("before-hide"), !1);
 		}
-		function Pe() {
-			g.readonly || g.disabled || (P.value ? X() : Ne());
+		function Ie() {
+			g.readonly || g.disabled || (F.value ? Y() : J());
 		}
-		function Z(e) {
+		function X(e) {
 			!e.key || g.readonly || g.disabled || ([
 				"Enter",
 				" ",
@@ -154,56 +154,57 @@ var ge = {
 				"Enter",
 				" ",
 				"ArrowDown"
-			].includes(e.key) && Ne(), ["Escape", "Tab"].includes(e.key) && (P.value ? X(e.key !== "Tab") : K.value && e.key === "Escape" && Y()), K.value && e.key === "Delete" && Y());
+			].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 Fe(e) {
-			e.key.length === 1 && e.preventDefault(), Z(e);
+		function Le(e) {
+			e.key.length === 1 && e.preventDefault(), X(e);
 		}
-		async function Ie() {
-			await v(), g.loading ? R.value?.focus() : Q(), k("show");
+		async function Re() {
+			await v(), g.loading ? Te.value?.focus() : Q(), k("show");
 		}
-		function Le() {
-			I && Re(), I = !0, k("hide");
+		function ze() {
+			L && Z(), L = !0, k("hide");
 		}
-		function Re() {
+		function Z() {
 			Ce.value?.focus();
 		}
 		function Q() {
 			we.value?.$el.focus();
 		}
 		async function $() {
-			if (await v(), await v(), !g.multiple || !z.value || U.value) {
-				F.value = 0;
+			if (await v(), await v(), !g.multiple || !Ee.value || V.value) {
+				I.value = 0;
 				return;
 			}
-			let e = z.value.offsetWidth, t = Ee.value?.$el.scrollWidth ?? 30, n = t, r = 0;
-			if (g.badges) for (let i of B.value ?? []) {
+			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 a = i.$el.scrollWidth + 4;
 				if (n + t + a <= e) n += a, r++;
 				else break;
 			}
-			else for (let i of Te.value ?? []) {
+			else for (let i of Oe.value ?? []) {
 				let a = i.scrollWidth + 4;
 				if (n + t + a <= e) n += a, r++;
 				else break;
 			}
-			F.value = (g.badges ? B.value?.length ?? 0 : Te.value?.length ?? 0) - r;
+			I.value = (g.badges ? De.value?.length ?? 0 : Oe.value?.length ?? 0) - r;
 		}
 		return D(() => g.loading, (e) => {
-			!e && P.value && v(Q);
-		}), D(() => g.badges, $), D(W, $, { deep: !0 }), D(() => g.clearable, $), D([
-			P,
+			!e && F.value && v(Q);
+		}), D(() => g.badges, $), D(H, $, { deep: !0 }), D(() => g.clearable, $), D([
+			F,
 			() => g.readonly,
 			() => g.disabled
 		], ([e, t, n]) => {
-			e && (t || n) && X(!1);
+			e && (t || n) && Y(!1);
 		}, {
 			flush: "sync",
 			immediate: !0
-		}), D(N, J), ie({ focusList: Q }), (e, a) => (x(), f(c, null, [m(T(ee), {
+		}), D(P, K), c({ focusList: Q }), (e, t) => (x(), p(l, null, [h(T(ne), {
 			id: T(j),
 			ref: "trigger",
 			label: g.label,
+			for: M.value,
 			"label-position": g.labelPosition,
 			required: g.required,
 			class: y([
@@ -219,18 +220,18 @@ var ge = {
 			"data-loading": g.loading,
 			size: g.size,
 			invalid: g.invalid,
-			onClick: Pe,
-			onKeydown: Z
-		}, se({
+			onClick: Ie,
+			onKeydown: X
+		}, oe({
 			append: O(() => [
 				S(e.$slots, "append"),
-				K.value ? (x(), u(T(te), {
+				W.value ? (x(), d(T(re), {
 					key: 0,
 					icons: g.icons,
 					texts: g.texts,
-					onClick: Y
-				}, null, 8, ["icons", "texts"])) : d("v-if", !0),
-				g.readonly ? d("v-if", !0) : (x(), u(T(n), {
+					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,
@@ -239,35 +240,35 @@ var ge = {
 					borderless: "",
 					tabindex: -1,
 					disabled: g.disabled,
-					onClick: Pe
+					onClick: Ie
 				}, {
-					default: O(() => [m(T(i), {
-						"model-value": P.value,
+					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", {
-				empty: U.value,
-				items: W.value,
+				empty: V.value,
+				items: H.value,
 				value: A.value
-			}, () => [U.value ? (x(), f("span", ye, [!g.readonly && !g.disabled ? (x(), f(c, { key: 0 }, [p(C(g.texts.placeholder), 1)], 64)) : d("v-if", !0)])) : (x(), f(c, { key: 0 }, [g.badges || g.multiple ? (x(), f("span", ge, [g.multiple ? (x(), f(c, { key: 0 }, [
-				(x(!0), f(c, null, de(W.value, (e, t) => (x(), f(c, { key: `visible-${t}` }, [t < W.value.length - F.value ? (x(), f(c, { key: 0 }, [g.badges ? (x(), u(T(o), {
+			}, () => [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), {
 					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 || W.value.length > 1),
+					removable: !g.readonly && !g.disabled && (!g.required || H.value.length > 1),
 					texts: g.texts,
-					"onClick:remove": () => Ae(t)
+					"onClick:remove": () => Ne(t)
 				}, {
-					default: O(() => [e?.icon ? (x(), u(T(r), _({
+					default: O(() => [e?.icon ? (x(), d(T(i), _({
 						key: 0,
 						ref_for: !0
-					}, e.icon), null, 16)) : d("v-if", !0), p(" " + C(q(e)), 1)]),
+					}, e.icon), null, 16)) : f("v-if", !0), m(" " + C(G(e)), 1)]),
 					_: 2
 				}, 1032, [
 					"color",
@@ -275,26 +276,26 @@ var ge = {
 					"removable",
 					"texts",
 					"onClick:remove"
-				])) : g.multiple ? (x(), f("span", _e, C(q(e) + je(t)), 1)) : d("v-if", !0)], 64)) : d("v-if", !0)], 64))), 128)),
-				F.value > 0 ? (x(), f(c, { key: 0 }, [m(T(o), {
+				])) : 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), {
 					ref: "hiddenItemsCountBadge",
 					pill: "",
 					size: "small",
 					focusable: !1,
 					class: y(["q-select__badge-count", { "q-select__badge-count--clickable": g.readonly || g.disabled }])
 				}, {
-					default: O(() => [p(" +" + C(F.value), 1)]),
+					default: O(() => [m(" +" + C(I.value), 1)]),
 					_: 1
-				}, 8, ["class"]), g.readonly || g.disabled ? (x(), u(T(ae), {
+				}, 8, ["class"]), g.readonly || g.disabled ? (x(), d(T(ie), {
 					key: 0,
-					anchor: Ee.value?.$el,
-					text: G.value,
+					anchor: ke.value?.$el,
+					text: U.value,
 					placement: "bottom-start"
 				}, {
-					default: O(() => [p(C(G.value), 1)]),
+					default: O(() => [m(C(U.value), 1)]),
 					_: 1
-				}, 8, ["anchor", "text"])) : d("v-if", !0)], 64)) : d("v-if", !0),
-				(x(!0), f(c, null, de(W.value, (e, t) => (x(), f(c, { key: `measure-${t}` }, [g.badges ? (x(), u(T(o), {
+				}, 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), {
 					key: 0,
 					ref_for: !0,
 					ref: "allBadges",
@@ -304,20 +305,20 @@ var ge = {
 					color: g.readonly || g.disabled ? "neutral" : void 0,
 					disabled: "",
 					class: "q-select__badge-hidden",
-					removable: !g.readonly && !g.disabled && (!g.required || W.value.length > 1)
+					removable: !g.readonly && !g.disabled && (!g.required || H.value.length > 1)
 				}, {
-					default: O(() => [e?.icon ? (x(), u(T(r), _({
+					default: O(() => [e?.icon ? (x(), d(T(i), _({
 						key: 0,
 						ref_for: !0
-					}, e.icon), null, 16)) : d("v-if", !0), p(" " + C(q(e)), 1)]),
+					}, e.icon), null, 16)) : f("v-if", !0), m(" " + C(G(e)), 1)]),
 					_: 2
-				}, 1032, ["color", "removable"])) : g.multiple ? (x(), f("span", {
+				}, 1032, ["color", "removable"])) : g.multiple ? (x(), p("span", {
 					key: 1,
 					ref_for: !0,
 					ref: "allPlainTexts",
 					class: "q-select__multi-value--hidden"
-				}, C(q(e) + je(t)), 513)) : d("v-if", !0)], 64))), 128))
-			], 64)) : (x(), u(T(o), {
+				}, C(G(e) + Pe(t)), 513)) : f("v-if", !0)], 64))), 128))
+			], 64)) : (x(), d(T(o), {
 				key: 1,
 				pill: "",
 				size: "small",
@@ -325,35 +326,35 @@ var ge = {
 				disabled: g.readonly || g.disabled,
 				removable: !g.readonly && !g.disabled && !g.required,
 				texts: g.texts,
-				"onClick:remove": Y
+				"onClick:remove": q
 			}, {
-				default: O(() => [W.value[0]?.icon ? (x(), u(T(r), b(_({ key: 0 }, W.value[0].icon)), null, 16)) : d("v-if", !0), p(" " + C(q(W.value[0])), 1)]),
+				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)]),
 				_: 1
 			}, 8, [
 				"disabled",
 				"removable",
 				"texts"
-			]))], 512)) : (x(), f("span", ve, C(G.value), 1))], 64))]), me(oe("input", _({
-				id: `${T(j)}_input`,
+			]))], 512)) : (x(), p("span", ve, C(U.value), 1))], 64))]), me(ae("input", _({
+				id: M.value,
 				ref: "input"
 			}, e.$attrs, {
-				"onUpdate:modelValue": a[0] ||= (e) => G.value = e,
+				"onUpdate:modelValue": t[0] ||= (e) => U.value = e,
 				class: "q-select__input",
 				inputmode: "none",
 				type: "text",
 				autocomplete: "off",
 				tabindex: g.disabled ? -1 : 0,
 				role: "combobox",
-				"aria-expanded": P.value,
-				"aria-controls": P.value ? M.value : void 0,
+				"aria-expanded": F.value,
+				"aria-controls": F.value ? N.value : void 0,
 				"aria-haspopup": "listbox",
-				"aria-keyshortcuts": K.value ? "Delete" : void 0,
-				onKeydown: Fe
-			}), null, 16, be), [[pe, G.value]])]),
+				"aria-keyshortcuts": W.value ? "Delete" : void 0,
+				onKeydown: Le
+			}), null, 16, be), [[pe, U.value]])]),
 			_: 2
-		}, [W.value.length === 1 && W.value[0].icon && !g.badges || e.$slots.prepend ? {
+		}, [H.value.length === 1 && H.value[0].icon && !g.badges || e.$slots.prepend ? {
 			name: "prepend",
-			fn: O(() => [S(e.$slots, "prepend"), W.value.length === 1 && W.value[0].icon && !g.badges ? (x(), u(T(r), b(_({ key: 0 }, W.value[0].icon)), null, 16)) : d("v-if", !0)]),
+			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)]),
 			key: "0"
 		} : void 0, e.$slots.extras ? {
 			name: "extras",
@@ -362,6 +363,7 @@ var ge = {
 		} : void 0]), 1032, [
 			"id",
 			"label",
+			"for",
 			"label-position",
 			"required",
 			"class",
@@ -370,35 +372,37 @@ var ge = {
 			"data-loading",
 			"size",
 			"invalid"
-		]), m(T(re), {
-			modelValue: P.value,
-			"onUpdate:modelValue": a[1] ||= (e) => P.value = e,
+		]), h(T(te), {
+			modelValue: F.value,
+			"onUpdate:modelValue": t[1] ||= (e) => F.value = e,
 			spy: "",
+			"non-modal": "",
 			trigger: "manual",
 			placement: "bottom-start",
 			width: "anchor",
 			"scroll-lock": "",
 			inline: g.inline,
-			anchor: g.overlayAnchor ?? L.value?.fieldRef,
+			anchor: g.overlayAnchor ?? R.value?.fieldRef,
 			offset: 2,
-			onEnter: Ie,
-			onLeave: Le
+			onEnter: Re,
+			onLeave: ze
 		}, {
-			default: O(() => [oe("div", {
+			default: O(() => [ae("div", {
 				ref: "content",
 				"data-testid": "combobox-dropdown",
 				"data-key": T(j),
 				class: "q-select__body",
 				tabindex: "-1",
-				onFocusout: Me,
-				onKeydown: he(Z, ["stop"])
+				onFocusout: Fe,
+				onKeydown: he(X, ["stop"])
 			}, [
 				S(e.$slots, "body.prepend"),
-				g.loading ? (x(), f("div", Se, [m(T(t), { size: 24 })])) : (x(), u(T(ne), {
+				g.loading ? (x(), p("div", Se, [h(T(n), { size: 24 })])) : (x(), d(T(ee), {
 					key: 1,
-					id: M.value,
+					id: N.value,
 					ref: "list",
 					class: "q-select__items",
+					label: g.label,
 					selectable: "",
 					required: g.required,
 					multiple: g.multiple,
@@ -408,12 +412,13 @@ var ge = {
 					"item-label": g.itemLabel,
 					"item-value": g.itemValue,
 					"select-on-tab": g.selectOnTab,
-					"onUpdate:modelValue": J
+					"onUpdate:modelValue": K
 				}, {
 					item: O(({ item: t }) => [S(e.$slots, "item", { item: t })]),
 					_: 3
 				}, 8, [
 					"id",
+					"label",
 					"required",
 					"multiple",
 					"model-value",

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

@@ -279,6 +279,7 @@ declare const QSelect: {
             $props: {
                 readonly id?: string | undefined;
                 readonly class?: string | unknown[] | undefined;
+                readonly label?: string | undefined;
                 readonly modelValue?: any;
                 readonly highlighted?: any;
                 readonly items?: import('..').QListItemData[] | undefined;
@@ -298,7 +299,7 @@ declare const QSelect: {
             $refs: {
                 [x: string]: unknown;
             } & {
-                listRef: unknown;
+                listRef: HTMLDivElement;
                 listItemsRef: (({
                     $: import('vue').ComponentInternalInstance;
                     $data: {};
@@ -384,7 +385,7 @@ declare const QSelect: {
             $parent: import('vue').ComponentPublicInstance | null;
             $host: Element | null;
             $emit: ((event: "update:modelValue", val: any) => void) & ((event: "click", key: any) => void) & ((event: "mouseenter:item", key: any) => void);
-            $el: any;
+            $el: HTMLDivElement;
             $options: import('vue').ComponentOptionsBase<Readonly<import('..').QListProps> & Readonly<{
                 "onUpdate:modelValue"?: ((val: any) => any) | undefined;
                 onClick?: ((key: any) => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAOq70B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAP/g1B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/QSelect/index.ts"],"names":[],"mappings":"AAMA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAOq70B,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;gDAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;wCAAtH,GAAG,8CAA8C,GAAG,yBAAyB,GAAG,6DAAmC,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAP/g1B,CAAA;AAGzC,OAAO,EAAE,OAAO,EAAE,CAAA;AAGlB,cAAc,SAAS,CAAA"}