quasar-factory-lib 0.1.12 → 0.1.13

package/dist/components/Alert/AlertDialog.vue.d.ts

@@ -66,9 +66,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     dataCy: string;
     icon: string;
     persistent: boolean;
+    btnColor: string;
     iconColor: string;
     iconSize: string;
-    btnColor: string;
     btnLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/Table/utils/sort.d.ts

@@ -1,5 +1,5 @@
+declare const qTableSort: {
+    sortMethod<T extends Record<string, unknown>>(rows: T[], sortBy: keyof T, descending: boolean, values?: (keyof T)[]): T[];
+    sortDates<T extends Record<string, unknown>>(sortBy: keyof T, descending: boolean, rowsFlat: T[]): void;
+};
 export default qTableSort;
-declare namespace qTableSort {
-    function sortMethod(rows: any, sortBy: any, descending: any, values?: any[]): any[];
-    function sortDates(sortBy: any, descending: any, rowsFlat: any): void;
-}

package/dist/layouts/PdaLayout.vue.d.ts

@@ -4,11 +4,11 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
     store: import("pinia").Store<"tableStore", {
         filterValue: import("@vueuse/shared").RemovableRef<string>;
         lastFilterValue: import("@vueuse/shared").RemovableRef<string>;
-        visiblecolumns: import("@vueuse/shared").RemovableRef<never[]>;
+        visiblecolumns: import("@vueuse/shared").RemovableRef<string[]>;
         prepared: import("@vueuse/shared").RemovableRef<boolean>;
         user: import("@vueuse/shared").RemovableRef<{}>;
     }, {}, {
-        setFilterValue(val: any): void;
+        setFilterValue(val: string): void;
         cleanTableFilter(): void;
     }>;
     tableStyle: string;

package/dist/pages/AlertPage.vue.d.ts

@@ -67,9 +67,9 @@ declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import
         dataCy: string;
         icon: string;
         persistent: boolean;
+        btnColor: string;
         iconColor: string;
         iconSize: string;
-        btnColor: string;
         btnLabel: string;
     }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 }, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/pages/TablePage.vue.d.ts

@@ -4,11 +4,11 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
     store: import("pinia").Store<"tableStore", {
         filterValue: import("@vueuse/shared").RemovableRef<string>;
         lastFilterValue: import("@vueuse/shared").RemovableRef<string>;
-        visiblecolumns: import("@vueuse/shared").RemovableRef<never[]>;
+        visiblecolumns: import("@vueuse/shared").RemovableRef<string[]>;
         prepared: import("@vueuse/shared").RemovableRef<boolean>;
         user: import("@vueuse/shared").RemovableRef<{}>;
     }, {}, {
-        setFilterValue(val: any): void;
+        setFilterValue(val: string): void;
         cleanTableFilter(): void;
     }>;
     tableStyle: string;

package/dist/quasar-factory-lib.js

@@ -18609,7 +18609,7 @@ const LS = {
     e.$nextTick(() => {
       const t = e.smallDevice ? "q-table__grid-content" : "q-table__middle scroll", n = e.smallDevice ? "Grid" : "Table", o = document.getElementsByClassName(t), a = o.length > 0 ? o[0] : window, l = (r) => {
         const { scrollHeight: i, scrollTop: s, clientHeight: c } = r.target;
-        Math.abs(i - c - s) < 1 && (console.log(`[${n}] You are at the bottom!`, e.$refs.table.totalPage), e.$refs.table.totalPage++);
+        Math.abs(i - c - s) <= 1 && (console.log(`[${n}] You are at the bottom!`, e.$refs.table.totalPage), e.$refs.table.totalPage++);
       };
       window.removeEventListener("scroll", l), a.removeEventListener("scroll", l), a.addEventListener("scroll", l);
     });
@@ -18619,7 +18619,7 @@ const LS = {
       const o = t ? "q-table__grid-content" : "q-table__middle scroll", a = t ? "Grid" : "Table", l = document.getElementsByClassName(o), r = l.length > 0 ? l[0] : window, i = (s) => {
         console.log(n, "totalPage");
         const { scrollHeight: c, scrollTop: u, clientHeight: f } = s.target;
-        if (Math.abs(c - f - u) < 1) {
+        if (Math.abs(c - f - u) <= 1) {
           debugger;
           console.log(`[${a}] You are at the bottom!`, n), n++;
         }
@@ -18638,7 +18638,7 @@ const LS = {
           l.scrollTop + l.clientHeight >= l.scrollHeight && (console.log("[Grid] You are at the bottom!"), e.$refs.table.totalPage++);
         else {
           const { scrollHeight: c, scrollTop: u, clientHeight: f } = s;
-          Math.abs(c - f - u) < 1 && (console.log("[Table] You are at the bottom!"), e.$refs.table.totalPage++);
+          Math.abs(c - f - u) <= 1 && (console.log("[Table] You are at the bottom!"), e.$refs.table.totalPage++);
         }
       };
       window.removeEventListener("scroll", r), l.removeEventListener("scroll", r), l.addEventListener("scroll", r);

package/dist/quasar-factory-lib.umd.cjs

@@ -9,7 +9,7 @@
  * @license MIT
  */const EC=process.env.NODE_ENV!=="production"?Symbol("pinia"):Symbol();var _o;(function(e){e.direct="direct",e.patchObject="patch object",e.patchFunction="patch function"})(_o||(_o={}));const Wi=typeof window<"u",bm=typeof window=="object"&&window.window===window?window:typeof self=="object"&&self.self===self?self:typeof global=="object"&&global.global===global?global:typeof globalThis=="object"?globalThis:{HTMLElement:null};function CC(e,{autoBom:t=!1}={}){return t&&/^\s*(?:text\/\S*|application\/xml|\S*\/\S*\+xml)\s*;.*charset\s*=\s*utf-8/i.test(e.type)?new Blob(["\uFEFF",e],{type:e.type}):e}function Ki(e,t,n){const o=new XMLHttpRequest;o.open("GET",e),o.responseType="blob",o.onload=function(){Em(o.response,t,n)},o.onerror=function(){console.error("could not download file")},o.send()}function vm(e){const t=new XMLHttpRequest;t.open("HEAD",e,!1);try{t.send()}catch{}return t.status>=200&&t.status<=299}function qr(e){try{e.dispatchEvent(new MouseEvent("click"))}catch{const n=document.createEvent("MouseEvents");n.initMouseEvent("click",!0,!0,window,0,0,0,80,20,!1,!1,!1,!1,0,null),e.dispatchEvent(n)}}const $r=typeof navigator=="object"?navigator:{userAgent:""},ym=/Macintosh/.test($r.userAgent)&&/AppleWebKit/.test($r.userAgent)&&!/Safari/.test($r.userAgent),Em=Wi?typeof HTMLAnchorElement<"u"&&"download"in HTMLAnchorElement.prototype&&!ym?wC:"msSaveOrOpenBlob"in $r?kC:SC:()=>{};function wC(e,t="download",n){const o=document.createElement("a");o.download=t,o.rel="noopener",typeof e=="string"?(o.href=e,o.origin!==location.origin?vm(o.href)?Ki(e,t,n):(o.target="_blank",qr(o)):qr(o)):(o.href=URL.createObjectURL(e),setTimeout(function(){URL.revokeObjectURL(o.href)},4e4),setTimeout(function(){qr(o)},0))}function kC(e,t="download",n){if(typeof e=="string")if(vm(e))Ki(e,t,n);else{const o=document.createElement("a");o.href=e,o.target="_blank",setTimeout(function(){qr(o)})}else navigator.msSaveOrOpenBlob(CC(e,n),t)}function SC(e,t,n,o){if(o=o||open("","_blank"),o&&(o.document.title=o.document.body.innerText="downloading..."),typeof e=="string")return Ki(e,t,n);const r=e.type==="application/octet-stream",l=/constructor/i.test(String(bm.HTMLElement))||"safari"in bm,i=/CriOS\/[\d]+/.test(navigator.userAgent);if((i||r&&l||ym)&&typeof FileReader<"u"){const s=new FileReader;s.onloadend=function(){let u=s.result;if(typeof u!="string")throw o=null,new Error("Wrong reader.result type");u=i?u:u.replace(/^data:[^;]*;/,"data:attachment/file;"),o?o.location.href=u:location.assign(u),o=null},s.readAsDataURL(e)}else{const s=URL.createObjectURL(e);o?o.location.assign(s):location.href=s,o=null,setTimeout(function(){URL.revokeObjectURL(s)},4e4)}}function Vt(e,t){const n="🍍 "+e;typeof __VUE_DEVTOOLS_TOAST__=="function"?__VUE_DEVTOOLS_TOAST__(n,t):t==="error"?console.error(n):t==="warn"?console.warn(n):console.log(n)}function Gi(e){return"_a"in e&&"install"in e}function Cm(){if(!("clipboard"in navigator))return Vt("Your browser doesn't support the Clipboard API","error"),!0}function wm(e){return e instanceof Error&&e.message.toLowerCase().includes("document is not focused")?(Vt('You need to activate the "Emulate a focused page" setting in the "Rendering" panel of devtools.',"warn"),!0):!1}async function TC(e){if(!Cm())try{await navigator.clipboard.writeText(JSON.stringify(e.state.value)),Vt("Global state copied to clipboard.")}catch(t){if(wm(t))return;Vt("Failed to serialize the state. Check the console for more details.","error"),console.error(t)}}async function xC(e){if(!Cm())try{km(e,JSON.parse(await navigator.clipboard.readText())),Vt("Global state pasted from clipboard.")}catch(t){if(wm(t))return;Vt("Failed to deserialize the state from clipboard. Check the console for more details.","error"),console.error(t)}}async function DC(e){try{Em(new Blob([JSON.stringify(e.state.value)],{type:"text/plain;charset=utf-8"}),"pinia-state.json")}catch(t){Vt("Failed to export the state as JSON. Check the console for more details.","error"),console.error(t)}}let Mn;function OC(){Mn||(Mn=document.createElement("input"),Mn.type="file",Mn.accept=".json");function e(){return new Promise((t,n)=>{Mn.onchange=async()=>{const o=Mn.files;if(!o)return t(null);const r=o.item(0);return t(r?{text:await r.text(),file:r}:null)},Mn.oncancel=()=>t(null),Mn.onerror=n,Mn.click()})}return e}async function NC(e){try{const n=await OC()();if(!n)return;const{text:o,file:r}=n;km(e,JSON.parse(o)),Vt(`Global state imported from "${r.name}".`)}catch(t){Vt("Failed to import the state from JSON. Check the console for more details.","error"),console.error(t)}}function km(e,t){for(const n in t){const o=e.state.value[n];o?Object.assign(o,t[n]):e.state.value[n]=t[n]}}function pn(e){return{_custom:{display:e}}}const Sm="🍍 Pinia (root)",Ur="_root";function AC(e){return Gi(e)?{id:Ur,label:Sm}:{id:e.$id,label:e.$id}}function IC(e){if(Gi(e)){const n=Array.from(e._s.keys()),o=e._s;return{state:n.map(l=>({editable:!0,key:l,value:e.state.value[l]})),getters:n.filter(l=>o.get(l)._getters).map(l=>{const i=o.get(l);return{editable:!1,key:l,value:i._getters.reduce((s,u)=>(s[u]=i[u],s),{})}})}}const t={state:Object.keys(e.$state).map(n=>({editable:!0,key:n,value:e.$state[n]}))};return e._getters&&e._getters.length&&(t.getters=e._getters.map(n=>({editable:!1,key:n,value:e[n]}))),e._customProperties.size&&(t.customProperties=Array.from(e._customProperties).map(n=>({editable:!0,key:n,value:e[n]}))),t}function VC(e){return e?Array.isArray(e)?e.reduce((t,n)=>(t.keys.push(n.key),t.operations.push(n.type),t.oldValue[n.key]=n.oldValue,t.newValue[n.key]=n.newValue,t),{oldValue:{},keys:[],operations:[],newValue:{}}):{operation:pn(e.type),key:pn(e.key),oldValue:e.oldValue,newValue:e.newValue}:{}}function PC(e){switch(e){case _o.direct:return"mutation";case _o.patchFunction:return"$patch";case _o.patchObject:return"$patch";default:return"unknown"}}let Ko=!0;const Hr=[],bo="pinia:mutations",Ut="pinia",{assign:LC}=Object,zr=e=>"🍍 "+e;function BC(e,t){xf({id:"dev.esm.pinia",label:"Pinia 🍍",logo:"https://pinia.vuejs.org/logo.svg",packageName:"pinia",homepage:"https://pinia.vuejs.org",componentStateTypes:Hr,app:e},n=>{typeof n.now!="function"&&Vt("You seem to be using an outdated version of Vue Devtools. Are you still using the Beta release instead of the stable one? You can find the links at https://devtools.vuejs.org/guide/installation.html."),n.addTimelineLayer({id:bo,label:"Pinia 🍍",color:15064968}),n.addInspector({id:Ut,label:"Pinia 🍍",icon:"storage",treeFilterPlaceholder:"Search stores",actions:[{icon:"content_copy",action:()=>{TC(t)},tooltip:"Serialize and copy the state"},{icon:"content_paste",action:async()=>{await xC(t),n.sendInspectorTree(Ut),n.sendInspectorState(Ut)},tooltip:"Replace the state with the content of your clipboard"},{icon:"save",action:()=>{DC(t)},tooltip:"Save the state as a JSON file"},{icon:"folder_open",action:async()=>{await NC(t),n.sendInspectorTree(Ut),n.sendInspectorState(Ut)},tooltip:"Import the state from a JSON file"}],nodeActions:[{icon:"restore",tooltip:'Reset the state (with "$reset")',action:o=>{const r=t._s.get(o);r?typeof r.$reset!="function"?Vt(`Cannot reset "${o}" store because it doesn't have a "$reset" method implemented.`,"warn"):(r.$reset(),Vt(`Store "${o}" reset.`)):Vt(`Cannot reset "${o}" store because it wasn't found.`,"warn")}}]}),n.on.inspectComponent(o=>{const r=o.componentInstance&&o.componentInstance.proxy;if(r&&r._pStores){const l=o.componentInstance.proxy._pStores;Object.values(l).forEach(i=>{o.instanceData.state.push({type:zr(i.$id),key:"state",editable:!0,value:i._isOptionsAPI?{_custom:{value:a.toRaw(i.$state),actions:[{icon:"restore",tooltip:"Reset the state of this store",action:()=>i.$reset()}]}}:Object.keys(i.$state).reduce((s,u)=>(s[u]=i.$state[u],s),{})}),i._getters&&i._getters.length&&o.instanceData.state.push({type:zr(i.$id),key:"getters",editable:!1,value:i._getters.reduce((s,u)=>{try{s[u]=i[u]}catch(d){s[u]=d}return s},{})})})}}),n.on.getInspectorTree(o=>{if(o.app===e&&o.inspectorId===Ut){let r=[t];r=r.concat(Array.from(t._s.values())),o.rootNodes=(o.filter?r.filter(l=>"$id"in l?l.$id.toLowerCase().includes(o.filter.toLowerCase()):Sm.toLowerCase().includes(o.filter.toLowerCase())):r).map(AC)}}),globalThis.$pinia=t,n.on.getInspectorState(o=>{if(o.app===e&&o.inspectorId===Ut){const r=o.nodeId===Ur?t:t._s.get(o.nodeId);if(!r)return;r&&(o.nodeId!==Ur&&(globalThis.$store=a.toRaw(r)),o.state=IC(r))}}),n.on.editInspectorState(o=>{if(o.app===e&&o.inspectorId===Ut){const r=o.nodeId===Ur?t:t._s.get(o.nodeId);if(!r)return Vt(`store "${o.nodeId}" not found`,"error");const{path:l}=o;Gi(r)?l.unshift("state"):(l.length!==1||!r._customProperties.has(l[0])||l[0]in r.$state)&&l.unshift("$state"),Ko=!1,o.set(r,l,o.state.value),Ko=!0}}),n.on.editComponentState(o=>{if(o.type.startsWith("🍍")){const r=o.type.replace(/^🍍\s*/,""),l=t._s.get(r);if(!l)return Vt(`store "${r}" not found`,"error");const{path:i}=o;if(i[0]!=="state")return Vt(`Invalid path for store "${r}":
 ${i}
-Only state can be modified.`);i[0]="$state",Ko=!1,o.set(l,i,o.state.value),Ko=!0}})})}function MC(e,t){Hr.includes(zr(t.$id))||Hr.push(zr(t.$id)),xf({id:"dev.esm.pinia",label:"Pinia 🍍",logo:"https://pinia.vuejs.org/logo.svg",packageName:"pinia",homepage:"https://pinia.vuejs.org",componentStateTypes:Hr,app:e,settings:{logStoreChanges:{label:"Notify about new/deleted stores",type:"boolean",defaultValue:!0}}},n=>{const o=typeof n.now=="function"?n.now.bind(n):Date.now;t.$onAction(({after:i,onError:s,name:u,args:d})=>{const c=Tm++;n.addTimelineEvent({layerId:bo,event:{time:o(),title:"🛫 "+u,subtitle:"start",data:{store:pn(t.$id),action:pn(u),args:d},groupId:c}}),i(m=>{Qn=void 0,n.addTimelineEvent({layerId:bo,event:{time:o(),title:"🛬 "+u,subtitle:"end",data:{store:pn(t.$id),action:pn(u),args:d,result:m},groupId:c}})}),s(m=>{Qn=void 0,n.addTimelineEvent({layerId:bo,event:{time:o(),logType:"error",title:"💥 "+u,subtitle:"end",data:{store:pn(t.$id),action:pn(u),args:d,error:m},groupId:c}})})},!0),t._customProperties.forEach(i=>{a.watch(()=>a.unref(t[i]),(s,u)=>{n.notifyComponentUpdate(),n.sendInspectorState(Ut),Ko&&n.addTimelineEvent({layerId:bo,event:{time:o(),title:"Change",subtitle:i,data:{newValue:s,oldValue:u},groupId:Qn}})},{deep:!0})}),t.$subscribe(({events:i,type:s},u)=>{if(n.notifyComponentUpdate(),n.sendInspectorState(Ut),!Ko)return;const d={time:o(),title:PC(s),data:LC({store:pn(t.$id)},VC(i)),groupId:Qn};s===_o.patchFunction?d.subtitle="⤵️":s===_o.patchObject?d.subtitle="🧩":i&&!Array.isArray(i)&&(d.subtitle=i.type),i&&(d.data["rawEvent(s)"]={_custom:{display:"DebuggerEvent",type:"object",tooltip:"raw DebuggerEvent[]",value:i}}),n.addTimelineEvent({layerId:bo,event:d})},{detached:!0,flush:"sync"});const r=t._hotUpdate;t._hotUpdate=a.markRaw(i=>{r(i),n.addTimelineEvent({layerId:bo,event:{time:o(),title:"🔥 "+t.$id,subtitle:"HMR update",data:{store:pn(t.$id),info:pn("HMR update")}}}),n.notifyComponentUpdate(),n.sendInspectorTree(Ut),n.sendInspectorState(Ut)});const{$dispose:l}=t;t.$dispose=()=>{l(),n.notifyComponentUpdate(),n.sendInspectorTree(Ut),n.sendInspectorState(Ut),n.getSettings().logStoreChanges&&Vt(`Disposed "${t.$id}" store 🗑`)},n.notifyComponentUpdate(),n.sendInspectorTree(Ut),n.sendInspectorState(Ut),n.getSettings().logStoreChanges&&Vt(`"${t.$id}" store installed 🆕`)})}let Tm=0,Qn;function xm(e,t,n){const o=t.reduce((r,l)=>(r[l]=a.toRaw(e)[l],r),{});for(const r in o)e[r]=function(){const l=Tm,i=n?new Proxy(e,{get(...u){return Qn=l,Reflect.get(...u)},set(...u){return Qn=l,Reflect.set(...u)}}):e;Qn=l;const s=o[r].apply(i,arguments);return Qn=void 0,s}}function FC({app:e,store:t,options:n}){if(!t.$id.startsWith("__hot:")){if(t._isOptionsAPI=!!n.state,!t._p._testing){xm(t,Object.keys(n.actions),t._isOptionsAPI);const o=t._hotUpdate;a.toRaw(t)._hotUpdate=function(r){o.apply(this,arguments),xm(t,Object.keys(r._hmrPayload.actions),!!t._isOptionsAPI)}}MC(e,t)}}function Dm(){const e=a.effectScope(!0),t=e.run(()=>a.ref({}));let n=[],o=[];const r=a.markRaw({install(l){r._a=l,l.provide(EC,r),l.config.globalProperties.$pinia=r,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&Wi&&BC(l,r),o.forEach(i=>n.push(i)),o=[]},use(l){return this._a?n.push(l):o.push(l),this},_p:n,_a:null,_e:e,_s:new Map,state:t});return process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&Wi&&typeof Proxy<"u"&&r.use(FC),r}process.env.NODE_ENV!=="production"?Symbol("pinia:skipHydration"):Symbol();const RC={en:{table:{search:"Search",advancedFilters:"Advanced Filters",cancel:"Cancel",confirm:"Save"},confirmDialog:{cancel:"Cancel",confirm:"Confirm",yes:"Yes",no:"No"},form:{rules:{emptyField:"The field cannot be empty",exceedCharactersTypeList:"Field must not exceed {0} characters"}},header:{hello:"Hello"},global:{total:"Total",retry:"Retray"},taskConfirmed:{repeatTask:"Do you want to continue the task?",repeat:"Yes, continue!",finish:"Finish"},menu:{logout:"Logout",home:"Home",areas:"Areas",filters:"Filters",seeOnlyChecked:"See only checked",seeManufacturing:"See manufacturing",seeSubcontractor:"See subcontractor",confirmRelocation:"Confirm Relocation",deleteAll:"Delete All",activateLoading:"Activate Loading",showExpeditionLines:"Show Expedition Lines",showOrderLines:"Show Order Lines",endTransaction:"End Transaction",translate:"Translate",labelSelectLanguage:"Language",selectLanguageLabelOptions:["Spanish","English"],deleteSelectedLine:"Delete Erroneous Label(s)",seeMap:"See Map",recordReceiptPurchase:"Record Receipt",addContainerNumber:"Add Container Number",showColumnsSelector:"Show columns selector",hideColumnsSelector:"Hide columns selector",sorting:"Sorting"}},es:{table:{search:"Buscar",advancedFilters:"Filtros avanzados",cancel:"Cancelar",confirm:"Guardar"},confirmDialog:{cancel:"Cancelar",confirm:"Confirmar",yes:"Sí",no:"No"},form:{rules:{emptyField:"El campo no puede estar vacío",exceedCharactersTypeList:"El campo no debe exceder más de {0} caracteres"}},header:{hello:"Hola"},global:{total:"Total",retry:"Reintentar"},taskConfirmed:{repeatTask:"¿Quieres continuar la tarea?",repeat:"Sí, continuar!",finish:"Finalizar"},menu:{logout:"Desconectar",home:"Inicio",areas:"Areas",filters:"Filtros",seeOnlyChecked:"Ver solo comprobadas",seeManufacturing:"Ver fabricación",seeSubcontractor:"Ver subcontrata",confirmRelocation:"Confirmar Reubicación",deleteAll:"Anular todos",activateLoading:"Activar Carga",showExpeditionLines:"Mostrar Líneas Expedición",showOrderLines:"Mostrar Líneas Pedidos",endTransaction:"Finalizar Operación",translate:"Traducir",labelSelectLanguage:"Idioma",selectLanguageLabelOptions:["Castellano","Inglés"],deleteSelectedLine:"Eliminar Etiquetas(s) Errónea(s)",seeMap:"Ver Plano",recordReceiptPurchase:"Registrar Recepción",addContainerNumber:"Añadir Nº Contenedor",showColumnsSelector:"Mostrar selector de columnas",hideColumnsSelector:"Hide selector de columnas",sorting:"Ordenar"}}},qC={filter(e,t,n){if(console.log(t),n.search!==""){const o=[],r=n.search?n.search.toLowerCase():"";for(let l=0;l<e.rows.length;l++)this.containsSearchTermInRow(e.rows[l],r)&&o.push(e.rows[l]);return e.filteredRows=o,this.paginationNewTable(e,o)}else return e.filteredRows=t,this.paginationNewTable(e,t)},paginationNewTable(e,t){return t.slice(0,e.$refs.table.pageLength)},containsSearchTermInRow(e,t){if(t!==""){const o=Object.values(e).map(r=>(r+"").toLowerCase());for(let r=0;r<o.length;r++)if(o[r].includes(t))return!0}return!1}},$C={handleInfiniteScrollNewTable(e){e.$nextTick(()=>{const t=e.smallDevice?"q-table__grid-content":"q-table__middle scroll",n=e.smallDevice?"Grid":"Table",o=document.getElementsByClassName(t),r=o.length>0?o[0]:window,l=i=>{const{scrollHeight:s,scrollTop:u,clientHeight:d}=i.target;Math.abs(s-d-u)<1&&(console.log(`[${n}] You are at the bottom!`,e.$refs.table.totalPage),e.$refs.table.totalPage++)};window.removeEventListener("scroll",l),r.removeEventListener("scroll",l),r.addEventListener("scroll",l)})},handleInfiniteScrollNewTableCompositionAPi(e,t,n){e(()=>{const o=t?"q-table__grid-content":"q-table__middle scroll",r=t?"Grid":"Table",l=document.getElementsByClassName(o),i=l.length>0?l[0]:window,s=u=>{console.log(n,"totalPage");const{scrollHeight:d,scrollTop:c,clientHeight:m}=u.target;if(Math.abs(d-m-c)<1){debugger;console.log(`[${r}] You are at the bottom!`,n),n++}};window.removeEventListener("scroll",s),i.removeEventListener("scroll",s),i.addEventListener("scroll",s)})},handleInfiniteScrollModal(e,t){console.log("handleInfiniteScrollModal"),e.$nextTick(()=>{const n=document.getElementById(t),o=e.smallDevice?"q-table__grid-content":"q-table__middle scroll",l=n.getElementsByClassName(o)[0],i=s=>{const u=s.target;if(e.smallDevice)l.scrollTop+l.clientHeight>=l.scrollHeight&&(console.log("[Grid] You are at the bottom!"),e.$refs.table.totalPage++);else{const{scrollHeight:d,scrollTop:c,clientHeight:m}=u;Math.abs(d-m-c)<1&&(console.log("[Table] You are at the bottom!"),e.$refs.table.totalPage++)}};window.removeEventListener("scroll",i),l.removeEventListener("scroll",i),l.addEventListener("scroll",i)})},paginationModal(e,t){return t.slice(0,e.$refs.table.totalPage++)}},UC={setTableHeight(){const e=document.getElementsByClassName("q-page-sticky")[0];let t="";if(e){const l=window.getComputedStyle(e).height;l!=="auto"&&(t=l.replace("px",""))}const n=document.getElementsByClassName("q-header")[0];let o="";if(n){const l=window.getComputedStyle(n).height;l!=="auto"&&(o=l.replace("px",""))}const r=Number(t)+Number(o);return`height:${window.innerHeight-r}px`},setModalTableHeight(e){const t=document.getElementById(e);let n="";if(t){const r=window.getComputedStyle(t).height;r!=="auto"&&(n=r.replace("px",""))}const o=Number(n);return`height:${window.innerHeight-o}px`}},HC={sortMethod(e,t,n,o=[]){const r=[...e];return t&&(o.includes(t)?this.sortDates(t,n,r):r.sort((l,i)=>{const s=n?i:l,u=n?l:i;return s[t]>u[t]?1:s[t]<u[t]?-1:0})),r},sortDates(e,t,n){n.sort(function(o,r){const l=o[e],i=r[e];let s=t?i:l,u=t?l:i;return s=s.split("/").reverse().join("-"),u=u.split("/").reverse().join("-"),s.localeCompare(u)})}};Dm();/*!
+Only state can be modified.`);i[0]="$state",Ko=!1,o.set(l,i,o.state.value),Ko=!0}})})}function MC(e,t){Hr.includes(zr(t.$id))||Hr.push(zr(t.$id)),xf({id:"dev.esm.pinia",label:"Pinia 🍍",logo:"https://pinia.vuejs.org/logo.svg",packageName:"pinia",homepage:"https://pinia.vuejs.org",componentStateTypes:Hr,app:e,settings:{logStoreChanges:{label:"Notify about new/deleted stores",type:"boolean",defaultValue:!0}}},n=>{const o=typeof n.now=="function"?n.now.bind(n):Date.now;t.$onAction(({after:i,onError:s,name:u,args:d})=>{const c=Tm++;n.addTimelineEvent({layerId:bo,event:{time:o(),title:"🛫 "+u,subtitle:"start",data:{store:pn(t.$id),action:pn(u),args:d},groupId:c}}),i(m=>{Qn=void 0,n.addTimelineEvent({layerId:bo,event:{time:o(),title:"🛬 "+u,subtitle:"end",data:{store:pn(t.$id),action:pn(u),args:d,result:m},groupId:c}})}),s(m=>{Qn=void 0,n.addTimelineEvent({layerId:bo,event:{time:o(),logType:"error",title:"💥 "+u,subtitle:"end",data:{store:pn(t.$id),action:pn(u),args:d,error:m},groupId:c}})})},!0),t._customProperties.forEach(i=>{a.watch(()=>a.unref(t[i]),(s,u)=>{n.notifyComponentUpdate(),n.sendInspectorState(Ut),Ko&&n.addTimelineEvent({layerId:bo,event:{time:o(),title:"Change",subtitle:i,data:{newValue:s,oldValue:u},groupId:Qn}})},{deep:!0})}),t.$subscribe(({events:i,type:s},u)=>{if(n.notifyComponentUpdate(),n.sendInspectorState(Ut),!Ko)return;const d={time:o(),title:PC(s),data:LC({store:pn(t.$id)},VC(i)),groupId:Qn};s===_o.patchFunction?d.subtitle="⤵️":s===_o.patchObject?d.subtitle="🧩":i&&!Array.isArray(i)&&(d.subtitle=i.type),i&&(d.data["rawEvent(s)"]={_custom:{display:"DebuggerEvent",type:"object",tooltip:"raw DebuggerEvent[]",value:i}}),n.addTimelineEvent({layerId:bo,event:d})},{detached:!0,flush:"sync"});const r=t._hotUpdate;t._hotUpdate=a.markRaw(i=>{r(i),n.addTimelineEvent({layerId:bo,event:{time:o(),title:"🔥 "+t.$id,subtitle:"HMR update",data:{store:pn(t.$id),info:pn("HMR update")}}}),n.notifyComponentUpdate(),n.sendInspectorTree(Ut),n.sendInspectorState(Ut)});const{$dispose:l}=t;t.$dispose=()=>{l(),n.notifyComponentUpdate(),n.sendInspectorTree(Ut),n.sendInspectorState(Ut),n.getSettings().logStoreChanges&&Vt(`Disposed "${t.$id}" store 🗑`)},n.notifyComponentUpdate(),n.sendInspectorTree(Ut),n.sendInspectorState(Ut),n.getSettings().logStoreChanges&&Vt(`"${t.$id}" store installed 🆕`)})}let Tm=0,Qn;function xm(e,t,n){const o=t.reduce((r,l)=>(r[l]=a.toRaw(e)[l],r),{});for(const r in o)e[r]=function(){const l=Tm,i=n?new Proxy(e,{get(...u){return Qn=l,Reflect.get(...u)},set(...u){return Qn=l,Reflect.set(...u)}}):e;Qn=l;const s=o[r].apply(i,arguments);return Qn=void 0,s}}function FC({app:e,store:t,options:n}){if(!t.$id.startsWith("__hot:")){if(t._isOptionsAPI=!!n.state,!t._p._testing){xm(t,Object.keys(n.actions),t._isOptionsAPI);const o=t._hotUpdate;a.toRaw(t)._hotUpdate=function(r){o.apply(this,arguments),xm(t,Object.keys(r._hmrPayload.actions),!!t._isOptionsAPI)}}MC(e,t)}}function Dm(){const e=a.effectScope(!0),t=e.run(()=>a.ref({}));let n=[],o=[];const r=a.markRaw({install(l){r._a=l,l.provide(EC,r),l.config.globalProperties.$pinia=r,process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&Wi&&BC(l,r),o.forEach(i=>n.push(i)),o=[]},use(l){return this._a?n.push(l):o.push(l),this},_p:n,_a:null,_e:e,_s:new Map,state:t});return process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&Wi&&typeof Proxy<"u"&&r.use(FC),r}process.env.NODE_ENV!=="production"?Symbol("pinia:skipHydration"):Symbol();const RC={en:{table:{search:"Search",advancedFilters:"Advanced Filters",cancel:"Cancel",confirm:"Save"},confirmDialog:{cancel:"Cancel",confirm:"Confirm",yes:"Yes",no:"No"},form:{rules:{emptyField:"The field cannot be empty",exceedCharactersTypeList:"Field must not exceed {0} characters"}},header:{hello:"Hello"},global:{total:"Total",retry:"Retray"},taskConfirmed:{repeatTask:"Do you want to continue the task?",repeat:"Yes, continue!",finish:"Finish"},menu:{logout:"Logout",home:"Home",areas:"Areas",filters:"Filters",seeOnlyChecked:"See only checked",seeManufacturing:"See manufacturing",seeSubcontractor:"See subcontractor",confirmRelocation:"Confirm Relocation",deleteAll:"Delete All",activateLoading:"Activate Loading",showExpeditionLines:"Show Expedition Lines",showOrderLines:"Show Order Lines",endTransaction:"End Transaction",translate:"Translate",labelSelectLanguage:"Language",selectLanguageLabelOptions:["Spanish","English"],deleteSelectedLine:"Delete Erroneous Label(s)",seeMap:"See Map",recordReceiptPurchase:"Record Receipt",addContainerNumber:"Add Container Number",showColumnsSelector:"Show columns selector",hideColumnsSelector:"Hide columns selector",sorting:"Sorting"}},es:{table:{search:"Buscar",advancedFilters:"Filtros avanzados",cancel:"Cancelar",confirm:"Guardar"},confirmDialog:{cancel:"Cancelar",confirm:"Confirmar",yes:"Sí",no:"No"},form:{rules:{emptyField:"El campo no puede estar vacío",exceedCharactersTypeList:"El campo no debe exceder más de {0} caracteres"}},header:{hello:"Hola"},global:{total:"Total",retry:"Reintentar"},taskConfirmed:{repeatTask:"¿Quieres continuar la tarea?",repeat:"Sí, continuar!",finish:"Finalizar"},menu:{logout:"Desconectar",home:"Inicio",areas:"Areas",filters:"Filtros",seeOnlyChecked:"Ver solo comprobadas",seeManufacturing:"Ver fabricación",seeSubcontractor:"Ver subcontrata",confirmRelocation:"Confirmar Reubicación",deleteAll:"Anular todos",activateLoading:"Activar Carga",showExpeditionLines:"Mostrar Líneas Expedición",showOrderLines:"Mostrar Líneas Pedidos",endTransaction:"Finalizar Operación",translate:"Traducir",labelSelectLanguage:"Idioma",selectLanguageLabelOptions:["Castellano","Inglés"],deleteSelectedLine:"Eliminar Etiquetas(s) Errónea(s)",seeMap:"Ver Plano",recordReceiptPurchase:"Registrar Recepción",addContainerNumber:"Añadir Nº Contenedor",showColumnsSelector:"Mostrar selector de columnas",hideColumnsSelector:"Hide selector de columnas",sorting:"Ordenar"}}},qC={filter(e,t,n){if(console.log(t),n.search!==""){const o=[],r=n.search?n.search.toLowerCase():"";for(let l=0;l<e.rows.length;l++)this.containsSearchTermInRow(e.rows[l],r)&&o.push(e.rows[l]);return e.filteredRows=o,this.paginationNewTable(e,o)}else return e.filteredRows=t,this.paginationNewTable(e,t)},paginationNewTable(e,t){return t.slice(0,e.$refs.table.pageLength)},containsSearchTermInRow(e,t){if(t!==""){const o=Object.values(e).map(r=>(r+"").toLowerCase());for(let r=0;r<o.length;r++)if(o[r].includes(t))return!0}return!1}},$C={handleInfiniteScrollNewTable(e){e.$nextTick(()=>{const t=e.smallDevice?"q-table__grid-content":"q-table__middle scroll",n=e.smallDevice?"Grid":"Table",o=document.getElementsByClassName(t),r=o.length>0?o[0]:window,l=i=>{const{scrollHeight:s,scrollTop:u,clientHeight:d}=i.target;Math.abs(s-d-u)<=1&&(console.log(`[${n}] You are at the bottom!`,e.$refs.table.totalPage),e.$refs.table.totalPage++)};window.removeEventListener("scroll",l),r.removeEventListener("scroll",l),r.addEventListener("scroll",l)})},handleInfiniteScrollNewTableCompositionAPi(e,t,n){e(()=>{const o=t?"q-table__grid-content":"q-table__middle scroll",r=t?"Grid":"Table",l=document.getElementsByClassName(o),i=l.length>0?l[0]:window,s=u=>{console.log(n,"totalPage");const{scrollHeight:d,scrollTop:c,clientHeight:m}=u.target;if(Math.abs(d-m-c)<=1){debugger;console.log(`[${r}] You are at the bottom!`,n),n++}};window.removeEventListener("scroll",s),i.removeEventListener("scroll",s),i.addEventListener("scroll",s)})},handleInfiniteScrollModal(e,t){console.log("handleInfiniteScrollModal"),e.$nextTick(()=>{const n=document.getElementById(t),o=e.smallDevice?"q-table__grid-content":"q-table__middle scroll",l=n.getElementsByClassName(o)[0],i=s=>{const u=s.target;if(e.smallDevice)l.scrollTop+l.clientHeight>=l.scrollHeight&&(console.log("[Grid] You are at the bottom!"),e.$refs.table.totalPage++);else{const{scrollHeight:d,scrollTop:c,clientHeight:m}=u;Math.abs(d-m-c)<=1&&(console.log("[Table] You are at the bottom!"),e.$refs.table.totalPage++)}};window.removeEventListener("scroll",i),l.removeEventListener("scroll",i),l.addEventListener("scroll",i)})},paginationModal(e,t){return t.slice(0,e.$refs.table.totalPage++)}},UC={setTableHeight(){const e=document.getElementsByClassName("q-page-sticky")[0];let t="";if(e){const l=window.getComputedStyle(e).height;l!=="auto"&&(t=l.replace("px",""))}const n=document.getElementsByClassName("q-header")[0];let o="";if(n){const l=window.getComputedStyle(n).height;l!=="auto"&&(o=l.replace("px",""))}const r=Number(t)+Number(o);return`height:${window.innerHeight-r}px`},setModalTableHeight(e){const t=document.getElementById(e);let n="";if(t){const r=window.getComputedStyle(t).height;r!=="auto"&&(n=r.replace("px",""))}const o=Number(n);return`height:${window.innerHeight-o}px`}},HC={sortMethod(e,t,n,o=[]){const r=[...e];return t&&(o.includes(t)?this.sortDates(t,n,r):r.sort((l,i)=>{const s=n?i:l,u=n?l:i;return s[t]>u[t]?1:s[t]<u[t]?-1:0})),r},sortDates(e,t,n){n.sort(function(o,r){const l=o[e],i=r[e];let s=t?i:l,u=t?l:i;return s=s.split("/").reverse().join("-"),u=u.split("/").reverse().join("-"),s.localeCompare(u)})}};Dm();/*!
   * shared v10.0.5
   * (c) 2024 kazuya kawaguchi
   * Released under the MIT License.

package/dist/store/table.d.ts

@@ -1,10 +1,10 @@
-export const tableStore: import("pinia").StoreDefinition<"tableStore", {
+export declare const tableStore: import("pinia").StoreDefinition<"tableStore", {
     filterValue: import("@vueuse/shared").RemovableRef<string>;
     lastFilterValue: import("@vueuse/shared").RemovableRef<string>;
-    visiblecolumns: import("@vueuse/shared").RemovableRef<never[]>;
+    visiblecolumns: import("@vueuse/shared").RemovableRef<string[]>;
     prepared: import("@vueuse/shared").RemovableRef<boolean>;
     user: import("@vueuse/shared").RemovableRef<{}>;
 }, {}, {
-    setFilterValue(val: any): void;
+    setFilterValue(val: string): void;
     cleanTableFilter(): void;
 }>;

package/package.json

@@ -98,6 +98,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "author": ""
 }

package/src/components/Table/utils/infiniteScroll.ts

@@ -10,7 +10,7 @@ const infiniteScroll = {
         qtableScrollElem.length > 0 ? qtableScrollElem[0] : window
       const fnAddScroll = (event: Event) => {
         const { scrollHeight, scrollTop, clientHeight } = event.target as HTMLElement
-        if (Math.abs(scrollHeight - clientHeight - scrollTop) < 1) {
+        if (Math.abs(scrollHeight - clientHeight - scrollTop) <= 1) {
           console.log(`[${tableType}] You are at the bottom!`, self.$refs.table.totalPage)
           self.$refs.table.totalPage++
         }
@@ -30,7 +30,7 @@ const infiniteScroll = {
       const fnAddScroll = (event: Event) => {
         console.log(totalPage, 'totalPage')
         const { scrollHeight, scrollTop, clientHeight } = event.target as HTMLElement
-        if (Math.abs(scrollHeight - clientHeight - scrollTop) < 1) {
+        if (Math.abs(scrollHeight - clientHeight - scrollTop) <= 1) {
           debugger
           console.log(`[${tableType}] You are at the bottom!`, totalPage)
           totalPage++
@@ -61,7 +61,7 @@ const infiniteScroll = {
           }
         } else {
           const { scrollHeight, scrollTop, clientHeight } = target
-          if (Math.abs(scrollHeight - clientHeight - scrollTop) < 1) {
+          if (Math.abs(scrollHeight - clientHeight - scrollTop) <= 1) {
             console.log('[Table] You are at the bottom!')
             self.$refs.table.totalPage++
           }

package/src/components/Table/utils/sort.ts

@@ -0,0 +1,46 @@
+const qTableSort = {
+sortMethod<T extends Record<string, unknown>>(
+  rows: T[],
+  sortBy: keyof T,
+  descending: boolean,
+  values: (keyof T)[] = []
+) {
+  const rowsFlat = [...rows]
+console.log(sortBy, 'sortBy')
+  if (sortBy) {
+    if (values.includes(sortBy)) {
+      this.sortDates(sortBy, descending, rowsFlat)
+    } else {
+      rowsFlat.sort((a, b) => {
+        const x = descending ? b : a
+        const y = descending ? a : b
+        return x[sortBy] > y[sortBy] ? 1 : x[sortBy] < y[sortBy] ? -1 : 0
+      })
+    }
+  }
+
+  return rowsFlat
+},
+
+sortDates<T extends Record<string, unknown>>(
+  sortBy: keyof T,
+  descending: boolean,
+  rowsFlat: T[]
+) {
+  console.log(sortBy, 'sortBy')
+  rowsFlat.sort((columnA, columnB) => {
+    const a = columnA[sortBy] as string
+    const b = columnB[sortBy] as string
+
+    let x = descending ? b : a
+    let y = descending ? a : b
+
+    x = x.split('/').reverse().join('-')
+    y = y.split('/').reverse().join('-')
+
+    return x.localeCompare(y)
+  })
+}
+
+}
+export default qTableSort

package/src/env.d.ts

@@ -0,0 +1,64 @@
+/// <reference types="vite/client" />
+
+import type { Quasar } from 'quasar'
+import type { Router, RouteLocationNormalizedLoaded } from 'vue-router'
+
+declare namespace NodeJS {
+  interface ProcessEnv {
+    NODE_ENV: string
+    VUE_ROUTER_MODE: 'hash' | 'history' | 'abstract' | undefined
+    VUE_ROUTER_BASE: string | undefined
+  }
+}
+
+declare module '@vue/runtime-core' {
+  interface ComponentCustomProperties {
+    $router: Router
+    $route: RouteLocationNormalizedLoaded
+    $q: Quasar
+    translate: (key: string, args?: unkown[]) => string
+    $t: I18n['global']['t']
+    $i18n: I18n
+    $refs: {
+      table: {
+        toogleColumnsSelectorVisibility: () => void
+        handleInfiniteScrollTableCompositionAPi: () => void
+        toggleSearchVisibility: (store: object) => void
+        filterInputFocus: ()=> void
+        totalPage: number
+        pageLength: number
+        enableDragAndDrop: boolean
+      }
+        AlertLabelsWithError: {
+        alert: boolean
+        labelsErrors: {
+          label: string
+          error: string
+          icon: string
+          spinner: boolean
+        }[]
+        setIconCircleCheck: (labelCode: string) => void
+        setLabelsSpinner: (labelCode: string, value: boolean) => void
+      }
+      ConfirmRef: {
+        openDialogAndSetMessage: (message: string) => void
+      }
+      ConfirmedTask: {
+        alert: boolean
+      }
+      AlertRef:{
+        openAlertAndSetMessage: (message: string) => void
+      }
+      sideBar: {
+        toggleRightDrawer:()=> void
+        setRightDrawerOpenToFalse: () => void
+      }
+      popup: {
+        hide: () => void
+      }
+      filterInput: {
+        inputFocus: () => void
+      }
+    }
+  }
+}

package/src/layouts/PdaLayout.vue

@@ -84,7 +84,7 @@ import NavBarSkeleton from '../components/NavBarSkeleton/NavBarSkeleton.vue'
 import TableRowsCounter from'../components/TableRowsCounter/TableRowsCounter.vue'
 import AlertLabelsWithError from '../components/AlertLabelsWithError/AlertLabelsWithError.vue'
 import setTableHeight from '../components/Table/utils/setTableHeight'
-// import infiniteScroll from '../components/Table/utils/infiniteScroll'
+import infiniteScroll from '../components/Table/utils/infiniteScroll'
 import { tableStore } from '../store/table.js'
 export default {
   components: {
@@ -555,16 +555,16 @@ export default {
     '$q.screen.width' (): void {
       setTimeout(() => {
         this.tableStyle = setTableHeight.setTableHeight()
-        this.$refs.table.handleInfiniteScrollTableCompositionAPi()
-        // infiniteScroll.handleInfiniteScrollNewTable(this)
+        // this.$refs.table.handleInfiniteScrollTableCompositionAPi()
+        infiniteScroll.handleInfiniteScrollNewTable(this)
       }, 500)
     },
     showSkeleton (val: boolean) {
       if (!val) {
         setTimeout(() => {
           this.tableStyle = setTableHeight.setTableHeight()
-          this.$refs.table.handleInfiniteScrollTableCompositionAPi()
-          // infiniteScroll.handleInfiniteScrollNewTable(this)
+          // this.$refs.table.handleInfiniteScrollTableCompositionAPi()
+          infiniteScroll.handleInfiniteScrollNewTable(this)
         }, 500)
       }
     }

package/src/store/table.ts

@@ -0,0 +1,23 @@
+import { defineStore } from 'pinia'
+import { useStorage } from '@vueuse/core'
+export const tableStore = defineStore('tableStore', {
+  state: () => ({
+    filterValue: useStorage('filterValue', ''),
+    lastFilterValue: useStorage('lastFilterValue', ''),
+    visiblecolumns: useStorage('visiblecolumns', []as string[]),
+    prepared: useStorage('prepared', false),
+    user: useStorage('user', {})
+  }),
+  getters: {
+  },
+  actions: {
+    setFilterValue (val: string): void {
+      this.filterValue = val
+    },
+    cleanTableFilter (): void {
+      this.filterValue = ''
+      this.lastFilterValue = ''
+    }
+
+  }
+})