vectis-ui 0.15.0 → 0.17.0

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

@@ -3,46 +3,45 @@ import { useControlShape as t } from "../../composables/useControlShape.js";
 import n from "../VSpinner/VSpinner.js";
 import { useRootAttrs as r } from "../../composables/useRootAttrs.js";
 import { expand_more as i } from "../VIcon/icons/expand_more.js";
-import { createNormalizedCache as ee, normalizeText as te } from "../../utils/text.js";
-import { toggleValue as ne } from "../../utils/array.js";
-import { iconStartListener as re } from "../../composables/useIconClickHandlers.js";
-import { canClear as ie } from "../../composables/useClearable.js";
-import { inputGroupKey as ae } from "../VInput/context.js";
-import oe from "../VInput/VInput.js";
-import se from "../VEmptyState/VEmptyState.js";
-import { inbox as ce } from "../VIcon/icons/inbox.js";
-import { search_off as le } from "../VIcon/icons/search_off.js";
-import ue from "../VListbox/VListboxChevron.js";
-import de from "../VListbox/VListboxPanel.js";
-import fe from "../VListbox/VListboxValues.js";
-import { chipScaleFor as pe } from "../../utils/chip.js";
-import { useFocusoutDismiss as me } from "../../composables/useFocusoutDismiss.js";
-import { useInfiniteScroll as he } from "../../composables/useInfiniteScroll.js";
-import { selectionOf as ge, useListbox as _e } from "../../composables/useListbox.js";
+import { createNormalizedCache as ee, normalizeText as a } from "../../utils/text.js";
+import { toggleValue as te } from "../../utils/array.js";
+import { iconStartListener as ne } from "../../composables/useIconClickHandlers.js";
+import { canClear as re } from "../../composables/useClearable.js";
+import { inputGroupKey as ie } from "../VInput/context.js";
+import ae from "../VInput/VInput.js";
+import oe from "../VEmptyState/VEmptyState.js";
+import { inbox as se } from "../VIcon/icons/inbox.js";
+import { search_off as ce } from "../VIcon/icons/search_off.js";
+import le from "../VListbox/VListboxChevron.js";
+import ue from "../VListbox/VListboxPanel.js";
+import de from "../VListbox/VListboxValues.js";
+import { chipScaleFor as fe } from "../../utils/chip.js";
+import { useFocusoutDismiss as pe } from "../../composables/useFocusoutDismiss.js";
+import { useInfiniteScroll as me } from "../../composables/useInfiniteScroll.js";
+import { optionsOf as he, selectionOf as ge, useListbox as _e } from "../../composables/useListbox.js";
 import { useDebouncedSearch as ve } from "../../composables/useDebouncedSearch.js";
-import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createSlots as u, createVNode as d, defineComponent as f, guardReactiveProps as p, inject as ye, mergeModels as m, mergeProps as be, normalizeClass as xe, normalizeProps as h, normalizeStyle as Se, openBlock as g, ref as _, renderSlot as v, toDisplayString as y, unref as b, useId as Ce, useModel as we, watch as x, withCtx as S } from "vue";
+import { computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createElementVNode as u, createSlots as d, createVNode as f, defineComponent as p, guardReactiveProps as m, inject as ye, mergeModels as h, mergeProps as be, normalizeClass as xe, normalizeProps as g, normalizeStyle as Se, openBlock as _, ref as v, renderSlot as y, toDisplayString as Ce, unref as b, useId as we, useModel as Te, watch as x, withCtx as S } from "vue";
 //#region src/components/VCombobox/VCombobox.vue?vue&type=script&setup=true&lang.ts
-var Te = [
+var Ee = [
 	"data-size",
-	"data-compact",
 	"data-multiple",
 	"data-collapsed",
 	"data-open"
-], Ee = {
+], De = {
 	key: 0,
 	class: "v-combobox-state",
 	"aria-hidden": "true"
-}, De = {
+}, Oe = {
 	key: 1,
 	class: "v-combobox-state",
 	"aria-hidden": "true"
-}, Oe = {
+}, ke = {
 	class: "v-visually-hidden",
 	role: "status"
-}, C = /*@__PURE__*/ f({
+}, C = /*@__PURE__*/ p({
 	inheritAttrs: !1,
 	__name: "VCombobox",
-	props: /*@__PURE__*/ m({
+	props: /*@__PURE__*/ h({
 		options: {},
 		multiple: {
 			type: Boolean,
@@ -67,10 +66,6 @@ var Te = [
 		},
 		labelPosition: { default: "top" },
 		size: { default: "md" },
-		compact: {
-			type: Boolean,
-			default: !1
-		},
 		placeholder: { default: void 0 },
 		disabled: {
 			type: Boolean,
@@ -97,6 +92,10 @@ var Te = [
 			type: [Boolean, Function],
 			default: !0
 		},
+		creatable: {
+			type: Boolean,
+			default: !1
+		},
 		searchDebounce: { default: 250 },
 		loading: {
 			type: Boolean,
@@ -116,152 +115,165 @@ var Te = [
 		modelValue: { default: "" },
 		modelModifiers: {}
 	}),
-	emits: /*@__PURE__*/ m([
+	emits: /*@__PURE__*/ h([
 		"search",
 		"load-more",
 		"clear",
+		"create",
 		"click:icon-start"
 	], ["update:modelValue"]),
-	setup(i, { expose: f, emit: m }) {
-		let C = i, w = e(), T = a(() => C.emptyText ?? w.value.combobox.empty), ke = a(() => C.clearLabel ?? w.value.combobox.clear), E = a(() => C.loadingText ?? w.value.common.loading), D = m, Ae = ye(ae, null), { size: O, compact: k, disabled: A } = t(C, Ae), j = a(() => pe(O.value, k.value)), M = we(i, "modelValue"), { rootClass: je, rootStyle: Me, forwardedAttrs: Ne } = r(), Pe = re((e) => D("click:icon-start", e)), Fe = a(() => ({
-			...Ne.value,
-			...Pe
-		})), N = _(null), P = _(null), F = Ce(), I = _(!1), L = _(""), R = _(!1), z = _(!1), B = a(() => ge(M.value, C.multiple)), Ie = ee(), Le = (e) => Ie(e, e.label), V = a(() => z.value ? L.value.trim() : ""), H = _(null), U = _(null), { allOptions: W, visible: G, optionOf: Re, labelOf: K, remember: ze, activeIndex: q, optionId: Be, highlightFirst: J, highlightSelected: Ve, move: Y, hover: He, blocks: Ue, measureRow: We } = _e({
-			items: () => C.options,
+	setup(i, { expose: p, emit: h }) {
+		let C = i, w = e(), T = o(() => C.emptyText ?? w.value.combobox.empty), Ae = o(() => C.clearLabel ?? w.value.combobox.clear), E = o(() => C.loadingText ?? w.value.common.loading), D = h, je = ye(ie, null), { size: O, disabled: k } = t(C, je), A = o(() => fe(O.value)), j = Te(i, "modelValue"), { rootClass: Me, rootStyle: Ne, forwardedAttrs: Pe } = r(), Fe = ne((e) => D("click:icon-start", e)), Ie = o(() => ({
+			...Pe.value,
+			...Fe
+		})), M = v(null), N = v(null), P = we(), F = v(!1), I = v(""), L = v(!1), R = v(!1), z = o(() => ge(j.value, C.multiple)), Le = ee(), B = (e) => Le(e, e.label), V = o(() => R.value ? I.value.trim() : ""), H = v(null), U = v(null), W = o(() => he(C.options)), Re = `${P}-create`, G = o(() => {
+			let e = H.value ?? V.value;
+			if (!C.creatable || !e) return null;
+			let t = a(e);
+			return W.value.some((e) => B(e) === t) || z.value.some((e) => typeof e == "string" && a(e) === t) ? null : {
+				value: Re,
+				label: w.value.combobox.create(e)
+			};
+		}), { allOptions: ze, visible: K, optionOf: Be, labelOf: Ve, remember: He, activeIndex: q, optionId: Ue, highlightFirst: We, highlightSelected: Ge, move: Ke, hover: qe, blocks: Je, measureRow: Ye } = _e({
+			items: () => G.value ? [...C.options, G.value] : C.options,
 			filter: (e) => {
 				let t = C.filter;
 				if (t === !1) return e;
 				let n = H.value ?? V.value;
 				if (!n) return e;
-				if (typeof t == "function") return e.filter((e) => t(e, n));
-				let r = te(n);
-				return e.filter((e) => Le(e).includes(r));
+				let r = a(n), i = typeof t == "function" ? (e) => t(e, n) : (e) => B(e).includes(r);
+				return e.filter((e) => e === G.value || i(e));
 			},
-			selected: () => B.value,
-			open: () => I.value,
-			id: F,
+			selected: () => z.value,
+			open: () => F.value,
+			id: P,
 			panelEl: () => U.value?.el ?? null,
 			virtual: () => C.virtual,
 			hasMore: () => C.hasMore,
-			size: () => O.value,
-			compact: () => k.value
-		}), Ge = a(() => !I.value || G.value.length > 0 ? "" : C.loading ? E.value : T.value), { request: X, cancel: Ke } = ve({
+			size: () => O.value
+		}), J = o(() => F.value && (!C.creatable || K.value.length > 0 || C.loading)), Xe = o(() => !J.value || K.value.length > 0 ? "" : C.loading ? E.value : T.value), { request: Ze, cancel: Qe } = ve({
 			delay: () => C.searchDebounce,
-			active: () => I.value,
+			active: () => F.value,
 			report: (e) => D("search", e)
 		});
 		x(V, (e) => {
-			I.value && (J(), Ze.restart(), X(e));
+			F.value && (We(), rt.restart(), Ze(e));
 		});
-		function Z() {
-			let e = C.multiple ? void 0 : B.value[0];
-			return e === void 0 ? "" : K(e);
+		function Y() {
+			let e = C.multiple ? void 0 : z.value[0];
+			return e === void 0 ? "" : Ve(e);
 		}
-		L.value = Z(), x([W, B], () => {
-			C.multiple || I.value || z.value || (L.value = Z());
+		I.value = Y(), x([ze, z], () => {
+			C.multiple || F.value || R.value || (I.value = Y());
 		}, { flush: "post" });
-		let qe = a(() => C.multiple && C.display === "text"), Je = a(() => C.multiple && B.value.length > 0 && (!R.value || qe.value && C.readonly)), Ye = a(() => ie(C, A.value, B.value.length > 0 || L.value.length > 0));
-		function Q() {
-			A.value || C.readonly || I.value || (H.value = null, I.value = !0, Ve(), X(V.value, !0));
+		let $e = o(() => C.multiple && C.display === "text"), et = o(() => C.multiple && z.value.length > 0 && (!L.value || $e.value && C.readonly)), tt = o(() => re(C, k.value, z.value.length > 0 || I.value.length > 0));
+		function X() {
+			k.value || C.readonly || F.value || (H.value = null, F.value = !0, Ge(), Ze(V.value, !0));
 		}
-		let Xe = _(null), Ze = he({
-			sentinelEl: Xe,
+		let nt = v(null), rt = me({
+			sentinelEl: nt,
 			root: (e) => e.closest("[role=\"listbox\"]"),
-			canLoad: () => I.value && C.hasMore && !C.loading,
+			canLoad: () => F.value && C.hasMore && !C.loading,
 			loaded: () => W.value,
 			onLoadMore: () => D("load-more")
 		});
-		function $(e = Z()) {
-			I.value && (Ke(), Ze.reset(), H.value = V.value, I.value = !1, q.value = -1, z.value = !1, L.value = e);
+		function Z(e = Y()) {
+			F.value && (Qe(), rt.reset(), H.value = V.value, F.value = !1, q.value = -1, R.value = !1, I.value = e);
 		}
-		x(() => C.readonly || A.value, (e) => {
-			e && $();
+		x(() => C.readonly || k.value, (e) => {
+			e && Z();
 		});
-		let Qe = me(N, () => $());
-		function $e() {
-			z.value = !0, Q();
+		let it = pe(M, () => Z());
+		function at() {
+			R.value = !0, X();
+		}
+		function Q() {
+			!C.multiple && I.value && N.value?.select();
 		}
-		function et() {
-			!C.multiple && L.value && P.value?.select();
+		function ot() {
+			L.value = !0, Q();
 		}
-		function tt() {
-			R.value = !0, et();
+		let st = (e) => e.target instanceof Element && e.target.closest(".v-combobox-chevron, .v-combobox-spinner") !== null;
+		function ct(e) {
+			st(e) && e.preventDefault();
 		}
-		let nt = (e) => e.target instanceof Element && e.target.closest(".v-combobox-chevron, .v-combobox-spinner") !== null;
-		function rt(e) {
-			nt(e) && e.preventDefault();
+		function lt(e) {
+			k.value || (N.value?.focus(), F.value && st(e) ? Z() : (X(), Q()));
 		}
-		function it(e) {
-			A.value || (P.value?.focus(), I.value && nt(e) ? $() : (Q(), et()));
+		function ut(e) {
+			e.disabled || C.readonly || k.value || (e.value === Re ? dt() : (He(e), C.multiple ? (R.value = !1, j.value = te(z.value, e.value), I.value = "", N.value?.focus()) : (j.value = e.value, Z(e.label))));
 		}
-		function at(e) {
-			e.disabled || C.readonly || A.value || (ze(e), C.multiple ? (z.value = !1, M.value = ne(B.value, e.value), L.value = "", P.value?.focus()) : (M.value = e.value, $(e.label)));
+		function dt() {
+			let e = V.value;
+			He({
+				value: e,
+				label: e
+			}), C.multiple ? (R.value = !1, j.value = [...z.value, e], I.value = "", N.value?.focus()) : (j.value = e, Z(e)), D("create", e);
 		}
-		function ot(e) {
-			!C.multiple || C.readonly || A.value || (M.value = B.value.filter((t) => t !== e), P.value?.focus());
+		function $(e) {
+			!C.multiple || C.readonly || k.value || (j.value = z.value.filter((t) => t !== e), N.value?.focus());
 		}
-		function st() {
-			M.value = C.multiple ? [] : "", z.value = !1, I.value ? J() : q.value = -1, D("clear");
+		function ft() {
+			j.value = C.multiple ? [] : "", R.value = !1, F.value ? We() : q.value = -1, D("clear");
 		}
-		function ct(e) {
+		function pt(e) {
 			switch (e.key) {
 				case "ArrowDown":
-					e.preventDefault(), I.value ? Y(1) : Q();
+					e.preventDefault(), F.value ? Ke(1) : X();
 					break;
 				case "ArrowUp":
-					e.preventDefault(), I.value ? Y(-1) : Q();
+					e.preventDefault(), F.value ? Ke(-1) : X();
 					break;
 				case "Enter":
-					if (I.value && q.value >= 0) {
+					if (F.value && q.value >= 0) {
 						e.preventDefault();
-						let t = G.value[q.value];
-						t && at(t);
+						let t = K.value[q.value];
+						t && ut(t);
 					}
 					break;
 				case "Escape":
-					I.value && (e.preventDefault(), $());
+					J.value && e.preventDefault(), Z();
 					break;
 				case "Tab":
-					$();
+					Z();
 					break;
-				case "Backspace": if (C.multiple && !L.value) {
-					let e = B.value.at(-1);
-					e !== void 0 && ot(e);
+				case "Backspace": if (C.multiple && !I.value) {
+					let e = z.value.at(-1);
+					e !== void 0 && $(e);
 				}
 			}
 		}
-		return f({
-			focus: (e) => P.value?.focus(e),
-			select: () => P.value?.select(),
-			el: a(() => P.value?.el ?? null)
-		}), (e, t) => (g(), c("div", {
+		return p({
+			focus: (e) => N.value?.focus(e),
+			select: () => N.value?.select(),
+			el: o(() => N.value?.el ?? null)
+		}), (e, t) => (_(), l("div", {
 			ref_key: "rootEl",
-			ref: N,
-			class: xe(["v-combobox", b(je)]),
-			style: Se([{ "--chip-height": j.value.height }, b(Me)]),
+			ref: M,
+			class: xe(["v-combobox", b(Me)]),
+			style: Se([{ "--chip-height": A.value.height }, b(Ne)]),
 			"data-size": b(O),
-			"data-compact": b(k) ? "" : void 0,
 			"data-multiple": i.multiple ? "" : void 0,
-			"data-collapsed": Je.value ? "" : void 0,
-			"data-open": I.value ? "" : void 0,
-			onFocusout: t[3] ||= (...e) => b(Qe) && b(Qe)(...e)
+			"data-collapsed": et.value ? "" : void 0,
+			"data-open": F.value ? "" : void 0,
+			onFocusout: t[2] ||= (...e) => b(it) && b(it)(...e)
 		}, [
-			l("div", {
+			u("div", {
 				class: "v-combobox-control",
-				onMousedown: rt,
-				onClick: it
-			}, [d(oe, be({
+				onMousedown: ct,
+				onClick: lt
+			}, [f(ae, be({
 				ref_key: "inputRef",
-				ref: P,
-				modelValue: L.value,
-				"onUpdate:modelValue": t[0] ||= (e) => L.value = e,
-				class: ["v-input-end-pinned", { "v-input-chips": i.multiple && !qe.value }],
+				ref: N,
+				modelValue: I.value,
+				"onUpdate:modelValue": t[0] ||= (e) => I.value = e,
+				class: ["v-input-end-pinned", { "v-input-chips": i.multiple && !$e.value }],
 				role: "combobox",
 				"aria-haspopup": "listbox",
 				"aria-autocomplete": "list",
-				"aria-expanded": I.value,
-				"aria-controls": b(F)
-			}, Fe.value, {
+				"aria-expanded": J.value,
+				"aria-controls": b(P)
+			}, Ie.value, {
 				label: i.label,
 				hint: i.hint,
 				error: i.error,
@@ -269,56 +281,55 @@ var Te = [
 				"hide-label": i.hideLabel,
 				"label-position": i.labelPosition,
 				size: b(O),
-				compact: b(k),
 				invalid: i.invalid,
-				disabled: b(A),
+				disabled: b(k),
 				readonly: i.readonly,
 				"icon-start": i.iconStart,
 				"icon-start-label": i.iconStartLabel,
 				clearable: i.clearable,
-				"clear-visible": Ye.value,
-				"clear-label": ke.value,
-				placeholder: B.value.length === 0 ? i.placeholder : void 0,
-				"aria-activedescendant": I.value && b(q) >= 0 ? b(Be)(b(q)) : void 0,
-				onInput: $e,
-				onKeydown: ct,
-				onFocus: tt,
-				onBlur: t[1] ||= (e) => R.value = !1,
-				onClear: st
-			}), u({
-				end: S(() => [i.loading ? (g(), o(n, {
+				"clear-visible": tt.value,
+				"clear-label": Ae.value,
+				placeholder: z.value.length === 0 ? i.placeholder : void 0,
+				"aria-activedescendant": J.value && b(q) >= 0 ? b(Ue)(b(q)) : void 0,
+				onInput: at,
+				onKeydown: pt,
+				onFocus: ot,
+				onBlur: t[1] ||= (e) => L.value = !1,
+				onClear: ft
+			}), d({
+				end: S(() => [i.loading ? (_(), s(n, {
 					key: 0,
 					class: "v-combobox-spinner v-input-icon-end",
 					"aria-hidden": "true"
-				})) : (g(), o(ue, {
+				})) : !i.creatable || W.value.length > 0 ? (_(), s(le, {
 					key: 1,
 					class: "v-combobox-chevron",
 					icon: i.expandIcon,
-					open: I.value
-				}, null, 8, ["icon", "open"]))]),
+					open: J.value
+				}, null, 8, ["icon", "open"])) : c("", !0)]),
 				_: 2
 			}, [i.multiple || e.$slots.start ? {
 				name: "start",
-				fn: S(() => [i.multiple ? (g(), o(fe, {
+				fn: S(() => [i.multiple ? (_(), s(de, {
 					key: 0,
-					values: B.value,
+					values: z.value,
 					display: i.display,
 					max: i.max,
-					collapsed: Je.value,
+					collapsed: et.value,
 					"overflow-text": i.overflowText,
-					scale: j.value,
+					scale: A.value,
 					removable: !i.readonly,
-					disabled: b(A),
-					"label-of": b(K),
-					"option-of": b(Re),
-					onRemove: ot
-				}, u({ _: 2 }, [e.$slots.chip ? {
+					disabled: b(k),
+					"label-of": b(Ve),
+					"option-of": b(Be),
+					onRemove: $
+				}, d({ _: 2 }, [e.$slots.chip ? {
 					name: "chip",
-					fn: S((t) => [v(e.$slots, "chip", h(p(t)))]),
+					fn: S((t) => [y(e.$slots, "chip", g(m(t)))]),
 					key: "0"
 				} : void 0, e.$slots.overflow ? {
 					name: "overflow",
-					fn: S((t) => [v(e.$slots, "overflow", h(p(t)))]),
+					fn: S((t) => [y(e.$slots, "overflow", g(m(t)))]),
 					key: "1"
 				} : void 0]), 1032, [
 					"values",
@@ -331,11 +342,11 @@ var Te = [
 					"disabled",
 					"label-of",
 					"option-of"
-				])) : s("", !0), v(e.$slots, "start")]),
+				])) : c("", !0), y(e.$slots, "start")]),
 				key: "0"
 			} : void 0, e.$slots["value-end"] ? {
 				name: "value-end",
-				fn: S(() => [v(e.$slots, "value-end")]),
+				fn: S(() => [y(e.$slots, "value-end")]),
 				key: "1"
 			} : void 0]), 1040, [
 				"modelValue",
@@ -349,7 +360,6 @@ var Te = [
 				"hide-label",
 				"label-position",
 				"size",
-				"compact",
 				"invalid",
 				"disabled",
 				"readonly",
@@ -361,58 +371,55 @@ var Te = [
 				"placeholder",
 				"aria-activedescendant"
 			])], 32),
-			d(de, {
-				id: b(F),
+			f(ue, {
+				id: b(P),
 				ref_key: "panelRef",
 				ref: U,
-				open: I.value,
-				"onUpdate:open": t[2] ||= (e) => I.value = e,
+				open: J.value,
 				anchor: "--combobox-anchor",
 				placement: i.placement,
 				class: "v-combobox-panel",
 				size: b(O),
-				compact: b(k),
 				multiple: i.multiple,
 				virtual: i.virtual,
-				blocks: b(Ue),
-				measure: b(We),
-				onSelect: at,
-				onHighlight: b(He)
-			}, u({
-				default: S(() => [i.loading && b(G).length === 0 ? (g(), c("div", Ee, [v(e.$slots, "loading", {}, () => [d(n, { label: E.value }, null, 8, ["label"]), l("span", null, y(E.value), 1)])])) : b(G).length === 0 ? (g(), c("div", De, [v(e.$slots, "empty", { query: V.value }, () => [d(se, {
+				blocks: b(Je),
+				measure: b(Ye),
+				onSelect: ut,
+				onHighlight: b(qe)
+			}, d({
+				default: S(() => [i.loading && b(K).length === 0 ? (_(), l("div", De, [y(e.$slots, "loading", {}, () => [f(n, { label: E.value }, null, 8, ["label"]), u("span", null, Ce(E.value), 1)])])) : b(K).length === 0 && !i.creatable ? (_(), l("div", Oe, [y(e.$slots, "empty", { query: V.value }, () => [f(oe, {
 					size: "sm",
 					class: "v-combobox-empty",
-					icon: V.value ? b(le) : b(ce),
+					icon: V.value ? b(ce) : b(se),
 					title: T.value
-				}, null, 8, ["icon", "title"])])])) : s("", !0), i.hasMore ? (g(), c("div", {
+				}, null, 8, ["icon", "title"])])])) : c("", !0), i.hasMore ? (_(), l("div", {
 					key: 2,
 					ref_key: "sentinelEl",
-					ref: Xe,
+					ref: nt,
 					class: "v-combobox-more",
 					"aria-hidden": "true"
-				}, [i.loading ? (g(), o(n, {
+				}, [i.loading ? (_(), s(n, {
 					key: 0,
 					label: E.value
-				}, null, 8, ["label"])) : s("", !0)], 512)) : s("", !0)]),
+				}, null, 8, ["label"])) : c("", !0)], 512)) : c("", !0)]),
 				_: 2
 			}, [e.$slots.option ? {
 				name: "option",
-				fn: S((t) => [v(e.$slots, "option", h(p(t)))]),
+				fn: S((t) => [y(e.$slots, "option", g(m(t)))]),
 				key: "0"
 			} : void 0]), 1032, [
 				"id",
 				"open",
 				"placement",
 				"size",
-				"compact",
 				"multiple",
 				"virtual",
 				"blocks",
 				"measure",
 				"onHighlight"
 			]),
-			l("span", Oe, y(Ge.value), 1)
-		], 46, Te));
+			u("span", ke, Ce(Xe.value), 1)
+		], 46, Ee));
 	}
 });
 //#endregion