@massimo-cassandro/minimo 1.42.1 → 1.42.3

package/dev-tools/README.md

@@ -1,50 +1,7 @@
 # Dev tools
 
-Raccolta di utilità CLI Node.js standalone che aiutano nelle attività quotidiane di gestione di un progetto web (aggiornamento delle dipendenze, versionamento/changelog, generazione di icone e favicon). Ogni strumento risiede in una propria sottocartella, funziona in modo indipendente dagli altri e dal pacchetto `minimo`, ed è documentato nel proprio README — questa pagina ne dà solo una panoramica.
+Raccolta di utilità CLI Node.js standalone o Vanilla JS che aiutano nelle attività di gestione di un progetto web (aggiornamento delle dipendenze, versionamento/changelog, generazione di icone e favicon). Ogni strumento risiede in una propria sottocartella, funziona in modo indipendente dagli altri e dal pacchetto `minimo`, ed è documentato nel proprio README.
 
-* [update-version](./update-version/README.md) — incrementa la versione in `package.json` e aggiunge una voce a `changelog.md`
-* [Svg Icons Tools](./svg-icons-tools/README.md) — ottimizza le icone SVG e le combina/converte in symbol, JSX o variabili SCSS
-* [Create favicons](./create-favicons/README.md) — genera il set completo di favicon (SVG, PNG, ICO, webmanifest, snippet HTML) a partire da un'immagine sorgente
-* [upd@m](./upd@m/README.md) — aggiorna tutti i pacchetti `@massimo-cassandro/*` installati in `node_modules`
-* [Design Tokens Builder](./design-tokens-builder/README.md) — genera un file di custom properties CSS (e, opzionalmente, file JSON di token) a partire dai sorgenti dei design token
-* [starter-kit](#starter-kit) — script per installare l'ambiente minimo
-
-## starter-kit
-
-`starter-kit/starter-install.sh` avvia un nuovo progetto frontend: copia i file di configurazione starter (`package.json`, `.gitignore`, `jsconfig.json`, configurazioni eslint/stylelint, configurazione e moduli webpack, ...) nella root del progetto e i file frontend (template webpack, `CLAUDE.md`, `_root_htaccess`/`_root_robots.txt`, ...) in una cartella `./app` fissa, quindi installa tutte le dipendenze di sviluppo necessarie.
-
-Lo script **richiede zsh** (termina con un errore se lanciato con `sh` o `bash`). I file esistenti non vengono mai sovrascritti: vengono copiati accanto con il prefisso `NEW-` (da integrare manualmente o da rimuovere). Se la cartella `./app` esiste già, l'intero set di file frontend viene copiato in `./NEW-app`.
-
-### Se minimo è già installato
-
-Lo script è esposto come `bin` del pacchetto:
-
-```bash
-npx starter-kit
-```
-
-Poiché l'installazione non sovrascrive mai nulla, lo script può essere anche **rieseguito in qualsiasi momento per aggiornare** una configurazione esistente (ad es. per aggiornare i moduli webpack o reinstallare le dipendenze di sviluppo): i file esistenti vengono copiati con il prefisso `NEW-`, quindi rieseguire lo script non duplica né sovrascrive mai nulla.
-
-### Senza installare minimo
-
-Per avviare un progetto **prima** di installare l'intero pacchetto, scaricare solo la cartella `starter-kit` dal tarball npm ed eseguire lo script da lì:
-
-```bash
-curl -sL "$(npm view @massimo-cassandro/minimo dist.tarball)" | tar xz package/dev-tools/starter-kit
-zsh package/dev-tools/starter-kit/starter-install.sh
-rm -rf package
-```
-
-## Strumenti per SVG e favicon
-
-```bash
-## SVG Icons Tools
-npx svgIconsTools --config ./path/to/svg-icons-tools.config.mjs
-
-# create favicons
-npx create-favicons init
-npx create-favicons [--dir=./path/to/dir]
-```
 
 ## Aggiungere gli strumenti più usati alla sezione scripts di `package.json`:
 

package/dev-tools/find-orphan-css-classes/readme.md

@@ -0,0 +1,3 @@
+# Find orphan css classes
+
+Analizza i file di un progetto e crea un rapporto con eventuali classi css non esistenti.

package/dev-tools/layout-tools/readme.md

@@ -0,0 +1,3 @@
+# Layout tools
+
+// TODO

package/dev-tools/starter-kit/README.md

@@ -0,0 +1,26 @@
+
+# starter-kit
+
+`starter-kit/starter-install.sh` avvia un nuovo progetto frontend: copia i file di configurazione starter (`package.json`, `.gitignore`, `jsconfig.json`, configurazioni eslint/stylelint, configurazione e moduli webpack, ...) nella root del progetto e i file frontend (template webpack, `CLAUDE.md`, `_root_htaccess`/`_root_robots.txt`, ...) in una cartella `./app` fissa, quindi installa tutte le dipendenze di sviluppo necessarie.
+
+Lo script **richiede zsh** (termina con un errore se lanciato con `sh` o `bash`). I file esistenti non vengono mai sovrascritti: vengono copiati accanto con il prefisso `NEW-` (da integrare manualmente o da rimuovere). Se la cartella `./app` esiste già, l'intero set di file frontend viene copiato in `./NEW-app`.
+
+### Se minimo è già installato
+
+Lo script è esposto come `bin` del pacchetto:
+
+```bash
+npx starter-kit
+```
+
+Poiché l'installazione non sovrascrive mai nulla, lo script può essere anche **rieseguito in qualsiasi momento per aggiornare** una configurazione esistente (ad es. per aggiornare i moduli webpack o reinstallare le dipendenze di sviluppo): i file esistenti vengono copiati con il prefisso `NEW-`, quindi rieseguire lo script non duplica né sovrascrive mai nulla.
+
+### Senza installare minimo
+
+Per avviare un progetto **prima** di installare l'intero pacchetto, scaricare solo la cartella `starter-kit` dal tarball npm ed eseguire lo script da lì:
+
+```bash
+curl -sL "$(npm view @massimo-cassandro/minimo dist.tarball)" | tar xz package/dev-tools/starter-kit
+zsh package/dev-tools/starter-kit/starter-install.sh
+rm -rf package
+```

package/dev-tools/svg-icons-tools/README.md

@@ -1,5 +1,18 @@
 # Svg Icons Tools
 
+## Quick start
+
+```bash
+## SVG Icons Tools
+npx svgIconsTools --config ./path/to/svg-icons-tools.config.mjs
+
+# create favicons
+npx create-favicons init
+npx create-favicons [--dir=./path/to/dir]
+```
+
+## Panoramica
+
 Svg Icons Tools fornisce alcune utilità per gestire e ottimizzare le icone SVG:
 
 * ottimizza tutti i file con [SVGO](https://svgo.dev/)

package/dev-tools/update-version/README.md

@@ -16,6 +16,6 @@ Opzioni:
 
 * `--pkg`: Percorso del file `package.json` relativo alla directory corrente (default: `./package.json`)
 * `--log-file`: Percorso del file di log relativo alla directory corrente (default: `./changelog.md`). Se il nome del file termina con `.txt`, si assume il formato di log della versione precedente di `update-version`, in cui ogni riga ha la forma `timestamp | version | description`
-* `--log-patch`: Se presente, vengono registrate nel log anche le modifiche di tipo patch.
+* `--log-patch`: Se presente, vengono registrate nel log anche le modifiche di tipo patch, e la versione viene scritta nel log per intero (es. `1.3.1`). Se assente, nel log compaiono solo le prime due cifre (es. `1.3`).
 * `--default-patch-log="testo"`: Testo di default usato per il log delle patch (default: `Fix / Upd`).
 * `--no-log-v0`: Se `true` (default), il log non viene scritto quando la versione major è `0`, tranne per la voce iniziale creata alla prima inizializzazione del file changelog. Passare `--no-log-v0` per abilitarlo esplicitamente, oppure `--no-log-v0=false` per disabilitarlo da riga di comando.

package/dev-tools/update-version/src/create-log-row.mjs

@@ -2,24 +2,22 @@ import { params } from './params.mjs';
 
 export function createLogRow() {
 
+  // Con --log-patch si registra la semver completa, altrimenti solo major.minor
+  const vers = params.toLog.includes('patch')
+    ? params.logRow.vers
+    : String(params.logRow.vers).split('.').slice(0, 2).join('.');
 
   if (params.markdownLog) {
-
     const dateStr = params.logRow.date.toLocaleString(params.locale, {
       year: 'numeric', month: 'short', day: '2-digit'
     });
-    params.logRow.fullText = `* ${params.logRow.vers} (${dateStr})${params.logRow.descr ? ' - ' + params.logRow.descr : ''}`;
-
+    params.logRow.fullText = `* ${vers} (${dateStr})${params.logRow.descr ? ' - ' + params.logRow.descr : ''}`;
 
   } else {
-
     const dateStr = params.logRow.date.toISOString();
-    params.logRow.fullText = `${dateStr} | ${(' '.repeat(16) + params.logRow.vers).slice(-16)} | ${params.logRow.descr || ''}`;
+    params.logRow.fullText = `${dateStr} | ${(' '.repeat(16) + vers).slice(-16)} | ${params.logRow.descr || ''}`;
 
   }
-
-
-
 }
 
 

package/package.json

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

package/src/web-components/json-table/json-table-component.js

@@ -8,9 +8,9 @@ import { parseCols } from './src/parse-cols.js';
 import { parseRows } from './src/parse-rows.js';
 import { mainBuilder } from './src/main-builder.js';
 import { renderTbody } from './src/table-body.js';
-import { renderTfoot } from './src/table-tfoot.js';
+import { renderTfoot } from './src/tfoot.js';
 import { updateInfo } from './src/update-info.js';
-import { applySortState, setSortListener } from './src/table-thead.js';
+import { applySortState, setSortListener } from './src/thead.js';
 import { setSearchListener, filterRows } from './src/search.js';
 import { sortRows } from './src/sorting.js';
 import { calcTotPages, renderPagination } from './src/pagination.js';

package/src/web-components/json-table/json-table-component.module.css

@@ -124,124 +124,7 @@ json-table {
   color: var(--jt-caption-color);
 }
 
-.pagination {
-  margin-inline-start: auto;
-}
-
-.paginationList {
-  display: flex;
-  flex-flow: row wrap;
-  padding: 0;
-  margin: 0;
-  list-style: none;
-}
-
-.paginationItem {
-  border: var(--jt-pagination-border-width) solid var(--jt-pagination-border-color);
-  border-inline-start-width: 0;
-
-  &:first-child {
-    border-inline-start-width: var(--jt-pagination-border-width);
-    border-start-start-radius: var(--jt-pagination-radius);
-    border-end-start-radius: var(--jt-pagination-radius);
-  }
-
-  &:last-child {
-    border-start-end-radius: var(--jt-pagination-radius);
-    border-end-end-radius: var(--jt-pagination-radius);
-  }
-}
 
-.paginationBtn,
-.paginationEllipsis {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  min-width: var(--jt-pagination-btn-min-width);
-  height: 100%;
-  padding: var(--jt-pagination-btn-padding-block) var(--jt-pagination-btn-padding-inline);
-  font: inherit;
-  font-size: var(--jt-pagination-font-size);
-  line-height: var(--jt-pagination-line-height);
-  color: inherit;
-}
-
-.paginationBtn {
-  cursor: pointer;
-
-  &[disabled] {
-    cursor: default;
-    opacity: var(--jt-pagination-disabled-opacity);
-  }
-
-  &[aria-current='page'] {
-    font-weight: var(--jt-pagination-current-font-weight);
-    cursor: default;
-    background-color: var(--jt-pagination-current-background-color);
-  }
-
-  @media (hover: hover) {
-    &:hover:not([disabled], [aria-current='page']) {
-      background-color: var(--jt-pagination-hover-background-color);
-    }
-  }
 
-  svg {
-    width: var(--jt-pagination-icon-size);
-    aspect-ratio: 1;
-    fill: currentColor;
-  }
-}
-
-.paginationArrow {
-  padding-inline: calc(var(--jt-pagination-btn-padding-inline) / 2);
-}
-
-/* =>> sorting (thead) */
-
-.sortable {
-  @media (hover: hover) {
-    &:hover {
-      background-color: var(--jt-thead-hover-background-color);
-    }
-  }
-}
-
-.sortBtn {
-  display: flex;
-  gap: var(--jt-sort-icon-gap);
-  align-items: center;
-  width: 100%;
-  height: 100%;
-  padding: var(--jt-sort-btn-padding-block) var(--jt-sort-btn-padding-inline);
-  font: inherit;
-  line-height: var(--jt-sort-btn-line-height);
-  color: inherit;
-  text-align: inherit;
-  cursor: pointer;
-}
-
-.sortTitle {
-  flex: 1 1 auto;
-}
-
-.sortIcon {
-  display: inline-flex;
-  flex: none;
-  width: var(--jt-sort-icon-size);
-  aspect-ratio: 1;
-  opacity: var(--jt-sort-icon-none-opacity);
-
-  svg {
-    width: 100%;
-    height: 100%;
-    fill: currentColor;
-  }
-
-  /* un ordinamento attivo (aria-sort sul th) mostra l'icona a piena opacità */
-  [aria-sort] & {
-    opacity: 1;
-  }
-}
 
 /* purgecss end ignore */

package/src/web-components/json-table/json-table.minimo.tokens.mjs

@@ -22,7 +22,7 @@ export default {
       },
       color: {
         $type: 'color',
-        $value: '{text.muted}'
+        $value: '{text.color}'
       },
       outer: {
         padding: {

package/src/web-components/json-table/jt-docs/parametri.md

@@ -52,65 +52,71 @@ Tutti i parametri sono impostabili sia da attributo HTML che come oggetto in `in
 
 ## `classes`
 
-Nomi delle classi assegnate agli elementi generati. Le classi interne di layout (CSS module)
-vengono **sempre** applicate in aggiunta a queste; ogni valore sostituisce interamente il
-default della stessa chiave.
+Nomi delle classi assegnate agli elementi generati. Le classi interne di layout (CSS module) vengono **sempre** applicate in aggiunta a queste; gli eventuali valori inseriti sostituiscono quelli di default.
 
 ```javascript
-classes: {
-  wrapper: null,                    // contenitore principale (<section>: info + tabella)
-  infoOuter: null,                  // contenitore esterno della sezione info
-  info: null,                       // sezione info (testo + ricerca)
-  resultInfo: null,                 // contenitore del testo info
-  search: null,                     // wrapper dell'input di ricerca
-  searchInput: 'form-control form-control-sm', // input di ricerca
-  tableWrapper: 'table-responsive', // div che racchiude la tabella
-  table: 'table table-bordered',    // tag <table>
-  tableFooter: null,                // barra sotto la tabella (caption + paginazione)
-  caption: null,                    // contenitore della caption
-  pagination: null,                 // <nav> della paginazione
-  paginationBtn: 'btn-reset',       // pulsanti della paginazione
-  sortBtn: 'btn-reset',             // pulsanti di ordinamento nei <th>
-  empty: null,                      // cella unica mostrata in assenza di righe
-  textStart: null,                  // allineamento inline-start (le celle minimo lo sono già)
-  textCenter: 'text-center',        // allineamento al centro
-  textEnd: 'text-end',              // allineamento inline-end
-  nowrap: 'text-nowrap',            // no-wrap
-  numeric: 'text-numeric',          // cifre tabulari (tipi numerici)
-  boolCell: null,                   // classe aggiuntiva per tutte le celle di tipo bool
-  boolTrue: null,                   // classe aggiuntiva per le celle bool con valore true
-  boolFalse: null                   // classe aggiuntiva per le celle bool con valore false
+{
+  classes: {...}
 }
 ```
 
+| Parametro | Default | Descrizione |
+|---|---|---|
+| `wrapper` | `null` | contenitore principale (`<section>`: info + tabella) |
+| `infoOuter` | `null` | contenitore esterno della sezione info |
+| `info` | `null` | sezione info (testo + ricerca) |
+| `resultInfo` | `null` | contenitore del testo info |
+| `search` | `null` | wrapper dell'input di ricerca |
+| `searchInput` | `'form-control form-control-sm'` | input di ricerca |
+| `tableWrapper` | `'table-responsive'` | div che racchiude la tabella |
+| `table` | `'table table-bordered'` | tag `<table>` |
+| `tableFooter` | `null` | barra sotto la tabella (caption + paginazione) |
+| `caption` | `null` | contenitore della caption |
+| `pagination` | `null` | `<nav>` della paginazione |
+| `paginationBtn` | `'btn-reset'` | pulsanti della paginazione |
+| `sortBtn` | `'btn-reset'` | pulsanti di ordinamento nei `<th>` |
+| `empty` | `null` | cella unica mostrata in assenza di righe |
+| `textStart` | `null` | allineamento inline-start (con css `table` di *minimo* il default è `start`) |
+| `textCenter` | `'text-center'` | allineamento al centro |
+| `textEnd` | `'text-end'` | allineamento inline-end |
+| `nowrap` | `'text-nowrap'` | no-wrap |
+| `numeric` | `'text-numeric'` | cifre tabulari (tipi numerici) |
+| `boolCell` | `null` | classe aggiuntiva per tutte le celle di tipo bool |
+| `boolTrue` | `null` | classe aggiuntiva per le celle bool con valore true |
+| `boolFalse` | `null` | classe aggiuntiva per le celle bool con valore false |
+
+
 Le classi di allineamento (`textEnd`, `textCenter`, `nowrap`, `numeric`) sono quelle usate dai
 tipi di dato predefiniti: modificandole si cambiano le classi di tutte le colonne di quel tipo.
 
 ## `labels`
 
 ```javascript
-labels: {
-  loading: 'Caricamento dati…',            // segnaposto di caricamento (visually hidden)
-  searchPlaceholder: 'Cerca...',           // placeholder dell'input di ricerca
-  searchTitle: 'Cerca nella tabella',      // attributo title dell'input
-  searchAriaLabel: 'Filtra risultati',     // aria-label dell'input
-  info: 'Stai visualizzando le righe da {start} a {end}, su un totale di {filteredRec} record trovati',
-                                           // template del testo info (vedi `infoText`)
-  noRows: 'Nessun record trovato',         // testo info e cella unica con set di dati vuoto
-  noResults: 'Nessun risultato per la ricerca', // idem, con ricerca senza risultati
-  sortAsc: 'Ordina questa colonna in senso ascendente (A → Z)',   // title/aria-label del
-  sortDesc: 'Ordina questa colonna in senso discendente (Z → A)', // pulsante di ordinamento:
-  sortNone: 'Rimuovi l’ordinamento a questa colonna',             // descrivono l'azione del
-                                                                  // prossimo click
-  paginationAriaLabel: 'Navigazione pagine', // aria-label del <nav>
-  prevPage: 'Pagina precedente',           // title/aria-label del pulsante precedente
-  nextPage: 'Pagina successiva',           // idem, successivo
-  pageTitle: 'Vai a pagina {page}',        // idem, pulsanti pagina
-  currentPage: 'Pagina {page}, corrente'   // idem, pagina corrente
+{
+  labels: {...}
 }
 ```
 
-I segnaposto di `labels.info` / `infoText`:
+| Parametro | Default | Descrizione |
+|---|---|---|
+| `loading` | `'Caricamento dati…'` | segnaposto di caricamento (visually hidden) |
+| `searchPlaceholder` | `'Cerca...'` | placeholder dell'input di ricerca |
+| `searchTitle` | `'Cerca nella tabella'` | attributo `title` dell'input di ricerca |
+| `searchAriaLabel` | `'Filtra risultati'` | `aria-label` dell'input di ricerca |
+| `info` | `'Stai visualizzando le righe da {start} a {end}, su un totale di {filteredRec} record trovati'` | template del testo info (vedi `infoText`) |
+| `noRows` | `'Nessun record trovato'` | testo info e cella unica con set di dati vuoto |
+| `noResults` | `'Nessun risultato per la ricerca'` | testo info e cella unica con ricerca senza risultati |
+| `sortAsc` | `'Ordina questa colonna in senso ascendente (A → Z)'` | `title`/`aria-label` del pulsante di ordinamento: descrive l'azione del prossimo click |
+| `sortDesc` | `'Ordina questa colonna in senso discendente (Z → A)'` | `title`/`aria-label` del pulsante di ordinamento: descrive l'azione del prossimo click |
+| `sortNone` | `'Rimuovi l’ordinamento a questa colonna'` | `title`/`aria-label` del pulsante di ordinamento: descrive l'azione del prossimo click |
+| `paginationAriaLabel` | `'Navigazione pagine'` | `aria-label` del `<nav>` |
+| `prevPage` | `'Pagina precedente'` | `title`/`aria-label` del pulsante precedente |
+| `nextPage` | `'Pagina successiva'` | `title`/`aria-label` del pulsante successivo |
+| `pageTitle` | `'Vai a pagina {page}'` | `title`/`aria-label` dei pulsanti pagina |
+| `currentPage` | `'Pagina {page}, corrente'` | `title`/`aria-label` del pulsante della pagina corrente |
+
+
+### Segnaposto di `labels.info` / `infoText`:
 
 | Segnaposto | Valore |
 |---|---|

package/src/web-components/json-table/src/cell-content.js

@@ -1,5 +1,3 @@
-/*! minimo - json-table: cell & footer content */
-
 import { getNestedValue, resolveMustache } from './content-utils.js';
 import { toNumber } from './data-types.js';
 

package/src/web-components/json-table/src/content-utils.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: content utilities */
 
 import { domBuilder } from '../../../utilities/dom-builder/dom-builder.js';
 

package/src/web-components/json-table/src/data-types.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: data types */
 
 import * as styles from '../json-table-component.module.css';
 import { classnames } from '../../../utilities/classnames.js';

package/src/web-components/json-table/src/defaults.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: defaults */
 
 import {
   boolTrueIcon, boolFalseIcon, sortAscArrowIcon, sortDescArrowIcon, sortNoneArrowIcon,

package/src/web-components/json-table/src/get-data.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: data acquisition */
 
 /** @typedef {import('./defaults.js').JsonTableParams} JsonTableParams */
 /** @typedef {import('./defaults.js').SortDef} SortDef */

package/src/web-components/json-table/src/icons.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: icons */
 
 import checkBold from '../../../icons/check-bold.svg?inline';
 import xBold from '../../../icons/x-bold.svg?inline';

package/src/web-components/json-table/src/info-section.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: info section parts */
 
 import * as styles from '../json-table-component.module.css';
 import { classnames } from '../../../utilities/classnames.js';

package/src/web-components/json-table/src/main-builder.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: main structure builder */
 
 import * as styles from '../json-table-component.module.css';
 import { domBuilder } from '../../../utilities/dom-builder/dom-builder.js';

package/src/web-components/json-table/src/pagination.js

@@ -1,6 +1,6 @@
-/*! minimo - json-table: pagination */
 
-import * as styles from '../json-table-component.module.css';
+import * as styles from './pagination.module.css';
+
 import { domBuilder } from '../../../utilities/dom-builder/dom-builder.js';
 import { classnames } from '../../../utilities/classnames.js';
 import { iconContent } from './icons.js';

package/src/web-components/json-table/src/pagination.module.css

@@ -0,0 +1,77 @@
+/* purgecss start ignore */
+
+.pagination {
+  margin-inline-start: auto;
+}
+
+.paginationList {
+  display: flex;
+  flex-flow: row wrap;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+
+.paginationItem {
+  margin: 0;
+  border: var(--jt-pagination-border-width) solid var(--jt-pagination-border-color);
+  border-inline-start-width: 0;
+
+  &:first-child {
+    border-inline-start-width: var(--jt-pagination-border-width);
+    border-start-start-radius: var(--jt-pagination-radius);
+    border-end-start-radius: var(--jt-pagination-radius);
+  }
+
+  &:last-child {
+    border-start-end-radius: var(--jt-pagination-radius);
+    border-end-end-radius: var(--jt-pagination-radius);
+  }
+}
+
+.paginationBtn,
+.paginationEllipsis {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: var(--jt-pagination-btn-min-width);
+  height: 100%;
+  padding: var(--jt-pagination-btn-padding-block) var(--jt-pagination-btn-padding-inline);
+  font: inherit;
+  font-size: var(--jt-pagination-font-size);
+  line-height: var(--jt-pagination-line-height);
+  color: inherit;
+}
+
+.paginationBtn {
+  cursor: pointer;
+
+  &[disabled] {
+    cursor: default;
+    opacity: var(--jt-pagination-disabled-opacity);
+  }
+
+  &[aria-current='page'] {
+    font-weight: var(--jt-pagination-current-font-weight);
+    cursor: default;
+    background-color: var(--jt-pagination-current-background-color);
+  }
+
+  @media (hover: hover) {
+    &:hover:not([disabled], [aria-current='page']) {
+      background-color: var(--jt-pagination-hover-background-color);
+    }
+  }
+
+  svg {
+    width: var(--jt-pagination-icon-size);
+    aspect-ratio: 1;
+    fill: currentColor;
+  }
+}
+
+.paginationArrow {
+  padding-inline: calc(var(--jt-pagination-btn-padding-inline) / 2);
+}
+
+/* purgecss end ignore */

package/src/web-components/json-table/src/parse-cols.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: columns parsing */
 
 /** @typedef {import('./defaults.js').JsonTableParams} JsonTableParams */
 /** @typedef {import('./defaults.js').ColDefinition} ColDefinition */

package/src/web-components/json-table/src/parse-rows.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: rows parsing (sort & search values) */
 
 import { getNestedValue } from './content-utils.js';
 

package/src/web-components/json-table/src/resolve-params.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: params resolution */
 
 import { defaults, mergedParams, jqDatatableModeDefaults } from './defaults.js';
 

package/src/web-components/json-table/src/search.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: client-side search */
 
 /** @typedef {import('../json-table-component.js').JsonTable} JsonTable */
 /** @typedef {import('./parse-rows.js').ParsedRow} ParsedRow */

package/src/web-components/json-table/src/sorting.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: client-side sorting */
 
 /** @typedef {import('./parse-rows.js').ParsedRow} ParsedRow */
 /** @typedef {'asc'|'desc'} SortDir */

package/src/web-components/json-table/src/table-body.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: tbody rendering */
 
 import * as styles from '../json-table-component.module.css';
 import { domBuilder } from '../../../utilities/dom-builder/dom-builder.js';

package/src/web-components/json-table/src/table-builder.js

@@ -1,8 +1,7 @@
-/*! minimo - json-table: parte tabella (tabella, caption e barra del footer) */
 
 import * as styles from '../json-table-component.module.css';
 import { classnames } from '../../../utilities/classnames.js';
-import { theadPart } from './table-thead.js';
+import { theadPart } from './thead.js';
 
 /** @typedef {import('./defaults.js').JsonTableParams} JsonTableParams */
 /** @typedef {import('../json-table-component.js').JsonTable} JsonTable */

package/src/web-components/json-table/src/{table-tfoot.js → tfoot.js}

@@ -1,4 +1,3 @@
-/*! minimo - json-table: tfoot rendering */
 
 import { domBuilder } from '../../../utilities/dom-builder/dom-builder.js';
 import { classnames } from '../../../utilities/classnames.js';

package/src/web-components/json-table/src/{table-thead.js → thead.js}

@@ -1,6 +1,5 @@
-/*! minimo - json-table: thead */
+import * as styles from './thead.module.css';
 
-import * as styles from '../json-table-component.module.css';
 import { classnames } from '../../../utilities/classnames.js';
 import { setContent } from './content-utils.js';
 import { iconContent } from './icons.js';
@@ -117,7 +116,7 @@ export function setSortListener(jt) {
 
 
 /**
- * Elemento domBuilder del `<thead>`.
+ * Elemento domBuilder per `<thead>`.
  *
  * Generated structure:
  * ```

package/src/web-components/json-table/src/thead.module.css

@@ -0,0 +1,47 @@
+/* purgecss start ignore */
+.sortable {
+  @media (hover: hover) {
+    &:hover {
+      background-color: var(--jt-thead-hover-background-color);
+    }
+  }
+}
+
+.sortBtn {
+  display: flex;
+  gap: var(--jt-sort-icon-gap);
+  align-items: center;
+  width: 100%;
+  height: 100%;
+  padding: var(--jt-sort-btn-padding-block) var(--jt-sort-btn-padding-inline);
+  font: inherit;
+  line-height: var(--jt-sort-btn-line-height);
+  color: inherit;
+  text-align: inherit;
+  cursor: pointer;
+}
+
+.sortTitle {
+  flex: 1 1 auto;
+}
+
+.sortIcon {
+  display: inline-flex;
+  flex: none;
+  width: var(--jt-sort-icon-size);
+  aspect-ratio: 1;
+  opacity: var(--jt-sort-icon-none-opacity);
+
+  svg {
+    width: 100%;
+    height: 100%;
+    fill: currentColor;
+  }
+
+  /* un ordinamento attivo (aria-sort sul th) mostra l'icona a piena opacità */
+  [aria-sort] & {
+    opacity: 1;
+  }
+}
+
+/* purgecss end ignore */

package/src/web-components/json-table/src/update-info.js

@@ -1,4 +1,3 @@
-/*! minimo - json-table: info text update */
 
 import { setContent } from './content-utils.js';