@effect-app/vue-components 4.0.0-beta.315 → 4.0.0-beta.317

package/dist/types/components/Dialog.vue.d.ts

@@ -8,7 +8,7 @@ type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare var __VLS_11: {
     open: boolean;
     cancel: () => void;
-    isActive: any;
+    isActive: import("vue").Ref<boolean, boolean>;
 }, __VLS_15: string, __VLS_16: any;
 type __VLS_Slots = {} & {
     [K in NonNullable<typeof __VLS_15>]?: (props: typeof __VLS_16) => any;

package/dist/types/components/OmegaForm/decimalSeparatorInput.d.ts

@@ -0,0 +1,13 @@
+/**
+ * VNumberInput only accepts the active decimal separator and silently drops
+ * the other one while typing. Attached in capture phase on the component
+ * root, this handler lets users type either "." or ",": the wrong character
+ * is translated to the active separator before Vuetify's own beforeinput
+ * filter can reject it.
+ *
+ * No validation beyond Vuetify's own single-separator typing rule: OmegaForm
+ * deliberately lets out-of-schema values through so schema errors show,
+ * instead of silently blocking input (same reasoning as min/max not being
+ * passed as props).
+ */
+export declare const handleDecimalSeparatorBeforeinput: (e: InputEvent, separator: string) => void;

package/dist/vue-components.es.js

@@ -10,15 +10,15 @@ import { toFormSchema as h } from "./vue-components18.es.js";
 import { deepMerge as g } from "./vue-components20.es.js";
 import { makeStandardSchemaV1Hooks as _, toLocalizedStandardSchemaV1 as v } from "./vue-components21.es.js";
 import { useErrorLabel as y } from "./vue-components22.es.js";
-import b from "./vue-components37.es.js";
-import x from "./vue-components39.es.js";
-import S from "./vue-components41.es.js";
-import C from "./vue-components43.es.js";
-import { FormErrors as w } from "./vue-components70.es.js";
-import { OmegaFormKey as T, useOmegaForm as E } from "./vue-components71.es.js";
-import { createUseFormWithCustomInput as D } from "./vue-components72.es.js";
-import { duplicateSchema as O } from "./vue-components73.es.js";
-import { components_exports as k } from "./vue-components74.es.js";
+import b from "./vue-components38.es.js";
+import x from "./vue-components40.es.js";
+import S from "./vue-components42.es.js";
+import C from "./vue-components44.es.js";
+import { FormErrors as w } from "./vue-components71.es.js";
+import { OmegaFormKey as T, useOmegaForm as E } from "./vue-components72.es.js";
+import { createUseFormWithCustomInput as D } from "./vue-components73.es.js";
+import { duplicateSchema as O } from "./vue-components74.es.js";
+import { components_exports as k } from "./vue-components75.es.js";
 //#region src/index.ts
 function A(e) {
 	for (let t in k) if (Object.prototype.hasOwnProperty.call(k, t)) {

package/dist/vue-components14.es.js

@@ -43,7 +43,7 @@ var t = (e) => {
 				r.exclusiveMaximum = e.exclusiveMaximum;
 				break;
 		}
-	} else e.AST.isBoolean(t) ? r.type = "boolean" : e.AST.isDeclaration(t) && t.annotations?.typeConstructor?._tag === "Date" ? r.type = "date" : r.type = "unknown";
+	} else e.AST.isBoolean(t) ? r.type = "boolean" : e.AST.isDeclaration(t) && (t.annotations?.typeConstructor?._tag === "Date" || t.annotations?.representation?.id === "effect/schema/Date") ? r.type = "date" : r.type = "unknown";
 	return r;
 };
 //#endregion

package/dist/vue-components32.es.js

@@ -1,24 +1,15 @@
-//#region src/components/OmegaForm/types.ts
-var e = [
-	"string",
-	"text",
-	"number",
-	"select",
-	"multiple",
-	"boolean",
-	"radio",
-	"autocomplete",
-	"autocompletemultiple",
-	"switch",
-	"range",
-	"password",
-	"email",
-	"date",
-	"tel",
-	"url",
-	"color",
-	"time",
-	"search"
-];
+//#region src/components/OmegaForm/decimalSeparatorInput.ts
+var e = (e) => e.replace(/[.*+?^${}()|[\]\\]/g, "\\$&"), t = (t, n) => {
+	if (!t.data) return;
+	let r = [".", ","].filter((e) => e !== n);
+	if (!r.some((e) => t.data.includes(e))) return;
+	let i = t.target;
+	t.preventDefault(), t.stopPropagation();
+	let a = r.reduce((e, t) => e.replaceAll(t, n), t.data), o = i.selectionStart ?? i.value.length, s = i.selectionEnd ?? i.value.length, c = i.value.slice(0, o) + a + i.value.slice(s);
+	if (!RegExp(`^-?\\d*${e(n)}?\\d*$`).test(c)) return;
+	i.value = c;
+	let l = o + a.length;
+	i.setSelectionRange(l, l), i.dispatchEvent(new Event("input", { bubbles: !0 }));
+};
 //#endregion
-export { e as typeOverrides };
+export { t as handleDecimalSeparatorBeforeinput };

package/dist/vue-components33.es.js

@@ -1,336 +1,24 @@
-import { getInputType as e } from "./vue-components13.es.js";
-import { typeOverrides as t } from "./vue-components32.es.js";
-import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createSlots as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeProps as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, resolveDynamicComponent as g, unref as _, watchEffect as v, withCtx as y } from "vue";
-//#region src/components/OmegaForm/OmegaInputVuetify.vue?vue&type=script&setup=true&lang.ts
-var b = /*@__PURE__*/ c({
-	inheritAttrs: !1,
-	__name: "OmegaInputVuetify",
-	props: {
-		inputProps: {},
-		field: {},
-		state: {}
-	},
-	emits: ["focus", "blur"],
-	setup(c) {
-		let b = c, x = r(() => !t.includes(b.inputProps.type));
-		return v(() => {
-			x.value && console.warn(`[OmegaForm] Unhandled input type "${b.inputProps.type}", falling back to a text input.`);
-		}), (t, r) => {
-			let v = h("v-text-field"), b = h("v-textarea"), S = h("v-number-input"), C = h("v-slider"), w = h("v-radio"), T = h("v-radio-group"), E = h("v-select"), D = h("v-autocomplete");
-			return f(), o("div", {
-				class: "omega-input",
-				onFocusout: r[9] ||= (e) => {
-					t.$emit("blur", e), c.field.handleBlur();
-				},
-				onFocusin: r[10] ||= (e) => t.$emit("focus", e)
-			}, [
-				c.inputProps.type === "boolean" || c.inputProps.type === "switch" ? (f(), i(g(c.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), u({
-					key: 0,
-					id: c.inputProps.id,
-					name: c.field.name,
-					label: c.inputProps.label,
-					"error-messages": c.inputProps.errorMessages,
-					error: c.inputProps.error,
-					ripple: ""
-				}, t.$attrs, {
-					"model-value": c.state.value,
-					onChange: r[0] ||= (e) => c.field.handleChange(e.target.checked)
-				}), s({ _: 2 }, [t.$slots.label ? {
-					name: "label",
-					fn: y(() => [m(t.$slots, "label", d(l({
-						required: c.inputProps.required,
-						id: c.inputProps.id,
-						label: c.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"model-value"
-				])) : a("", !0),
-				c.inputProps.type === "email" || c.inputProps.type === "string" || c.inputProps.type === "password" || c.inputProps.type === "date" || c.inputProps.type === "tel" || c.inputProps.type === "url" || c.inputProps.type === "color" || c.inputProps.type === "time" || c.inputProps.type === "search" ? (f(), i(v, u({
-					key: 1,
-					id: c.inputProps.id,
-					required: c.inputProps.required,
-					"min-length": c.inputProps.minLength,
-					"max-length": c.inputProps.maxLength,
-					type: _(e)(c.inputProps.type),
-					name: c.field.name,
-					label: c.inputProps.label,
-					"error-messages": c.inputProps.errorMessages,
-					error: c.inputProps.error
-				}, t.$attrs, {
-					"model-value": c.state.value,
-					"onUpdate:modelValue": r[1] ||= (e) => c.field.handleChange(e)
-				}), s({ _: 2 }, [t.$slots.label ? {
-					name: "label",
-					fn: y(() => [m(t.$slots, "label", d(l({
-						required: c.inputProps.required,
-						id: c.inputProps.id,
-						label: c.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"required",
-					"min-length",
-					"max-length",
-					"type",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"model-value"
-				])) : a("", !0),
-				c.inputProps.type === "text" ? (f(), i(b, u({
-					key: 2,
-					id: c.inputProps.id,
-					required: c.inputProps.required,
-					"min-length": c.inputProps.minLength,
-					"max-length": c.inputProps.maxLength,
-					name: c.field.name,
-					label: c.inputProps.label,
-					"error-messages": c.inputProps.errorMessages,
-					error: c.inputProps.error
-				}, t.$attrs, {
-					"model-value": c.state.value,
-					"onUpdate:modelValue": r[2] ||= (e) => c.field.handleChange(e)
-				}), s({ _: 2 }, [t.$slots.label ? {
-					name: "label",
-					fn: y(() => [m(t.$slots, "label", d(l({
-						required: c.inputProps.required,
-						id: c.inputProps.id,
-						label: c.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"required",
-					"min-length",
-					"max-length",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"model-value"
-				])) : a("", !0),
-				c.inputProps.type === "number" ? (f(), i(S, u({
-					key: 3,
-					id: c.inputProps.id,
-					required: c.inputProps.required,
-					role: "spinbutton",
-					"aria-valuemin": typeof c.inputProps.min == "number" ? c.inputProps.min : void 0,
-					"aria-valuemax": typeof c.inputProps.max == "number" ? c.inputProps.max : void 0,
-					"aria-valuenow": typeof c.state.value == "number" ? c.state.value : void 0,
-					name: c.field.name,
-					label: c.inputProps.label,
-					"error-messages": c.inputProps.errorMessages,
-					error: c.inputProps.error,
-					precision: c.inputProps.refinement === "int" ? 0 : null,
-					"control-variant": "stacked"
-				}, t.$attrs, {
-					"model-value": c.state.value,
-					"onUpdate:modelValue": r[3] ||= (e) => c.field.handleChange(e ?? void 0)
-				}), s({ _: 2 }, [t.$slots.label ? {
-					name: "label",
-					fn: y(() => [m(t.$slots, "label", d(l({
-						required: c.inputProps.required,
-						id: c.inputProps.id,
-						label: c.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"required",
-					"aria-valuemin",
-					"aria-valuemax",
-					"aria-valuenow",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"precision",
-					"model-value"
-				])) : a("", !0),
-				c.inputProps.type === "range" ? (f(), i(C, u({
-					key: 4,
-					id: c.inputProps.id,
-					required: c.inputProps.required,
-					min: typeof c.inputProps.min == "number" ? c.inputProps.min : void 0,
-					max: typeof c.inputProps.max == "number" ? c.inputProps.max : void 0,
-					name: c.field.name,
-					label: c.inputProps.label,
-					"error-messages": c.inputProps.errorMessages,
-					error: c.inputProps.error
-				}, t.$attrs, {
-					"model-value": c.state.value,
-					"onUpdate:modelValue": r[4] ||= (e) => {
-						e || e === 0 ? c.field.handleChange(Number(e)) : c.field.handleChange(void 0);
-					}
-				}), s({ _: 2 }, [t.$slots.label ? {
-					name: "label",
-					fn: y(() => [m(t.$slots, "label", d(l({
-						required: c.inputProps.required,
-						id: c.inputProps.id,
-						label: c.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"required",
-					"min",
-					"max",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"model-value"
-				])) : a("", !0),
-				c.inputProps.type === "radio" ? (f(), i(T, u({
-					key: 5,
-					id: c.inputProps.id,
-					name: c.field.name,
-					label: c.inputProps.label,
-					"error-messages": c.inputProps.errorMessages,
-					error: c.inputProps.error
-				}, t.$attrs, {
-					"model-value": c.state.value,
-					"onUpdate:modelValue": r[5] ||= (e) => c.field.handleChange(e)
-				}), s({
-					default: y(() => [(f(!0), o(n, null, p(c.inputProps.options, (e) => (f(), i(w, {
-						key: e.value,
-						label: e.title,
-						value: e.value
-					}, null, 8, ["label", "value"]))), 128))]),
-					_: 2
-				}, [t.$slots.label ? {
-					name: "label",
-					fn: y(() => [m(t.$slots, "label", d(l({
-						required: c.inputProps.required,
-						id: c.inputProps.id,
-						label: c.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"model-value"
-				])) : a("", !0),
-				c.inputProps.type === "select" || c.inputProps.type === "multiple" ? (f(), i(E, u({
-					key: 6,
-					id: c.inputProps.id,
-					clearable: c.inputProps.type === "select",
-					required: c.inputProps.required,
-					multiple: c.inputProps.type === "multiple",
-					chips: c.inputProps.type === "multiple",
-					name: c.field.name,
-					label: c.inputProps.label,
-					items: c.inputProps.options,
-					"error-messages": c.inputProps.errorMessages,
-					error: c.inputProps.error
-				}, t.$attrs, {
-					"model-value": c.state.value,
-					onClear: r[6] ||= (e) => c.field.handleChange(void 0),
-					"onUpdate:modelValue": c.field.handleChange
-				}), s({ _: 2 }, [t.$slots.label ? {
-					name: "label",
-					fn: y(() => [m(t.$slots, "label", d(l({
-						required: c.inputProps.required,
-						id: c.inputProps.id,
-						label: c.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"clearable",
-					"required",
-					"multiple",
-					"chips",
-					"name",
-					"label",
-					"items",
-					"error-messages",
-					"error",
-					"model-value",
-					"onUpdate:modelValue"
-				])) : a("", !0),
-				c.inputProps.type === "autocomplete" || c.inputProps.type === "autocompletemultiple" ? (f(), i(D, u({
-					key: 7,
-					id: c.inputProps.id,
-					clearable: c.inputProps.type === "autocomplete",
-					multiple: c.inputProps.type === "autocompletemultiple",
-					required: c.inputProps.required,
-					name: c.field.name,
-					label: c.inputProps.label,
-					items: c.inputProps.options,
-					"error-messages": c.inputProps.errorMessages,
-					error: c.inputProps.error,
-					chips: c.inputProps.type === "autocompletemultiple"
-				}, t.$attrs, {
-					"model-value": c.state.value,
-					onClear: r[7] ||= (e) => c.field.handleChange(void 0),
-					"onUpdate:modelValue": c.field.handleChange
-				}), s({ _: 2 }, [t.$slots.label ? {
-					name: "label",
-					fn: y(() => [m(t.$slots, "label", d(l({
-						required: c.inputProps.required,
-						id: c.inputProps.id,
-						label: c.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"clearable",
-					"multiple",
-					"required",
-					"name",
-					"label",
-					"items",
-					"error-messages",
-					"error",
-					"chips",
-					"model-value",
-					"onUpdate:modelValue"
-				])) : a("", !0),
-				x.value ? (f(), i(v, u({
-					key: 8,
-					id: c.inputProps.id,
-					required: c.inputProps.required,
-					type: _(e)(c.inputProps.type),
-					name: c.field.name,
-					label: c.inputProps.label,
-					"error-messages": c.inputProps.errorMessages,
-					error: c.inputProps.error
-				}, t.$attrs, {
-					"model-value": c.state.value,
-					"onUpdate:modelValue": r[8] ||= (e) => c.field.handleChange(e)
-				}), s({ _: 2 }, [t.$slots.label ? {
-					name: "label",
-					fn: y(() => [m(t.$slots, "label", d(l({
-						required: c.inputProps.required,
-						id: c.inputProps.id,
-						label: c.inputProps.label
-					})))]),
-					key: "0"
-				} : void 0]), 1040, [
-					"id",
-					"required",
-					"type",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"model-value"
-				])) : a("", !0)
-			], 32);
-		};
-	}
-});
+//#region src/components/OmegaForm/types.ts
+var e = [
+	"string",
+	"text",
+	"number",
+	"select",
+	"multiple",
+	"boolean",
+	"radio",
+	"autocomplete",
+	"autocompletemultiple",
+	"switch",
+	"range",
+	"password",
+	"email",
+	"date",
+	"tel",
+	"url",
+	"color",
+	"time",
+	"search"
+];
 //#endregion
-export { b as default };
+export { e as typeOverrides };