@effect-app/vue-components 4.0.0-beta.314 → 4.0.0-beta.316

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/InputProps.d.ts

@@ -9,6 +9,7 @@ export type InputProps<From extends Record<PropertyKey, any>, TName extends Deep
         maxLength?: number | false;
         max?: number | false;
         min?: number | false;
+        refinement?: "int";
         errorMessages: string[];
         error: boolean;
         label: string;

package/dist/types/components/OmegaForm/OmegaInputVuetify.vue.d.ts

@@ -57,6 +57,12 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, Name extends
             id: string;
             label: string;
         }) => any;
+    } & {
+        label?: (props: {
+            required: boolean | undefined;
+            id: string;
+            label: string;
+        }) => any;
     };
     emit: {
         (e: "focus", event: Event): void;

package/dist/types/components/OmegaForm/OmegaInternalInput.vue.d.ts

@@ -37,6 +37,7 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, Name extends
             maxLength?: number | false;
             max?: number | false;
             min?: number | false;
+            refinement?: "int";
             errorMessages: string[];
             error: boolean;
             label: string;

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-components21.es.js

@@ -31,20 +31,30 @@ var t = (e) => {
 			}
 			case "isGreaterThanOrEqualTo": return r(a.minimum === 0 ? "validation.number.positive" : "validation.number.min", {
 				minimum: a.minimum,
-				isExclusive: !0
+				isExclusive: !1
 			});
 			case "isGreaterThan": return r(a.exclusiveMinimum === 0 ? "validation.number.positive" : "validation.number.min", {
 				minimum: a.exclusiveMinimum,
-				isExclusive: !1
+				isExclusive: !0
 			});
 			case "isLessThanOrEqualTo": return r("validation.number.max", {
 				maximum: a.maximum,
-				isExclusive: !0
+				isExclusive: !1
 			});
 			case "isLessThan": return r("validation.number.max", {
 				maximum: a.exclusiveMaximum,
-				isExclusive: !1
+				isExclusive: !0
 			});
+			case "isBetween": {
+				let e = n(i);
+				return typeof e == "number" && e < a.minimum ? r("validation.number.min", {
+					minimum: a.minimum,
+					isExclusive: !1
+				}) : r("validation.number.max", {
+					maximum: a.maximum,
+					isExclusive: !1
+				});
+			}
 			default: return e.SchemaIssue.defaultCheckHook(i);
 		}
 	}

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,300 +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-radio"), C = h("v-radio-group"), w = h("v-select"), T = h("v-autocomplete");
-			return f(), o("div", {
-				class: "omega-input",
-				onFocusout: r[8] ||= (e) => {
-					t.$emit("blur", e), c.field.handleBlur();
-				},
-				onFocusin: r[9] ||= (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" || c.inputProps.type === "range" ? (f(), i(g(c.inputProps.type === "range" ? "v-slider" : "v-text-field"), u({
-					key: 3,
-					id: c.inputProps.id,
-					required: c.inputProps.required,
-					min: c.inputProps.min,
-					max: c.inputProps.max,
-					type: 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[3] ||= (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",
-					"type",
-					"name",
-					"label",
-					"error-messages",
-					"error",
-					"model-value"
-				])) : a("", !0),
-				c.inputProps.type === "radio" ? (f(), i(C, u({
-					key: 4,
-					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[4] ||= (e) => c.field.handleChange(e)
-				}), s({
-					default: y(() => [(f(!0), o(n, null, p(c.inputProps.options, (e) => (f(), i(S, {
-						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(w, u({
-					key: 5,
-					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[5] ||= (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(T, u({
-					key: 6,
-					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[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",
-					"multiple",
-					"required",
-					"name",
-					"label",
-					"items",
-					"error-messages",
-					"error",
-					"chips",
-					"model-value",
-					"onUpdate:modelValue"
-				])) : a("", !0),
-				x.value ? (f(), i(v, u({
-					key: 7,
-					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[7] ||= (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 };