@verdnatura/vn-front-lib 0.0.12 → 0.1.0

package/dist/composables.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./composables-CoozYWaG.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.y,exports.useState=e.t,exports.useValidator=e.b;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./composables-BTDp8DJ1.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, b as t, c as n, d as r, f as i, i as a, l as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p, y as m } from "./composables-CAk9XaOa.js";
-export { s as fetchLocalData, r as focusFirstInput, e as getObjectByKeys, c as getObjectDifferences, u as getRemoteAndLocalParams, d as isComparableObject, n as isSameValue, a as requestData, l as tMobile, i as useArrayData, p as useNotify, o as useObjectComparison, m as useRequired, f as useState, t 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-CAAnziP1.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/{rolldown-runtime-mLOUI7ql.cjs → rolldown-runtime-DF3sbh8G.cjs}

@@ -1 +1 @@
-var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,a)=>(a=n==null?{}:e(i(n)),c(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});
+var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,n)=>{let r={};for(var i in e)t(r,i,{get:e[i],enumerable:!0});return n||t(r,Symbol.toStringTag,{value:`Module`}),r},c=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},l=(n,r,o)=>(o=n==null?{}:e(i(n)),c(r||!n||!n.__esModule||!a.call(n,`default`)?t(o,`default`,{value:n,enumerable:!0}):o,n));Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return o}});

package/dist/stores.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.cjs");let t=require("vue"),n=require("pinia"),r=require("axios");r=e.r(r,1);var i=(0,n.defineStore)(`validationsStore`,{state:()=>({validations:null}),actions:{async fetchModels(){let{data:e}=await r.default.get(`Schemas/modelinfo`);this.validations=e}}}),a=(0,n.defineStore)(`arrayDataStore`,()=>{let e=(0,t.ref)({}),n={filter:{},userFilter:{},userParams:{},appliedParams:null,rawResponse:null,url:``,limit:20,skip:0,order:``,isLoading:!1,userParamsChanged:!1,exprBuilder:null,dynamicExprBuilder:{},dynamicWhereBuilder:{},searchUrl:`params`,navigate:null,page:1,mapKey:`id`,oneRecord:!1,hasChanges:!1,isLocal:!1,customFilterFn:null,remoteParamsArray:[],keyData:null,isStackableParams:!1,nonStackableParams:[],stackedParams:[],dataAnalyticsFilter:!1,ignoreUrlParams:[]};function r(t){return e.value[t]}function i(t){e.value[t]=s(t)}function a(t){e.value[t]?.channel?.close(),delete e.value[t]}function o(t,r=[]){r.length?r.forEach(r=>{if(r.includes(`.`)){let[i,a]=r.split(`.`);e.value[t][i][a]=n[a]}else Object.hasOwn(e.value[t],r)&&(e.value[t][r]=n[r])}):e.value[t]=s()}function s(e){return Object.assign(JSON.parse(JSON.stringify(n)),{data:(0,t.ref)(),map:(0,t.ref)(new Map),channel:new BroadcastChannel(`channel-data-${e}`)})}function c(e){o(e,[`skip`,`filter.skip`,`page`])}return{get:r,set:i,clear:a,reset:o,resetPagination:c}}),o=(0,n.defineStore)(`stateStore`,()=>{let e=(0,t.ref)(!1),n=(0,t.ref)(!1),r=(0,t.ref)(!1),i=(0,t.ref)(!1),a=(0,t.ref)(!1),o=(0,t.ref)(null),s=(0,t.ref)({});function c(e){o.value=e}function l(){n.value=!n.value}function u(){r.value=!r.value}function d(){i.value=!i.value}function f(e){r.value=e}function p(e){i.value=e}function m(){a.value=!a.value}function h(){e.value=!0}function g(){return e.value}function _(){return n.value}function v(){return r.value}function y(){return a.value}function b(e){s.value=e}return{cardDescriptor:o,cardDescriptorChangeValue:c,leftDrawer:n,rightDrawer:r,rightAdvancedDrawer:i,setMounted:h,isHeaderMounted:g,toggleLeftDrawer:l,toggleRightDrawer:u,toggleRightAdvancedDrawer:d,isLeftDrawerShown:_,isRightDrawerShown:v,isSubToolbarShown:y,toggleSubToolbar:m,rightDrawerChangeValue:f,rightAdvancedDrawerChangeValue:p,descriptors:s,setDescriptors:b}});exports.useArrayDataStore=a,exports.useStateStore=o,exports.useValidationsStore=i;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-DF3sbh8G.cjs");let t=require("vue"),n=require("pinia"),r=require("axios");r=e.r(r,1);var i=(0,n.defineStore)(`validationsStore`,{state:()=>({validations:null}),actions:{async fetchModels(){let{data:e}=await r.default.get(`Schemas/modelinfo`);this.validations=e}}}),a=(0,n.defineStore)(`arrayDataStore`,()=>{let e=(0,t.ref)({}),n={filter:{},userFilter:{},userParams:{},appliedParams:null,rawResponse:null,url:``,limit:20,skip:0,order:``,isLoading:!1,userParamsChanged:!1,exprBuilder:null,dynamicExprBuilder:{},dynamicWhereBuilder:{},searchUrl:`params`,navigate:null,page:1,mapKey:`id`,oneRecord:!1,hasChanges:!1,isLocal:!1,customFilterFn:null,remoteParamsArray:[],keyData:null,isStackableParams:!1,nonStackableParams:[],stackedParams:[],dataAnalyticsFilter:!1,ignoreUrlParams:[]};function r(t){return e.value[t]}function i(t){e.value[t]=s(t)}function a(t){e.value[t]?.channel?.close(),delete e.value[t]}function o(t,r=[]){r.length?r.forEach(r=>{if(r.includes(`.`)){let[i,a]=r.split(`.`);e.value[t][i][a]=n[a]}else Object.hasOwn(e.value[t],r)&&(e.value[t][r]=n[r])}):e.value[t]=s()}function s(e){return Object.assign(JSON.parse(JSON.stringify(n)),{data:(0,t.ref)(),map:(0,t.ref)(new Map),channel:new BroadcastChannel(`channel-data-${e}`)})}function c(e){o(e,[`skip`,`filter.skip`,`page`])}return{get:r,set:i,clear:a,reset:o,resetPagination:c}}),o=(0,n.defineStore)(`stateStore`,()=>{let e=(0,t.ref)(!1),n=(0,t.ref)(!1),r=(0,t.ref)(!1),i=(0,t.ref)(!1),a=(0,t.ref)(!1),o=(0,t.ref)(null),s=(0,t.ref)({});function c(e){o.value=e}function l(){n.value=!n.value}function u(){r.value=!r.value}function d(){i.value=!i.value}function f(e){r.value=e}function p(e){i.value=e}function m(){a.value=!a.value}function h(){e.value=!0}function g(){return e.value}function _(){return n.value}function v(){return r.value}function y(){return a.value}function b(e){s.value=e}return{cardDescriptor:o,cardDescriptorChangeValue:c,leftDrawer:n,rightDrawer:r,rightAdvancedDrawer:i,setMounted:h,isHeaderMounted:g,toggleLeftDrawer:l,toggleRightDrawer:u,toggleRightAdvancedDrawer:d,isLeftDrawerShown:_,isRightDrawerShown:v,isSubToolbarShown:y,toggleSubToolbar:m,rightDrawerChangeValue:f,rightAdvancedDrawerChangeValue:p,descriptors:s,setDescriptors:b}});exports.useArrayDataStore=a,exports.useStateStore=o,exports.useValidationsStore=i;

package/dist/utils.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-mLOUI7ql.cjs");let t=require("axios");t=e.r(t,1);var n=`eq`,r={eq:{icon:`=`,label:`equal`,operator:`eq`,default:!0,expr:e=>e,localEval:(e,t)=>e==t,isBasic:!0},neq:{icon:`≠`,label:`distinct`,operator:`neq`,expr:e=>({neq:e}),isNegation:!0,localEval:(e,t)=>e!=t},inq:{icon:`∈`,label:`include`,operator:`inq`,isArray:!0,expr:e=>({inq:e}),localEval:(e,t)=>t.includes(e)},nin:{icon:`∉`,label:`exclude`,operator:`nin`,isArray:!0,expr:e=>({nin:e}),isNegation:!0,localEval:(e,t)=>!t.includes(e)},like:{icon:`%`,label:`contains`,operator:`like`,isInput:!0,expr:e=>({like:a(e,`%${e}%`)}),localEval:(e,t)=>o(e,t)},nlike:{icon:`≁`,label:`notContains`,operator:`nlike`,isInput:!0,expr:e=>({nlike:a(e,`%${e}%`)}),isNegation:!0,localEval:(e,t)=>!o(e,t)},lt:{icon:`<`,label:`lessThan`,operator:`lt`,expr:e=>({lt:e}),localEval:(e,t)=>e<t,isInput:!0},gt:{icon:`>`,label:`greaterThan`,operator:`gt`,isInput:!0,expr:e=>({gt:e}),localEval:(e,t)=>e>t},lte:{icon:`≤`,label:`lessThanEqualTo`,operator:`lte`,isInput:!0,expr:e=>({lte:e}),localEval:(e,t)=>e<=t},gte:{icon:`≥`,label:`greaterThanEqualTo`,operator:`gte`,isInput:!0,expr:e=>({gte:e}),localEval:(e,t)=>e>=t},null:{icon:`∅`,label:`null`,operator:`null`,expr:()=>({eq:null}),localEval:e=>e==null,isBasic:!0,isNullable:!0},notNull:{icon:`≠`,label:`notNull`,operator:`notNull`,expr:()=>({neq:null}),localEval:e=>e!=null,isBasic:!0,isNullable:!0}},i=Object.values(r);function a(e,t){return e.includes(`%`)?e:t}function o(e,t){let n=e==null?``:String(e),r=(t==null?``:String(t)).replace(/[.*+?^${}()|[\]\\]/g,`\\$&`).replace(/%/g,`.*`).replace(/_/g,`.`);return RegExp(`^${r}$`,`i`).test(n)}var s=new Set;async function c(){try{let{data:e}=await t.default.get(`AnalyticPaths`);e.forEach(e=>s.add(e.path))}catch(e){console.error(`Error loading allowed paths:`,e)}}async function l(e,n){s.size||await c(),s.has(n)&&t.default.post(`AnalyticEvents`,{name:e,path:n})}exports.advancedFilters=r,exports.advancedFiltersList=i,exports.defaultOperator=n,exports.trackAnalyticEvent=l;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./rolldown-runtime-DF3sbh8G.cjs");let t=require("axios");t=e.r(t,1);var n=`eq`,r={eq:{icon:`=`,label:`equal`,operator:`eq`,default:!0,expr:e=>e,localEval:(e,t)=>e==t,isBasic:!0},neq:{icon:`≠`,label:`distinct`,operator:`neq`,expr:e=>({neq:e}),isNegation:!0,localEval:(e,t)=>e!=t},inq:{icon:`∈`,label:`include`,operator:`inq`,isArray:!0,expr:e=>({inq:e}),localEval:(e,t)=>t.includes(e)},nin:{icon:`∉`,label:`exclude`,operator:`nin`,isArray:!0,expr:e=>({nin:e}),isNegation:!0,localEval:(e,t)=>!t.includes(e)},like:{icon:`%`,label:`contains`,operator:`like`,isInput:!0,expr:e=>({like:a(e,`%${e}%`)}),localEval:(e,t)=>o(e,t)},nlike:{icon:`≁`,label:`notContains`,operator:`nlike`,isInput:!0,expr:e=>({nlike:a(e,`%${e}%`)}),isNegation:!0,localEval:(e,t)=>!o(e,t)},lt:{icon:`<`,label:`lessThan`,operator:`lt`,expr:e=>({lt:e}),localEval:(e,t)=>e<t,isInput:!0},gt:{icon:`>`,label:`greaterThan`,operator:`gt`,isInput:!0,expr:e=>({gt:e}),localEval:(e,t)=>e>t},lte:{icon:`≤`,label:`lessThanEqualTo`,operator:`lte`,isInput:!0,expr:e=>({lte:e}),localEval:(e,t)=>e<=t},gte:{icon:`≥`,label:`greaterThanEqualTo`,operator:`gte`,isInput:!0,expr:e=>({gte:e}),localEval:(e,t)=>e>=t},null:{icon:`∅`,label:`null`,operator:`null`,expr:()=>({eq:null}),localEval:e=>e==null,isBasic:!0,isNullable:!0},notNull:{icon:`≠`,label:`notNull`,operator:`notNull`,expr:()=>({neq:null}),localEval:e=>e!=null,isBasic:!0,isNullable:!0}},i=Object.values(r);function a(e,t){return e.includes(`%`)?e:t}function o(e,t){let n=e==null?``:String(e),r=(t==null?``:String(t)).replace(/[.*+?^${}()|[\]\\]/g,`\\$&`).replace(/%/g,`.*`).replace(/_/g,`.`);return RegExp(`^${r}$`,`i`).test(n)}var s=new Set;async function c(){try{let{data:e}=await t.default.get(`AnalyticPaths`);e.forEach(e=>s.add(e.path))}catch(e){console.error(`Error loading allowed paths:`,e)}}async function l(e,n){s.size||await c(),s.has(n)&&t.default.post(`AnalyticEvents`,{name:e,path:n})}exports.advancedFilters=r,exports.advancedFiltersList=i,exports.defaultOperator=n,exports.trackAnalyticEvent=l;

package/dist/vn-front-lib.cjs

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

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)}.q-date[data-v-2705e766]{width:245px;min-width:unset}.q-date[data-v-2705e766] .q-date__calendar{padding-bottom:0}.q-date[data-v-2705e766] .q-date__view{min-height:245px;padding:8px}.q-date[data-v-2705e766] .q-date__calendar-days-container{min-height:160px;height:unset}.q-date[data-v-2705e766] .q-date__header{height:60px;padding:2px 2px 5px 12px}.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,10 @@
-import { a as e, b as t, c as n, d as r, f as i, i as a, l as o, n as s, o as c, p as l, r as u, s as d, t as f, u as p, y as m } from "./composables-CAk9XaOa.js";
-import { a as h, i as g, n as _, o as v, r as y, s as b, t as x } from "./components-D0b_k2T_.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-CAAnziP1.js";
+import { a as _, c as v, i as y, l as b, n as x, o as S, r as C, s as w, t as T } from "./components-BN97tI4h.js";
 //#region lib/main.js
-function S(e) {
-	for (let t in x) e.component(t, x[t]);
+function E(e, t = {}) {
+	for (let t in T) e.component(t, T[t]);
+	i(t.i18n);
 }
-var C = { install: S };
+var D = { install: E };
 //#endregion
-export { b as VnConfirm, y as VnFetch, _ as VnForm, g as VnInput, v as VnSkeletonForm, h as VnSpinner, C as default, s as fetchLocalData, r as focusFirstInput, e as getObjectByKeys, c as getObjectDifferences, u as getRemoteAndLocalParams, d as isComparableObject, n as isSameValue, a as requestData, l as tMobile, i as useArrayData, p as useNotify, o as useObjectComparison, m as useRequired, f as useState, t as useValidator };
+export { b as VnConfirm, S as VnDate, C as VnFetch, x as VnForm, _ as VnInput, y as VnInputDate, v as VnSkeletonForm, w as VnSpinner, D 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/index.js

@@ -1,6 +1,8 @@
 export { default as VnConfirm } from './dialogs/VnConfirm.vue';
 export { default as VnSkeletonForm } from './feedback/VnSkeletonForm.vue';
 export { default as VnSpinner } from './feedback/VnSpinner.vue';
+export { default as VnDate } from './inputs/VnDate.vue';
 export { default as VnInput } from './inputs/VnInput.vue';
+export { default as VnInputDate } from './inputs/VnInputDate.vue';
 export { default as VnFetch } from './models/VnFetch.vue';
 export { default as VnForm } from './models/VnForm.vue';

package/lib/components/inputs/VnDate.vue

@@ -0,0 +1,34 @@
+<script setup>
+const model = defineModel({type: [String, Number], default: ""});
+</script>
+<template>
+  <QDate
+    v-model="model"
+    :today-btn="true"
+    :options="$attrs.options"
+    autocomplete="off"
+  />
+</template>
+<style lang="scss" scoped>
+.q-date {
+  width: 245px;
+  min-width: unset;
+
+  :deep(.q-date__calendar) {
+    padding-bottom: 0;
+  }
+  :deep(.q-date__view) {
+    min-height: 245px;
+    padding: 8px;
+  }
+  :deep(.q-date__calendar-days-container) {
+    min-height: 160px;
+    height: unset;
+  }
+
+  :deep(.q-date__header) {
+    padding: 2px 2px 5px 12px;
+    height: 60px;
+  }
+}
+</style>

package/lib/components/inputs/VnInputDate.vue

@@ -0,0 +1,275 @@
+<script setup>
+import {nextTick, watch, computed, ref, useAttrs} from "vue";
+import {useI18n} from "vue-i18n";
+import {date, getCssVar} from "quasar";
+import VnDate from "./VnDate.vue";
+import { useRequired } from '@verdnatura/vn-front-lib/composables';
+
+const $attrs = useAttrs();
+const {t} = useI18n();
+const {isRequired, requiredFieldRule} = useRequired($attrs);
+const model = defineModel({type: [String, Date, Object]});
+
+const $props = defineProps({
+  isOutlined: {
+    type: Boolean,
+    default: false,
+  },
+  showEvent: {
+    type: Boolean,
+    default: true,
+  },
+  hideYearNavigation: {
+    type: Boolean,
+    default: false,
+  },
+  clearOnHover: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const vnInputDateRef = ref(null);
+const errColor = getCssVar("negative");
+const textColor = ref("");
+
+const dateFormat = "DD/MM/YYYY";
+const isPopupOpen = ref();
+const hover = ref();
+
+const mixinRules = [requiredFieldRule, ...($attrs.rules ?? [])];
+
+const val = computed(() => model.value?.neq || model.value?.nin || model.value);
+const inputTitle = computed(() => {
+  if (!val.value) return;
+  return Array.isArray(val.value)
+    ? val.value.map((v) => date.formatDate(new Date(v), dateFormat)).join(", ")
+    : date.formatDate(new Date(val.value), dateFormat);
+});
+const popupDate = computed(() => {
+  const dateToFormat = Array.isArray(val.value) ? val.value[0] : val.value;
+  return dateToFormat
+    ? date.formatDate(new Date(dateToFormat), "YYYY/MM/DD")
+    : dateToFormat;
+});
+const styleAttrs = computed(() => {
+  return $props.isOutlined
+    ? {
+        dense: true,
+        outlined: true,
+        rounded: true,
+      }
+    : {};
+});
+
+const inputValue = ref("");
+const dataCy = $attrs["data-cy"] ?? $attrs.label;
+const menuDataCy = dataCy + "_menu";
+const inputDataCy = dataCy + "_inputDate";
+
+const validateAndCleanInput = (value) => {
+  if (!value && $attrs.clearable) {
+    inputValue.value = null;
+    model.value = null;
+    return;
+  }
+  inputValue.value = value.replace(/[^0-9./-]/g, "");
+};
+
+const manageDate = (date) => {
+  if (!date) return;
+  inputValue.value = date.split("/").reverse().join("/");
+  formatDate();
+  isPopupOpen.value = false;
+};
+
+watch(
+  () => model.value,
+  () => {
+    const dateToFormat = Array.isArray(val.value) ? val.value[0] : val.value;
+    inputValue.value = dateToFormat
+      ? date.formatDate(new Date(dateToFormat), dateFormat)
+      : "";
+  },
+  {immediate: true},
+);
+
+watch(isPopupOpen, (val) => {
+  if (val && $props.hideYearNavigation) {
+    nextTick(() => {
+      const navButtons = ["back", "type", "forward"];
+      document.querySelectorAll(`.q-date__navigation`).forEach((parent) => {
+        for (let i = 0; i < navButtons.length; i++) {
+          if (parent.lastElementChild)
+            parent.removeChild(parent.lastElementChild);
+        }
+      });
+    });
+  }
+});
+
+const formatDate = () => {
+  let value = inputValue.value;
+  if (!value || value === model.value) {
+    textColor.value = "";
+    return;
+  }
+  const regex =
+    /^([0]?[1-9]|[12][0-9]|3[01])([./-])([0]?[1-9]|1[0-2])([./-](\d{1,4}))?$/;
+  if (!regex.test(value)) {
+    textColor.value = errColor;
+    return;
+  }
+
+  value = value.replace(/[.-]/g, "/");
+  const parts = value.split("/");
+  if (parts.length < 2) {
+    textColor.value = errColor;
+    return;
+  }
+
+  let [day, month, year] = parts;
+  if (day.length === 1) day = "0" + day;
+  if (month.length === 1) month = "0" + month;
+
+  const currentYear = Date.vnNew().getFullYear();
+  if (!year) year = currentYear;
+  const millennium = currentYear.toString().slice(0, 1);
+
+  switch (year.length) {
+    case 1:
+      year = `${millennium}00${year}`;
+      break;
+    case 2:
+      year = `${millennium}0${year}`;
+      break;
+    case 3:
+      year = `${millennium}${year}`;
+      break;
+    case 4:
+      break;
+  }
+
+  let isoCandidate = `${year}/${month}/${day}`;
+  isoCandidate = date.formatDate(
+    new Date(isoCandidate).toISOString(),
+    "YYYY-MM-DDTHH:mm:ss.SSSZ",
+  );
+  const [isoYear, isoMonth, isoDay] = isoCandidate.split("-").map((e) => parseInt(e));
+  const parsedDate = new Date(isoYear, isoMonth - 1, isoDay);
+
+  const isValidDate =
+    parsedDate instanceof Date &&
+    !isNaN(parsedDate) &&
+    parsedDate.getFullYear() === parseInt(year) &&
+    parsedDate.getMonth() === parseInt(month) - 1 &&
+    parsedDate.getDate() === parseInt(day);
+
+  if (!isValidDate) {
+    textColor.value = errColor;
+    return;
+  }
+
+  if (val.value) {
+    const originalVal = Array.isArray(val.value) ? val.value[0] : val.value;
+    const original =
+      originalVal instanceof Date ? originalVal : new Date(originalVal);
+    parsedDate.setHours(
+      original.getHours(),
+      original.getMinutes(),
+      original.getSeconds(),
+      original.getMilliseconds(),
+    );
+  }
+
+  const iso = parsedDate.toISOString();
+  if (model.value?.neq) model.value = {neq: iso};
+  else if (model.value?.nin) model.value = {nin: [...model.value.nin, iso]};
+  else model.value = iso;
+
+  textColor.value = "";
+};
+
+const handleEnter = (event) => {
+  formatDate();
+
+  nextTick(() => {
+    const newEvent = new KeyboardEvent("keydown", {
+      key: "Enter",
+      code: "Enter",
+      bubbles: true,
+      cancelable: true,
+    });
+    vnInputDateRef.value?.$el?.dispatchEvent(newEvent);
+  });
+};
+</script>
+
+<template>
+  <div @mouseover="hover = true" @mouseleave="hover = false">
+    <QInput
+      ref="vnInputDateRef"
+      v-model="inputValue"
+      class="vn-input-date"
+      placeholder="dd/mm/aaaa"
+      v-bind="{...$attrs, ...styleAttrs}"
+      :class="{required: isRequired}"
+      :rules="mixinRules"
+      :clearable="false"
+      :input-style="{color: textColor}"
+      :input-class="{'text-strike': !!(model?.neq || model?.nin)}"
+      :title="inputTitle"
+      @click="isPopupOpen = !isPopupOpen"
+      @keydown="isPopupOpen = false"
+      @focusout="formatDate"
+      @keydown.enter.prevent="handleEnter"
+      hide-bottom-space
+      :data-cy="inputDataCy"
+      @update:model-value="validateAndCleanInput"
+      autocomplete="off"
+    >
+      <template #append>
+        <QIcon
+          name="close"
+          size="xs"
+          class="cursor-pointer"
+          v-if="
+            ($attrs.clearable == undefined || $attrs.clearable) &&
+            (!clearOnHover || hover) &&
+            inputValue &&
+            !$attrs.disable
+          "
+          @click="
+            vnInputDateRef.focus();
+            inputValue = null;
+            model = null;
+            isPopupOpen = false;
+          "
+        >
+          <QTooltip>{{ t("Remove") }}</QTooltip>
+        </QIcon>
+      </template>
+      <QMenu
+        v-if="$q.screen.gt.xs"
+        transition-show="scale"
+        transition-hide="scale"
+        v-model="isPopupOpen"
+        anchor="bottom left"
+        self="top start"
+        :no-focus="true"
+        :no-parent-event="true"
+        :data-cy="menuDataCy"
+      >
+        <VnDate v-model="popupDate" @update:model-value="manageDate" />
+      </QMenu>
+      <QDialog v-else v-model="isPopupOpen">
+        <VnDate v-model="popupDate" @update:model-value="manageDate" />
+      </QDialog>
+    </QInput>
+  </div>
+</template>
+<i18n>
+    es:
+        Open date: Abrir fecha
+        Remove: Eliminar
+</i18n>

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,15 @@
+import { load } from 'js-yaml';
+
+export let i18n;
+export function useGlobalMessages(_i18n) {
+    i18n = _i18n;
+    const files = import.meta.glob('../i18n/locale/*.yml', {
+        eager: true,
+        import: 'default',
+        query: '?raw',
+    });
+    for (const [file, content] of Object.entries(files)) {
+        const lang = file.split('/').pop().split('.')[0];
+        i18n.global.mergeLocaleMessage(lang, load(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/lib/main.js

@@ -1,11 +1,13 @@
 export * from './components';
 export * from './composables';
 import * as components from './components';
+import { useGlobalMessages } from './composables/useGlobalMessages';
 
-function install(app) {
+function install(app, options = {}) {
     for (const name in components) {
         app.component(name, components[name]);
     }
+    useGlobalMessages(options.i18n);
 }
 
 export default {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@verdnatura/vn-front-lib",
-    "version": "0.0.12",
+    "version": "0.1.0",
     "description": "Vue 3 component and composable library",
     "license": "GPL-3.0",
     "author": "Verdnatura Levante SL",
@@ -52,7 +52,7 @@
         "fmt:check": "oxfmt --check"
     },
     "devDependencies": {
-        "@intlify/unplugin-vue-i18n": "^11.2.4",
+        "@intlify/unplugin-vue-i18n": "^11.2.5",
         "@quasar/vite-plugin": "^1.12.0",
         "@vitejs/plugin-vue": "^6.0.8",
         "@vue/test-utils": "^2.4.11",
@@ -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",
@@ -78,5 +77,8 @@
         "vue": ">=3.5.0",
         "vue-i18n": ">=9.0.0",
         "vue-router": ">=4.5.0"
+    },
+    "dependencies": {
+        "js-yaml": "^5.4.2"
     }
 }