@schukai/monster 3.97.1 → 3.98.0

package/source/components/datatable/filter/date-range.mjs

@@ -30,6 +30,7 @@ import {
 	removeAttributeToken,
 } from "../../../dom/attributes.mjs";
 import { findTargetElementFromEvent } from "../../../dom/events.mjs";
+import {getLocaleOfDocument} from "../../../dom/locale.mjs";
 
 export { DateRange };
 
@@ -205,20 +206,7 @@ class DateRange extends AbstractBase {
 				main: getTemplate(),
 			},
 
-			labels: {
-				singleValue: "Value",
-				fromValue: "From",
-				toValue: "To",
-				rangeFrom: "From",
-				rangeTo: "To",
-				todayValue: "Today",
-				withinValue: "Within",
-				months: "Months",
-				days: "Days",
-				years: "Years",
-				weeks: "Weeks",
-				moreThanValue: "More than",
-			},
+			labels: getTranslations(),
 
 			features: {
 				moreThan: true,
@@ -314,6 +302,149 @@ class DateRange extends AbstractBase {
 	}
 }
 
+function getTranslations() {
+	const locale = getLocaleOfDocument();
+	switch (locale.language) {
+		case 'de':
+			return {
+				singleValue: "Wert",
+				fromValue: "Von",
+				toValue: "Bis",
+				rangeFrom: "Von",
+				rangeTo: "Bis",
+				todayValue: "Heute",
+				withinValue: "Innerhalb",
+				months: "Monate",
+				days: "Tage",
+				years: "Jahre",
+				weeks: "Wochen",
+				moreThanValue: "Mehr als"
+			};
+		case 'fr':
+			return {
+				singleValue: "Valeur",
+				fromValue: "De",
+				toValue: "À",
+				rangeFrom: "De",
+				rangeTo: "À",
+				todayValue: "Aujourd'hui",
+				withinValue: "Dans",
+				months: "Mois",
+				days: "Jours",
+				years: "Années",
+				weeks: "Semaines",
+				moreThanValue: "Plus de"
+			};
+		case 'sp':
+			return {
+				singleValue: "Valor",
+				fromValue: "Desde",
+				toValue: "Hasta",
+				rangeFrom: "Desde",
+				rangeTo: "Hasta",
+				todayValue: "Hoy",
+				withinValue: "Dentro de",
+				months: "Meses",
+				days: "Días",
+				years: "Años",
+				weeks: "Semanas",
+				moreThanValue: "Más de"
+			};
+		case 'it':
+			return {
+				singleValue: "Valore",
+				fromValue: "Da",
+				toValue: "A",
+				rangeFrom: "Da",
+				rangeTo: "A",
+				todayValue: "Oggi",
+				withinValue: "Entro",
+				months: "Mesi",
+				days: "Giorni",
+				years: "Anni",
+				weeks: "Settimane",
+				moreThanValue: "Più di"
+			};
+		case 'pl':
+			return {
+				singleValue: "Wartość",
+				fromValue: "Od",
+				toValue: "Do",
+				rangeFrom: "Od",
+				rangeTo: "Do",
+				todayValue: "Dziś",
+				withinValue: "W ciągu",
+				months: "Miesiące",
+				days: "Dni",
+				years: "Lata",
+				weeks: "Tygodnie",
+				moreThanValue: "Więcej niż"
+			};
+		case 'no':
+			return {
+				singleValue: "Verdi",
+				fromValue: "Fra",
+				toValue: "Til",
+				rangeFrom: "Fra",
+				rangeTo: "Til",
+				todayValue: "I dag",
+				withinValue: "Innen",
+				months: "Måneder",
+				days: "Dager",
+				years: "År",
+				weeks: "Uker",
+				moreThanValue: "Mer enn"
+			};
+		case 'dk':
+			return {
+				singleValue: "Værdi",
+				fromValue: "Fra",
+				toValue: "Til",
+				rangeFrom: "Fra",
+				rangeTo: "Til",
+				todayValue: "I dag",
+				withinValue: "Indenfor",
+				months: "Måneder",
+				days: "Dage",
+				years: "År",
+				weeks: "Uger",
+				moreThanValue: "Mere end"
+			};
+		case 'sw':
+			return {
+				singleValue: "Värde",
+				fromValue: "Från",
+				toValue: "Till",
+				rangeFrom: "Från",
+				rangeTo: "Till",
+				todayValue: "Idag",
+				withinValue: "Inom",
+				months: "Månader",
+				days: "Dagar",
+				years: "År",
+				weeks: "Veckor",
+				moreThanValue: "Mer än"
+			};
+		default:
+		case 'en':
+			return {
+				singleValue: "Value",
+				fromValue: "From",
+				toValue: "To",
+				rangeFrom: "From",
+				rangeTo: "To",
+				todayValue: "Today",
+				withinValue: "Within",
+				months: "Months",
+				days: "Days",
+				years: "Years",
+				weeks: "Weeks",
+				moreThanValue: "More than"
+			};
+	}
+}
+
+
 /**
  *
  * @param {HTMLElement} group

package/source/components/datatable/filter/input.mjs

@@ -21,6 +21,7 @@ import {
 import { FilterControlsDefaultsStyleSheet } from "../stylesheet/filter-controls-defaults.mjs";
 import { FilterStyleSheet } from "../stylesheet/filter.mjs";
 import { AbstractBase } from "./abstract-base.mjs";
+import {getLocaleOfDocument} from "../../../dom/locale.mjs";
 
 export { Input };
 
@@ -62,9 +63,7 @@ class Input extends AbstractBase {
 			templates: {
 				main: getTemplate(),
 			},
-			labels: {
-				filter: "Filter",
-			},
+			labels: getTranslations(),
 		});
 	}
 
@@ -111,6 +110,54 @@ class Input extends AbstractBase {
 	}
 }
 
+/**
+ * @private
+ * @returns {{filter: string}}
+ */
+function getTranslations() {
+	const locale = getLocaleOfDocument();
+	switch (locale.language) {
+		case 'de':
+			return {
+				filter: "Filter"
+			};
+		case 'fr':
+			return {
+				filter: "Filtre"
+			};
+		case 'sp':
+			return {
+				filter: "Filtro"
+			};
+		case 'it':
+			return {
+				filter: "Filtro"
+			};
+		case 'pl':
+			return {
+				filter: "Filtr"
+			};
+		case 'no':
+			return {
+				filter: "Filter"
+			};
+		case 'dk':
+			return {
+				filter: "Filter"
+			};
+		case 'sw':
+			return {
+				filter: "Filter"
+			};
+		default:
+		case 'en':
+			return {
+				filter: "Filter"
+			};
+	}
+}
+
+
 /**
  * @private
  * @return {FilterButton}

package/source/components/datatable/filter/range.mjs

@@ -30,6 +30,7 @@ import {
 	removeAttributeToken,
 } from "../../../dom/attributes.mjs";
 import { findTargetElementFromEvent } from "../../../dom/events.mjs";
+import {getLocaleOfDocument} from "../../../dom/locale.mjs";
 
 export { Range };
 
@@ -172,13 +173,7 @@ class Range extends AbstractBase {
 				main: getTemplate(),
 			},
 
-			labels: {
-				singleValue: "Value",
-				fromValue: "From",
-				toValue: "To",
-				rangeFrom: "From",
-				rangeTo: "To",
-			},
+			labels: getTranslations(),
 
 			features: {},
 
@@ -270,6 +265,96 @@ class Range extends AbstractBase {
 	}
 }
 
+/**
+ * @private
+ * @returns {object}
+ */
+function getTranslations() {
+	const locale = getLocaleOfDocument();
+	switch (locale.language) {
+		case 'de':
+			return {
+				singleValue: "Wert",
+				fromValue: "Von",
+				toValue: "Bis",
+				rangeFrom: "Von",
+				rangeTo: "Bis"
+			};
+		case 'fr':
+			return {
+				singleValue: "Valeur",
+				fromValue: "De",
+				toValue: "À",
+				rangeFrom: "De",
+				rangeTo: "À"
+			};
+		case 'sp':
+			return {
+				singleValue: "Valor",
+				fromValue: "Desde",
+				toValue: "Hasta",
+				rangeFrom: "Desde",
+				rangeTo: "Hasta"
+			};
+		case 'it':
+			return {
+				singleValue: "Valore",
+				fromValue: "Da",
+				toValue: "A",
+				rangeFrom: "Da",
+				rangeTo: "A"
+			};
+		case 'pl':
+			return {
+				singleValue: "Wartość",
+				fromValue: "Od",
+				toValue: "Do",
+				rangeFrom: "Od",
+				rangeTo: "Do"
+			};
+		case 'no':
+			return {
+				singleValue: "Verdi",
+				fromValue: "Fra",
+				toValue: "Til",
+				rangeFrom: "Fra",
+				rangeTo: "Til"
+			};
+		case 'dk':
+			return {
+				singleValue: "Værdi",
+				fromValue: "Fra",
+				toValue: "Til",
+				rangeFrom: "Fra",
+				rangeTo: "Til"
+			};
+		case 'sw':
+			return {
+				singleValue: "Värde",
+				fromValue: "Från",
+				toValue: "Till",
+				rangeFrom: "Från",
+				rangeTo: "Till"
+			};
+		default:
+		case 'en':
+			return {
+				singleValue: "Value",
+				fromValue: "From",
+				toValue: "To",
+				rangeFrom: "From",
+				rangeTo: "To"
+			};
+	}
+}
+
+/**
+ * @private
+ * @param type
+ * @param self
+ * @param value
+ * @param element
+ */
 function updateFilterValue(type, self, value, element) {
 	if (type === "single") {
 		self[inputElementSymbol].value = value;

package/source/components/datatable/filter-button.mjs

@@ -16,6 +16,7 @@ import { instanceSymbol } from "../../constants.mjs";
 import { registerCustomElement } from "../../dom/customelement.mjs";
 import { FilterButtonStyleSheet } from "./stylesheet/filter-button.mjs";
 import { ToggleButton } from "../host/toggle-button.mjs";
+import {getLocaleOfDocument} from "../../dom/locale.mjs";
 
 export { FilterButton };
 
@@ -45,9 +46,7 @@ class FilterButton extends ToggleButton {
 	 */
 	get defaults() {
 		return Object.assign({}, super.defaults, {
-			labels: {
-				button: "Filter",
-			},
+			labels: getTranslations(),
 		});
 	}
 
@@ -68,4 +67,48 @@ class FilterButton extends ToggleButton {
 	}
 }
 
+function getTranslations() {
+	const locale = getLocaleOfDocument();
+	switch (locale.language) {
+		case 'de':
+			return {
+				button: "Filtern"
+			};
+		case 'fr':
+			return {
+				button: "Filtrer"
+			};
+		case 'sp':
+			return {
+				button: "Filtrar"
+			};
+		case 'it':
+			return {
+				button: "Filtra"
+			};
+		case 'pl':
+			return {
+				button: "Filtruj"
+			};
+		case 'no':
+			return {
+				button: "Filtrer"
+			};
+		case 'dk':
+			return {
+				button: "Filtrér"
+			};
+		case 'sw':
+			return {
+				button: "Filtrera"
+			};
+		default:
+		case 'en':
+			return {
+				button: "Filter"
+			};
+	}
+}
+
+
 registerCustomElement(FilterButton);

package/source/components/datatable/filter.mjs

@@ -63,6 +63,7 @@ import "../form/toggle-switch.mjs";
 import "../form/context-help.mjs";
 import "../form/context-error.mjs";
 import "../form/message-state-button.mjs";
+import {getLocaleOfDocument} from "../../dom/locale.mjs";
 
 export { Filter };
 
@@ -264,16 +265,7 @@ class Filter extends CustomElement {
 				},
 			},
 
-			labels: {
-				search: "Search",
-				reset: "Reset",
-				save: "Save",
-				"filter-name": "Filter name",
-				"empty-query-and-no-default":
-					"The query is empty and there is no default query.",
-				"query-not-changed":
-					"The search request has not changed, so no search is required.",
-			},
+			labels:  getTranslations(),
 
 			templateMapping: {
 				"filter-save-label": null,
@@ -388,6 +380,99 @@ class Filter extends CustomElement {
 	}
 }
 
+/**
+ * @private
+ * @returns {object}
+ */
+function getTranslations() {
+	const locale = getLocaleOfDocument();
+	switch (locale.language) {
+		case 'de':
+			return {
+				search: "Suchen",
+				reset: "Zurücksetzen",
+				save: "Speichern",
+				"filter-name": "Filtername",
+				"empty-query-and-no-default": "Die Abfrage ist leer und es gibt keine Standardabfrage.",
+				"query-not-changed": "Die Suchanfrage hat sich nicht verändert, daher ist keine Suche erforderlich."
+			};
+		case 'fr':
+			return {
+				search: "Chercher",
+				reset: "Réinitialiser",
+				save: "Sauvegarder",
+				"filter-name": "Nom du filtre",
+				"empty-query-and-no-default": "La requête est vide et il n'y a pas de requête par défaut.",
+				"query-not-changed": "La requête de recherche n'a pas changé, donc aucune recherche n'est nécessaire."
+			};
+		case 'sp':
+			return {
+				search: "Buscar",
+				reset: "Restablecer",
+				save: "Guardar",
+				"filter-name": "Nombre del filtro",
+				"empty-query-and-no-default": "La consulta está vacía y no hay una consulta predeterminada.",
+				"query-not-changed": "La solicitud de búsqueda no ha cambiado, por lo que no se requiere búsqueda."
+			};
+		case 'it':
+			return {
+				search: "Cerca",
+				reset: "Reimposta",
+				save: "Salva",
+				"filter-name": "Nome del filtro",
+				"empty-query-and-no-default": "La query è vuota e non c'è una query predefinita.",
+				"query-not-changed": "La richiesta di ricerca non è cambiata, quindi non è necessaria una ricerca."
+			};
+		case 'pl':
+			return {
+				search: "Szukaj",
+				reset: "Resetuj",
+				save: "Zapisz",
+				"filter-name": "Nazwa filtra",
+				"empty-query-and-no-default": "Zapytanie jest puste i nie ma domyślnego zapytania.",
+				"query-not-changed": "Żądanie wyszukiwania nie zmieniło się, więc wyszukiwanie nie jest wymagane."
+			};
+		case 'no':
+			return {
+				search: "Søk",
+				reset: "Tilbakestill",
+				save: "Lagre",
+				"filter-name": "Filternavn",
+				"empty-query-and-no-default": "Spørringen er tom og det er ingen standardspørring.",
+				"query-not-changed": "Søkeforespørselen har ikke endret seg, så ingen søk er nødvendig."
+			};
+		case 'dk':
+			return {
+				search: "Søg",
+				reset: "Nulstil",
+				save: "Gem",
+				"filter-name": "Filternavn",
+				"empty-query-and-no-default": "Forespørgslen er tom og der er ingen standardforespørgsel.",
+				"query-not-changed": "Søgeanmodningen er ikke ændret, så ingen søgning er nødvendig."
+			};
+		case 'sw':
+			return {
+				search: "Sök",
+				reset: "Återställ",
+				save: "Spara",
+				"filter-name": "Filternamn",
+				"empty-query-and-no-default": "Förfrågan är tom och det finns ingen standardförfrågan.",
+				"query-not-changed": "Sökförfrågan har inte ändrats, så ingen sökning krävs."
+			};
+		default:
+		case 'en':
+			return {
+				search: "Search",
+				reset: "Reset",
+				save: "Save",
+				"filter-name": "Filter name",
+				"empty-query-and-no-default": "The query is empty and there is no default query.",
+				"query-not-changed": "The search request has not changed, so no search is required."
+			};
+	}
+}
+
+
 /**
  * @private
  * @return {FilterButton}

package/source/components/datatable/pagination.mjs

@@ -37,6 +37,7 @@ import { ATTRIBUTE_ERRORMESSAGE } from "../../dom/constants.mjs";
 
 import "./datasource/dom.mjs";
 import "./datasource/rest.mjs";
+import {getLocaleOfDocument} from "../../dom/locale.mjs";
 
 export { Pagination };
 
@@ -134,13 +135,7 @@ class Pagination extends CustomElement {
 					selector: null,
 				},
 
-				labels: {
-					page: "${page}",
-					description: "Page ${page}",
-					previous: "Previous",
-					next: "Next",
-					of: "of",
-				},
+				labels: getTranslations(),
 
 				href: "page-${page}",
 
@@ -292,6 +287,86 @@ class Pagination extends CustomElement {
 	}
 }
 
+function getTranslations() {
+	const locale = getLocaleOfDocument();
+	switch (locale.language) {
+		case 'de':
+			return {
+				page: "${page}",
+				description: "Seite ${page}",
+				previous: "Vorherige",
+				next: "Nächste",
+				of: "von"
+			};
+		case 'fr':
+			return {
+				page: "${page}",
+				description: "Page ${page}",
+				previous: "Précédent",
+				next: "Suivant",
+				of: "de"
+			};
+		case 'sp':
+			return {
+				page: "${page}",
+				description: "Página ${page}",
+				previous: "Anterior",
+				next: "Siguiente",
+				of: "de"
+			};
+		case 'it':
+			return {
+				page: "${page}",
+				description: "Pagina ${page}",
+				previous: "Precedente",
+				next: "Successivo",
+				of: "di"
+			};
+		case 'pl':
+			return {
+				page: "${page}",
+				description: "Strona ${page}",
+				previous: "Poprzednia",
+				next: "Następna",
+				of: "z"
+			};
+		case 'no':
+			return {
+				page: "${page}",
+				description: "Side ${page}",
+				previous: "Forrige",
+				next: "Neste",
+				of: "av"
+			};
+		case 'dk':
+			return {
+				page: "${page}",
+				description: "Side ${page}",
+				previous: "Forrige",
+				next: "Næste",
+				of: "af"
+			};
+		case 'sw':
+			return {
+				page: "${page}",
+				description: "Sida ${page}",
+				previous: "Föregående",
+				next: "Nästa",
+				of: "av"
+			};
+		default:
+		case 'en':
+			return {
+				page: "${page}",
+				description: "Page ${page}",
+				previous: "Previous",
+				next: "Next",
+				of: "of"
+			};
+	}
+}
+
+
 /**
  * @private
  * @return {Select}