@massimo-cassandro/minimo 1.8.0 → 1.8.2

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 Massimo Cassandro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@massimo-cassandro/minimo",
-  "version": "1.8.0",
+  "version": "1.8.2",
   "description": "Light css framework & utilities",
   "type": "module",
   "main": "./index.js",
@@ -54,9 +54,9 @@
     }
   },
   "devDependencies": {
-    "@massimo-cassandro/dev-updater": "^3.0.6",
-    "@massimo-cassandro/eslint-config": "^3.0.9",
-    "@massimo-cassandro/stylelint-config": "^2.3.9",
-    "style-dictionary": "^5.4.4"
+    "@massimo-cassandro/dev-updater": "^3.0.7",
+    "@massimo-cassandro/eslint-config": "^3.0.11",
+    "@massimo-cassandro/stylelint-config": "^2.3.11",
+    "style-dictionary": "^5.5.0"
   }
 }

package/src/components/modal-popup/modal-popup.js

@@ -1,8 +1,7 @@
 import { domBuilder } from '../../utilities/dom-builder/dom-builder.js';
 import { classnames } from '../../utilities/classnames.js';
 import { spinner } from '../spinner/spinner.js';
-import * as _modalCss from './modal-popup.module.css';
-const styles = /** @type {Record<string, string>} */ (/** @type {any} */ (_modalCss).default ?? _modalCss);
+import * as styles from './modal-popup.module.css';
 
 
 // https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement
@@ -47,8 +46,8 @@ function closeDialog(el) {
  * @param {((data: *, el: Element) => void) | null} [params.ajaxCallback=null] - Called with the Ajax response and the content element.
  * @param {((el: HTMLDialogElement) => void) | null} [params.closeCallback=null] - Called with the dialog element just before it is removed.
  * @param {boolean} [params.addScrollbarPadding=false] - Adds right padding to compensate for the scrollbar.
- * @param {string | null} [params.headerContent=null] - Header content: plain text or HTML.
- * @param {string | null} [params.footerContent=null] - Footer content: plain text or HTML.
+ * @param {string | any[] | null} [params.headerContent=null] - Header content: plain text, HTML, or a domBuilder array.
+ * @param {string | any[] | null} [params.footerContent=null] - Footer content: plain text, HTML, or a domBuilder array.
  * @returns {HTMLDialogElement} The dialog element.
  */
 export function modalPopup({
@@ -79,10 +78,10 @@ export function modalPopup({
   closeCallback = null,
   addScrollbarPadding = false, // adds extra right padding to compensate for the scrollbar
 
-  /** header content: plain text or HTML */
+  /** header content: plain text, HTML or domBuilder array */
   headerContent = null,
 
-  /** footer content: plain text or HTML  */
+  /** footer content: plain text, HTML or domBuilder array */
   footerContent = null,
 }) {
 
@@ -132,11 +131,11 @@ export function modalPopup({
             {
               className: styles.header,
               condition: headerContent != null,
-              content: headerContent
+              content: Array.isArray(headerContent) ? null : headerContent,
+              children: Array.isArray(headerContent) ? headerContent : undefined
             },
             {
               className: classnames(styles.content, contentExtraClassName),
-
               content: mode === 'html'
                 ? content
                 : mode === 'ajax'
@@ -180,7 +179,8 @@ export function modalPopup({
             {
               className: styles.footer,
               condition: footerContent != null,
-              content: footerContent
+              content: Array.isArray(footerContent) ? null : footerContent,
+              children: Array.isArray(footerContent) ? footerContent : undefined
             },
           ]
         }

package/src/components/slide-up-down-toggle/slide-up-down-toggle.js

@@ -1,15 +1,6 @@
 // @ts-check
 
-import * as _css from './slide-up-down-toggle.module.css';
-
-/*
- * css-loader exposes class names differently depending on webpack config:
- *   modules.namedExport: true  → named exports  → import * as _css  → _css.slide
- *   default (namedExport off)  → default export  → import styles     → styles.slide
- *                                                                       (= _css.default.slide)
- * The fallback chain below handles both without changing any other code.
- */
-const styles = { slide: _css.slide ?? /** @type {any} */ (_css).default?.slide ?? 'slide' };
+import * as styles from './slide-up-down-toggle.module.css';
 
 /**
  * @module slide-up-down-toggle

package/src/components/snackbar/snackbar.js

@@ -1,7 +1,6 @@
 import { domBuilder } from '../../utilities/dom-builder/dom-builder.js';
 import { classnames } from '../../utilities/classnames.js';
-import * as _snackbarCss from './snackbar.module.css';
-const styles = /** @type {Record<string, string>} */ (/** @type {any} */ (_snackbarCss).default ?? _snackbarCss);
+import * as styles from './snackbar.module.css';
 
 /*
 References

package/src/components/spinner/spinner.js

@@ -1,5 +1,4 @@
-import * as _spinnerCss from './spinner.module.css';
-const styles = /** @type {Record<string, string>} */ (/** @type {any} */ (_spinnerCss).default ?? _spinnerCss);
+import * as styles from './spinner.module.css';
 
 // The spinner class depends on the spinner type in use; the corresponding CSS file must be included.
 // TODO: system for configuring the spinner type to allow multiple spinner types in the same project

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

@@ -6,8 +6,12 @@ example:
 
 const form = document.getElementById('form-__xxxx___');
 form.addEventListener('submit', e => {
+
+  // TODO disableBtnOnSubmit ??
+
   form.querySelectorAll('.is-invalid').forEach(item => {
     item.classList.remove('is-invalid');
+    item.setCustomValidity('');
   });
   form.classList.add('was-validated');
   try {
@@ -16,12 +20,22 @@ form.addEventListener('submit', e => {
     }
   } catch( error ) {
     e.preventDefault();
-    form.querySelector('[type="submit"]').disabled = false;
+    enableSubmitBtns();
 
     if (error instanceof ValidationError) {
 
       (error.fields??[]).forEach(field => {
         field.classList.add('is-invalid');
+        field.setCustomValidity(error.message);
+
+        // rimuove il setCustomValidity alla modifica del campo
+        field.addEventListener('input', () => {
+          field.setCustomValidity('');
+          field.classList.remove('is-invalid');
+
+          // rimuove la classe che attiva la visualizzaione
+          form.classList.remove('was-validated');
+        }, {once: true});
       });
 
       error.fields[0]?.focus({preventScroll:false});

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

@@ -3,8 +3,7 @@ import { DataTable } from 'simple-datatables';
 
 import { parseCols } from './src/parse-cols.js';
 
-import * as _sdatatableCss from './s-datatable-component.module.css';
-const styles = /** @type {Record<string, string>} */ (/** @type {any} */ (_sdatatableCss).default ?? _sdatatableCss);
+import * as styles from './s-datatable-component.module.css';
 
 import caretLeftIcon from '../../icons/caret-left.svg?inline';
 import caretRightIcon from '../../icons/caret-right.svg?inline';
@@ -14,6 +13,8 @@ import caretRightIcon from '../../icons/caret-right.svg?inline';
  * Implementazione di simple-datatable (https://fiduswriter.github.io/simple-datatables/documentation/)
  * per generare una tabella da dati json e da un oggetto `cols` di configurazione
  *
+ * @deprecated Componente destinato alla dismissione
+ *
  * ─────────────────────────────────────────────────────────────────────────────
  * PARAMETRI
  * ─────────────────────────────────────────────────────────────────────────────
@@ -207,11 +208,23 @@ function resolveTemplate(tpl, row, { nullAs = '', warnColIdx } = {}) {
   return tpl;
 }
 
+let _deprecationWarned = false;
+
+/**
+ * @deprecated Componente destinato alla dismissione, verrà sostituito da `json-table`.
+ * Vedi la documentazione all'inizio del file per i dettagli.
+ */
 class SimpleDatatableAdapter extends HTMLElement {
   constructor() {
     super();
     // this.attachShadow({ mode: 'open' }); // commentare per light dom
 
+    if (!_deprecationWarned) {
+      _deprecationWarned = true;
+      // eslint-disable-next-line no-console
+      console.warn('[s-datatable] componente deprecato');
+    }
+
     this._config = null;
     this._initCalledProgrammatically = false;
     this._isConnected = false;

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

@@ -5,8 +5,7 @@
 
 import { classnames } from '../../../../index.js';
 
-import * as _sdatatableCss from '../s-datatable-component.module.css';
-const styles = /** @type {Record<string, string>} */ (/** @type {any} */ (_sdatatableCss).default ?? _sdatatableCss);
+import * as styles from '../s-datatable-component.module.css';
 
 import checkIcon from '../../../icons/check-bold.svg?inline';
 import xIcon from '../../../icons/x-bold.svg?inline';