@massimo-cassandro/minimo 1.4.8 → 1.4.10

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.4.8",
+  "version": "1.4.10",
   "description": "Light css framework & utilities",
   "type": "module",
   "homepage": "https://github.com/massimo-cassandro/minimo#readme",

package/src/css/flex.css

@@ -10,6 +10,10 @@
     align-items: center;
   }
 
+  &.gap-0 {
+    gap: 0;
+  }
+
   &.gap-2 {
     gap: calc(var(--flex-grid-gap) * 2);
   }

package/src/css/headings.css

@@ -6,7 +6,7 @@ h1, h2, h3, .h3, h4, .h4 {
 }
 
 h1 {
-  margin: 0 0 2rem;
+  margin: 0 0 var(--font-size-xl);
   font-size: var(--headings-h1-font-size);
   font-weight: var(--headings-h1-font-weight);
 
@@ -21,15 +21,15 @@ h2, h3, .h3, h4, .h4 {
   font-weight: var(--headings-font-weight);
 }
 h2 {
-  margin: 0 0 2rem;
+  margin: var(--font-size-xl) 0 var(--font-size-md);
   font-size: var(--headings-h2-font-size);
 }
 
 h3, .h3 {
-  margin: 0 0 1.5rem;
+  margin: var(--font-size-lg) 0 var(--font-size-base);
   font-size: var(--headings-h3-font-size);
 }
 h4, .h4 {
-  margin: 0 0 1.5rem;
+  margin: var(--font-size-base) 0 var(--font-size-sm);
   font-size: var(--headings-h4-font-size);
 }

package/src/css/text.css

@@ -115,6 +115,15 @@ li {
   margin-left: 1.5rem;
 }
 
+.text-primary {
+  color: var(--primary-100);
+}
+.text-secondary {
+  color: var(--secondary-100);
+}
+.text-accent {
+  color: var(--accent-100);
+}
 .text-danger {
   color: var(--status-danger-color);
 }

package/src/utilities/validation-error-class.js

@@ -2,6 +2,39 @@
 // uso
 // throw new ValidationError('Sono presenti cicli duplicati', campiErrore );
 
+/*
+esempio:
+
+const form = document.getElementById('form-__xxxx___');
+form.addEventListener('submit', e => {
+  form.querySelectorAll('.is-invalid').forEach(item => {
+    item.classList.remove('is-invalid');
+  });
+  form.classList.add('was-validated');
+  try {
+    if( ... ) {
+      throw new ValidationError('__messaggio__', [campiErrore, ...] );
+    }
+  } catch( error ) {
+    e.preventDefault();
+    form.querySelector('[type="submit"]').disabled = false;
+
+    if (error instanceof ValidationError) {
+
+      (error.fields??[]).forEach(field => {
+        field.classList.add('is-invalid');
+      });
+
+      error.fields[0]?.focus({preventScroll:false});
+    }
+    mAlert({
+      type  : 'error',
+      title : error.message
+    });
+  }
+});
+*/
+
 export class ValidationError extends Error {
   constructor(message, fields) {
     super(message); // Passa il messaggio alla classe Error originale
@@ -9,4 +42,3 @@ export class ValidationError extends Error {
     this.fields = fields; // Parametro custom
   }
 }
-

package/src/web-components/s-datatable-component/s-datatable-component.js

@@ -572,10 +572,21 @@ class SimpleDatatableAdapter extends HTMLElement {
 
           // _sortValue: valore alternativo per l'ordinamento.
           // Accetta un percorso stringa o una funzione (row) => string|number.
+          // Quando col_item.type è 'string' (default), simple-datatables confronta
+          // `order` come stringa: se il valore letto è un numero (es. un id numerico
+          // usato come chiave di lookup) viene convertito a stringa per garantire
+          // che il comparatore string di simple-datatables operi correttamente.
+          // Per colonne con type 'number' o 'date' il valore viene lasciato invariato.
           const sortValue = col_item._sortValue
-            ? typeof col_item._sortValue === 'function'
-              ? (col_item._sortValue(row) ?? '')
-              : (getNestedValue(row, col_item._sortValue) ?? '')
+            ? (() => {
+                const raw = typeof col_item._sortValue === 'function'
+                  ? (col_item._sortValue(row) ?? '')
+                  : (getNestedValue(row, col_item._sortValue) ?? '');
+                const colType = col_item.type ?? 'string';
+                return (colType === 'string' && typeof raw === 'number')
+                  ? String(raw)
+                  : raw;
+              })()
             : null;
 
 
@@ -661,17 +672,20 @@ class SimpleDatatableAdapter extends HTMLElement {
         };
 
         // _searchValue: funzione searchMethod personalizzata che opera su
-        // cell.attributes['data-search'] invece che sul testo visualizzato.
+        // data-search invece che sul testo visualizzato.
         // L'API simple-datatables prevede: (terms, cell, row, colIdx, source)
         // - terms: array di stringhe (uno per parola cercata)
-        // - cell:  oggetto cella dai dati originali (con .text e .attributes)
+        // - cell:  nodo DOM <td> della riga renderizzata
         // La funzione deve restituire true se la riga è da includere.
+        // NOTA: `cell` è un nodo DOM, quindi va usato cell.getAttribute()
+        // e NON cell.attributes?.['data-search'] (che leggerebbe la NamedNodeMap
+        // come plain object, restituendo sempre undefined).
         // Comportamento AND: tutti i termini devono essere presenti (come
         // nella demo https://fiduswriter.github.io/simple-datatables/demos/22-and-search/).
         if (col_settings._searchValue) {
           colObj.searchMethod = (terms, cell) => {
             const haystack = (
-              cell.attributes?.['data-search'] ?? cell.text ?? ''
+              cell.getAttribute?.('data-search') ?? cell.textContent ?? ''
             ).toLowerCase();
             return terms.every(term => haystack.includes(term.toLowerCase()));
           };