@verdnatura/vn-front-lib 0.1.6 → 0.1.8

package/dist/components-BVCHOTDW.js

@@ -0,0 +1,1227 @@
+import { _ as e, g as t, h as n, m as r, p as i, t as a, u as o, v as s } from "./composables-xGr9z2hA.js";
+import { useStateStore as c } from "./stores.js";
+import { onBeforeSave as l } from "./filters.js";
+import { Fragment as u, Teleport as d, Transition as f, computed as p, createBlock as m, createCommentVNode as h, createElementBlock as g, createElementVNode as _, createSlots as v, createTextVNode as y, createVNode as b, mergeModels as x, mergeProps as ee, nextTick as S, normalizeClass as C, normalizeStyle as w, onMounted as T, onUnmounted as E, openBlock as D, ref as O, renderSlot as k, toDisplayString as A, unref as j, useAttrs as te, useModel as M, vShow as N, watch as P, withCtx as F, withDirectives as I, withKeys as L, withModifiers as ne } from "vue";
+import * as R from "quasar";
+import { QAvatar as z, QBtn as B, QBtnGroup as re, QCard as ie, QCardActions as V, QCardSection as ae, QDate as oe, QDialog as H, QForm as se, QIcon as U, QInnerLoading as ce, QInput as W, QMenu as G, QSkeleton as K, QSpace as q, QTooltip as J, date as Y, getCssVar as X } from "quasar";
+import { useI18n as le } from "vue-i18n";
+import ue from "axios";
+import { onBeforeRouteLeave as de, useRoute as fe, useRouter as pe } from "vue-router";
+//#region lib/components/dialogs/VnConfirm.vue?vue&type=i18n&index=0&lang.i18n
+function me(e) {
+	let t = e;
+	t.__i18n = t.__i18n || [], t.__i18n.push({
+		locale: "",
+		resource: { es: {
+			Confirm: {
+				t: 0,
+				b: {
+					t: 2,
+					i: [{ t: 3 }],
+					s: "Confirmar"
+				}
+			},
+			"Are you sure you want to continue?": {
+				t: 0,
+				b: {
+					t: 2,
+					i: [{ t: 3 }],
+					s: "¿Seguro que quieres continuar?"
+				}
+			}
+		} }
+	});
+}
+//#endregion
+//#region \0plugin-vue:export-helper
+var Z = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+}, he = { class: "text-h6" }, Q = ["innerHTML"], ge = {
+	__name: "VnConfirm",
+	props: {
+		icon: {
+			type: String,
+			default: null
+		},
+		title: {
+			type: String,
+			default: null
+		},
+		message: {
+			type: [String, Boolean],
+			default: null
+		},
+		data: {
+			type: Object,
+			required: !1,
+			default: null
+		},
+		promise: {
+			type: Function,
+			required: !1,
+			default: null
+		},
+		persistent: {
+			type: Boolean,
+			default: !1
+		},
+		closable: {
+			type: Boolean,
+			default: !0
+		},
+		cardClass: {
+			type: String,
+			default: null
+		}
+	},
+	emits: [
+		"confirm",
+		"cancel",
+		...R.useDialogPluginComponent.emits
+	],
+	setup(e, { expose: t, emit: n }) {
+		let { t: r } = le(), i = e, a = n;
+		t({
+			show: () => o.value.show(),
+			hide: () => o.value.hide()
+		});
+		let { dialogRef: o, onDialogHide: s, onDialogOK: c, onDialogCancel: l } = R.useDialogPluginComponent(), u = i.title || r("Confirm"), d = i.message || i.message !== !1 && r("Are you sure you want to continue?"), f = O(!1);
+		async function p() {
+			if (f.value = !0, i.promise) try {
+				await i.promise(i.data);
+			} finally {
+				f.value = !1;
+			}
+			c(i.data);
+		}
+		function v() {
+			a("cancel"), l();
+		}
+		return (t, n) => (D(), m(j(H), {
+			ref_key: "dialogRef",
+			ref: o,
+			persistent: e.persistent,
+			onHide: j(s)
+		}, {
+			default: F(() => [b(j(ie), { class: C(["q-pa-sm", e.cardClass]) }, {
+				default: F(() => [
+					b(j(ae), { class: "row items-center q-pb-none" }, {
+						default: F(() => [
+							e.icon ? (D(), m(j(z), {
+								key: 0,
+								icon: e.icon,
+								color: "primary",
+								"text-color": "white",
+								size: "xl"
+							}, null, 8, ["icon"])) : h("", !0),
+							_("span", he, A(j(u)), 1),
+							b(j(q)),
+							e.closable ? (D(), m(j(B), {
+								key: 1,
+								icon: "close",
+								disable: f.value,
+								flat: "",
+								round: "",
+								dense: "",
+								onClick: n[0] ||= (e) => v()
+							}, null, 8, ["disable"])) : h("", !0)
+						]),
+						_: 1
+					}),
+					b(j(ae), {
+						class: "q-pb-none",
+						"data-cy": "VnConfirm_message"
+					}, {
+						default: F(() => [j(d) === !1 ? h("", !0) : (D(), g("span", {
+							key: 0,
+							innerHTML: j(d)
+						}, null, 8, Q))]),
+						_: 1
+					}),
+					b(j(ae), { class: "row items-center q-pt-none" }, {
+						default: F(() => [k(t.$slots, "custom-html", {}, void 0, !0)]),
+						_: 3
+					}),
+					t.$slots.actions ? (D(), m(j(V), {
+						key: 0,
+						align: "right"
+					}, {
+						default: F(() => [k(t.$slots, "actions", { actions: {
+							confirm: p,
+							cancel: v
+						} }, void 0, !0)]),
+						_: 3
+					})) : (D(), m(j(V), {
+						key: 1,
+						align: "right"
+					}, {
+						default: F(() => [b(j(B), {
+							label: j(r)("globals.cancel"),
+							color: "primary",
+							disable: f.value,
+							flat: "",
+							onClick: n[1] ||= (e) => v(),
+							"data-cy": "VnConfirm_cancel"
+						}, null, 8, ["label", "disable"]), b(j(B), {
+							label: j(r)("globals.confirm"),
+							title: j(r)("globals.confirm"),
+							color: "primary",
+							loading: f.value,
+							onClick: n[2] ||= (e) => p(),
+							unelevated: "",
+							autofocus: "",
+							"data-cy": "VnConfirm_confirm"
+						}, null, 8, [
+							"label",
+							"title",
+							"loading"
+						])]),
+						_: 1
+					}))
+				]),
+				_: 3
+			}, 8, ["class"])]),
+			_: 3
+		}, 8, ["persistent", "onHide"]));
+	}
+};
+typeof me == "function" && me(ge);
+var _e = /*#__PURE__*/ Z(ge, [["__scopeId", "data-v-087d2dc1"]]), ve = { class: "row q-gutter-md q-mb-md" }, ye = { class: "row q-gutter-md q-mb-md" }, $ = { class: "row q-gutter-md q-mb-md" }, be = {
+	__name: "VnSkeletonForm",
+	setup(e) {
+		return (e, t) => (D(), g(u, null, [
+			_("div", ve, [b(j(K), {
+				type: "QInput",
+				class: "col",
+				square: ""
+			}), b(j(K), {
+				type: "QInput",
+				class: "col",
+				square: ""
+			})]),
+			_("div", ye, [b(j(K), {
+				type: "QInput",
+				class: "col",
+				square: ""
+			}), b(j(K), {
+				type: "QInput",
+				class: "col",
+				square: ""
+			})]),
+			_("div", $, [b(j(K), {
+				type: "QInput",
+				class: "col",
+				square: ""
+			}), b(j(K), {
+				type: "QInput",
+				class: "col",
+				square: ""
+			})])
+		], 64));
+	}
+}, xe = /*#__PURE__*/ Z({
+	__name: "VnSpinner",
+	props: {
+		size: {
+			type: String,
+			default: "40px"
+		},
+		noTransition: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(e) {
+		let t = {
+			xs: "16px",
+			sm: "24px",
+			md: "40px",
+			lg: "56px",
+			xl: "72px"
+		};
+		return (n, r) => e.noTransition ? (D(), g("div", {
+			key: 1,
+			class: "vn-spinner",
+			style: w({
+				width: t[e.size] || e.size,
+				height: t[e.size] || e.size
+			})
+		}, null, 4)) : (D(), m(f, {
+			key: 0,
+			name: "vn-spinner-fade",
+			appear: ""
+		}, {
+			default: F(() => [_("div", {
+				class: "vn-spinner",
+				style: w({
+					width: t[e.size] || e.size,
+					height: t[e.size] || e.size
+				})
+			}, null, 4)]),
+			_: 1
+		}));
+	}
+}, [["__scopeId", "data-v-e5edebae"]]), Se = /*#__PURE__*/ Z({
+	__name: "VnDate",
+	props: {
+		modelValue: {
+			type: [String, Number],
+			default: ""
+		},
+		modelModifiers: {}
+	},
+	emits: ["update:modelValue"],
+	setup(e) {
+		let t = M(e, "modelValue");
+		return (e, n) => (D(), m(j(oe), {
+			modelValue: t.value,
+			"onUpdate:modelValue": n[0] ||= (e) => t.value = e,
+			"today-btn": !0,
+			options: e.$attrs.options,
+			autocomplete: "off"
+		}, null, 8, ["modelValue", "options"]));
+	}
+}, [["__scopeId", "data-v-8338d4d1"]]);
+//#endregion
+//#region lib/components/inputs/VnInput.vue?vue&type=i18n&index=0&lang.i18n
+function Ce(e) {
+	let t = e;
+	t.__i18n = t.__i18n || [], t.__i18n.push({
+		locale: "",
+		resource: {
+			en: {
+				inputMin: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{
+							t: 3,
+							v: "Must be more than "
+						}, {
+							t: 4,
+							k: "value"
+						}]
+					}
+				},
+				maxLength: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [
+							{
+								t: 3,
+								v: "The value exceeds "
+							},
+							{
+								t: 4,
+								k: "value"
+							},
+							{
+								t: 3,
+								v: " characters"
+							}
+						]
+					}
+				},
+				inputMax: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{
+							t: 3,
+							v: "Must be less than "
+						}, {
+							t: 4,
+							k: "value"
+						}]
+					}
+				}
+			},
+			es: {
+				inputMin: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{
+							t: 3,
+							v: "Debe ser mayor a "
+						}, {
+							t: 4,
+							k: "value"
+						}]
+					}
+				},
+				maxLength: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [
+							{
+								t: 3,
+								v: "El valor excede los "
+							},
+							{
+								t: 4,
+								k: "value"
+							},
+							{
+								t: 3,
+								v: " carácteres"
+							}
+						]
+					}
+				},
+				inputMax: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{
+							t: 3,
+							v: "Debe ser menor a "
+						}, {
+							t: 4,
+							k: "value"
+						}]
+					}
+				},
+				"Convert to uppercase": {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{ t: 3 }],
+						s: "Convertir a mayúsculas"
+					}
+				},
+				Remove: {
+					t: 0,
+					b: {
+						t: 2,
+						i: [{ t: 3 }],
+						s: "Eliminar"
+					}
+				}
+			}
+		}
+	});
+}
+//#endregion
+//#region lib/components/inputs/VnInput.vue
+var we = {
+	__name: "VnInput",
+	props: /*@__PURE__*/ x({
+		isOutlined: {
+			type: Boolean,
+			default: !1
+		},
+		info: {
+			type: String,
+			default: ""
+		},
+		clearable: {
+			type: Boolean,
+			default: !0
+		},
+		emptyToNull: {
+			type: Boolean,
+			default: !0
+		},
+		insertable: {
+			type: Boolean,
+			default: !1
+		},
+		maxlength: {
+			type: Number,
+			default: null
+		},
+		uppercase: {
+			type: Boolean,
+			default: !1
+		},
+		clearOnHover: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { default: null },
+		modelModifiers: {}
+	}),
+	emits: /*@__PURE__*/ x(["remove"], ["update:modelValue"]),
+	setup(e, { expose: n, emit: r }) {
+		let i = te(), { isRequired: a, requiredFieldRule: o } = t(i), { t: s } = le(), c = r, l = e, u = M(e, "modelValue"), d = [
+			"number",
+			"search",
+			"tel",
+			"url",
+			"password"
+		], f = (e) => {
+			let t = e;
+			l.emptyToNull && t === "" && (t = null), u.value = t;
+		}, _ = O(null), x = O(!1), C = p(() => l.isOutlined ? {
+			dense: !0,
+			outlined: !0,
+			rounded: !0
+		} : {}), E = (e) => {
+			_.value?.focus(e);
+		}, P = (e) => {
+			S(() => {
+				let t = e.target || _.value?.$el?.querySelector("input"), n = e.target.type || t?.getAttribute("type");
+				if (n !== "email") {
+					if (!d.includes(n)) {
+						if (t?.setSelectionRange) {
+							let e = t.value?.length ?? 0;
+							t.setSelectionRange(e, e);
+						}
+						return;
+					}
+					t?.select?.();
+				}
+			});
+		};
+		n({
+			focus: E,
+			vnInputRef: _
+		});
+		let L = p(() => [
+			o,
+			...i.rules ?? [],
+			(e) => {
+				let t = l.maxlength;
+				if (t && +e?.length > t) return s("maxLength", { value: t });
+				let { min: n, max: r } = i, a = n === void 0 ? void 0 : Number(n), o = r === void 0 ? void 0 : Number(r);
+				return a !== void 0 && a >= 0 && Math.floor(e) < a ? s("inputMin", { value: a }) : o !== void 0 && o > 0 && Math.floor(e) > o ? s("inputMax", { value: o }) : !0;
+			}
+		]), ne = (e) => {
+			e.key !== "Backspace" && l.insertable && e.key.match(/[0-9]/) && R(e);
+		}, R = (e) => {
+			e.preventDefault();
+			let t = e.target, n = t.selectionStart, r = l.maxlength, i = u.value;
+			i ||= e.key;
+			let a = e.key;
+			a && !isNaN(a) && n < r && f(i.substring(0, n) + a + i.substring(n + 1)), S(() => {
+				t.setSelectionRange(n + 1, n + 1);
+			});
+		}, z = () => {
+			u.value = u.value?.toUpperCase() || "";
+		};
+		return T(() => {
+			i.autofocus && E();
+		}), (t, n) => (D(), g("div", {
+			onMouseover: n[1] ||= (e) => x.value = !0,
+			onMouseleave: n[2] ||= (e) => x.value = !1
+		}, [b(j(W), ee({
+			ref_key: "vnInputRef",
+			ref: _,
+			"model-value": j(u),
+			"onUpdate:modelValue": f
+		}, {
+			...j(i),
+			...C.value
+		}, {
+			class: { required: j(a) },
+			onKeydown: ne,
+			onFocus: P,
+			clearable: !1,
+			rules: L.value,
+			"lazy-rules": !0,
+			"hide-bottom-space": "",
+			"data-cy": (j(i)["data-cy"] ?? j(i).label) + "_input",
+			dense: ""
+		}), v({
+			append: F(() => [
+				I(b(j(U), {
+					name: "close",
+					size: "xs",
+					class: "cursor-pointer",
+					style: w({ visibility: x.value && j(u) && !j(i).disabled && !j(i).readonly && l.clearable ? "visible" : "hidden" }),
+					onClick: n[0] ||= () => {
+						f(null), _.value?.focus(), c("remove");
+					}
+				}, {
+					default: F(() => [b(j(J), null, {
+						default: F(() => [y(A(j(s)("Remove")), 1)]),
+						_: 1
+					})]),
+					_: 1
+				}, 8, ["style"]), [[N, !e.clearOnHover || x.value]]),
+				!j(i).disabled && !j(i).readonly && l.uppercase ? (D(), m(j(U), {
+					key: 0,
+					name: "match_case",
+					size: "xs",
+					onClick: z,
+					class: "uppercase-icon"
+				}, {
+					default: F(() => [b(j(J), null, {
+						default: F(() => [y(A(j(s)("Convert to uppercase")), 1)]),
+						_: 1
+					})]),
+					_: 1
+				})) : h("", !0),
+				t.$slots.append && !j(i).disabled ? k(t.$slots, "append", {}, void 0, void 0, 1) : h("", !0),
+				e.info ? (D(), m(j(U), {
+					key: 2,
+					name: "info"
+				}, {
+					default: F(() => [b(j(J), { "max-width": "350px" }, {
+						default: F(() => [y(A(e.info), 1)]),
+						_: 1
+					})]),
+					_: 1
+				})) : h("", !0)
+			]),
+			_: 2
+		}, [t.$slots.hint ? {
+			name: "hint",
+			fn: F(() => [k(t.$slots, "hint")]),
+			key: "0"
+		} : void 0, t.$slots.prepend ? {
+			name: "prepend",
+			fn: F(() => [k(t.$slots, "prepend")]),
+			key: "1"
+		} : void 0]), 1040, [
+			"model-value",
+			"class",
+			"rules",
+			"data-cy"
+		])], 32));
+	}
+};
+typeof Ce == "function" && Ce(we);
+//#endregion
+//#region lib/components/inputs/VnInputDate.vue?vue&type=i18n&index=0&lang.i18n
+function Te(e) {
+	let t = e;
+	t.__i18n = t.__i18n || [], t.__i18n.push({
+		locale: "",
+		resource: { es: {
+			"Open date": {
+				t: 0,
+				b: {
+					t: 2,
+					i: [{ t: 3 }],
+					s: "Abrir fecha"
+				}
+			},
+			Remove: {
+				t: 0,
+				b: {
+					t: 2,
+					i: [{ t: 3 }],
+					s: "Eliminar"
+				}
+			}
+		} }
+	});
+}
+//#endregion
+//#region lib/components/inputs/VnInputDate.vue
+var Ee = "DD/MM/YYYY", De = {
+	__name: "VnInputDate",
+	props: /*@__PURE__*/ x({
+		isOutlined: {
+			type: Boolean,
+			default: !1
+		},
+		showEvent: {
+			type: Boolean,
+			default: !0
+		},
+		hideYearNavigation: {
+			type: Boolean,
+			default: !1
+		},
+		clearOnHover: {
+			type: Boolean,
+			default: !1
+		}
+	}, {
+		modelValue: { type: [
+			String,
+			Date,
+			Object
+		] },
+		modelModifiers: {}
+	}),
+	emits: ["update:modelValue"],
+	setup(e) {
+		let n = te(), { t: r } = le(), { isRequired: i, requiredFieldRule: a } = t(n), o = M(e, "modelValue"), s = e, c = O(null), l = X("negative"), u = O(""), d = O(), f = O(), _ = [a, ...n.rules ?? []], v = p(() => o.value?.neq || o.value?.nin || o.value), x = p(() => {
+			if (v.value) return Array.isArray(v.value) ? v.value.map((e) => Y.formatDate(new Date(e), Ee)).join(", ") : Y.formatDate(new Date(v.value), Ee);
+		}), C = p(() => {
+			let e = Array.isArray(v.value) ? v.value[0] : v.value;
+			return e && Y.formatDate(new Date(e), "YYYY/MM/DD");
+		}), w = p(() => s.isOutlined ? {
+			dense: !0,
+			outlined: !0,
+			rounded: !0
+		} : {}), T = O(""), E = n["data-cy"] ?? n.label, k = E + "_menu", N = E + "_inputDate", I = (e) => {
+			if (!e && n.clearable) {
+				T.value = null, o.value = null;
+				return;
+			}
+			T.value = e.replace(/[^0-9./-]/g, "");
+		}, R = (e) => {
+			e && (T.value = e.split("/").reverse().join("/"), z(), d.value = !1);
+		};
+		P(() => o.value, () => {
+			let e = Array.isArray(v.value) ? v.value[0] : v.value;
+			T.value = e ? Y.formatDate(new Date(e), Ee) : "";
+		}, { immediate: !0 }), P(d, (e) => {
+			e && s.hideYearNavigation && S(() => {
+				let e = [
+					"back",
+					"type",
+					"forward"
+				];
+				document.querySelectorAll(".q-date__navigation").forEach((t) => {
+					for (let n = 0; n < e.length; n++) t.lastElementChild && t.removeChild(t.lastElementChild);
+				});
+			});
+		});
+		let z = () => {
+			let e = T.value;
+			if (!e || e === o.value) {
+				u.value = "";
+				return;
+			}
+			if (!/^([0]?[1-9]|[12][0-9]|3[01])([./-])([0]?[1-9]|1[0-2])([./-](\d{1,4}))?$/.test(e)) {
+				u.value = l;
+				return;
+			}
+			e = e.replace(/[.-]/g, "/");
+			let t = e.split("/");
+			if (t.length < 2) {
+				u.value = l;
+				return;
+			}
+			let [n, r, i] = t;
+			n.length === 1 && (n = "0" + n), r.length === 1 && (r = "0" + r);
+			let a = Date.vnNew().getFullYear();
+			i ||= a;
+			let s = a.toString().slice(0, 1);
+			switch (i.length) {
+				case 1:
+					i = `${s}00${i}`;
+					break;
+				case 2:
+					i = `${s}0${i}`;
+					break;
+				case 3: i = `${s}${i}`;
+			}
+			let c = `${i}/${r}/${n}`;
+			c = Y.formatDate(new Date(c).toISOString(), "YYYY-MM-DDTHH:mm:ss.SSSZ");
+			let [d, f, p] = c.split("-").map((e) => parseInt(e)), m = new Date(d, f - 1, p);
+			if (!(m instanceof Date && !isNaN(m) && m.getFullYear() === parseInt(i) && m.getMonth() === parseInt(r) - 1 && m.getDate() === parseInt(n))) {
+				u.value = l;
+				return;
+			}
+			if (v.value) {
+				let e = Array.isArray(v.value) ? v.value[0] : v.value, t = e instanceof Date ? e : new Date(e);
+				m.setHours(t.getHours(), t.getMinutes(), t.getSeconds(), t.getMilliseconds());
+			}
+			let h = m.toISOString();
+			o.value?.neq ? o.value = { neq: h } : o.value?.nin ? o.value = { nin: [...o.value.nin, h] } : o.value = h, u.value = "";
+		}, B = (e) => {
+			z(), S(() => {
+				let e = new KeyboardEvent("keydown", {
+					key: "Enter",
+					code: "Enter",
+					bubbles: !0,
+					cancelable: !0
+				});
+				c.value?.$el?.dispatchEvent(e);
+			});
+		};
+		return (t, a) => (D(), g("div", {
+			onMouseover: a[8] ||= (e) => f.value = !0,
+			onMouseleave: a[9] ||= (e) => f.value = !1
+		}, [b(j(W), ee({
+			ref_key: "vnInputDateRef",
+			ref: c,
+			modelValue: T.value,
+			"onUpdate:modelValue": a[5] ||= (e) => T.value = e,
+			class: "vn-input-date",
+			placeholder: "dd/mm/aaaa"
+		}, {
+			...j(n),
+			...w.value
+		}, {
+			class: { required: j(i) },
+			rules: _,
+			clearable: !1,
+			"input-style": { color: u.value },
+			"input-class": { "text-strike": !!(o.value?.neq || o.value?.nin) },
+			title: x.value,
+			onClick: a[6] ||= (e) => d.value = !d.value,
+			onKeydown: [a[7] ||= (e) => d.value = !1, L(ne(B, ["prevent"]), ["enter"])],
+			onFocusout: z,
+			"hide-bottom-space": "",
+			"data-cy": N,
+			"onUpdate:modelValue": I,
+			autocomplete: "off"
+		}), {
+			append: F(() => [(j(n).clearable == null || j(n).clearable) && (!e.clearOnHover || f.value) && T.value && !j(n).disable ? (D(), m(j(U), {
+				key: 0,
+				name: "close",
+				size: "xs",
+				class: "cursor-pointer",
+				onClick: a[0] ||= (e) => {
+					c.value.focus(), T.value = null, o.value = null, d.value = !1;
+				}
+			}, {
+				default: F(() => [b(j(J), null, {
+					default: F(() => [y(A(j(r)("Remove")), 1)]),
+					_: 1
+				})]),
+				_: 1
+			})) : h("", !0)]),
+			default: F(() => [t.$q.screen.gt.xs ? (D(), m(j(G), {
+				key: 0,
+				"transition-show": "scale",
+				"transition-hide": "scale",
+				modelValue: d.value,
+				"onUpdate:modelValue": a[2] ||= (e) => d.value = e,
+				anchor: "bottom left",
+				self: "top start",
+				"no-focus": !0,
+				"no-parent-event": !0,
+				"data-cy": k
+			}, {
+				default: F(() => [b(Se, {
+					modelValue: C.value,
+					"onUpdate:modelValue": [a[1] ||= (e) => C.value = e, R]
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["modelValue"])) : (D(), m(j(H), {
+				key: 1,
+				modelValue: d.value,
+				"onUpdate:modelValue": a[4] ||= (e) => d.value = e
+			}, {
+				default: F(() => [b(Se, {
+					modelValue: C.value,
+					"onUpdate:modelValue": [a[3] ||= (e) => C.value = e, R]
+				}, null, 8, ["modelValue"])]),
+				_: 1
+			}, 8, ["modelValue"]))]),
+			_: 1
+		}, 16, [
+			"modelValue",
+			"class",
+			"input-style",
+			"input-class",
+			"title",
+			"onKeydown"
+		])], 32));
+	}
+};
+typeof Te == "function" && Te(De);
+//#endregion
+//#region lib/components/models/VnFetch.vue
+var Oe = {
+	__name: "VnFetch",
+	props: {
+		autoLoad: {
+			type: Boolean,
+			default: !1
+		},
+		url: {
+			type: String,
+			default: ""
+		},
+		filter: {
+			type: Object,
+			default: null
+		},
+		where: {
+			type: Object,
+			default: null
+		},
+		sortBy: {
+			type: String,
+			default: ""
+		},
+		limit: {
+			type: [String, Number],
+			default: ""
+		},
+		params: {
+			type: Object,
+			default: null
+		}
+	},
+	emits: ["onFetch"],
+	setup(e, { expose: t, emit: n }) {
+		let r = e, i = n;
+		t({ fetch: a }), T(async () => {
+			r.autoLoad && await a();
+		});
+		async function a(e = {}) {
+			try {
+				let t = {
+					...e,
+					...r.filter
+				};
+				r.where && !e.where && (t.where = r.where), r.sortBy && (t.order = r.sortBy), r.limit && (t.limit = r.limit);
+				let { data: n } = await ue.get(r.url, { params: {
+					filter: JSON.stringify(t),
+					...r.params
+				} });
+				return i("onFetch", n), n;
+			} catch {}
+		}
+		return (e, t) => (D(), g("template"));
+	}
+}, ke = {
+	class: "column items-center full-width",
+	style: { position: "relative" }
+}, Ae = ["textContent"], je = /*#__PURE__*/ Z({
+	__name: "VnForm",
+	props: {
+		url: {
+			type: String,
+			default: ""
+		},
+		model: {
+			type: String,
+			default: null
+		},
+		filter: {
+			type: Object,
+			default: null
+		},
+		urlUpdate: {
+			type: String,
+			default: null
+		},
+		urlCreate: {
+			type: String,
+			default: null
+		},
+		defaultActions: {
+			type: Boolean,
+			default: !0
+		},
+		defaultButtons: {
+			type: Object,
+			default: () => {}
+		},
+		autoLoad: {
+			type: Boolean,
+			default: !1
+		},
+		formInitialData: {
+			type: Object,
+			default: () => {}
+		},
+		observeFormChanges: {
+			type: Boolean,
+			default: !0,
+			description: "Esto se usa principalmente para permitir guardar sin hacer cambios (Útil para la feature de clonar ya que en este caso queremos poder guardar de primeras)"
+		},
+		mapper: {
+			type: Function,
+			default: l
+		},
+		clearStoreOnUnmount: {
+			type: Boolean,
+			default: !0
+		},
+		saveFn: {
+			type: Function,
+			default: null
+		},
+		goTo: {
+			type: String,
+			default: "",
+			description: "It is used for redirect on click \"save and continue\""
+		},
+		reload: {
+			type: Boolean,
+			default: !0
+		},
+		defaultTrim: {
+			type: Boolean,
+			default: !0
+		},
+		maxWidth: {
+			type: [String, Boolean],
+			default: "800px"
+		},
+		onDataSaved: {
+			type: Function,
+			default: () => {}
+		},
+		preventSubmit: {
+			type: Boolean,
+			default: !1
+		},
+		customMethod: {
+			type: String,
+			default: null
+		},
+		formUrl: {
+			type: [String, Boolean],
+			default: "createForm"
+		},
+		paddingClass: {
+			type: String,
+			default: "q-pa-md"
+		},
+		showTitle: {
+			type: Boolean,
+			default: !1
+		},
+		title: {
+			type: String,
+			default: null
+		}
+	},
+	emits: [
+		"onFetch",
+		"onDataSaved",
+		"onDataSaveFail",
+		"submit"
+	],
+	setup(t, { expose: s, emit: l }) {
+		let { push: f } = pe(), v = R.useQuasar(), y = a(), x = c(), { t: C } = le(), { validate: w, validations: te } = e(), { notify: M } = o(), N = fe(), I = O(null), L = t, z = l, V = p(() => L.model ?? `formModel_${N?.meta?.title ?? N.name}`).value, oe = O(!1), H = r(V), U = O(!1), W = O(!1), G = O(!L.observeFormChanges), K = {}, q = p(() => y.get(V)), J = O(), Y = p(() => I.value?.$el), X = p(() => ({
+			save: {
+				dataCy: "saveDefaultBtn",
+				color: "primary",
+				icon: "save",
+				label: "globals.save",
+				click: async (e) => me(e),
+				type: "submit"
+			},
+			reset: {
+				dataCy: "resetDefaultBtn",
+				color: "primary",
+				icon: "restart_alt",
+				label: "globals.reset",
+				click: () => ve()
+			},
+			...L.defaultButtons
+		})), me = async (e) => {
+			await I.value.validate() && await Q(e);
+		};
+		function Z() {
+			K = L.formUrl ? JSON.parse(N?.query[L.formUrl] ?? "{}") : void 0;
+		}
+		T(async () => {
+			!H.store.url && L.url && H.setOptions({
+				url: L.url,
+				filter: L.filter
+			}), Z(), S(() => oe.value = !0), L.formInitialData && K && y.set(V, {
+				...L.formInitialData,
+				...K
+			}), L.formInitialData || (L.autoLoad && L.url ? await he() : H.store.data && $("onFetch", { val: H.store.data })), L.observeFormChanges && P(() => J.value, (e, t) => {
+				t && (G.value = !W.value && JSON.stringify(e) !== JSON.stringify(q.value), W.value = !1);
+			}, { deep: !0 });
+		}), L.url || P(() => H.store.data, (e) => $("onFetch", { val: e })), P(q, async (e) => {
+			e && (J.value = JSON.parse(JSON.stringify(e))), await S(), Y.value && i(Y.value);
+		}, { immediate: !0 }), P(() => [L.url, L.filter], async () => {
+			y.set(V, null), ve(), await he();
+		}), L.formInitialData && P(() => L.formInitialData, (e) => {
+			e && y.set(V, {
+				...e,
+				...K
+			});
+		}), de((e, t, n) => {
+			G.value && L.observeFormChanges ? v.dialog({
+				component: _e,
+				componentProps: {
+					title: C("globals.unsavedPopup.title"),
+					message: C("globals.unsavedPopup.subtitle"),
+					promise: () => n()
+				}
+			}) : n();
+		}), E(() => {
+			if (G.value) return y.set(V, q.value);
+			L.clearStoreOnUnmount && y.unset(V);
+		});
+		async function he() {
+			try {
+				let e;
+				e = L.model ? (await H.addFilter({ filter: L.filter })).response?.data : (await ue.get(L.url, { params: { filter: JSON.stringify(L.filter) } })).data, Array.isArray(e) && (e = e[0] ?? {}), $("onFetch", { val: e });
+			} catch (e) {
+				throw y.set(V, {}), e;
+			}
+		}
+		async function Q() {
+			if (L.observeFormChanges && !G.value) return M("globals.noChanges", "negative");
+			U.value = !0;
+			try {
+				J.value = Se(J.value);
+				let e = L.urlCreate ? "post" : "patch", t = e === "post" ? L.mapper(J.value) : L.mapper(J.value, q.value), n = L.urlCreate || L.urlUpdate || L.url || H.store.url, r = await Promise.resolve(L.saveFn ? L.saveFn(t) : ue[L.customMethod ?? e](n, t));
+				L.urlCreate && M("globals.dataCreated", "positive"), G.value = !1, $("onDataSaved", {
+					val: J.value,
+					res: r?.data,
+					old: q.value,
+					rawRes: r
+				}), L.reload && await H.fetch({});
+			} catch (e) {
+				throw z("onDataSaveFail", J.value), e;
+			} finally {
+				U.value = !1;
+			}
+		}
+		async function ge() {
+			await Q(!0), f({ path: L.goTo });
+		}
+		function ve() {
+			J.value = JSON.parse(JSON.stringify(q.value)), $("onFetch", { val: q.value }), L.observeFormChanges && (G.value = !1, W.value = !0);
+		}
+		function ye(e, t, n) {
+			t(() => {
+				let { options: t, filterFn: r } = n;
+				t.value = r(t, e);
+			}, (e) => {
+				e.setOptionIndex(-1), e.moveOptionSelection(1, !0);
+			});
+		}
+		async function $(e, { val: t, res: n, old: r, rawRes: a } = {
+			val: null,
+			res: null,
+			old: null,
+			rawRes: null
+		}) {
+			y.set(V, t), L.url || (H.store.data = t), z(e, y.get(V), n, r, J, a), Y.value && i(Y.value);
+		}
+		function Se(e) {
+			if (!L.defaultTrim) return e;
+			for (let t in e) typeof e[t] == "string" && (e[t] = e[t].trim());
+			return e;
+		}
+		async function Ce(e) {
+			if (e.key === "Enter" && !L.preventSubmit && G.value) {
+				let t = e.target;
+				if (t.type == "textarea" && e.shiftKey) {
+					let { selectionStart: e, selectionEnd: n } = t;
+					t.value = t.value.substring(0, e) + "\n" + t.value.substring(n), e = n = e + 1;
+					return;
+				}
+				await I.value.submit(e);
+			}
+		}
+		return s({
+			submitForm: me,
+			myForm: I,
+			save: Q,
+			isLoading: U,
+			hasChanges: G,
+			reset: ve,
+			fetch: he,
+			formData: J
+		}), (e, r) => (D(), g(u, null, [_("div", ke, [b(j(ce), {
+			showing: U.value,
+			label: j(C)("globals.pleaseWait"),
+			color: "primary",
+			style: { "min-width": "100%" }
+		}, {
+			default: F(() => [b(j(xe), { size: "md" })]),
+			_: 1
+		}, 8, ["showing", "label"]), J.value ? (D(), m(j(se), ee({
+			key: 0,
+			id: "vnForm"
+		}, e.$attrs, {
+			ref_key: "myForm",
+			ref: I,
+			onSubmit: ne(Q, ["prevent"]),
+			onKeyup: ne(Ce, ["prevent"]),
+			onReset: ve,
+			class: ["full-width", [t.paddingClass]],
+			style: {
+				maxWidth: t.maxWidth || "none",
+				width: "100%"
+			}
+		}), {
+			default: F(() => [b(j(ie), { class: "q-pa-none" }, {
+				default: F(() => [t.showTitle ? (D(), m(j(ae), {
+					key: 0,
+					class: "vn-basic-data__header q-px-none q-pb-none"
+				}, {
+					default: F(() => [_("span", {
+						class: "text-h6",
+						textContent: A(t.title || e.$t("globals.pageTitles.basicData"))
+					}, null, 8, Ae)]),
+					_: 1
+				})) : h("", !0), J.value ? k(e.$slots, "form", {
+					data: J.value,
+					validate: j(w),
+					validations: j(te)(),
+					filter: ye
+				}, void 0, !0, 1) : (D(), m(j(be), { key: 2 }))]),
+				_: 3
+			})]),
+			_: 3
+		}, 16, ["class", "style"])) : h("", !0)]), L.defaultActions && j(x)?.isSubToolbarShown() && oe.value ? (D(), m(d, {
+			key: 0,
+			to: "#st-actions"
+		}, [b(j(re), {
+			push: "",
+			class: "q-gutter-x-sm"
+		}, {
+			default: F(() => [
+				k(e.$slots, "moreActions", {}, void 0, !0),
+				b(j(B), {
+					label: j(n)(X.value.reset.label),
+					color: X.value.reset.color,
+					icon: X.value.reset.icon,
+					flat: "",
+					onClick: X.value.reset.click,
+					disable: !G.value,
+					title: j(C)(X.value.reset.label),
+					"data-cy": "resetDefaultBtn"
+				}, null, 8, [
+					"label",
+					"color",
+					"icon",
+					"onClick",
+					"disable",
+					"title"
+				]),
+				b(j(B), {
+					"data-cy": "saveDefaultBtn",
+					label: j(n)("globals.save"),
+					color: "primary",
+					icon: "save",
+					onClick: X.value.save.click,
+					disable: !G.value,
+					title: j(C)(X.value.save.label),
+					flat: !!L.goTo
+				}, null, 8, [
+					"label",
+					"onClick",
+					"disable",
+					"title",
+					"flat"
+				]),
+				L.goTo ? (D(), m(j(B), {
+					key: 0,
+					"data-cy": "saveAndContinueDefaultBtn",
+					onClick: ge,
+					label: j(n)("globals.saveAndContinue") + " " + j(C)("globals." + L.goTo.split("/").pop()),
+					title: j(C)("globals.saveAndContinue") + " " + j(C)("globals." + L.goTo.split("/").pop()),
+					disable: !G.value,
+					color: "primary",
+					icon: "save"
+				}, null, 8, [
+					"label",
+					"title",
+					"disable"
+				])) : h("", !0)
+			]),
+			_: 3
+		})])) : h("", !0)], 64));
+	}
+}, [["__scopeId", "data-v-addfa85d"]]), Me = /* @__PURE__ */ s({
+	VnConfirm: () => _e,
+	VnDate: () => Se,
+	VnFetch: () => Oe,
+	VnForm: () => je,
+	VnInput: () => we,
+	VnInputDate: () => De,
+	VnSkeletonForm: () => be,
+	VnSpinner: () => xe
+});
+//#endregion
+export { we as a, be as c, De as i, _e as l, je as n, Se as o, Oe as r, xe as s, Me as t };