@onemrvapublic/design-system 1.0.0-beta.4 → 1.0.0-develop.1

package/README.md

@@ -2,7 +2,9 @@
 
 This design system (DS) is part of
 the ONEM architecture to ensure smooth
-building of applications on the new stackk
+building of applications on the new stack.
+
+[//]: # 'Trigger build'
 
 ## Versioning
 
@@ -10,15 +12,15 @@ In our goal to create a smoother release process experience
 you will notice our versioning has changed
 we will now be working with beta versions to continuously deploy.
 
-### Major
+### Major - Breaking Change
 
 The major will always be aligned with the Angular major version.
 
-### Minor
+### Minor - Feature Added
 
 This is where we will upgrade functionalities
 
-### Patch
+### Patch - Fix
 
 This is where we will implement bugfixes
 
@@ -26,3 +28,6 @@ This is where we will implement bugfixes
 
 For support questions, you can create jira tickets now.
 If you need access to our design system board, send us a message.
+
+@Thibaut Colson (FR/EN)
+@Bram Decuypere (NL/EN)

package/assets/i18n/de.json

@@ -1,5 +1,61 @@
 {
   "demo.title": "Design System",
+  "error": {
+    "500": {
+      "h1": "Ups...",
+      "h2": "Fehler 500 - Interner Serverfehler",
+      "p": "Entschuldigung, es ist ein Problem auf unserer Seite aufgetreten. Bitte versuchen Sie es später erneut.",
+      "ori": "wordless.svg"
+    },
+    "404": {
+      "h1": "Ups...",
+      "h2": "Fehler 404 - Seite nicht gefunden",
+      "p": "Entschuldigung, die Seite, die Sie suchen, existiert nicht. Sie wurde möglicherweise entfernt oder ist vorübergehend nicht verfügbar.",
+      "ori": "alone.svg"
+    },
+    "403": {
+      "h1": "Zugriff verweigert",
+      "h2": "Fehler 403 - Verboten",
+      "p": "Sie haben keine Berechtigung, auf diese Ressource zuzugreifen. Bitte kontaktieren Sie den Support, wenn Sie glauben, dass dies ein Fehler ist.",
+      "ori": "error.svg"
+    },
+    "401": {
+      "h1": "Nicht autorisiert",
+      "h2": "Fehler 401 - Nicht autorisierter Zugriff",
+      "p": "Sie müssen sich anmelden, um auf diese Seite zuzugreifen. Bitte authentifizieren Sie sich und versuchen Sie es erneut.",
+      "ori": "error.svg"
+    },
+    "400": {
+      "h1": "Ungültige Anfrage",
+      "h2": "Fehler 400 - Ungültige Anfrage",
+      "p": "Der Server konnte Ihre Anfrage nicht verstehen. Bitte überprüfen Sie Ihre Eingaben und versuchen Sie es erneut.",
+      "ori": "desperate.svg"
+    },
+    "503": {
+      "h1": "Dienst nicht verfügbar",
+      "h2": "Fehler 503 - Dienst nicht verfügbar",
+      "p": "Unsere Server werden derzeit gewartet oder sind überlastet. Bitte versuchen Sie es später erneut.",
+      "ori": "star-eyes.svg"
+    },
+    "502": {
+      "h1": "Ungültiges Gateway",
+      "h2": "Fehler 502 - Ungültiges Gateway",
+      "p": "Der Server hat eine ungültige Antwort von einem Upstream-Server erhalten. Bitte versuchen Sie es später erneut.",
+      "ori": "error.svg"
+    },
+    "408": {
+      "h1": "Zeitüberschreitung",
+      "h2": "Fehler 408 - Anfragezeitüberschreitung",
+      "p": "Ihre Anfrage hat zu lange gedauert. Bitte versuchen Sie es erneut.",
+      "ori": "thumb-down.svg"
+    },
+    "429": {
+      "h1": "Zu viele Anfragen",
+      "h2": "Fehler 429 - Zu viele Anfragen",
+      "p": "Sie haben zu viele Anfragen in kurzer Zeit gesendet. Bitte warten Sie und versuchen Sie es später erneut.",
+      "ori": "thumb-down.svg"
+    }
+  },
   "404": {
     "oops": "oops",
     "title": "Fehler 404 - Seite nicht gefunden!",
@@ -34,7 +90,9 @@
       "remove": "Löschen",
       "cancel": "Abbrechen",
       "retry": "Erneut versuchen",
-      "or": "oder"
+      "or": "oder",
+      "too.many.files": "Limit von {{limit}} Datei(en) erreicht",
+      "total.max.size.exceeded": "Die gesamte Dateigröße überschreitet das zulässige Limit von {{ maxTotalFileSize }}"
     }
   },
   "select": {
@@ -42,10 +100,17 @@
     "deselect.all": "Deselect All",
     "search": {
       "filter": "Forschen",
-      "notFound": "Kein Ergebnis"
+      "notFound": "Kein Ergebnis",
+      "not.found": "Kein Ergebnis"
     }
   },
   "layout": {
+    "mode": {
+      "select": "Modus auswählen",
+      "dark": "Dunkler Modus",
+      "light": "Heller Modus",
+      "system": "Nach System"
+    },
     "profile": "Profile",
     "login": "Login",
     "logout": "Logout",
@@ -68,19 +133,26 @@
     "nonEquilibriumThermodynamics": "Non-equilibrium thermodynamics"
   },
   "input": {
+    "bank": {
+      "length": "Falsche Anzahl von Ziffern für dieses Land",
+      "checksum": "Die Bankkontonummer ist ungültig",
+      "invalid": "Feld erforderlich"
+    },
     "phone": {
-      "required": "Field required",
-      "invalid": "Field invalid",
-      "notFound": "Not found",
-      "search": "Search",
-      "label": "Phone number",
-      "hint": "Start with 0 for belgian phone numbers"
+      "required": "Feld erforderlich",
+      "invalid": "Ungültiges Feld",
+      "notFound": "Nicht gefunden",
+      "not.found": "Nicht gefunden",
+      "search": "Suchen",
+      "label": "Telefonnummer",
+      "hint": "Beginnen Sie mit 0 für belgische Telefonnummern"
     }
   },
   "copied.to.clipboard": "In Zwischenablage kopiert",
-  "carousel": {
-    "next": "Nächste",
-    "previous": "Vorherige",
-    "goto": "Gehe zu"
+  "today": "Heute",
+  "bankAccountInput": {
+    "length": "Falsche Anzahl von Ziffern für dieses Land",
+    "wrong-iban-checksum": "Die Bankkontonummer ist ungültig",
+    "invalid": "Feld erforderlich"
   }
 }

package/assets/i18n/en.json

@@ -1,5 +1,61 @@
 {
   "demo.title": "Design System",
+  "error": {
+    "500": {
+      "h1": "Oops...",
+      "h2": "Error 500 - Internal Server Error",
+      "p": "We’re sorry, but something went wrong on our end. Please try again later.",
+      "ori": "wordless.svg"
+    },
+    "404": {
+      "h1": "Oops...",
+      "h2": "Error 404 - Page Not Found",
+      "p": "We’re sorry, but the page you’re looking for doesn’t exist. It might have been removed or is temporarily unavailable.",
+      "ori": "alone.svg"
+    },
+    "403": {
+      "h1": "Access Denied",
+      "h2": "Error 403 - Forbidden",
+      "p": "You do not have permission to access this resource. Please contact support if you believe this is an error.",
+      "ori": "error.svg"
+    },
+    "401": {
+      "h1": "Unauthorized",
+      "h2": "Error 401 - Unauthorized Access",
+      "p": "You need to log in to access this page. Please authenticate and try again.",
+      "ori": "error.svg"
+    },
+    "400": {
+      "h1": "Invalid Request",
+      "h2": "Error 400 - Bad Request",
+      "p": "The server couldn’t understand your request. Please check your input and try again.",
+      "ori": "desperate.svg"
+    },
+    "503": {
+      "h1": "Service Unavailable",
+      "h2": "Error 503 - Service Unavailable",
+      "p": "Our servers are currently under maintenance or overloaded. Please try again later.",
+      "ori": "star-eyes.svg"
+    },
+    "502": {
+      "h1": "Bad Gateway",
+      "h2": "Error 502 - Bad Gateway",
+      "p": "The server received an invalid response from an upstream server. Please try again later.",
+      "ori": "error.svg"
+    },
+    "408": {
+      "h1": "Request Timeout",
+      "h2": "Error 408 - Request Timeout",
+      "p": "Your request took too long to process. Please try again.",
+      "ori": "thumb-down.svg"
+    },
+    "429": {
+      "h1": "Too Many Requests",
+      "h2": "Error 429 - Too Many Requests",
+      "p": "You’ve made too many requests in a short period. Please wait and try again later.",
+      "ori": "thumb-down.svg"
+    }
+  },
   "404": {
     "oops": "Oops",
     "title": "Error 404 - Page not found!",
@@ -34,7 +90,9 @@
       "remove": "Remove",
       "cancel": "Cancel",
       "retry": "Retry",
-      "or": "or"
+      "or": "or",
+      "too.many.files": "Limit of {{limit}} file(s) reached",
+      "total.max.size.exceeded": "The total file size exceeds the allowed limit of {{ maxTotalFileSize }}"
     }
   },
   "select": {
@@ -42,10 +100,17 @@
     "deselect.all": "Deselect All",
     "search": {
       "filter": "Search",
-      "notFound": "Not found"
+      "notFound": "Not found",
+      "not.found": "Not found"
     }
   },
   "layout": {
+    "mode": {
+      "select": "Choose mode",
+      "dark": "Dark mode",
+      "light": "Light mode",
+      "system": "Follow system"
+    },
     "profile": "Profile",
     "login": "Login",
     "logout": "Logout",
@@ -68,19 +133,26 @@
     "nonEquilibriumThermodynamics": "Non-equilibrium thermodynamics"
   },
   "input": {
+    "bank": {
+      "length": "Incorrect number of digits for this country",
+      "checksum": "Bank account number invalid",
+      "invalid": "Field required"
+    },
     "phone": {
       "required": "Field required",
       "invalid": "Field invalid",
       "notFound": "Not found",
+      "not.found": "Not found",
       "search": "Search",
       "label": "Phone number",
       "hint": "Start with 0 for belgian phone numbers"
     }
   },
   "copied.to.clipboard": "Copied to clipboard",
-  "carousel": {
-    "next": "Next",
-    "previous": "Previous",
-    "goto": "Go to"
+  "today": "Today",
+  "bankAccountInput": {
+    "length": "Incorrect number of digits for this country",
+    "wrong-iban-checksum": "Bank account number invalid",
+    "invalid": "Field required"
   }
 }

package/assets/i18n/fr.json

@@ -1,5 +1,61 @@
 {
   "demo.title": "Design System",
+  "error": {
+    "500": {
+      "h1": "Oups...",
+      "h2": "Erreur 500 - Erreur interne du serveur",
+      "p": "Nous sommes désolés, mais une erreur est survenue de notre côté. Veuillez réessayer plus tard.",
+      "ori": "wordless.svg"
+    },
+    "404": {
+      "h1": "Oups...",
+      "h2": "Erreur 404 - Page non trouvée",
+      "p": "Nous sommes désolés, mais la page que vous recherchez n’existe pas. Elle a peut-être été supprimée ou est temporairement indisponible.",
+      "ori": "alone.svg"
+    },
+    "403": {
+      "h1": "Accès refusé",
+      "h2": "Erreur 403 - Interdit",
+      "p": "Vous n’avez pas la permission d’accéder à cette ressource. Veuillez contacter le support si vous pensez qu’il s’agit d’une erreur.",
+      "ori": "error.svg"
+    },
+    "401": {
+      "h1": "Non autorisé",
+      "h2": "Erreur 401 - Accès non autorisé",
+      "p": "Vous devez vous connecter pour accéder à cette page. Veuillez vous authentifier et réessayer.",
+      "ori": "error.svg"
+    },
+    "400": {
+      "h1": "Requête invalide",
+      "h2": "Erreur 400 - Mauvaise requête",
+      "p": "Le serveur n’a pas pu comprendre votre requête. Veuillez vérifier vos données et réessayer.",
+      "ori": "desperate.svg"
+    },
+    "503": {
+      "h1": "Service indisponible",
+      "h2": "Erreur 503 - Service indisponible",
+      "p": "Nos serveurs sont actuellement en maintenance ou surchargés. Veuillez réessayer plus tard.",
+      "ori": "star-eyes.svg"
+    },
+    "502": {
+      "h1": "Mauvaise passerelle",
+      "h2": "Erreur 502 - Mauvaise passerelle",
+      "p": "Le serveur a reçu une réponse invalide d’un serveur en amont. Veuillez réessayer plus tard.",
+      "ori": "error.svg"
+    },
+    "408": {
+      "h1": "Délai dépassé",
+      "h2": "Erreur 408 - Délai d’attente dépassé",
+      "p": "Votre requête a mis trop de temps à être traitée. Veuillez réessayer.",
+      "ori": "thumb-down.svg"
+    },
+    "429": {
+      "h1": "Trop de requêtes",
+      "h2": "Erreur 429 - Trop de requêtes",
+      "p": "Vous avez envoyé trop de requêtes dans un court laps de temps. Veuillez attendre et réessayer plus tard.",
+      "ori": "thumb-down.svg"
+    }
+  },
   "404": {
     "oops": "Oups",
     "title": "Erreur 404 - Page introuvable!",
@@ -25,7 +81,7 @@
       "drag.and.drop": "Déposez vos fichiers ici",
       "browse.for.file": "Parcourir les fichiers",
       "type.not.supported": "Type de fichier non supporté",
-      "too.big": "Le fichier dépasse la limit de",
+      "too.big": "Le fichier dépasse la limit de {{ limit }}",
       "maximum": "Maximum",
       "delete": "Effacer",
       "error.occurred": "Une erreur est survenue, veuillez recommencer",
@@ -34,7 +90,9 @@
       "remove": "Retirer",
       "cancel": "Annuler",
       "retry": "Recommencer",
-      "or": "ou"
+      "or": "ou",
+      "too.many.files": "Limite de {{limit}} fichier(s) atteinte",
+      "total.max.size.exceeded": "La taille totale des fichiers dépasse la limite autorisée de {{ maxTotalFileSize }}"
     }
   },
   "select": {
@@ -42,10 +100,17 @@
     "deselect.all": "Tout désélectionner",
     "search": {
       "filter": "Rechercher",
-      "notFound": "Pas de résultat"
+      "notFound": "Pas de résultat",
+      "not.found": "Pas de résultat"
     }
   },
   "layout": {
+    "mode": {
+      "select": "Choix du mode",
+      "dark": "Mode sombre",
+      "light": "Mode clair",
+      "system": "Suivant le système"
+    },
     "profile": "Profile",
     "login": "Connexion",
     "logout": "Déconnexion",
@@ -68,19 +133,26 @@
     "nonEquilibriumThermodynamics": "Non-equilibrium thermodynamics"
   },
   "input": {
+    "bank": {
+      "length": "Nombre de chiffres incorrect pour ce pays",
+      "checksum": "Le numéro de compte bancaire est invalide",
+      "invalid": "Champ requis"
+    },
     "phone": {
       "required": "Champs requis",
       "invalid": "Champs invalide",
       "notFound": "Introuvable",
+      "not.found": "Introuvable",
       "search": "Rechercher",
       "label": "Téléphone",
       "hint": "Start with 0 for belgian phone numbers"
     }
   },
   "copied.to.clipboard": "Copié dans le presse-papier",
-  "carousel": {
-    "next": "Suivant",
-    "previous": "Précédent",
-    "goto": "Aller à"
+  "today": "Aujourd'hui",
+  "bankAccountInput": {
+    "length": "Nombre de chiffres incorrect pour ce pays",
+    "wrong-iban-checksum": "Le numéro de compte bancaire est invalide",
+    "invalid": "Champ requis"
   }
 }

package/assets/i18n/nl.json

@@ -1,5 +1,61 @@
 {
   "demo.title": "Ontwerpsysteem",
+  "error": {
+    "500": {
+      "h1": "Oeps...",
+      "h2": "Fout 500 - Interne serverfout",
+      "p": "Onze excuses, er is iets misgegaan aan onze kant. Probeer het later opnieuw.",
+      "ori": "wordless.svg"
+    },
+    "404": {
+      "h1": "Oeps...",
+      "h2": "Fout 404 - Pagina niet gevonden",
+      "p": "Onze excuses, de pagina die u zoekt bestaat niet. Deze is mogelijk verwijderd of tijdelijk niet beschikbaar.",
+      "ori": "alone.svg"
+    },
+    "403": {
+      "h1": "Toegang geweigerd",
+      "h2": "Fout 403 - Verboden",
+      "p": "U heeft geen toestemming om deze bron te bekijken. Neem contact op met de ondersteuning als u denkt dat dit een fout is.",
+      "ori": "error.svg"
+    },
+    "401": {
+      "h1": "Niet geautoriseerd",
+      "h2": "Fout 401 - Niet gemachtigde toegang",
+      "p": "U moet inloggen om toegang te krijgen tot deze pagina. Gelieve in te loggen en het opnieuw te proberen.",
+      "ori": "error.svg"
+    },
+    "400": {
+      "h1": "Ongeldige aanvraag",
+      "h2": "Fout 400 - Foute aanvraag",
+      "p": "De server kon uw verzoek niet begrijpen. Controleer uw invoer en probeer het opnieuw.",
+      "ori": "desperate.svg"
+    },
+    "503": {
+      "h1": "Dienst niet beschikbaar",
+      "h2": "Fout 503 - Dienst niet beschikbaar",
+      "p": "Onze servers zijn momenteel in onderhoud of overbelast. Probeer het later opnieuw.",
+      "ori": "star-eyes.svg"
+    },
+    "502": {
+      "h1": "Ongeldige gateway",
+      "h2": "Fout 502 - Ongeldige gateway",
+      "p": "De server heeft een ongeldige reactie ontvangen van een upstream server. Probeer het later opnieuw.",
+      "ori": "error.svg"
+    },
+    "408": {
+      "h1": "Time-out",
+      "h2": "Fout 408 - Verzoek time-out",
+      "p": "Uw verzoek duurde te lang. Probeer het opnieuw.",
+      "ori": "thumb-down.svg"
+    },
+    "429": {
+      "h1": "Te veel verzoeken",
+      "h2": "Fout 429 - Te veel verzoeken",
+      "p": "U heeft te veel verzoeken verstuurd in een korte tijd. Wacht alstublieft en probeer het later opnieuw.",
+      "ori": "thumb-down.svg"
+    }
+  },
   "404": {
     "oops": "Oops",
     "title": "Fout 404 - Pagina niet gevonden!",
@@ -34,7 +90,9 @@
       "remove": "Verwijderen",
       "cancel": "Annuleren",
       "retry": "Opnieuw proberen",
-      "of": "of"
+      "of": "of",
+      "too.many.files": "Limiet van {{limit}} bestand(en) bereikt",
+      "total.max.size.exceeded": "De totale bestandsgrootte overschrijdt de toegestane limiet van {{ maxTotalFileSize }}"
     }
   },
   "select": {
@@ -42,10 +100,17 @@
     "deselect.all": "Deselect All",
     "search": {
       "filter": "Zoeken",
-      "notFound": "Geen resultaten"
+      "notFound": "Geen resultaten",
+      "not.found": "Geen resultaten"
     }
   },
   "layout": {
+    "mode": {
+      "select": "Keuze van modus",
+      "dark": "Donkere modus",
+      "light": "Lichte modus",
+      "system": "Volg systeeminstellingen"
+    },
     "profile": "Profile",
     "login": "Login",
     "logout": "Logout",
@@ -67,19 +132,26 @@
     "nonEquilibriumThermodynamics": "Non-equilibrium thermodynamics"
   },
   "input": {
+    "bank": {
+      "length": "Onjuist aantal cijfers voor dit land",
+      "checksum": "Bankrekeningnummer is ongeldig",
+      "invalid": "Veld verplicht"
+    },
     "phone": {
-      "required": "Field required",
-      "invalid": "Field invalid",
-      "notFound": "Not found",
-      "search": "Search",
-      "label": "Phone number",
-      "hint": "Start with 0 for belgian phone numbers"
+      "required": "Veld vereist",
+      "invalid": "Ongeldig veld",
+      "notFound": "Niet gevonden",
+      "not.found": "Niet gevonden",
+      "search": "Zoeken",
+      "label": "Telefoonnummer",
+      "hint": "Begin met 0 voor Belgische telefoonnummers"
     }
   },
   "copied.to.clipboard": "Naar klembord gekopieerd",
-  "carousel": {
-    "next": "Volgende",
-    "previous": "Vorige",
-    "goto": "Ga naar"
+  "today": "Vandaag",
+  "bankAccountInput": {
+    "length": "Onjuist aantal cijfers voor dit land",
+    "wrong-iban-checksum": "Bankrekeningnummer is ongeldig",
+    "invalid": "Veld verplicht"
   }
 }

package/fesm2022/onemrvapublic-design-system-flag-icon.mjs

@@ -0,0 +1,49 @@
+import * as i0 from '@angular/core';
+import { inject, Input, Component } from '@angular/core';
+import { NgOptimizedImage } from '@angular/common';
+import { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';
+
+class FlagIconComponent {
+    constructor() {
+        this.countryCode = 'xx';
+        this.mode = 'rectangle';
+        this.width = 26;
+        this.height = this.width;
+        this.cdn = inject(OnemRvaCDNService);
+        this.cdnUrl = this.cdn.getUrl();
+        if (this.mode === 'rectangle') {
+            this.height = this.width / 1.33;
+        }
+    }
+    get normalizedCountryCode() {
+        return (this.countryCode?.trim() || 'xx').toLowerCase();
+    }
+    get modeValue() {
+        if (this.mode === 'rectangle') {
+            return '4x3';
+        }
+        return '1x1';
+    }
+    get url() {
+        return `${this.cdnUrl}/img/flags/${this.modeValue}/${this.normalizedCountryCode}.svg`;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: FlagIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: FlagIconComponent, isStandalone: true, selector: "flag-icon", inputs: { countryCode: "countryCode", mode: "mode", width: "width" }, ngImport: i0, template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"], dependencies: [{ kind: "directive", type: NgOptimizedImage, selector: "img[ngSrc]", inputs: ["ngSrc", "ngSrcset", "sizes", "width", "height", "decoding", "loading", "priority", "loaderParams", "disableOptimizedSrcset", "fill", "placeholder", "placeholderConfig", "src", "srcset"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: FlagIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'flag-icon', standalone: true, imports: [NgOptimizedImage], template: "<span\n  [class]=\"{\n    fi: true,\n    fis: mode === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width\"\n    [height]=\"height\"\n  />\n</span>\n", styles: [":host .fi{position:relative;display:inline-flex;margin-right:6px;vertical-align:middle}:host .fi.fis{width:1em}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { countryCode: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], width: [{
+                type: Input
+            }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FlagIconComponent };
+//# sourceMappingURL=onemrvapublic-design-system-flag-icon.mjs.map

package/fesm2022/onemrvapublic-design-system-flag-icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"onemrvapublic-design-system-flag-icon.mjs","sources":["../../../../projects/onemrva/design-system/flag-icon/src/flag-icon.component.ts","../../../../projects/onemrva/design-system/flag-icon/src/flag-icon.component.html","../../../../projects/onemrva/design-system/flag-icon/onemrvapublic-design-system-flag-icon.ts"],"sourcesContent":["import { Component, inject, Input } from '@angular/core';\nimport { NgOptimizedImage } from '@angular/common';\nimport { OnemRvaCDNService } from '@onemrvapublic/design-system/shared';\n\n@Component({\n  selector: 'flag-icon',\n  standalone: true,\n  imports: [NgOptimizedImage],\n  templateUrl: './flag-icon.component.html',\n  styleUrl: './flag-icon.component.scss',\n})\nexport class FlagIconComponent {\n  @Input() countryCode?: string | null | undefined = 'xx';\n\n  @Input() mode: 'square' | 'rectangle' = 'rectangle';\n\n  @Input() width = 26;\n  height: number = this.width;\n\n  private readonly cdnUrl: string;\n  private cdn = inject(OnemRvaCDNService);\n\n  constructor() {\n    this.cdnUrl = this.cdn.getUrl();\n    if (this.mode === 'rectangle') {\n      this.height = this.width / 1.33;\n    }\n  }\n\n  get normalizedCountryCode() {\n    return (this.countryCode?.trim() || 'xx').toLowerCase();\n  }\n\n  get modeValue() {\n    if (this.mode === 'rectangle') {\n      return '4x3';\n    }\n    return '1x1';\n  }\n\n  get url() {\n    return `${this.cdnUrl}/img/flags/${this.modeValue}/${this.normalizedCountryCode}.svg`;\n  }\n}\n","<span\n  [class]=\"{\n    fi: true,\n    fis: mode === 'square',\n  }\"\n>\n  <img\n    [alt]=\"normalizedCountryCode\"\n    loading=\"lazy\"\n    [ngSrc]=\"url\"\n    [width]=\"width\"\n    [height]=\"height\"\n  />\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAWa,iBAAiB,CAAA;AAW5B,IAAA,WAAA,GAAA;QAVS,IAAA,CAAA,WAAW,GAA+B,IAAI;QAE9C,IAAA,CAAA,IAAI,GAA2B,WAAW;QAE1C,IAAA,CAAA,KAAK,GAAG,EAAE;AACnB,QAAA,IAAA,CAAA,MAAM,GAAW,IAAI,CAAC,KAAK;AAGnB,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;QAGrC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE;AAC/B,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;YAC7B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI;;;AAInC,IAAA,IAAI,qBAAqB,GAAA;AACvB,QAAA,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,IAAI,EAAE,WAAW,EAAE;;AAGzD,IAAA,IAAI,SAAS,GAAA;AACX,QAAA,IAAI,IAAI,CAAC,IAAI,KAAK,WAAW,EAAE;AAC7B,YAAA,OAAO,KAAK;;AAEd,QAAA,OAAO,KAAK;;AAGd,IAAA,IAAI,GAAG,GAAA;AACL,QAAA,OAAO,CAAA,EAAG,IAAI,CAAC,MAAM,CAAA,WAAA,EAAc,IAAI,CAAC,SAAS,CAAA,CAAA,EAAI,IAAI,CAAC,qBAAqB,MAAM;;8GA9B5E,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX9B,qOAcA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDPY,gBAAgB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,cAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;2FAIf,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAP7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,CAAC,EAAA,QAAA,EAAA,qOAAA,EAAA,MAAA,EAAA,CAAA,mHAAA,CAAA,EAAA;wDAKlB,WAAW,EAAA,CAAA;sBAAnB;gBAEQ,IAAI,EAAA,CAAA;sBAAZ;gBAEQ,KAAK,EAAA,CAAA;sBAAb;;;AEhBH;;AAEG;;;;"}