@wirecore/wirelayer-vue 0.7.0 → 0.8.0

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

@@ -1,7 +1,7 @@
 import { a as e, n as t } from "./recipes-BlM9aKyt.js";
 import { t as n } from "./attrs-KNjeRUCf.js";
 import { a as r, n as i, r as a } from "./Highlight-uwptdaUw.js";
-import { Fragment as o, Teleport as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeProps as v, nextTick as ee, normalizeClass as y, normalizeProps as b, onBeforeUnmount as te, onMounted as x, openBlock as S, ref as C, renderList as w, renderSlot as T, resolveDynamicComponent as E, toDisplayString as D, unref as O, useAttrs as k, useId as ne, watch as A, withCtx as j } from "vue";
+import { Fragment as o, Teleport as s, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createSlots as p, createTextVNode as m, createVNode as h, defineComponent as g, guardReactiveProps as _, mergeProps as v, nextTick as ee, normalizeClass as y, normalizeProps as b, onBeforeUnmount as x, onMounted as S, openBlock as C, ref as w, renderList as T, renderSlot as E, resolveDynamicComponent as D, toDisplayString as O, unref as k, useAttrs as te, useId as ne, watch as A, withCtx as j } from "vue";
 import { Check as M, ChevronDown as re, LoaderCircle as N, X as ie } from "@lucide/vue";
 import { controlIds as ae, select as oe, spinner as P } from "@wirecore/wirelayer-recipes";
 import { useFieldContext as se } from "@ark-ui/vue/field";
@@ -22,24 +22,24 @@ var I = [
 		classes: {}
 	},
 	setup(n) {
-		let r = e(), i = n, a = t("spinner", P, () => i.classes), o = k(), s = c(() => a({ size: i.size })), l = c(() => Math.min(100, Math.max(0, i.value ?? 0))), u = 2 * Math.PI * 9;
-		return (e, t) => n.value === void 0 ? (S(), d("span", v({ key: 1 }, {
-			...O(o),
-			class: s.value.base({ class: y(O(o).class) })
-		}, { role: "status" }), [h(O(N), {
+		let r = e(), i = n, a = t("spinner", P, () => i.classes), o = te(), s = c(() => a({ size: i.size })), l = c(() => Math.min(100, Math.max(0, i.value ?? 0))), u = 2 * Math.PI * 9;
+		return (e, t) => n.value === void 0 ? (C(), d("span", v({ key: 1 }, {
+			...k(o),
+			class: s.value.base({ class: y(k(o).class) })
+		}, { role: "status" }), [h(k(N), {
 			class: y(s.value.icon()),
 			"aria-hidden": "true"
-		}, null, 8, ["class"]), f("span", { class: y(s.value.label()) }, D(n.label ?? O(r).common.loading), 3)], 16)) : (S(), d("span", v({ key: 0 }, {
-			...O(o),
-			class: s.value.base({ class: y(O(o).class) })
+		}, null, 8, ["class"]), f("span", { class: y(s.value.label()) }, O(n.label ?? k(r).common.loading), 3)], 16)) : (C(), d("span", v({ key: 0 }, {
+			...k(o),
+			class: s.value.base({ class: y(k(o).class) })
 		}, {
 			role: "progressbar",
-			"aria-label": n.label ?? O(r).common.loading,
+			"aria-label": n.label ?? k(r).common.loading,
 			"aria-valuemin": "0",
 			"aria-valuemax": "100",
 			"aria-valuenow": l.value,
 			"aria-valuetext": `${Math.round(l.value)} %`
-		}), [(S(), d("svg", {
+		}), [(C(), d("svg", {
 			class: y(s.value.ring()),
 			viewBox: "0 0 24 24",
 			"aria-hidden": "true"
@@ -70,51 +70,51 @@ var I = [
 		draggable: { type: Boolean }
 	},
 	setup(e) {
-		return (t, n) => (S(), l(E(e.parts.Item), {
+		return (t, n) => (C(), l(D(e.parts.Item), {
 			item: e.option,
 			class: y(e.classes.item),
 			"data-description": e.option.description ? "" : void 0,
 			draggable: e.draggable && !e.option.disabled ? "true" : void 0
 		}, {
 			default: j(() => [
-				e.checkbox ? (S(), l(E(e.parts.ItemContext), { key: 0 }, {
+				e.checkbox ? (C(), l(D(e.parts.ItemContext), { key: 0 }, {
 					default: j((t) => [f("span", {
 						class: y(e.classes.check),
 						"data-state": t.selected ? "checked" : "unchecked",
 						"aria-hidden": "true"
-					}, [t.selected ? (S(), l(O(M), {
+					}, [t.selected ? (C(), l(k(M), {
 						key: 0,
 						class: y(e.classes.checkIcon)
 					}, null, 8, ["class"])) : u("", !0)], 10, z)]),
 					_: 1
 				})) : u("", !0),
-				t.$slots.item ? (S(), l(E(e.parts.ItemContext), { key: 1 }, {
-					default: j((n) => [T(t.$slots, "item", {
+				t.$slots.item ? (C(), l(D(e.parts.ItemContext), { key: 1 }, {
+					default: j((n) => [E(t.$slots, "item", {
 						item: e.option.item,
 						selected: n.selected,
 						highlighted: n.highlighted,
 						disabled: n.disabled
 					})]),
 					_: 3
-				})) : (S(), d(o, { key: 2 }, [e.option.icon ? (S(), l(E(e.option.icon), {
+				})) : (C(), d(o, { key: 2 }, [e.option.icon ? (C(), l(D(e.option.icon), {
 					key: 0,
 					class: y(e.classes.icon),
 					"aria-hidden": "true"
-				}, null, 8, ["class"])) : u("", !0), e.option.description ? (S(), d("span", {
+				}, null, 8, ["class"])) : u("", !0), e.option.description ? (C(), d("span", {
 					key: 1,
 					class: y(e.classes.itemBody)
-				}, [(S(), l(E(e.parts.ItemText), { class: y(e.classes.itemText) }, {
-					default: j(() => [m(D(e.option.label), 1)]),
+				}, [(C(), l(D(e.parts.ItemText), { class: y(e.classes.itemText) }, {
+					default: j(() => [m(O(e.option.label), 1)]),
 					_: 1
-				}, 8, ["class"])), f("span", { class: y(e.classes.itemDescription) }, D(e.option.description), 3)], 2)) : (S(), l(E(e.parts.ItemText), {
+				}, 8, ["class"])), f("span", { class: y(e.classes.itemDescription) }, O(e.option.description), 3)], 2)) : (C(), l(D(e.parts.ItemText), {
 					key: 2,
 					class: y(e.classes.itemText)
 				}, {
-					default: j(() => [m(D(e.option.label), 1)]),
+					default: j(() => [m(O(e.option.label), 1)]),
 					_: 1
 				}, 8, ["class"]))], 64)),
-				!e.checkbox && !e.noIndicator ? (S(), l(E(e.parts.ItemIndicator), { key: 3 }, {
-					default: j(() => [h(O(M), {
+				!e.checkbox && !e.noIndicator ? (C(), l(D(e.parts.ItemIndicator), { key: 3 }, {
+					default: j(() => [h(k(M), {
 						class: y(e.classes.itemIndicator),
 						"aria-hidden": "true"
 					}, null, 8, ["class"])]),
@@ -137,13 +137,13 @@ var I = [
 	},
 	emits: ["load"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = C(null), a;
+		let n = e, r = t, i = w(null), a;
 		function o() {
 			a?.disconnect(), n.active && i.value && typeof IntersectionObserver < "u" && (a = new IntersectionObserver((e) => {
 				e.some((e) => e.isIntersecting) && r("load");
 			}), a.observe(i.value));
 		}
-		return x(o), A(() => [n.active, n.count], o), te(() => a?.disconnect()), (e, t) => (S(), d("div", {
+		return S(o), A(() => [n.active, n.count], o), x(() => a?.disconnect()), (e, t) => (C(), d("div", {
 			ref_key: "element",
 			ref: i,
 			"aria-hidden": "true"
@@ -166,8 +166,8 @@ var I = [
 	emits: ["loadMore"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (S(), d(o, null, [
-			(S(!0), d(o, null, w(e.groups, (n, r) => (S(), d(o, { key: n.label ?? `#${r}` }, [n.label === void 0 ? (S(!0), d(o, { key: 1 }, w(n.options, (n) => (S(), l(B, {
+		return (t, r) => (C(), d(o, null, [
+			(C(!0), d(o, null, T(e.groups, (n, r) => (C(), d(o, { key: n.label ?? `#${r}` }, [n.label === void 0 ? (C(!0), d(o, { key: 1 }, T(n.options, (n) => (C(), l(B, {
 				key: n.key,
 				parts: e.parts,
 				option: n,
@@ -177,7 +177,7 @@ var I = [
 				draggable: e.draggable
 			}, p({ _: 2 }, [t.$slots.item ? {
 				name: "item",
-				fn: j((e) => [T(t.$slots, "item", v({ ref_for: !0 }, e))]),
+				fn: j((e) => [E(t.$slots, "item", v({ ref_for: !0 }, e))]),
 				key: "0"
 			} : void 0]), 1032, [
 				"parts",
@@ -186,14 +186,14 @@ var I = [
 				"checkbox",
 				"no-indicator",
 				"draggable"
-			]))), 128)) : (S(), l(E(e.parts.ItemGroup), {
+			]))), 128)) : (C(), l(D(e.parts.ItemGroup), {
 				key: 0,
 				class: y(e.classes.group)
 			}, {
-				default: j(() => [(S(), l(E(e.parts.ItemGroupLabel), { class: y(e.classes.groupLabel) }, {
-					default: j(() => [m(D(n.label), 1)]),
+				default: j(() => [(C(), l(D(e.parts.ItemGroupLabel), { class: y(e.classes.groupLabel) }, {
+					default: j(() => [m(O(n.label), 1)]),
 					_: 2
-				}, 1032, ["class"])), (S(!0), d(o, null, w(n.options, (n) => (S(), l(B, {
+				}, 1032, ["class"])), (C(!0), d(o, null, T(n.options, (n) => (C(), l(B, {
 					key: n.key,
 					parts: e.parts,
 					option: n,
@@ -203,7 +203,7 @@ var I = [
 					draggable: e.draggable
 				}, p({ _: 2 }, [t.$slots.item ? {
 					name: "item",
-					fn: j((e) => [T(t.$slots, "item", v({ ref_for: !0 }, e))]),
+					fn: j((e) => [E(t.$slots, "item", v({ ref_for: !0 }, e))]),
 					key: "0"
 				} : void 0]), 1032, [
 					"parts",
@@ -215,20 +215,20 @@ var I = [
 				]))), 128))]),
 				_: 2
 			}, 1032, ["class"]))], 64))), 128)),
-			e.emptyText !== void 0 && !e.loading && !e.groups.length ? (S(), d("div", {
+			e.emptyText !== void 0 && !e.loading && !e.groups.length ? (C(), d("div", {
 				key: 0,
 				role: "option",
 				"aria-disabled": "true",
 				class: y(e.classes.empty)
-			}, D(e.emptyText), 3)) : u("", !0),
-			e.loading ? (S(), d("div", {
+			}, O(e.emptyText), 3)) : u("", !0),
+			e.loading ? (C(), d("div", {
 				key: 1,
 				class: y(e.classes.loading)
-			}, [h(O(N), {
+			}, [h(k(N), {
 				class: y(e.classes.loadingIcon),
 				"aria-hidden": "true"
-			}, null, 8, ["class"]), m(" " + D(e.loadingText), 1)], 2)) : u("", !0),
-			e.hasMore ? (S(), l(V, {
+			}, null, 8, ["class"]), m(" " + O(e.loadingText), 1)], 2)) : u("", !0),
+			e.hasMore ? (C(), l(V, {
 				key: 2,
 				class: y(e.classes.sentinel),
 				active: !e.loading,
@@ -287,26 +287,32 @@ var I = [
 		minSearchLength: {},
 		pageSize: {},
 		standalone: { type: Boolean },
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		stopKeyPropagation: { type: Boolean },
 		id: {},
 		classes: {}
 	},
 	emits: [
 		"update:modelValue",
 		"filterChange",
-		"loadMore"
+		"loadMore",
+		"update:open"
 	],
-	setup(g, { emit: te }) {
-		let w = e(), M = g, P = t("select", oe, () => M.classes), I = te, L = k(), R = c(() => n(L)), z = c(() => P({
+	setup(g, { emit: x }) {
+		let T = e(), M = g, P = t("select", oe, () => M.classes), I = x, L = te(), R = c(() => n(L)), z = c(() => P({
 			size: M.size,
 			clearable: M.clearable
-		})), B = w.select, V = c(() => ({
+		})), B = T.select, V = c(() => ({
 			itemValue: M.itemValue,
 			itemLabel: M.itemLabel,
 			itemDisabled: M.itemDisabled,
 			itemGroup: M.itemGroup,
 			itemKeywords: M.itemKeywords,
 			valueKey: M.valueKey
-		})), U = C(""), W = r({
+		})), U = w(""), W = r({
 			items: () => M.items,
 			source: () => M.dataSource,
 			accessors: () => V.value,
@@ -324,7 +330,7 @@ var I = [
 				ready: () => !M.dataSource && !M.loading && M.items.length > 0
 			}
 		});
-		x(() => W.resolve(Y.value, q.value)), A(Y, (e) => W.resolve(e, q.value));
+		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() {
 			M.dataSource ? W.loadMore() : I("loadMore");
@@ -334,7 +340,7 @@ var I = [
 			itemToString: (e) => e.label,
 			itemToValue: (e) => e.key,
 			isItemDisabled: (e) => e.disabled
-		})), he = ne(), ge = c(() => M.emptyText ?? W.emptyText.value ?? (U.value ? w.common.noResults : w.common.empty)), _e = c(() => ({
+		})), he = ne(), ge = c(() => M.emptyText ?? W.emptyText.value ?? (U.value ? T.common.noResults : T.common.empty)), _e = c(() => ({
 			item: z.value.item(),
 			itemText: z.value.itemText(),
 			icon: z.value.icon(),
@@ -352,7 +358,7 @@ var I = [
 			X([]), e.focus();
 		}
 		function ye(e) {
-			M.clearable && J.value.length && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), X([]));
+			M.stopKeyPropagation && e.key === "Enter" && e.stopPropagation(), M.clearable && J.value.length && (e.key === "Backspace" || e.key === "Delete") && (e.preventDefault(), X([]));
 		}
 		function be(e, t) {
 			U.value = t.target.value, I("filterChange", U.value), M.dataSource && W.search(U.value), !(M.manualFilter || M.dataSource) && ee(() => {
@@ -364,53 +370,61 @@ var I = [
 			(e.key === " " || e.key === "Home" || e.key === "End") && e.stopPropagation();
 		}
 		function Se(e) {
-			e && W.open(), !e && U.value && (U.value = "", I("filterChange", ""), M.dataSource && W.search(""));
+			M.stopKeyPropagation && [
+				"Enter",
+				"Escape",
+				"Tab"
+			].includes(e.key) && e.stopPropagation();
+		}
+		function Ce(e) {
+			I("update:open", e), e && W.open(), !e && U.value && (U.value = "", I("filterChange", ""), M.dataSource && W.search(""));
 		}
-		let Ce = (e) => e.highlightedItem ? e.getItemProps({ item: e.highlightedItem }).id : void 0, we = {
+		let we = (e) => e.highlightedItem ? e.getItemProps({ item: e.highlightedItem }).id : void 0, Te = {
 			sameWidth: !0,
 			gutter: 4
-		}, Te = se(), Ee = c(() => ae(M.id, "trigger", {
-			label: Te?.value.ids.label,
-			hiddenSelect: Te?.value.ids.control
+		}, Ee = se(), De = c(() => ae(M.id, "trigger", {
+			label: Ee?.value.ids.label,
+			hiddenSelect: Ee?.value.ids.control
 		}, M.standalone));
-		return (e, t) => (S(), l(O(F).Root, v({
+		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": O(Y),
+			"model-value": k(Y),
 			disabled: g.disabled,
 			invalid: g.invalid,
 			required: g.required,
 			name: g.name,
-			positioning: we,
-			composite: !g.filter
-		}, Ee.value, {
+			positioning: Te,
+			composite: !g.filter,
+			open: g.open
+		}, De.value, {
 			"lazy-mount": "",
 			"unmount-on-exit": "",
-			onValueChange: t[0] ||= (e) => O(fe)(e.value, e.items),
-			onOpenChange: t[1] ||= (e) => Se(e.open)
+			onValueChange: t[0] ||= (e) => k(fe)(e.value, e.items),
+			onOpenChange: t[1] ||= (e) => Ce(e.open)
 		}), {
 			default: j(() => [
-				h(O(F).Control, b(_(g.clearable ? { class: z.value.control() } : {})), {
-					default: j(() => [h(O(F).Trigger, v(R.value.rest, {
+				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
 					}), {
-						default: j(() => [f("span", { class: y(z.value.value()) }, [e.$slots.value && $.value ? T(e.$slots, "value", { item: $.value.item }, void 0, void 0, 0) : (S(), d(o, { key: 1 }, [$.value?.icon ? (S(), l(E($.value.icon), {
+						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,
 							class: y(z.value.icon()),
 							"aria-hidden": "true"
-						}, null, 8, ["class"])) : u("", !0), h(O(F).ValueText, { placeholder: g.placeholder ?? O(w).common.placeholder }, p({ _: 2 }, [$.value ? {
+						}, null, 8, ["class"])) : u("", !0), h(k(F).ValueText, { placeholder: g.placeholder ?? k(T).common.placeholder }, p({ _: 2 }, [$.value ? {
 							name: "default",
-							fn: j(() => [m(D($.value.label), 1)]),
+							fn: j(() => [m(O($.value.label), 1)]),
 							key: "0"
-						} : void 0]), 1032, ["placeholder"])], 64))], 2), h(O(F).Indicator, { class: y(z.value.indicator()) }, {
-							default: j(() => [g.loading ? (S(), l(O(N), {
+						} : void 0]), 1032, ["placeholder"])], 64))], 2), h(k(F).Indicator, { class: y(z.value.indicator()) }, {
+							default: j(() => [g.loading ? (C(), l(k(N), {
 								key: 0,
 								class: y(z.value.spinner()),
 								"aria-hidden": "true"
-							}, null, 8, ["class"])) : (S(), l(O(re), {
+							}, null, 8, ["class"])) : (C(), l(k(re), {
 								key: 1,
 								class: y(z.value.indicatorIcon()),
 								"aria-hidden": "true"
@@ -418,15 +432,15 @@ var I = [
 							_: 1
 						}, 8, ["class"])]),
 						_: 3
-					}, 16, ["class", "aria-busy"]), g.clearable ? (S(), l(O(F).Context, { key: 0 }, {
-						default: j((e) => [$.value && !e.disabled ? (S(), d("button", {
+					}, 16, ["class", "aria-busy"]), g.clearable ? (C(), l(k(F).Context, { key: 0 }, {
+						default: j((e) => [$.value && !e.disabled ? (C(), d("button", {
 							key: 0,
 							type: "button",
 							tabindex: "-1",
 							class: y(z.value.clear()),
-							"aria-label": O(B).clear,
+							"aria-label": k(B).clear,
 							onClick: (t) => ve(e)
-						}, [h(O(ie), {
+						}, [h(k(ie), {
 							class: y(z.value.clearIcon()),
 							"aria-hidden": "true"
 						}, null, 8, ["class"])], 10, le)) : u("", !0)]),
@@ -434,13 +448,14 @@ var I = [
 					})) : u("", !0)]),
 					_: 3
 				}, 16),
-				(S(), l(s, { to: "body" }, [h(O(F).Positioner, null, {
-					default: j(() => [h(O(F).Content, {
+				(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-label": g.filter ? R.value.rest["aria-label"] : void 0
+						"aria-label": g.filter ? R.value.rest["aria-label"] : void 0,
+						onKeydown: Se
 					}, {
-						default: j(() => [g.filter ? (S(), d(o, { key: 0 }, [f("div", { class: y(z.value.header()) }, [h(O(F).Context, null, {
+						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", {
 								type: "text",
 								role: "combobox",
@@ -448,32 +463,32 @@ var I = [
 								"aria-autocomplete": "list",
 								"aria-expanded": "true",
 								"data-autofocus": "",
-								"aria-controls": O(he),
-								"aria-activedescendant": Ce(e),
-								"aria-label": O(B).filter,
-								placeholder: O(w).combobox.search,
+								"aria-controls": k(he),
+								"aria-activedescendant": we(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
 							}, null, 42, ue)]),
 							_: 1
-						})], 2), h(O(F).List, {
-							id: O(he),
+						})], 2), h(k(F).List, {
+							id: k(he),
 							class: y(z.value.list())
 						}, {
 							default: j(() => [h(H, {
-								parts: O(F),
-								groups: O(G),
+								parts: k(F),
+								groups: k(G),
 								classes: _e.value,
 								loading: Z.value,
-								"loading-text": g.loadingText ?? O(w).common.loading,
+								"loading-text": g.loadingText ?? k(T).common.loading,
 								"has-more": Q.value,
 								"empty-text": ge.value,
 								onLoadMore: pe
 							}, p({ _: 2 }, [e.$slots.item ? {
 								name: "item",
-								fn: j((t) => [T(e.$slots, "item", b(_(t)))]),
+								fn: j((t) => [E(e.$slots, "item", b(_(t)))]),
 								key: "0"
 							} : void 0]), 1032, [
 								"parts",
@@ -485,19 +500,19 @@ var I = [
 								"empty-text"
 							])]),
 							_: 3
-						}, 8, ["id", "class"])], 64)) : (S(), l(H, {
+						}, 8, ["id", "class"])], 64)) : (C(), l(H, {
 							key: 1,
-							parts: O(F),
-							groups: O(G),
+							parts: k(F),
+							groups: k(G),
 							classes: _e.value,
 							loading: Z.value,
-							"loading-text": g.loadingText ?? O(w).common.loading,
+							"loading-text": g.loadingText ?? k(T).common.loading,
 							"has-more": Q.value,
 							"empty-text": ge.value,
 							onLoadMore: pe
 						}, p({ _: 2 }, [e.$slots.item ? {
 							name: "item",
-							fn: j((t) => [T(e.$slots, "item", b(_(t)))]),
+							fn: j((t) => [E(e.$slots, "item", b(_(t)))]),
 							key: "0"
 						} : void 0]), 1032, [
 							"parts",
@@ -516,12 +531,12 @@ var I = [
 					])]),
 					_: 3
 				})])),
-				h(O(F).HiddenSelect),
-				g.dataSource ? (S(), d("span", {
+				h(k(F).HiddenSelect),
+				g.dataSource ? (C(), d("span", {
 					key: 0,
 					role: "status",
 					class: y(z.value.status())
-				}, D(O(W).announcement.value), 3)) : u("", !0)
+				}, O(k(W).announcement.value), 3)) : u("", !0)
 			]),
 			_: 3
 		}, 16, [
@@ -533,7 +548,8 @@ var I = [
 			"invalid",
 			"required",
 			"name",
-			"composite"
+			"composite",
+			"open"
 		]));
 	}
 });