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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/dist/types/components/Dialog.vue.d.ts +1 -1
  2. package/dist/types/components/OmegaForm/InputProps.d.ts +1 -0
  3. package/dist/types/components/OmegaForm/OmegaInputVuetify.vue.d.ts +6 -0
  4. package/dist/types/components/OmegaForm/OmegaInternalInput.vue.d.ts +1 -0
  5. package/dist/types/components/OmegaForm/decimalSeparatorInput.d.ts +13 -0
  6. package/dist/vue-components.es.js +9 -9
  7. package/dist/vue-components21.es.js +14 -4
  8. package/dist/vue-components32.es.js +14 -23
  9. package/dist/vue-components33.es.js +23 -299
  10. package/dist/vue-components34.es.js +344 -0
  11. package/dist/vue-components36.es.js +7 -72
  12. package/dist/vue-components37.es.js +72 -3
  13. package/dist/vue-components38.es.js +4 -63
  14. package/dist/vue-components39.es.js +63 -4
  15. package/dist/vue-components40.es.js +4 -23
  16. package/dist/vue-components41.es.js +23 -4
  17. package/dist/vue-components42.es.js +3 -57
  18. package/dist/vue-components43.es.js +57 -3
  19. package/dist/vue-components44.es.js +4 -11
  20. package/dist/vue-components45.es.js +11 -21
  21. package/dist/vue-components46.es.js +22 -0
  22. package/dist/vue-components48.es.js +8 -3
  23. package/dist/vue-components49.es.js +3 -37
  24. package/dist/vue-components50.es.js +34 -23
  25. package/dist/vue-components51.es.js +23 -24
  26. package/dist/vue-components52.es.js +27 -6
  27. package/dist/vue-components53.es.js +6 -17
  28. package/dist/vue-components54.es.js +16 -34
  29. package/dist/vue-components55.es.js +34 -16
  30. package/dist/vue-components56.es.js +16 -19
  31. package/dist/vue-components57.es.js +10 -19
  32. package/dist/vue-components58.es.js +29 -6
  33. package/dist/vue-components59.es.js +6 -8
  34. package/dist/vue-components60.es.js +7 -36
  35. package/dist/vue-components61.es.js +37 -24
  36. package/dist/vue-components62.es.js +19 -122
  37. package/dist/vue-components63.es.js +126 -22
  38. package/dist/vue-components64.es.js +20 -17
  39. package/dist/vue-components65.es.js +18 -6
  40. package/dist/vue-components66.es.js +5 -15
  41. package/dist/vue-components67.es.js +18 -4
  42. package/dist/vue-components68.es.js +4 -28
  43. package/dist/vue-components69.es.js +28 -4
  44. package/dist/vue-components70.es.js +4 -42
  45. package/dist/vue-components71.es.js +38 -96
  46. package/dist/vue-components72.es.js +95 -30
  47. package/dist/vue-components73.es.js +35 -18
  48. package/dist/vue-components74.es.js +18 -49
  49. package/dist/vue-components75.es.js +50 -0
  50. package/package.json +3 -3
  51. package/src/components/OmegaForm/InputProps.ts +1 -0
  52. package/src/components/OmegaForm/OmegaInputVuetify.vue +65 -9
  53. package/src/components/OmegaForm/OmegaInternalInput.vue +1 -0
  54. package/src/components/OmegaForm/decimalSeparatorInput.ts +38 -0
  55. package/src/components/OmegaForm/validation/localized.ts +15 -4
  56. package/dist/vue-components35.es.js +0 -8
  57. package/dist/vue-components47.es.js +0 -9
@@ -0,0 +1,344 @@
1
+ import { getInputType as e } from "./vue-components13.es.js";
2
+ import { handleDecimalSeparatorBeforeinput as t } from "./vue-components32.es.js";
3
+ import { typeOverrides as n } from "./vue-components33.es.js";
4
+ import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createSlots as c, defineComponent as l, guardReactiveProps as u, mergeProps as d, normalizeProps as f, openBlock as p, renderList as m, renderSlot as h, resolveComponent as g, resolveDynamicComponent as _, unref as v, useAttrs as y, watchEffect as b, withCtx as x } from "vue";
5
+ import { useLocale as S } from "vuetify";
6
+ //#region src/components/OmegaForm/OmegaInputVuetify.vue?vue&type=script&setup=true&lang.ts
7
+ var C = /*@__PURE__*/ l({
8
+ inheritAttrs: !1,
9
+ __name: "OmegaInputVuetify",
10
+ props: {
11
+ inputProps: {},
12
+ field: {},
13
+ state: {}
14
+ },
15
+ emits: ["focus", "blur"],
16
+ setup(l) {
17
+ let C = l, w = y(), T = (() => {
18
+ try {
19
+ return S().decimalSeparator;
20
+ } catch {
21
+ return;
22
+ }
23
+ })(), E = i(() => (w["decimal-separator"] ?? w.decimalSeparator)?.[0] || T?.value || "."), D = (e) => t(e, E.value), O = i(() => !n.includes(C.inputProps.type));
24
+ return b(() => {
25
+ O.value && console.warn(`[OmegaForm] Unhandled input type "${C.inputProps.type}", falling back to a text input.`);
26
+ }), (t, n) => {
27
+ let i = g("v-text-field"), y = g("v-textarea"), b = g("v-number-input"), S = g("v-slider"), C = g("v-radio"), w = g("v-radio-group"), T = g("v-select"), E = g("v-autocomplete");
28
+ return p(), s("div", {
29
+ class: "omega-input",
30
+ onFocusout: n[9] ||= (e) => {
31
+ t.$emit("blur", e), l.field.handleBlur();
32
+ },
33
+ onFocusin: n[10] ||= (e) => t.$emit("focus", e)
34
+ }, [
35
+ l.inputProps.type === "boolean" || l.inputProps.type === "switch" ? (p(), a(_(l.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), d({
36
+ key: 0,
37
+ id: l.inputProps.id,
38
+ name: l.field.name,
39
+ label: l.inputProps.label,
40
+ "error-messages": l.inputProps.errorMessages,
41
+ error: l.inputProps.error,
42
+ ripple: ""
43
+ }, t.$attrs, {
44
+ "model-value": l.state.value,
45
+ onChange: n[0] ||= (e) => l.field.handleChange(e.target.checked)
46
+ }), c({ _: 2 }, [t.$slots.label ? {
47
+ name: "label",
48
+ fn: x(() => [h(t.$slots, "label", f(u({
49
+ required: l.inputProps.required,
50
+ id: l.inputProps.id,
51
+ label: l.inputProps.label
52
+ })))]),
53
+ key: "0"
54
+ } : void 0]), 1040, [
55
+ "id",
56
+ "name",
57
+ "label",
58
+ "error-messages",
59
+ "error",
60
+ "model-value"
61
+ ])) : o("", !0),
62
+ l.inputProps.type === "email" || l.inputProps.type === "string" || l.inputProps.type === "password" || l.inputProps.type === "date" || l.inputProps.type === "tel" || l.inputProps.type === "url" || l.inputProps.type === "color" || l.inputProps.type === "time" || l.inputProps.type === "search" ? (p(), a(i, d({
63
+ key: 1,
64
+ id: l.inputProps.id,
65
+ required: l.inputProps.required,
66
+ "min-length": l.inputProps.minLength,
67
+ "max-length": l.inputProps.maxLength,
68
+ type: v(e)(l.inputProps.type),
69
+ name: l.field.name,
70
+ label: l.inputProps.label,
71
+ "error-messages": l.inputProps.errorMessages,
72
+ error: l.inputProps.error
73
+ }, t.$attrs, {
74
+ "model-value": l.state.value,
75
+ "onUpdate:modelValue": n[1] ||= (e) => l.field.handleChange(e)
76
+ }), c({ _: 2 }, [t.$slots.label ? {
77
+ name: "label",
78
+ fn: x(() => [h(t.$slots, "label", f(u({
79
+ required: l.inputProps.required,
80
+ id: l.inputProps.id,
81
+ label: l.inputProps.label
82
+ })))]),
83
+ key: "0"
84
+ } : void 0]), 1040, [
85
+ "id",
86
+ "required",
87
+ "min-length",
88
+ "max-length",
89
+ "type",
90
+ "name",
91
+ "label",
92
+ "error-messages",
93
+ "error",
94
+ "model-value"
95
+ ])) : o("", !0),
96
+ l.inputProps.type === "text" ? (p(), a(y, d({
97
+ key: 2,
98
+ id: l.inputProps.id,
99
+ required: l.inputProps.required,
100
+ "min-length": l.inputProps.minLength,
101
+ "max-length": l.inputProps.maxLength,
102
+ name: l.field.name,
103
+ label: l.inputProps.label,
104
+ "error-messages": l.inputProps.errorMessages,
105
+ error: l.inputProps.error
106
+ }, t.$attrs, {
107
+ "model-value": l.state.value,
108
+ "onUpdate:modelValue": n[2] ||= (e) => l.field.handleChange(e)
109
+ }), c({ _: 2 }, [t.$slots.label ? {
110
+ name: "label",
111
+ fn: x(() => [h(t.$slots, "label", f(u({
112
+ required: l.inputProps.required,
113
+ id: l.inputProps.id,
114
+ label: l.inputProps.label
115
+ })))]),
116
+ key: "0"
117
+ } : void 0]), 1040, [
118
+ "id",
119
+ "required",
120
+ "min-length",
121
+ "max-length",
122
+ "name",
123
+ "label",
124
+ "error-messages",
125
+ "error",
126
+ "model-value"
127
+ ])) : o("", !0),
128
+ l.inputProps.type === "number" ? (p(), a(b, d({
129
+ key: 3,
130
+ id: l.inputProps.id,
131
+ required: l.inputProps.required,
132
+ role: "spinbutton",
133
+ "aria-valuemin": typeof l.inputProps.min == "number" ? l.inputProps.min : void 0,
134
+ "aria-valuemax": typeof l.inputProps.max == "number" ? l.inputProps.max : void 0,
135
+ "aria-valuenow": typeof l.state.value == "number" ? l.state.value : void 0,
136
+ name: l.field.name,
137
+ label: l.inputProps.label,
138
+ "error-messages": l.inputProps.errorMessages,
139
+ error: l.inputProps.error,
140
+ precision: null,
141
+ "control-variant": "stacked"
142
+ }, t.$attrs, {
143
+ "model-value": l.state.value,
144
+ onBeforeinputCapture: D,
145
+ "onUpdate:modelValue": n[3] ||= (e) => l.field.handleChange(e ?? void 0)
146
+ }), c({ _: 2 }, [t.$slots.label ? {
147
+ name: "label",
148
+ fn: x(() => [h(t.$slots, "label", f(u({
149
+ required: l.inputProps.required,
150
+ id: l.inputProps.id,
151
+ label: l.inputProps.label
152
+ })))]),
153
+ key: "0"
154
+ } : void 0]), 1040, [
155
+ "id",
156
+ "required",
157
+ "aria-valuemin",
158
+ "aria-valuemax",
159
+ "aria-valuenow",
160
+ "name",
161
+ "label",
162
+ "error-messages",
163
+ "error",
164
+ "model-value"
165
+ ])) : o("", !0),
166
+ l.inputProps.type === "range" ? (p(), a(S, d({
167
+ key: 4,
168
+ id: l.inputProps.id,
169
+ required: l.inputProps.required,
170
+ min: typeof l.inputProps.min == "number" ? l.inputProps.min : void 0,
171
+ max: typeof l.inputProps.max == "number" ? l.inputProps.max : void 0,
172
+ name: l.field.name,
173
+ label: l.inputProps.label,
174
+ "error-messages": l.inputProps.errorMessages,
175
+ error: l.inputProps.error
176
+ }, t.$attrs, {
177
+ "model-value": l.state.value,
178
+ "onUpdate:modelValue": n[4] ||= (e) => {
179
+ e || e === 0 ? l.field.handleChange(Number(e)) : l.field.handleChange(void 0);
180
+ }
181
+ }), c({ _: 2 }, [t.$slots.label ? {
182
+ name: "label",
183
+ fn: x(() => [h(t.$slots, "label", f(u({
184
+ required: l.inputProps.required,
185
+ id: l.inputProps.id,
186
+ label: l.inputProps.label
187
+ })))]),
188
+ key: "0"
189
+ } : void 0]), 1040, [
190
+ "id",
191
+ "required",
192
+ "min",
193
+ "max",
194
+ "name",
195
+ "label",
196
+ "error-messages",
197
+ "error",
198
+ "model-value"
199
+ ])) : o("", !0),
200
+ l.inputProps.type === "radio" ? (p(), a(w, d({
201
+ key: 5,
202
+ id: l.inputProps.id,
203
+ name: l.field.name,
204
+ label: l.inputProps.label,
205
+ "error-messages": l.inputProps.errorMessages,
206
+ error: l.inputProps.error
207
+ }, t.$attrs, {
208
+ "model-value": l.state.value,
209
+ "onUpdate:modelValue": n[5] ||= (e) => l.field.handleChange(e)
210
+ }), c({
211
+ default: x(() => [(p(!0), s(r, null, m(l.inputProps.options, (e) => (p(), a(C, {
212
+ key: e.value,
213
+ label: e.title,
214
+ value: e.value
215
+ }, null, 8, ["label", "value"]))), 128))]),
216
+ _: 2
217
+ }, [t.$slots.label ? {
218
+ name: "label",
219
+ fn: x(() => [h(t.$slots, "label", f(u({
220
+ required: l.inputProps.required,
221
+ id: l.inputProps.id,
222
+ label: l.inputProps.label
223
+ })))]),
224
+ key: "0"
225
+ } : void 0]), 1040, [
226
+ "id",
227
+ "name",
228
+ "label",
229
+ "error-messages",
230
+ "error",
231
+ "model-value"
232
+ ])) : o("", !0),
233
+ l.inputProps.type === "select" || l.inputProps.type === "multiple" ? (p(), a(T, d({
234
+ key: 6,
235
+ id: l.inputProps.id,
236
+ clearable: l.inputProps.type === "select",
237
+ required: l.inputProps.required,
238
+ multiple: l.inputProps.type === "multiple",
239
+ chips: l.inputProps.type === "multiple",
240
+ name: l.field.name,
241
+ label: l.inputProps.label,
242
+ items: l.inputProps.options,
243
+ "error-messages": l.inputProps.errorMessages,
244
+ error: l.inputProps.error
245
+ }, t.$attrs, {
246
+ "model-value": l.state.value,
247
+ onClear: n[6] ||= (e) => l.field.handleChange(void 0),
248
+ "onUpdate:modelValue": l.field.handleChange
249
+ }), c({ _: 2 }, [t.$slots.label ? {
250
+ name: "label",
251
+ fn: x(() => [h(t.$slots, "label", f(u({
252
+ required: l.inputProps.required,
253
+ id: l.inputProps.id,
254
+ label: l.inputProps.label
255
+ })))]),
256
+ key: "0"
257
+ } : void 0]), 1040, [
258
+ "id",
259
+ "clearable",
260
+ "required",
261
+ "multiple",
262
+ "chips",
263
+ "name",
264
+ "label",
265
+ "items",
266
+ "error-messages",
267
+ "error",
268
+ "model-value",
269
+ "onUpdate:modelValue"
270
+ ])) : o("", !0),
271
+ l.inputProps.type === "autocomplete" || l.inputProps.type === "autocompletemultiple" ? (p(), a(E, d({
272
+ key: 7,
273
+ id: l.inputProps.id,
274
+ clearable: l.inputProps.type === "autocomplete",
275
+ multiple: l.inputProps.type === "autocompletemultiple",
276
+ required: l.inputProps.required,
277
+ name: l.field.name,
278
+ label: l.inputProps.label,
279
+ items: l.inputProps.options,
280
+ "error-messages": l.inputProps.errorMessages,
281
+ error: l.inputProps.error,
282
+ chips: l.inputProps.type === "autocompletemultiple"
283
+ }, t.$attrs, {
284
+ "model-value": l.state.value,
285
+ onClear: n[7] ||= (e) => l.field.handleChange(void 0),
286
+ "onUpdate:modelValue": l.field.handleChange
287
+ }), c({ _: 2 }, [t.$slots.label ? {
288
+ name: "label",
289
+ fn: x(() => [h(t.$slots, "label", f(u({
290
+ required: l.inputProps.required,
291
+ id: l.inputProps.id,
292
+ label: l.inputProps.label
293
+ })))]),
294
+ key: "0"
295
+ } : void 0]), 1040, [
296
+ "id",
297
+ "clearable",
298
+ "multiple",
299
+ "required",
300
+ "name",
301
+ "label",
302
+ "items",
303
+ "error-messages",
304
+ "error",
305
+ "chips",
306
+ "model-value",
307
+ "onUpdate:modelValue"
308
+ ])) : o("", !0),
309
+ O.value ? (p(), a(i, d({
310
+ key: 8,
311
+ id: l.inputProps.id,
312
+ required: l.inputProps.required,
313
+ type: v(e)(l.inputProps.type),
314
+ name: l.field.name,
315
+ label: l.inputProps.label,
316
+ "error-messages": l.inputProps.errorMessages,
317
+ error: l.inputProps.error
318
+ }, t.$attrs, {
319
+ "model-value": l.state.value,
320
+ "onUpdate:modelValue": n[8] ||= (e) => l.field.handleChange(e)
321
+ }), c({ _: 2 }, [t.$slots.label ? {
322
+ name: "label",
323
+ fn: x(() => [h(t.$slots, "label", f(u({
324
+ required: l.inputProps.required,
325
+ id: l.inputProps.id,
326
+ label: l.inputProps.label
327
+ })))]),
328
+ key: "0"
329
+ } : void 0]), 1040, [
330
+ "id",
331
+ "required",
332
+ "type",
333
+ "name",
334
+ "label",
335
+ "error-messages",
336
+ "error",
337
+ "model-value"
338
+ ])) : o("", !0)
339
+ ], 32);
340
+ };
341
+ }
342
+ });
343
+ //#endregion
344
+ export { C as default };
@@ -1,73 +1,8 @@
1
- import e from "./vue-components35.es.js";
2
- import { computed as t, createBlock as n, createCommentVNode as r, createElementVNode as i, createSlots as a, defineComponent as o, getCurrentInstance as s, guardReactiveProps as c, mergeProps as l, normalizeClass as u, normalizeProps as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, useAttrs as h, useId as g, useSlots as _, withCtx as v } from "vue";
3
- import { useStore as y } from "@tanstack/vue-form";
4
- //#region src/components/OmegaForm/OmegaInternalInput.vue?vue&type=script&setup=true&lang.ts
5
- var b = /*@__PURE__*/ o({
6
- inheritAttrs: !1,
7
- __name: "OmegaInternalInput",
8
- props: {
9
- field: {},
10
- state: {},
11
- meta: {},
12
- label: {},
13
- type: { default: void 0 },
14
- required: {
15
- type: Boolean,
16
- default: void 0
17
- },
18
- inputClass: { default: void 0 },
19
- register: {},
20
- options: { default: void 0 },
21
- inputs: { default: void 0 }
22
- },
23
- setup(o) {
24
- let b = o, x = t(() => b.required ?? b?.meta?.required), S = s()?.appContext.components.VTextField, C = h(), w = _(), T = t(() => {
25
- let { class: e, ...t } = C;
26
- return t;
27
- }), E = t(() => C.class), D = g(), O = b.field;
28
- y(O.store, (e) => e);
29
- let k = y(O.form.store, (e) => e.fieldMeta), A = t(() => b.type ? b.type : b.meta?.type === "string" ? b.meta.format === "email" ? "email" : "string" : b.meta?.type || "unknown"), j = t(() => b.inputs?.[A.value] ?? (S ? e : void 0));
30
- b.register(t(() => ({
31
- name: b.field.name,
32
- label: b.label,
33
- id: D
34
- })));
35
- let M = t(() => k.value[b.field.name]?.errors ?? []), N = t(() => M.value.map((e) => e?.message).filter(Boolean)), P = (e) => e == null || e === !1 || e === "" || Number.isNaN(e), F = (e) => {
36
- P(e) && b.meta?.type !== "boolean" ? b.meta?.nullableOrUndefined ? b.field.handleChange(b.meta.nullableOrUndefined === "undefined" ? void 0 : null) : b.meta?.isOptionalKey ? b.field.form.deleteField(b.field.name) : b.field.handleChange(e) : b.field.handleChange(e), b.field.form.normalizeNullableStructs?.();
37
- }, I = (e) => new Proxy(e, { get(e, t, n) {
38
- return t === "handleChange" ? F : Reflect.get(...arguments);
39
- } }), L = t(() => ({
40
- inputProps: {
41
- id: D,
42
- required: x.value,
43
- minLength: b.meta?.type === "string" && b.meta?.minLength,
44
- maxLength: b.meta?.type === "string" && b.meta?.maxLength,
45
- max: b.meta?.type === "number" ? b.meta?.maximum ?? (typeof b.meta?.exclusiveMaximum == "number" ? b.meta.exclusiveMaximum - 1 : void 0) : void 0,
46
- min: b.meta?.type === "number" ? b.meta?.minimum ?? (typeof b.meta?.exclusiveMinimum == "number" ? b.meta.exclusiveMinimum + 1 : void 0) : void 0,
47
- errorMessages: N.value,
48
- error: !!N.value.length,
49
- type: A.value,
50
- label: w.label ? b.label : `${b.label}${x.value ? " *" : ""}`,
51
- options: b.options,
52
- inputClass: b.inputClass
53
- },
54
- state: b.state,
55
- field: I(b.field)
56
- }));
57
- return (e, t) => p(e.$slots, "default", d(c({
58
- ...L.value.inputProps,
59
- field: L.value.field,
60
- state: L.value.state
61
- })), () => [i("div", { class: u(E.value) }, [j.value ? (f(), n(m(j.value), d(l({ key: 0 }, {
62
- ...T.value,
63
- ...L.value,
64
- class: b.inputClass
65
- })), a({ _: 2 }, [e.$slots.label ? {
66
- name: "label",
67
- fn: v((t) => [p(e.$slots, "label", d(c(t)))]),
68
- key: "0"
69
- } : void 0]), 1040)) : r("", !0)], 2)]);
70
- }
71
- });
1
+ (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`.omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){grid-template-rows:1fr;min-height:0;transition:all .2s;display:grid;overflow:hidden}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;appearance:none;width:auto;box-shadow:none;min-width:auto;height:auto;padding:.5em .5em .5em 1em;display:block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`.omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){grid-template-rows:1fr;min-height:0;transition:all .2s;display:grid;overflow:hidden}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;appearance:none;width:auto;box-shadow:none;min-width:auto;height:auto;padding:.5em .5em .5em 1em;display:block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
2
+ (function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.appendChild(document.createTextNode(`.omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){grid-template-rows:1fr;min-height:0;transition:all .2s;display:grid;overflow:hidden}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;appearance:none;width:auto;box-shadow:none;min-width:auto;height:auto;padding:.5em .5em .5em 1em;display:block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.appendChild(document.createTextNode(`.omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){grid-template-rows:1fr;min-height:0;transition:all .2s;display:grid;overflow:hidden}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;appearance:none;width:auto;box-shadow:none;min-width:auto;height:auto;padding:.5em .5em .5em 1em;display:block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
3
+ import e from "./vue-components34.es.js";
4
+
5
+ //#region src/components/OmegaForm/OmegaInputVuetify.vue
6
+ var t = e;
72
7
  //#endregion
73
- export { b as default };
8
+ export { t as default };
@@ -1,5 +1,74 @@
1
1
  import e from "./vue-components36.es.js";
2
- //#region src/components/OmegaForm/OmegaInternalInput.vue
3
- var t = e;
2
+ import { computed as t, createBlock as n, createCommentVNode as r, createElementVNode as i, createSlots as a, defineComponent as o, getCurrentInstance as s, guardReactiveProps as c, mergeProps as l, normalizeClass as u, normalizeProps as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, useAttrs as h, useId as g, useSlots as _, withCtx as v } from "vue";
3
+ import { useStore as y } from "@tanstack/vue-form";
4
+ //#region src/components/OmegaForm/OmegaInternalInput.vue?vue&type=script&setup=true&lang.ts
5
+ var b = /*@__PURE__*/ o({
6
+ inheritAttrs: !1,
7
+ __name: "OmegaInternalInput",
8
+ props: {
9
+ field: {},
10
+ state: {},
11
+ meta: {},
12
+ label: {},
13
+ type: { default: void 0 },
14
+ required: {
15
+ type: Boolean,
16
+ default: void 0
17
+ },
18
+ inputClass: { default: void 0 },
19
+ register: {},
20
+ options: { default: void 0 },
21
+ inputs: { default: void 0 }
22
+ },
23
+ setup(o) {
24
+ let b = o, x = t(() => b.required ?? b?.meta?.required), S = s()?.appContext.components.VTextField, C = h(), w = _(), T = t(() => {
25
+ let { class: e, ...t } = C;
26
+ return t;
27
+ }), E = t(() => C.class), D = g(), O = b.field;
28
+ y(O.store, (e) => e);
29
+ let k = y(O.form.store, (e) => e.fieldMeta), A = t(() => b.type ? b.type : b.meta?.type === "string" ? b.meta.format === "email" ? "email" : "string" : b.meta?.type || "unknown"), j = t(() => b.inputs?.[A.value] ?? (S ? e : void 0));
30
+ b.register(t(() => ({
31
+ name: b.field.name,
32
+ label: b.label,
33
+ id: D
34
+ })));
35
+ let M = t(() => k.value[b.field.name]?.errors ?? []), N = t(() => M.value.map((e) => e?.message).filter(Boolean)), P = (e) => e == null || e === !1 || e === "" || Number.isNaN(e), F = (e) => {
36
+ P(e) && b.meta?.type !== "boolean" ? b.meta?.nullableOrUndefined ? b.field.handleChange(b.meta.nullableOrUndefined === "undefined" ? void 0 : null) : b.meta?.isOptionalKey ? b.field.form.deleteField(b.field.name) : b.field.handleChange(e) : b.field.handleChange(e), b.field.form.normalizeNullableStructs?.();
37
+ }, I = (e) => new Proxy(e, { get(e, t, n) {
38
+ return t === "handleChange" ? F : Reflect.get(...arguments);
39
+ } }), L = t(() => ({
40
+ inputProps: {
41
+ id: D,
42
+ required: x.value,
43
+ minLength: b.meta?.type === "string" && b.meta?.minLength,
44
+ maxLength: b.meta?.type === "string" && b.meta?.maxLength,
45
+ max: b.meta?.type === "number" ? b.meta?.maximum ?? (typeof b.meta?.exclusiveMaximum == "number" ? b.meta.exclusiveMaximum - 1 : void 0) : void 0,
46
+ min: b.meta?.type === "number" ? b.meta?.minimum ?? (typeof b.meta?.exclusiveMinimum == "number" ? b.meta.exclusiveMinimum + 1 : void 0) : void 0,
47
+ refinement: b.meta?.type === "number" ? b.meta?.refinement : void 0,
48
+ errorMessages: N.value,
49
+ error: !!N.value.length,
50
+ type: A.value,
51
+ label: w.label ? b.label : `${b.label}${x.value ? " *" : ""}`,
52
+ options: b.options,
53
+ inputClass: b.inputClass
54
+ },
55
+ state: b.state,
56
+ field: I(b.field)
57
+ }));
58
+ return (e, t) => p(e.$slots, "default", d(c({
59
+ ...L.value.inputProps,
60
+ field: L.value.field,
61
+ state: L.value.state
62
+ })), () => [i("div", { class: u(E.value) }, [j.value ? (f(), n(m(j.value), d(l({ key: 0 }, {
63
+ ...T.value,
64
+ ...L.value,
65
+ class: b.inputClass
66
+ })), a({ _: 2 }, [e.$slots.label ? {
67
+ name: "label",
68
+ fn: v((t) => [p(e.$slots, "label", d(c(t)))]),
69
+ key: "0"
70
+ } : void 0]), 1040)) : r("", !0)], 2)]);
71
+ }
72
+ });
4
73
  //#endregion
5
- export { t as default };
74
+ export { b as default };
@@ -1,64 +1,5 @@
1
- import { useErrorLabel as e } from "./vue-components22.es.js";
2
- import t from "./vue-components37.es.js";
3
- import { computed as n, createBlock as r, createCommentVNode as i, createSlots as a, defineComponent as o, guardReactiveProps as s, inject as c, mergeProps as l, normalizeProps as u, openBlock as d, renderSlot as f, resolveDynamicComponent as p, unref as m, useAttrs as h, withCtx as g } from "vue";
4
- //#region src/components/OmegaForm/OmegaInput.vue?vue&type=script&setup=true&lang.ts
5
- var _ = /*@__PURE__*/ o({
6
- inheritAttrs: !1,
7
- __name: "OmegaInput",
8
- props: {
9
- form: {},
10
- label: {},
11
- validators: {},
12
- required: {
13
- type: Boolean,
14
- default: void 0
15
- },
16
- name: {},
17
- inputClass: {},
18
- type: {},
19
- options: {}
20
- },
21
- setup(o) {
22
- let _ = o, v = n(() => ({
23
- label: _.label,
24
- required: _.required,
25
- type: _.type,
26
- options: _.options,
27
- inputs: _.form.inputs
28
- })), y = n(() => _.name), b = h(), x = n(() => {
29
- if (_.inputClass !== null) return _.inputClass === void 0 ? b.class : _.inputClass;
30
- }), S = c("getMetaFromArray", null), C = n(() => S?.value && S.value(_.name) ? S.value(y.value) : _.form.meta[y.value]), w = e(_.form);
31
- return (e, n) => (d(), r(p(o.form.Field), {
32
- name: o.name,
33
- validators: o.validators
34
- }, {
35
- default: g(({ field: n }) => [C.value ? (d(), r(t, l({ key: 0 }, {
36
- ...e.$attrs,
37
- ...v.value,
38
- inputClass: x.value
39
- }, {
40
- field: n,
41
- state: n.state,
42
- register: o.form.registerField,
43
- label: o.label ?? m(w)(y.value),
44
- meta: C.value
45
- }), a({
46
- default: g((t) => [f(e.$slots, "default", u(s(t)))]),
47
- _: 2
48
- }, [e.$slots.label ? {
49
- name: "label",
50
- fn: g((t) => [f(e.$slots, "label", u(s(t)))]),
51
- key: "0"
52
- } : void 0]), 1040, [
53
- "field",
54
- "state",
55
- "register",
56
- "label",
57
- "meta"
58
- ])) : i("", !0)]),
59
- _: 3
60
- }, 8, ["name", "validators"]));
61
- }
62
- });
1
+ import e from "./vue-components37.es.js";
2
+ //#region src/components/OmegaForm/OmegaInternalInput.vue
3
+ var t = e;
63
4
  //#endregion
64
- export { _ as default };
5
+ export { t as default };
@@ -1,5 +1,64 @@
1
- import e from "./vue-components38.es.js";
2
- //#region src/components/OmegaForm/OmegaInput.vue
3
- var t = e;
1
+ import { useErrorLabel as e } from "./vue-components22.es.js";
2
+ import t from "./vue-components38.es.js";
3
+ import { computed as n, createBlock as r, createCommentVNode as i, createSlots as a, defineComponent as o, guardReactiveProps as s, inject as c, mergeProps as l, normalizeProps as u, openBlock as d, renderSlot as f, resolveDynamicComponent as p, unref as m, useAttrs as h, withCtx as g } from "vue";
4
+ //#region src/components/OmegaForm/OmegaInput.vue?vue&type=script&setup=true&lang.ts
5
+ var _ = /*@__PURE__*/ o({
6
+ inheritAttrs: !1,
7
+ __name: "OmegaInput",
8
+ props: {
9
+ form: {},
10
+ label: {},
11
+ validators: {},
12
+ required: {
13
+ type: Boolean,
14
+ default: void 0
15
+ },
16
+ name: {},
17
+ inputClass: {},
18
+ type: {},
19
+ options: {}
20
+ },
21
+ setup(o) {
22
+ let _ = o, v = n(() => ({
23
+ label: _.label,
24
+ required: _.required,
25
+ type: _.type,
26
+ options: _.options,
27
+ inputs: _.form.inputs
28
+ })), y = n(() => _.name), b = h(), x = n(() => {
29
+ if (_.inputClass !== null) return _.inputClass === void 0 ? b.class : _.inputClass;
30
+ }), S = c("getMetaFromArray", null), C = n(() => S?.value && S.value(_.name) ? S.value(y.value) : _.form.meta[y.value]), w = e(_.form);
31
+ return (e, n) => (d(), r(p(o.form.Field), {
32
+ name: o.name,
33
+ validators: o.validators
34
+ }, {
35
+ default: g(({ field: n }) => [C.value ? (d(), r(t, l({ key: 0 }, {
36
+ ...e.$attrs,
37
+ ...v.value,
38
+ inputClass: x.value
39
+ }, {
40
+ field: n,
41
+ state: n.state,
42
+ register: o.form.registerField,
43
+ label: o.label ?? m(w)(y.value),
44
+ meta: C.value
45
+ }), a({
46
+ default: g((t) => [f(e.$slots, "default", u(s(t)))]),
47
+ _: 2
48
+ }, [e.$slots.label ? {
49
+ name: "label",
50
+ fn: g((t) => [f(e.$slots, "label", u(s(t)))]),
51
+ key: "0"
52
+ } : void 0]), 1040, [
53
+ "field",
54
+ "state",
55
+ "register",
56
+ "label",
57
+ "meta"
58
+ ])) : i("", !0)]),
59
+ _: 3
60
+ }, 8, ["name", "validators"]));
61
+ }
62
+ });
4
63
  //#endregion
5
- export { t as default };
64
+ export { _ as default };
@@ -1,24 +1,5 @@
1
- import { createCommentVNode as e, defineComponent as t, mergeProps as n, normalizeProps as r, renderSlot as i, watch as a } from "vue";
2
- //#region src/components/OmegaForm/OmegaTaggedUnionInternal.vue?vue&type=script&setup=true&lang.ts
3
- var o = /*@__PURE__*/ t({
4
- __name: "OmegaTaggedUnionInternal",
5
- props: {
6
- tag: {},
7
- field: {},
8
- name: {},
9
- form: {}
10
- },
11
- setup(t) {
12
- let o = t, s = o.form.useStore(({ values: e }) => e);
13
- return a(() => o.tag, (e, t) => {
14
- e === null && o.field.setValue(null), e !== t && (o.form.reset(s.value), setTimeout(() => {
15
- o.field.validate("change");
16
- }, 0));
17
- }, { immediate: !0 }), (a, o) => t.tag ? i(a.$slots, `${t.name ? `${t.name}.` : ""}${t.tag}`, r(n({ key: 0 }, {
18
- field: t.field,
19
- tag: t.tag
20
- }))) : e("", !0);
21
- }
22
- });
1
+ import e from "./vue-components39.es.js";
2
+ //#region src/components/OmegaForm/OmegaInput.vue
3
+ var t = e;
23
4
  //#endregion
24
- export { o as default };
5
+ export { t as default };