@quidgest/ui 0.19.0 → 0.20.0

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

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

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

@@ -1,6 +1,7 @@
 declare const QSelect: {
     new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         modelValue?: any;
+        open?: boolean;
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         required?: boolean;
@@ -17,6 +18,8 @@ declare const QSelect: {
         groups?: import('..').Group[];
         clearable?: boolean;
         inline?: boolean;
+        overlayAnchor?: import('..').QOverlayAnchor;
+        selectOnTab?: boolean;
         multiple?: boolean;
         badges?: boolean;
         loading?: boolean;
@@ -31,8 +34,12 @@ declare const QSelect: {
         onShow?: (() => any) | undefined;
         "onBefore-show"?: (() => any) | undefined;
         "onBefore-hide"?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }>, {
+        focusList: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         "update:modelValue": (value: any) => any;
+        "update:open": (value: boolean) => any;
     } & {
         hide: () => any;
         show: () => any;
@@ -42,6 +49,7 @@ declare const QSelect: {
         icons: typeof import('./constants').DEFAULT_ICONS;
         texts: typeof import('./constants').DEFAULT_TEXTS;
         groups: import('..').Group[];
+        selectOnTab: boolean;
         itemValue: string;
         itemLabel: string;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
@@ -451,6 +459,7 @@ declare const QSelect: {
         Defaults: {};
     }, Readonly<{
         modelValue?: any;
+        open?: boolean;
     } & import('../../types/component').QBaseComponentProps & {
         label?: string;
         required?: boolean;
@@ -467,6 +476,8 @@ declare const QSelect: {
         groups?: import('..').Group[];
         clearable?: boolean;
         inline?: boolean;
+        overlayAnchor?: import('..').QOverlayAnchor;
+        selectOnTab?: boolean;
         multiple?: boolean;
         badges?: boolean;
         loading?: boolean;
@@ -481,10 +492,14 @@ declare const QSelect: {
         onShow?: (() => any) | undefined;
         "onBefore-show"?: (() => any) | undefined;
         "onBefore-hide"?: (() => any) | undefined;
-    }>, {}, {}, {}, {}, {
+        "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    }>, {
+        focusList: () => void;
+    }, {}, {}, {}, {
         icons: typeof import('./constants').DEFAULT_ICONS;
         texts: typeof import('./constants').DEFAULT_TEXTS;
         groups: import('..').Group[];
+        selectOnTab: boolean;
         itemValue: string;
         itemLabel: string;
     }>;
@@ -493,6 +508,7 @@ declare const QSelect: {
     __isSuspense?: never;
 } & import('vue').ComponentOptionsBase<Readonly<{
     modelValue?: any;
+    open?: boolean;
 } & import('../../types/component').QBaseComponentProps & {
     label?: string;
     required?: boolean;
@@ -509,6 +525,8 @@ declare const QSelect: {
     groups?: import('..').Group[];
     clearable?: boolean;
     inline?: boolean;
+    overlayAnchor?: import('..').QOverlayAnchor;
+    selectOnTab?: boolean;
     multiple?: boolean;
     badges?: boolean;
     loading?: boolean;
@@ -523,8 +541,12 @@ declare const QSelect: {
     onShow?: (() => any) | undefined;
     "onBefore-show"?: (() => any) | undefined;
     "onBefore-hide"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+    focusList: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "update:modelValue": (value: any) => any;
+    "update:open": (value: boolean) => any;
 } & {
     hide: () => any;
     show: () => any;
@@ -534,11 +556,17 @@ declare const QSelect: {
     icons: typeof import('./constants').DEFAULT_ICONS;
     texts: typeof import('./constants').DEFAULT_TEXTS;
     groups: import('..').Group[];
+    selectOnTab: boolean;
     itemValue: string;
     itemLabel: string;
 }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
     $slots: {
         prepend?(_: {}): any;
+        value?(_: {
+            empty: boolean;
+            items: import('..').Item[];
+            value: any;
+        }): any;
         append?(_: {}): any;
         extras?(_: {}): any;
         'body.prepend'?(_: {}): any;

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"}