@kms-ngx-ui/presentational 20.4.0 → 20.4.2

package/fesm2022/kms-ngx-ui-presentational.mjs

@@ -47,14 +47,15 @@ import * as i5 from 'ngx-mat-select-search';
 import { NgxMatSelectSearchModule } from 'ngx-mat-select-search';
 import { MatTooltipModule } from '@angular/material/tooltip';
 import * as i1$8 from '@ngx-translate/core';
-import { TranslateModule } from '@ngx-translate/core';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
 import { autoUpdate, computePosition, shift, offset, arrow, flip } from '@floating-ui/dom';
 import { Subject, takeUntil as takeUntil$1, isObservable, merge } from 'rxjs';
+import { toSignal } from '@angular/core/rxjs-interop';
+import { startWith, takeUntil, filter } from 'rxjs/operators';
 import { trigger, state, style } from '@angular/animations';
 import { register } from 'swiper/element/bundle';
 import { isEmpty } from 'lodash';
 import moment from 'moment';
-import { takeUntil, filter } from 'rxjs/operators';
 
 class KmsUiPresentationalComponent {
     constructor() { }
@@ -715,6 +716,251 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
+/**
+ * Pre-translated strings the library injects into the consumer's
+ * @ngx-translate store under the `uiPresentational.*` namespace.
+ *
+ * Structure:
+ *   <locale>.<feature>.<key> → string
+ *
+ * Add a new feature by introducing a sibling object next to
+ * `validatorMessages` / `dateInput` (same shape across all locales).
+ */
+const KMS_LIB_MESSAGES = {
+    en: {
+        validatorMessages: {
+            required: 'This field is required.',
+            minlength: 'Minimum {{requiredLength}} characters required.',
+            maxlength: 'Maximum {{requiredLength}} characters allowed.',
+            min: 'Value must be at least {{min}}.',
+            max: 'Value must be at most {{max}}.',
+            email: 'Please enter a valid email address.',
+            pattern: 'The value does not match the required format.',
+            whitespaceOnly: 'Must not contain only whitespace.',
+            specialCharsOnly: 'Must contain at least one letter or number.',
+        },
+        dateInput: {
+            startDate: 'Start date',
+            endDate: 'End date',
+        },
+    },
+    'en-uk': {
+        validatorMessages: {
+            required: 'This field is required.',
+            minlength: 'Minimum {{requiredLength}} characters required.',
+            maxlength: 'Maximum {{requiredLength}} characters allowed.',
+            min: 'Value must be at least {{min}}.',
+            max: 'Value must be at most {{max}}.',
+            email: 'Please enter a valid email address.',
+            pattern: 'The value does not match the required format.',
+            whitespaceOnly: 'Must not contain only whitespace.',
+            specialCharsOnly: 'Must contain at least one letter or number.',
+        },
+        dateInput: {
+            startDate: 'Start date',
+            endDate: 'End date',
+        },
+    },
+    de: {
+        validatorMessages: {
+            required: 'Dieses Feld ist erforderlich.',
+            minlength: 'Mindestens {{requiredLength}} Zeichen erforderlich.',
+            maxlength: 'Maximal {{requiredLength}} Zeichen erlaubt.',
+            min: 'Der Wert muss mindestens {{min}} betragen.',
+            max: 'Der Wert darf h\u00f6chstens {{max}} betragen.',
+            email: 'Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein.',
+            pattern: 'Der Wert entspricht nicht dem erforderlichen Format.',
+            whitespaceOnly: 'Darf nicht nur aus Leerzeichen bestehen.',
+            specialCharsOnly: 'Muss mindestens einen Buchstaben oder eine Zahl enthalten.',
+        },
+        dateInput: {
+            startDate: 'Startdatum',
+            endDate: 'Enddatum',
+        },
+    },
+    'de-de': {
+        validatorMessages: {
+            required: 'Dieses Feld ist erforderlich.',
+            minlength: 'Mindestens {{requiredLength}} Zeichen erforderlich.',
+            maxlength: 'Maximal {{requiredLength}} Zeichen erlaubt.',
+            min: 'Der Wert muss mindestens {{min}} betragen.',
+            max: 'Der Wert darf h\u00f6chstens {{max}} betragen.',
+            email: 'Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein.',
+            pattern: 'Der Wert entspricht nicht dem erforderlichen Format.',
+            whitespaceOnly: 'Darf nicht nur aus Leerzeichen bestehen.',
+            specialCharsOnly: 'Muss mindestens einen Buchstaben oder eine Zahl enthalten.',
+        },
+        dateInput: {
+            startDate: 'Startdatum',
+            endDate: 'Enddatum',
+        },
+    },
+    'de-ch': {
+        validatorMessages: {
+            required: 'Dieses Feld ist erforderlich.',
+            minlength: 'Mindestens {{requiredLength}} Zeichen erforderlich.',
+            maxlength: 'Maximal {{requiredLength}} Zeichen erlaubt.',
+            min: 'Der Wert muss mindestens {{min}} betragen.',
+            max: 'Der Wert darf h\u00f6chstens {{max}} betragen.',
+            email: 'Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein.',
+            pattern: 'Der Wert entspricht nicht dem erforderlichen Format.',
+            whitespaceOnly: 'Darf nicht nur aus Leerzeichen bestehen.',
+            specialCharsOnly: 'Muss mindestens einen Buchstaben oder eine Zahl enthalten.',
+        },
+        dateInput: {
+            startDate: 'Startdatum',
+            endDate: 'Enddatum',
+        },
+    },
+    'cs-cz': {
+        validatorMessages: {
+            required: 'Toto pole je povinn\u00e9.',
+            minlength: 'Vy\u017eaduje se minim\u00e1ln\u011b {{requiredLength}} znak\u016f.',
+            maxlength: 'Maxim\u00e1ln\u011b {{requiredLength}} znak\u016f je povoleno.',
+            min: 'Hodnota mus\u00ed b\u00fdt alespo\u0148 {{min}}.',
+            max: 'Hodnota mus\u00ed b\u00fdt nejv\u00fd\u0161e {{max}}.',
+            email: 'Zadejte pros\u00edm platnou e-mailovou adresu.',
+            pattern: 'Hodnota neodpov\u00edd\u00e1 po\u017eadovan\u00e9mu form\u00e1tu.',
+            whitespaceOnly: 'Nesm\u00ed obsahovat pouze mezery.',
+            specialCharsOnly: 'Mus\u00ed obsahovat alespo\u0148 jedno p\u00edsmeno nebo \u010d\u00edslo.',
+        },
+        dateInput: {
+            startDate: 'Datum za\u010d\u00e1tku',
+            endDate: 'Datum konce',
+        },
+    },
+    'es-es': {
+        validatorMessages: {
+            required: 'Este campo es obligatorio.',
+            minlength: 'Se requieren al menos {{requiredLength}} caracteres.',
+            maxlength: 'Se permiten como m\u00e1ximo {{requiredLength}} caracteres.',
+            min: 'El valor debe ser al menos {{min}}.',
+            max: 'El valor debe ser como m\u00e1ximo {{max}}.',
+            email: 'Introduzca una direcci\u00f3n de correo electr\u00f3nico v\u00e1lida.',
+            pattern: 'El valor no coincide con el formato requerido.',
+            whitespaceOnly: 'No debe contener solo espacios en blanco.',
+            specialCharsOnly: 'Debe contener al menos una letra o un n\u00famero.',
+        },
+        dateInput: {
+            startDate: 'Fecha de inicio',
+            endDate: 'Fecha de fin',
+        },
+    },
+    'fr-fr': {
+        validatorMessages: {
+            required: 'Ce champ est obligatoire.',
+            minlength: 'Au moins {{requiredLength}} caract\u00e8res requis.',
+            maxlength: 'Maximum {{requiredLength}} caract\u00e8res autoris\u00e9s.',
+            min: "La valeur doit \u00eatre d'au moins {{min}}.",
+            max: 'La valeur doit \u00eatre au maximum {{max}}.',
+            email: 'Veuillez saisir une adresse e-mail valide.',
+            pattern: 'La valeur ne correspond pas au format requis.',
+            whitespaceOnly: 'Ne doit pas contenir uniquement des espaces.',
+            specialCharsOnly: 'Doit contenir au moins une lettre ou un chiffre.',
+        },
+        dateInput: {
+            startDate: 'Date de d\u00e9but',
+            endDate: 'Date de fin',
+        },
+    },
+    'it-it': {
+        validatorMessages: {
+            required: 'Questo campo \u00e8 obbligatorio.',
+            minlength: 'Sono richiesti almeno {{requiredLength}} caratteri.',
+            maxlength: 'Sono consentiti al massimo {{requiredLength}} caratteri.',
+            min: 'Il valore deve essere almeno {{min}}.',
+            max: 'Il valore deve essere al massimo {{max}}.',
+            email: 'Inserisci un indirizzo e-mail valido.',
+            pattern: 'Il valore non corrisponde al formato richiesto.',
+            whitespaceOnly: 'Non deve contenere solo spazi.',
+            specialCharsOnly: 'Deve contenere almeno una lettera o un numero.',
+        },
+        dateInput: {
+            startDate: 'Data di inizio',
+            endDate: 'Data di fine',
+        },
+    },
+    'nl-nl': {
+        validatorMessages: {
+            required: 'Dit veld is verplicht.',
+            minlength: 'Minimaal {{requiredLength}} tekens vereist.',
+            maxlength: 'Maximaal {{requiredLength}} tekens toegestaan.',
+            min: 'De waarde moet ten minste {{min}} zijn.',
+            max: 'De waarde mag maximaal {{max}} zijn.',
+            email: 'Voer een geldig e-mailadres in.',
+            pattern: 'De waarde komt niet overeen met het vereiste formaat.',
+            whitespaceOnly: 'Mag niet alleen spaties bevatten.',
+            specialCharsOnly: 'Moet ten minste \u00e9\u00e9n letter of cijfer bevatten.',
+        },
+        dateInput: {
+            startDate: 'Startdatum',
+            endDate: 'Einddatum',
+        },
+    },
+    'pt-pt': {
+        validatorMessages: {
+            required: 'Este campo \u00e9 obrigat\u00f3rio.',
+            minlength: 'M\u00ednimo de {{requiredLength}} caracteres necess\u00e1rio.',
+            maxlength: 'M\u00e1ximo de {{requiredLength}} caracteres permitido.',
+            min: 'O valor deve ser pelo menos {{min}}.',
+            max: 'O valor deve ser no m\u00e1ximo {{max}}.',
+            email: 'Introduza um endere\u00e7o de e-mail v\u00e1lido.',
+            pattern: 'O valor n\u00e3o corresponde ao formato necess\u00e1rio.',
+            whitespaceOnly: 'N\u00e3o pode conter apenas espa\u00e7os em branco.',
+            specialCharsOnly: 'Deve conter pelo menos uma letra ou um n\u00famero.',
+        },
+        dateInput: {
+            startDate: 'Data de in\u00edcio',
+            endDate: 'Data de fim',
+        },
+    },
+    'sk-sk': {
+        validatorMessages: {
+            required: 'Toto pole je povinn\u00e9.',
+            minlength: 'Vy\u017eaduje sa minim\u00e1lne {{requiredLength}} znakov.',
+            maxlength: 'Maxim\u00e1lne {{requiredLength}} znakov je povolen\u00fdch.',
+            min: 'Hodnota mus\u00ed by\u0165 aspo\u0148 {{min}}.',
+            max: 'Hodnota mus\u00ed by\u0165 najviac {{max}}.',
+            email: 'Zadajte platn\u00fa e-mailov\u00fa adresu.',
+            pattern: 'Hodnota nezodpoved\u00e1 po\u017eadovan\u00e9mu form\u00e1tu.',
+            whitespaceOnly: 'Nesmie obsahova\u0165 iba medzery.',
+            specialCharsOnly: 'Mus\u00ed obsahova\u0165 aspo\u0148 jedno p\u00edsmeno alebo \u010d\u00edslo.',
+        },
+        dateInput: {
+            startDate: 'D\u00e1tum za\u010diatku',
+            endDate: 'D\u00e1tum konca',
+        },
+    },
+};
+/**
+ * Resolve the message bundle for `lang` with locale fallback:
+ *   exact (`de-de`) → primary (`de`) → English default.
+ */
+function resolveKmsLibMessages(lang) {
+    const key = lang.toLowerCase();
+    return (KMS_LIB_MESSAGES[key] ??
+        KMS_LIB_MESSAGES[key.split('-')[0]] ??
+        KMS_LIB_MESSAGES['en']);
+}
+/**
+ * Merge the library's pre-translated strings into the consumer's
+ * @ngx-translate store for a given language.
+ *
+ * Implementation note: the consumer's HTTP loader calls
+ * `setTranslation()` *without* merge, which overwrites the store —
+ * this helper merges library strings back on top. Call from a
+ * `translate.onLangChange` subscription so the merge re-runs after
+ * each (re)load.
+ *
+ * We intentionally do NOT merge upfront for all languages, because
+ * that would make ngx-translate skip the HTTP loader (it thinks
+ * translations are already cached), breaking the app's own
+ * translations.
+ */
+function mergeKmsLibMessages(translate, lang) {
+    translate.setTranslation(lang, { uiPresentational: resolveKmsLibMessages(lang) }, true);
+}
+
 /**
  * @copyright KMS GmbH
  */
@@ -2163,6 +2409,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
 let nextId$1 = 0;
 class DateInputComponent {
     constructor() {
+        this.translate = inject(TranslateService, { optional: true });
         this.Color = Color;
         this.IconSizePx = IconSizePx;
         this.dateChange = output();
@@ -2187,6 +2434,16 @@ class DateInputComponent {
             end: new FormControl(null),
         });
         this.computedStartView = computed(() => this.monthPicker() ? 'year' : this.startView(), ...(ngDevMode ? [{ debugName: "computedStartView" }] : []));
+        /**
+         * Tracks the active language so aria-label signals re-evaluate on
+         * runtime language changes. `undefined` when TranslateService is not
+         * provided (date-input used outside KmsUiPresentationalModule).
+         */
+        this.activeLang = this.translate
+            ? toSignal(this.translate.onLangChange.pipe(startWith({ lang: this.translate.currentLang })), { initialValue: { lang: this.translate.currentLang } })
+            : signal(undefined);
+        this.startDateAriaLabel = computed(() => this.resolveLabel('startDate', 'Start date'), ...(ngDevMode ? [{ debugName: "startDateAriaLabel" }] : []));
+        this.endDateAriaLabel = computed(() => this.resolveLabel('endDate', 'End date'), ...(ngDevMode ? [{ debugName: "endDateAriaLabel" }] : []));
         this.disabledEffect = effect(() => {
             const disabled = this.isDisabled();
             if (disabled) {
@@ -2207,6 +2464,17 @@ class DateInputComponent {
         this.onChange = () => { };
         this.onTouched = () => { };
     }
+    resolveLabel(key, fallback) {
+        // Read activeLang so this computed re-runs on language change
+        // (translate.instant is not signal-aware on its own).
+        this.activeLang();
+        if (!this.translate) {
+            return fallback;
+        }
+        const fullKey = `uiPresentational.dateInput.${key}`;
+        const translated = this.translate.instant(fullKey);
+        return translated && translated !== fullKey ? translated : fallback;
+    }
     onDateChanged(date) {
         this.value.set(date);
         this.innerControl.setValue(date, { emitEvent: false });
@@ -2254,7 +2522,7 @@ class DateInputComponent {
                 useExisting: forwardRef(() => DateInputComponent),
                 multi: true,
             },
-        ], ngImport: i0, template: "@if (mode() === 'date') {\n<mat-form-field class=\"kms-date-input__form-field\">\n  <mat-label>{{ label() }}</mat-label>\n  <input\n    [id]=\"inputId\"\n    matInput\n    [matDatepicker]=\"picker\"\n    [formControl]=\"innerControl\"\n    [placeholder]=\"placeholder()\"\n    [required]=\"required()\"\n    [min]=\"minDate()\"\n    [max]=\"maxDate()\"\n    [errorStateMatcher]=\"errorStateMatcher\"\n    [attr.aria-required]=\"required()\"\n    [attr.aria-invalid]=\"errorMessage() ? true : null\"\n    [attr.aria-describedby]=\"\n      (hint() ? hintId : '') + (errorMessage() ? ' ' + errorId : '') || null\n    \"\n    (dateChange)=\"onDateChanged($event.value)\"\n    (blur)=\"onTouched()\"\n    (click)=\"picker.open()\"\n    (keyup)=\"\n      ($event.key === 'Enter' || $event.key === 'Space') && picker.open()\n    \"\n  />\n  <mat-datepicker\n    #picker\n    [startView]=\"computedStartView()\"\n    (monthSelected)=\"onMonthSelected($event, picker)\"\n  ></mat-datepicker>\n  <mat-datepicker-toggle matIconSuffix [for]=\"picker\">\n    <kms-icon\n      class=\"kms-date-input__icon\"\n      icon=\"calendar\"\n      [color]=\"Color.SECONDARY\"\n      [size]=\"IconSizePx.XS\"\n      matDatepickerToggleIcon\n    ></kms-icon>\n  </mat-datepicker-toggle>\n  @if (hint()) {\n  <mat-hint [id]=\"hintId\">{{ hint() }}</mat-hint>\n  }\n  <mat-error [id]=\"errorId\" role=\"alert\">{{ errorMessage() }}</mat-error>\n</mat-form-field>\n} @if (mode() === 'range') {\n<mat-form-field class=\"kms-date-input__form-field\">\n  <mat-label>{{ label() }}</mat-label>\n  <mat-date-range-input\n    [rangePicker]=\"rangePicker\"\n    [min]=\"minDate()\"\n    [max]=\"maxDate()\"\n    (click)=\"rangePicker.open()\"\n    (keyup)=\"\n      ($event.key === 'Enter' || $event.key === 'Space') && rangePicker.open()\n    \"\n  >\n    <input\n      matStartDate\n      [formControl]=\"rangeGroup.controls.start\"\n      [placeholder]=\"placeholder() || 'Start date'\"\n      [required]=\"required()\"\n      [attr.aria-required]=\"required()\"\n      [attr.aria-invalid]=\"errorMessage() ? true : null\"\n      [attr.aria-describedby]=\"\n        (hint() ? hintId : '') + (errorMessage() ? ' ' + errorId : '') || null\n      \"\n      (dateChange)=\"onRangeChanged()\"\n      (blur)=\"onTouched()\"\n    />\n    <input\n      matEndDate\n      [formControl]=\"rangeGroup.controls.end\"\n      placeholder=\"End date\"\n      (dateChange)=\"onRangeChanged()\"\n      (blur)=\"onTouched()\"\n    />\n  </mat-date-range-input>\n  <mat-date-range-picker #rangePicker></mat-date-range-picker>\n  <mat-datepicker-toggle matIconSuffix [for]=\"rangePicker\">\n    <kms-icon\n      class=\"kms-date-input__icon\"\n      icon=\"calendar\"\n      [color]=\"Color.SECONDARY\"\n      [size]=\"IconSizePx.XS\"\n      matDatepickerToggleIcon\n    ></kms-icon>\n  </mat-datepicker-toggle>\n  @if (hint()) {\n  <mat-hint [id]=\"hintId\">{{ hint() }}</mat-hint>\n  }\n  <mat-error [id]=\"errorId\" role=\"alert\">{{ errorMessage() }}</mat-error>\n</mat-form-field>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i4.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i4.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i4.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i4.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i4.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "size", "dontUseSprite", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+        ], ngImport: i0, template: "@if (mode() === 'date') {\n<mat-form-field class=\"kms-date-input__form-field\">\n  <mat-label>{{ label() }}</mat-label>\n  <input\n    [id]=\"inputId\"\n    matInput\n    [matDatepicker]=\"picker\"\n    [formControl]=\"innerControl\"\n    [placeholder]=\"placeholder()\"\n    [required]=\"required()\"\n    [min]=\"minDate()\"\n    [max]=\"maxDate()\"\n    [errorStateMatcher]=\"errorStateMatcher\"\n    [attr.aria-required]=\"required()\"\n    [attr.aria-invalid]=\"errorMessage() ? true : null\"\n    [attr.aria-describedby]=\"\n      (hint() ? hintId : '') + (errorMessage() ? ' ' + errorId : '') || null\n    \"\n    (dateChange)=\"onDateChanged($event.value)\"\n    (blur)=\"onTouched()\"\n    (click)=\"picker.open()\"\n    (keyup)=\"\n      ($event.key === 'Enter' || $event.key === 'Space') && picker.open()\n    \"\n  />\n  <mat-datepicker\n    #picker\n    [startView]=\"computedStartView()\"\n    (monthSelected)=\"onMonthSelected($event, picker)\"\n  ></mat-datepicker>\n  <mat-datepicker-toggle matIconSuffix [for]=\"picker\">\n    <kms-icon\n      class=\"kms-date-input__icon\"\n      icon=\"calendar\"\n      [color]=\"Color.SECONDARY\"\n      [size]=\"IconSizePx.XS\"\n      matDatepickerToggleIcon\n    ></kms-icon>\n  </mat-datepicker-toggle>\n  @if (hint()) {\n  <mat-hint [id]=\"hintId\">{{ hint() }}</mat-hint>\n  }\n  <mat-error [id]=\"errorId\" role=\"alert\">{{ errorMessage() }}</mat-error>\n</mat-form-field>\n} @if (mode() === 'range') {\n<mat-form-field class=\"kms-date-input__form-field\">\n  <mat-label>{{ label() }}</mat-label>\n  <mat-date-range-input\n    [rangePicker]=\"rangePicker\"\n    [min]=\"minDate()\"\n    [max]=\"maxDate()\"\n    (click)=\"rangePicker.open()\"\n    (keyup)=\"\n      ($event.key === 'Enter' || $event.key === 'Space') && rangePicker.open()\n    \"\n  >\n    <input\n      matStartDate\n      [formControl]=\"rangeGroup.controls.start\"\n      [placeholder]=\"placeholder() || startDateAriaLabel()\"\n      [attr.aria-label]=\"startDateAriaLabel()\"\n      [required]=\"required()\"\n      [attr.aria-required]=\"required()\"\n      [attr.aria-invalid]=\"errorMessage() ? true : null\"\n      [attr.aria-describedby]=\"\n        (hint() ? hintId : '') + (errorMessage() ? ' ' + errorId : '') || null\n      \"\n      (dateChange)=\"onRangeChanged()\"\n      (blur)=\"onTouched()\"\n    />\n    <input\n      matEndDate\n      [formControl]=\"rangeGroup.controls.end\"\n      [placeholder]=\"endDateAriaLabel()\"\n      [attr.aria-label]=\"endDateAriaLabel()\"\n      [attr.aria-required]=\"required()\"\n      [attr.aria-invalid]=\"errorMessage() ? true : null\"\n      [attr.aria-describedby]=\"\n        (hint() ? hintId : '') + (errorMessage() ? ' ' + errorId : '') || null\n      \"\n      (dateChange)=\"onRangeChanged()\"\n      (blur)=\"onTouched()\"\n    />\n  </mat-date-range-input>\n  <mat-date-range-picker #rangePicker></mat-date-range-picker>\n  <mat-datepicker-toggle matIconSuffix [for]=\"rangePicker\">\n    <kms-icon\n      class=\"kms-date-input__icon\"\n      icon=\"calendar\"\n      [color]=\"Color.SECONDARY\"\n      [size]=\"IconSizePx.XS\"\n      matDatepickerToggleIcon\n    ></kms-icon>\n  </mat-datepicker-toggle>\n  @if (hint()) {\n  <mat-hint [id]=\"hintId\">{{ hint() }}</mat-hint>\n  }\n  <mat-error [id]=\"errorId\" role=\"alert\">{{ errorMessage() }}</mat-error>\n</mat-form-field>\n}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$1.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$1.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2$1.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$2.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "directive", type: i4.MatDatepickerToggleIcon, selector: "[matDatepickerToggleIcon]" }, { kind: "component", type: i4.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i4.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i4.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i4.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "size", "dontUseSprite", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: DateInputComponent, decorators: [{
             type: Component,
@@ -2270,7 +2538,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                             useExisting: forwardRef(() => DateInputComponent),
                             multi: true,
                         },
-                    ], template: "@if (mode() === 'date') {\n<mat-form-field class=\"kms-date-input__form-field\">\n  <mat-label>{{ label() }}</mat-label>\n  <input\n    [id]=\"inputId\"\n    matInput\n    [matDatepicker]=\"picker\"\n    [formControl]=\"innerControl\"\n    [placeholder]=\"placeholder()\"\n    [required]=\"required()\"\n    [min]=\"minDate()\"\n    [max]=\"maxDate()\"\n    [errorStateMatcher]=\"errorStateMatcher\"\n    [attr.aria-required]=\"required()\"\n    [attr.aria-invalid]=\"errorMessage() ? true : null\"\n    [attr.aria-describedby]=\"\n      (hint() ? hintId : '') + (errorMessage() ? ' ' + errorId : '') || null\n    \"\n    (dateChange)=\"onDateChanged($event.value)\"\n    (blur)=\"onTouched()\"\n    (click)=\"picker.open()\"\n    (keyup)=\"\n      ($event.key === 'Enter' || $event.key === 'Space') && picker.open()\n    \"\n  />\n  <mat-datepicker\n    #picker\n    [startView]=\"computedStartView()\"\n    (monthSelected)=\"onMonthSelected($event, picker)\"\n  ></mat-datepicker>\n  <mat-datepicker-toggle matIconSuffix [for]=\"picker\">\n    <kms-icon\n      class=\"kms-date-input__icon\"\n      icon=\"calendar\"\n      [color]=\"Color.SECONDARY\"\n      [size]=\"IconSizePx.XS\"\n      matDatepickerToggleIcon\n    ></kms-icon>\n  </mat-datepicker-toggle>\n  @if (hint()) {\n  <mat-hint [id]=\"hintId\">{{ hint() }}</mat-hint>\n  }\n  <mat-error [id]=\"errorId\" role=\"alert\">{{ errorMessage() }}</mat-error>\n</mat-form-field>\n} @if (mode() === 'range') {\n<mat-form-field class=\"kms-date-input__form-field\">\n  <mat-label>{{ label() }}</mat-label>\n  <mat-date-range-input\n    [rangePicker]=\"rangePicker\"\n    [min]=\"minDate()\"\n    [max]=\"maxDate()\"\n    (click)=\"rangePicker.open()\"\n    (keyup)=\"\n      ($event.key === 'Enter' || $event.key === 'Space') && rangePicker.open()\n    \"\n  >\n    <input\n      matStartDate\n      [formControl]=\"rangeGroup.controls.start\"\n      [placeholder]=\"placeholder() || 'Start date'\"\n      [required]=\"required()\"\n      [attr.aria-required]=\"required()\"\n      [attr.aria-invalid]=\"errorMessage() ? true : null\"\n      [attr.aria-describedby]=\"\n        (hint() ? hintId : '') + (errorMessage() ? ' ' + errorId : '') || null\n      \"\n      (dateChange)=\"onRangeChanged()\"\n      (blur)=\"onTouched()\"\n    />\n    <input\n      matEndDate\n      [formControl]=\"rangeGroup.controls.end\"\n      placeholder=\"End date\"\n      (dateChange)=\"onRangeChanged()\"\n      (blur)=\"onTouched()\"\n    />\n  </mat-date-range-input>\n  <mat-date-range-picker #rangePicker></mat-date-range-picker>\n  <mat-datepicker-toggle matIconSuffix [for]=\"rangePicker\">\n    <kms-icon\n      class=\"kms-date-input__icon\"\n      icon=\"calendar\"\n      [color]=\"Color.SECONDARY\"\n      [size]=\"IconSizePx.XS\"\n      matDatepickerToggleIcon\n    ></kms-icon>\n  </mat-datepicker-toggle>\n  @if (hint()) {\n  <mat-hint [id]=\"hintId\">{{ hint() }}</mat-hint>\n  }\n  <mat-error [id]=\"errorId\" role=\"alert\">{{ errorMessage() }}</mat-error>\n</mat-form-field>\n}\n" }]
+                    ], template: "@if (mode() === 'date') {\n<mat-form-field class=\"kms-date-input__form-field\">\n  <mat-label>{{ label() }}</mat-label>\n  <input\n    [id]=\"inputId\"\n    matInput\n    [matDatepicker]=\"picker\"\n    [formControl]=\"innerControl\"\n    [placeholder]=\"placeholder()\"\n    [required]=\"required()\"\n    [min]=\"minDate()\"\n    [max]=\"maxDate()\"\n    [errorStateMatcher]=\"errorStateMatcher\"\n    [attr.aria-required]=\"required()\"\n    [attr.aria-invalid]=\"errorMessage() ? true : null\"\n    [attr.aria-describedby]=\"\n      (hint() ? hintId : '') + (errorMessage() ? ' ' + errorId : '') || null\n    \"\n    (dateChange)=\"onDateChanged($event.value)\"\n    (blur)=\"onTouched()\"\n    (click)=\"picker.open()\"\n    (keyup)=\"\n      ($event.key === 'Enter' || $event.key === 'Space') && picker.open()\n    \"\n  />\n  <mat-datepicker\n    #picker\n    [startView]=\"computedStartView()\"\n    (monthSelected)=\"onMonthSelected($event, picker)\"\n  ></mat-datepicker>\n  <mat-datepicker-toggle matIconSuffix [for]=\"picker\">\n    <kms-icon\n      class=\"kms-date-input__icon\"\n      icon=\"calendar\"\n      [color]=\"Color.SECONDARY\"\n      [size]=\"IconSizePx.XS\"\n      matDatepickerToggleIcon\n    ></kms-icon>\n  </mat-datepicker-toggle>\n  @if (hint()) {\n  <mat-hint [id]=\"hintId\">{{ hint() }}</mat-hint>\n  }\n  <mat-error [id]=\"errorId\" role=\"alert\">{{ errorMessage() }}</mat-error>\n</mat-form-field>\n} @if (mode() === 'range') {\n<mat-form-field class=\"kms-date-input__form-field\">\n  <mat-label>{{ label() }}</mat-label>\n  <mat-date-range-input\n    [rangePicker]=\"rangePicker\"\n    [min]=\"minDate()\"\n    [max]=\"maxDate()\"\n    (click)=\"rangePicker.open()\"\n    (keyup)=\"\n      ($event.key === 'Enter' || $event.key === 'Space') && rangePicker.open()\n    \"\n  >\n    <input\n      matStartDate\n      [formControl]=\"rangeGroup.controls.start\"\n      [placeholder]=\"placeholder() || startDateAriaLabel()\"\n      [attr.aria-label]=\"startDateAriaLabel()\"\n      [required]=\"required()\"\n      [attr.aria-required]=\"required()\"\n      [attr.aria-invalid]=\"errorMessage() ? true : null\"\n      [attr.aria-describedby]=\"\n        (hint() ? hintId : '') + (errorMessage() ? ' ' + errorId : '') || null\n      \"\n      (dateChange)=\"onRangeChanged()\"\n      (blur)=\"onTouched()\"\n    />\n    <input\n      matEndDate\n      [formControl]=\"rangeGroup.controls.end\"\n      [placeholder]=\"endDateAriaLabel()\"\n      [attr.aria-label]=\"endDateAriaLabel()\"\n      [attr.aria-required]=\"required()\"\n      [attr.aria-invalid]=\"errorMessage() ? true : null\"\n      [attr.aria-describedby]=\"\n        (hint() ? hintId : '') + (errorMessage() ? ' ' + errorId : '') || null\n      \"\n      (dateChange)=\"onRangeChanged()\"\n      (blur)=\"onTouched()\"\n    />\n  </mat-date-range-input>\n  <mat-date-range-picker #rangePicker></mat-date-range-picker>\n  <mat-datepicker-toggle matIconSuffix [for]=\"rangePicker\">\n    <kms-icon\n      class=\"kms-date-input__icon\"\n      icon=\"calendar\"\n      [color]=\"Color.SECONDARY\"\n      [size]=\"IconSizePx.XS\"\n      matDatepickerToggleIcon\n    ></kms-icon>\n  </mat-datepicker-toggle>\n  @if (hint()) {\n  <mat-hint [id]=\"hintId\">{{ hint() }}</mat-hint>\n  }\n  <mat-error [id]=\"errorId\" role=\"alert\">{{ errorMessage() }}</mat-error>\n</mat-form-field>\n}\n" }]
         }], propDecorators: { dateChange: [{ type: i0.Output, args: ["dateChange"] }], rangeChange: [{ type: i0.Output, args: ["rangeChange"] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], errorMessage: [{ type: i0.Input, args: [{ isSignal: true, alias: "errorMessage", required: false }] }], minDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "minDate", required: false }] }], maxDate: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxDate", required: false }] }], monthPicker: [{ type: i0.Input, args: [{ isSignal: true, alias: "monthPicker", required: false }] }], startView: [{ type: i0.Input, args: [{ isSignal: true, alias: "startView", required: false }] }] } });
 
 class EnumRadiogroupComponent extends FormControlParentComponent {
@@ -4798,7 +5066,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
         }], ctorParameters: () => [], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], formSubmit: [{ type: i0.Output, args: ["formSubmit"] }], formStateChange: [{ type: i0.Output, args: ["formStateChange"] }], formReady: [{ type: i0.Output, args: ["formReady"] }], fieldValueChange: [{ type: i0.Output, args: ["fieldValueChange"] }] } });
 
 class KmsUiPresentationalModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: KmsUiPresentationalModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    constructor(translate) {
+        // Merge all bundled library strings (validator messages, date-input
+        // aria-labels, etc.) into ngx-translate under `uiPresentational.*`.
+        // The consumer's HTTP loader overwrites the store on (re)load, so
+        // we re-merge on every language change.
+        const currentLang = translate.currentLang || translate.defaultLang;
+        if (currentLang) {
+            mergeKmsLibMessages(translate, currentLang);
+        }
+        translate.onLangChange.subscribe((event) => {
+            mergeKmsLibMessages(translate, event.lang);
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: KmsUiPresentationalModule, deps: [{ token: i1$8.TranslateService }], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: KmsUiPresentationalModule, declarations: [BackToTopComponent,
             CheckboxComponent,
             ColorInputComponent,
@@ -5034,7 +5315,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     providers: [ViewportService],
                     schemas: [CUSTOM_ELEMENTS_SCHEMA],
                 }]
-        }] });
+        }], ctorParameters: () => [{ type: i1$8.TranslateService }] });
 
 class KmsUiPresentationalService {
     constructor() { }
@@ -5075,116 +5356,23 @@ function noSpecialCharsOnly() {
     };
 }
 
-/**
- * Pre-translated validation error messages for all supported locales.
- * Merged into @ngx-translate via `GenericFormModule` constructor under
- * the key path `uiPresentational.validatorMessages.<validatorName>`.
- *
- * Interpolation placeholders (e.g. `{{requiredLength}}`) match the metadata
- * objects Angular validators attach to `ValidationErrors`.
- */
-const KMS_ERROR_MESSAGES = {
-    en: {
-        required: 'This field is required.',
-        minlength: 'Minimum {{requiredLength}} characters required.',
-        maxlength: 'Maximum {{requiredLength}} characters allowed.',
-        min: 'Value must be at least {{min}}.',
-        max: 'Value must be at most {{max}}.',
-        email: 'Please enter a valid email address.',
-        pattern: 'The value does not match the required format.',
-        whitespaceOnly: 'Must not contain only whitespace.',
-        specialCharsOnly: 'Must contain at least one letter or number.',
-    },
-    'en-uk': {
-        required: 'This field is required.',
-        minlength: 'Minimum {{requiredLength}} characters required.',
-        maxlength: 'Maximum {{requiredLength}} characters allowed.',
-        min: 'Value must be at least {{min}}.',
-        max: 'Value must be at most {{max}}.',
-        email: 'Please enter a valid email address.',
-        pattern: 'The value does not match the required format.',
-        whitespaceOnly: 'Must not contain only whitespace.',
-        specialCharsOnly: 'Must contain at least one letter or number.',
-    },
-    de: {
-        required: 'Dieses Feld ist erforderlich.',
-        minlength: 'Mindestens {{requiredLength}} Zeichen erforderlich.',
-        maxlength: 'Maximal {{requiredLength}} Zeichen erlaubt.',
-        min: 'Der Wert muss mindestens {{min}} betragen.',
-        max: 'Der Wert darf h\u00f6chstens {{max}} betragen.',
-        email: 'Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein.',
-        pattern: 'Der Wert entspricht nicht dem erforderlichen Format.',
-        whitespaceOnly: 'Darf nicht nur aus Leerzeichen bestehen.',
-        specialCharsOnly: 'Muss mindestens einen Buchstaben oder eine Zahl enthalten.',
-    },
-    'de-de': {
-        required: 'Dieses Feld ist erforderlich.',
-        minlength: 'Mindestens {{requiredLength}} Zeichen erforderlich.',
-        maxlength: 'Maximal {{requiredLength}} Zeichen erlaubt.',
-        min: 'Der Wert muss mindestens {{min}} betragen.',
-        max: 'Der Wert darf h\u00f6chstens {{max}} betragen.',
-        email: 'Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein.',
-        pattern: 'Der Wert entspricht nicht dem erforderlichen Format.',
-        whitespaceOnly: 'Darf nicht nur aus Leerzeichen bestehen.',
-        specialCharsOnly: 'Muss mindestens einen Buchstaben oder eine Zahl enthalten.',
-    },
-    'de-ch': {
-        required: 'Dieses Feld ist erforderlich.',
-        minlength: 'Mindestens {{requiredLength}} Zeichen erforderlich.',
-        maxlength: 'Maximal {{requiredLength}} Zeichen erlaubt.',
-        min: 'Der Wert muss mindestens {{min}} betragen.',
-        max: 'Der Wert darf h\u00f6chstens {{max}} betragen.',
-        email: 'Bitte geben Sie eine g\u00fcltige E-Mail-Adresse ein.',
-        pattern: 'Der Wert entspricht nicht dem erforderlichen Format.',
-        whitespaceOnly: 'Darf nicht nur aus Leerzeichen bestehen.',
-        specialCharsOnly: 'Muss mindestens einen Buchstaben oder eine Zahl enthalten.',
-    },
-};
-
 /**
  * Lightweight facade module for the generic-form feature.
  *
  * - Provides `FieldRegistryService` (maps FieldType → library component classes).
- * - Merges pre-translated validation error messages into `@ngx-translate`
- *   so that `GenericFormService.resolveErrorMessage()` can look them up.
  *
  * **Does NOT declare any components** — those live in `KmsUiPresentationalModule`
  * to avoid circular AOT imports.
  *
- * Consuming apps import both modules:
+ * Library translations (validator messages, date-input aria-labels, etc.)
+ * are merged centrally by `KmsUiPresentationalModule`. Consuming apps
+ * import both modules:
  * ```ts
  * imports: [KmsUiPresentationalModule, GenericFormModule]
  * ```
  */
 class GenericFormModule {
-    constructor(translate) {
-        // Re-merge library error messages whenever the app loads/changes language.
-        // The app's HTTP loader calls setTranslation() without merge, which
-        // overwrites the store — this subscriber re-merges library messages on top.
-        //
-        // NOTE: We intentionally do NOT merge upfront for all languages, because
-        // that would make ngx-translate skip the HTTP loader (it thinks translations
-        // are already cached), breaking the app's own translations.
-        // Merge immediately if a language is already active (e.g. APP_INITIALIZER
-        // called translate.use() before this module was instantiated).
-        const currentLang = translate.currentLang || translate.defaultLang;
-        if (currentLang) {
-            this.mergeMessages(translate, currentLang);
-        }
-        translate.onLangChange.subscribe((event) => {
-            this.mergeMessages(translate, event.lang);
-        });
-    }
-    mergeMessages(translate, lang) {
-        const key = lang.toLowerCase();
-        const messages = KMS_ERROR_MESSAGES[key] ??
-            KMS_ERROR_MESSAGES[key.split('-')[0]] ??
-            KMS_ERROR_MESSAGES['en'];
-        if (messages) {
-            translate.setTranslation(lang, { uiPresentational: { validatorMessages: messages } }, true);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GenericFormModule, deps: [{ token: i1$8.TranslateService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GenericFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: GenericFormModule, imports: [TranslateModule] }); }
     static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GenericFormModule, providers: [FieldRegistryService], imports: [TranslateModule] }); }
 }
@@ -5194,7 +5382,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                     imports: [TranslateModule],
                     providers: [FieldRegistryService],
                 }]
-        }], ctorParameters: () => [{ type: i1$8.TranslateService }] });
+        }] });
 
 /** Form layout mode. Currently only GRID is implemented. */
 var FormLayout;