@wirecore/wirelayer-vue 0.8.0 → 0.9.0

package/dist/{Select-CeZbSy6K.js → Select-q8FUIWLi.js}

@@ -255,6 +255,7 @@ var I = [
 		items: {},
 		modelValue: { default: void 0 },
 		defaultValue: { default: void 0 },
+		emptyValue: { default: void 0 },
 		placeholder: {},
 		disabled: {
 			type: Boolean,
@@ -318,29 +319,29 @@ var I = [
 			accessors: () => V.value,
 			pageSize: () => M.pageSize,
 			minSearchLength: () => M.minSearchLength
-		}), { options: de, groups: G, ordered: K } = i(() => W.items.value, () => V.value, () => M.filter && !M.manualFilter && !M.dataSource ? U.value : ""), q = c(() => [...de.value, ...W.resolvedOptions.value]), { selected: J, keys: Y, commit: X, commitKeys: fe } = a({
+		}), { options: de, groups: G, ordered: K } = i(() => W.items.value, () => V.value, () => M.filter && !M.manualFilter && !M.dataSource ? U.value : ""), q = c(() => [...de.value, ...W.resolvedOptions.value]), J = (e) => M.emptyValue !== void 0 && e === M.emptyValue ? null : e, { selected: Y, keys: X, commit: Z, commitKeys: fe } = a({
 			multiple: !1,
-			model: () => M.modelValue,
-			defaultValue: M.defaultValue,
+			model: () => J(M.modelValue),
+			defaultValue: J(M.defaultValue),
 			accessors: () => V.value,
 			items: q,
-			emit: (e) => I("update:modelValue", e),
+			emit: (e) => I("update:modelValue", e === null ? M.emptyValue ?? null : e),
 			check: {
 				component: "Select",
 				ready: () => !M.dataSource && !M.loading && M.items.length > 0
 			}
 		});
-		S(() => W.resolve(Y.value, q.value)), A(Y, (e) => W.resolve(e, q.value));
-		let Z = c(() => M.loading || W.loading.value), Q = c(() => M.hasMore || W.hasMore.value);
-		function pe() {
+		S(() => W.resolve(X.value, q.value)), A(X, (e) => W.resolve(e, q.value));
+		let Q = c(() => M.loading || W.loading.value), pe = c(() => M.hasMore || W.hasMore.value);
+		function me() {
 			M.dataSource ? W.loadMore() : I("loadMore");
 		}
-		let $ = c(() => J.value[0]), me = c(() => ce({
+		let $ = c(() => Y.value[0]), he = c(() => ce({
 			items: K.value,
 			itemToString: (e) => e.label,
 			itemToValue: (e) => e.key,
 			isItemDisabled: (e) => e.disabled
-		})), he = ne(), ge = c(() => M.emptyText ?? W.emptyText.value ?? (U.value ? T.common.noResults : T.common.empty)), _e = c(() => ({
+		})), ge = ne(), _e = c(() => M.emptyText ?? W.emptyText.value ?? (U.value ? T.common.noResults : T.common.empty)), ve = c(() => ({
 			item: z.value.item(),
 			itemText: z.value.itemText(),
 			icon: z.value.icon(),
@@ -354,62 +355,62 @@ var I = [
 			sentinel: z.value.sentinel(),
 			empty: z.value.empty()
 		}));
-		function ve(e) {
-			X([]), e.focus();
-		}
 		function ye(e) {
-			M.stopKeyPropagation && e.key === "Enter" && e.stopPropagation(), M.clearable && J.value.length && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), X([]));
+			Z([]), e.focus();
+		}
+		function be(e) {
+			M.stopKeyPropagation && e.key === "Enter" && e.stopPropagation(), M.clearable && Y.value.length && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), Z([]));
 		}
-		function be(e, t) {
+		function xe(e, t) {
 			U.value = t.target.value, I("filterChange", U.value), M.dataSource && W.search(U.value), !(M.manualFilter || M.dataSource) && ee(() => {
 				let t = K.value.find((e) => !e.disabled);
 				t && e.setHighlightValue(t.key);
 			});
 		}
-		function xe(e) {
+		function Se(e) {
 			(e.key === " " || e.key === "Home" || e.key === "End") && e.stopPropagation();
 		}
-		function Se(e) {
+		function Ce(e) {
 			M.stopKeyPropagation && [
 				"Enter",
 				"Escape",
 				"Tab"
 			].includes(e.key) && e.stopPropagation();
 		}
-		function Ce(e) {
+		function we(e) {
 			I("update:open", e), e && W.open(), !e && U.value && (U.value = "", I("filterChange", ""), M.dataSource && W.search(""));
 		}
-		let we = (e) => e.highlightedItem ? e.getItemProps({ item: e.highlightedItem }).id : void 0, Te = {
+		let Te = (e) => e.highlightedItem ? e.getItemProps({ item: e.highlightedItem }).id : void 0, Ee = {
 			sameWidth: !0,
 			gutter: 4
-		}, Ee = se(), De = c(() => ae(M.id, "trigger", {
-			label: Ee?.value.ids.label,
-			hiddenSelect: Ee?.value.ids.control
+		}, De = se(), Oe = c(() => ae(M.id, "trigger", {
+			label: De?.value.ids.label,
+			hiddenSelect: De?.value.ids.control
 		}, M.standalone));
 		return (e, t) => (C(), l(k(F).Root, v({
 			class: z.value.base({ class: R.value.className }),
 			style: R.value.style,
-			collection: me.value,
-			"model-value": k(Y),
+			collection: he.value,
+			"model-value": k(X),
 			disabled: g.disabled,
 			invalid: g.invalid,
 			required: g.required,
 			name: g.name,
-			positioning: Te,
+			positioning: Ee,
 			composite: !g.filter,
 			open: g.open
-		}, De.value, {
+		}, Oe.value, {
 			"lazy-mount": "",
 			"unmount-on-exit": "",
 			onValueChange: t[0] ||= (e) => k(fe)(e.value, e.items),
-			onOpenChange: t[1] ||= (e) => Ce(e.open)
+			onOpenChange: t[1] ||= (e) => we(e.open)
 		}), {
 			default: j(() => [
 				h(k(F).Control, b(_(g.clearable ? { class: z.value.control() } : {})), {
 					default: j(() => [h(k(F).Trigger, v(R.value.rest, {
 						class: z.value.trigger(),
 						"aria-busy": g.loading || void 0,
-						onKeydown: ye
+						onKeydown: be
 					}), {
 						default: j(() => [f("span", { class: y(z.value.value()) }, [e.$slots.value && $.value ? E(e.$slots, "value", { item: $.value.item }, void 0, void 0, 0) : (C(), d(o, { key: 1 }, [$.value?.icon ? (C(), l(D($.value.icon), {
 							key: 0,
@@ -439,7 +440,7 @@ var I = [
 							tabindex: "-1",
 							class: y(z.value.clear()),
 							"aria-label": k(B).clear,
-							onClick: (t) => ve(e)
+							onClick: (t) => ye(e)
 						}, [h(k(ie), {
 							class: y(z.value.clearIcon()),
 							"aria-hidden": "true"
@@ -451,9 +452,9 @@ var I = [
 				(C(), l(s, { to: "body" }, [h(k(F).Positioner, null, {
 					default: j(() => [h(k(F).Content, {
 						class: y(z.value.content()),
-						"aria-busy": Z.value || void 0,
+						"aria-busy": Q.value || void 0,
 						"aria-label": g.filter ? R.value.rest["aria-label"] : void 0,
-						onKeydown: Se
+						onKeydown: Ce
 					}, {
 						default: j(() => [g.filter ? (C(), d(o, { key: 0 }, [f("div", { class: y(z.value.header()) }, [h(k(F).Context, null, {
 							default: j((e) => [f("input", {
@@ -463,29 +464,29 @@ var I = [
 								"aria-autocomplete": "list",
 								"aria-expanded": "true",
 								"data-autofocus": "",
-								"aria-controls": k(he),
-								"aria-activedescendant": we(e),
+								"aria-controls": k(ge),
+								"aria-activedescendant": Te(e),
 								"aria-label": k(B).filter,
 								placeholder: k(T).combobox.search,
 								value: U.value,
 								class: y(z.value.search()),
-								onInput: (t) => be(e, t),
-								onKeydown: xe
+								onInput: (t) => xe(e, t),
+								onKeydown: Se
 							}, null, 42, ue)]),
 							_: 1
 						})], 2), h(k(F).List, {
-							id: k(he),
+							id: k(ge),
 							class: y(z.value.list())
 						}, {
 							default: j(() => [h(H, {
 								parts: k(F),
 								groups: k(G),
-								classes: _e.value,
-								loading: Z.value,
+								classes: ve.value,
+								loading: Q.value,
 								"loading-text": g.loadingText ?? k(T).common.loading,
-								"has-more": Q.value,
-								"empty-text": ge.value,
-								onLoadMore: pe
+								"has-more": pe.value,
+								"empty-text": _e.value,
+								onLoadMore: me
 							}, p({ _: 2 }, [e.$slots.item ? {
 								name: "item",
 								fn: j((t) => [E(e.$slots, "item", b(_(t)))]),
@@ -504,12 +505,12 @@ var I = [
 							key: 1,
 							parts: k(F),
 							groups: k(G),
-							classes: _e.value,
-							loading: Z.value,
+							classes: ve.value,
+							loading: Q.value,
 							"loading-text": g.loadingText ?? k(T).common.loading,
-							"has-more": Q.value,
-							"empty-text": ge.value,
-							onLoadMore: pe
+							"has-more": pe.value,
+							"empty-text": _e.value,
+							onLoadMore: me
 						}, p({ _: 2 }, [e.$slots.item ? {
 							name: "item",
 							fn: j((t) => [E(e.$slots, "item", b(_(t)))]),