@threadlabs/looma 0.4.0 → 0.5.1

package/vue/chunks/UiFloatingActionButton.js

@@ -0,0 +1,56 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+//#region .build/vue/UiFloatingActionButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-label",
+	"disabled",
+	"data-ui-floating-action-button-state"
+];
+//#endregion
+//#region .build/vue/UiFloatingActionButton.vue
+var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiFloatingActionButton",
+	props: {
+		disabled: {
+			type: [Boolean, null],
+			default: false
+		},
+		label: { default: "" },
+		mobileOnly: {
+			type: [Boolean, null],
+			default: false
+		}
+	},
+	setup(__props) {
+		const hn = {
+			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
+			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
+			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
+			enumerated: (v) => typeof v === "boolean" ? String(v) : hn.attr(v)
+		};
+		const props = __props;
+		/** The resolved values the styles' :host-state() rules test. */
+		const hostState = computed(() => ["mobileOnly"].flatMap((name) => {
+			const value = read(name);
+			const tokens = hn.t(value) ? [name] : [];
+			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
+			return tokens;
+		}).join(" "));
+		function read(name) {
+			return props[name];
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", mergeProps({
+				"data-component": "ui-floating-action-button",
+				type: "button"
+			}, _ctx.$attrs, {
+				"aria-label": hn.enumerated(props.label),
+				disabled: hn.attr(props.disabled),
+				"data-ui-floating-action-button-state": hostState.value || void 0
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-b94e6e26"]]);
+//#endregion
+export { UiFloatingActionButton_default as t };

package/vue/chunks/UiFormField.js

@@ -0,0 +1,113 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, watchEffect } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-form-field/ui-form-field.js";
+//#endregion
+//#region .build/vue/UiFormField.vue
+var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiFormField",
+	props: {
+		disabled: {
+			type: [Boolean, null],
+			default: false
+		},
+		invalid: {
+			type: [Boolean, null],
+			default: false
+		},
+		required: {
+			type: [Boolean, null],
+			default: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const root = ref(null);
+		const refs = {};
+		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
+		const dispatch = (name, detail) => {
+			return root.value?.dispatchEvent(new CustomEvent(name, {
+				bubbles: true,
+				composed: true,
+				detail
+			})) ?? true;
+		};
+		function read(name) {
+			return props[name];
+		}
+		function write(name, value) {
+			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
+		}
+		const stops = [];
+		const host = {
+			get element() {
+				return root.value;
+			},
+			state: new Proxy({}, {
+				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
+				set: (_target, name, value) => typeof name === "string" && write(name, value)
+			}),
+			refs,
+			elements: new Proxy({}, { get: (_target, name) => {
+				if (typeof name !== "string" || root.value === null) return void 0;
+				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
+			} }),
+			signal(initialValue) {
+				const value = shallowRef(initialValue);
+				return {
+					get: () => value.value,
+					set: (next) => {
+						if (!Object.is(value.value, next)) value.value = next;
+					},
+					update: (next) => {
+						const updated = next(value.value);
+						if (!Object.is(value.value, updated)) value.value = updated;
+					}
+				};
+			},
+			computed(compute) {
+				const value = computed(compute);
+				return { get: () => value.value };
+			},
+			effect(run) {
+				const stop = watchEffect((onCleanup) => {
+					const cleanup = run();
+					if (typeof cleanup === "function") onCleanup(cleanup);
+				}, { flush: "post" });
+				stops.push(stop);
+				return stop;
+			},
+			on(event, listener) {
+				const element = root.value;
+				element?.addEventListener(event, listener);
+				const off = () => element?.removeEventListener(event, listener);
+				stops.push(off);
+				return off;
+			},
+			dispatch
+		};
+		let cleanup;
+		onMounted(() => {
+			Promise.resolve(controllerModule.default(host)).then((result) => {
+				cleanup = result;
+			});
+		});
+		onBeforeUnmount(() => {
+			for (const stop of stops.splice(0)) stop();
+			if (typeof cleanup === "function") cleanup();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-form-field" }, _ctx.$attrs, {
+				ref_key: "root",
+				ref: root
+			}), [
+				renderSlot(_ctx.$slots, "label"),
+				renderSlot(_ctx.$slots, "default"),
+				renderSlot(_ctx.$slots, "help"),
+				renderSlot(_ctx.$slots, "error")
+			], 16);
+		};
+	}
+}), [["__scopeId", "data-v-31c8915e"]]);
+//#endregion
+export { UiFormField_default as t };

package/vue/chunks/UiGrid.js

@@ -0,0 +1,33 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+//#region .build/vue/UiGrid.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-ui-grid-state"];
+//#endregion
+//#region .build/vue/UiGrid.vue
+var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiGrid",
+	props: {
+		gap: {},
+		min: {}
+	},
+	setup(__props) {
+		const hn = { t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false) };
+		const props = __props;
+		/** The resolved values the styles' :host-state() rules test. */
+		const hostState = computed(() => ["gap", "min"].flatMap((name) => {
+			const value = read(name);
+			const tokens = hn.t(value) ? [name] : [];
+			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
+			return tokens;
+		}).join(" "));
+		function read(name) {
+			return props[name];
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-grid" }, _ctx.$attrs, { "data-ui-grid-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-60709c03"]]);
+//#endregion
+export { UiGrid_default as t };

package/vue/chunks/UiIcon.js

@@ -0,0 +1,170 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderList, shallowRef, watchEffect } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-icon/ui-icon.js";
+//#region .build/vue/UiIcon.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round",
+	focusable: "false"
+};
+var _hoisted_2 = ["d"];
+var _hoisted_3 = [
+	"cx",
+	"cy",
+	"r"
+];
+var _hoisted_4 = [
+	"x",
+	"y",
+	"width",
+	"height",
+	"rx"
+];
+//#endregion
+//#region .build/vue/UiIcon.vue
+var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiIcon",
+	props: { name: { default: "" } },
+	setup(__props) {
+		const hn = {
+			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
+			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
+			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
+			shape: (items, where, sort, limit) => {
+				let list = Array.isArray(items) ? items.slice() : [];
+				if (where !== void 0) list = list.filter((item) => hn.t(where(item)));
+				if (sort.length > 0) {
+					const field = (item, path) => item !== null && typeof item === "object" && !Array.isArray(item) ? path.split(".").reduce((value, key) => value?.[key], item) : item;
+					const compare = (a, b) => typeof a === "number" && typeof b === "number" ? a - b : hn.text(a).localeCompare(hn.text(b));
+					list.sort((a, b) => {
+						for (const key of sort) {
+							const descending = key.startsWith("-");
+							const order = compare(field(a, descending ? key.slice(1) : key), field(b, descending ? key.slice(1) : key));
+							if (order !== 0) return descending ? -order : order;
+						}
+						return 0;
+					});
+				}
+				return typeof limit === "number" ? list.slice(0, Math.max(0, Math.trunc(limit))) : list;
+			}
+		};
+		const props = __props;
+		const root = ref(null);
+		const refs = {};
+		const state_shapes = ref([]);
+		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
+		const dispatch = (name, detail) => {
+			return root.value?.dispatchEvent(new CustomEvent(name, {
+				bubbles: true,
+				composed: true,
+				detail
+			})) ?? true;
+		};
+		function read(name) {
+			if (name === "shapes") return state_shapes.value;
+			return props[name];
+		}
+		function write(name, value) {
+			if (name === "shapes") {
+				state_shapes.value = value;
+				return true;
+			}
+			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
+		}
+		const stops = [];
+		const host = {
+			get element() {
+				return root.value;
+			},
+			state: new Proxy({}, {
+				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
+				set: (_target, name, value) => typeof name === "string" && write(name, value)
+			}),
+			refs,
+			elements: new Proxy({}, { get: (_target, name) => {
+				if (typeof name !== "string" || root.value === null) return void 0;
+				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
+			} }),
+			signal(initialValue) {
+				const value = shallowRef(initialValue);
+				return {
+					get: () => value.value,
+					set: (next) => {
+						if (!Object.is(value.value, next)) value.value = next;
+					},
+					update: (next) => {
+						const updated = next(value.value);
+						if (!Object.is(value.value, updated)) value.value = updated;
+					}
+				};
+			},
+			computed(compute) {
+				const value = computed(compute);
+				return { get: () => value.value };
+			},
+			effect(run) {
+				const stop = watchEffect((onCleanup) => {
+					const cleanup = run();
+					if (typeof cleanup === "function") onCleanup(cleanup);
+				}, { flush: "post" });
+				stops.push(stop);
+				return stop;
+			},
+			on(event, listener) {
+				const element = root.value;
+				element?.addEventListener(event, listener);
+				const off = () => element?.removeEventListener(event, listener);
+				stops.push(off);
+				return off;
+			},
+			dispatch
+		};
+		let cleanup;
+		onMounted(() => {
+			Promise.resolve(controllerModule.default(host)).then((result) => {
+				cleanup = result;
+			});
+		});
+		onBeforeUnmount(() => {
+			for (const stop of stops.splice(0)) stop();
+			if (typeof cleanup === "function") cleanup();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("span", mergeProps({
+				"data-component": "ui-icon",
+				"aria-hidden": "true"
+			}, _ctx.$attrs, {
+				ref_key: "root",
+				ref: root
+			}), [(openBlock(), createElementBlock("svg", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_shapes.value, void 0, [], void 0), (shape, index) => {
+				return openBlock(), createElementBlock("g", { key: index }, [
+					hn.t(shape?.tag === "path") ? (openBlock(), createElementBlock("path", {
+						key: 0,
+						d: hn.attr(shape?.d)
+					}, null, 8, _hoisted_2)) : createCommentVNode("v-if", true),
+					hn.t(shape?.tag === "circle") ? (openBlock(), createElementBlock("circle", {
+						key: 1,
+						cx: hn.attr(shape?.cx),
+						cy: hn.attr(shape?.cy),
+						r: hn.attr(shape?.r)
+					}, null, 8, _hoisted_3)) : createCommentVNode("v-if", true),
+					hn.t(shape?.tag === "rect") ? (openBlock(), createElementBlock("rect", {
+						key: 2,
+						x: hn.attr(shape?.x),
+						y: hn.attr(shape?.y),
+						width: hn.attr(shape?.width),
+						height: hn.attr(shape?.height),
+						rx: hn.attr(shape?.rx)
+					}, null, 8, _hoisted_4)) : createCommentVNode("v-if", true)
+				]);
+			}), 128))]))], 16);
+		};
+	}
+}), [["__scopeId", "data-v-519add28"]]);
+//#endregion
+export { UiIcon_default as t };

package/vue/chunks/UiIconButton.js

@@ -0,0 +1,141 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, watchEffect } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-icon-button/ui-icon-button.js";
+//#region .build/vue/UiIconButton.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"disabled",
+	"aria-label",
+	"data-ui-icon-button-state"
+];
+//#endregion
+//#region .build/vue/UiIconButton.vue
+var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiIconButton",
+	props: {
+		anticipatory: {
+			type: [Boolean, null],
+			default: false
+		},
+		disabled: {
+			type: [Boolean, null],
+			default: false
+		},
+		label: {},
+		round: {
+			type: [Boolean, null],
+			default: false
+		},
+		size: { default: "md" },
+		variant: { default: "ghost" }
+	},
+	setup(__props) {
+		const hn = {
+			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
+			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
+			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
+			enumerated: (v) => typeof v === "boolean" ? String(v) : hn.attr(v)
+		};
+		const props = __props;
+		const root = ref(null);
+		const refs = {};
+		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
+		const dispatch = (name, detail) => {
+			return root.value?.dispatchEvent(new CustomEvent(name, {
+				bubbles: true,
+				composed: true,
+				detail
+			})) ?? true;
+		};
+		/** The resolved values the styles' :host-state() rules test. */
+		const hostState = computed(() => [
+			"anticipatory",
+			"variant",
+			"size",
+			"round"
+		].flatMap((name) => {
+			const value = read(name);
+			const tokens = hn.t(value) ? [name] : [];
+			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
+			return tokens;
+		}).join(" "));
+		function read(name) {
+			return props[name];
+		}
+		function write(name, value) {
+			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
+		}
+		const stops = [];
+		const host = {
+			get element() {
+				return root.value;
+			},
+			state: new Proxy({}, {
+				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
+				set: (_target, name, value) => typeof name === "string" && write(name, value)
+			}),
+			refs,
+			elements: new Proxy({}, { get: (_target, name) => {
+				if (typeof name !== "string" || root.value === null) return void 0;
+				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
+			} }),
+			signal(initialValue) {
+				const value = shallowRef(initialValue);
+				return {
+					get: () => value.value,
+					set: (next) => {
+						if (!Object.is(value.value, next)) value.value = next;
+					},
+					update: (next) => {
+						const updated = next(value.value);
+						if (!Object.is(value.value, updated)) value.value = updated;
+					}
+				};
+			},
+			computed(compute) {
+				const value = computed(compute);
+				return { get: () => value.value };
+			},
+			effect(run) {
+				const stop = watchEffect((onCleanup) => {
+					const cleanup = run();
+					if (typeof cleanup === "function") onCleanup(cleanup);
+				}, { flush: "post" });
+				stops.push(stop);
+				return stop;
+			},
+			on(event, listener) {
+				const element = root.value;
+				element?.addEventListener(event, listener);
+				const off = () => element?.removeEventListener(event, listener);
+				stops.push(off);
+				return off;
+			},
+			dispatch
+		};
+		let cleanup;
+		onMounted(() => {
+			Promise.resolve(controllerModule.default(host)).then((result) => {
+				cleanup = result;
+			});
+		});
+		onBeforeUnmount(() => {
+			for (const stop of stops.splice(0)) stop();
+			if (typeof cleanup === "function") cleanup();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("button", mergeProps({
+				"data-component": "ui-icon-button",
+				type: "button"
+			}, _ctx.$attrs, {
+				disabled: hn.attr(props.disabled),
+				"aria-label": hn.enumerated(props.label),
+				"data-ui-icon-button-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-1326805b"]]);
+//#endregion
+export { UiIconButton_default as t };

package/vue/chunks/UiInput.js

@@ -0,0 +1,136 @@
+import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { computed, createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, shallowRef, watchEffect } from "vue";
+import * as controllerModule from "@threadlabs/looma/components/ui-input/ui-input.js";
+//#region .build/vue/UiInput.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"value",
+	"disabled",
+	"readonly",
+	"required",
+	"aria-invalid"
+];
+//#endregion
+//#region .build/vue/UiInput.vue
+var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiInput",
+	props: {
+		disabled: {
+			type: [Boolean, null],
+			default: false
+		},
+		invalid: {
+			type: [Boolean, null],
+			default: false
+		},
+		readonly: {
+			type: [Boolean, null],
+			default: false
+		},
+		required: {
+			type: [Boolean, null],
+			default: false
+		},
+		value: {},
+		modelValue: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props, { emit: __emit }) {
+		const hn = {
+			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
+			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
+			enumerated: (v) => typeof v === "boolean" ? String(v) : hn.attr(v)
+		};
+		const props = __props;
+		const emit = __emit;
+		const updateModel = (event) => emit("update:modelValue", event.target.value);
+		const root = ref(null);
+		const refs = {};
+		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
+		const dispatch = (name, detail) => {
+			return root.value?.dispatchEvent(new CustomEvent(name, {
+				bubbles: true,
+				composed: true,
+				detail
+			})) ?? true;
+		};
+		function read(name) {
+			return props[name];
+		}
+		function write(name, value) {
+			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
+		}
+		const stops = [];
+		const host = {
+			get element() {
+				return root.value;
+			},
+			state: new Proxy({}, {
+				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
+				set: (_target, name, value) => typeof name === "string" && write(name, value)
+			}),
+			refs,
+			elements: new Proxy({}, { get: (_target, name) => {
+				if (typeof name !== "string" || root.value === null) return void 0;
+				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
+			} }),
+			signal(initialValue) {
+				const value = shallowRef(initialValue);
+				return {
+					get: () => value.value,
+					set: (next) => {
+						if (!Object.is(value.value, next)) value.value = next;
+					},
+					update: (next) => {
+						const updated = next(value.value);
+						if (!Object.is(value.value, updated)) value.value = updated;
+					}
+				};
+			},
+			computed(compute) {
+				const value = computed(compute);
+				return { get: () => value.value };
+			},
+			effect(run) {
+				const stop = watchEffect((onCleanup) => {
+					const cleanup = run();
+					if (typeof cleanup === "function") onCleanup(cleanup);
+				}, { flush: "post" });
+				stops.push(stop);
+				return stop;
+			},
+			on(event, listener) {
+				const element = root.value;
+				element?.addEventListener(event, listener);
+				const off = () => element?.removeEventListener(event, listener);
+				stops.push(off);
+				return off;
+			},
+			dispatch
+		};
+		let cleanup;
+		onMounted(() => {
+			Promise.resolve(controllerModule.default(host)).then((result) => {
+				cleanup = result;
+			});
+		});
+		onBeforeUnmount(() => {
+			for (const stop of stops.splice(0)) stop();
+			if (typeof cleanup === "function") cleanup();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("input", mergeProps({ "data-component": "ui-input" }, _ctx.$attrs, {
+				value: hn.attr(props.modelValue ?? props.value),
+				disabled: hn.attr(props.disabled),
+				readonly: hn.attr(props.readonly),
+				required: hn.attr(props.required),
+				"aria-invalid": hn.enumerated(props.invalid),
+				onInput: updateModel,
+				ref_key: "root",
+				ref: root
+			}), null, 16, _hoisted_1);
+		};
+	}
+}), [["__scopeId", "data-v-cf6676f9"]]);
+//#endregion
+export { UiInput_default as t };