vectis-ui 0.8.0 → 0.9.0

package/dist/components/VCombobox/VCombobox.vue_vue_type_script_setup_true_lang.js

@@ -20,35 +20,35 @@ import { useInfiniteScroll as de } from "./infiniteScroll.js";
 import { chipScaleFor as fe } from "../../utils/chip.js";
 import { createNormalizedCache as pe, normalizeText as me } from "../../utils/text.js";
 import { useFocusoutDismiss as he } from "../../composables/useFocusoutDismiss.js";
-import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as ge, createTextVNode as p, createVNode as m, defineComponent as _e, inject as ve, mergeModels as h, mergeProps as g, nextTick as ye, normalizeClass as be, normalizeStyle as xe, openBlock as _, reactive as Se, ref as v, renderList as y, renderSlot as b, toDisplayString as x, unref as S, useId as Ce, useModel as we, watch as C, watchEffect as Te, withCtx as w } from "vue";
+import { Fragment as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as ge, createTextVNode as p, createVNode as m, defineComponent as _e, inject as ve, mergeModels as ye, mergeProps as h, nextTick as be, normalizeClass as xe, normalizeStyle as Se, openBlock as g, reactive as Ce, ref as _, renderList as v, renderSlot as y, toDisplayString as b, unref as x, useId as we, useModel as Te, watch as S, watchEffect as Ee, withCtx as C } from "vue";
 //#region src/components/VCombobox/VCombobox.vue?vue&type=script&setup=true&lang.ts
-var Ee = [
+var De = [
 	"data-size",
 	"data-compact",
 	"data-multiple",
 	"data-collapsed",
 	"data-open"
-], De = {
+], Oe = {
 	key: 0,
 	class: "v-combobox-text"
-}, Oe = {
+}, ke = {
 	key: 1,
 	class: "v-combobox-overflow"
-}, ke = {
+}, Ae = {
 	key: 0,
 	class: "v-combobox-state",
 	"aria-hidden": "true"
-}, Ae = {
+}, je = {
 	key: 1,
 	class: "v-combobox-state",
 	"aria-hidden": "true"
-}, je = {
+}, Me = {
 	class: "v-visually-hidden",
 	role: "status"
-}, T = /*@__PURE__*/ _e({
+}, w = /*@__PURE__*/ _e({
 	inheritAttrs: !1,
 	__name: "VCombobox",
-	props: /*@__PURE__*/ h({
+	props: /*@__PURE__*/ ye({
 		options: {},
 		multiple: {
 			type: Boolean,
@@ -108,18 +108,18 @@ var Ee = [
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ h([
+	emits: /*@__PURE__*/ ye([
 		"search",
 		"load-more",
 		"clear",
 		"click:icon-start"
 	], ["update:modelValue"]),
-	setup(o, { expose: _e, emit: h }) {
-		let T = (e) => "options" in e, Me = (e) => "separator" in e, E = o, D = e(), Ne = c(() => E.emptyText ?? D.value.combobox.empty), Pe = c(() => E.clearLabel ?? D.value.combobox.clear), O = c(() => E.loadingText ?? D.value.common.loading), k = h, { size: A, compact: j, disabled: M } = i(E, ve(ie, null)), N = c(() => fe(A.value, j.value)), P = we(o, "modelValue"), { rootClass: Fe, rootStyle: Ie, forwardedAttrs: Le } = ee(), Re = ne((e) => k("click:icon-start", e)), ze = c(() => ({
-			...Le.value,
-			...Re
-		})), Be = v(null), F = v(null), Ve = Ce(), I = v(!1), L = v(""), R = v(-1), z = v(!1), B = v(!1), V = c(() => E.multiple ? Array.isArray(P.value) ? P.value : [] : !Array.isArray(P.value) && P.value !== "" ? [P.value] : []), H = c(() => E.options.flatMap((e) => Me(e) ? [] : T(e) ? e.options : [e])), U = Se(/* @__PURE__ */ new Map());
-		Te(() => {
+	setup(o, { expose: _e, emit: ye }) {
+		let w = (e) => "options" in e, Ne = (e) => "separator" in e, T = o, E = e(), Pe = c(() => T.emptyText ?? E.value.combobox.empty), Fe = c(() => T.clearLabel ?? E.value.combobox.clear), D = c(() => T.loadingText ?? E.value.common.loading), O = ye, { size: k, compact: A, disabled: j } = i(T, ve(ie, null)), M = c(() => fe(k.value, A.value)), N = Te(o, "modelValue"), { rootClass: Ie, rootStyle: Le, forwardedAttrs: Re } = ee(), ze = ne((e) => O("click:icon-start", e)), Be = c(() => ({
+			...Re.value,
+			...ze
+		})), Ve = _(null), P = _(null), F = we(), I = _(!1), L = _(""), R = _(-1), z = _(!1), B = _(!1), V = c(() => T.multiple ? Array.isArray(N.value) ? N.value : [] : !Array.isArray(N.value) && N.value !== "" ? [N.value] : []), H = c(() => T.options.flatMap((e) => Ne(e) ? [] : w(e) ? e.options : [e])), U = Ce(/* @__PURE__ */ new Map());
+		Ee(() => {
 			let e = new Set(V.value);
 			for (let t of H.value) e.has(t.value) && U.set(t.value, t);
 			for (let t of U.keys()) e.has(t) || U.delete(t);
@@ -135,28 +135,28 @@ var Ee = [
 		function W(e) {
 			return We(e)?.label ?? String(e);
 		}
-		let Ge = pe(), Ke = (e) => Ge(e, e.label), G = c(() => B.value ? L.value.trim() : ""), K = c(() => {
-			let e = E.filter, t = H.value;
+		let Ge = pe(), Ke = (e) => Ge(e, e.label), G = c(() => B.value ? L.value.trim() : ""), K = _(null), q = c(() => {
+			let e = T.filter, t = H.value;
 			if (e === !1) return t;
-			let n = G.value;
+			let n = K.value ?? G.value;
 			if (!n) return t;
 			if (typeof e == "function") return t.filter((t) => e(t, n));
 			let r = me(n);
 			return t.filter((e) => Ke(e).includes(r));
-		}), qe = c(() => !I.value || K.value.length > 0 ? "" : E.loading ? O.value : Ne.value), Je = c(() => {
-			let e = new Set(K.value), t = 0, n = (n, r) => e.has(n) ? {
+		}), qe = c(() => !I.value || q.value.length > 0 ? "" : T.loading ? D.value : Pe.value), Je = c(() => {
+			let e = new Set(q.value), t = 0, n = (n, r) => e.has(n) ? {
 				kind: "option",
 				key: `option:${r}`,
 				option: n,
 				index: t++
 			} : null, r = [], i = null;
-			for (let [e, t] of E.options.entries()) {
-				if (Me(t)) {
+			for (let [e, t] of T.options.entries()) {
+				if (Ne(t)) {
 					r.length > 0 && (i = `sep:${e}`);
 					continue;
 				}
 				let a;
-				if (T(t)) {
+				if (w(t)) {
 					let r = t.options.map((t, r) => n(t, `${e}.${r}`)).filter((e) => e !== null);
 					a = r.length > 0 ? {
 						kind: "group",
@@ -171,31 +171,34 @@ var Ee = [
 				}), i = null), r.push(a));
 			}
 			return r;
-		}), Ye = oe(), Xe, q = Ye.cancel;
+		}), Ye = oe(), Xe, J = Ye.cancel;
 		function Ze(e, t = !1) {
-			q(), e !== Xe && Ye.start(() => {
-				I.value && (Xe = e, k("search", e));
-			}, t ? 0 : E.searchDebounce);
+			J(), e !== Xe && Ye.start(() => {
+				I.value && (Xe = e, O("search", e));
+			}, t ? 0 : T.searchDebounce);
 		}
-		C(G, (e) => {
-			I.value && (R.value = K.value.findIndex((e) => !e.disabled), Ze(e));
-		}), C(K, (e) => {
+		S(G, (e) => {
+			I.value && (R.value = q.value.findIndex((e) => !e.disabled), lt.restart(), Ze(e));
+		}), S(q, (e) => {
 			I.value && (R.value < 0 || R.value >= e.length) && (R.value = e.findIndex((e) => !e.disabled));
 		});
-		function J() {
-			let e = E.multiple ? void 0 : V.value[0];
+		function Y() {
+			let e = T.multiple ? void 0 : V.value[0];
 			return e === void 0 ? "" : W(e);
 		}
-		L.value = J(), C(H, () => {
-			E.multiple || I.value || B.value || V.value.length && (L.value = J());
+		L.value = Y(), S([H, V], () => {
+			T.multiple || I.value || B.value || (L.value = Y());
 		}, { flush: "post" });
-		let Y = c(() => E.multiple && E.display === "text"), Qe = c(() => E.multiple && V.value.length > 0 && (!z.value || Y.value && E.readonly)), X = c(() => Qe.value && E.max ? V.value.slice(0, E.max) : V.value), Z = c(() => V.value.length - X.value.length), $e = c(() => E.overflowText ? E.overflowText(Z.value) : `+${Z.value}`), et = c(() => Y.value ? X.value.map(W).join(", ") : ""), tt = c(() => re(E, M.value, V.value.length > 0 || L.value.length > 0)), nt = (e) => `${Ve}-option-${e}`;
-		function rt(e) {
+		let X = c(() => T.multiple && T.display === "text"), Qe = c(() => T.multiple && V.value.length > 0 && (!z.value || X.value && T.readonly)), $e = c(() => Qe.value && T.max ? V.value.slice(0, T.max) : V.value), Z = c(() => V.value.length - $e.value.length), et = c(() => T.overflowText ? T.overflowText(Z.value) : `+${Z.value}`), tt = c(() => X.value ? $e.value.map(W).join(", ") : ""), nt = c(() => re(T, j.value, V.value.length > 0 || L.value.length > 0)), rt = c(() => new Map(H.value.map((e, t) => [e, t]))), it = (e) => {
+			let t = q.value[e];
+			return `${F}-option-${t ? rt.value.get(t) : e}`;
+		};
+		function at(e) {
 			let t = e.index === R.value, n = Ue.value.has(e.option.value);
 			return {
 				...e,
 				row: {
-					id: nt(e.index),
+					id: it(e.index),
 					icon: e.option.icon,
 					active: t,
 					selected: n,
@@ -209,191 +212,194 @@ var Ee = [
 				}
 			};
 		}
-		let it = c(() => Je.value.map((e) => e.kind === "option" ? rt(e) : e.kind === "group" ? {
+		let ot = c(() => Je.value.map((e) => e.kind === "option" ? at(e) : e.kind === "group" ? {
 			...e,
-			options: e.options.map(rt)
+			options: e.options.map(at)
 		} : e));
-		function at(e) {
+		function st(e) {
 			e.option.disabled || (R.value = e.index);
 		}
-		C(R, (e) => {
-			e < 0 || ye(() => {
-				document.getElementById(nt(e))?.scrollIntoView?.({ block: "nearest" });
+		S(R, (e) => {
+			e < 0 || be(() => {
+				document.getElementById(it(e))?.scrollIntoView?.({ block: "nearest" });
 			});
 		});
 		function Q() {
-			if (M.value || E.readonly || I.value) return;
-			I.value = !0;
-			let e = K.value, t = e.findIndex((e) => !e.disabled && Ue.value.has(e.value));
+			if (j.value || T.readonly || I.value) return;
+			K.value = null, I.value = !0;
+			let e = q.value, t = e.findIndex((e) => !e.disabled && Ue.value.has(e.value));
 			R.value = t >= 0 ? t : e.findIndex((e) => !e.disabled), Ze(G.value, !0);
 		}
-		let ot = v(null), st = de({
-			sentinelEl: ot,
-			canLoad: () => I.value && E.hasMore && !E.loading,
-			loadedCount: () => H.value.length,
-			onLoadMore: () => k("load-more")
+		let ct = _(null), lt = de({
+			sentinelEl: ct,
+			canLoad: () => I.value && T.hasMore && !T.loading,
+			loaded: () => H.value,
+			onLoadMore: () => O("load-more")
 		});
 		function $() {
-			I.value && (q(), st.reset(), I.value = !1, R.value = -1, B.value = !1, L.value = J());
+			I.value && (J(), lt.reset(), K.value = G.value, I.value = !1, R.value = -1, B.value = !1, L.value = Y());
 		}
-		let ct = he(Be, $);
-		function lt(e) {
+		S(() => T.readonly || j.value, (e) => {
+			e && $();
+		});
+		let ut = he(Ve, $);
+		function dt(e) {
 			e.preventDefault();
 		}
-		function ut() {
+		function ft() {
 			B.value = !0, Q();
 		}
-		function dt() {
-			!E.multiple && L.value && F.value?.select();
+		function pt() {
+			!T.multiple && L.value && P.value?.select();
 		}
-		function ft() {
-			z.value = !0, dt();
+		function mt() {
+			z.value = !0, pt();
 		}
-		let pt = (e) => e.target instanceof Element && e.target.closest(".v-combobox-chevron, .v-combobox-spinner") !== null;
-		function mt(e) {
-			pt(e) && e.preventDefault();
+		let ht = (e) => e.target instanceof Element && e.target.closest(".v-combobox-chevron, .v-combobox-spinner") !== null;
+		function gt(e) {
+			ht(e) && e.preventDefault();
 		}
-		function ht(e) {
-			if (!M.value) {
-				if (F.value?.focus(), I.value && pt(e)) {
+		function _t(e) {
+			if (!j.value) {
+				if (P.value?.focus(), I.value && ht(e)) {
 					$();
 					return;
 				}
-				Q(), dt();
+				Q(), pt();
 			}
 		}
-		function gt(e) {
-			e.disabled || (U.set(e.value, e), B.value = !1, E.multiple ? (P.value = te(V.value, e.value), L.value = "", F.value?.focus()) : (P.value = e.value, q(), L.value = e.label, I.value = !1, R.value = -1));
+		function vt(e) {
+			e.disabled || T.readonly || j.value || (U.set(e.value, e), T.multiple || (K.value = G.value), B.value = !1, T.multiple ? (N.value = te(V.value, e.value), L.value = "", P.value?.focus()) : (N.value = e.value, J(), lt.reset(), L.value = e.label, I.value = !1, R.value = -1));
 		}
-		function _t(e) {
-			!E.multiple || E.readonly || (P.value = V.value.filter((t) => t !== e), F.value?.focus());
+		function yt(e) {
+			!T.multiple || T.readonly || (N.value = V.value.filter((t) => t !== e), P.value?.focus());
 		}
-		function vt() {
-			P.value = E.multiple ? [] : "", B.value = !1, R.value = -1, k("clear");
+		function bt() {
+			N.value = T.multiple ? [] : "", B.value = !1, R.value = I.value ? q.value.findIndex((e) => !e.disabled) : -1, O("clear");
 		}
-		function yt(e) {
-			let t = K.value;
+		function xt(e) {
+			let t = q.value;
 			if (t.length === 0) return;
-			let n = R.value;
+			let n = R.value < 0 && e < 0 ? 0 : R.value;
 			for (let r = 0; r < t.length && (n = (n + e + t.length) % t.length, t[n]?.disabled); r++);
 			R.value = n;
 		}
-		function bt(e) {
+		function St(e) {
 			switch (e.key) {
 				case "ArrowDown":
-					e.preventDefault(), I.value ? yt(1) : Q();
+					e.preventDefault(), I.value ? xt(1) : Q();
 					break;
 				case "ArrowUp":
-					e.preventDefault(), I.value ? yt(-1) : Q();
+					e.preventDefault(), I.value ? xt(-1) : Q();
 					break;
 				case "Enter":
 					if (I.value && R.value >= 0) {
 						e.preventDefault();
-						let t = K.value[R.value];
-						t && gt(t);
+						let t = q.value[R.value];
+						t && vt(t);
 					}
 					break;
 				case "Escape":
-					$();
+					I.value && (e.preventDefault(), $());
 					break;
 				case "Tab":
 					$();
 					break;
 				case "Backspace":
-					if (E.multiple && !L.value) {
+					if (T.multiple && !L.value) {
 						let e = V.value.at(-1);
-						e !== void 0 && _t(e);
+						e !== void 0 && yt(e);
 					}
 					break;
 			}
 		}
 		return _e({
-			focus: (e) => F.value?.focus(e),
-			select: () => F.value?.select(),
-			el: c(() => F.value?.el ?? null)
-		}), (e, i) => (_(), d("div", {
+			focus: (e) => P.value?.focus(e),
+			select: () => P.value?.select(),
+			el: c(() => P.value?.el ?? null)
+		}), (e, i) => (g(), d("div", {
 			ref_key: "rootEl",
-			ref: Be,
-			class: be(["v-combobox", S(Fe)]),
-			style: xe([{ "--chip-height": N.value.height }, S(Ie)]),
-			"data-size": S(A),
-			"data-compact": S(j) ? "" : void 0,
+			ref: Ve,
+			class: xe(["v-combobox", x(Ie)]),
+			style: Se([{ "--chip-height": M.value.height }, x(Le)]),
+			"data-size": x(k),
+			"data-compact": x(A) ? "" : void 0,
 			"data-multiple": o.multiple ? "" : void 0,
 			"data-collapsed": Qe.value ? "" : void 0,
 			"data-open": I.value ? "" : void 0,
-			onFocusout: i[3] ||= (...e) => S(ct) && S(ct)(...e)
+			onFocusout: i[3] ||= (...e) => x(ut) && x(ut)(...e)
 		}, [
 			f("div", {
 				class: "v-combobox-control",
-				onMousedown: mt,
-				onClick: ht
-			}, [m(ae, g({
+				onMousedown: gt,
+				onClick: _t
+			}, [m(ae, h({
 				ref_key: "inputRef",
-				ref: F,
+				ref: P,
 				modelValue: L.value,
 				"onUpdate:modelValue": i[0] ||= (e) => L.value = e,
-				class: ["v-input-end-pinned", { "v-input-chips": o.multiple && !Y.value }],
+				class: ["v-input-end-pinned", { "v-input-chips": o.multiple && !X.value }],
 				role: "combobox",
 				"aria-haspopup": "listbox",
 				"aria-autocomplete": "list",
 				"aria-expanded": I.value,
-				"aria-controls": S(Ve)
-			}, ze.value, {
+				"aria-controls": x(F)
+			}, Be.value, {
 				label: o.label,
 				hint: o.hint,
-				size: S(A),
-				compact: S(j),
+				size: x(k),
+				compact: x(A),
 				invalid: o.invalid,
-				disabled: S(M),
+				disabled: x(j),
 				readonly: o.readonly,
 				"icon-start": o.iconStart,
 				"icon-start-label": o.iconStartLabel,
 				clearable: o.clearable,
-				"clear-visible": tt.value,
-				"clear-label": Pe.value,
+				"clear-visible": nt.value,
+				"clear-label": Fe.value,
 				placeholder: V.value.length === 0 ? o.placeholder : void 0,
-				"aria-activedescendant": I.value && R.value >= 0 ? nt(R.value) : void 0,
-				onInput: ut,
-				onKeydown: bt,
-				onFocus: ft,
+				"aria-activedescendant": I.value && R.value >= 0 ? it(R.value) : void 0,
+				onInput: ft,
+				onKeydown: St,
+				onFocus: mt,
 				onBlur: i[1] ||= (e) => z.value = !1,
-				onClear: vt
+				onClear: bt
 			}), ge({
-				end: w(() => [o.loading ? (_(), l(a, {
+				end: C(() => [o.loading ? (g(), l(a, {
 					key: 0,
 					class: "v-combobox-spinner v-input-icon-end",
 					"aria-hidden": "true"
-				})) : (_(), l(n, g({ key: 1 }, S(t)(o.expandIcon), {
+				})) : (g(), l(n, h({ key: 1 }, x(t)(o.expandIcon), {
 					class: "v-combobox-chevron v-input-icon-end",
 					"aria-hidden": "true"
 				}), null, 16))]),
 				_: 2
 			}, [o.multiple || e.$slots.start ? {
 				name: "start",
-				fn: w(() => [
-					et.value ? (_(), d("span", De, x(et.value), 1)) : u("", !0),
-					Y.value && Z.value > 0 ? (_(), d("span", Oe, [b(e.$slots, "overflow", {
+				fn: C(() => [
+					tt.value ? (g(), d("span", Oe, b(tt.value), 1)) : u("", !0),
+					X.value && Z.value > 0 ? (g(), d("span", ke, [y(e.$slots, "overflow", {
 						count: Z.value,
-						size: N.value.size,
-						compact: N.value.compact
-					}, () => [p(x($e.value), 1)])])) : u("", !0),
-					(_(!0), d(s, null, y(o.multiple && !Y.value ? X.value : [], (t) => b(e.$slots, "chip", {
+						size: M.value.size,
+						compact: M.value.compact
+					}, () => [p(b(et.value), 1)])])) : u("", !0),
+					(g(!0), d(s, null, v(o.multiple && !X.value ? $e.value : [], (t) => y(e.$slots, "chip", {
 						value: t,
 						option: We(t),
 						label: W(t),
-						remove: () => _t(t),
-						size: N.value.size,
-						compact: N.value.compact
+						remove: () => yt(t),
+						size: M.value.size,
+						compact: M.value.compact
 					}, () => [m(se, {
 						tone: "accent",
-						size: N.value.size,
-						compact: N.value.compact,
-						dismissible: !o.readonly && !S(M),
-						"dismiss-label": S(D).common.remove(W(t)),
-						disabled: S(M),
-						onDismiss: (e) => _t(t)
+						size: M.value.size,
+						compact: M.value.compact,
+						dismissible: !o.readonly && !x(j),
+						"dismiss-label": x(E).common.remove(W(t)),
+						disabled: x(j),
+						onDismiss: (e) => yt(t)
 					}, {
-						default: w(() => [p(x(W(t)), 1)]),
+						default: C(() => [p(b(W(t)), 1)]),
 						_: 2
 					}, 1032, [
 						"size",
@@ -403,30 +409,30 @@ var Ee = [
 						"disabled",
 						"onDismiss"
 					])], void 0, t)), 128)),
-					o.multiple && !Y.value && Z.value > 0 ? b(e.$slots, "overflow", {
+					o.multiple && !X.value && Z.value > 0 ? y(e.$slots, "overflow", {
 						count: Z.value,
-						size: N.value.size,
-						compact: N.value.compact
+						size: M.value.size,
+						compact: M.value.compact
 					}, () => [m(se, {
 						class: "v-combobox-overflow-chip",
 						tone: "neutral",
-						size: N.value.size,
-						compact: N.value.compact,
-						disabled: S(M)
+						size: M.value.size,
+						compact: M.value.compact,
+						disabled: x(j)
 					}, {
-						default: w(() => [p(x($e.value), 1)]),
+						default: C(() => [p(b(et.value), 1)]),
 						_: 1
 					}, 8, [
 						"size",
 						"compact",
 						"disabled"
 					])], void 0, 2) : u("", !0),
-					b(e.$slots, "start")
+					y(e.$slots, "start")
 				]),
 				key: "0"
 			} : void 0, e.$slots["value-end"] ? {
 				name: "value-end",
-				fn: w(() => [b(e.$slots, "value-end")]),
+				fn: C(() => [y(e.$slots, "value-end")]),
 				key: "1"
 			} : void 0]), 1040, [
 				"modelValue",
@@ -449,7 +455,7 @@ var Ee = [
 				"aria-activedescendant"
 			])], 32),
 			m(r, {
-				id: S(Ve),
+				id: x(F),
 				open: I.value,
 				"onUpdate:open": i[2] ||= (e) => I.value = e,
 				mode: "manual",
@@ -458,44 +464,44 @@ var Ee = [
 				placement: o.placement,
 				role: "listbox",
 				class: "v-combobox-panel v-control",
-				"data-size": S(A),
-				"data-compact": S(j) ? "" : void 0,
+				"data-size": x(k),
+				"data-compact": x(A) ? "" : void 0,
 				"aria-multiselectable": o.multiple ? "true" : void 0,
-				onMousedown: lt
+				onMousedown: dt
 			}, {
-				default: w(() => [
-					(_(!0), d(s, null, y(it.value, (t) => (_(), d(s, { key: t.key }, [t.kind === "separator" ? (_(), l(ue, { key: 0 })) : t.kind === "group" ? (_(), l(le, {
+				default: C(() => [
+					(g(!0), d(s, null, v(ot.value, (t) => (g(), d(s, { key: t.key }, [t.kind === "separator" ? (g(), l(ue, { key: 0 })) : t.kind === "group" ? (g(), l(le, {
 						key: 1,
 						label: t.label
 					}, {
-						default: w(() => [(_(!0), d(s, null, y(t.options, (t) => (_(), l(ce, g({ key: t.key }, { ref_for: !0 }, t.row, {
-							onSelect: (e) => gt(t.option),
-							onPointermove: (e) => at(t)
+						default: C(() => [(g(!0), d(s, null, v(t.options, (t) => (g(), l(ce, h({ key: t.key }, { ref_for: !0 }, t.row, {
+							onSelect: (e) => vt(t.option),
+							onPointermove: (e) => st(t)
 						}), {
-							default: w(() => [b(e.$slots, "option", g({ ref_for: !0 }, t.slot), () => [p(x(t.option.label), 1)])]),
+							default: C(() => [y(e.$slots, "option", h({ ref_for: !0 }, t.slot), () => [p(b(t.option.label), 1)])]),
 							_: 2
 						}, 1040, ["onSelect", "onPointermove"]))), 128))]),
 						_: 2
-					}, 1032, ["label"])) : (_(), l(ce, g({
+					}, 1032, ["label"])) : (g(), l(ce, h({
 						key: 2,
 						ref_for: !0
 					}, t.row, {
-						onSelect: (e) => gt(t.option),
-						onPointermove: (e) => at(t)
+						onSelect: (e) => vt(t.option),
+						onPointermove: (e) => st(t)
 					}), {
-						default: w(() => [b(e.$slots, "option", g({ ref_for: !0 }, t.slot), () => [p(x(t.option.label), 1)])]),
+						default: C(() => [y(e.$slots, "option", h({ ref_for: !0 }, t.slot), () => [p(b(t.option.label), 1)])]),
 						_: 2
 					}, 1040, ["onSelect", "onPointermove"]))], 64))), 128)),
-					o.loading && K.value.length === 0 ? (_(), d("div", ke, [b(e.$slots, "loading", {}, () => [m(a, { label: O.value }, null, 8, ["label"]), f("span", null, x(O.value), 1)])])) : K.value.length === 0 ? (_(), d("div", Ae, [b(e.$slots, "empty", { query: G.value }, () => [p(x(Ne.value), 1)])])) : u("", !0),
-					o.hasMore ? (_(), d("div", {
+					o.loading && q.value.length === 0 ? (g(), d("div", Ae, [y(e.$slots, "loading", {}, () => [m(a, { label: D.value }, null, 8, ["label"]), f("span", null, b(D.value), 1)])])) : q.value.length === 0 ? (g(), d("div", je, [y(e.$slots, "empty", { query: G.value }, () => [p(b(Pe.value), 1)])])) : u("", !0),
+					o.hasMore ? (g(), d("div", {
 						key: 2,
 						ref_key: "sentinelEl",
-						ref: ot,
+						ref: ct,
 						class: "v-combobox-more",
 						"aria-hidden": "true"
-					}, [o.loading ? (_(), l(a, {
+					}, [o.loading ? (g(), l(a, {
 						key: 0,
-						label: O.value
+						label: D.value
 					}, null, 8, ["label"])) : u("", !0)], 512)) : u("", !0)
 				]),
 				_: 3
@@ -507,11 +513,11 @@ var Ee = [
 				"data-compact",
 				"aria-multiselectable"
 			]),
-			f("span", je, x(qe.value), 1)
-		], 46, Ee));
+			f("span", Me, b(qe.value), 1)
+		], 46, De));
 	}
 });
 //#endregion
-export { T as default };
+export { w as default };
 
 //# sourceMappingURL=VCombobox.vue_vue_type_script_setup_true_lang.js.map