design-angular-kit 1.0.0-9 → 1.0.0-prerelease.2

package/README.md

@@ -14,22 +14,27 @@
 </p>
 
 <p align="center">
+    <a href="https://www.npmjs.com/package/design-angular-kit"><img src="https://img.shields.io/npm/v/design-angular-kit/prerelease.svg" alt="NPM"></a>
     <a href="https://www.npmjs.com/package/design-angular-kit"><img src="https://img.shields.io/npm/v/design-angular-kit/unstable.svg" alt="NPM"></a>
-    <a href="https://github.com/italia/design-angular-kit/actions"><img src="https://github.com/italia/design-angular-kit/actions/workflows/ci.yml/badge.svg" alt="Build"></a>
+</p>
+
+<p align="center">
+    <a href="https://github.com/italia/design-angular-kit/actions"><img src="https://github.com/italia/design-angular-kit/actions/workflows/publish-release.yml/badge.svg" alt="Build"></a>
     <a href="https://codecov.io/gh/italia/design-angular-kit"><img src="https://codecov.io/gh/italia/design-angular-kit/branch/main/graph/badge.svg?token=0Ud6YSFi0r" alt="codecov"></a>
     <a href="https://github.com/italia/design-angular-kit/blob/main/LICENSE"><img src="https://img.shields.io/github/license/italia/design-angular-kit.svg" alt="License"></a>
     <a href="https://github.com/italia/design-angular-kit/issues"><img src="https://img.shields.io/github/issues/italia/design-angular-kit.svg" alt="GitHub issues"></a>
 </p>
 
 <p align="center">
-  <a href="https://developersitalia.slack.com/messages/C04H3C19D52/">
-    <img src="https://img.shields.io/badge/Slack%20channel-%23design--dev--angular-blue.svg" alt="Join the #design-dev-angular channel" />
-  </a>
-  <a href="https://slack.developers.italia.it/">
-    <img src="https://slack.developers.italia.it/badge.svg" alt="Get invited" />
-  </a>
+  <a href="https://github.com/semantic-release/semantic-release"><img src="https://img.shields.io/badge/semantic--release-angular-e10079?logo=semantic-release" alt="semantic-release: angular" /></a>
+  <a href="https://github.com/prettier/prettier"><img src="https://img.shields.io/badge/code%20style-prettier-ff69b4?logo=Prettier" alt="code style: prettier" /></a>
+  <a href="https://github.com/eslint/eslint"><img src="https://img.shields.io/badge/formatter-angular--eslint-4B32C3?logo=eslint" alt="formatter: angular-eslint" /></a>
 </p>
 
+<p align="center">
+  <a href="https://developersitalia.slack.com/messages/C04H3C19D52/"><img src="https://img.shields.io/badge/Slack%20channel-%23design--dev--angular-blue.svg" alt="Join the #design-dev-angular channel" /></a>
+  <a href="https://slack.developers.italia.it/"><img src="https://slack.developers.italia.it/badge.svg" alt="Get invited" /></a></p>
+
 _⚠️ Attenzione: questo codice è ancora in fase di sviluppo e non è pronto per essere utilizzato! Stiamo lavorando all'aggiornamento per portare il kit alla versione 1.0.0, commenti e contributi di tutta la community sono più che benvenuti! Se si necessita della vecchia versione il codice e la sua documentazione possono essere reperiti [qua](https://github.com/italia/design-angular-kit/tree/0.x)._
 
 ## Verso la versione 1.0.0 📣 
@@ -45,28 +50,144 @@ Sul branch `main` potete trovare il codice dei lavori in corso e nella [mileston
 
 **Commenti e contributi di tutta la community sono più che benvenuti!** 🎉
 
-#### Link veloci
-[Preview di Vercel (aggiornata ad ogni commit)](https://design-angular-kit.vercel.app/) |
-[Discussione sulla nuova release](https://github.com/italia/design-angular-kit/discussions/127) |
-[Milestone 1.0.0](https://github.com/italia/design-angular-kit/milestone/3)
+## Link utili
+- [Video Commit University: Sviluppare da zero una Angular Web App per la PA](https://www.youtube.com/watch?v=gH-0P36E5jk&t=385s) ([slide](https://www.slideshare.net/commitsoftware/sviluppare-da-zero-una-angular-web-app-per-la-pa))
+- [Video Meetup Angular Roma: Angular, Bootstrap Italia e non solo..](https://www.youtube.com/live/asGk-mYU-zM?feature=share)
+- [Demo Design Angular Kit](https://github.com/cri99/demo-design-angular-kit)
+- [Preview di Vercel (aggiornata ad ogni commit)](https://design-angular-kit.vercel.app/)
+- [Discussione sulla nuova release](https://github.com/italia/design-angular-kit/discussions/127)
+- [Milestone 1.0.0](https://github.com/italia/design-angular-kit/milestone/3)
 
-## Come iniziare
+## Installazione
 
 Design Angular Kit è disponibile su NPM, per installarlo su una applicazione esistente sulla quale provare la libreria (attualmente non stabile) esegui il comando
 
 ```
-npm install design-angular-kit@unstable --save
+npm install design-angular-kit@prerelease --save
+```
+
+Scegli la versione corrispondente alla tua versione Angular:
+
+| Angular | design-angular-kit    |
+|---------|-----------------------|
+| 17+     | v1.0.0-prerelease.2 + |
+| 16+     | v1.0.0-17 +           |
+| 15+     | v1.0.0-2 +            |
+
+## Configurazione
+
+### Configurazione app
+
+La libreria `design-angular-kit` può essere utilizzata con i componenti _standalone_ o con l'applicazione che utilizza i moduli. Segui la sezione di
+configurazione che corrisponde alla tua applicazione.
+
+#### Applicazione standalone
+
+Utilizza la funzione `provideDesignAngularKit` nella configurazione dell'applicazione `ApplicationConfig` per
+poter inizializzare le funzionalità della libreria.
+
+```typescript
+import { provideHttpClient } from '@angular/common/http';
+import { provideAnimations } from '@angular/platform-browser/animations';
+import { provideDesignAngularKit } from 'design-angular-kit';
+
+export const appConfig: ApplicationConfig = {
+  providers: [
+    ...
+    provideAnimations(), // Necessario per il funzionamento della libreria
+    provideHttpClient(), // Necessario per il funzionamento della libreria
+    provideDesignAngularKit(),
+  ]
+}
 ```
 
-Procedi a registrare `DesignAngularKitModule` nel tuo **app.module.ts**.
+#### Applicazione modulare
+
+È necessario importare `DesignAngularKitModule` all'interno del modulo principale dell'applicazione (solitamente denominato **AppModule**) 
+utilizzando il metodo `forRoot` per poter inizializzare le funzionalità della libreria e importare tutti i componenti.
 
 ```typescript
+import { HttpClientModule } from '@angular/common/http';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { DesignAngularKitModule } from 'design-angular-kit';
+
 @NgModule({
   imports: [
     ...
-    DesignAngularKitModule
+    HttpClientModule, // Necessario per il funzionamento della libreria
+    BrowserAnimationsModule, // Necessario per il funzionamento della libreria
+    DesignAngularKitModule.forRoot()
   ]
 })
+export class AppModule { }
+```
+
+Utilizza il metodo `forChild` durante l'importazione del modulo `DesignAngularKitModule` in altri moduli dell'applicazione per importare tutti i componenti della libreria.
+
+
+```typescript
+import { DesignAngularKitModule } from 'design-angular-kit';
+
+@NgModule({
+  imports: [
+    ...
+    DesignAngularKitModule.forChild()
+  ],
+  exports: [DesignAngularKitModule],
+})
+export class SharedModule { }
+```
+
+#### Applicazione ibrida
+
+Se nella tua applicazione è presente il modulo **AppModule** ma vuoi utilizzare i nostri componenti con la configurazione _standalone_, 
+utilizza la funzione `provideDesignAngularKit` all'interno del modulo principale dell'applicazione per poter inizializzare le funzionalità della libreria.
+
+```typescript
+import { HttpClientModule } from '@angular/common/http';
+import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
+import { provideDesignAngularKit } from 'design-angular-kit';
+
+@NgModule({
+  imports: [
+    ...
+    HttpClientModule, // Necessario per il funzionamento della libreria
+    BrowserAnimationsModule, // Necessario per il funzionamento della libreria
+  ],
+  providers: [
+    provideDesignAngularKit(),
+  ]
+})
+export class AppModule { }
+```
+
+#### Parametri di configurazione
+
+Sia per la funzione `provideDesignAngularKit` che per il modulo `DesignAngularKitModule.forRoot()` è possibile utilizzare una configurazione iniziale [`DesignAngularKitConfig`](/projects/design-angular-kit/src/lib/interfaces/design-angular-kit-config.ts).
+
+```typescript
+import { provideDesignAngularKit, DesignAngularKitModule, DesignAngularKitConfig } from 'design-angular-kit';
+
+// Puoi aggiungere alla libreria una configurazione iniziale
+const initConfig: DesignAngularKitConfig | undefined = {
+  /**
+   * The bootstrap-italia asset folder path
+   * @default ./bootstrap-italia
+   */
+  assetBasePath: string | undefined,
+
+  /**
+   * Load the <a href="https://italia.github.io/bootstrap-italia/docs/come-iniziare/introduzione/#fonts">bootstrap-italia fonts</a>
+   * @default true
+   */
+  loadFont: boolean | undefined,
+  
+  ...
+};
+
+provideDesignAngularKit(initConfig)
+
+DesignAngularKitModule.forRoot(initConfig)
 ```
 
 ### Importazione stili bootstrap-italia
@@ -80,8 +201,8 @@ Configura gli stili richiesti nel file `styles.scss`. Importa la libreria SCSS c
 <details>
   <summary>Come personalizzare e sovrascrivere le variabili di default della libreria (es. colori, font-family, misure, ecc.)</summary>
 
-Bootstrap Italia eredita ed estende tutte le variabili di default di Bootstrap, sovrascrivendo 
-alcuni valori in fase di compilazione e impostandone di nuovi all’occorenza. Un esempio fra tutti è 
+Bootstrap Italia eredita ed estende tutte le variabili di default di Bootstrap, sovrascrivendo
+alcuni valori in fase di compilazione e impostandone di nuovi all’occorenza. Un esempio fra tutti è
 il valore del colore $primary che in Bootstrap Italia è rappresentato dal colore blu #0066CC,
 tipico della libreria.
 
@@ -118,7 +239,8 @@ $font-family-monospace: 'Custom Font', 'Courier New', Courier, monospace;
 
 Per aggiungere il supporto icone/assets, modifica il tuo `angular.json` aggiungendo:
 
-```
+```json
+{
  "assets": [
     ...
     {
@@ -127,7 +249,8 @@ Per aggiungere il supporto icone/assets, modifica il tuo `angular.json` aggiunge
       "output": "/bootstrap-italia/"
     }
   ]
- ```
+}
+```
 
 ### Supporto i18n (localizzazione)
 
@@ -135,8 +258,9 @@ La libreria usa [ngx-translate](https://github.com/ngx-translate/core) per aggiu
 
 Modifica il tuo `angular.json` aggiungendo:
 
-```
- "assets": [
+```json
+{
+  "assets": [
     ...
     {
       "glob": "**/*",
@@ -144,71 +268,95 @@ Modifica il tuo `angular.json` aggiungendo:
       "output": "/bootstrap-italia/i18n/"
     }
   ]
- ```
+}
+```
+Puoi utilizzare le label localizzate della libreria `design-angular-kit` nella tua applicazione, ad esempio `{{'it.errors.required-field' | translate}}`. [Vedi le nostre label](projects/design-angular-kit/assets/i18n/it.json)
 
 #### Localizzazione esistente
 
 Se utilizzi già i file di localizzazione nella tua app, puoi utilizzare la libreria [ngx-translate-multi-http-loader](https://www.npmjs.com/package/ngx-translate-multi-http-loader)
-per caricare i file di localizzazione dell'app e di `design-angular-kit`
+per caricare sia i file di localizzazione dell'app che quelli della libreria `design-angular-kit`
 
-Modifica nel tuo `app.module.ts`:
+
+**Utilizzando la funzione `provideDesignAngularKit`:**
 
 ```typescript
-@NgModule({
-  imports: [
-    ...
-    HttpClientModule,
-    TranslateModule.forRoot({
-      loader: {
-        provide: TranslateLoader,
-        useFactory: (http: HttpBackend) => new MultiTranslateHttpLoader(http, [
-          './bootstrap-italia/i18n/', // Load library translations first, so you can edit the keys in your localization file
-          './assets/i18n/' // Your i18n location
-        ]),
-        deps: [HttpBackend]
-      },      
-      defaultLanguage: 'it'
-    }),
-    DesignAngularKitModule
-  ]
+import { HttpBackend } from '@angular/common/http';
+import { TranslateLoader } from '@ngx-translate/core';
+import { MultiTranslateHttpLoader } from 'ngx-translate-multi-http-loader';
+import { provideDesignAngularKit } from 'design-angular-kit';
+
+provideDesignAngularKit({
+  translateLoader: (itPrefix: string, itSuffix: string) => ({
+    provide: TranslateLoader,
+    useFactory: (http: HttpBackend) => new MultiTranslateHttpLoader(http, [
+      { prefix: itPrefix, suffix: itSuffix }, // Load library translations first, so you can edit the keys in your localization file
+      { prefix: './assets/i18n/' }, // Your i18n location
+    ]),
+    deps: [HttpBackend]
+  }),
+})
+```
+
+**Utilizzando il modulo `DesignAngularKitModule`:**
+```typescript
+import { HttpBackend } from '@angular/common/http';
+import { TranslateLoader } from '@ngx-translate/core';
+import { MultiTranslateHttpLoader } from 'ngx-translate-multi-http-loader';
+import { DesignAngularKitModule } from 'design-angular-kit';
+
+DesignAngularKitModule.forRoot({
+  translateLoader: (itPrefix: string, itSuffix: string) => ({
+    provide: TranslateLoader,
+    useFactory: (http: HttpBackend) => new MultiTranslateHttpLoader(http, [
+      { prefix: itPrefix, suffix: itSuffix }, // Load library translations first, so you can edit the keys in your localization file
+      { prefix: './assets/i18n/' }, // Your i18n location
+    ]),
+    deps: [HttpBackend]
+  }),
 })
 ```
 
-Se vuoi personalizzare le nostre label puoi aggiungere le localizzazioni nei tuoi file json, sovrascrivendo le [chiavi del json della libreria](projects/design-angular-kit/assets/i18n/it.json).
+#### Personalizzazione della localizzazione
+
+Se vuoi personalizzare le nostre label:
+- Non includere il supporto i18n nel tuo `angular.json` 
+    - Crea i tuoi file di localizzazione personalizzati nella tua cartella `assets/bootstrap-italia/i18n/` (crea il percorso se non esiste)
+    - Il json deve avere [questo formato](projects/design-angular-kit/assets/i18n/it.json).
+    - Aggiungi nella configurazione iniziale della libreria il `translateLoader` custom, sostituendo la stringa `assets/bootstrap-italia/i18n/` all'attributo `itPrefix`  
+- Oppure, aggiungi le localizzazioni nei tuoi file json, sovrascrivendo le [chiavi del json della libreria](projects/design-angular-kit/assets/i18n/it.json).
 
-Puoi utilizzare le label localizzate di `design-angular-kit` nella tua applicazione, ad esempio `{{'it.errors.required-field' | translate}}`. [Vedi le nostre label](projects/design-angular-kit/assets/i18n/it.json)
+## Utilizzo
 
-#### Localizzazione non esistente
+Utilizzando il modulo `DesignAngularKitModule` tutti i componenti della libreria verranno importati nell'applicazione.
 
-Se non utilizzi i file di localizzazione nella tua app, devi aggiungere il provider `TranslateStore` nel tuo `app.module.ts`:
+In alternativa, poiché tutti i nostri componenti e direttive sono _standalone_, puoi importare solo i componenti/moduli di cui hai bisogno, ad es. Alert, Paginazione e Breadcrumb.
 
 ```typescript
+import { ItAlertComponent, ItPaginationComponent, ItBreadcrumbsModule } from 'design-angular-kit';
+
 @NgModule({
   imports: [
-    ...
-    DesignAngularKitModule,
-  ],
-  providers: [
-    TranslateStore
+    ItAlertComponent, 
+    ItPaginationComponent, 
+    ItBreadcrumbsModule // Include ItBreadcrumbComponent e ItBreadcrumbItemComponent 
   ],
 })
+export class YourAppModule {
+}
 ```
 
-Se vuoi personalizzare le nostre label:  
-- Non includere il supporto i18n nel tuo `angular.json` ma crea i tuoi file di localizzazione personalizzati nella tua cartella `assets/bootstrap-italia/i18n/` (crea il percorso se non esiste). 
-- Il json deve avere [questo formato](projects/design-angular-kit/assets/i18n/it.json).
-
-### Supporto animazione
-
-La libreria usa BrowserAnimationsModule per gestire alcune animazioni.
-
-Per abilitarle, bisogna aggiungere al tuo `app.module.ts` il modulo :
-
 ```typescript
-imports: [
-  ...
-  BrowserAnimationsModule
-]
+import { ItAlertComponent, ItPaginationComponent, ItBreadcrumbsModule } from 'design-angular-kit';
+
+@Component({
+  selector: 'app-product',
+  standalone: true,
+  imports: [ItAlertComponent, ItPaginationComponent, ItBreadcrumbsModule],
+  templateUrl: './product.component.html'
+})
+export class ProductComponent {
+}
 ```
 
 ## Segnalazione bug e richieste di aiuto

package/assets/i18n/en.json

@@ -7,8 +7,10 @@
       "close": "Close",
       "continue": "Continue",
       "edit": "Edit",
+      "show": "Show",
       "show-all": "Show all",
-      "details": "Details"
+      "details": "Details",
+      "download": "Download"
     },
     "errors": {
       "generic": "An error has occurred",
@@ -19,29 +21,34 @@
       "min-invalid": "The minimum value for this field is: {{min}}",
       "max-invalid": "The maximum value for this field is: {{max}}",
       "min-length-invalid": "The minimum length for this field is: {{min}}",
-      "max-length-invalid": "The minimum length for this field is: {{max}}",
+      "max-length-invalid": "The maximum length for this field is: {{max}}",
       "email-invalid": "Enter a valid email",
       "tel-invalid": "Please enter a valid phone number format",
       "url-invalid": "Please enter a valid URL",
       "tax-code-invalid": "Enter a valid tax code",
       "vat-number-invalid": "Enter a valid VAT number",
       "cap-invalid": "Enter a valid zip code",
+      "iban-invalid": "Enter a valid IBAN",
       "regex-invalid": "Please enter a valid REGEX expression",
       "pattern-invalid": "The field must have the pattern {{pattern}}",
       "password-no-match": "Passwords must match",
-      "password-min-length": "Password must contain at least {{minLength}} characters!",
-      "password-number": "The password must have at least 1 number!",
-      "password-capital-case": "The password should contain at least 1 uppercase character!",
-      "password-small-case": "Password must contain at least 1 lowercase character!",
-      "password-special-character": "Password must contain at least 1 special character!"
+      "password-min-length": "The password must contain at least {{minLength}} characters!",
+      "password-number": "The password must have at least a number!",
+      "password-capital-case": "The password should contain at least an uppercase character!",
+      "password-small-case": "The password must contain at least a lowercase character!",
+      "password-special-character": "The password must contain at least a special character!"
     },
     "core": {
       "close-modal": "Close modal window",
       "close-notification": "Close Notification: {{title}}",
       "close-alert": "Close alert",
       "page": "Page",
+      "previous": "Previous",
       "previous-page": "Previous page",
+      "next": "Next",
       "next-page": "Next page",
+      "go-to": "Go to",
+      "page-of-total": "Page {{page}} of {{total}}",
       "progress": "Progress",
       "loading": "Loading",
       "active": "Active",
@@ -51,9 +58,24 @@
       "step": "Step",
       "step-of": "Step {{current}} of {{available}}",
       "back": "Back",
-      "forward": "Forward"
+      "forward": "Forward",
+      "rate-star": "Rate {{current}} out of {{total}} stars",
+      "rating-star": "Rating {{current}} out of {{total}} stars"
     },
     "form": {
+      "caps-inserted": "CAPS LOCK entered",
+      "password-strength-meter": {
+        "description": {
+          "default": "Enter at least {{minLength}} characters",
+          "number": "a number",
+          "capital-case": "an uppercase character",
+          "special-character": "a special character"
+        },
+        "password-short": "Very weak password",
+        "password-bad": "Weak password",
+        "password-good": "Secure password",
+        "password-strong": "Very secure password"
+      },
       "increase-value": "Increase value",
       "decrease-value": "Decrease value",
       "upload": "Upload",
@@ -76,16 +98,63 @@
       "website-search": "Search in the site",
       "navigation-path": "Navigation path"
     },
+    "navbar": {
+      "aria-label-main": "Main navigation",
+      "aria-label-toggle": "Show/Hide navigation",
+      "hide": "Hide navigation"
+    },
     "utils": {
       "selected": "Selected",
       "language-selection": "Language selection: {{lang}}",
       "select-language": "Select a language",
-      "404": {
-        "title": "Resource not found",
-        "description": "Oops! The resource you are looking for was not found, go back to the homepage and use the menu to continue browsing.",
-        "go-back": "Go back",
+      "error-page": {
+        "404": {
+          "title": "Resource not found",
+          "description": "Oops! The resource you are looking for was not found, go back to the homepage and use the menu to continue browsing."
+        },
+        "403": {
+          "title": "Forbidden",
+          "description": "You are not authorized to access this resource!"
+        },
+        "500": {
+          "title": "An error has occurred",
+          "description": "There was an unexpected error. Please try again later or contact support."
+        },
         "go-to-homepage": "Return to homepage"
       }
+    },
+    "date-ago-pipe": {
+      "just-now": "Just now",
+      "singular-year-ago": "{{count}} year ago",
+      "year-ago": "{{count}} years ago",
+      "singular-month-ago": "{{count}} month ago",
+      "month-ago": "{{count}} months ago",
+      "singular-week-ago": "{{count}} week ago",
+      "week-ago": "{{count}} weeks ago",
+      "singular-day-ago": "{{count}} day ago",
+      "day-ago": "{{count}} days ago",
+      "singular-hour-ago": "{{count}} hour ago",
+      "hour-ago": "{{count}} hours ago",
+      "singular-minute-ago": "{{count}} minute ago",
+      "minute-ago": "{{count}} minutes ago",
+      "singular-second-ago": "{{count}} second ago",
+      "second-ago": "{{count}} seconds ago"
+    },
+    "duration": {
+      "second": "{{count}} second",
+      "seconds": "{{count}} seconds",
+      "minute": "{{count}} minute",
+      "minutes": "{{count}} minutes",
+      "hour": "{{count}} hour",
+      "hours": "{{count}} hours",
+      "day": "{{count}} day",
+      "days": "{{count}} days",
+      "week": "{{count}} week",
+      "weeks": "{{count}} weeks",
+      "month": "{{count}} month",
+      "months": "{{count}} months",
+      "year": "{{count}} year",
+      "years": "{{count}} years"
     }
   }
 }

package/assets/i18n/it.json

@@ -7,8 +7,10 @@
       "close": "Chiudi",
       "continue": "Continua",
       "edit": "Modifica",
+      "show": "Visualizza",
       "show-all": "Mostra tutto",
-      "details": "Dettagli"
+      "details": "Dettagli",
+      "download": "Scarica"
     },
     "errors": {
       "generic": "Si è verificato un errore",
@@ -19,29 +21,34 @@
       "min-invalid": "Il valore minimo per questo campo è: {{min}}",
       "max-invalid": "Il valore massimo per questo campo è: {{max}}",
       "min-length-invalid": "La lunghezza minima per questo campo è: {{min}}",
-      "max-length-invalid": "La lunghezza minima per questo campo è: {{max}}",
+      "max-length-invalid": "La lunghezza massima per questo campo è: {{max}}",
       "email-invalid": "Inserisci un email valida",
       "tel-invalid": "Inserisci un formato telefonico valido",
       "url-invalid": "Inserisci un url valido",
       "tax-code-invalid": "Inserisci un codice fiscale valido",
       "vat-number-invalid": "Inserisci una partita iva valida",
       "cap-invalid": "Inserisci un CAP valido",
+      "iban-invalid": "Inserisci un IBAN valido",
       "regex-invalid": "Inserisci un espressione REGEX valida",
       "pattern-invalid": "Il campo deve avere il pattern {{pattern}}",
       "password-no-match": "Le password devono essere identiche",
       "password-min-length": "La password deve contenere almeno {{minLength}} caratteri!",
-      "password-number": "La password deve avere almeno 1 numero!",
-      "password-capital-case": "La password deve contenere almeno 1 carattere maiuscolo!",
-      "password-small-case": "La password deve contenere almeno 1 carattere minuscolo!",
-      "password-special-character": "La password deve contenere almeno 1 carattere speciale!"
+      "password-number": "La password deve avere almeno un numero!",
+      "password-capital-case": "La password deve contenere almeno un carattere maiuscolo!",
+      "password-small-case": "La password deve contenere almeno un carattere minuscolo!",
+      "password-special-character": "La password deve contenere almeno un carattere speciale!"
     },
     "core": {
       "close-modal": "Chiudi finestra modale",
       "close-notification": "Chiudi notifica: {{title}}",
       "close-alert": "Chiudi avviso",
       "page": "Pagina",
+      "previous": "Precedente",
       "previous-page": "Pagina precedente",
+      "next": "Successiva",
       "next-page": "Pagina successiva",
+      "go-to": "Vai a",
+      "page-of-total": "Pagina {{page}} di {{total}}",
       "progress": "Progresso",
       "loading": "Caricamento",
       "active": "Attivo",
@@ -51,9 +58,24 @@
       "step": "Step",
       "step-of": "Step {{current}} di {{available}}",
       "back": "Indietro",
-      "forward": "Avanti"
+      "forward": "Avanti",
+      "rate-star": "Valuta {{current}} stelle su {{total}}",
+      "rating-star": "Valutazione {{current}} stelle su {{total}}"
     },
     "form": {
+      "caps-inserted": "CAPS LOCK inserito",
+      "password-strength-meter": {
+        "description": {
+          "default": "Inserisci almeno {{minLength}} caratteri",
+          "number": "un numero",
+          "capital-case": "un carattere maiuscolo",
+          "special-character": "un carattere speciale"
+        },
+        "password-short": "Password molto debole",
+        "password-bad": "Password debole",
+        "password-good": "Password sicura",
+        "password-strong": "Password molto sicura"
+      },
       "increase-value": "Aumenta valore",
       "decrease-value": "Diminuisci valore",
       "upload": "Upload",
@@ -76,16 +98,63 @@
       "website-search": "Cerca nel sito",
       "navigation-path": "Percorso di navigazione"
     },
+    "navbar": {
+      "aria-label-main": "Navigazione principale",
+      "aria-label-toggle": "Mostra/Nascondi la navigazione",
+      "hide": "Nascondi la navigazione"
+    },
     "utils": {
       "selected": "Selezionata",
       "language-selection": "Selezione lingua: {{lang}}",
       "select-language": "Seleziona una lingua",
-      "404": {
-        "title": "Risorsa non trovata",
-        "description": "Oops! La risorsa che cerchi non è stata trovata, torna alla homepage e utilizza il menu per continuare la navigazione.",
-        "go-back": "Torna indietro",
+      "error-page": {
+        "404": {
+          "title": "Risorsa non trovata",
+          "description": "Oops! La risorsa che cerchi non è stata trovata, torna alla homepage e utilizza il menu per continuare la navigazione."
+        },
+        "403": {
+          "title": "Non autorizzato",
+          "description": "Non sei autorizzato ad accedere a questa risorsa!"
+        },
+        "500": {
+          "title": "Si è verificato un errore",
+          "description": "Si è verificato un errore imprevisto. Riprova più tardi o contatta il supporto."
+        },
         "go-to-homepage": "Torna alla homepage"
       }
+    },
+    "date-ago-pipe": {
+      "just-now": "Proprio adesso",
+      "singular-year-ago": "{{count}} anno fa",
+      "year-ago": "{{count}} anni fa",
+      "singular-month-ago": "{{count}} mese fa",
+      "month-ago": "{{count}} mesi fa",
+      "singular-week-ago": "{{count}} settimana fa",
+      "week-ago": "{{count}} settimane fa",
+      "singular-day-ago": "{{count}} giorno fa",
+      "day-ago": "{{count}} giorni fa",
+      "singular-hour-ago": "{{count}} ora fa",
+      "hour-ago": "{{count}} ore fa",
+      "singular-minute-ago": "{{count}} minuto fa",
+      "minute-ago": "{{count}} minuti fa",
+      "singular-second-ago": "{{count}} secondo fa",
+      "second-ago": "{{count}} secondi fa"
+    },
+    "duration": {
+      "second": "{{count}} secondo",
+      "seconds": "{{count}} secondi",
+      "minute": "{{count}} minuto",
+      "minutes": "{{count}} minuti",
+      "hour": "{{count}} ora",
+      "hours": "{{count}} ore",
+      "day": "{{count}} giorno",
+      "days": "{{count}} giorni",
+      "week": "{{count}} settimana",
+      "weeks": "{{count}} settimane",
+      "month": "{{count}} mese",
+      "months": "{{count}} mesi",
+      "year": "{{count}} anno",
+      "years": "{{count}} anni"
     }
   }
 }