adminforth 4.6.0 → 4.6.2

package/dist/spa/src/afcl/Button.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-import { Spinner } from '@/afcl';
+import Spinner from './Spinner.vue';
 import { computed, useAttrs } from 'vue';
 import { type ClassNameValue } from 'tailwind-merge';
 import { getButtonClasses, type ButtonVariant, type ButtonSize } from './buttonStyles';

package/dist/spa/src/afcl/Dialog.vue

@@ -68,7 +68,7 @@
 import Button from "./Button.vue";
 import { IconX } from '@iconify-prerendered/vue-lucide';
 import { ref, computed, useId, type Ref } from 'vue';
-import { Modal } from '@/afcl'
+import Modal from './Modal.vue';
 import { dialogFooterClasses } from './dialogStyles';
 import { useI18n } from "vue-i18n";
 

package/dist/spa/src/afcl/Table.vue

@@ -67,7 +67,7 @@
                 >
                 </slot>
                 <span v-else-if="!isLoading || props.isLoading" >
-                  {{ item[column.fieldName] }}
+                  {{ getByPath(item, column.fieldName) }}
                 </span>
                 <div v-else>
                   <div class=" w-full">
@@ -338,10 +338,13 @@ function getAriaSort(col:{fieldName:string; sortable?:boolean}) {
 
 const collator = new Intl.Collator(undefined, { numeric: true, sensitivity: 'base' });
 
+// fieldName may be a dot path into nested objects, e.g. 'user.address.city'
+function getByPath(o:any, p:string) {
+  return p.split('.').reduce((a:any,k)=>a?.[k], o);
+}
+
 function sortArrayData(data:any[], sortField?:string, dir:'asc'|'desc'='asc') {
   if (!sortField) return data;
-  // Helper function to get nested properties by path
-  const getByPath = (o:any, p:string) => p.split('.').reduce((a:any,k)=>a?.[k], o);
   return [...data].sort((a,b) => {
     const av = getByPath(a, sortField), bv = getByPath(b, sortField);
     // Handle null/undefined values

package/dist/spa/src/main.ts

@@ -18,6 +18,14 @@ app.use(router)
 // get access to i18n instance outside components
 initI18n(app);
 
+// Chrome steps a focused number input on wheel, so scrolling the page with the cursor over the field
+// silently changes a price or amount; blurring it first lets the page scroll and keeps the value
+document.addEventListener('wheel', (e) => {
+  if (e.target instanceof HTMLInputElement && e.target.type === 'number' && e.target === document.activeElement) {
+    e.target.blur();
+  }
+}, { passive: true });
+
 
 /* IMPORTANT:ADMINFORTH CUSTOM USES */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "adminforth",
-  "version": "4.6.0",
+  "version": "4.6.2",
   "description": "OpenSource Agent-Native forth-generation admin panel",
   "keywords": [
     "adminforth",