@testgorilla/tgo-ui 2.23.32 → 2.23.34

package/fesm2022/testgorilla-tgo-ui.mjs

@@ -1388,7 +1388,7 @@ var FILE_UPLOAD$b = {
 var NAVBAR$b = {
 	LOG_OUT: "Log out"
 };
-var PASSWORD = {
+var PASSWORD$b = {
 	LOWERCASE: "Contains at least one lowercase",
 	UPPERCASE: "Contains at least one uppercase",
 	NUMBER: "Contains at least one number",
@@ -1396,7 +1396,7 @@ var PASSWORD = {
 	CHARACTERS: "Contains at least 12 characters",
 	PASSWORD_PLACEHOLDER: "Password"
 };
-var ERRORS = {
+var ERRORS$b = {
 	REQUIRED: "This field is required",
 	REQUIRED_FIELD: "This field is required - ({{label}})",
 	MAX_LENGTH: "Please enter a value with a maximum length of ({{maxlength}}) characters",
@@ -1405,17 +1405,17 @@ var ERRORS = {
 	MIN: "Please enter a value with a minimum value of ({{min}})",
 	EMAIL_INCORRECT: "Please use a valid email address"
 };
-var SCALE_TABLE = {
+var SCALE_TABLE$b = {
 	HIGHEST: "Very Important",
 	LOWEST: "Not at all Important"
 };
-var BUTTON = {
+var BUTTON$b = {
 	PREMIUM_FEATURE: "Premium Feature"
 };
-var MENU = {
+var MENU$b = {
 	MENUITEM_DISABLED: "This menu item is disabled"
 };
-var ALERT_BANNER = {
+var ALERT_BANNER$b = {
 	INFO: "Information:",
 	WARNING: "Warning:",
 	ERROR: "Error:",
@@ -1432,12 +1432,12 @@ var en = {
 	FIELD: FIELD$b,
 	FILE_UPLOAD: FILE_UPLOAD$b,
 	NAVBAR: NAVBAR$b,
-	PASSWORD: PASSWORD,
-	ERRORS: ERRORS,
-	SCALE_TABLE: SCALE_TABLE,
-	BUTTON: BUTTON,
-	MENU: MENU,
-	ALERT_BANNER: ALERT_BANNER
+	PASSWORD: PASSWORD$b,
+	ERRORS: ERRORS$b,
+	SCALE_TABLE: SCALE_TABLE$b,
+	BUTTON: BUTTON$b,
+	MENU: MENU$b,
+	ALERT_BANNER: ALERT_BANNER$b
 };
 
 var SNACKBAR$a = {
@@ -1448,7 +1448,8 @@ var AUTOCOMPLETE$a = {
 	SELECTED: "Seleccionado",
 	SUGGESTED: "Sugerido",
 	ALL_ITEMS: "Todos los elementos",
-	NO_RESULTS_FOUND: "No se han encontrado resultados."
+	NO_RESULTS_FOUND: "No se han encontrado resultados.",
+	MAX_SELECTED_ERROR: "Has alcanzado el máximo de ({{max}}) etiquetas. Elimina una etiqueta para añadir otra."
 };
 var STEPPER$a = {
 	FINAL_STEP: "Último paso"
@@ -1459,7 +1460,7 @@ var SLIDER$a = {
 };
 var DATEPICKER$a = {
 	START_DATE: "Fecha de inicio",
-	END_DATE: "Fecha final"
+	END_DATE: "Fecha de finalización"
 };
 var COMMON$a = {
 	APPLY: "Aplicar",
@@ -1475,16 +1476,16 @@ var COMMON$a = {
 	SUBMIT: "Enviar",
 	EMAIL: "Correo electrónico",
 	OK: "OK",
-	REMOVE: "Remover",
+	REMOVE: "Eliminar",
 	TEST: "prueba",
-	MAYBE: "Tal vez",
-	BACK: "Volver",
+	MAYBE: "Quizás",
+	BACK: "Espalda",
 	SAVE: "Guardar",
-	SAVING: "Guardando",
+	SAVING: "Ahorro",
 	DELETE: "Eliminar",
 	SELECT: "Seleccionar",
 	SEND: "Enviar",
-	"N/A": "N/A",
+	"N/A": "N/C",
 	EDIT: "Editar",
 	SKIP: "Omitir",
 	SEARCH: "Buscar",
@@ -1493,28 +1494,70 @@ var COMMON$a = {
 	OR_DIVIDER: "o",
 	ADD: "Añadir",
 	NO_RESULTS: "Sin resultados",
-	MAX: "Max",
+	MAX: "Máximo",
 	MIN: "Min",
-	CLEAR: "Borrar"
+	CLEAR: "Borrar",
+	PHONE_NUMBER: "Número de teléfono",
+	ON: "Encendido",
+	OFF: "Apagado"
 };
 var DIALOG$a = {
-	CLOSE_LABEL: "Cerrar diálogo"
+	CLOSE_LABEL: "Cerrar diálogo",
+	CLOSED: "Diálogo cerrado"
 };
 var FIELD$a = {
 	VIEW_PASSWORD: "Ver contraseña"
 };
 var FILE_UPLOAD$a = {
+	DRAG_AND_DROP: "Arrastre y suelte el archivo aquí o haga clic para subirlo",
 	DRAG_AND_DROP_OR: "Arrastrar y soltar o",
 	BROWSE: "Explorar",
-	YOUR_FILES: "Tus archivos",
+	YOUR_FILES: "tus archivos",
 	MAX_SIZE: "Tamaño máximo de archivo en MB.",
+	MIN_SIZE: "Tamaño mínimo del archivo en MB",
+	MIN_SIZE_ERROR: "Sube un archivo con un tamaño mayor a ({{min}} MB)",
 	UPLOADING: "Subiendo",
-	SUPPORTED_FILE_TYPES: "Tipos de archivo compatibles:",
-	CHANGE: "Cambiar"
+	SUPPORTED_FILE_TYPES: "Tipos de archivo admitidos:",
+	CHANGE: "Cambiar",
+	FILE_UPLOADING_SUCCESS: "Archivo cargado exitosamente",
+	CHOOSE_FILE: "Elegir archivo: Ningún archivo ha sido elegido"
 };
 var NAVBAR$a = {
 	LOG_OUT: "Cerrar sesión"
 };
+var PASSWORD$a = {
+	LOWERCASE: "Contiene al menos una letra minúscula",
+	UPPERCASE: "Contiene al menos una letra mayúscula",
+	NUMBER: "Contiene al menos un número",
+	SPECIAL_CHARACTER: "Contiene al menos un carácter especial.",
+	CHARACTERS: "Contiene al menos 12 caracteres",
+	PASSWORD_PLACEHOLDER: "Contraseña"
+};
+var ERRORS$a = {
+	REQUIRED: "Este campo es obligatorio",
+	REQUIRED_FIELD: "Este campo es obligatorio - ({{label}})",
+	MAX_LENGTH: "Por favor, introduce un valor con un máximo de ({{maxlength}}) caracteres",
+	MIN_LENGTH: "Introduce un valor con un mínimo de ({{maxlength}}) caracteres",
+	MAX: "Por favor, introduce un valor con un valor máximo de ({{max}})",
+	MIN: "Por favor, introduce un valor con un valor mínimo de ({{min}})",
+	EMAIL_INCORRECT: "Escribe una dirección de correo electrónico válida"
+};
+var SCALE_TABLE$a = {
+	HIGHEST: "Muy importante",
+	LOWEST: "Nada importante"
+};
+var BUTTON$a = {
+	PREMIUM_FEATURE: "Función Prémium"
+};
+var MENU$a = {
+	MENUITEM_DISABLED: "Esta opción de menú está deshabilitada"
+};
+var ALERT_BANNER$a = {
+	INFO: "Información:",
+	WARNING: "Advertencia:",
+	ERROR: "Error:",
+	SUCCESS: "Éxito:"
+};
 var es = {
 	SNACKBAR: SNACKBAR$a,
 	AUTOCOMPLETE: AUTOCOMPLETE$a,
@@ -1525,25 +1568,32 @@ var es = {
 	DIALOG: DIALOG$a,
 	FIELD: FIELD$a,
 	FILE_UPLOAD: FILE_UPLOAD$a,
-	NAVBAR: NAVBAR$a
+	NAVBAR: NAVBAR$a,
+	PASSWORD: PASSWORD$a,
+	ERRORS: ERRORS$a,
+	SCALE_TABLE: SCALE_TABLE$a,
+	BUTTON: BUTTON$a,
+	MENU: MENU$a,
+	ALERT_BANNER: ALERT_BANNER$a
 };
 
 var SNACKBAR$9 = {
 	DISMISS: "Verwerfen"
 };
 var AUTOCOMPLETE$9 = {
-	SELECTED_AMOUNT: "Ausgewählt ({{numberSelected}})",
+	SELECTED_AMOUNT: "Ausgewählt: {{numberSelected}}",
 	SELECTED: "Ausgewählt",
 	SUGGESTED: "Empfohlen",
-	ALL_ITEMS: "Alle Artikel",
-	NO_RESULTS_FOUND: "Keine Ergebnisse gefunden."
+	ALL_ITEMS: "Alle Elemente",
+	NO_RESULTS_FOUND: "Keine Ergebnisse gefunden.",
+	MAX_SELECTED_ERROR: "Sie haben die maximale Anzahl von ({{max}}) -Tags. Entfernen Sie ein Tag, um ein weiteres hinzuzufügen."
 };
 var STEPPER$9 = {
 	FINAL_STEP: "Letzter Schritt"
 };
 var SLIDER$9 = {
 	MAX_LESS_THAN_MIN: "Der Maximalwert ({{max}}) kann nicht kleiner sein als der aktuelle Minimalwert ({{min}})",
-	MIN_MORE_THAN_MAX: "Der Minimalwert ({{min}}) kann nicht größer sein als der aktuelle Maximalwert ({{max}})"
+	MIN_MORE_THAN_MAX: "Min. Wert ({{min}}) darf nicht höher als der aktuelle Maximalwert ({{max}})"
 };
 var DATEPICKER$9 = {
 	START_DATE: "Startdatum",
@@ -1557,22 +1607,22 @@ var COMMON$9 = {
 	CONTINUE: "Weiter",
 	NEXT: "Weiter",
 	CLOSE: "Schließen",
-	THANK_YOU: "Dankeschön",
+	THANK_YOU: "Vielen Dank",
 	CANCEL: "Abbrechen",
 	CONFIRM: "Bestätigen",
-	SUBMIT: "Einreichen",
+	SUBMIT: "Übermitteln",
 	EMAIL: "E-Mail",
 	OK: "OK",
 	REMOVE: "Entfernen",
-	TEST: "Test",
+	TEST: "test",
 	MAYBE: "Vielleicht",
-	BACK: "Zurück",
+	BACK: "Rücken",
 	SAVE: "Speichern",
 	SAVING: "Wird gespeichert",
 	DELETE: "Löschen",
 	SELECT: "Wählen",
 	SEND: "Senden",
-	"N/A": "K.A.",
+	"N/A": "N/A",
 	EDIT: "Bearbeiten",
 	SKIP: "Überspringen",
 	SEARCH: "Suchen",
@@ -1583,26 +1633,68 @@ var COMMON$9 = {
 	NO_RESULTS: "Keine Ergebnisse",
 	MAX: "Max",
 	MIN: "Min",
-	CLEAR: "Löschen"
+	CLEAR: "Löschen",
+	PHONE_NUMBER: "Telefonnummer",
+	ON: "An",
+	OFF: "Aus"
 };
 var DIALOG$9 = {
-	CLOSE_LABEL: "Dialog schließen"
+	CLOSE_LABEL: "Dialog schließen",
+	CLOSED: "Dialog geschlossen"
 };
 var FIELD$9 = {
 	VIEW_PASSWORD: "Passwort anzeigen"
 };
 var FILE_UPLOAD$9 = {
+	DRAG_AND_DROP: "Ziehen Sie die Datei hierher oder klicken Sie zum Hochladen",
 	DRAG_AND_DROP_OR: "Drag-and-Drop oder",
 	BROWSE: "Durchsuchen",
-	YOUR_FILES: "Ihre Dateien",
+	YOUR_FILES: "ihre Dateien",
 	MAX_SIZE: "MB maximale Dateigröße.",
+	MIN_SIZE: "MB minimale Dateigröße",
+	MIN_SIZE_ERROR: "Laden Sie eine Datei hoch, die größer ist als ({{min}} MB)",
 	UPLOADING: "Upload wird ausgeführt",
 	SUPPORTED_FILE_TYPES: "Unterstützte Dateitypen:",
-	CHANGE: "Ändern"
+	CHANGE: "Ändern",
+	FILE_UPLOADING_SUCCESS: "Datei erfolgreich hochgeladen",
+	CHOOSE_FILE: "Datei auswählen: Keine Datei ausgewählt"
 };
 var NAVBAR$9 = {
 	LOG_OUT: "Abmelden"
 };
+var PASSWORD$9 = {
+	LOWERCASE: "Enthält mindestens einen Kleinbuchstaben",
+	UPPERCASE: "Enthält mindestens einen Großbuchstaben",
+	NUMBER: "Enthält mindestens eine Zahl",
+	SPECIAL_CHARACTER: "Enthält mindestens ein Sonderzeichen",
+	CHARACTERS: "Enthält mindestens 12 Zeichen",
+	PASSWORD_PLACEHOLDER: "Passwort"
+};
+var ERRORS$9 = {
+	REQUIRED: "Dieses Feld wird benötigt",
+	REQUIRED_FIELD: "Dieses Feld ist erforderlich - ({{label}})",
+	MAX_LENGTH: "Bitte geben Sie einen Wert mit einer maximalen Länge von ({{maxlength}}) Zeichen ein.",
+	MIN_LENGTH: "Bitte geben Sie einen Wert mit einer Mindestlänge von ({{maxlength}}) Zeichen ein.",
+	MAX: "Bitte geben Sie einen Wert mit einem Höchstwert von ({{max}}) ein",
+	MIN: "Bitte geben Sie einen Wert mit einem Mindestwert von ({{min}}) ein",
+	EMAIL_INCORRECT: "Bitte geben Sie eine gültige E-Mail-Adresse ein"
+};
+var SCALE_TABLE$9 = {
+	HIGHEST: "Sehr wichtig",
+	LOWEST: "Überhaupt nicht wichtig"
+};
+var BUTTON$9 = {
+	PREMIUM_FEATURE: "Premium-Funktion"
+};
+var MENU$9 = {
+	MENUITEM_DISABLED: "Dieser Menüpunkt ist deaktiviert"
+};
+var ALERT_BANNER$9 = {
+	INFO: "Information:",
+	WARNING: "Warnung:",
+	ERROR: "Fehler:",
+	SUCCESS: "Erfolg:"
+};
 var de = {
 	SNACKBAR: SNACKBAR$9,
 	AUTOCOMPLETE: AUTOCOMPLETE$9,
@@ -1613,7 +1705,13 @@ var de = {
 	DIALOG: DIALOG$9,
 	FIELD: FIELD$9,
 	FILE_UPLOAD: FILE_UPLOAD$9,
-	NAVBAR: NAVBAR$9
+	NAVBAR: NAVBAR$9,
+	PASSWORD: PASSWORD$9,
+	ERRORS: ERRORS$9,
+	SCALE_TABLE: SCALE_TABLE$9,
+	BUTTON: BUTTON$9,
+	MENU: MENU$9,
+	ALERT_BANNER: ALERT_BANNER$9
 };
 
 var SNACKBAR$8 = {
@@ -1624,7 +1722,8 @@ var AUTOCOMPLETE$8 = {
 	SELECTED: "Valgte",
 	SUGGESTED: "Foreslået",
 	ALL_ITEMS: "Alle genstande",
-	NO_RESULTS_FOUND: "Ingen resultater fundet."
+	NO_RESULTS_FOUND: "Ingen resultater fundet.",
+	MAX_SELECTED_ERROR: "Du har nået det maksimale antal ({{max}}) tags. Fjern et tag for at tilføje et andet."
 };
 var STEPPER$8 = {
 	FINAL_STEP: "Sidste trin"
@@ -1649,12 +1748,12 @@ var COMMON$8 = {
 	CANCEL: "Annuller",
 	CONFIRM: "Bekræft",
 	SUBMIT: "Indsend",
-	EMAIL: "E-mail",
+	EMAIL: "E-mailadresse",
 	OK: "OK",
 	REMOVE: "Fjern",
 	TEST: "test",
 	MAYBE: "Måske",
-	BACK: "Tilbage",
+	BACK: "Ryg",
 	SAVE: "Gem",
 	SAVING: "Gemmer",
 	DELETE: "Slet",
@@ -1671,26 +1770,68 @@ var COMMON$8 = {
 	NO_RESULTS: "Ingen resultater",
 	MAX: "Maks",
 	MIN: "Mindst",
-	CLEAR: "Ryd"
+	CLEAR: "Ryd",
+	PHONE_NUMBER: "Telefonnummer",
+	ON: "Tændt",
+	OFF: "Slukket"
 };
 var DIALOG$8 = {
-	CLOSE_LABEL: "Luk dialogboks"
+	CLOSE_LABEL: "Luk dialog",
+	CLOSED: "Dialog lukket"
 };
 var FIELD$8 = {
 	VIEW_PASSWORD: "Se adgangskode"
 };
 var FILE_UPLOAD$8 = {
+	DRAG_AND_DROP: "Træk og slip filen her, eller klik for at uploade",
 	DRAG_AND_DROP_OR: "Træk og slip eller",
 	BROWSE: "Gennemse",
-	YOUR_FILES: "Dine filer",
+	YOUR_FILES: "dine filer",
 	MAX_SIZE: "MB maksimal filstørrelse.",
+	MIN_SIZE: "MB min. filstørrelse",
+	MIN_SIZE_ERROR: "Upload en fil, der er større end ({{min}} MB)",
 	UPLOADING: "Uploader",
 	SUPPORTED_FILE_TYPES: "Understøttede filtyper:",
-	CHANGE: "Ændre"
+	CHANGE: "Ændring",
+	FILE_UPLOADING_SUCCESS: "Filen blev uploadet med succes",
+	CHOOSE_FILE: "Vælg en fil: Ingen fil valgt"
 };
 var NAVBAR$8 = {
 	LOG_OUT: "Log ud"
 };
+var PASSWORD$8 = {
+	LOWERCASE: "Indeholder mindst et lille bogstav",
+	UPPERCASE: "Indeholder mindst et stort bogstav",
+	NUMBER: "Indeholder mindst ét tal",
+	SPECIAL_CHARACTER: "Indeholder mindst ét specialtegn",
+	CHARACTERS: "Indeholder mindst 12 tegn",
+	PASSWORD_PLACEHOLDER: "Adgangskode"
+};
+var ERRORS$8 = {
+	REQUIRED: "Dette felt er obligatorisk",
+	REQUIRED_FIELD: "Dette felt er påkrævet - ({{label}})",
+	MAX_LENGTH: "Indtast venligst en værdi med en maksimal længde på ({{maxlength}}) tegn.",
+	MIN_LENGTH: "Indtast venligst en værdi med en minimumslængde på ({{maxlength}}) tegn.",
+	MAX: "Indtast venligst en værdi med en maksimal værdi på ({{max}})",
+	MIN: "Indtast venligst en værdi med en minimumsværdi på ({{min}})",
+	EMAIL_INCORRECT: "Indtast en gyldig e-mailadresse"
+};
+var SCALE_TABLE$8 = {
+	HIGHEST: "Meget vigtigt",
+	LOWEST: "Slet ikke Vigtigt"
+};
+var BUTTON$8 = {
+	PREMIUM_FEATURE: "Premium-funktion"
+};
+var MENU$8 = {
+	MENUITEM_DISABLED: "Dette menupunkt er deaktiveret"
+};
+var ALERT_BANNER$8 = {
+	INFO: "Information:",
+	WARNING: "Advarsel:",
+	ERROR: "Fejl:",
+	SUCCESS: "Succes:"
+};
 var daDk = {
 	SNACKBAR: SNACKBAR$8,
 	AUTOCOMPLETE: AUTOCOMPLETE$8,
@@ -1701,18 +1842,30 @@ var daDk = {
 	DIALOG: DIALOG$8,
 	FIELD: FIELD$8,
 	FILE_UPLOAD: FILE_UPLOAD$8,
-	NAVBAR: NAVBAR$8
+	NAVBAR: NAVBAR$8,
+	PASSWORD: PASSWORD$8,
+	ERRORS: ERRORS$8,
+	SCALE_TABLE: SCALE_TABLE$8,
+	BUTTON: BUTTON$8,
+	MENU: MENU$8,
+	ALERT_BANNER: ALERT_BANNER$8
 };
 
 var daDk$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    ALERT_BANNER: ALERT_BANNER$8,
     AUTOCOMPLETE: AUTOCOMPLETE$8,
+    BUTTON: BUTTON$8,
     COMMON: COMMON$8,
     DATEPICKER: DATEPICKER$8,
     DIALOG: DIALOG$8,
+    ERRORS: ERRORS$8,
     FIELD: FIELD$8,
     FILE_UPLOAD: FILE_UPLOAD$8,
+    MENU: MENU$8,
     NAVBAR: NAVBAR$8,
+    PASSWORD: PASSWORD$8,
+    SCALE_TABLE: SCALE_TABLE$8,
     SLIDER: SLIDER$8,
     SNACKBAR: SNACKBAR$8,
     STEPPER: STEPPER$8,
@@ -1723,18 +1876,19 @@ var SNACKBAR$7 = {
 	DISMISS: "Ignorer"
 };
 var AUTOCOMPLETE$7 = {
-	SELECTED_AMOUNT: "Sélectionné ({{numberSelected}})",
+	SELECTED_AMOUNT: "Sélectionné : {{numberSelected}}",
 	SELECTED: "Sélectionné",
 	SUGGESTED: "Suggéré",
 	ALL_ITEMS: "Tous les éléments",
-	NO_RESULTS_FOUND: "Aucun résultat n'a été trouvé."
+	NO_RESULTS_FOUND: "Aucun résultat n'a été trouvé.",
+	MAX_SELECTED_ERROR: "Vous avez atteint le maximum de ({{max}}) tags. Supprimez une balise pour en ajouter une autre."
 };
 var STEPPER$7 = {
-	FINAL_STEP: "Dernière étape"
+	FINAL_STEP: "Étape finale"
 };
 var SLIDER$7 = {
-	MAX_LESS_THAN_MIN: "La valeur maximale ({{max}}) ne peut être inférieure à la valeur minimale actuelle ({{min}}).",
-	MIN_MORE_THAN_MAX: "La valeur minimale ({{min}}) ne peut être supérieure à la valeur maximale actuelle ({{max}})."
+	MAX_LESS_THAN_MIN: "La valeur maximale ({{max}}) ne peut être inférieure à la valeur minimale actuelle ({{min}})",
+	MIN_MORE_THAN_MAX: "La valeur minimale ({{min}}) ne peut être supérieure à la valeur maximale actuelle ({{max}})"
 };
 var DATEPICKER$7 = {
 	START_DATE: "Date de début",
@@ -1757,42 +1911,84 @@ var COMMON$7 = {
 	REMOVE: "Retirer",
 	TEST: "test",
 	MAYBE: "Peut-être",
-	BACK: "Retour",
+	BACK: "Dos",
 	SAVE: "Enregistrer",
 	SAVING: "Enregistrement",
 	DELETE: "Supprimer",
 	SELECT: "Sélectionner",
 	SEND: "Envoyer",
-	"N/A": "N/A",
-	EDIT: "Éditer",
-	SKIP: "Passer",
+	"N/A": "S.O.",
+	EDIT: "Modifier",
+	SKIP: "Ignorer",
 	SEARCH: "Rechercher",
-	ROLE: "Rôle",
+	ROLE: "Poste",
 	ALL: "Tous",
 	OR_DIVIDER: "ou",
 	ADD: "Ajouter",
-	NO_RESULTS: "Pas de résultats",
+	NO_RESULTS: "Aucun résultat",
 	MAX: "Max",
 	MIN: "Min",
-	CLEAR: "Effacer"
+	CLEAR: "Effacer",
+	PHONE_NUMBER: "Numéro de téléphone",
+	ON: "On",
+	OFF: "Off"
 };
 var DIALOG$7 = {
-	CLOSE_LABEL: "Fermer le dialogue"
+	CLOSE_LABEL: "Fermer le dialogue",
+	CLOSED: "Dialogue clos"
 };
 var FIELD$7 = {
 	VIEW_PASSWORD: "Voir le mot de passe"
 };
 var FILE_UPLOAD$7 = {
-	DRAG_AND_DROP_OR: "Glisser-déposer ou",
-	BROWSE: "Parcourir",
-	YOUR_FILES: "Vos dossiers",
-	MAX_SIZE: "Taille maximale du fichier en Mo.",
+	DRAG_AND_DROP: "Glissez-déposez le fichier ici ou cliquez pour le télécharger",
+	DRAG_AND_DROP_OR: "Glissez et déposez vos fichiers ici, ou",
+	BROWSE: "Recherchez-les",
+	YOUR_FILES: "vos fichiers",
+	MAX_SIZE: "Taille maximale du fichier",
+	MIN_SIZE: "Taille minimale du fichier en Mo",
+	MIN_SIZE_ERROR: "Téléchargez un fichier d'une taille supérieure à ({{min}} MB)",
 	UPLOADING: "Téléchargement",
-	SUPPORTED_FILE_TYPES: "Types de fichiers pris en charge :",
-	CHANGE: "Changer"
+	SUPPORTED_FILE_TYPES: "Types de fichiers pris en charge :",
+	CHANGE: "Changer",
+	FILE_UPLOADING_SUCCESS: "Fichier téléchargé avec succès",
+	CHOOSE_FILE: "Choisissez un fichier : Aucun fichier n'a été choisi"
 };
 var NAVBAR$7 = {
-	LOG_OUT: "Déconnexion"
+	LOG_OUT: "Se déconnecter"
+};
+var PASSWORD$7 = {
+	LOWERCASE: "Contient au moins une minuscule",
+	UPPERCASE: "Contient au moins une majuscule",
+	NUMBER: "Contient au moins un chiffre",
+	SPECIAL_CHARACTER: "Contient au moins un caractère spécial",
+	CHARACTERS: "Contient au moins 12 caractères",
+	PASSWORD_PLACEHOLDER: "Mot de passe"
+};
+var ERRORS$7 = {
+	REQUIRED: "Ce champ est obligatoire",
+	REQUIRED_FIELD: "Ce champ est obligatoire - ({{label}})",
+	MAX_LENGTH: "Veuillez saisir un maximum de ({{maxlength}}) caractères.",
+	MIN_LENGTH: "Veuillez saisir un minimum de ({{maxlength}}) caractères.",
+	MAX: "Veuillez saisir une valeur maximum de ({{max}})",
+	MIN: "Veuillez saisir une valeur minimum de ({{min}})",
+	EMAIL_INCORRECT: "Veuillez indiquer une adresse e-mail valide"
+};
+var SCALE_TABLE$7 = {
+	HIGHEST: "Très important",
+	LOWEST: "Pas du tout Important"
+};
+var BUTTON$7 = {
+	PREMIUM_FEATURE: "Fonctionnalité Premium"
+};
+var MENU$7 = {
+	MENUITEM_DISABLED: "Cet élément du menu est désactivé"
+};
+var ALERT_BANNER$7 = {
+	INFO: "Informations :",
+	WARNING: "Avertissement :",
+	ERROR: "Erreur :",
+	SUCCESS: "Réussite :"
 };
 var fr = {
 	SNACKBAR: SNACKBAR$7,
@@ -1804,18 +2000,25 @@ var fr = {
 	DIALOG: DIALOG$7,
 	FIELD: FIELD$7,
 	FILE_UPLOAD: FILE_UPLOAD$7,
-	NAVBAR: NAVBAR$7
+	NAVBAR: NAVBAR$7,
+	PASSWORD: PASSWORD$7,
+	ERRORS: ERRORS$7,
+	SCALE_TABLE: SCALE_TABLE$7,
+	BUTTON: BUTTON$7,
+	MENU: MENU$7,
+	ALERT_BANNER: ALERT_BANNER$7
 };
 
 var SNACKBAR$6 = {
-	DISMISS: "Ignora"
+	DISMISS: "Chiudi"
 };
 var AUTOCOMPLETE$6 = {
 	SELECTED_AMOUNT: "({{numberSelected}}) selezionati",
 	SELECTED: "Selezionati",
 	SUGGESTED: "Consigliati",
 	ALL_ITEMS: "Tutti gli articoli",
-	NO_RESULTS_FOUND: "Nessun risultato trovato."
+	NO_RESULTS_FOUND: "Nessun risultato trovato.",
+	MAX_SELECTED_ERROR: "Hai raggiunto il massimo di ({{max}}). Rimuovi un tag per aggiungerne un altro."
 };
 var STEPPER$6 = {
 	FINAL_STEP: "Passaggio finale"
@@ -1830,7 +2033,7 @@ var DATEPICKER$6 = {
 };
 var COMMON$6 = {
 	APPLY: "Applica",
-	VALIDATE: "Convalida",
+	VALIDATE: "Conferma",
 	YES: "Sì",
 	NO: "No",
 	CONTINUE: "Continua",
@@ -1851,37 +2054,79 @@ var COMMON$6 = {
 	DELETE: "Elimina",
 	SELECT: "Seleziona",
 	SEND: "Invia",
-	"N/A": "N.D.",
+	"N/A": "N/D",
 	EDIT: "Modifica",
 	SKIP: "Salta",
 	SEARCH: "Cerca",
 	ROLE: "Ruolo",
-	ALL: "Tutti",
+	ALL: "Tutto",
 	OR_DIVIDER: "oppure",
 	ADD: "Aggiungi",
 	NO_RESULTS: "Nessun risultato",
 	MAX: "Max",
 	MIN: "Min",
-	CLEAR: "Cancella"
+	CLEAR: "Cancella",
+	PHONE_NUMBER: "Numero di telefono",
+	ON: "On",
+	OFF: "Off"
 };
 var DIALOG$6 = {
-	CLOSE_LABEL: "Chiudi la finestra di dialogo"
+	CLOSE_LABEL: "Chiudi la finestra di dialogo",
+	CLOSED: "Finestra chiusa"
 };
 var FIELD$6 = {
 	VIEW_PASSWORD: "Visualizza la password"
 };
 var FILE_UPLOAD$6 = {
+	DRAG_AND_DROP: "Trascina e rilascia il file qui o clicca per caricarlo",
 	DRAG_AND_DROP_OR: "Trascina e rilascia o",
 	BROWSE: "Naviga",
-	YOUR_FILES: "I tuoi file",
+	YOUR_FILES: "i tuoi file",
 	MAX_SIZE: "Dimensione max del file in MB.",
+	MIN_SIZE: "Dimensione minima del file in MB",
+	MIN_SIZE_ERROR: "Carica un file di dimensioni superiori a ({{min}} MB)",
 	UPLOADING: "Caricamento",
 	SUPPORTED_FILE_TYPES: "Tipi di file supportati:",
-	CHANGE: "Cambia"
+	CHANGE: "Cambia",
+	FILE_UPLOADING_SUCCESS: "File caricato",
+	CHOOSE_FILE: "Scegliere il file: nessun file scelto"
 };
 var NAVBAR$6 = {
 	LOG_OUT: "Esci"
 };
+var PASSWORD$6 = {
+	LOWERCASE: "Contiene almeno una lettera minuscola",
+	UPPERCASE: "Contiene almeno una lettera maiuscola",
+	NUMBER: "Contiene almeno un numero",
+	SPECIAL_CHARACTER: "Contiene almeno un carattere speciale",
+	CHARACTERS: "Contiene almeno 12 caratteri",
+	PASSWORD_PLACEHOLDER: "Password"
+};
+var ERRORS$6 = {
+	REQUIRED: "Questo campo è obbligatorio",
+	REQUIRED_FIELD: "Questo campo è obbligatorio - ({{label}})",
+	MAX_LENGTH: "Inserisci un valore con una lunghezza massima di ({{maxlength}}) caratteri",
+	MIN_LENGTH: "Inserisci un valore con una lunghezza minima di ({{maxlength}}) caratteri",
+	MAX: "Inserisci un valore con un valore massimo di ({{max}})",
+	MIN: "Inserisci un valore con un valore minimo di ({{min}})",
+	EMAIL_INCORRECT: "Inserisci un indirizzo e-mail valido"
+};
+var SCALE_TABLE$6 = {
+	HIGHEST: "Molto importante",
+	LOWEST: "Per niente importante"
+};
+var BUTTON$6 = {
+	PREMIUM_FEATURE: "Funzionalità premium"
+};
+var MENU$6 = {
+	MENUITEM_DISABLED: "Questa voce del menu è disattivata"
+};
+var ALERT_BANNER$6 = {
+	INFO: "Informazioni:",
+	WARNING: "Attenzione:",
+	ERROR: "Errore:",
+	SUCCESS: "Operazione riuscita:"
+};
 var itIt = {
 	SNACKBAR: SNACKBAR$6,
 	AUTOCOMPLETE: AUTOCOMPLETE$6,
@@ -1892,18 +2137,30 @@ var itIt = {
 	DIALOG: DIALOG$6,
 	FIELD: FIELD$6,
 	FILE_UPLOAD: FILE_UPLOAD$6,
-	NAVBAR: NAVBAR$6
+	NAVBAR: NAVBAR$6,
+	PASSWORD: PASSWORD$6,
+	ERRORS: ERRORS$6,
+	SCALE_TABLE: SCALE_TABLE$6,
+	BUTTON: BUTTON$6,
+	MENU: MENU$6,
+	ALERT_BANNER: ALERT_BANNER$6
 };
 
 var itIt$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    ALERT_BANNER: ALERT_BANNER$6,
     AUTOCOMPLETE: AUTOCOMPLETE$6,
+    BUTTON: BUTTON$6,
     COMMON: COMMON$6,
     DATEPICKER: DATEPICKER$6,
     DIALOG: DIALOG$6,
+    ERRORS: ERRORS$6,
     FIELD: FIELD$6,
     FILE_UPLOAD: FILE_UPLOAD$6,
+    MENU: MENU$6,
     NAVBAR: NAVBAR$6,
+    PASSWORD: PASSWORD$6,
+    SCALE_TABLE: SCALE_TABLE$6,
     SLIDER: SLIDER$6,
     SNACKBAR: SNACKBAR$6,
     STEPPER: STEPPER$6,
@@ -1911,14 +2168,15 @@ var itIt$1 = /*#__PURE__*/Object.freeze({
 });
 
 var SNACKBAR$5 = {
-	DISMISS: "却下"
+	DISMISS: "閉じる"
 };
 var AUTOCOMPLETE$5 = {
 	SELECTED_AMOUNT: "選択済み ({{numberSelected}})",
 	SELECTED: "選択済み",
 	SUGGESTED: "推奨",
 	ALL_ITEMS: "全項目",
-	NO_RESULTS_FOUND: "結果が見つかりませんでした。"
+	NO_RESULTS_FOUND: "結果が見つかりませんでした。",
+	MAX_SELECTED_ERROR: "タグの数が最大数 ( {{max}} ) に達しました。タグを 1 つ削除して別のタグを追加してください。"
 };
 var STEPPER$5 = {
 	FINAL_STEP: "最終ステップ"
@@ -1936,8 +2194,8 @@ var COMMON$5 = {
 	VALIDATE: "確認",
 	YES: "はい",
 	NO: "いいえ",
-	CONTINUE: "続ける",
-	NEXT: "次へ",
+	CONTINUE: "続行",
+	NEXT: "進む",
 	CLOSE: "閉じる",
 	THANK_YOU: "ありがとうございました",
 	CANCEL: "キャンセル",
@@ -1954,7 +2212,7 @@ var COMMON$5 = {
 	DELETE: "削除",
 	SELECT: "選択",
 	SEND: "送信",
-	"N/A": "該当なし",
+	"N/A": "なし",
 	EDIT: "編集",
 	SKIP: "スキップ",
 	SEARCH: "検索",
@@ -1965,26 +2223,68 @@ var COMMON$5 = {
 	NO_RESULTS: "結果がありません",
 	MAX: "最大",
 	MIN: "最小",
-	CLEAR: "消去"
+	CLEAR: "消去",
+	PHONE_NUMBER: "電話番号",
+	ON: "オン",
+	OFF: "オフ"
 };
 var DIALOG$5 = {
-	CLOSE_LABEL: "ダイアログを閉じる"
+	CLOSE_LABEL: "ダイアログを閉じる",
+	CLOSED: "ダイアログを閉じました"
 };
 var FIELD$5 = {
-	VIEW_PASSWORD: "パスワードを見る"
+	VIEW_PASSWORD: "パスワードの表示"
 };
 var FILE_UPLOAD$5 = {
-	DRAG_AND_DROP_OR: "ドラッグ・アンド・ドロップまたは",
-	BROWSE: "ブラウズ",
+	DRAG_AND_DROP: "こちらにファイルをドラッグ・アンド・ドロップするか、クリックしてアップロードしてください",
+	DRAG_AND_DROP_OR: "ドラッグアンドドロップする、または",
+	BROWSE: "ファイルを閲覧",
 	YOUR_FILES: "あなたのファイル",
 	MAX_SIZE: "MBの最大ファイルサイズ。",
+	MIN_SIZE: "MB以上のファイルサイズ",
+	MIN_SIZE_ERROR: "({{min}}MB) より大きなファイルをアップロードしてください",
 	UPLOADING: "アップロード中",
 	SUPPORTED_FILE_TYPES: "対応ファイル形式：",
-	CHANGE: "変更"
+	CHANGE: "変更",
+	FILE_UPLOADING_SUCCESS: "ファイルをアップロードしました",
+	CHOOSE_FILE: "ファイルを選択してください：ファイルが選択されていません"
 };
 var NAVBAR$5 = {
 	LOG_OUT: "ログアウト"
 };
+var PASSWORD$5 = {
+	LOWERCASE: "少なくとも1つの小文字を含む",
+	UPPERCASE: "少なくとも1つの大文字を含む",
+	NUMBER: "少なくとも1つの数字を含む",
+	SPECIAL_CHARACTER: "少なくとも1つの特殊文字を含む",
+	CHARACTERS: "最低12文字以上である",
+	PASSWORD_PLACEHOLDER: "パスワード"
+};
+var ERRORS$5 = {
+	REQUIRED: "このフィールドは必須です",
+	REQUIRED_FIELD: "この欄は入力必須です - ({{label}})",
+	MAX_LENGTH: "最大（{{maxlength}}）文字の値を入力してください",
+	MIN_LENGTH: "最低（{{maxlength}}）文字の値を入力してください",
+	MAX: "最大値（{{max}}）の値を入力してください",
+	MIN: "最小値（{{min}}）の値を入力してください",
+	EMAIL_INCORRECT: "有効なメールアドレスを入力してください"
+};
+var SCALE_TABLE$5 = {
+	HIGHEST: "非常に重要",
+	LOWEST: "まったく重要ではない"
+};
+var BUTTON$5 = {
+	PREMIUM_FEATURE: "プレミアム機能"
+};
+var MENU$5 = {
+	MENUITEM_DISABLED: "このメニュー項目は無効です"
+};
+var ALERT_BANNER$5 = {
+	INFO: "情報：",
+	WARNING: "警告：",
+	ERROR: "エラー：",
+	SUCCESS: "成功："
+};
 var jaJp = {
 	SNACKBAR: SNACKBAR$5,
 	AUTOCOMPLETE: AUTOCOMPLETE$5,
@@ -1995,18 +2295,30 @@ var jaJp = {
 	DIALOG: DIALOG$5,
 	FIELD: FIELD$5,
 	FILE_UPLOAD: FILE_UPLOAD$5,
-	NAVBAR: NAVBAR$5
+	NAVBAR: NAVBAR$5,
+	PASSWORD: PASSWORD$5,
+	ERRORS: ERRORS$5,
+	SCALE_TABLE: SCALE_TABLE$5,
+	BUTTON: BUTTON$5,
+	MENU: MENU$5,
+	ALERT_BANNER: ALERT_BANNER$5
 };
 
 var jaJp$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    ALERT_BANNER: ALERT_BANNER$5,
     AUTOCOMPLETE: AUTOCOMPLETE$5,
+    BUTTON: BUTTON$5,
     COMMON: COMMON$5,
     DATEPICKER: DATEPICKER$5,
     DIALOG: DIALOG$5,
+    ERRORS: ERRORS$5,
     FIELD: FIELD$5,
     FILE_UPLOAD: FILE_UPLOAD$5,
+    MENU: MENU$5,
     NAVBAR: NAVBAR$5,
+    PASSWORD: PASSWORD$5,
+    SCALE_TABLE: SCALE_TABLE$5,
     SLIDER: SLIDER$5,
     SNACKBAR: SNACKBAR$5,
     STEPPER: STEPPER$5,
@@ -2014,14 +2326,15 @@ var jaJp$1 = /*#__PURE__*/Object.freeze({
 });
 
 var SNACKBAR$4 = {
-	DISMISS: "Avvis"
+	DISMISS: "Ignorer"
 };
 var AUTOCOMPLETE$4 = {
-	SELECTED_AMOUNT: "Valgt ({{numberSelected}})",
+	SELECTED_AMOUNT: "Valgt: {{numberSelected}}",
 	SELECTED: "Valgt",
 	SUGGESTED: "Foreslått",
 	ALL_ITEMS: "Alle elementer",
-	NO_RESULTS_FOUND: "Ingen resultater funnet."
+	NO_RESULTS_FOUND: "Ingen resultater funnet.",
+	MAX_SELECTED_ERROR: "Du har nådd det maksimale antallet ( {{max}} ) tagger. Fjern en tag for å legge til en annen."
 };
 var STEPPER$4 = {
 	FINAL_STEP: "Siste trinn"
@@ -2046,7 +2359,7 @@ var COMMON$4 = {
 	CANCEL: "Avbryt",
 	CONFIRM: "Bekreft",
 	SUBMIT: "Send inn",
-	EMAIL: "E-post",
+	EMAIL: "E-postadresse",
 	OK: "OK",
 	REMOVE: "Fjern",
 	TEST: "test",
@@ -2057,8 +2370,8 @@ var COMMON$4 = {
 	DELETE: "Slett",
 	SELECT: "Velg",
 	SEND: "Send",
-	"N/A": "N/A",
-	EDIT: "Redigere",
+	"N/A": "I/A",
+	EDIT: "Rediger",
 	SKIP: "Hopp over",
 	SEARCH: "Søk",
 	ROLE: "Rolle",
@@ -2066,28 +2379,70 @@ var COMMON$4 = {
 	OR_DIVIDER: "eller",
 	ADD: "Legg til",
 	NO_RESULTS: "Ingen resultater",
-	MAX: "Maks.",
+	MAX: "Maksimum",
 	MIN: "Min.",
-	CLEAR: "Tøm"
+	CLEAR: "Tøm",
+	PHONE_NUMBER: "Telefonnummer",
+	ON: "På",
+	OFF: "Av"
 };
 var DIALOG$4 = {
-	CLOSE_LABEL: "Lukk dialogboksen"
+	CLOSE_LABEL: "Lukk dialogboksen",
+	CLOSED: "Dialog lukket"
 };
 var FIELD$4 = {
 	VIEW_PASSWORD: "Vis passord"
 };
 var FILE_UPLOAD$4 = {
+	DRAG_AND_DROP: "Dra og slipp filen her eller klikk for å laste den opp",
 	DRAG_AND_DROP_OR: "Dra og slipp eller",
 	BROWSE: "Bla gjennom",
-	YOUR_FILES: "Filene dine",
+	YOUR_FILES: "filene dine",
 	MAX_SIZE: "Maksimal filstørrelse i MB.",
+	MIN_SIZE: "MB minimum filstørrelse",
+	MIN_SIZE_ERROR: "Last opp en fil som er større enn ({{min}} MB)",
 	UPLOADING: "Laster opp",
 	SUPPORTED_FILE_TYPES: "Filtyper som støttes:",
-	CHANGE: "Endre"
+	CHANGE: "Endre",
+	FILE_UPLOADING_SUCCESS: "Filen ble lastet opp",
+	CHOOSE_FILE: "Velg fil: Ingen fil valgt"
 };
 var NAVBAR$4 = {
 	LOG_OUT: "Logg ut"
 };
+var PASSWORD$4 = {
+	LOWERCASE: "Inneholder minst én liten bokstav",
+	UPPERCASE: "Inneholder minst én stor bokstav",
+	NUMBER: "Inneholder minst ett tall",
+	SPECIAL_CHARACTER: "Inneholder minst ett spesialtegn",
+	CHARACTERS: "Inneholder minst 12 tegn",
+	PASSWORD_PLACEHOLDER: "Passord"
+};
+var ERRORS$4 = {
+	REQUIRED: "Dette feltet er obligatorisk",
+	REQUIRED_FIELD: "Dette feltet er obligatorisk - ({{label}})",
+	MAX_LENGTH: "Vennligst skriv inn en verdi med en maksimal lengde på ({{maxlength}}) tegn.",
+	MIN_LENGTH: "Vennligst skriv inn en verdi med en minimumslengde på ({{maxlength}}) tegn.",
+	MAX: "Vennligst skriv inn en verdi med en maksimumsverdi på ({{max}}).",
+	MIN: "Vennligst skriv inn en verdi med en minimumsverdi på ({{min}}).",
+	EMAIL_INCORRECT: "Vennligst oppgi en gyldig e-postadresse"
+};
+var SCALE_TABLE$4 = {
+	HIGHEST: "Svært viktig",
+	LOWEST: "Ikke viktig i det hele tatt"
+};
+var BUTTON$4 = {
+	PREMIUM_FEATURE: "Premium-funksjon"
+};
+var MENU$4 = {
+	MENUITEM_DISABLED: "Dette menyelementet er deaktivert"
+};
+var ALERT_BANNER$4 = {
+	INFO: "Informasjon:",
+	WARNING: "Advarsel:",
+	ERROR: "Feil:",
+	SUCCESS: "Suksess:"
+};
 var nbNo = {
 	SNACKBAR: SNACKBAR$4,
 	AUTOCOMPLETE: AUTOCOMPLETE$4,
@@ -2098,18 +2453,30 @@ var nbNo = {
 	DIALOG: DIALOG$4,
 	FIELD: FIELD$4,
 	FILE_UPLOAD: FILE_UPLOAD$4,
-	NAVBAR: NAVBAR$4
+	NAVBAR: NAVBAR$4,
+	PASSWORD: PASSWORD$4,
+	ERRORS: ERRORS$4,
+	SCALE_TABLE: SCALE_TABLE$4,
+	BUTTON: BUTTON$4,
+	MENU: MENU$4,
+	ALERT_BANNER: ALERT_BANNER$4
 };
 
 var nbNo$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    ALERT_BANNER: ALERT_BANNER$4,
     AUTOCOMPLETE: AUTOCOMPLETE$4,
+    BUTTON: BUTTON$4,
     COMMON: COMMON$4,
     DATEPICKER: DATEPICKER$4,
     DIALOG: DIALOG$4,
+    ERRORS: ERRORS$4,
     FIELD: FIELD$4,
     FILE_UPLOAD: FILE_UPLOAD$4,
+    MENU: MENU$4,
     NAVBAR: NAVBAR$4,
+    PASSWORD: PASSWORD$4,
+    SCALE_TABLE: SCALE_TABLE$4,
     SLIDER: SLIDER$4,
     SNACKBAR: SNACKBAR$4,
     STEPPER: STEPPER$4,
@@ -2120,11 +2487,12 @@ var SNACKBAR$3 = {
 	DISMISS: "Negeren"
 };
 var AUTOCOMPLETE$3 = {
-	SELECTED_AMOUNT: "Geselecteerd ({{numberSelected}})",
+	SELECTED_AMOUNT: "Geselecteerd: {{numberSelected}}",
 	SELECTED: "Geselecteerd",
-	SUGGESTED: "Aanbevolen",
-	ALL_ITEMS: "Alle artikelen",
-	NO_RESULTS_FOUND: "Geen resultaten gevonden."
+	SUGGESTED: "Voorgesteld",
+	ALL_ITEMS: "Alle items",
+	NO_RESULTS_FOUND: "Geen resultaten gevonden.",
+	MAX_SELECTED_ERROR: "Je hebt het maximum aantal ({{max}}) tags bereikt. Verwijder een tag om een andere toe te voegen."
 };
 var STEPPER$3 = {
 	FINAL_STEP: "Laatste stap"
@@ -2134,33 +2502,33 @@ var SLIDER$3 = {
 	MIN_MORE_THAN_MAX: "Min. waarde ({{min}}) kan niet meer zijn dan huidige max. waarde ({{max}})"
 };
 var DATEPICKER$3 = {
-	START_DATE: "Startdatum",
+	START_DATE: "Begindatum",
 	END_DATE: "Einddatum"
 };
 var COMMON$3 = {
 	APPLY: "Toepassen",
-	VALIDATE: "Controleren",
+	VALIDATE: "Bevestigen",
 	YES: "Ja",
 	NO: "Nee",
 	CONTINUE: "Ga verder",
 	NEXT: "Volgende",
 	CLOSE: "Sluiten",
-	THANK_YOU: "Hartelijk dank",
+	THANK_YOU: "Bedankt",
 	CANCEL: "Annuleren",
-	CONFIRM: "Bevestig",
+	CONFIRM: "Bevestigen",
 	SUBMIT: "Indienen",
 	EMAIL: "E-mail",
 	OK: "OK",
-	REMOVE: "Verwijder",
+	REMOVE: "Remove",
 	TEST: "test",
 	MAYBE: "Misschien",
 	BACK: "Terug",
 	SAVE: "Opslaan",
-	SAVING: "Aan het opslaan",
-	DELETE: "Verwijder",
-	SELECT: "Selecteer",
-	SEND: "Sturen",
-	"N/A": "N.V.T.",
+	SAVING: "Opslaan",
+	DELETE: "Verwijderen",
+	SELECT: "Selecteren",
+	SEND: "Verzenden",
+	"N/A": "N.v.t",
 	EDIT: "Bewerken",
 	SKIP: "Overslaan",
 	SEARCH: "Zoeken",
@@ -2171,26 +2539,68 @@ var COMMON$3 = {
 	NO_RESULTS: "Geen resultaten",
 	MAX: "Max",
 	MIN: "Min",
-	CLEAR: "Opschonen"
+	CLEAR: "Opschonen",
+	PHONE_NUMBER: "Telefoonnummer",
+	ON: "Op",
+	OFF: "Uit"
 };
 var DIALOG$3 = {
-	CLOSE_LABEL: "Dialoog sluiten"
+	CLOSE_LABEL: "Dialoog sluiten",
+	CLOSED: "Dialoog gesloten"
 };
 var FIELD$3 = {
-	VIEW_PASSWORD: "Bekijk wachtwoord"
+	VIEW_PASSWORD: "Wachtwoord bekijken"
 };
 var FILE_UPLOAD$3 = {
-	DRAG_AND_DROP_OR: "Slepen en neerzetten of",
+	DRAG_AND_DROP: "Sleep het bestand hierheen of klik om te uploaden",
+	DRAG_AND_DROP_OR: "Sleep en zet neer of",
 	BROWSE: "Blader door",
-	YOUR_FILES: "Uw bestanden",
+	YOUR_FILES: "uw bestanden",
 	MAX_SIZE: "MB maximale bestandsgrootte.",
+	MIN_SIZE: "MB min. bestandsgrootte",
+	MIN_SIZE_ERROR: "Upload een bestand dat groter is dan ({{min}} MB)",
 	UPLOADING: "Uploaden",
 	SUPPORTED_FILE_TYPES: "Ondersteunde bestandstypen:",
-	CHANGE: "Veranderen"
+	CHANGE: "Sluiten",
+	FILE_UPLOADING_SUCCESS: "Bestand succesvol geüpload",
+	CHOOSE_FILE: "Kies bestand: Geen bestand gekozen"
 };
 var NAVBAR$3 = {
 	LOG_OUT: "Uitloggen"
 };
+var PASSWORD$3 = {
+	LOWERCASE: "Bevat ten minste één kleine letter",
+	UPPERCASE: "Bevat ten minste één hoofdletter",
+	NUMBER: "Bevat minstens één nummer",
+	SPECIAL_CHARACTER: "Bevat minstens één speciaal teken",
+	CHARACTERS: "Bevat ten minste 12 tekens",
+	PASSWORD_PLACEHOLDER: "Wachtwoord"
+};
+var ERRORS$3 = {
+	REQUIRED: "Dit veld is verplicht",
+	REQUIRED_FIELD: "Dit veld is verplicht - ({{label}})",
+	MAX_LENGTH: "Voer een waarde in met een maximale lengte van ({{maxlength}}) tekens",
+	MIN_LENGTH: "Voer een waarde in met een minimale lengte van ({{maxlength}}) tekens",
+	MAX: "Voer een waarde in met een maximumwaarde van ({{max}})",
+	MIN: "Voer een waarde in met een minimumwaarde van ({{min}})",
+	EMAIL_INCORRECT: "Voer een geldig e-mail adres in"
+};
+var SCALE_TABLE$3 = {
+	HIGHEST: "Zeer Belangrijk",
+	LOWEST: "Helemaal niet belangrijk"
+};
+var BUTTON$3 = {
+	PREMIUM_FEATURE: "Premium functie"
+};
+var MENU$3 = {
+	MENUITEM_DISABLED: "Dit menu-item is uitgeschakeld"
+};
+var ALERT_BANNER$3 = {
+	INFO: "Informatie:",
+	WARNING: "Waarschuwing:",
+	ERROR: "Fout:",
+	SUCCESS: "Succes:"
+};
 var nl = {
 	SNACKBAR: SNACKBAR$3,
 	AUTOCOMPLETE: AUTOCOMPLETE$3,
@@ -2201,18 +2611,25 @@ var nl = {
 	DIALOG: DIALOG$3,
 	FIELD: FIELD$3,
 	FILE_UPLOAD: FILE_UPLOAD$3,
-	NAVBAR: NAVBAR$3
+	NAVBAR: NAVBAR$3,
+	PASSWORD: PASSWORD$3,
+	ERRORS: ERRORS$3,
+	SCALE_TABLE: SCALE_TABLE$3,
+	BUTTON: BUTTON$3,
+	MENU: MENU$3,
+	ALERT_BANNER: ALERT_BANNER$3
 };
 
 var SNACKBAR$2 = {
-	DISMISS: "Odrzuć"
+	DISMISS: "Zamknij"
 };
 var AUTOCOMPLETE$2 = {
 	SELECTED_AMOUNT: "Wybrano ({{numberSelected}})",
 	SELECTED: "Wybrano",
-	SUGGESTED: "Sugerowane",
+	SUGGESTED: "Sugerowany",
 	ALL_ITEMS: "Wszystkie",
-	NO_RESULTS_FOUND: "Nie znaleziono żadnych wyników."
+	NO_RESULTS_FOUND: "Nie znaleziono żadnych wyników.",
+	MAX_SELECTED_ERROR: "Osiągnięto maksymalną liczbę ({{max}}) tagów. Usuń tag, aby dodać kolejny."
 };
 var STEPPER$2 = {
 	FINAL_STEP: "Ostatni krok"
@@ -2231,7 +2648,7 @@ var COMMON$2 = {
 	YES: "Tak",
 	NO: "Nie",
 	CONTINUE: "Kontynuuj",
-	NEXT: "Następny",
+	NEXT: "Dalej",
 	CLOSE: "Zamknij",
 	THANK_YOU: "Dziękujemy",
 	CANCEL: "Anuluj",
@@ -2243,7 +2660,7 @@ var COMMON$2 = {
 	TEST: "test",
 	MAYBE: "Być może",
 	BACK: "Powrót",
-	SAVE: "Zapisz",
+	SAVE: "Zaoszczędź",
 	SAVING: "Zapisywanie",
 	DELETE: "Usuń",
 	SELECT: "Wybierz",
@@ -2252,33 +2669,75 @@ var COMMON$2 = {
 	EDIT: "Edytuj",
 	SKIP: "Pomiń",
 	SEARCH: "Szukaj",
-	ROLE: "Stanowisko",
-	ALL: "Wszystkie",
+	ROLE: "Rola",
+	ALL: "Wszystko",
 	OR_DIVIDER: "lub",
 	ADD: "Dodaj",
 	NO_RESULTS: "Brak wyników",
 	MAX: "Max",
 	MIN: "Min",
-	CLEAR: "Wyczyść"
+	CLEAR: "Wyczyść",
+	PHONE_NUMBER: "Numer telefonu",
+	ON: "Wł.",
+	OFF: "Wył."
 };
 var DIALOG$2 = {
-	CLOSE_LABEL: "Zamknij okno dialogowe"
+	CLOSE_LABEL: "Zamknij okno dialogowe",
+	CLOSED: "Okno dialogowe zamknięte"
 };
 var FIELD$2 = {
 	VIEW_PASSWORD: "Wyświetl hasło"
 };
 var FILE_UPLOAD$2 = {
+	DRAG_AND_DROP: "Przeciągnij i upuść tutaj plik lub kliknij, aby go przesłać",
 	DRAG_AND_DROP_OR: "Przeciągnij i upuść lub",
 	BROWSE: "Przeglądaj",
 	YOUR_FILES: "Twoje pliki",
 	MAX_SIZE: "Maksymalny rozmiar pliku w MB.",
+	MIN_SIZE: "Minimalny rozmiar pliku w MB",
+	MIN_SIZE_ERROR: "Prześlij plik większy niż ({{min}} MB)",
 	UPLOADING: "Przesyłanie",
 	SUPPORTED_FILE_TYPES: "Obsługiwane formaty plików:",
-	CHANGE: "Zmień"
+	CHANGE: "Odrzuć",
+	FILE_UPLOADING_SUCCESS: "Plik został pomyślnie przesłany",
+	CHOOSE_FILE: "Wybierz plik: Nie wybrano pliku"
 };
 var NAVBAR$2 = {
 	LOG_OUT: "Wyloguj się"
 };
+var PASSWORD$2 = {
+	LOWERCASE: "Zawiera co najmniej jedną małą literę",
+	UPPERCASE: "Zawiera co najmniej jedną wielką literę",
+	NUMBER: "Zawiera co najmniej jedną cyfrę",
+	SPECIAL_CHARACTER: "Zawiera co najmniej jeden znak specjalny",
+	CHARACTERS: "Zawiera co najmniej 12 znaków",
+	PASSWORD_PLACEHOLDER: "Hasło"
+};
+var ERRORS$2 = {
+	REQUIRED: "Wymagane jest wypełnienie tego pola.",
+	REQUIRED_FIELD: "To pole jest wymagane - ({{label}})",
+	MAX_LENGTH: "Wprowadź wartość o maksymalnej długości ({{maxlength}}) znaków",
+	MIN_LENGTH: "Wprowadź wartość o minimalnej długości ({{maxlength}}) znaków",
+	MAX: "Wprowadź wartość równą lub nieprzekraczającą maksimum: ({{max}})",
+	MIN: "Wprowadź wartość równą lub przekraczającą minimum: ({{min}})",
+	EMAIL_INCORRECT: "Wprowadź prawidłowy adres e-mail"
+};
+var SCALE_TABLE$2 = {
+	HIGHEST: "Bardzo ważne",
+	LOWEST: "Zupełnie nieważne"
+};
+var BUTTON$2 = {
+	PREMIUM_FEATURE: "Funkcja Premium"
+};
+var MENU$2 = {
+	MENUITEM_DISABLED: "Ta pozycja menu jest wyłączona"
+};
+var ALERT_BANNER$2 = {
+	INFO: "Informacje:",
+	WARNING: "Ostrzeżenie:",
+	ERROR: "Błąd:",
+	SUCCESS: "Sukces:"
+};
 var plPl = {
 	SNACKBAR: SNACKBAR$2,
 	AUTOCOMPLETE: AUTOCOMPLETE$2,
@@ -2289,18 +2748,30 @@ var plPl = {
 	DIALOG: DIALOG$2,
 	FIELD: FIELD$2,
 	FILE_UPLOAD: FILE_UPLOAD$2,
-	NAVBAR: NAVBAR$2
+	NAVBAR: NAVBAR$2,
+	PASSWORD: PASSWORD$2,
+	ERRORS: ERRORS$2,
+	SCALE_TABLE: SCALE_TABLE$2,
+	BUTTON: BUTTON$2,
+	MENU: MENU$2,
+	ALERT_BANNER: ALERT_BANNER$2
 };
 
 var plPl$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    ALERT_BANNER: ALERT_BANNER$2,
     AUTOCOMPLETE: AUTOCOMPLETE$2,
+    BUTTON: BUTTON$2,
     COMMON: COMMON$2,
     DATEPICKER: DATEPICKER$2,
     DIALOG: DIALOG$2,
+    ERRORS: ERRORS$2,
     FIELD: FIELD$2,
     FILE_UPLOAD: FILE_UPLOAD$2,
+    MENU: MENU$2,
     NAVBAR: NAVBAR$2,
+    PASSWORD: PASSWORD$2,
+    SCALE_TABLE: SCALE_TABLE$2,
     SLIDER: SLIDER$2,
     SNACKBAR: SNACKBAR$2,
     STEPPER: STEPPER$2,
@@ -2315,7 +2786,8 @@ var AUTOCOMPLETE$1 = {
 	SELECTED: "Selecionado",
 	SUGGESTED: "Sugerido",
 	ALL_ITEMS: "Todos os itens",
-	NO_RESULTS_FOUND: "Não foram encontrados resultados."
+	NO_RESULTS_FOUND: "Não foram encontrados resultados.",
+	MAX_SELECTED_ERROR: "Você atingiu o limite máximo de ({{max}}) tags. Remova uma tag para adicionar outra."
 };
 var STEPPER$1 = {
 	FINAL_STEP: "Etapa final"
@@ -2325,18 +2797,18 @@ var SLIDER$1 = {
 	MIN_MORE_THAN_MAX: "O valor mínimo ({{min}}) não pode ser maior que o valor máximo atual ({{max}})"
 };
 var DATEPICKER$1 = {
-	START_DATE: "Data de início",
+	START_DATE: "Data inicial",
 	END_DATE: "Data final"
 };
 var COMMON$1 = {
 	APPLY: "Aplicar",
-	VALIDATE: "Validar",
+	VALIDATE: "Confirmar",
 	YES: "Sim",
 	NO: "Não",
 	CONTINUE: "Continuar",
-	NEXT: "Próximo",
+	NEXT: "Avançar",
 	CLOSE: "Fechar",
-	THANK_YOU: "Obrigado(a)",
+	THANK_YOU: "A TestGorilla agradece!",
 	CANCEL: "Cancelar",
 	CONFIRM: "Confirmar",
 	SUBMIT: "Enviar",
@@ -2354,7 +2826,7 @@ var COMMON$1 = {
 	"N/A": "N/D",
 	EDIT: "Editar",
 	SKIP: "Pular",
-	SEARCH: "Pesquisar",
+	SEARCH: "Pesquisa",
 	ROLE: "Cargo",
 	ALL: "Tudo",
 	OR_DIVIDER: "ou",
@@ -2362,25 +2834,67 @@ var COMMON$1 = {
 	NO_RESULTS: "Nenhum resultado",
 	MAX: "Máx.",
 	MIN: "Mín.",
-	CLEAR: "Limpar"
+	CLEAR: "Limpar",
+	PHONE_NUMBER: "Telefone",
+	ON: "Ativado",
+	OFF: "Desativado"
 };
 var DIALOG$1 = {
-	CLOSE_LABEL: "Fechar diálogo"
+	CLOSE_LABEL: "Fechar diálogo",
+	CLOSED: "Caixa de diálogo fechada"
 };
 var FIELD$1 = {
 	VIEW_PASSWORD: "Exibir senha"
 };
 var FILE_UPLOAD$1 = {
-	DRAG_AND_DROP_OR: "Arrastar e soltar ou",
+	DRAG_AND_DROP: "Arraste e solte o arquivo aqui ou clique para fazer upload",
+	DRAG_AND_DROP_OR: "Arraste e solte ou",
 	BROWSE: "Navegar",
-	YOUR_FILES: "Seus arquivos",
+	YOUR_FILES: "seus arquivos",
 	MAX_SIZE: "Tamanho máx. do arquivo em MB.",
+	MIN_SIZE: "Tamanho mínimo do arquivo em MB",
+	MIN_SIZE_ERROR: "Faça upload de um arquivo maior que ({{min}} MB)",
 	UPLOADING: "Enviando",
-	SUPPORTED_FILE_TYPES: "Tipos de arquivo suportados:",
-	CHANGE: "Alterar"
+	SUPPORTED_FILE_TYPES: "Tipos de arquivo aceitos:",
+	CHANGE: "Alterar",
+	FILE_UPLOADING_SUCCESS: "Arquivo carregado com sucesso",
+	CHOOSE_FILE: "Escolha o arquivo: Nenhum arquivo escolhido"
 };
 var NAVBAR$1 = {
-	LOG_OUT: "Fazer logout"
+	LOG_OUT: "Sair"
+};
+var PASSWORD$1 = {
+	LOWERCASE: "Contém pelo menos uma letra minúscula",
+	UPPERCASE: "Contém pelo menos uma letra maiúscula",
+	NUMBER: "Contém pelo menos um número",
+	SPECIAL_CHARACTER: "Contém pelo menos um caractere especial",
+	CHARACTERS: "Contém pelo menos 12 caracteres",
+	PASSWORD_PLACEHOLDER: "Senha"
+};
+var ERRORS$1 = {
+	REQUIRED: "Este campo é obrigatório",
+	REQUIRED_FIELD: "Este campo é obrigatório - ({{label}})",
+	MAX_LENGTH: "Digite um valor com no máximo ({{maxlength}}) caracteres",
+	MIN_LENGTH: "Digite um valor com no mínimo ({{maxlength}}) caracteres",
+	MAX: "Digite um valor com um valor máximo de ({{max}})",
+	MIN: "Digite um valor com um valor mínimo de ({{min}})",
+	EMAIL_INCORRECT: "Insira um endereço de e-mail válido"
+};
+var SCALE_TABLE$1 = {
+	HIGHEST: "Muito importante",
+	LOWEST: "Nada importante"
+};
+var BUTTON$1 = {
+	PREMIUM_FEATURE: "Recurso Premium"
+};
+var MENU$1 = {
+	MENUITEM_DISABLED: "Este item do menu está desabilitado"
+};
+var ALERT_BANNER$1 = {
+	INFO: "Informações:",
+	WARNING: "Aviso:",
+	ERROR: "Erro:",
+	SUCCESS: "Sucesso:"
 };
 var ptBr = {
 	SNACKBAR: SNACKBAR$1,
@@ -2392,18 +2906,30 @@ var ptBr = {
 	DIALOG: DIALOG$1,
 	FIELD: FIELD$1,
 	FILE_UPLOAD: FILE_UPLOAD$1,
-	NAVBAR: NAVBAR$1
+	NAVBAR: NAVBAR$1,
+	PASSWORD: PASSWORD$1,
+	ERRORS: ERRORS$1,
+	SCALE_TABLE: SCALE_TABLE$1,
+	BUTTON: BUTTON$1,
+	MENU: MENU$1,
+	ALERT_BANNER: ALERT_BANNER$1
 };
 
 var ptBr$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    ALERT_BANNER: ALERT_BANNER$1,
     AUTOCOMPLETE: AUTOCOMPLETE$1,
+    BUTTON: BUTTON$1,
     COMMON: COMMON$1,
     DATEPICKER: DATEPICKER$1,
     DIALOG: DIALOG$1,
+    ERRORS: ERRORS$1,
     FIELD: FIELD$1,
     FILE_UPLOAD: FILE_UPLOAD$1,
+    MENU: MENU$1,
     NAVBAR: NAVBAR$1,
+    PASSWORD: PASSWORD$1,
+    SCALE_TABLE: SCALE_TABLE$1,
     SLIDER: SLIDER$1,
     SNACKBAR: SNACKBAR$1,
     STEPPER: STEPPER$1,
@@ -2414,11 +2940,12 @@ var SNACKBAR = {
 	DISMISS: "Avfärda"
 };
 var AUTOCOMPLETE = {
-	SELECTED_AMOUNT: "Valda ({{numberSelected}})",
-	SELECTED: "Utvalda",
-	SUGGESTED: "Föreslagna",
+	SELECTED_AMOUNT: "Valda: {{numberSelected}}",
+	SELECTED: "Valda",
+	SUGGESTED: "Föreslaget",
 	ALL_ITEMS: "Alla föremål",
-	NO_RESULTS_FOUND: "Inga resultat hittades."
+	NO_RESULTS_FOUND: "Inga resultat hittades.",
+	MAX_SELECTED_ERROR: "Du har nått det maximala antalet ({{max}}) taggar. Ta bort en tagg för att lägga till en annan."
 };
 var STEPPER = {
 	FINAL_STEP: "Sista steget"
@@ -2438,11 +2965,11 @@ var COMMON = {
 	NO: "Nej",
 	CONTINUE: "Fortsätt",
 	NEXT: "Nästa",
-	CLOSE: "Nära",
+	CLOSE: "Stäng",
 	THANK_YOU: "Tack",
 	CANCEL: "Avbryt",
 	CONFIRM: "Bekräfta",
-	SUBMIT: "Skicka in",
+	SUBMIT: "Skicka",
 	EMAIL: "E-post",
 	OK: "OK",
 	REMOVE: "Ta bort",
@@ -2451,10 +2978,10 @@ var COMMON = {
 	BACK: "Tillbaka",
 	SAVE: "Spara",
 	SAVING: "Sparar",
-	DELETE: "Radera",
+	DELETE: "Ta bort",
 	SELECT: "Välj",
 	SEND: "Skicka",
-	"N/A": "N/A",
+	"N/A": "Ej tillgänglig",
 	EDIT: "Redigera",
 	SKIP: "Hoppa över",
 	SEARCH: "Sök",
@@ -2465,26 +2992,68 @@ var COMMON = {
 	NO_RESULTS: "Inga resultat",
 	MAX: "Max",
 	MIN: "Min",
-	CLEAR: "Rensa"
+	CLEAR: "Rensa",
+	PHONE_NUMBER: "Telefonnummer",
+	ON: "På",
+	OFF: "Av"
 };
 var DIALOG = {
-	CLOSE_LABEL: "Stäng dialogrutan"
+	CLOSE_LABEL: "Stäng dialogrutan",
+	CLOSED: "Dialog stängd"
 };
 var FIELD = {
 	VIEW_PASSWORD: "Visa lösenord"
 };
 var FILE_UPLOAD = {
+	DRAG_AND_DROP: "Dra och släpp filen här eller klicka för att ladda upp",
 	DRAG_AND_DROP_OR: "Dra och släpp eller",
 	BROWSE: "Bläddra",
-	YOUR_FILES: "Dina filer",
-	MAX_SIZE: "MB maximal filstorlek.",
-	UPLOADING: "Uppladdning",
+	YOUR_FILES: "dina filer",
+	MAX_SIZE: "Maximal filstorlek MB",
+	MIN_SIZE: "MB minimum filstorlek",
+	MIN_SIZE_ERROR: "Ladda upp en fil som är större än ({{min}} MB)",
+	UPLOADING: "Laddar upp",
 	SUPPORTED_FILE_TYPES: "Filtyper som stöds:",
-	CHANGE: "Förändring"
+	CHANGE: "Ändra",
+	FILE_UPLOADING_SUCCESS: "Filen har laddats upp",
+	CHOOSE_FILE: "Välj fil: Ingen fil har valts"
 };
 var NAVBAR = {
 	LOG_OUT: "Logga ut"
 };
+var PASSWORD = {
+	LOWERCASE: "Innehåller minst en gemen bokstav",
+	UPPERCASE: "Innehåller minst en versal",
+	NUMBER: "Innehåller minst ett nummer",
+	SPECIAL_CHARACTER: "Innehåller minst ett specialtecken",
+	CHARACTERS: "Innehåller minst 12 tecken",
+	PASSWORD_PLACEHOLDER: "Lösenord"
+};
+var ERRORS = {
+	REQUIRED: "Detta fält är obligatoriskt",
+	REQUIRED_FIELD: "Detta fält är obligatoriskt - ({{label}})",
+	MAX_LENGTH: "Ange ett värde med en maximal längd på ({{maxlength}}) tecken",
+	MIN_LENGTH: "Ange ett värde med en minsta längd på ({{maxlength}}) tecken",
+	MAX: "Ange ett värde med ett maximalt värde på ({{max}})",
+	MIN: "Vänligen ange ett värde med ett minimivärde på ({{min}})",
+	EMAIL_INCORRECT: "Ange giltig e-postadress"
+};
+var SCALE_TABLE = {
+	HIGHEST: "Mycket viktigt",
+	LOWEST: "Inte alls viktigt"
+};
+var BUTTON = {
+	PREMIUM_FEATURE: "Premium-funktion"
+};
+var MENU = {
+	MENUITEM_DISABLED: "Det här menyalternativet är inaktiverat"
+};
+var ALERT_BANNER = {
+	INFO: "Information:",
+	WARNING: "Varning:",
+	ERROR: "Fel:",
+	SUCCESS: "Framgång:"
+};
 var svSe = {
 	SNACKBAR: SNACKBAR,
 	AUTOCOMPLETE: AUTOCOMPLETE,
@@ -2495,18 +3064,30 @@ var svSe = {
 	DIALOG: DIALOG,
 	FIELD: FIELD,
 	FILE_UPLOAD: FILE_UPLOAD,
-	NAVBAR: NAVBAR
+	NAVBAR: NAVBAR,
+	PASSWORD: PASSWORD,
+	ERRORS: ERRORS,
+	SCALE_TABLE: SCALE_TABLE,
+	BUTTON: BUTTON,
+	MENU: MENU,
+	ALERT_BANNER: ALERT_BANNER
 };
 
 var svSe$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
+    ALERT_BANNER: ALERT_BANNER,
     AUTOCOMPLETE: AUTOCOMPLETE,
+    BUTTON: BUTTON,
     COMMON: COMMON,
     DATEPICKER: DATEPICKER,
     DIALOG: DIALOG,
+    ERRORS: ERRORS,
     FIELD: FIELD,
     FILE_UPLOAD: FILE_UPLOAD,
+    MENU: MENU,
     NAVBAR: NAVBAR,
+    PASSWORD: PASSWORD,
+    SCALE_TABLE: SCALE_TABLE,
     SLIDER: SLIDER,
     SNACKBAR: SNACKBAR,
     STEPPER: STEPPER,
@@ -3970,11 +4551,11 @@ class DialogComponent {
         this.primaryButtonClickEvent.emit(event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: DialogComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i1$3.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: DialogComponent, selector: "ui-dialog", inputs: { title: "title", showCloseButton: "showCloseButton", canCloseFn: "canCloseFn", secondaryButtonLabel: "secondaryButtonLabel", primaryButtonLabel: "primaryButtonLabel", secondaryButtonType: "secondaryButtonType", primaryButtonType: "primaryButtonType", language: "language", companyColor: "companyColor", applicationTheme: "applicationTheme", disablePrimaryButton: "disablePrimaryButton", disableClose: "disableClose", shouldDisableButtons: "shouldDisableButtons", ariaLabelledby: "ariaLabelledby", ariaDescribedby: "ariaDescribedby", keyboardOpen: "keyboardOpen" }, outputs: { closeEvent: "closeEvent", secondaryButtonClickEvent: "secondaryButtonClickEvent", primaryButtonClickEvent: "primaryButtonClickEvent" }, host: { listeners: { "keydown.esc": "onEsc($event)" }, properties: { "style.--color": "this.companyColor" } }, viewQueries: [{ propertyName: "closeButton", first: true, predicate: ["closeButton"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"dialog-container\" [attr.theme]=\"applicationTheme\">\n  <div\n    mat-dialog-title\n    class=\"dialog-title\"\n    [attr.aria-modal]=\"true\"\n    [attr.aria-labelledby]=\"'labelledby'\"\n    [attr.aria-describedby]=\"'ariaDescribedby'\"\n  >\n\n    <span [style.display]=\"'none'\" id=\"ariaDescribedby\">{{ ariaDescribedby }}</span>\n    <h3 class=\"bold\" id=\"labelledby\">{{ title }}</h3>\n    <div *ngIf=\"showCloseButton\">\n      <ui-button\n        #closeButton\n        [variant]=\"'icon-button'\"\n        [iconName]=\"'Close'\"\n        [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n        [applicationTheme]=\"applicationTheme\"\n        [tooltip]=\"('COMMON.CLOSE') | uiTranslate : language\"\n        (click)=\"onClose($event)\"\n        (buttonClickEvent)=\"dismiss()\"\n        id=\"dialog-close-button\"\n      ></ui-button>\n    </div>\n  </div>\n  <mat-dialog-content>\n    <ng-content></ng-content>\n  </mat-dialog-content>\n  <div mat-dialog-actions *ngIf=\"secondaryButtonLabel !== '' || primaryButtonLabel !== ''\">\n    <ui-button\n      [companyColor]=\"companyColor\"\n      [variant]=\"secondaryButtonType\"\n      [applicationTheme]=\"applicationTheme\"\n      *ngIf=\"!!secondaryButtonLabel\"\n      [label]=\"secondaryButtonLabel\"\n      (click)=\"onSecondaryButtonClick($event)\"\n    ></ui-button>\n    <ui-button\n      [variant]=\"primaryButtonType\"\n      *ngIf=\"!!primaryButtonLabel\"\n      [disabled]=\"disableButtons || disablePrimaryButton\"\n      [applicationTheme]=\"applicationTheme\"\n      (click)=\"onPrimaryButtonClick($event)\"\n      [label]=\"primaryButtonLabel\"\n      [companyColor]=\"companyColor\"\n      (buttonClickEvent)=\"dismiss()\"\n    ></ui-button>\n  </div>\n\n<!--  This is announcement for screen reader that dialog was closed-->\n  <div aria-live=\"assertive\" role=\"alert\" style=\"position: absolute; left: -9999px;\">\n    <span *ngIf=\"modalClosed\">{{ 'DIALOG.CLOSED' | uiTranslate : language }}</span>\n  </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.ui-dialog-wrapper{display:flex;flex-flow:column}.ui-dialog-wrapper.small{width:600px}.ui-dialog-wrapper.large{width:956px}.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:8px;padding:16px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{padding:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:10px}.ui-dialog-wrapper.dark .dialog-title,.ui-dialog-wrapper.light .dialog-title{height:40px;padding:0;margin-bottom:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-content,.ui-dialog-wrapper.light .mat-mdc-dialog-content{padding:0}.ui-dialog-wrapper.dark .mat-mdc-dialog-actions,.ui-dialog-wrapper.light .mat-mdc-dialog-actions{padding:0;margin-top:32px}.ui-dialog-wrapper .mat-mdc-dialog-content{font-size:14px;color:#000;line-height:20px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container{--mdc-dialog-container-color: #424242}.ui-dialog-wrapper.dark .mat-mdc-dialog-content{color:#fff!important}.ui-dialog-wrapper.dark .dialog-title{--mdc-dialog-subhead-color: #ffffff}.dialog-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.dialog-title .close{margin-right:-24px}.dialog-title:before{content:none}.mat-mdc-dialog-actions{display:flex;justify-content:flex-end;column-gap:16px;padding:16px 0 0;margin-bottom:0;min-height:48px}@media (max-width: 1024px){.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:320px;max-width:600px;border-radius:0}.mat-mdc-dialog-content{max-height:524px}}@media (max-width: 600px){.cdk-overlay-pane.ui-dialog-wrapper{max-width:100%!important;min-height:100%;display:flex;flex-flow:column}.cdk-overlay-pane.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:100%;max-width:100%;height:100%;display:flex;flex-grow:1;border-radius:0}ui-dialog{height:100%;display:flex;flex-flow:column}.mat-mdc-dialog-content{max-height:unset;display:flex;flex-grow:1;flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "language", "preventDefault", "tooltipPosition"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: DialogComponent, selector: "ui-dialog", inputs: { title: "title", showCloseButton: "showCloseButton", canCloseFn: "canCloseFn", secondaryButtonLabel: "secondaryButtonLabel", primaryButtonLabel: "primaryButtonLabel", secondaryButtonType: "secondaryButtonType", primaryButtonType: "primaryButtonType", language: "language", companyColor: "companyColor", applicationTheme: "applicationTheme", disablePrimaryButton: "disablePrimaryButton", disableClose: "disableClose", shouldDisableButtons: "shouldDisableButtons", ariaLabelledby: "ariaLabelledby", ariaDescribedby: "ariaDescribedby", keyboardOpen: "keyboardOpen" }, outputs: { closeEvent: "closeEvent", secondaryButtonClickEvent: "secondaryButtonClickEvent", primaryButtonClickEvent: "primaryButtonClickEvent" }, host: { listeners: { "keydown.esc": "onEsc($event)" }, properties: { "style.--color": "this.companyColor" } }, viewQueries: [{ propertyName: "closeButton", first: true, predicate: ["closeButton"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"dialog-container\" [attr.theme]=\"applicationTheme\">\n  <div\n    mat-dialog-title\n    class=\"dialog-title\"\n    [attr.aria-modal]=\"true\"\n    [attr.aria-labelledby]=\"'labelledby'\"\n    [attr.aria-describedby]=\"'ariaDescribedby'\"\n  >\n\n    <span [style.display]=\"'none'\" id=\"ariaDescribedby\">{{ ariaDescribedby }}</span>\n    <h3 class=\"bold\" id=\"labelledby\">{{ title }}</h3>\n    <div *ngIf=\"showCloseButton\">\n      <ui-button\n        #closeButton\n        [variant]=\"'icon-button'\"\n        [iconName]=\"'Close'\"\n        [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n        [applicationTheme]=\"applicationTheme\"\n        [tooltip]=\"('COMMON.CLOSE') | uiTranslate : language\"\n        (click)=\"onClose($event)\"\n        (buttonClickEvent)=\"dismiss()\"\n        id=\"dialog-close-button\"\n      ></ui-button>\n    </div>\n  </div>\n  <mat-dialog-content>\n    <ng-content></ng-content>\n  </mat-dialog-content>\n  <div mat-dialog-actions *ngIf=\"secondaryButtonLabel !== '' || primaryButtonLabel !== ''\">\n    <ui-button\n      [companyColor]=\"companyColor\"\n      [variant]=\"secondaryButtonType\"\n      [applicationTheme]=\"applicationTheme\"\n      *ngIf=\"!!secondaryButtonLabel\"\n      [label]=\"secondaryButtonLabel\"\n      (click)=\"onSecondaryButtonClick($event)\"\n    ></ui-button>\n    <ui-button\n      [variant]=\"primaryButtonType\"\n      *ngIf=\"!!primaryButtonLabel\"\n      [disabled]=\"disableButtons || disablePrimaryButton\"\n      [applicationTheme]=\"applicationTheme\"\n      (click)=\"onPrimaryButtonClick($event)\"\n      [label]=\"primaryButtonLabel\"\n      [companyColor]=\"companyColor\"\n      (buttonClickEvent)=\"dismiss()\"\n    ></ui-button>\n  </div>\n\n<!--  This is announcement for screen reader that dialog was closed-->\n  <div aria-live=\"assertive\" role=\"alert\" style=\"position: absolute; left: -9999px;\">\n    <span *ngIf=\"modalClosed\">{{ 'DIALOG.CLOSED' | uiTranslate : language }}</span>\n  </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.ui-dialog-wrapper{display:flex;flex-flow:column}.ui-dialog-wrapper.small{width:600px}.ui-dialog-wrapper.large{width:956px}.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:8px;padding:16px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{padding:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:10px}.ui-dialog-wrapper.dark .dialog-title,.ui-dialog-wrapper.light .dialog-title{height:40px;padding:0;margin-bottom:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-content,.ui-dialog-wrapper.light .mat-mdc-dialog-content{padding:0}.ui-dialog-wrapper.dark .mat-mdc-dialog-actions,.ui-dialog-wrapper.light .mat-mdc-dialog-actions{padding:0;margin-top:32px}.ui-dialog-wrapper .mat-mdc-dialog-content{font-size:14px;color:#000;line-height:20px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container{--mdc-dialog-container-color: #424242}.ui-dialog-wrapper.dark .mat-mdc-dialog-content{color:#fff!important}.ui-dialog-wrapper.dark .dialog-title{--mdc-dialog-subhead-color: #ffffff}.dialog-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.dialog-title .close{margin-right:-24px}.dialog-title:before{content:none}.mat-mdc-dialog-actions{display:flex;justify-content:flex-end;column-gap:16px;padding:16px 0 0;margin-bottom:0;min-height:48px}@media (max-width: 1024px){.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:320px;max-width:600px;border-radius:0}.mat-mdc-dialog-content{max-height:524px}}@media (max-width: 600px){.cdk-overlay-pane.ui-dialog-wrapper{max-width:100%!important;min-height:100%;display:flex;justify-content:center}.cdk-overlay-pane.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:100%;max-width:100%;height:100%;display:flex;flex-grow:1;border-radius:0}ui-dialog{height:100%;display:flex;flex-flow:column}.mat-mdc-dialog-content{max-height:unset;display:flex;flex-grow:1;flex-direction:column}}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$3.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$3.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1$3.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: ButtonComponent, selector: "ui-button", inputs: ["size", "variant", "label", "iconPosition", "justIcon", "iconName", "disabled", "loading", "fullWidth", "url", "urlTarget", "value", "tooltip", "isPremium", "type", "companyColor", "buttonBadgeConfig", "applicationTheme", "disabledScaleOnClick", "ariaLabel", "ariaRequired", "ariaLabelledby", "ariaDescribedby", "language", "preventDefault", "tooltipPosition"], outputs: ["buttonClickEvent", "buttonHoverEvent"] }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: DialogComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"dialog-container\" [attr.theme]=\"applicationTheme\">\n  <div\n    mat-dialog-title\n    class=\"dialog-title\"\n    [attr.aria-modal]=\"true\"\n    [attr.aria-labelledby]=\"'labelledby'\"\n    [attr.aria-describedby]=\"'ariaDescribedby'\"\n  >\n\n    <span [style.display]=\"'none'\" id=\"ariaDescribedby\">{{ ariaDescribedby }}</span>\n    <h3 class=\"bold\" id=\"labelledby\">{{ title }}</h3>\n    <div *ngIf=\"showCloseButton\">\n      <ui-button\n        #closeButton\n        [variant]=\"'icon-button'\"\n        [iconName]=\"'Close'\"\n        [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n        [applicationTheme]=\"applicationTheme\"\n        [tooltip]=\"('COMMON.CLOSE') | uiTranslate : language\"\n        (click)=\"onClose($event)\"\n        (buttonClickEvent)=\"dismiss()\"\n        id=\"dialog-close-button\"\n      ></ui-button>\n    </div>\n  </div>\n  <mat-dialog-content>\n    <ng-content></ng-content>\n  </mat-dialog-content>\n  <div mat-dialog-actions *ngIf=\"secondaryButtonLabel !== '' || primaryButtonLabel !== ''\">\n    <ui-button\n      [companyColor]=\"companyColor\"\n      [variant]=\"secondaryButtonType\"\n      [applicationTheme]=\"applicationTheme\"\n      *ngIf=\"!!secondaryButtonLabel\"\n      [label]=\"secondaryButtonLabel\"\n      (click)=\"onSecondaryButtonClick($event)\"\n    ></ui-button>\n    <ui-button\n      [variant]=\"primaryButtonType\"\n      *ngIf=\"!!primaryButtonLabel\"\n      [disabled]=\"disableButtons || disablePrimaryButton\"\n      [applicationTheme]=\"applicationTheme\"\n      (click)=\"onPrimaryButtonClick($event)\"\n      [label]=\"primaryButtonLabel\"\n      [companyColor]=\"companyColor\"\n      (buttonClickEvent)=\"dismiss()\"\n    ></ui-button>\n  </div>\n\n<!--  This is announcement for screen reader that dialog was closed-->\n  <div aria-live=\"assertive\" role=\"alert\" style=\"position: absolute; left: -9999px;\">\n    <span *ngIf=\"modalClosed\">{{ 'DIALOG.CLOSED' | uiTranslate : language }}</span>\n  </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.ui-dialog-wrapper{display:flex;flex-flow:column}.ui-dialog-wrapper.small{width:600px}.ui-dialog-wrapper.large{width:956px}.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:8px;padding:16px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{padding:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:10px}.ui-dialog-wrapper.dark .dialog-title,.ui-dialog-wrapper.light .dialog-title{height:40px;padding:0;margin-bottom:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-content,.ui-dialog-wrapper.light .mat-mdc-dialog-content{padding:0}.ui-dialog-wrapper.dark .mat-mdc-dialog-actions,.ui-dialog-wrapper.light .mat-mdc-dialog-actions{padding:0;margin-top:32px}.ui-dialog-wrapper .mat-mdc-dialog-content{font-size:14px;color:#000;line-height:20px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container{--mdc-dialog-container-color: #424242}.ui-dialog-wrapper.dark .mat-mdc-dialog-content{color:#fff!important}.ui-dialog-wrapper.dark .dialog-title{--mdc-dialog-subhead-color: #ffffff}.dialog-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.dialog-title .close{margin-right:-24px}.dialog-title:before{content:none}.mat-mdc-dialog-actions{display:flex;justify-content:flex-end;column-gap:16px;padding:16px 0 0;margin-bottom:0;min-height:48px}@media (max-width: 1024px){.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:320px;max-width:600px;border-radius:0}.mat-mdc-dialog-content{max-height:524px}}@media (max-width: 600px){.cdk-overlay-pane.ui-dialog-wrapper{max-width:100%!important;min-height:100%;display:flex;flex-flow:column}.cdk-overlay-pane.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:100%;max-width:100%;height:100%;display:flex;flex-grow:1;border-radius:0}ui-dialog{height:100%;display:flex;flex-flow:column}.mat-mdc-dialog-content{max-height:unset;display:flex;flex-grow:1;flex-direction:column}}\n"] }]
+            args: [{ selector: 'ui-dialog', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div class=\"dialog-container\" [attr.theme]=\"applicationTheme\">\n  <div\n    mat-dialog-title\n    class=\"dialog-title\"\n    [attr.aria-modal]=\"true\"\n    [attr.aria-labelledby]=\"'labelledby'\"\n    [attr.aria-describedby]=\"'ariaDescribedby'\"\n  >\n\n    <span [style.display]=\"'none'\" id=\"ariaDescribedby\">{{ ariaDescribedby }}</span>\n    <h3 class=\"bold\" id=\"labelledby\">{{ title }}</h3>\n    <div *ngIf=\"showCloseButton\">\n      <ui-button\n        #closeButton\n        [variant]=\"'icon-button'\"\n        [iconName]=\"'Close'\"\n        [companyColor]=\"applicationTheme === 'classic' ? '#000' : '#242424'\"\n        [applicationTheme]=\"applicationTheme\"\n        [tooltip]=\"('COMMON.CLOSE') | uiTranslate : language\"\n        (click)=\"onClose($event)\"\n        (buttonClickEvent)=\"dismiss()\"\n        id=\"dialog-close-button\"\n      ></ui-button>\n    </div>\n  </div>\n  <mat-dialog-content>\n    <ng-content></ng-content>\n  </mat-dialog-content>\n  <div mat-dialog-actions *ngIf=\"secondaryButtonLabel !== '' || primaryButtonLabel !== ''\">\n    <ui-button\n      [companyColor]=\"companyColor\"\n      [variant]=\"secondaryButtonType\"\n      [applicationTheme]=\"applicationTheme\"\n      *ngIf=\"!!secondaryButtonLabel\"\n      [label]=\"secondaryButtonLabel\"\n      (click)=\"onSecondaryButtonClick($event)\"\n    ></ui-button>\n    <ui-button\n      [variant]=\"primaryButtonType\"\n      *ngIf=\"!!primaryButtonLabel\"\n      [disabled]=\"disableButtons || disablePrimaryButton\"\n      [applicationTheme]=\"applicationTheme\"\n      (click)=\"onPrimaryButtonClick($event)\"\n      [label]=\"primaryButtonLabel\"\n      [companyColor]=\"companyColor\"\n      (buttonClickEvent)=\"dismiss()\"\n    ></ui-button>\n  </div>\n\n<!--  This is announcement for screen reader that dialog was closed-->\n  <div aria-live=\"assertive\" role=\"alert\" style=\"position: absolute; left: -9999px;\">\n    <span *ngIf=\"modalClosed\">{{ 'DIALOG.CLOSED' | uiTranslate : language }}</span>\n  </div>\n</div>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}.ui-dialog-wrapper{display:flex;flex-flow:column}.ui-dialog-wrapper.small{width:600px}.ui-dialog-wrapper.large{width:956px}.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:8px;padding:16px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{padding:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface,.ui-dialog-wrapper.light .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{border-radius:10px}.ui-dialog-wrapper.dark .dialog-title,.ui-dialog-wrapper.light .dialog-title{height:40px;padding:0;margin-bottom:32px}.ui-dialog-wrapper.dark .mat-mdc-dialog-content,.ui-dialog-wrapper.light .mat-mdc-dialog-content{padding:0}.ui-dialog-wrapper.dark .mat-mdc-dialog-actions,.ui-dialog-wrapper.light .mat-mdc-dialog-actions{padding:0;margin-top:32px}.ui-dialog-wrapper .mat-mdc-dialog-content{font-size:14px;color:#000;line-height:20px}.ui-dialog-wrapper.dark .mat-mdc-dialog-container{--mdc-dialog-container-color: #424242}.ui-dialog-wrapper.dark .mat-mdc-dialog-content{color:#fff!important}.ui-dialog-wrapper.dark .dialog-title{--mdc-dialog-subhead-color: #ffffff}.dialog-title{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin:0}.dialog-title .close{margin-right:-24px}.dialog-title:before{content:none}.mat-mdc-dialog-actions{display:flex;justify-content:flex-end;column-gap:16px;padding:16px 0 0;margin-bottom:0;min-height:48px}@media (max-width: 1024px){.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:320px;max-width:600px;border-radius:0}.mat-mdc-dialog-content{max-height:524px}}@media (max-width: 600px){.cdk-overlay-pane.ui-dialog-wrapper{max-width:100%!important;min-height:100%;display:flex;justify-content:center}.cdk-overlay-pane.ui-dialog-wrapper .mat-mdc-dialog-container .mdc-dialog__container .mat-mdc-dialog-surface{min-width:100%;max-width:100%;height:100%;display:flex;flex-grow:1;border-radius:0}ui-dialog{height:100%;display:flex;flex-flow:column}.mat-mdc-dialog-content{max-height:unset;display:flex;flex-grow:1;flex-direction:column}}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -4037,9 +4618,10 @@ class DialogService {
         this.matDialog = matDialog;
         this.defaultAppTheme = defaultAppTheme;
     }
-    open(dialogComponent, applicationTheme = 'light', size = 'small', panelClass = '', extraData, backdropClass = '', keyboardOpen = false) {
+    open(dialogComponent, applicationTheme = 'light', size = 'small', panelClass = '', extraData, backdropClass = '', keyboardOpen = false, config) {
         // Open the dialog using UI custom styles
         return this.matDialog.open(dialogComponent, {
+            ...config,
             data: {
                 applicationTheme: this.defaultAppTheme ?? applicationTheme,
                 ...extraData,
@@ -8566,6 +9148,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
                 }]
         }] });
 
+var IKeyboardEvent;
+(function (IKeyboardEvent) {
+    IKeyboardEvent["ENTER"] = "Enter";
+    IKeyboardEvent["SPACE"] = " ";
+})(IKeyboardEvent || (IKeyboardEvent = {}));
+
 class ToggleComponent {
     constructor(defaultAppTheme) {
         this.defaultAppTheme = defaultAppTheme;
@@ -8643,6 +9231,13 @@ class ToggleComponent {
          * @memberof ToggleComponent
          */
         this.loading = false;
+        /**
+         * A string representing the ARIA requirement for accessibility.
+         * This attribute is used to indicate whether an input field is required for form submission.
+         * @type {string}
+         * @memberof ToggleComponent
+         */
+        this.ariaDescribedby = '';
         this.showLabelTooltip = false;
         this.onChange = () => {
         };
@@ -8685,17 +9280,24 @@ class ToggleComponent {
     changeTextState(state) {
         this.showLabelTooltip = state;
     }
+    onKeydown($event) {
+        $event.stopPropagation();
+        $event.preventDefault();
+        if ($event.key === IKeyboardEvent.ENTER || $event.key === IKeyboardEvent.SPACE) {
+            this.onToggle();
+        }
+    }
     setClasses() {
         this.classes = `${this.disabled ? 'disabled' : ''} ${this.applicationTheme} ${this.loading ? 'loading' : ''} ${!this.label ? 'small-toggle' : ''}`;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: ToggleComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: ToggleComponent, selector: "ui-toggle", inputs: { selected: "selected", disabled: "disabled", label: "label", message: "message", maxWidth: "maxWidth", applicationTheme: "applicationTheme", ariaLabel: "ariaLabel", ariaRequired: "ariaRequired", preventClick: "preventClick", language: "language", loading: "loading" }, outputs: { toggle: "toggle" }, host: { properties: { "style.--max-width": "this.maxWidth" } }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.7", type: ToggleComponent, selector: "ui-toggle", inputs: { selected: "selected", disabled: "disabled", label: "label", message: "message", maxWidth: "maxWidth", applicationTheme: "applicationTheme", ariaLabel: "ariaLabel", ariaRequired: "ariaRequired", preventClick: "preventClick", language: "language", loading: "loading", ariaDescribedby: "ariaDescribedby" }, outputs: { toggle: "toggle" }, host: { properties: { "style.--max-width": "this.maxWidth" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => ToggleComponent),
                 multi: true,
             },
-        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"toggle\" [ngClass]=\"classes\">\n  <div\n    [style.--max-width]=\"maxWidth + 'px'\"\n    [tabIndex]=\"0\"\n    class=\"toggle-container\"\n    [ngClass]=\"{ 'active': selected }\"\n    (click)=\"onToggle()\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-required]=\"ariaRequired\"\n  >\n    <div\n      class=\"label\"\n      uiEllipseText\n      [matTooltipShowDelay]=\"800\"\n      [matTooltip]=\"showLabelTooltip ? label : ''\"\n      (onChangeTextState)=\"changeTextState($event)\"\n    >\n      {{ label }}\n    </div>\n    <div class=\"knob\" *ngIf=\"!loading; else loadingTemplate\" [ngClass]=\"{ selected }\">\n      <ui-icon [color]=\"disabled ? 'grey' : 'white'\" *ngIf=\"selected && !label\" [size]=\"'16'\"  [name]=\"'Check-round-filled'\"></ui-icon>\n    </div>\n\n    <ng-template #loadingTemplate>\n      <ui-spinner [isLoader]=\"false\" [size]=\"'small'\" [applicationTheme]=\"'dark'\"></ui-spinner>\n    </ng-template>\n  </div>\n  <div *ngIf=\"message && selected\" class=\"message\">{{ message }}</div>\n</div>\n\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{width:fit-content;display:block}:host .toggle{height:auto;width:fit-content;display:flex;flex-direction:column;align-items:center}:host .toggle .toggle-container{border:1px solid transparent}:host .toggle.disabled{opacity:.5}:host .toggle.disabled .label{color:#242424!important}:host .toggle.disabled .toggle-container{background:#e0e0e0;pointer-events:none}:host .toggle.disabled .toggle-container:focus{outline:none}:host .toggle.dark.disabled .toggle-container.active,:host .toggle.light.disabled .toggle-container.active{background:#e9e9e9;border:1px solid #242424}:host .toggle.dark.disabled .toggle-container.active .knob:after,:host .toggle.light.disabled .toggle-container.active .knob:after{background:#242424}:host .toggle.dark .toggle-container,:host .toggle.light .toggle-container{background:transparent;border:1px solid #242424}:host .toggle.dark .toggle-container .label,:host .toggle.light .toggle-container .label{color:#242424}:host .toggle.dark .toggle-container .knob:after,:host .toggle.light .toggle-container .knob:after{background:#242424}:host .toggle.dark .toggle-container.active,:host .toggle.light .toggle-container.active{background:#d410aa;border:1px solid #D410AA}:host .toggle.dark .toggle-container.active .label,:host .toggle.light .toggle-container.active .label{color:#fff}:host .toggle.dark .toggle-container.active .knob:after,:host .toggle.light .toggle-container.active .knob:after{background:#fff}:host .toggle.dark .message,:host .toggle.light .message{color:#242424}:host .toggle.dark.disabled .toggle-container.active{border-color:#fff}:host .toggle.dark.disabled .toggle-container.active .knob:after{background:#fff}:host .toggle.dark .toggle-container{border-color:#fff}:host .toggle.dark .toggle-container .label{color:#fff}:host .toggle.dark .toggle-container .knob:after{background:#fff}:host .toggle.dark .message{color:#fff}:host .toggle .toggle-container{min-height:20px;max-height:24px;max-width:var(--max-width);padding:0 3px 0 20px;width:fit-content;min-width:36px;border-radius:16px;background:#888;display:flex;align-items:center;cursor:pointer;position:relative;transition:transform .3s,padding .3s,background .3s}:host .toggle .toggle-container:focus{outline:1px dashed #888888;outline-offset:4px}:host .toggle .toggle-container .knob{height:100%;width:100%;position:absolute;left:-1px;top:0;display:flex;align-items:center;padding:3px;max-height:20px;transition:transform .3s}:host .toggle .toggle-container .knob:after{content:\"\";display:block;border-radius:16px;width:12px;height:12px;background:#fff;transition:background .3s}:host .toggle .toggle-container .label{z-index:1;font-size:8px;font-weight:700;color:#fff;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;pointer-events:visible;line-height:16px}:host .toggle .toggle-container.active{background:#276678;padding:0 20px 0 3px}:host .toggle .toggle-container.active .knob{transform:translate(calc(100% - 15px))}:host .toggle .message{margin-top:4px;font-weight:700;font-size:12px;line-height:16px;color:#276678;text-align:justify}:host .toggle.small-toggle .toggle-container .knob{left:0}:host .toggle.small-toggle .toggle-container .knob:after{width:10px;height:10px}:host .toggle.small-toggle .toggle-container .knob.selected{left:-8px}:host .toggle.small-toggle .toggle-container .knob.selected:after{display:none}:host .toggle.small-toggle .toggle-container .knob.selected ui-icon ::ng-deep svg{width:20px;height:20px}:host .toggle.loading .toggle-container{border-color:#d410aa;background-color:#d410aa;padding:0;display:flex;justify-content:center;cursor:default}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: EllipseTextDirective, selector: "[uiEllipseText]", inputs: ["isMultiline", "maxDiffPixels", "refresh"], outputs: ["onChangeTextState"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme"] }, { kind: "component", type: SpinnerComponent, selector: "ui-spinner", inputs: ["size", "isLoader", "applicationTheme"] }] }); }
+        ], usesOnChanges: true, ngImport: i0, template: "<div class=\"toggle\" [ngClass]=\"classes\">\n  <div\n    [style.--max-width]=\"maxWidth + 'px'\"\n    [tabIndex]=\"0\"\n    class=\"toggle-container\"\n    [ngClass]=\"{ 'active': selected }\"\n    (click)=\"onToggle()\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-required]=\"ariaRequired\"\n    (keydown)=\"onKeydown($event)\"\n    role=\"switch\"\n    [attr.aria-labelledby]=\"'label'\"\n    [attr.aria-describedby]=\"'ariaDescribedby'\"\n    [attr.aria-checked]=\"selected\"\n  >\n    <span [style.display]=\"'none'\" id=\"ariaDescribedby\">{{ ariaDescribedby }}</span>\n    <div\n      class=\"label\"\n      uiEllipseText\n      [matTooltipShowDelay]=\"800\"\n      [matTooltip]=\"showLabelTooltip ? label : ''\"\n      (onChangeTextState)=\"changeTextState($event)\"\n      id=\"label\"\n    >\n      {{ label }}\n    </div>\n    <div class=\"knob\" *ngIf=\"!loading; else loadingTemplate\" [ngClass]=\"{ selected }\">\n      <ui-icon [color]=\"disabled ? 'grey' : 'white'\" *ngIf=\"selected && !label\" [size]=\"'16'\"  [name]=\"'Check-round-filled'\"></ui-icon>\n    </div>\n\n    <ng-template #loadingTemplate>\n      <ui-spinner [isLoader]=\"false\" [size]=\"'small'\" [applicationTheme]=\"'dark'\"></ui-spinner>\n    </ng-template>\n  </div>\n  <div *ngIf=\"message && selected\" class=\"message\">{{ message }}</div>\n</div>\n\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{width:fit-content;display:block}:host .toggle{height:auto;width:fit-content;display:flex;flex-direction:column;align-items:center}:host .toggle .toggle-container{border:1px solid transparent}:host .toggle.disabled{opacity:.5}:host .toggle.disabled .label{color:#242424!important}:host .toggle.disabled .toggle-container{background:#e0e0e0;pointer-events:none}:host .toggle.disabled .toggle-container:focus{outline:none}:host .toggle.dark.disabled .toggle-container.active,:host .toggle.light.disabled .toggle-container.active{background:#e9e9e9;border:1px solid #242424}:host .toggle.dark.disabled .toggle-container.active .knob:after,:host .toggle.light.disabled .toggle-container.active .knob:after{background:#242424}:host .toggle.dark .toggle-container,:host .toggle.light .toggle-container{background:transparent;border:1px solid #242424}:host .toggle.dark .toggle-container .label,:host .toggle.light .toggle-container .label{color:#242424}:host .toggle.dark .toggle-container .knob:after,:host .toggle.light .toggle-container .knob:after{background:#242424}:host .toggle.dark .toggle-container.active,:host .toggle.light .toggle-container.active{background:#d410aa;border:1px solid #D410AA}:host .toggle.dark .toggle-container.active .label,:host .toggle.light .toggle-container.active .label{color:#fff}:host .toggle.dark .toggle-container.active .knob:after,:host .toggle.light .toggle-container.active .knob:after{background:#fff}:host .toggle.dark .message,:host .toggle.light .message{color:#242424}:host .toggle.dark.disabled .toggle-container.active{border-color:#fff}:host .toggle.dark.disabled .toggle-container.active .knob:after{background:#fff}:host .toggle.dark .toggle-container{border-color:#fff}:host .toggle.dark .toggle-container .label{color:#fff}:host .toggle.dark .toggle-container .knob:after{background:#fff}:host .toggle.dark .message{color:#fff}:host .toggle .toggle-container{min-height:20px;max-height:24px;max-width:var(--max-width);padding:0 3px 0 20px;width:fit-content;min-width:36px;border-radius:16px;background:#888;display:flex;align-items:center;cursor:pointer;position:relative;transition:transform .3s,padding .3s,background .3s}@keyframes focus-ring-animation{0%{outline-width:4px}to{outline-width:2px}}:host .toggle .toggle-container:focus-visible{position:relative;outline:2px solid #242424;outline-offset:2px;animation:focus-ring-animation .4s forwards}:host .toggle .toggle-container:focus-visible:after{content:\"\";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;outline:2px solid #ffffff;border-radius:16px}:host .toggle .toggle-container .knob{height:100%;width:100%;position:absolute;left:-1px;top:0;display:flex;align-items:center;padding:3px;max-height:20px;transition:transform .3s}:host .toggle .toggle-container .knob:after{content:\"\";display:block;border-radius:16px;width:12px;height:12px;background:#fff;transition:background .3s}:host .toggle .toggle-container .label{z-index:1;font-size:8px;font-weight:700;color:#fff;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;pointer-events:visible;line-height:16px}:host .toggle .toggle-container.active{background:#276678;padding:0 20px 0 3px}:host .toggle .toggle-container.active .knob{transform:translate(calc(100% - 15px))}:host .toggle .message{margin-top:4px;font-weight:700;font-size:12px;line-height:16px;color:#276678;text-align:justify}:host .toggle.small-toggle .toggle-container .knob{left:0}:host .toggle.small-toggle .toggle-container .knob:after{width:10px;height:10px}:host .toggle.small-toggle .toggle-container .knob.selected{left:-8px}:host .toggle.small-toggle .toggle-container .knob.selected:after{display:none}:host .toggle.small-toggle .toggle-container .knob.selected ui-icon ::ng-deep svg{width:20px;height:20px}:host .toggle.loading .toggle-container{border-color:#d410aa;background-color:#d410aa;padding:0;display:flex;justify-content:center;cursor:default}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "directive", type: EllipseTextDirective, selector: "[uiEllipseText]", inputs: ["isMultiline", "maxDiffPixels", "refresh"], outputs: ["onChangeTextState"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme"] }, { kind: "component", type: SpinnerComponent, selector: "ui-spinner", inputs: ["size", "isLoader", "applicationTheme"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: ToggleComponent, decorators: [{
             type: Component,
@@ -8705,7 +9307,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
                             useExisting: forwardRef(() => ToggleComponent),
                             multi: true,
                         },
-                    ], template: "<div class=\"toggle\" [ngClass]=\"classes\">\n  <div\n    [style.--max-width]=\"maxWidth + 'px'\"\n    [tabIndex]=\"0\"\n    class=\"toggle-container\"\n    [ngClass]=\"{ 'active': selected }\"\n    (click)=\"onToggle()\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-required]=\"ariaRequired\"\n  >\n    <div\n      class=\"label\"\n      uiEllipseText\n      [matTooltipShowDelay]=\"800\"\n      [matTooltip]=\"showLabelTooltip ? label : ''\"\n      (onChangeTextState)=\"changeTextState($event)\"\n    >\n      {{ label }}\n    </div>\n    <div class=\"knob\" *ngIf=\"!loading; else loadingTemplate\" [ngClass]=\"{ selected }\">\n      <ui-icon [color]=\"disabled ? 'grey' : 'white'\" *ngIf=\"selected && !label\" [size]=\"'16'\"  [name]=\"'Check-round-filled'\"></ui-icon>\n    </div>\n\n    <ng-template #loadingTemplate>\n      <ui-spinner [isLoader]=\"false\" [size]=\"'small'\" [applicationTheme]=\"'dark'\"></ui-spinner>\n    </ng-template>\n  </div>\n  <div *ngIf=\"message && selected\" class=\"message\">{{ message }}</div>\n</div>\n\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{width:fit-content;display:block}:host .toggle{height:auto;width:fit-content;display:flex;flex-direction:column;align-items:center}:host .toggle .toggle-container{border:1px solid transparent}:host .toggle.disabled{opacity:.5}:host .toggle.disabled .label{color:#242424!important}:host .toggle.disabled .toggle-container{background:#e0e0e0;pointer-events:none}:host .toggle.disabled .toggle-container:focus{outline:none}:host .toggle.dark.disabled .toggle-container.active,:host .toggle.light.disabled .toggle-container.active{background:#e9e9e9;border:1px solid #242424}:host .toggle.dark.disabled .toggle-container.active .knob:after,:host .toggle.light.disabled .toggle-container.active .knob:after{background:#242424}:host .toggle.dark .toggle-container,:host .toggle.light .toggle-container{background:transparent;border:1px solid #242424}:host .toggle.dark .toggle-container .label,:host .toggle.light .toggle-container .label{color:#242424}:host .toggle.dark .toggle-container .knob:after,:host .toggle.light .toggle-container .knob:after{background:#242424}:host .toggle.dark .toggle-container.active,:host .toggle.light .toggle-container.active{background:#d410aa;border:1px solid #D410AA}:host .toggle.dark .toggle-container.active .label,:host .toggle.light .toggle-container.active .label{color:#fff}:host .toggle.dark .toggle-container.active .knob:after,:host .toggle.light .toggle-container.active .knob:after{background:#fff}:host .toggle.dark .message,:host .toggle.light .message{color:#242424}:host .toggle.dark.disabled .toggle-container.active{border-color:#fff}:host .toggle.dark.disabled .toggle-container.active .knob:after{background:#fff}:host .toggle.dark .toggle-container{border-color:#fff}:host .toggle.dark .toggle-container .label{color:#fff}:host .toggle.dark .toggle-container .knob:after{background:#fff}:host .toggle.dark .message{color:#fff}:host .toggle .toggle-container{min-height:20px;max-height:24px;max-width:var(--max-width);padding:0 3px 0 20px;width:fit-content;min-width:36px;border-radius:16px;background:#888;display:flex;align-items:center;cursor:pointer;position:relative;transition:transform .3s,padding .3s,background .3s}:host .toggle .toggle-container:focus{outline:1px dashed #888888;outline-offset:4px}:host .toggle .toggle-container .knob{height:100%;width:100%;position:absolute;left:-1px;top:0;display:flex;align-items:center;padding:3px;max-height:20px;transition:transform .3s}:host .toggle .toggle-container .knob:after{content:\"\";display:block;border-radius:16px;width:12px;height:12px;background:#fff;transition:background .3s}:host .toggle .toggle-container .label{z-index:1;font-size:8px;font-weight:700;color:#fff;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;pointer-events:visible;line-height:16px}:host .toggle .toggle-container.active{background:#276678;padding:0 20px 0 3px}:host .toggle .toggle-container.active .knob{transform:translate(calc(100% - 15px))}:host .toggle .message{margin-top:4px;font-weight:700;font-size:12px;line-height:16px;color:#276678;text-align:justify}:host .toggle.small-toggle .toggle-container .knob{left:0}:host .toggle.small-toggle .toggle-container .knob:after{width:10px;height:10px}:host .toggle.small-toggle .toggle-container .knob.selected{left:-8px}:host .toggle.small-toggle .toggle-container .knob.selected:after{display:none}:host .toggle.small-toggle .toggle-container .knob.selected ui-icon ::ng-deep svg{width:20px;height:20px}:host .toggle.loading .toggle-container{border-color:#d410aa;background-color:#d410aa;padding:0;display:flex;justify-content:center;cursor:default}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"] }]
+                    ], template: "<div class=\"toggle\" [ngClass]=\"classes\">\n  <div\n    [style.--max-width]=\"maxWidth + 'px'\"\n    [tabIndex]=\"0\"\n    class=\"toggle-container\"\n    [ngClass]=\"{ 'active': selected }\"\n    (click)=\"onToggle()\"\n    [attr.aria-label]=\"ariaLabel\"\n    [attr.aria-required]=\"ariaRequired\"\n    (keydown)=\"onKeydown($event)\"\n    role=\"switch\"\n    [attr.aria-labelledby]=\"'label'\"\n    [attr.aria-describedby]=\"'ariaDescribedby'\"\n    [attr.aria-checked]=\"selected\"\n  >\n    <span [style.display]=\"'none'\" id=\"ariaDescribedby\">{{ ariaDescribedby }}</span>\n    <div\n      class=\"label\"\n      uiEllipseText\n      [matTooltipShowDelay]=\"800\"\n      [matTooltip]=\"showLabelTooltip ? label : ''\"\n      (onChangeTextState)=\"changeTextState($event)\"\n      id=\"label\"\n    >\n      {{ label }}\n    </div>\n    <div class=\"knob\" *ngIf=\"!loading; else loadingTemplate\" [ngClass]=\"{ selected }\">\n      <ui-icon [color]=\"disabled ? 'grey' : 'white'\" *ngIf=\"selected && !label\" [size]=\"'16'\"  [name]=\"'Check-round-filled'\"></ui-icon>\n    </div>\n\n    <ng-template #loadingTemplate>\n      <ui-spinner [isLoader]=\"false\" [size]=\"'small'\" [applicationTheme]=\"'dark'\"></ui-spinner>\n    </ng-template>\n  </div>\n  <div *ngIf=\"message && selected\" class=\"message\">{{ message }}</div>\n</div>\n\n", styles: ["@import\"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap\";.bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{width:fit-content;display:block}:host .toggle{height:auto;width:fit-content;display:flex;flex-direction:column;align-items:center}:host .toggle .toggle-container{border:1px solid transparent}:host .toggle.disabled{opacity:.5}:host .toggle.disabled .label{color:#242424!important}:host .toggle.disabled .toggle-container{background:#e0e0e0;pointer-events:none}:host .toggle.disabled .toggle-container:focus{outline:none}:host .toggle.dark.disabled .toggle-container.active,:host .toggle.light.disabled .toggle-container.active{background:#e9e9e9;border:1px solid #242424}:host .toggle.dark.disabled .toggle-container.active .knob:after,:host .toggle.light.disabled .toggle-container.active .knob:after{background:#242424}:host .toggle.dark .toggle-container,:host .toggle.light .toggle-container{background:transparent;border:1px solid #242424}:host .toggle.dark .toggle-container .label,:host .toggle.light .toggle-container .label{color:#242424}:host .toggle.dark .toggle-container .knob:after,:host .toggle.light .toggle-container .knob:after{background:#242424}:host .toggle.dark .toggle-container.active,:host .toggle.light .toggle-container.active{background:#d410aa;border:1px solid #D410AA}:host .toggle.dark .toggle-container.active .label,:host .toggle.light .toggle-container.active .label{color:#fff}:host .toggle.dark .toggle-container.active .knob:after,:host .toggle.light .toggle-container.active .knob:after{background:#fff}:host .toggle.dark .message,:host .toggle.light .message{color:#242424}:host .toggle.dark.disabled .toggle-container.active{border-color:#fff}:host .toggle.dark.disabled .toggle-container.active .knob:after{background:#fff}:host .toggle.dark .toggle-container{border-color:#fff}:host .toggle.dark .toggle-container .label{color:#fff}:host .toggle.dark .toggle-container .knob:after{background:#fff}:host .toggle.dark .message{color:#fff}:host .toggle .toggle-container{min-height:20px;max-height:24px;max-width:var(--max-width);padding:0 3px 0 20px;width:fit-content;min-width:36px;border-radius:16px;background:#888;display:flex;align-items:center;cursor:pointer;position:relative;transition:transform .3s,padding .3s,background .3s}@keyframes focus-ring-animation{0%{outline-width:4px}to{outline-width:2px}}:host .toggle .toggle-container:focus-visible{position:relative;outline:2px solid #242424;outline-offset:2px;animation:focus-ring-animation .4s forwards}:host .toggle .toggle-container:focus-visible:after{content:\"\";position:absolute;width:calc(100% + 2px);height:calc(100% + 2px);top:-1px;left:-1px;outline:2px solid #ffffff;border-radius:16px}:host .toggle .toggle-container .knob{height:100%;width:100%;position:absolute;left:-1px;top:0;display:flex;align-items:center;padding:3px;max-height:20px;transition:transform .3s}:host .toggle .toggle-container .knob:after{content:\"\";display:block;border-radius:16px;width:12px;height:12px;background:#fff;transition:background .3s}:host .toggle .toggle-container .label{z-index:1;font-size:8px;font-weight:700;color:#fff;text-align:center;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;pointer-events:visible;line-height:16px}:host .toggle .toggle-container.active{background:#276678;padding:0 20px 0 3px}:host .toggle .toggle-container.active .knob{transform:translate(calc(100% - 15px))}:host .toggle .message{margin-top:4px;font-weight:700;font-size:12px;line-height:16px;color:#276678;text-align:justify}:host .toggle.small-toggle .toggle-container .knob{left:0}:host .toggle.small-toggle .toggle-container .knob:after{width:10px;height:10px}:host .toggle.small-toggle .toggle-container .knob.selected{left:-8px}:host .toggle.small-toggle .toggle-container .knob.selected:after{display:none}:host .toggle.small-toggle .toggle-container .knob.selected ui-icon ::ng-deep svg{width:20px;height:20px}:host .toggle.loading .toggle-container{border-color:#d410aa;background-color:#d410aa;padding:0;display:flex;justify-content:center;cursor:default}::ng-deep .mat-mdc-tooltip{background-color:#a9c2c9;font-family:Open Sans,serif;font-weight:400;font-size:12px;border-radius:4px;overflow:visible;max-width:248px;padding:6px 2px;--mdc-plain-tooltip-container-color: none;--mdc-plain-tooltip-supporting-text-color: $tgo-black}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -8738,6 +9340,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
                 type: Input
             }], loading: [{
                 type: Input
+            }], ariaDescribedby: [{
+                type: Input
             }] } });
 
 class ToggleComponentModule {
@@ -9547,6 +10151,12 @@ class AutocompleteComponent {
          * @memberof AutocompleteComponent
          */
         this.label = '';
+        /**
+       * @property placeholder
+       * @description The placeholder for the autocomplete input.
+       * @memberof AutocompleteComponent
+       */
+        this.placeholder = '';
         /**
          * @property type
          * @description The type of the autocomplete ('single', 'multi', etc.).
@@ -10023,11 +10633,11 @@ class AutocompleteComponent {
         return this.value ? !!Object.keys(this.value).length : false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: AutocompleteComponent, deps: [{ token: 'CANOPYUI_DEFAULT_APPLICATION_THEME', optional: true }, { token: i0.ChangeDetectorRef }, { token: i2.DomSanitizer }, { token: i1$2.NgControl, optional: true, self: true }, { token: i0.Renderer2 }, { token: PLATFORM_ID }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: AutocompleteComponent, selector: "ui-autocomplete", inputs: { itemsList: "itemsList", suggestionsList: "suggestionsList", disabled: "disabled", allowAdd: "allowAdd", textField: "textField", valueField: "valueField", label: "label", itemValue: "itemValue", type: "type", minCharactersSearch: "minCharactersSearch", variant: "variant", language: "language", showBottomContent: "showBottomContent", valuePrimitive: "valuePrimitive", fullWidth: "fullWidth", applicationTheme: "applicationTheme", required: "required", errors: "errors", companyColor: "companyColor", hideBuiltInErrors: "hideBuiltInErrors", hideLabelInErrors: "hideLabelInErrors", virtualScroll: ["virtualScroll", "virtualScroll", booleanAttribute], compareWith: "compareWith", dropdownPanelClass: "dropdownPanelClass", closeOnScroll: "closeOnScroll", size: "size", allowUserInput: "allowUserInput", clearable: "clearable", exactMatchSelect: "exactMatchSelect", maxItemSelected: "maxItemSelected" }, outputs: { selectionChange: "selectionChange", searchTextChange: "searchTextChange", blur: "blur", focus: "focus" }, host: { properties: { "class.full-width": "this.fullWidth", "attr.theme": "this.applicationTheme" } }, viewQueries: [{ propertyName: "formFieldElement", first: true, predicate: ["formField"], descendants: true }, { propertyName: "tagContainer", first: true, predicate: ["tagContainer"], descendants: true }, { propertyName: "autocomplete", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "cdkVirtualScrollViewPort", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "matAutocomplete", first: true, predicate: ["autocomplete"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n  <div class=\"autocomplete-wrapper\" [ngClass]=\"{ 'full-width': fullWidth, disabled: disabled }\">\n    <mat-form-field\n      [color]=\"(safeErrors.length || (ngControl?.errors && ngControl?.touched ) || (AutocompleteUtils.isArray(value) && value.length) > maxItemSelected || ((AutocompleteUtils.isArray(value) && value.length) >= maxItemSelected && inputValue) ) ? 'warn' : 'accent'\"\n      [appearance]=\"'outline'\"\n      [ngClass]=\"{ 'large-size': type === autocompleteType.LARGE, 'hide-bottom-content': !showBottomContent }\"\n    >\n      <mat-label *ngIf=\"label\">{{ label }} <span *ngIf=\"required\">*</span></mat-label>\n      <div #formField class=\"input-container\">\n        <div\n          class=\"selected-items\"\n          #tagContainer\n          *ngIf=\"\n            (type === autocompleteType.LARGE && this.value) ||\n            (!(inputValue && this.isInputFocus) && this.value && type !== autocompleteType.SINGLE)\n          \"\n        >\n          <ui-tag\n            class=\"value-tag\"\n            [id]=\"'ui-tag-' + i\"\n            *ngFor=\"let valueItem of value; let i = index\"\n            [label]=\"valueItem | transformItem: textField\"\n            [allowClose]=\"true\"\n            [applicationTheme]=\"applicationTheme\"\n            [style.opacity]=\"type === autocompleteType.MULTI ? inputOpacity : 1\"\n            [style.display]=\"(isOverLapping && i > 0 && i >= overlapIndex) || (size === 'small' && value.length > 1)  ? 'none' : 'block'\"\n            [ngStyle]=\"{ '--tag-max-width': type === autocompleteType.LARGE ? 'fit-content' : firstTagMaxWidth + 'px' }\"\n            [ngClass]=\"{\n              'overlap-tag': isOverlapChecking && overlapIndex && i >= overlapIndex && type === autocompleteType.MULTI\n            }\"\n            (close)=\"onOptionRemoved(valueItem)\"\n          ></ui-tag>\n          @if (size === 'small') {\n            <div class=\"selected-count\" *ngIf=\"value.length > 1\">\n              {{ (translationContext + 'SELECTED_AMOUNT' | uiTranslate : language : { numberSelected: (value | slice: overlapIndex).length }) }}\n            </div>\n          } @else {\n            <div *ngIf=\"value.length > 1 && isOverLapping\" class=\"overlap-count\">\n              <ui-tag [applicationTheme]=\"applicationTheme\"\n                      [label]=\"'+' + (value.length - overlapIndex)\"></ui-tag>\n            </div>\n          }\n        </div>\n        <input\n          #trigger=\"matAutocompleteTrigger\"\n          [uiPreventInput]=\"!allowUserInput\"\n          [disabled]=\"disabled\"\n          [ngClass]=\"{ 'unset-margin': this.value && type === autocompleteType.LARGE, 'no-caret': !allowUserInput }\"\n          (blur)=\"refillInput()\"\n          (focusin)=\"onFocus()\"\n          [style.opacity]=\"type === autocompleteType.MULTI ? inputOpacity : 1\"\n          matInput\n          [type]=\"'text'\"\n          [matAutocomplete]=\"autocomplete\"\n          (input)=\"onInputChange($event)\"\n          [(ngModel)]=\"inputValue\"\n        />\n      </div>\n\n      <ui-icon\n        *ngIf=\"clearable && (type === autocompleteType.SINGLE && (value?.length || hasObjectValue)) || (type !== autocompleteType.SINGLE && value && value.length > 1 && ((AutocompleteUtils.isPrimitive(value) && value.length) || (!AutocompleteUtils.isPrimitive(value) && (AutocompleteUtils.isArray(value) && value.length || !AutocompleteUtils.isArray(value) && !value.length))))\"\n        class=\"remove-selected\"\n        [ngClass]=\"{ 'large-input-icon': type === autocompleteType.LARGE }\"\n        (click)=\"onClear();$event.preventDefault();$event.stopPropagation()\"\n        [size]=\"'24'\"\n        [color]=\"applicationTheme === 'classic' ? 'inherit' : 'rebrand-black'\"\n        [name]=\"applicationTheme === 'classic' ? 'Close' : 'Close-in-line'\"\n      ></ui-icon>\n\n      <ui-icon\n        class=\"arrow-state\"\n        [ngClass]=\"{ opened: autocomplete.isOpen, 'large-input-icon': type === autocompleteType.LARGE }\"\n        *ngIf=\"isDropdown\"\n        [size]=\"'24'\"\n        [name]=\"applicationTheme !== 'classic' ? 'Arrow-chevron-down-in-line' : 'Arrow_down'\"\n        (click)=\"onChevronClick(autocomplete)\"\n      ></ui-icon>\n\n      <mat-autocomplete\n        #autocomplete\n        [class]=\"applicationTheme + ' ' + dropdownPanelClass\"\n        (optionSelected)=\"onOptionSelected($event)\"\n        [disableRipple]=\"applicationTheme !== 'classic'\"\n        [hideSingleSelectionIndicator]=\"false\"\n        (opened)=\"gotoUp()\"\n      >\n        @if (value?.length < maxItemSelected) {\n          <ng-container *ngIf=\"!(searchResult$ | async)\">\n            <ng-container *ngIf=\"!isDropdown; else dropdownList\">\n              <mat-optgroup [label]=\"(translationContext + 'SUGGESTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"suggestionsList.length\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': suggested | includes: value : valueField }\"\n                  *ngFor=\"let suggested of suggestionsList\"\n                  [value]=\"suggested\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ suggested | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n\n              <mat-optgroup [label]=\"(translationContext + 'SELECTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"value?.length && type !== autocompleteType.SINGLE\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of value\"\n                  [value]=\"item\"\n                >\n                  <span>{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n\n              <mat-optgroup [label]=\"(translationContext + 'SELECTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"value?.length && type === autocompleteType.SINGLE\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [class]=\"'selected-option'\"\n                  [value]=\"value\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ value | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n            </ng-container>\n\n            <ng-template #dropdownList>\n              <cdk-virtual-scroll-viewport *ngIf=\"virtualScroll; else defaultViewPort\" [itemSize]=\"48\"\n                                           [style.height]=\"'200px'\" class=\"virtual-scroll\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *cdkVirtualFor=\"let item of itemsList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </cdk-virtual-scroll-viewport>\n\n              <ng-template #defaultViewPort>\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of itemsList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </ng-template>\n\n            </ng-template>\n\n          </ng-container>\n\n          <ng-container *ngIf=\"filteredSuggestionList$ | async as filteredSuggestionList\">\n            <ng-container *ngIf=\"filteredItemsList$ | async as filteredItemsList\">\n              <mat-optgroup [label]=\"(translationContext + 'SUGGESTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"filteredSuggestionList.length\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of filteredSuggestionList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n\n              <ng-container *ngIf=\"!filteredSuggestionList.length; else showItemListWithGroup\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of filteredItemsList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </ng-container>\n\n              <ng-template #showItemListWithGroup>\n                <mat-optgroup [label]=\"(translationContext + 'ALL_ITEMS') | uiTranslate : language | uppercase\"\n                              *ngIf=\"filteredItemsList.length\">\n                  <mat-option\n                    (mousedown)=$event.preventDefault()\n                    [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                    *ngFor=\"let item of filteredItemsList\"\n                    [value]=\"item\"\n                  >\n                    <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                    <ui-icon [applicationTheme]=\"applicationTheme\"\n                             [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                  </mat-option>\n                </mat-optgroup>\n              </ng-template>\n\n              <ng-container *ngIf=\"!filteredItemsList.length && !filteredSuggestionList.length && inputValue\">\n                <ng-container *ngIf=\"allowAdd; else notFound\">\n                  <mat-option (mousedown)=$event.preventDefault() [value]=\"inputValue\">\n                    <span>{{ ('COMMON.ADD') | uiTranslate : language }}</span>\n                    <span class=\"add-suggestion\">\"{{ inputValue }}\"</span>\n                  </mat-option>\n                </ng-container>\n\n                <ng-template #notFound>\n                  <mat-option [style.pointer-events]=\"'none'\">\n                    <span>{{ (translationContext + 'NO_RESULTS_FOUND') | uiTranslate : language }}</span>\n                  </mat-option>\n                </ng-template>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n        }\n      </mat-autocomplete>\n      <mat-hint class=\"error\" *ngIf=\"safeErrors.length || (ngControl?.errors | hasValidationError) || (AutocompleteUtils.isArray(value) && value.length) > maxItemSelected || ((AutocompleteUtils.isArray(value) && value.length) >= maxItemSelected && inputValue)\">\n        <div class=\"errors\" *ngIf=\"(AutocompleteUtils.isArray(value) && value.length) > maxItemSelected || ((AutocompleteUtils.isArray(value) && value.length) >= maxItemSelected && inputValue)\">\n          <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n          <span>{{ (translationContext + 'MAX_SELECTED_ERROR') | uiTranslate : language : { max: maxItemSelected } }}</span>\n        </div>\n        <ng-container *ngIf=\"safeErrors.length\">\n          <div class=\"errors\" *ngFor=\"let error of safeErrors; trackBy: trackByFn\">\n            <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n            <span [innerHTML]=\"error\"></span>\n          </div>\n        </ng-container>\n        <ui-validation-error *ngIf=\"ngControl && !hideBuiltInErrors\" [ngControl]=\"ngControl\"\n                             [label]=\"hideLabelInErrors ? null : label\" [language]=\"language\"></ui-validation-error>\n\n      </mat-hint>\n    </mat-form-field>\n  </div>\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{width:320px;display:block}:host.full-width{width:100%}:host ui-tag{height:32px;margin:4px}:host ui-tag ::ng-deep .tag-container{margin:0!important}:host ui-tag ::ng-deep .tag-wrapper{max-width:fit-content}.large-size input{margin:10px 0}.large-size .selected-items{margin:5px 0;flex-wrap:wrap}.large-size .input-container{display:block}.large-size ::ng-deep .mat-mdc-form-field-infix,.large-size .mat-mdc-form-field-flex{align-items:unset!important}.disabled{opacity:.5}.disabled *{pointer-events:none}.input-container{width:100%;margin:auto;display:flex}.input-container .selected-items{display:flex}.input-container .selected-items .selected-count{white-space:nowrap}.input-container .selected-items .value-tag{max-width:var(--tag-max-width)}.input-container .selected-items .value-tag ::ng-deep .tag-container{max-width:var(--tag-max-width)}.input-container .selected-items .overlap-count{font-size:14px;line-height:20px}.input-container .selected-items .overlap-count ui-tag{display:block}.input-container .selected-items .overlap-tag{position:absolute;opacity:0}.input-container input{margin-left:4px}.input-container input.unset-margin{margin-top:unset}.input-container input.no-caret{cursor:pointer;caret-color:transparent!important}.add-suggestion{margin:0 5px;color:#000;font-weight:700}.remove-selected{cursor:pointer}.remove-selected.large-input-icon{margin-top:10px}.arrow-state{height:24px;cursor:pointer}.arrow-state.large-input-icon{margin-top:10px}.arrow-state.opened{transform:rotateX(180deg)}::ng-deep .autocomplete-wrapper .mat-mdc-form-field{width:100%}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error,::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error svg{color:#cb7b7a}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error{display:flex}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error{display:flex;flex-flow:column;row-gap:4px}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error .errors{display:flex}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error .errors ui-icon{margin-right:8px}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error{color:#e02800!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error svg{color:#e02800!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-bottom-align:before{height:0}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint-wrapper{padding:0 0 12px;font-size:12px;line-height:16px;position:relative}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint-wrapper .mat-form-field-hint-spacer{display:none}::ng-deep .autocomplete-wrapper .mat-mdc-form-field.hide-bottom-content .mat-mdc-form-field-subscript-wrapper{display:none}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{top:28px!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:22px!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-text-field-wrapper{padding-left:12px!important;height:unset!important;max-height:unset!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{color:#276678!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch{border-bottom:2px solid #276678!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading{border-left:2px solid #276678!important;border-bottom:2px solid #276678!important;border-top:2px solid #276678!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border:2px solid #276678!important;border-left:unset!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-infix,::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-flex{min-height:48px!important;max-height:184px!important;overflow-y:auto;overflow-x:hidden;padding:0!important;display:flex;justify-content:center;text-align:center;align-items:center;flex-direction:row;width:100%}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-line-ripple{display:none!important}::ng-deep .mat-mdc-autocomplete-panel{box-shadow:0 8px 24px 4px #00000014;max-height:312px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option:focus:not(.mdc-list-item--disabled),::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active,::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:#e9f0f1!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option{padding-right:32px;padding-left:12px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option ui-icon{display:none;position:absolute;right:0;bottom:calc(50% - 8px);margin:0 10px}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.selected-option{background:#e9f0f1}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.selected-option ui-icon{display:block}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text,::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item--activated .mdc-list-item__primary-text{color:#000!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox{display:none}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-optgroup .mat-mdc-optgroup-label{font-weight:700!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-optgroup .mdc-list-item__primary-text{color:#000;font-size:12px;line-height:16px;font-weight:700}.active-field .mdc-notched-outline__leading{border-left-width:2px;border-top-width:2px;border-bottom-width:2px}.active-field .mdc-notched-outline__notch{border-top-width:2px;border-bottom-width:2px}.active-field .mdc-notched-outline__trailing{border-top-width:2px;border-bottom-width:2px;border-right-width:2px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i5$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2$4.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i2$4.MatOptgroup, selector: "mat-optgroup", inputs: ["disabled"], exportAs: ["matOptgroup"] }, { kind: "directive", type: i5$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TagComponent, selector: "ui-tag", inputs: ["label", "icon", "allowClose", "readOnly", "isSelected", "showIconWhenSelected", "isDisabled", "applicationTheme", "ariaLabel", "ariaRequired"], outputs: ["close", "press"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme"] }, { kind: "component", type: ValidationErrorComponent, selector: "ui-validation-error", inputs: ["ngControl", "touchedOn", "errorMessage", "label", "applicationTheme", "language"] }, { kind: "directive", type: i11.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i11.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: i11.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: PreventInputDirective, selector: "[uiPreventInput]", inputs: ["uiPreventInput"] }, { kind: "directive", type: SelectTextDirective, selector: "[selectText]", inputs: ["selectText"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: HasValidationErrorPipe, name: "hasValidationError" }, { kind: "pipe", type: TransformItemPipe, name: "transformItem" }, { kind: "pipe", type: IncludesPipe, name: "includes" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: AutocompleteComponent, selector: "ui-autocomplete", inputs: { itemsList: "itemsList", suggestionsList: "suggestionsList", disabled: "disabled", allowAdd: "allowAdd", textField: "textField", valueField: "valueField", label: "label", placeholder: "placeholder", itemValue: "itemValue", type: "type", minCharactersSearch: "minCharactersSearch", variant: "variant", language: "language", showBottomContent: "showBottomContent", valuePrimitive: "valuePrimitive", fullWidth: "fullWidth", applicationTheme: "applicationTheme", required: "required", errors: "errors", companyColor: "companyColor", hideBuiltInErrors: "hideBuiltInErrors", hideLabelInErrors: "hideLabelInErrors", virtualScroll: ["virtualScroll", "virtualScroll", booleanAttribute], compareWith: "compareWith", dropdownPanelClass: "dropdownPanelClass", closeOnScroll: "closeOnScroll", size: "size", allowUserInput: "allowUserInput", clearable: "clearable", exactMatchSelect: "exactMatchSelect", maxItemSelected: "maxItemSelected" }, outputs: { selectionChange: "selectionChange", searchTextChange: "searchTextChange", blur: "blur", focus: "focus" }, host: { properties: { "class.full-width": "this.fullWidth", "attr.theme": "this.applicationTheme" } }, viewQueries: [{ propertyName: "formFieldElement", first: true, predicate: ["formField"], descendants: true }, { propertyName: "tagContainer", first: true, predicate: ["tagContainer"], descendants: true }, { propertyName: "autocomplete", first: true, predicate: ["trigger"], descendants: true }, { propertyName: "cdkVirtualScrollViewPort", first: true, predicate: CdkVirtualScrollViewport, descendants: true }, { propertyName: "matAutocomplete", first: true, predicate: ["autocomplete"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<ng-container>\n  <div class=\"autocomplete-wrapper\" [ngClass]=\"{ 'full-width': fullWidth, disabled: disabled }\">\n    <mat-form-field\n      [color]=\"(safeErrors.length || (ngControl?.errors && ngControl?.touched ) || (AutocompleteUtils.isArray(value) && value.length) > maxItemSelected || ((AutocompleteUtils.isArray(value) && value.length) >= maxItemSelected && inputValue) ) ? 'warn' : 'accent'\"\n      [appearance]=\"'outline'\"\n      [ngClass]=\"{ 'large-size': type === autocompleteType.LARGE, 'hide-bottom-content': !showBottomContent }\"\n    >\n      <mat-label *ngIf=\"label\">{{ label }} <span *ngIf=\"required\">*</span></mat-label>\n      <div #formField class=\"input-container\">\n        <div\n          class=\"selected-items\"\n          #tagContainer\n          *ngIf=\"\n            (type === autocompleteType.LARGE && this.value) ||\n            (!(inputValue && this.isInputFocus) && this.value && type !== autocompleteType.SINGLE)\n          \"\n        >\n          <ui-tag\n            class=\"value-tag\"\n            [id]=\"'ui-tag-' + i\"\n            *ngFor=\"let valueItem of value; let i = index\"\n            [label]=\"valueItem | transformItem: textField\"\n            [allowClose]=\"true\"\n            [applicationTheme]=\"applicationTheme\"\n            [style.opacity]=\"type === autocompleteType.MULTI ? inputOpacity : 1\"\n            [style.display]=\"(isOverLapping && i > 0 && i >= overlapIndex) || (size === 'small' && value.length > 1)  ? 'none' : 'block'\"\n            [ngStyle]=\"{ '--tag-max-width': type === autocompleteType.LARGE ? 'fit-content' : firstTagMaxWidth + 'px' }\"\n            [ngClass]=\"{\n              'overlap-tag': isOverlapChecking && overlapIndex && i >= overlapIndex && type === autocompleteType.MULTI\n            }\"\n            (close)=\"onOptionRemoved(valueItem)\"\n          ></ui-tag>\n          @if (size === 'small') {\n            <div class=\"selected-count\" *ngIf=\"value.length > 1\">\n              {{ (translationContext + 'SELECTED_AMOUNT' | uiTranslate : language : { numberSelected: (value | slice: overlapIndex).length }) }}\n            </div>\n          } @else {\n            <div *ngIf=\"value.length > 1 && isOverLapping\" class=\"overlap-count\">\n              <ui-tag [applicationTheme]=\"applicationTheme\"\n                      [label]=\"'+' + (value.length - overlapIndex)\"></ui-tag>\n            </div>\n          }\n        </div>\n        <input\n          #trigger=\"matAutocompleteTrigger\"\n          [uiPreventInput]=\"!allowUserInput\"\n          [disabled]=\"disabled\"\n          [ngClass]=\"{ 'unset-margin': this.value && type === autocompleteType.LARGE, 'no-caret': !allowUserInput }\"\n          (blur)=\"refillInput()\"\n          (focusin)=\"onFocus()\"\n          [style.opacity]=\"type === autocompleteType.MULTI ? inputOpacity : 1\"\n          matInput\n          [placeholder]=\"value && value.length ? '': placeholder\"\n          [type]=\"'text'\"\n          [matAutocomplete]=\"autocomplete\"\n          (input)=\"onInputChange($event)\"\n          [(ngModel)]=\"inputValue\"\n        />\n      </div>\n\n      <ui-icon\n        *ngIf=\"clearable && (type === autocompleteType.SINGLE && (value?.length || hasObjectValue)) || (type !== autocompleteType.SINGLE && value && value.length > 1 && ((AutocompleteUtils.isPrimitive(value) && value.length) || (!AutocompleteUtils.isPrimitive(value) && (AutocompleteUtils.isArray(value) && value.length || !AutocompleteUtils.isArray(value) && !value.length))))\"\n        class=\"remove-selected\"\n        [ngClass]=\"{ 'large-input-icon': type === autocompleteType.LARGE }\"\n        (click)=\"onClear();$event.preventDefault();$event.stopPropagation()\"\n        [size]=\"'24'\"\n        [color]=\"applicationTheme === 'classic' ? 'inherit' : 'rebrand-black'\"\n        [name]=\"applicationTheme === 'classic' ? 'Close' : 'Close-in-line'\"\n      ></ui-icon>\n\n      <ui-icon\n        class=\"arrow-state\"\n        [ngClass]=\"{ opened: autocomplete.isOpen, 'large-input-icon': type === autocompleteType.LARGE }\"\n        *ngIf=\"isDropdown\"\n        [size]=\"'24'\"\n        [name]=\"applicationTheme !== 'classic' ? 'Arrow-chevron-down-in-line' : 'Arrow_down'\"\n        (click)=\"onChevronClick(autocomplete)\"\n      ></ui-icon>\n\n      <mat-autocomplete\n        #autocomplete\n        [class]=\"applicationTheme + ' ' + dropdownPanelClass\"\n        (optionSelected)=\"onOptionSelected($event)\"\n        [disableRipple]=\"applicationTheme !== 'classic'\"\n        [hideSingleSelectionIndicator]=\"false\"\n        (opened)=\"gotoUp()\"\n      >\n        @if (value?.length < maxItemSelected) {\n          <ng-container *ngIf=\"!(searchResult$ | async)\">\n            <ng-container *ngIf=\"!isDropdown; else dropdownList\">\n              <mat-optgroup [label]=\"(translationContext + 'SUGGESTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"suggestionsList.length\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': suggested | includes: value : valueField }\"\n                  *ngFor=\"let suggested of suggestionsList\"\n                  [value]=\"suggested\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ suggested | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n\n              <mat-optgroup [label]=\"(translationContext + 'SELECTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"value?.length && type !== autocompleteType.SINGLE\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of value\"\n                  [value]=\"item\"\n                >\n                  <span>{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n\n              <mat-optgroup [label]=\"(translationContext + 'SELECTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"value?.length && type === autocompleteType.SINGLE\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [class]=\"'selected-option'\"\n                  [value]=\"value\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ value | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n            </ng-container>\n\n            <ng-template #dropdownList>\n              <cdk-virtual-scroll-viewport *ngIf=\"virtualScroll; else defaultViewPort\" [itemSize]=\"48\"\n                                           [style.height]=\"'200px'\" class=\"virtual-scroll\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *cdkVirtualFor=\"let item of itemsList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </cdk-virtual-scroll-viewport>\n\n              <ng-template #defaultViewPort>\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of itemsList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </ng-template>\n\n            </ng-template>\n\n          </ng-container>\n\n          <ng-container *ngIf=\"filteredSuggestionList$ | async as filteredSuggestionList\">\n            <ng-container *ngIf=\"filteredItemsList$ | async as filteredItemsList\">\n              <mat-optgroup [label]=\"(translationContext + 'SUGGESTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"filteredSuggestionList.length\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of filteredSuggestionList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n\n              <ng-container *ngIf=\"!filteredSuggestionList.length; else showItemListWithGroup\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of filteredItemsList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </ng-container>\n\n              <ng-template #showItemListWithGroup>\n                <mat-optgroup [label]=\"(translationContext + 'ALL_ITEMS') | uiTranslate : language | uppercase\"\n                              *ngIf=\"filteredItemsList.length\">\n                  <mat-option\n                    (mousedown)=$event.preventDefault()\n                    [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                    *ngFor=\"let item of filteredItemsList\"\n                    [value]=\"item\"\n                  >\n                    <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                    <ui-icon [applicationTheme]=\"applicationTheme\"\n                             [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                  </mat-option>\n                </mat-optgroup>\n              </ng-template>\n\n              <ng-container *ngIf=\"!filteredItemsList.length && !filteredSuggestionList.length && inputValue\">\n                <ng-container *ngIf=\"allowAdd; else notFound\">\n                  <mat-option (mousedown)=$event.preventDefault() [value]=\"inputValue\">\n                    <span>{{ ('COMMON.ADD') | uiTranslate : language }}</span>\n                    <span class=\"add-suggestion\">\"{{ inputValue }}\"</span>\n                  </mat-option>\n                </ng-container>\n\n                <ng-template #notFound>\n                  <mat-option [style.pointer-events]=\"'none'\">\n                    <span>{{ (translationContext + 'NO_RESULTS_FOUND') | uiTranslate : language }}</span>\n                  </mat-option>\n                </ng-template>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n        }\n      </mat-autocomplete>\n      <mat-hint class=\"error\" *ngIf=\"safeErrors.length || (ngControl?.errors | hasValidationError) || (AutocompleteUtils.isArray(value) && value.length) > maxItemSelected || ((AutocompleteUtils.isArray(value) && value.length) >= maxItemSelected && inputValue)\">\n        <div class=\"errors\" *ngIf=\"(AutocompleteUtils.isArray(value) && value.length) > maxItemSelected || ((AutocompleteUtils.isArray(value) && value.length) >= maxItemSelected && inputValue)\">\n          <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n          <span>{{ (translationContext + 'MAX_SELECTED_ERROR') | uiTranslate : language : { max: maxItemSelected } }}</span>\n        </div>\n        <ng-container *ngIf=\"safeErrors.length\">\n          <div class=\"errors\" *ngFor=\"let error of safeErrors; trackBy: trackByFn\">\n            <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n            <span [innerHTML]=\"error\"></span>\n          </div>\n        </ng-container>\n        <ui-validation-error *ngIf=\"ngControl && !hideBuiltInErrors\" [ngControl]=\"ngControl\"\n                             [label]=\"hideLabelInErrors ? null : label\" [language]=\"language\"></ui-validation-error>\n\n      </mat-hint>\n    </mat-form-field>\n  </div>\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{width:320px;display:block}:host.full-width{width:100%}:host ui-tag{height:32px;margin:4px}:host ui-tag ::ng-deep .tag-container{margin:0!important}:host ui-tag ::ng-deep .tag-wrapper{max-width:fit-content}.large-size input{margin:10px 0}.large-size .selected-items{margin:5px 0;flex-wrap:wrap}.large-size .input-container{display:block}.large-size ::ng-deep .mat-mdc-form-field-infix,.large-size .mat-mdc-form-field-flex{align-items:unset!important}.disabled{opacity:.5}.disabled *{pointer-events:none}.input-container{width:100%;margin:auto;display:flex}.input-container .selected-items{display:flex}.input-container .selected-items .selected-count{white-space:nowrap}.input-container .selected-items .value-tag{max-width:var(--tag-max-width)}.input-container .selected-items .value-tag ::ng-deep .tag-container{max-width:var(--tag-max-width)}.input-container .selected-items .overlap-count{font-size:14px;line-height:20px}.input-container .selected-items .overlap-count ui-tag{display:block}.input-container .selected-items .overlap-tag{position:absolute;opacity:0}.input-container input{margin-left:4px}.input-container input.unset-margin{margin-top:unset}.input-container input.no-caret{cursor:pointer;caret-color:transparent!important}.add-suggestion{margin:0 5px;color:#000;font-weight:700}.remove-selected{cursor:pointer}.remove-selected.large-input-icon{margin-top:10px}.arrow-state{height:24px;cursor:pointer}.arrow-state.large-input-icon{margin-top:10px}.arrow-state.opened{transform:rotateX(180deg)}::ng-deep .autocomplete-wrapper .mat-mdc-form-field{width:100%}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error,::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error svg{color:#cb7b7a}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error{display:flex}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error{display:flex;flex-flow:column;row-gap:4px}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error .errors{display:flex}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error .errors ui-icon{margin-right:8px}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error{color:#e02800!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error svg{color:#e02800!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-bottom-align:before{height:0}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint-wrapper{padding:0 0 12px;font-size:12px;line-height:16px;position:relative}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint-wrapper .mat-form-field-hint-spacer{display:none}::ng-deep .autocomplete-wrapper .mat-mdc-form-field.hide-bottom-content .mat-mdc-form-field-subscript-wrapper{display:none}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{top:28px!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:22px!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-text-field-wrapper{padding-left:12px!important;height:unset!important;max-height:unset!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{color:#276678!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch{border-bottom:2px solid #276678!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading{border-left:2px solid #276678!important;border-bottom:2px solid #276678!important;border-top:2px solid #276678!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border:2px solid #276678!important;border-left:unset!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-infix,::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-flex{min-height:48px!important;max-height:184px!important;overflow-y:auto;overflow-x:hidden;padding:0!important;display:flex;justify-content:center;text-align:center;align-items:center;flex-direction:row;width:100%}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-line-ripple{display:none!important}::ng-deep .mat-mdc-autocomplete-panel{box-shadow:0 8px 24px 4px #00000014;max-height:312px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option:focus:not(.mdc-list-item--disabled),::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active,::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:#e9f0f1!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option{padding-right:32px;padding-left:12px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option ui-icon{display:none;position:absolute;right:0;bottom:calc(50% - 8px);margin:0 10px}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.selected-option{background:#e9f0f1}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.selected-option ui-icon{display:block}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text,::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item--activated .mdc-list-item__primary-text{color:#000!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox{display:none}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-optgroup .mat-mdc-optgroup-label{font-weight:700!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-optgroup .mdc-list-item__primary-text{color:#000;font-size:12px;line-height:16px;font-weight:700}.active-field .mdc-notched-outline__leading{border-left-width:2px;border-top-width:2px;border-bottom-width:2px}.active-field .mdc-notched-outline__notch{border-top-width:2px;border-bottom-width:2px}.active-field .mdc-notched-outline__trailing{border-top-width:2px;border-bottom-width:2px;border-right-width:2px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "component", type: i5$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["disableRipple", "hideSingleSelectionIndicator"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i2$4.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i2$4.MatOptgroup, selector: "mat-optgroup", inputs: ["disabled"], exportAs: ["matOptgroup"] }, { kind: "directive", type: i5$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", exportAs: ["matAutocompleteTrigger"] }, { kind: "directive", type: i7.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: TagComponent, selector: "ui-tag", inputs: ["label", "icon", "allowClose", "readOnly", "isSelected", "showIconWhenSelected", "isDisabled", "applicationTheme", "ariaLabel", "ariaRequired"], outputs: ["close", "press"] }, { kind: "component", type: IconComponent, selector: "ui-icon", inputs: ["size", "cssClass", "name", "color", "filled", "applicationTheme"] }, { kind: "component", type: ValidationErrorComponent, selector: "ui-validation-error", inputs: ["ngControl", "touchedOn", "errorMessage", "label", "applicationTheme", "language"] }, { kind: "directive", type: i11.CdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i11.CdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "directive", type: i11.CdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: PreventInputDirective, selector: "[uiPreventInput]", inputs: ["uiPreventInput"] }, { kind: "directive", type: SelectTextDirective, selector: "[selectText]", inputs: ["selectText"] }, { kind: "pipe", type: i1$1.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$1.UpperCasePipe, name: "uppercase" }, { kind: "pipe", type: i1$1.SlicePipe, name: "slice" }, { kind: "pipe", type: UiTranslatePipe, name: "uiTranslate" }, { kind: "pipe", type: HasValidationErrorPipe, name: "hasValidationError" }, { kind: "pipe", type: TransformItemPipe, name: "transformItem" }, { kind: "pipe", type: IncludesPipe, name: "includes" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: AutocompleteComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ui-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n  <div class=\"autocomplete-wrapper\" [ngClass]=\"{ 'full-width': fullWidth, disabled: disabled }\">\n    <mat-form-field\n      [color]=\"(safeErrors.length || (ngControl?.errors && ngControl?.touched ) || (AutocompleteUtils.isArray(value) && value.length) > maxItemSelected || ((AutocompleteUtils.isArray(value) && value.length) >= maxItemSelected && inputValue) ) ? 'warn' : 'accent'\"\n      [appearance]=\"'outline'\"\n      [ngClass]=\"{ 'large-size': type === autocompleteType.LARGE, 'hide-bottom-content': !showBottomContent }\"\n    >\n      <mat-label *ngIf=\"label\">{{ label }} <span *ngIf=\"required\">*</span></mat-label>\n      <div #formField class=\"input-container\">\n        <div\n          class=\"selected-items\"\n          #tagContainer\n          *ngIf=\"\n            (type === autocompleteType.LARGE && this.value) ||\n            (!(inputValue && this.isInputFocus) && this.value && type !== autocompleteType.SINGLE)\n          \"\n        >\n          <ui-tag\n            class=\"value-tag\"\n            [id]=\"'ui-tag-' + i\"\n            *ngFor=\"let valueItem of value; let i = index\"\n            [label]=\"valueItem | transformItem: textField\"\n            [allowClose]=\"true\"\n            [applicationTheme]=\"applicationTheme\"\n            [style.opacity]=\"type === autocompleteType.MULTI ? inputOpacity : 1\"\n            [style.display]=\"(isOverLapping && i > 0 && i >= overlapIndex) || (size === 'small' && value.length > 1)  ? 'none' : 'block'\"\n            [ngStyle]=\"{ '--tag-max-width': type === autocompleteType.LARGE ? 'fit-content' : firstTagMaxWidth + 'px' }\"\n            [ngClass]=\"{\n              'overlap-tag': isOverlapChecking && overlapIndex && i >= overlapIndex && type === autocompleteType.MULTI\n            }\"\n            (close)=\"onOptionRemoved(valueItem)\"\n          ></ui-tag>\n          @if (size === 'small') {\n            <div class=\"selected-count\" *ngIf=\"value.length > 1\">\n              {{ (translationContext + 'SELECTED_AMOUNT' | uiTranslate : language : { numberSelected: (value | slice: overlapIndex).length }) }}\n            </div>\n          } @else {\n            <div *ngIf=\"value.length > 1 && isOverLapping\" class=\"overlap-count\">\n              <ui-tag [applicationTheme]=\"applicationTheme\"\n                      [label]=\"'+' + (value.length - overlapIndex)\"></ui-tag>\n            </div>\n          }\n        </div>\n        <input\n          #trigger=\"matAutocompleteTrigger\"\n          [uiPreventInput]=\"!allowUserInput\"\n          [disabled]=\"disabled\"\n          [ngClass]=\"{ 'unset-margin': this.value && type === autocompleteType.LARGE, 'no-caret': !allowUserInput }\"\n          (blur)=\"refillInput()\"\n          (focusin)=\"onFocus()\"\n          [style.opacity]=\"type === autocompleteType.MULTI ? inputOpacity : 1\"\n          matInput\n          [type]=\"'text'\"\n          [matAutocomplete]=\"autocomplete\"\n          (input)=\"onInputChange($event)\"\n          [(ngModel)]=\"inputValue\"\n        />\n      </div>\n\n      <ui-icon\n        *ngIf=\"clearable && (type === autocompleteType.SINGLE && (value?.length || hasObjectValue)) || (type !== autocompleteType.SINGLE && value && value.length > 1 && ((AutocompleteUtils.isPrimitive(value) && value.length) || (!AutocompleteUtils.isPrimitive(value) && (AutocompleteUtils.isArray(value) && value.length || !AutocompleteUtils.isArray(value) && !value.length))))\"\n        class=\"remove-selected\"\n        [ngClass]=\"{ 'large-input-icon': type === autocompleteType.LARGE }\"\n        (click)=\"onClear();$event.preventDefault();$event.stopPropagation()\"\n        [size]=\"'24'\"\n        [color]=\"applicationTheme === 'classic' ? 'inherit' : 'rebrand-black'\"\n        [name]=\"applicationTheme === 'classic' ? 'Close' : 'Close-in-line'\"\n      ></ui-icon>\n\n      <ui-icon\n        class=\"arrow-state\"\n        [ngClass]=\"{ opened: autocomplete.isOpen, 'large-input-icon': type === autocompleteType.LARGE }\"\n        *ngIf=\"isDropdown\"\n        [size]=\"'24'\"\n        [name]=\"applicationTheme !== 'classic' ? 'Arrow-chevron-down-in-line' : 'Arrow_down'\"\n        (click)=\"onChevronClick(autocomplete)\"\n      ></ui-icon>\n\n      <mat-autocomplete\n        #autocomplete\n        [class]=\"applicationTheme + ' ' + dropdownPanelClass\"\n        (optionSelected)=\"onOptionSelected($event)\"\n        [disableRipple]=\"applicationTheme !== 'classic'\"\n        [hideSingleSelectionIndicator]=\"false\"\n        (opened)=\"gotoUp()\"\n      >\n        @if (value?.length < maxItemSelected) {\n          <ng-container *ngIf=\"!(searchResult$ | async)\">\n            <ng-container *ngIf=\"!isDropdown; else dropdownList\">\n              <mat-optgroup [label]=\"(translationContext + 'SUGGESTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"suggestionsList.length\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': suggested | includes: value : valueField }\"\n                  *ngFor=\"let suggested of suggestionsList\"\n                  [value]=\"suggested\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ suggested | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n\n              <mat-optgroup [label]=\"(translationContext + 'SELECTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"value?.length && type !== autocompleteType.SINGLE\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of value\"\n                  [value]=\"item\"\n                >\n                  <span>{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n\n              <mat-optgroup [label]=\"(translationContext + 'SELECTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"value?.length && type === autocompleteType.SINGLE\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [class]=\"'selected-option'\"\n                  [value]=\"value\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ value | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n            </ng-container>\n\n            <ng-template #dropdownList>\n              <cdk-virtual-scroll-viewport *ngIf=\"virtualScroll; else defaultViewPort\" [itemSize]=\"48\"\n                                           [style.height]=\"'200px'\" class=\"virtual-scroll\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *cdkVirtualFor=\"let item of itemsList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </cdk-virtual-scroll-viewport>\n\n              <ng-template #defaultViewPort>\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of itemsList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </ng-template>\n\n            </ng-template>\n\n          </ng-container>\n\n          <ng-container *ngIf=\"filteredSuggestionList$ | async as filteredSuggestionList\">\n            <ng-container *ngIf=\"filteredItemsList$ | async as filteredItemsList\">\n              <mat-optgroup [label]=\"(translationContext + 'SUGGESTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"filteredSuggestionList.length\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of filteredSuggestionList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n\n              <ng-container *ngIf=\"!filteredSuggestionList.length; else showItemListWithGroup\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of filteredItemsList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </ng-container>\n\n              <ng-template #showItemListWithGroup>\n                <mat-optgroup [label]=\"(translationContext + 'ALL_ITEMS') | uiTranslate : language | uppercase\"\n                              *ngIf=\"filteredItemsList.length\">\n                  <mat-option\n                    (mousedown)=$event.preventDefault()\n                    [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                    *ngFor=\"let item of filteredItemsList\"\n                    [value]=\"item\"\n                  >\n                    <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                    <ui-icon [applicationTheme]=\"applicationTheme\"\n                             [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                  </mat-option>\n                </mat-optgroup>\n              </ng-template>\n\n              <ng-container *ngIf=\"!filteredItemsList.length && !filteredSuggestionList.length && inputValue\">\n                <ng-container *ngIf=\"allowAdd; else notFound\">\n                  <mat-option (mousedown)=$event.preventDefault() [value]=\"inputValue\">\n                    <span>{{ ('COMMON.ADD') | uiTranslate : language }}</span>\n                    <span class=\"add-suggestion\">\"{{ inputValue }}\"</span>\n                  </mat-option>\n                </ng-container>\n\n                <ng-template #notFound>\n                  <mat-option [style.pointer-events]=\"'none'\">\n                    <span>{{ (translationContext + 'NO_RESULTS_FOUND') | uiTranslate : language }}</span>\n                  </mat-option>\n                </ng-template>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n        }\n      </mat-autocomplete>\n      <mat-hint class=\"error\" *ngIf=\"safeErrors.length || (ngControl?.errors | hasValidationError) || (AutocompleteUtils.isArray(value) && value.length) > maxItemSelected || ((AutocompleteUtils.isArray(value) && value.length) >= maxItemSelected && inputValue)\">\n        <div class=\"errors\" *ngIf=\"(AutocompleteUtils.isArray(value) && value.length) > maxItemSelected || ((AutocompleteUtils.isArray(value) && value.length) >= maxItemSelected && inputValue)\">\n          <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n          <span>{{ (translationContext + 'MAX_SELECTED_ERROR') | uiTranslate : language : { max: maxItemSelected } }}</span>\n        </div>\n        <ng-container *ngIf=\"safeErrors.length\">\n          <div class=\"errors\" *ngFor=\"let error of safeErrors; trackBy: trackByFn\">\n            <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n            <span [innerHTML]=\"error\"></span>\n          </div>\n        </ng-container>\n        <ui-validation-error *ngIf=\"ngControl && !hideBuiltInErrors\" [ngControl]=\"ngControl\"\n                             [label]=\"hideLabelInErrors ? null : label\" [language]=\"language\"></ui-validation-error>\n\n      </mat-hint>\n    </mat-form-field>\n  </div>\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{width:320px;display:block}:host.full-width{width:100%}:host ui-tag{height:32px;margin:4px}:host ui-tag ::ng-deep .tag-container{margin:0!important}:host ui-tag ::ng-deep .tag-wrapper{max-width:fit-content}.large-size input{margin:10px 0}.large-size .selected-items{margin:5px 0;flex-wrap:wrap}.large-size .input-container{display:block}.large-size ::ng-deep .mat-mdc-form-field-infix,.large-size .mat-mdc-form-field-flex{align-items:unset!important}.disabled{opacity:.5}.disabled *{pointer-events:none}.input-container{width:100%;margin:auto;display:flex}.input-container .selected-items{display:flex}.input-container .selected-items .selected-count{white-space:nowrap}.input-container .selected-items .value-tag{max-width:var(--tag-max-width)}.input-container .selected-items .value-tag ::ng-deep .tag-container{max-width:var(--tag-max-width)}.input-container .selected-items .overlap-count{font-size:14px;line-height:20px}.input-container .selected-items .overlap-count ui-tag{display:block}.input-container .selected-items .overlap-tag{position:absolute;opacity:0}.input-container input{margin-left:4px}.input-container input.unset-margin{margin-top:unset}.input-container input.no-caret{cursor:pointer;caret-color:transparent!important}.add-suggestion{margin:0 5px;color:#000;font-weight:700}.remove-selected{cursor:pointer}.remove-selected.large-input-icon{margin-top:10px}.arrow-state{height:24px;cursor:pointer}.arrow-state.large-input-icon{margin-top:10px}.arrow-state.opened{transform:rotateX(180deg)}::ng-deep .autocomplete-wrapper .mat-mdc-form-field{width:100%}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error,::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error svg{color:#cb7b7a}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error{display:flex}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error{display:flex;flex-flow:column;row-gap:4px}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error .errors{display:flex}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error .errors ui-icon{margin-right:8px}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error{color:#e02800!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error svg{color:#e02800!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-bottom-align:before{height:0}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint-wrapper{padding:0 0 12px;font-size:12px;line-height:16px;position:relative}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint-wrapper .mat-form-field-hint-spacer{display:none}::ng-deep .autocomplete-wrapper .mat-mdc-form-field.hide-bottom-content .mat-mdc-form-field-subscript-wrapper{display:none}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{top:28px!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:22px!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-text-field-wrapper{padding-left:12px!important;height:unset!important;max-height:unset!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{color:#276678!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch{border-bottom:2px solid #276678!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading{border-left:2px solid #276678!important;border-bottom:2px solid #276678!important;border-top:2px solid #276678!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border:2px solid #276678!important;border-left:unset!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-infix,::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-flex{min-height:48px!important;max-height:184px!important;overflow-y:auto;overflow-x:hidden;padding:0!important;display:flex;justify-content:center;text-align:center;align-items:center;flex-direction:row;width:100%}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-line-ripple{display:none!important}::ng-deep .mat-mdc-autocomplete-panel{box-shadow:0 8px 24px 4px #00000014;max-height:312px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option:focus:not(.mdc-list-item--disabled),::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active,::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:#e9f0f1!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option{padding-right:32px;padding-left:12px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option ui-icon{display:none;position:absolute;right:0;bottom:calc(50% - 8px);margin:0 10px}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.selected-option{background:#e9f0f1}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.selected-option ui-icon{display:block}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text,::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item--activated .mdc-list-item__primary-text{color:#000!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox{display:none}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-optgroup .mat-mdc-optgroup-label{font-weight:700!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-optgroup .mdc-list-item__primary-text{color:#000;font-size:12px;line-height:16px;font-weight:700}.active-field .mdc-notched-outline__leading{border-left-width:2px;border-top-width:2px;border-bottom-width:2px}.active-field .mdc-notched-outline__notch{border-top-width:2px;border-bottom-width:2px}.active-field .mdc-notched-outline__trailing{border-top-width:2px;border-bottom-width:2px;border-right-width:2px}\n"] }]
+            args: [{ selector: 'ui-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container>\n  <div class=\"autocomplete-wrapper\" [ngClass]=\"{ 'full-width': fullWidth, disabled: disabled }\">\n    <mat-form-field\n      [color]=\"(safeErrors.length || (ngControl?.errors && ngControl?.touched ) || (AutocompleteUtils.isArray(value) && value.length) > maxItemSelected || ((AutocompleteUtils.isArray(value) && value.length) >= maxItemSelected && inputValue) ) ? 'warn' : 'accent'\"\n      [appearance]=\"'outline'\"\n      [ngClass]=\"{ 'large-size': type === autocompleteType.LARGE, 'hide-bottom-content': !showBottomContent }\"\n    >\n      <mat-label *ngIf=\"label\">{{ label }} <span *ngIf=\"required\">*</span></mat-label>\n      <div #formField class=\"input-container\">\n        <div\n          class=\"selected-items\"\n          #tagContainer\n          *ngIf=\"\n            (type === autocompleteType.LARGE && this.value) ||\n            (!(inputValue && this.isInputFocus) && this.value && type !== autocompleteType.SINGLE)\n          \"\n        >\n          <ui-tag\n            class=\"value-tag\"\n            [id]=\"'ui-tag-' + i\"\n            *ngFor=\"let valueItem of value; let i = index\"\n            [label]=\"valueItem | transformItem: textField\"\n            [allowClose]=\"true\"\n            [applicationTheme]=\"applicationTheme\"\n            [style.opacity]=\"type === autocompleteType.MULTI ? inputOpacity : 1\"\n            [style.display]=\"(isOverLapping && i > 0 && i >= overlapIndex) || (size === 'small' && value.length > 1)  ? 'none' : 'block'\"\n            [ngStyle]=\"{ '--tag-max-width': type === autocompleteType.LARGE ? 'fit-content' : firstTagMaxWidth + 'px' }\"\n            [ngClass]=\"{\n              'overlap-tag': isOverlapChecking && overlapIndex && i >= overlapIndex && type === autocompleteType.MULTI\n            }\"\n            (close)=\"onOptionRemoved(valueItem)\"\n          ></ui-tag>\n          @if (size === 'small') {\n            <div class=\"selected-count\" *ngIf=\"value.length > 1\">\n              {{ (translationContext + 'SELECTED_AMOUNT' | uiTranslate : language : { numberSelected: (value | slice: overlapIndex).length }) }}\n            </div>\n          } @else {\n            <div *ngIf=\"value.length > 1 && isOverLapping\" class=\"overlap-count\">\n              <ui-tag [applicationTheme]=\"applicationTheme\"\n                      [label]=\"'+' + (value.length - overlapIndex)\"></ui-tag>\n            </div>\n          }\n        </div>\n        <input\n          #trigger=\"matAutocompleteTrigger\"\n          [uiPreventInput]=\"!allowUserInput\"\n          [disabled]=\"disabled\"\n          [ngClass]=\"{ 'unset-margin': this.value && type === autocompleteType.LARGE, 'no-caret': !allowUserInput }\"\n          (blur)=\"refillInput()\"\n          (focusin)=\"onFocus()\"\n          [style.opacity]=\"type === autocompleteType.MULTI ? inputOpacity : 1\"\n          matInput\n          [placeholder]=\"value && value.length ? '': placeholder\"\n          [type]=\"'text'\"\n          [matAutocomplete]=\"autocomplete\"\n          (input)=\"onInputChange($event)\"\n          [(ngModel)]=\"inputValue\"\n        />\n      </div>\n\n      <ui-icon\n        *ngIf=\"clearable && (type === autocompleteType.SINGLE && (value?.length || hasObjectValue)) || (type !== autocompleteType.SINGLE && value && value.length > 1 && ((AutocompleteUtils.isPrimitive(value) && value.length) || (!AutocompleteUtils.isPrimitive(value) && (AutocompleteUtils.isArray(value) && value.length || !AutocompleteUtils.isArray(value) && !value.length))))\"\n        class=\"remove-selected\"\n        [ngClass]=\"{ 'large-input-icon': type === autocompleteType.LARGE }\"\n        (click)=\"onClear();$event.preventDefault();$event.stopPropagation()\"\n        [size]=\"'24'\"\n        [color]=\"applicationTheme === 'classic' ? 'inherit' : 'rebrand-black'\"\n        [name]=\"applicationTheme === 'classic' ? 'Close' : 'Close-in-line'\"\n      ></ui-icon>\n\n      <ui-icon\n        class=\"arrow-state\"\n        [ngClass]=\"{ opened: autocomplete.isOpen, 'large-input-icon': type === autocompleteType.LARGE }\"\n        *ngIf=\"isDropdown\"\n        [size]=\"'24'\"\n        [name]=\"applicationTheme !== 'classic' ? 'Arrow-chevron-down-in-line' : 'Arrow_down'\"\n        (click)=\"onChevronClick(autocomplete)\"\n      ></ui-icon>\n\n      <mat-autocomplete\n        #autocomplete\n        [class]=\"applicationTheme + ' ' + dropdownPanelClass\"\n        (optionSelected)=\"onOptionSelected($event)\"\n        [disableRipple]=\"applicationTheme !== 'classic'\"\n        [hideSingleSelectionIndicator]=\"false\"\n        (opened)=\"gotoUp()\"\n      >\n        @if (value?.length < maxItemSelected) {\n          <ng-container *ngIf=\"!(searchResult$ | async)\">\n            <ng-container *ngIf=\"!isDropdown; else dropdownList\">\n              <mat-optgroup [label]=\"(translationContext + 'SUGGESTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"suggestionsList.length\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': suggested | includes: value : valueField }\"\n                  *ngFor=\"let suggested of suggestionsList\"\n                  [value]=\"suggested\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ suggested | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n\n              <mat-optgroup [label]=\"(translationContext + 'SELECTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"value?.length && type !== autocompleteType.SINGLE\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of value\"\n                  [value]=\"item\"\n                >\n                  <span>{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n\n              <mat-optgroup [label]=\"(translationContext + 'SELECTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"value?.length && type === autocompleteType.SINGLE\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [class]=\"'selected-option'\"\n                  [value]=\"value\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ value | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n            </ng-container>\n\n            <ng-template #dropdownList>\n              <cdk-virtual-scroll-viewport *ngIf=\"virtualScroll; else defaultViewPort\" [itemSize]=\"48\"\n                                           [style.height]=\"'200px'\" class=\"virtual-scroll\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *cdkVirtualFor=\"let item of itemsList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </cdk-virtual-scroll-viewport>\n\n              <ng-template #defaultViewPort>\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of itemsList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </ng-template>\n\n            </ng-template>\n\n          </ng-container>\n\n          <ng-container *ngIf=\"filteredSuggestionList$ | async as filteredSuggestionList\">\n            <ng-container *ngIf=\"filteredItemsList$ | async as filteredItemsList\">\n              <mat-optgroup [label]=\"(translationContext + 'SUGGESTED') | uiTranslate : language | uppercase\"\n                            *ngIf=\"filteredSuggestionList.length\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of filteredSuggestionList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </mat-optgroup>\n\n              <ng-container *ngIf=\"!filteredSuggestionList.length; else showItemListWithGroup\">\n                <mat-option\n                  (mousedown)=$event.preventDefault()\n                  [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                  *ngFor=\"let item of filteredItemsList\"\n                  [value]=\"item\"\n                >\n                  <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                  <ui-icon [applicationTheme]=\"applicationTheme\"\n                           [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                </mat-option>\n              </ng-container>\n\n              <ng-template #showItemListWithGroup>\n                <mat-optgroup [label]=\"(translationContext + 'ALL_ITEMS') | uiTranslate : language | uppercase\"\n                              *ngIf=\"filteredItemsList.length\">\n                  <mat-option\n                    (mousedown)=$event.preventDefault()\n                    [ngClass]=\"{ 'selected-option': item | includes: value : valueField }\"\n                    *ngFor=\"let item of filteredItemsList\"\n                    [value]=\"item\"\n                  >\n                    <span [selectText]=\"userInput$ | async\">{{ item | transformItem: textField }}</span>\n                    <ui-icon [applicationTheme]=\"applicationTheme\"\n                             [name]=\"applicationTheme === 'classic' ? 'Check' : 'Check-in-line'\"></ui-icon>\n                  </mat-option>\n                </mat-optgroup>\n              </ng-template>\n\n              <ng-container *ngIf=\"!filteredItemsList.length && !filteredSuggestionList.length && inputValue\">\n                <ng-container *ngIf=\"allowAdd; else notFound\">\n                  <mat-option (mousedown)=$event.preventDefault() [value]=\"inputValue\">\n                    <span>{{ ('COMMON.ADD') | uiTranslate : language }}</span>\n                    <span class=\"add-suggestion\">\"{{ inputValue }}\"</span>\n                  </mat-option>\n                </ng-container>\n\n                <ng-template #notFound>\n                  <mat-option [style.pointer-events]=\"'none'\">\n                    <span>{{ (translationContext + 'NO_RESULTS_FOUND') | uiTranslate : language }}</span>\n                  </mat-option>\n                </ng-template>\n              </ng-container>\n            </ng-container>\n          </ng-container>\n        }\n      </mat-autocomplete>\n      <mat-hint class=\"error\" *ngIf=\"safeErrors.length || (ngControl?.errors | hasValidationError) || (AutocompleteUtils.isArray(value) && value.length) > maxItemSelected || ((AutocompleteUtils.isArray(value) && value.length) >= maxItemSelected && inputValue)\">\n        <div class=\"errors\" *ngIf=\"(AutocompleteUtils.isArray(value) && value.length) > maxItemSelected || ((AutocompleteUtils.isArray(value) && value.length) >= maxItemSelected && inputValue)\">\n          <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n          <span>{{ (translationContext + 'MAX_SELECTED_ERROR') | uiTranslate : language : { max: maxItemSelected } }}</span>\n        </div>\n        <ng-container *ngIf=\"safeErrors.length\">\n          <div class=\"errors\" *ngFor=\"let error of safeErrors; trackBy: trackByFn\">\n            <ui-icon [applicationTheme]=\"applicationTheme\" [name]=\"'Error'\"></ui-icon>\n            <span [innerHTML]=\"error\"></span>\n          </div>\n        </ng-container>\n        <ui-validation-error *ngIf=\"ngControl && !hideBuiltInErrors\" [ngControl]=\"ngControl\"\n                             [label]=\"hideLabelInErrors ? null : label\" [language]=\"language\"></ui-validation-error>\n\n      </mat-hint>\n    </mat-form-field>\n  </div>\n</ng-container>\n", styles: [".bg-teal-60b{background:#1c443c}.bg-teal-30b{background:#31766a}.bg-teal-default{background:#46a997}.bg-teal-30w{background:#7ec3b6}.bg-teal-60w{background:#b5ddd5}.bg-teal-secondary{background:#cbd6cb}.bg-teal-90w{background:#ecf6f5}.bg-petrol-60b{background:#102930}.bg-petrol-30b{background:#1b4754}.bg-petrol-default{background:#276678}.bg-petrol-30w{background:#6894a0}.bg-petrol-60w{background:#a9c2c9}.bg-petrol-secondary{background:#c8d7de}.bg-petrol-90w{background:#e9f0f1}.bg-error-60b{background:#513131}.bg-error-30b{background:#8e5655}.bg-error-60w{background:#e3c3c6}.bg-error-secondary{background:#f0dad9}.bg-error-default{background:#cb7b7a}.bg-warning-secondary{background:#f0d6bb}.bg-warning-default{background:#cca45f}.bg-black{background:#000}.bg-dark{background:#888}.bg-medium{background:#e0e0e0}.bg-grey{background:#ededed}.bg-light{background:#f6f6f6}.bg-white{background:#fff}.bg-box-shadow{background:#00000014}.bg-navigation-subtitle{background:#528593}.bgc-teal-60b{background-color:#1c443c}.bgc-teal-30b{background-color:#31766a}.bgc-teal-default{background-color:#46a997}.bgc-teal-30w{background-color:#7ec3b6}.bgc-teal-60w{background-color:#b5ddd5}.bgc-teal-secondary{background-color:#cbd6cb}.bgc-teal-90w{background-color:#ecf6f5}.bgc-petrol-60b{background-color:#102930}.bgc-petrol-30b{background-color:#1b4754}.bgc-petrol-default{background-color:#276678}.bgc-petrol-30w{background-color:#6894a0}.bgc-petrol-60w{background-color:#a9c2c9}.bgc-petrol-secondary{background-color:#c8d7de}.bgc-petrol-90w{background-color:#e9f0f1}.bgc-error-60b{background-color:#513131}.bgc-error-30b{background-color:#8e5655}.bgc-error-60w{background-color:#e3c3c6}.bgc-error-secondary{background-color:#f0dad9}.bgc-error-default{background-color:#cb7b7a}.bgc-warning-secondary{background-color:#f0d6bb}.bgc-warning-default{background-color:#cca45f}.bgc-black{background-color:#000}.bgc-dark{background-color:#888}.bgc-medium{background-color:#e0e0e0}.bgc-grey{background-color:#ededed}.bgc-light{background-color:#f6f6f6}.bgc-white{background-color:#fff}.bgc-box-shadow{background-color:#00000014}.bgc-navigation-subtitle{background-color:#528593}:host{width:320px;display:block}:host.full-width{width:100%}:host ui-tag{height:32px;margin:4px}:host ui-tag ::ng-deep .tag-container{margin:0!important}:host ui-tag ::ng-deep .tag-wrapper{max-width:fit-content}.large-size input{margin:10px 0}.large-size .selected-items{margin:5px 0;flex-wrap:wrap}.large-size .input-container{display:block}.large-size ::ng-deep .mat-mdc-form-field-infix,.large-size .mat-mdc-form-field-flex{align-items:unset!important}.disabled{opacity:.5}.disabled *{pointer-events:none}.input-container{width:100%;margin:auto;display:flex}.input-container .selected-items{display:flex}.input-container .selected-items .selected-count{white-space:nowrap}.input-container .selected-items .value-tag{max-width:var(--tag-max-width)}.input-container .selected-items .value-tag ::ng-deep .tag-container{max-width:var(--tag-max-width)}.input-container .selected-items .overlap-count{font-size:14px;line-height:20px}.input-container .selected-items .overlap-count ui-tag{display:block}.input-container .selected-items .overlap-tag{position:absolute;opacity:0}.input-container input{margin-left:4px}.input-container input.unset-margin{margin-top:unset}.input-container input.no-caret{cursor:pointer;caret-color:transparent!important}.add-suggestion{margin:0 5px;color:#000;font-weight:700}.remove-selected{cursor:pointer}.remove-selected.large-input-icon{margin-top:10px}.arrow-state{height:24px;cursor:pointer}.arrow-state.large-input-icon{margin-top:10px}.arrow-state.opened{transform:rotateX(180deg)}::ng-deep .autocomplete-wrapper .mat-mdc-form-field{width:100%}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error,::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error svg{color:#cb7b7a}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error{display:flex}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error{display:flex;flex-flow:column;row-gap:4px}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error .errors{display:flex}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error .errors ui-icon{margin-right:8px}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error{color:#e02800!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint.error svg{color:#e02800!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-bottom-align:before{height:0}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint-wrapper{padding:0 0 12px;font-size:12px;line-height:16px;position:relative}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-hint-wrapper .mat-form-field-hint-spacer{display:none}::ng-deep .autocomplete-wrapper .mat-mdc-form-field.hide-bottom-content .mat-mdc-form-field-subscript-wrapper{display:none}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{top:28px!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:22px!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-text-field-wrapper{padding-left:12px!important;height:unset!important;max-height:unset!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-focused .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{color:#276678!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch{border-bottom:2px solid #276678!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading{border-left:2px solid #276678!important;border-bottom:2px solid #276678!important;border-top:2px solid #276678!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border:2px solid #276678!important;border-left:unset!important}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-infix,::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mat-mdc-form-field-flex{min-height:48px!important;max-height:184px!important;overflow-y:auto;overflow-x:hidden;padding:0!important;display:flex;justify-content:center;text-align:center;align-items:center;flex-direction:row;width:100%}::ng-deep .autocomplete-wrapper .mat-mdc-form-field .mdc-line-ripple{display:none!important}::ng-deep .mat-mdc-autocomplete-panel{box-shadow:0 8px 24px 4px #00000014;max-height:312px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option:focus:not(.mdc-list-item--disabled),::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active,::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:#e9f0f1!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option{padding-right:32px;padding-left:12px!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option ui-icon{display:none;position:absolute;right:0;bottom:calc(50% - 8px);margin:0 10px}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.selected-option{background:#e9f0f1}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.selected-option ui-icon{display:block}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text,::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item--activated .mdc-list-item__primary-text{color:#000!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-option .mat-pseudo-checkbox{display:none}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-optgroup .mat-mdc-optgroup-label{font-weight:700!important}::ng-deep .mat-mdc-autocomplete-panel .mat-mdc-optgroup .mdc-list-item__primary-text{color:#000;font-size:12px;line-height:16px;font-weight:700}.active-field .mdc-notched-outline__leading{border-left-width:2px;border-top-width:2px;border-bottom-width:2px}.active-field .mdc-notched-outline__notch{border-top-width:2px;border-bottom-width:2px}.active-field .mdc-notched-outline__trailing{border-top-width:2px;border-bottom-width:2px;border-right-width:2px}\n"] }]
         }], ctorParameters: () => [{ type: undefined, decorators: [{
                     type: Optional
                 }, {
@@ -10054,6 +10664,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImpor
                 type: Input
             }], label: [{
                 type: Input
+            }], placeholder: [{
+                type: Input
             }], itemValue: [{
                 type: Input
             }], type: [{