@massimo-cassandro/minimo 1.28.1 → 1.28.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.28.1",
+  "version": "1.28.3",
   "description": "Light css framework & utilities",
   "type": "module",
   "main": "./index.js",

package/src/components/sf-macro/sf-macro.js

@@ -16,7 +16,7 @@ import './sf-macro.css';
  * @param {string} [options.addBtnClass='sf-macro-riga-add'] - Class name of the row-add button. (default: 'sf-macro-riga-add')
  * @param {string} [options.containerClass='sf-macro-container'] - Class name of the rows container. (default: 'sf-macro-container')
  * @param {((newRow: Element | null, addBtn: Element | null) => void) | null} [options.add_callback=null] - Called after a row is added; receives the new row and the add button. (default: null)
- * @param {((row: Element | null, closeBtn: Element | null) => boolean) | null} [options.preDelCallback=null] - Called when the row-remove button is pressed, before the row is removed; receives the row and the close button; if it returns false, the removal is aborted. (default: null)
+ * @param {((row: Element | null, closeBtn: Element | null) => boolean | Promise<boolean>) | null} [options.preDelCallback=null] - Called when the row-remove button is pressed, before the row is removed; receives the row and the close button. May return a Promise (e.g. to await a confirm dialog): the row is removed only if the resolved value is not `false`. (default: null)
  * @param {((row: Element | null, closeBtn: Element | null) => void) | null} [options.del_callback=null] - Called after a row is removed; receives the removed row (now detached) and the close button. (default: null)
  * @param {boolean} [options.insertAtTop=false] - When true, new rows are inserted at the top. (default: false)
  * @returns {void}
@@ -78,15 +78,33 @@ export function sf_macro({
     } else {
       const riga = target.closest(row_selector);
 
-      if(preDelCallback && typeof preDelCallback === 'function' && preDelCallback(riga, action_btn) === false) {
-        return;
-      }
+      const remove_row = () => {
+        riga?.remove();
+
+        if(del_callback && typeof del_callback === 'function') {
+          del_callback(riga, action_btn);
+        }
+      };
 
-      riga?.remove();
+      if(preDelCallback && typeof preDelCallback === 'function') {
+        const pre_del_result = preDelCallback(riga, action_btn);
 
-      if(del_callback && typeof del_callback === 'function') {
-        del_callback(riga, action_btn);
+        // Supports both a sync boolean and an async (Promise-returning)
+        // preDelCallback (e.g. awaiting a confirm dialog) without requiring
+        // the caller to manage the row removal itself.
+        if(pre_del_result instanceof Promise) {
+          pre_del_result.then(ok => {
+            if(ok !== false) remove_row();
+          });
+          return;
+        }
+
+        if(pre_del_result === false) {
+          return;
+        }
       }
+
+      remove_row();
     }
 
   }, false);

package/src/css/forms/forms.css

@@ -39,6 +39,11 @@
   color: var(--form-label-color);
 }
 
+/*  per uso label implicito, senza id e for */
+label:has(.form-control) {
+  display: block;
+  width: 100%;
+}
 
 .form-control, .form-control-static {
   display: block;