@verdnatura/vn-front-lib 0.0.11 → 0.0.13

package/dist/composables.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./composables-ZxHJjJGN.cjs");exports.fetchLocalData=e.n,exports.focusFirstInput=e.d,exports.getObjectByKeys=e.a,exports.getObjectDifferences=e.o,exports.getRemoteAndLocalParams=e.r,exports.isComparableObject=e.s,exports.isSameValue=e.c,exports.requestData=e.i,exports.tMobile=e.p,exports.useArrayData=e.f,exports.useNotify=e.u,exports.useObjectComparison=e.l,exports.useRequired=e.v,exports.useState=e.t,exports.useValidator=e.y;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./composables-BRRRUB-j.cjs");exports.fetchLocalData=e.n,exports.focusFirstInput=e.p,exports.getObjectByKeys=e.a,exports.getObjectDifferences=e.o,exports.getRemoteAndLocalParams=e.r,Object.defineProperty(exports,"i18n",{enumerable:!0,get:function(){return e.d}}),exports.isComparableObject=e.s,exports.isSameValue=e.c,exports.requestData=e.i,exports.tMobile=e.h,exports.useArrayData=e.m,exports.useGlobalMessages=e.f,exports.useNotify=e.u,exports.useObjectComparison=e.l,exports.useRequired=e.g,exports.useState=e.t,exports.useValidator=e._;

package/dist/composables.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f, v as p, y as m } from "./composables-DUOUI4DI.js";
-export { o as fetchLocalData, n as focusFirstInput, e as getObjectByKeys, s as getObjectDifferences, l as getRemoteAndLocalParams, u as isComparableObject, t as isSameValue, i as requestData, c as tMobile, r as useArrayData, f as useNotify, a as useObjectComparison, p as useRequired, d as useState, m as useValidator };
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./composables-DKarSsx2.js";
+export { u as fetchLocalData, f as focusFirstInput, t as getObjectByKeys, d as getObjectDifferences, p as getRemoteAndLocalParams, r as i18n, m as isComparableObject, n as isSameValue, s as requestData, o as tMobile, l as useArrayData, i as useGlobalMessages, g as useNotify, c as useObjectComparison, a as useRequired, h as useState, e as useValidator };

package/dist/vn-front-lib.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./composables-ZxHJjJGN.cjs"),t=require("./components-Dty6kM2e.cjs");function n(e){for(let n in t.t)e.component(n,t.t[n])}var r={install:n};exports.VnConfirm=t.s,exports.VnFetch=t.r,exports.VnForm=t.n,exports.VnInput=t.i,exports.VnSkeletonForm=t.o,exports.VnSpinner=t.a,exports.default=r,exports.fetchLocalData=e.n,exports.focusFirstInput=e.d,exports.getObjectByKeys=e.a,exports.getObjectDifferences=e.o,exports.getRemoteAndLocalParams=e.r,exports.isComparableObject=e.s,exports.isSameValue=e.c,exports.requestData=e.i,exports.tMobile=e.p,exports.useArrayData=e.f,exports.useNotify=e.u,exports.useObjectComparison=e.l,exports.useRequired=e.v,exports.useState=e.t,exports.useValidator=e.y;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("./composables-BRRRUB-j.cjs"),t=require("./components-cImd3SSZ.cjs");function n(e){for(let n in t.t)e.component(n,t.t[n])}var r={install:n};exports.VnConfirm=t.s,exports.VnFetch=t.r,exports.VnForm=t.n,exports.VnInput=t.i,exports.VnSkeletonForm=t.o,exports.VnSpinner=t.a,exports.default=r,exports.fetchLocalData=e.n,exports.focusFirstInput=e.p,exports.getObjectByKeys=e.a,exports.getObjectDifferences=e.o,exports.getRemoteAndLocalParams=e.r,Object.defineProperty(exports,"i18n",{enumerable:!0,get:function(){return e.d}}),exports.isComparableObject=e.s,exports.isSameValue=e.c,exports.requestData=e.i,exports.tMobile=e.h,exports.useArrayData=e.m,exports.useGlobalMessages=e.f,exports.useNotify=e.u,exports.useObjectComparison=e.l,exports.useRequired=e.g,exports.useState=e.t,exports.useValidator=e._;

package/dist/vn-front-lib.css

@@ -1,2 +1,2 @@
-.q-card[data-v-f01eb4e4]{white-space:pre-line;min-width:350px}.vn-spinner[data-v-e5edebae]{border:3px solid color-mix(in srgb, var(--vn-label-color) 15%, transparent);border-top-color:var(--q-primary);box-sizing:border-box;border-radius:50%;min-width:16px;min-height:16px;animation:.7s cubic-bezier(.4,.15,.6,.85) infinite vn-spin-e5edebae}@keyframes vn-spin-e5edebae{to{transform:rotate(360deg)}}.vn-spinner-fade-enter-active[data-v-e5edebae],.vn-spinner-fade-leave-active[data-v-e5edebae]{transition:opacity .3s,transform .3s}.vn-spinner-fade-enter-from[data-v-e5edebae],.vn-spinner-fade-leave-to[data-v-e5edebae]{opacity:0;transform:scale(.6)}.uppercase-icon{cursor:pointer;transition:color .3s,transform .2s}.uppercase-icon:hover{color:var(--q-color-primary);transform:scale(1.2)}.q-notifications[data-v-ffc76361]{color:#000}.q-card[data-v-ffc76361]{padding:32px}
+.q-card[data-v-67508d3b]{white-space:pre-line;min-width:350px}.vn-spinner[data-v-e5edebae]{border:3px solid color-mix(in srgb, var(--vn-label-color) 15%, transparent);border-top-color:var(--q-primary);box-sizing:border-box;border-radius:50%;min-width:16px;min-height:16px;animation:.7s cubic-bezier(.4,.15,.6,.85) infinite vn-spin-e5edebae}@keyframes vn-spin-e5edebae{to{transform:rotate(360deg)}}.vn-spinner-fade-enter-active[data-v-e5edebae],.vn-spinner-fade-leave-active[data-v-e5edebae]{transition:opacity .3s,transform .3s}.vn-spinner-fade-enter-from[data-v-e5edebae],.vn-spinner-fade-leave-to[data-v-e5edebae]{opacity:0;transform:scale(.6)}.uppercase-icon{cursor:pointer;transition:color .3s,transform .2s}.uppercase-icon:hover{color:var(--q-color-primary);transform:scale(1.2)}.q-notifications[data-v-4f7a49f7]{color:#000}.q-card[data-v-4f7a49f7]{padding:32px}
 /*$vite$:1*/

package/dist/vn-front-lib.js

@@ -1,9 +1,9 @@
-import { a as e, c as t, d as n, f as r, i, l as a, n as o, o as s, p as c, r as l, s as u, t as d, u as f, v as p, y as m } from "./composables-DUOUI4DI.js";
-import { a as h, i as g, n as _, o as v, r as y, s as b, t as x } from "./components-BrEjZWQj.js";
+import { _ as e, a as t, c as n, d as r, f as i, g as a, h as o, i as s, l as c, m as l, n as u, o as d, p as f, r as p, s as m, t as h, u as g } from "./composables-DKarSsx2.js";
+import { a as _, i as v, n as y, o as b, r as x, s as S, t as C } from "./components-D0h9vBQX.js";
 //#region lib/main.js
-function S(e) {
-	for (let t in x) e.component(t, x[t]);
+function w(e) {
+	for (let t in C) e.component(t, C[t]);
 }
-var C = { install: S };
+var T = { install: w };
 //#endregion
-export { b as VnConfirm, y as VnFetch, _ as VnForm, g as VnInput, v as VnSkeletonForm, h as VnSpinner, C as default, o as fetchLocalData, n as focusFirstInput, e as getObjectByKeys, s as getObjectDifferences, l as getRemoteAndLocalParams, u as isComparableObject, t as isSameValue, i as requestData, c as tMobile, r as useArrayData, f as useNotify, a as useObjectComparison, p as useRequired, d as useState, m as useValidator };
+export { S as VnConfirm, x as VnFetch, y as VnForm, v as VnInput, b as VnSkeletonForm, _ as VnSpinner, T as default, u as fetchLocalData, f as focusFirstInput, t as getObjectByKeys, d as getObjectDifferences, p as getRemoteAndLocalParams, r as i18n, m as isComparableObject, n as isSameValue, s as requestData, o as tMobile, l as useArrayData, i as useGlobalMessages, g as useNotify, c as useObjectComparison, a as useRequired, h as useState, e as useValidator };

package/lib/components/dialogs/VnConfirm.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref } from 'vue';
-import { useDialogPluginComponent } from 'quasar';
+import * as quasarPkg from 'quasar';
 import { useI18n } from 'vue-i18n';
 
 const { t } = useI18n();
@@ -42,11 +42,11 @@ const props = defineProps({
     },
 });
 
-const emit = defineEmits(['confirm', 'cancel', ...useDialogPluginComponent.emits]);
+const emit = defineEmits(['confirm', 'cancel', ...quasarPkg.useDialogPluginComponent.emits]);
 defineExpose({ show: () => dialogRef.value.show(), hide: () => dialogRef.value.hide() });
 
 const { dialogRef, onDialogHide, onDialogOK, onDialogCancel } =
-    useDialogPluginComponent();
+    quasarPkg.useDialogPluginComponent();
 
 const title = props.title || t('Confirm');
 const message =

package/lib/components/inputs/VnInput.vue

@@ -37,6 +37,10 @@ const $props = defineProps({
         type: Boolean,
         default: false,
     },
+    clearOnHover: {
+        type: Boolean,
+        default: false,
+    },
 });
 
 const model = defineModel({ default: null });
@@ -177,6 +181,7 @@ onMounted(() => {
                 <QIcon
                     name="close"
                     size="xs"
+                    v-show="!clearOnHover || hover"
                     class="cursor-pointer"
                     :style="{
                         visibility:

package/lib/components/models/VnForm.vue

@@ -3,7 +3,7 @@ import axios from 'axios';
 import { onMounted, onUnmounted, computed, ref, watch, nextTick } from 'vue';
 import { onBeforeRouteLeave, useRouter, useRoute } from 'vue-router';
 import { useI18n } from 'vue-i18n';
-import { useQuasar } from 'quasar';
+import * as quasarPkg from 'quasar';
 import {
     useState,
     useValidator,
@@ -16,7 +16,7 @@ import { useStateStore } from 'lib/stores';
 import { VnConfirm, VnSpinner, VnSkeletonForm } from 'lib/components';
 import { onBeforeSave } from 'lib/filters';
 const { push } = useRouter();
-const quasar = useQuasar();
+const quasar = quasarPkg.useQuasar();
 const state = useState();
 const stateStore = useStateStore();
 const { t } = useI18n();

package/lib/composables/index.js

@@ -1,6 +1,7 @@
 export * from './tMobile';
 export * from './useArrayData';
 export * from './useForm';
+export * from './useGlobalMessages';
 export * from './useNotify';
 export * from './useObjectComparison';
 export * from './useQueryResolver';

package/lib/composables/useGlobalMessages.js

@@ -0,0 +1,12 @@
+export let i18n;
+export function useGlobalMessages(_i18n) {
+    i18n = _i18n;
+    const files = import.meta.glob('../i18n/locale/*.yml', {
+        eager: true,
+        import: 'default',
+    });
+    for (const [file, content] of Object.entries(files)) {
+        const lang = file.split('/').pop().split('.')[0];
+        i18n.global.mergeLocaleMessage(lang, { vnFrontLib: content });
+    }
+}

package/lib/composables/useNotify.js

@@ -1,21 +1,20 @@
-import { Notify } from 'quasar';
-import { useI18n } from 'vue-i18n';
+import * as quasar from 'quasar';
+import { i18n } from './useGlobalMessages';
 
 export function useNotify() {
-    const { t } = useI18n();
     const notify = (message, type = 'positive', icon, opts = {}) => {
         const defaultIcons = {
             warning: 'warning',
             negative: 'error',
             positive: 'check',
         };
-
-        Notify.create({
-            message: t(message, opts.translationParams || {}),
+        const payload = {
+            message: i18n.global.t(message, opts.translationParams || {}),
             type: type,
             icon: icon ? icon : defaultIcons[type],
             ...opts,
-        });
+        };
+        quasar.Notify.create(payload);
     };
 
     return {

package/lib/i18n/locale/en.yml

@@ -1,4 +1,19 @@
 globals:
-    fieldRequired: This field is required
-    valueCantBeEmpty: This field cannot be empty
+    fieldRequired: Field required
+    valueCantBeEmpty: Value cannot be empty
+    cancel: Cancel
+    confirm: Confirm
+    pleaseWait: Please wait...
+    saveAndContinue: Save and go to
+    unsavedPopup:
+        title: Unsaved changes will be lost
+        subtitle: Are you sure exit without saving?
+    pageTitles:
+        basicData: Basic data
 inputMin: Must be more than {value}
+inputMax: Must be less than {value}
+maxLength: Must not exceed {value} characters
+Confirm: Confirm
+Are you sure you want to continue?: Are you sure you want to continue?
+Remove: Remove
+Convert to uppercase: Convert to uppercase

package/lib/i18n/locale/es.yml

@@ -1,4 +1,19 @@
 globals:
-    fieldRequired: Este campo es obligatorio
-    valueCantBeEmpty: Este campo no puede estar vacío
+    fieldRequired: Campo requerido
+    valueCantBeEmpty: El valor no puede estar vacío
+    cancel: Cancelar
+    confirm: Confirmar
+    pleaseWait: Por favor espera...
+    saveAndContinue: Guardar e ir a
+    unsavedPopup:
+        title: Los cambios que no haya guardado se perderán
+        subtitle: ¿Seguro que quiere salir sin guardar?
+    pageTitles:
+        basicData: Datos básicos
 inputMin: Debe ser mayor a {value}
+inputMax: Debe ser menor a {value}
+maxLength: No debe superar los {value} caracteres
+Confirm: Confirmar
+Are you sure you want to continue?: ¿Seguro que quieres continuar?
+Remove: Eliminar
+Convert to uppercase: Convertir a mayúsculas

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@verdnatura/vn-front-lib",
-    "version": "0.0.11",
+    "version": "0.0.13",
     "description": "Vue 3 component and composable library",
     "license": "GPL-3.0",
     "author": "Verdnatura Levante SL",
@@ -67,8 +67,7 @@
         "vite": "^8.1.1",
         "vitest": "^4.1.10",
         "vue": "^3.5.13",
-        "vue-i18n": "^9.14.4",
-        "yaml": "^2.9.0"
+        "vue-i18n": "^9.14.4"
     },
     "peerDependencies": {
         "axios": ">=1.0.0",